diff --git a/dist/mailgo.min.js b/dist/mailgo.min.js
index 9845164..43d0ee6 100644
--- a/dist/mailgo.min.js
+++ b/dist/mailgo.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.mailgo=t():e.mailgo=t()}(window,(function(){return function(e){var t={};function o(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(a,n,function(t){return e[t]}.bind(null,n));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=1)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,n,i,d,l,r,c,s,m,p,u,b,f,h,g,x,v,w,y,C="mailto:",k="tel:",L="callto:",z="javascript:void(0);",j="span",A="",E="",N="",S="",R="",_="",M="",U="",I="",T=function(){var e=Y();e.style.display="none",e.id="mailgo",e.classList.add("m-modal");var t=Y();t.className="m-modal-back",e.appendChild(t);var o=Y();o.className="m-modal-content",e.appendChild(o),(a=Y("strong")).id="m-title",a.className="m-title",o.appendChild(a);var C=Y();C.id="m-details",C.className="m-details",(i=Y("p")).id="m-cc";var k=Y(j);k.className="w-500",k.appendChild(ee("cc ")),(c=Y(j)).id="m-cc-value",i.appendChild(k),i.appendChild(c),C.appendChild(i),(d=Y("p")).id="m-bcc";var L=Y(j);L.className="w-500",L.appendChild(ee("bcc ")),(s=Y(j)).id="m-bcc-value",d.appendChild(L),d.appendChild(s),C.appendChild(d),(l=Y("p")).id="m-subject";var A=Y(j);A.className="w-500",A.appendChild(ee("subject ")),(m=Y(j)).id="m-subject-value",l.appendChild(A),l.appendChild(m),C.appendChild(l),(r=Y("p")).id="m-body";var E=Y(j);E.className="w-500",E.appendChild(ee("body ")),(p=Y(j)).id="m-body-value",r.appendChild(E),r.appendChild(p),C.appendChild(r),o.appendChild(C),(u=Y("a")).id="m-gmail",u.href=z,u.classList.add("m-open"),u.classList.add("m-gmail"),u.appendChild(ee("open in "));var N=Y(j);N.className="w-500",N.appendChild(ee("Gmail")),u.appendChild(N),o.appendChild(u),(b=Y("a")).id="m-outlook",b.href=z,b.classList.add("m-open"),b.classList.add("m-outlook"),b.appendChild(ee("open in "));var S=Y(j);S.className="w-500",S.appendChild(ee("Outlook")),b.appendChild(S),o.appendChild(b),(f=Y("a")).id="m-open",f.href=z,f.classList.add("m-open"),f.classList.add("m-default");var R=Y(j);R.className="w-500",R.appendChild(ee("open")),f.appendChild(R),f.appendChild(ee(" default")),o.appendChild(f),(w=Y("a")).id="m-copy",w.href=z,w.classList.add("m-copy"),w.classList.add("w-500"),w.appendChild(ee("copy")),o.appendChild(w),o.appendChild(X()),document.body.appendChild(e),t.addEventListener("click",Q);var _=Y();_.style.display="none",_.id="mailgo-tel",_.classList.add("m-modal");var M=Y();M.className="m-modal-back",_.appendChild(M);var U=Y();U.className="m-modal-content",_.appendChild(U),(n=Y("strong")).id="m-tel-title",n.className="m-title",U.appendChild(n),(h=Y("a")).id="m-tg",h.href=z,h.classList.add("m-open"),h.classList.add("m-tg"),h.style.display="none",h.appendChild(ee("open in "));var I=Y(j);I.className="w-500",I.appendChild(ee("Telegram")),h.appendChild(I),U.appendChild(h),(g=Y("a")).id="m-wa",g.href=z,g.classList.add("m-open"),g.classList.add("m-wa"),g.appendChild(ee("open in "));var T=Y(j);T.className="w-500",T.appendChild(ee("WhatsApp")),g.appendChild(T),U.appendChild(g),(x=Y("a")).id="m-skype",x.href=z,x.classList.add("m-open"),x.classList.add("m-skype"),x.appendChild(ee("open in "));var O=Y(j);O.className="w-500",O.appendChild(ee("Skype")),x.appendChild(O),U.appendChild(x),(v=Y("a")).id="m-call",v.href=z,v.classList.add("m-open"),v.classList.add("m-default");var P=Y(j);P.className="w-500",P.appendChild(ee("call")),v.appendChild(P),v.appendChild(ee(" as default")),U.appendChild(v),(y=Y("a")).id="m-tel-copy",y.href=z,y.classList.add("m-copy"),y.classList.add("w-500"),y.appendChild(ee("copy")),U.appendChild(y),U.appendChild(X()),document.body.appendChild(_),M.addEventListener("click",Q)},O=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"mail",t=arguments.length>1?arguments[1]:void 0;if("mail"===e){if(t.href&&t.href.toLowerCase().startsWith(C)){A=decodeURIComponent(t.href.split("?")[0].split(C)[1].trim());var o=new URL(t.href).searchParams;N=o.get("cc"),S=o.get("bcc"),R=o.get("subject"),_=o.get("body")}else A=t.getAttribute("data-address")+"@"+t.getAttribute("data-domain"),new URL(C+encodeURIComponent(A)),N=t.getAttribute("data-cc-address")+"@"+t.getAttribute("data-cc-domain"),S=t.getAttribute("data-bcc-address")+"@"+t.getAttribute("data-bcc-domain"),R=t.getAttribute("data-subject"),_=t.getAttribute("data-body");if(!re(A.split(",")))return;N&&!re(N.split(","))&&(N=""),S&&!re(S.split(","))&&(S=""),a.innerHTML=A.split(",").join("
"),N?(i.style.display="block",c.innerHTML=N.split(",").join("
")):i.style.display="none",S?(d.style.display="block",s.innerHTML=S.split(",").join("
")):d.style.display="none",R?(l.style.display="block",m.textContent=R):l.style.display="none",_?(r.style.display="block",p.textContent=_):r.style.display="none",u.addEventListener("click",P),b.addEventListener("click",W),E=oe(A),f.addEventListener("click",H),w.addEventListener("click",(function(){return G(A)}))}"tel"===e&&(t.href&&t.href.toLowerCase().startsWith(k)?M=decodeURIComponent(t.href.split("?")[0].split(k)[1].trim()):t.href&&t.href.toLowerCase().startsWith(L)?M=decodeURIComponent(t.href.split("?")[0].split(L)[1].trim()):t.hasAttribute("data-tel")&&(M=t.getAttribute("data-tel"),t.getAttribute("data-msg")),t.hasAttribute("data-telegram")&&(U=t.getAttribute("data-telegram")),t.hasAttribute("data-skype")&&(I=t.getAttribute("data-skype")),n.innerHTML=M,g.addEventListener("click",Z),U&&(ie("m-tg","block"),h.addEventListener("click",D)),x.addEventListener("click",B),v.addEventListener("click",F),y.addEventListener("click",(function(){return G(M)}))),K(e),document.addEventListener("keydown",J)},P=function(){var e="https://mail.google.com/mail/u/0/?view=cm&source=mailto&to="+encodeURIComponent(A);N&&(e=e.concat("&cc="+encodeURIComponent(N))),S&&(e=e.concat("&bcc="+encodeURIComponent(S))),R&&(e=e.concat("&subject="+R)),_&&(e=e.concat("&body="+_)),window.open(e,"_blank"),Q()},W=function(){var e="https://outlook.live.com/owa/?path=/mail/action/compose&to="+encodeURIComponent(A);R&&(e=e.concat("&subject="+R)),_&&(e=e.concat("&body="+_)),window.open(e,"_blank"),Q()},H=function(){te(E),Q()},D=function(){var e="https://t.me/"+U;window.open(e,"_blank"),Q()},B=function(){var e="skype:"+(""!==I?I:M);window.open(e,"_blank"),Q()},Z=function(){var e="https://wa.me/"+M;window.open(e,"_blank"),Q()},F=function(){var e="tel:"+M;window.open(e),Q()},G=function(e){var t;ce(e),(t=V("mail")?w:y).textContent="copied",setTimeout((function(){t.textContent="copy",Q()}),999)},$=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"mail",o=e.href;return"mail"===t?o&&o.toLowerCase().startsWith(C)&&!e.classList.contains("no-mailgo")||e.hasAttribute("data-address")&&(o&&"#mailgo"===e.getAttribute("href").toLowerCase()||e.classList&&e.classList.contains("mailgo")):"tel"===t&&(o&&(o.toLowerCase().startsWith(k)||o.toLowerCase().startsWith(L))&&!e.classList.contains("no-mailgo")||e.hasAttribute("data-tel")&&o&&"#mailgo"===e.getAttribute("href").toLowerCase()||e.classList&&e.classList.contains("mailgo"))},q=function(e){if(document.contains(ae("mailgo"))&&document.contains(ae("mailgo-tel"))){if(V("mail")||V("tel"))return!1;var t=e.composedPath&&e.composedPath()||de(e.target);return t&&t.forEach((function(t){return!(t instanceof HTMLDocument||t instanceof Window)&&($(t,"mail")?(e.preventDefault(),O("mail",t),!0):$(t,"tel")?(e.preventDefault(),O("tel",t),!0):void 0)})),!1}},J=function(e){if(V("mail"))switch(e.keyCode){case 27:Q();break;case 71:P();break;case 79:W();break;case 32:case 13:H();break;case 67:G(A);break;default:return}else if(V("tel"))switch(e.keyCode){case 27:Q();break;case 84:D();break;case 87:Z();break;case 32:case 13:F();break;case 67:G(M);break;default:return}},K=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"mail";return"mail"===e?(ie("mailgo","flex"),!0):"tel"===e&&(ie("mailgo-tel","flex"),!0)},Q=function(){ie("mailgo","none"),ie("mailgo-tel","none"),document.removeEventListener("keydown",J)},V=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"mail";return"mail"===e?"flex"===ne("mailgo"):"tel"===e&&"flex"===ne("mailgo-tel")},X=function(){var e=Y("a");return e.href="https://mailgo.js.org?ref=mailgo-modal",e.className="m-by",e.target="_blank",e.rel="noopener noreferrer",e.appendChild(ee("mailgo.js.org")),e},Y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"div";return document.createElement(e)},ee=function(e){return document.createTextNode(e)},te=function(e){return window.location.href=C+atob(e)},oe=function(e){return btoa(e)},ae=function(e){return document.getElementById(e)},ne=function(e){return ae(e).style.display},ie=function(e,t){return ae(e).style.display=t},de=function(e){for(var t=[];e;){if(t.push(e),"HTML"===e.tagName)return t.push(document),t.push(window),t;e=e.parentElement}},le=function(e){return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},re=function(e){return e.every(le)},ce=function(e){var t=Y("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t);var o=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);return t.select(),document.execCommand("copy"),document.body.removeChild(t),!!o&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(o),!0)},se=function(e){var t;window&&"undefined"!=typeof window&&((t=Y("style")).id="mailgo-style",t.type="text/css",t.appendChild(ee('.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.m-modal .m-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.m-modal .m-modal-content a.m-by:hover{opacity:1}.m-modal .m-modal-content .w-500{font-weight:500}')),document.head.appendChild(t),(null==e?void 0:e.initEvent)?document.addEventListener(e.initEvent,T):T(),document.addEventListener("click",q))};t.default=se},function(e,t,o){"use strict";o.r(t);var a=o(0);o.n(a)()({initEvent:"DOMContentLoaded"})}])}));
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.mailgo=t():e.mailgo=t()}(window,(function(){return function(e){var t={};function o(a){if(t[a])return t[a].exports;var n=t[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=e,o.c=t,o.d=function(e,t,a){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:a})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(o.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(a,n,function(t){return e[t]}.bind(null,n));return a},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,o){"use strict";o.r(t);const a="javascript:void(0);",n="span";let l,i,d,s,m,c,r,p,b,u,h,g,f,x,w,y,C,k,v,L,z="",j="",A="",E="",N="",S="",R="",U="",I="",M="";const _=()=>{{let e=X();e.style.display="none",e.id="mailgo",e.classList.add("m-modal");let t=X();t.className="m-modal-back",e.appendChild(t);let o=X();o.className="m-modal-content",e.appendChild(o),i=X("strong"),i.id="m-title",i.className="m-title",o.appendChild(i);let l=X();l.id="m-details",l.className="m-details",s=X("p"),s.id="m-cc";let d=X(n);d.className="w-500",d.appendChild(Y("cc ")),p=X(n),p.id="m-cc-value",s.appendChild(d),s.appendChild(p),l.appendChild(s),m=X("p"),m.id="m-bcc";let w=X(n);w.className="w-500",w.appendChild(Y("bcc ")),b=X(n),b.id="m-bcc-value",m.appendChild(w),m.appendChild(b),l.appendChild(m),c=X("p"),c.id="m-subject";let y=X(n);y.className="w-500",y.appendChild(Y("subject ")),u=X(n),u.id="m-subject-value",c.appendChild(y),c.appendChild(u),l.appendChild(c),r=X("p"),r.id="m-body";let C=X(n);C.className="w-500",C.appendChild(Y("body ")),h=X(n),h.id="m-body-value",r.appendChild(C),r.appendChild(h),l.appendChild(r),o.appendChild(l),g=X("a"),g.id="m-gmail",g.href=a,g.classList.add("m-open"),g.classList.add("m-gmail"),g.appendChild(Y("open in "));let k=X(n);k.className="w-500",k.appendChild(Y("Gmail")),g.appendChild(k),o.appendChild(g),f=X("a"),f.id="m-outlook",f.href=a,f.classList.add("m-open"),f.classList.add("m-outlook"),f.appendChild(Y("open in "));let L=X(n);L.className="w-500",L.appendChild(Y("Outlook")),f.appendChild(L),o.appendChild(f),x=X("a"),x.id="m-open",x.href=a,x.classList.add("m-open"),x.classList.add("m-default");let z=X(n);z.className="w-500",z.appendChild(Y("open")),x.appendChild(z),x.appendChild(Y(" default")),o.appendChild(x),v=X("a"),v.id="m-copy",v.href=a,v.classList.add("m-copy"),v.classList.add("w-500"),v.appendChild(Y("copy")),o.appendChild(v),o.appendChild(V()),document.body.appendChild(e),t.addEventListener("click",K)}{let e=X();e.style.display="none",e.id="mailgo-tel",e.classList.add("m-modal");let t=X();t.className="m-modal-back",e.appendChild(t);let o=X();o.className="m-modal-content",e.appendChild(o),d=X("strong"),d.id="m-tel-title",d.className="m-title",o.appendChild(d),w=X("a"),w.id="m-tg",w.href=a,w.classList.add("m-open"),w.classList.add("m-tg"),w.style.display="none",w.appendChild(Y("open in "));let l=X(n);l.className="w-500",l.appendChild(Y("Telegram")),w.appendChild(l),o.appendChild(w),y=X("a"),y.id="m-wa",y.href=a,y.classList.add("m-open"),y.classList.add("m-wa"),y.appendChild(Y("open in "));let i=X(n);i.className="w-500",i.appendChild(Y("WhatsApp")),y.appendChild(i),o.appendChild(y),C=X("a"),C.id="m-skype",C.href=a,C.classList.add("m-open"),C.classList.add("m-skype"),C.appendChild(Y("open in "));let s=X(n);s.className="w-500",s.appendChild(Y("Skype")),C.appendChild(s),o.appendChild(C),k=X("a"),k.id="m-call",k.href=a,k.classList.add("m-open"),k.classList.add("m-default");let m=X(n);m.className="w-500",m.appendChild(Y("call")),k.appendChild(m),k.appendChild(Y(" as default")),o.appendChild(k),L=X("a"),L.id="m-tel-copy",L.href=a,L.classList.add("m-copy"),L.classList.add("w-500"),L.appendChild(Y("copy")),o.appendChild(L),o.appendChild(V()),document.body.appendChild(e),t.addEventListener("click",K)}},T=(e="mail",t)=>{if("mail"===e){if(t.href&&t.href.toLowerCase().startsWith("mailto:")){z=decodeURIComponent(t.href.split("?")[0].split("mailto:")[1].trim()),l=new URL(t.href);let e=l.searchParams;A=e.get("cc"),E=e.get("bcc"),N=e.get("subject"),S=e.get("body")}else z=t.getAttribute("data-address")+"@"+t.getAttribute("data-domain"),l=new URL("mailto:"+encodeURIComponent(z)),A=t.getAttribute("data-cc-address")+"@"+t.getAttribute("data-cc-domain"),E=t.getAttribute("data-bcc-address")+"@"+t.getAttribute("data-bcc-domain"),N=t.getAttribute("data-subject"),S=t.getAttribute("data-body");if(!de(z.split(",")))return;A&&!de(A.split(","))&&(A=""),E&&!de(E.split(","))&&(E=""),i.innerHTML=z.split(",").join("
"),A?(s.style.display="block",p.innerHTML=A.split(",").join("
")):s.style.display="none",E?(m.style.display="block",b.innerHTML=E.split(",").join("
")):m.style.display="none",N?(c.style.display="block",u.textContent=N):c.style.display="none",S?(r.style.display="block",h.textContent=S):r.style.display="none",g.addEventListener("click",O),f.addEventListener("click",P),j=te(z),x.addEventListener("click",W),v.addEventListener("click",()=>F(z))}"tel"===e&&(t.href&&t.href.toLowerCase().startsWith("tel:")?R=decodeURIComponent(t.href.split("?")[0].split("tel:")[1].trim()):t.href&&t.href.toLowerCase().startsWith("callto:")?R=decodeURIComponent(t.href.split("?")[0].split("callto:")[1].trim()):t.hasAttribute("data-tel")&&(R=t.getAttribute("data-tel"),U=t.getAttribute("data-msg")),t.hasAttribute("data-telegram")&&(I=t.getAttribute("data-telegram")),t.hasAttribute("data-skype")&&(M=t.getAttribute("data-skype")),d.innerHTML=R,y.addEventListener("click",B),I&&(ne("m-tg","block"),w.addEventListener("click",H)),C.addEventListener("click",D),k.addEventListener("click",Z),L.addEventListener("click",()=>F(R))),J(e),document.addEventListener("keydown",q)},O=()=>{let e="https://mail.google.com/mail/u/0/?view=cm&source=mailto&to="+encodeURIComponent(z);A&&(e=e.concat("&cc="+encodeURIComponent(A))),E&&(e=e.concat("&bcc="+encodeURIComponent(E))),N&&(e=e.concat("&subject="+N)),S&&(e=e.concat("&body="+S)),window.open(e,"_blank"),K()},P=()=>{let e="https://outlook.live.com/owa/?path=/mail/action/compose&to="+encodeURIComponent(z);N&&(e=e.concat("&subject="+N)),S&&(e=e.concat("&body="+S)),window.open(e,"_blank"),K()},W=()=>{ee(j),K()},H=()=>{let e="https://t.me/"+I;window.open(e,"_blank"),K()},D=()=>{let e="skype:"+(""!==M?M:R);window.open(e,"_blank"),K()},B=()=>{let e="https://wa.me/"+R;window.open(e,"_blank"),K()},Z=()=>{let e="tel:"+R;window.open(e),K()},F=e=>{let t;se(e),t=Q("mail")?v:L,t.textContent="copied",setTimeout(()=>{t.textContent="copy",K()},999)},G=(e,t="mail")=>{let o=e.href;return"mail"===t?o&&o.toLowerCase().startsWith("mailto:")&&!e.classList.contains("no-mailgo")||e.hasAttribute("data-address")&&(o&&"#mailgo"===e.getAttribute("href").toLowerCase()||e.classList&&e.classList.contains("mailgo")):"tel"===t&&(o&&(o.toLowerCase().startsWith("tel:")||o.toLowerCase().startsWith("callto:"))&&!e.classList.contains("no-mailgo")||e.hasAttribute("data-tel")&&o&&"#mailgo"===e.getAttribute("href").toLowerCase()||e.classList&&e.classList.contains("mailgo"))},$=e=>{if(!document.contains(oe("mailgo"))||!document.contains(oe("mailgo-tel")))return;if(Q("mail")||Q("tel"))return!1;let t=e.composedPath&&e.composedPath()||le(e.target);return t&&t.forEach(t=>!(t instanceof HTMLDocument||t instanceof Window)&&(G(t,"mail")?(e.preventDefault(),T("mail",t),!0):G(t,"tel")?(e.preventDefault(),T("tel",t),!0):void 0)),!1},q=e=>{if(Q("mail"))switch(e.keyCode){case 27:K();break;case 71:O();break;case 79:P();break;case 32:case 13:W();break;case 67:F(z);break;default:return}else if(Q("tel"))switch(e.keyCode){case 27:K();break;case 84:H();break;case 87:B();break;case 32:case 13:Z();break;case 67:F(R);break;default:return}},J=(e="mail")=>"mail"===e?(ne("mailgo","flex"),!0):"tel"===e&&(ne("mailgo-tel","flex"),!0),K=()=>{ne("mailgo","none"),ne("mailgo-tel","none"),document.removeEventListener("keydown",q)},Q=(e="mail")=>"mail"===e?"flex"===ae("mailgo"):"tel"===e&&"flex"===ae("mailgo-tel"),V=()=>{let e=X("a");return e.href="https://mailgo.js.org?ref=mailgo-modal",e.className="m-by",e.target="_blank",e.rel="noopener noreferrer",e.appendChild(Y("mailgo.js.org")),e},X=(e="div")=>document.createElement(e),Y=e=>document.createTextNode(e),ee=e=>window.location.href="mailto:"+atob(e),te=e=>btoa(e),oe=e=>document.getElementById(e),ae=e=>oe(e).style.display,ne=(e,t)=>oe(e).style.display=t,le=e=>{let t=[];for(;e;){if(t.push(e),"HTML"===e.tagName)return t.push(document),t.push(window),t;e=e.parentElement}},ie=e=>/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e),de=e=>e.every(ie),se=e=>{let t=X("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t);let o=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);return t.select(),document.execCommand("copy"),document.body.removeChild(t),!!o&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(o),!0)};(e=>{window&&"undefined"!=typeof window&&((()=>{let e=X("style");e.id="mailgo-style",e.type="text/css",e.appendChild(Y('.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.m-modal .m-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.m-modal .m-modal-content a.m-by:hover{opacity:1}.m-modal .m-modal-content .w-500{font-weight:500}')),document.head.appendChild(e)})(),(null==e?void 0:e.initEvent)?document.addEventListener(e.initEvent,_):_(),document.addEventListener("click",$))})({initEvent:"DOMContentLoaded"})}])}));
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 354170d..01275a7 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -31,11 +31,13 @@ function style() {
function js() {
let cssMinContent = fs.readFileSync("dist/mailgo.min.css", "utf8");
- return src("src/*.ts")
- .pipe(replace("MAILGO_STYLE", cssMinContent))
- .pipe(tsProject())
- .pipe(babel())
- .pipe(dest("./"));
+ return (
+ src("src/*.ts")
+ .pipe(replace("MAILGO_STYLE", cssMinContent))
+ .pipe(tsProject())
+ // .pipe(babel())
+ .pipe(dest("./"))
+ );
}
/*
diff --git a/mailgo.js b/mailgo.js
index 456dccf..d3ca55f 100644
--- a/mailgo.js
+++ b/mailgo.js
@@ -1,474 +1,455 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports["default"] = void 0;
// links
-var MAILTO = "mailto:";
-var TEL = "tel:";
-var CALLTO = "callto:"; // mailgo types
-
-var MAIL_TYPE = "mail";
-var TEL_TYPE = "tel"; // default href for links
-
-var DEFAULT_BTN_HREF = "javascript:void(0);"; // html tags
-
-var span = "span"; // mailgo variables
-
-var url,
- mail = "",
- encEmail = "",
- cc = "",
- bcc = "",
- subject = "",
- bodyMail = ""; // mailgo tel variables
-
-var tel = "",
- msg = "",
- telegramUsername = "",
- skypeUsername = ""; // the DOM elements
-
-var title, titleTel, detailCc, detailBcc, detailSubject, detailBody, ccValue, bccValue, subjectValue, bodyValue; // mailgo buttons (actions)
-
-var gmail, outlook, open, telegram, wa, skype, call, copyMail, copyTel;
+const MAILTO = "mailto:";
+const TEL = "tel:";
+const CALLTO = "callto:";
+// mailgo types
+const MAIL_TYPE = "mail";
+const TEL_TYPE = "tel";
+// default href for links
+const DEFAULT_BTN_HREF = "javascript:void(0);";
+// html tags
+const span = "span";
+// mailgo variables
+let url, mail = "", encEmail = "", cc = "", bcc = "", subject = "", bodyMail = "";
+// mailgo tel variables
+let tel = "", msg = "", telegramUsername = "", skypeUsername = "";
+// the DOM elements
+let title, titleTel, detailCc, detailBcc, detailSubject, detailBody, ccValue, bccValue, subjectValue, bodyValue;
+// mailgo buttons (actions)
+let gmail, outlook, open, telegram, wa, skype, call, copyMail, copyTel;
/**
* mailgoInit
* the function that creates the mailgo elements in DOM
*/
-
-var mailgoInit = function mailgoInit() {
- // mailgo mail
- {
- // modal
- var modal = createElement();
- modal.style.display = "none";
- modal.id = "mailgo";
- modal.classList.add("m-modal"); // background
-
- var modalBackground = createElement();
- modalBackground.className = "m-modal-back";
- modal.appendChild(modalBackground); // modal content
-
- var modalContent = createElement();
- modalContent.className = "m-modal-content";
- modal.appendChild(modalContent); // title (email address)
-
- title = createElement("strong");
- title.id = "m-title";
- title.className = "m-title";
- modalContent.appendChild(title); // details
-
- var details = createElement();
- details.id = "m-details";
- details.className = "m-details";
- detailCc = createElement("p");
- detailCc.id = "m-cc";
- var ccSpan = createElement(span);
- ccSpan.className = "w-500";
- ccSpan.appendChild(createTextNode("cc "));
- ccValue = createElement(span);
- ccValue.id = "m-cc-value";
- detailCc.appendChild(ccSpan);
- detailCc.appendChild(ccValue);
- details.appendChild(detailCc);
- detailBcc = createElement("p");
- detailBcc.id = "m-bcc";
- var bccSpan = createElement(span);
- bccSpan.className = "w-500";
- bccSpan.appendChild(createTextNode("bcc "));
- bccValue = createElement(span);
- bccValue.id = "m-bcc-value";
- detailBcc.appendChild(bccSpan);
- detailBcc.appendChild(bccValue);
- details.appendChild(detailBcc);
- detailSubject = createElement("p");
- detailSubject.id = "m-subject";
- var subjectSpan = createElement(span);
- subjectSpan.className = "w-500";
- subjectSpan.appendChild(createTextNode("subject "));
- subjectValue = createElement(span);
- subjectValue.id = "m-subject-value";
- detailSubject.appendChild(subjectSpan);
- detailSubject.appendChild(subjectValue);
- details.appendChild(detailSubject);
- detailBody = createElement("p");
- detailBody.id = "m-body";
- var bodySpan = createElement(span);
- bodySpan.className = "w-500";
- bodySpan.appendChild(createTextNode("body "));
- bodyValue = createElement(span);
- bodyValue.id = "m-body-value";
- detailBody.appendChild(bodySpan);
- detailBody.appendChild(bodyValue);
- details.appendChild(detailBody);
- modalContent.appendChild(details); // Gmail
-
- gmail = createElement("a");
- gmail.id = "m-gmail";
- gmail.href = DEFAULT_BTN_HREF;
- gmail.classList.add("m-open");
- gmail.classList.add("m-gmail");
- gmail.appendChild(createTextNode("open in "));
- var gmailSpan = createElement(span);
- gmailSpan.className = "w-500";
- gmailSpan.appendChild(createTextNode("Gmail"));
- gmail.appendChild(gmailSpan);
- modalContent.appendChild(gmail); // Outlook
-
- outlook = createElement("a");
- outlook.id = "m-outlook";
- outlook.href = DEFAULT_BTN_HREF;
- outlook.classList.add("m-open");
- outlook.classList.add("m-outlook");
- outlook.appendChild(createTextNode("open in "));
- var outlookSpan = createElement(span);
- outlookSpan.className = "w-500";
- outlookSpan.appendChild(createTextNode("Outlook"));
- outlook.appendChild(outlookSpan);
- modalContent.appendChild(outlook); // open default
-
- open = createElement("a");
- open.id = "m-open";
- open.href = DEFAULT_BTN_HREF;
- open.classList.add("m-open");
- open.classList.add("m-default");
- var openSpan = createElement(span);
- openSpan.className = "w-500";
- openSpan.appendChild(createTextNode("open"));
- open.appendChild(openSpan);
- open.appendChild(createTextNode(" default"));
- modalContent.appendChild(open); // copy
-
- copyMail = createElement("a");
- copyMail.id = "m-copy";
- copyMail.href = DEFAULT_BTN_HREF;
- copyMail.classList.add("m-copy");
- copyMail.classList.add("w-500");
- copyMail.appendChild(createTextNode("copy"));
- modalContent.appendChild(copyMail);
- modalContent.appendChild(byElement()); // add the modal at the end of the body
-
- document.body.appendChild(modal); // every click outside the modal will hide the modal
-
- modalBackground.addEventListener("click", hideMailgo);
- } // mailgo tel
-
- {
- // modal
- var _modal = createElement();
-
- _modal.style.display = "none";
- _modal.id = "mailgo-tel";
-
- _modal.classList.add("m-modal"); // background
-
-
- var _modalBackground = createElement();
-
- _modalBackground.className = "m-modal-back";
-
- _modal.appendChild(_modalBackground); // modal content
-
-
- var _modalContent = createElement();
-
- _modalContent.className = "m-modal-content";
-
- _modal.appendChild(_modalContent); // title (telephone number)
-
-
- titleTel = createElement("strong");
- titleTel.id = "m-tel-title";
- titleTel.className = "m-title";
-
- _modalContent.appendChild(titleTel); // Telegram
-
-
- telegram = createElement("a");
- telegram.id = "m-tg";
- telegram.href = DEFAULT_BTN_HREF;
- telegram.classList.add("m-open");
- telegram.classList.add("m-tg"); // by default not display
-
- telegram.style.display = "none";
- telegram.appendChild(createTextNode("open in "));
- var telegramSpan = createElement(span);
- telegramSpan.className = "w-500";
- telegramSpan.appendChild(createTextNode("Telegram"));
- telegram.appendChild(telegramSpan);
-
- _modalContent.appendChild(telegram); // WhatsApp
-
-
- wa = createElement("a");
- wa.id = "m-wa";
- wa.href = DEFAULT_BTN_HREF;
- wa.classList.add("m-open");
- wa.classList.add("m-wa");
- wa.appendChild(createTextNode("open in "));
- var waSpan = createElement(span);
- waSpan.className = "w-500";
- waSpan.appendChild(createTextNode("WhatsApp"));
- wa.appendChild(waSpan);
-
- _modalContent.appendChild(wa); // Skype
-
-
- skype = createElement("a");
- skype.id = "m-skype";
- skype.href = DEFAULT_BTN_HREF;
- skype.classList.add("m-open");
- skype.classList.add("m-skype");
- skype.appendChild(createTextNode("open in "));
- var skypeSpan = createElement(span);
- skypeSpan.className = "w-500";
- skypeSpan.appendChild(createTextNode("Skype"));
- skype.appendChild(skypeSpan);
-
- _modalContent.appendChild(skype); // call default
-
-
- call = createElement("a");
- call.id = "m-call";
- call.href = DEFAULT_BTN_HREF;
- call.classList.add("m-open");
- call.classList.add("m-default");
- var callSpan = createElement(span);
- callSpan.className = "w-500";
- callSpan.appendChild(createTextNode("call"));
- call.appendChild(callSpan);
- call.appendChild(createTextNode(" as default"));
-
- _modalContent.appendChild(call); // copy
-
-
- copyTel = createElement("a");
- copyTel.id = "m-tel-copy";
- copyTel.href = DEFAULT_BTN_HREF;
- copyTel.classList.add("m-copy");
- copyTel.classList.add("w-500");
- copyTel.appendChild(createTextNode("copy"));
-
- _modalContent.appendChild(copyTel);
-
- _modalContent.appendChild(byElement()); // add the modal at the end of the body
-
-
- document.body.appendChild(_modal); // every click outside the modal will hide the modal
-
- _modalBackground.addEventListener("click", hideMailgo);
- }
+const mailgoInit = () => {
+ // mailgo mail
+ {
+ // modal
+ let modal = createElement();
+ modal.style.display = "none";
+ modal.id = "mailgo";
+ modal.classList.add("m-modal");
+ // background
+ let modalBackground = createElement();
+ modalBackground.className = "m-modal-back";
+ modal.appendChild(modalBackground);
+ // modal content
+ let modalContent = createElement();
+ modalContent.className = "m-modal-content";
+ modal.appendChild(modalContent);
+ // title (email address)
+ title = createElement("strong");
+ title.id = "m-title";
+ title.className = "m-title";
+ modalContent.appendChild(title);
+ // details
+ let details = createElement();
+ details.id = "m-details";
+ details.className = "m-details";
+ detailCc = createElement("p");
+ detailCc.id = "m-cc";
+ let ccSpan = createElement(span);
+ ccSpan.className = "w-500";
+ ccSpan.appendChild(createTextNode("cc "));
+ ccValue = createElement(span);
+ ccValue.id = "m-cc-value";
+ detailCc.appendChild(ccSpan);
+ detailCc.appendChild(ccValue);
+ details.appendChild(detailCc);
+ detailBcc = createElement("p");
+ detailBcc.id = "m-bcc";
+ let bccSpan = createElement(span);
+ bccSpan.className = "w-500";
+ bccSpan.appendChild(createTextNode("bcc "));
+ bccValue = createElement(span);
+ bccValue.id = "m-bcc-value";
+ detailBcc.appendChild(bccSpan);
+ detailBcc.appendChild(bccValue);
+ details.appendChild(detailBcc);
+ detailSubject = createElement("p");
+ detailSubject.id = "m-subject";
+ let subjectSpan = createElement(span);
+ subjectSpan.className = "w-500";
+ subjectSpan.appendChild(createTextNode("subject "));
+ subjectValue = createElement(span);
+ subjectValue.id = "m-subject-value";
+ detailSubject.appendChild(subjectSpan);
+ detailSubject.appendChild(subjectValue);
+ details.appendChild(detailSubject);
+ detailBody = createElement("p");
+ detailBody.id = "m-body";
+ let bodySpan = createElement(span);
+ bodySpan.className = "w-500";
+ bodySpan.appendChild(createTextNode("body "));
+ bodyValue = createElement(span);
+ bodyValue.id = "m-body-value";
+ detailBody.appendChild(bodySpan);
+ detailBody.appendChild(bodyValue);
+ details.appendChild(detailBody);
+ modalContent.appendChild(details);
+ // Gmail
+ gmail = createElement("a");
+ gmail.id = "m-gmail";
+ gmail.href = DEFAULT_BTN_HREF;
+ gmail.classList.add("m-open");
+ gmail.classList.add("m-gmail");
+ gmail.appendChild(createTextNode("open in "));
+ let gmailSpan = createElement(span);
+ gmailSpan.className = "w-500";
+ gmailSpan.appendChild(createTextNode("Gmail"));
+ gmail.appendChild(gmailSpan);
+ modalContent.appendChild(gmail);
+ // Outlook
+ outlook = createElement("a");
+ outlook.id = "m-outlook";
+ outlook.href = DEFAULT_BTN_HREF;
+ outlook.classList.add("m-open");
+ outlook.classList.add("m-outlook");
+ outlook.appendChild(createTextNode("open in "));
+ let outlookSpan = createElement(span);
+ outlookSpan.className = "w-500";
+ outlookSpan.appendChild(createTextNode("Outlook"));
+ outlook.appendChild(outlookSpan);
+ modalContent.appendChild(outlook);
+ // open default
+ open = createElement("a");
+ open.id = "m-open";
+ open.href = DEFAULT_BTN_HREF;
+ open.classList.add("m-open");
+ open.classList.add("m-default");
+ let openSpan = createElement(span);
+ openSpan.className = "w-500";
+ openSpan.appendChild(createTextNode("open"));
+ open.appendChild(openSpan);
+ open.appendChild(createTextNode(" default"));
+ modalContent.appendChild(open);
+ // copy
+ copyMail = createElement("a");
+ copyMail.id = "m-copy";
+ copyMail.href = DEFAULT_BTN_HREF;
+ copyMail.classList.add("m-copy");
+ copyMail.classList.add("w-500");
+ copyMail.appendChild(createTextNode("copy"));
+ modalContent.appendChild(copyMail);
+ modalContent.appendChild(byElement());
+ // add the modal at the end of the body
+ document.body.appendChild(modal);
+ // every click outside the modal will hide the modal
+ modalBackground.addEventListener("click", hideMailgo);
+ }
+ // mailgo tel
+ {
+ // modal
+ let modal = createElement();
+ modal.style.display = "none";
+ modal.id = "mailgo-tel";
+ modal.classList.add("m-modal");
+ // background
+ let modalBackground = createElement();
+ modalBackground.className = "m-modal-back";
+ modal.appendChild(modalBackground);
+ // modal content
+ let modalContent = createElement();
+ modalContent.className = "m-modal-content";
+ modal.appendChild(modalContent);
+ // title (telephone number)
+ titleTel = createElement("strong");
+ titleTel.id = "m-tel-title";
+ titleTel.className = "m-title";
+ modalContent.appendChild(titleTel);
+ // Telegram
+ telegram = createElement("a");
+ telegram.id = "m-tg";
+ telegram.href = DEFAULT_BTN_HREF;
+ telegram.classList.add("m-open");
+ telegram.classList.add("m-tg");
+ // by default not display
+ telegram.style.display = "none";
+ telegram.appendChild(createTextNode("open in "));
+ let telegramSpan = createElement(span);
+ telegramSpan.className = "w-500";
+ telegramSpan.appendChild(createTextNode("Telegram"));
+ telegram.appendChild(telegramSpan);
+ modalContent.appendChild(telegram);
+ // WhatsApp
+ wa = createElement("a");
+ wa.id = "m-wa";
+ wa.href = DEFAULT_BTN_HREF;
+ wa.classList.add("m-open");
+ wa.classList.add("m-wa");
+ wa.appendChild(createTextNode("open in "));
+ let waSpan = createElement(span);
+ waSpan.className = "w-500";
+ waSpan.appendChild(createTextNode("WhatsApp"));
+ wa.appendChild(waSpan);
+ modalContent.appendChild(wa);
+ // Skype
+ skype = createElement("a");
+ skype.id = "m-skype";
+ skype.href = DEFAULT_BTN_HREF;
+ skype.classList.add("m-open");
+ skype.classList.add("m-skype");
+ skype.appendChild(createTextNode("open in "));
+ let skypeSpan = createElement(span);
+ skypeSpan.className = "w-500";
+ skypeSpan.appendChild(createTextNode("Skype"));
+ skype.appendChild(skypeSpan);
+ modalContent.appendChild(skype);
+ // call default
+ call = createElement("a");
+ call.id = "m-call";
+ call.href = DEFAULT_BTN_HREF;
+ call.classList.add("m-open");
+ call.classList.add("m-default");
+ let callSpan = createElement(span);
+ callSpan.className = "w-500";
+ callSpan.appendChild(createTextNode("call"));
+ call.appendChild(callSpan);
+ call.appendChild(createTextNode(" as default"));
+ modalContent.appendChild(call);
+ // copy
+ copyTel = createElement("a");
+ copyTel.id = "m-tel-copy";
+ copyTel.href = DEFAULT_BTN_HREF;
+ copyTel.classList.add("m-copy");
+ copyTel.classList.add("w-500");
+ copyTel.appendChild(createTextNode("copy"));
+ modalContent.appendChild(copyTel);
+ modalContent.appendChild(byElement());
+ // add the modal at the end of the body
+ document.body.appendChild(modal);
+ // every click outside the modal will hide the modal
+ modalBackground.addEventListener("click", hideMailgo);
+ }
};
/**
* mailgoRender
* function to render a mailgo (mail or tel)
*/
-
-
-var mailgoRender = function mailgoRender() {
- var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
- var mailgo = arguments.length > 1 ? arguments[1] : undefined;
-
- // mailgo mail
- if (type === MAIL_TYPE) {
- // if the element href=^"mailto:"
- if (mailgo.href && mailgo.href.toLowerCase().startsWith(MAILTO)) {
- mail = decodeURIComponent(mailgo.href.split("?")[0].split(MAILTO)[1].trim());
- url = new URL(mailgo.href);
- var urlParams = url.searchParams; // optional parameters for the email
-
- cc = urlParams.get("cc");
- bcc = urlParams.get("bcc");
- subject = urlParams.get("subject");
- bodyMail = urlParams.get("body");
- } else {
- // if the element href="#mailgo" or class="mailgo"
- // mail = data-address + @ + data-domain
- mail = mailgo.getAttribute("data-address") + "@" + mailgo.getAttribute("data-domain");
- url = new URL(MAILTO + encodeURIComponent(mail)); // cc = data-cc-address + @ + data-cc-domain
-
- cc = mailgo.getAttribute("data-cc-address") + "@" + mailgo.getAttribute("data-cc-domain"); // bcc = data-bcc-address + @ + data-bcc-domain
-
- bcc = mailgo.getAttribute("data-bcc-address") + "@" + mailgo.getAttribute("data-bcc-domain"); // subject = data-subject
-
- subject = mailgo.getAttribute("data-subject"); // body = data-body
-
- bodyMail = mailgo.getAttribute("data-body");
- } // validate the email address
-
-
- if (!validateEmails(mail.split(","))) return; // if cc, bcc is not valid cc, bcc = ""
-
- if (cc && !validateEmails(cc.split(","))) cc = "";
- if (bcc && !validateEmails(bcc.split(","))) bcc = ""; // the title of the modal (email address)
-
- title.innerHTML = mail.split(",").join("
"); // add the details if provided
-
- cc ? (detailCc.style.display = "block", ccValue.innerHTML = cc.split(",").join("
")) : detailCc.style.display = "none";
- bcc ? (detailBcc.style.display = "block", bccValue.innerHTML = bcc.split(",").join("
")) : detailBcc.style.display = "none";
- subject ? (detailSubject.style.display = "block", subjectValue.textContent = subject) : detailSubject.style.display = "none";
- bodyMail ? (detailBody.style.display = "block", bodyValue.textContent = bodyMail) : detailBody.style.display = "none"; // add the actions
-
- gmail.addEventListener("click", openGmail);
- outlook.addEventListener("click", openOutlook);
- encEmail = encodeEmail(mail);
- open.addEventListener("click", openDefault);
- copyMail.addEventListener("click", function () {
- return copy(mail);
- });
- } // mailgo tel
-
-
- if (type === TEL_TYPE) {
- if (mailgo.href && mailgo.href.toLowerCase().startsWith(TEL)) {
- tel = decodeURIComponent(mailgo.href.split("?")[0].split(TEL)[1].trim());
- } else if (mailgo.href && mailgo.href.toLowerCase().startsWith(CALLTO)) {
- tel = decodeURIComponent(mailgo.href.split("?")[0].split(CALLTO)[1].trim());
- } else if (mailgo.hasAttribute("data-tel")) {
- tel = mailgo.getAttribute("data-tel");
- msg = mailgo.getAttribute("data-msg");
- } // information
- // let titleEl = getE("m-tel-title");
- // Telegram username
-
-
- if (mailgo.hasAttribute("data-telegram")) {
- telegramUsername = mailgo.getAttribute("data-telegram");
- } // Telegram username
-
-
- if (mailgo.hasAttribute("data-skype")) {
- skypeUsername = mailgo.getAttribute("data-skype");
- } // the title of the modal (tel)
-
-
- titleTel.innerHTML = tel; // add the actions to buttons
-
- wa.addEventListener("click", openWhatsApp);
-
- if (telegramUsername) {
- setDisplay("m-tg", "block");
- telegram.addEventListener("click", openTelegram);
+const mailgoRender = (type = MAIL_TYPE, mailgo) => {
+ // mailgo mail
+ if (type === MAIL_TYPE) {
+ // if the element href=^"mailto:"
+ if (mailgo.href && mailgo.href.toLowerCase().startsWith(MAILTO)) {
+ mail = decodeURIComponent(mailgo.href.split("?")[0].split(MAILTO)[1].trim());
+ url = new URL(mailgo.href);
+ let urlParams = url.searchParams;
+ // optional parameters for the email
+ cc = urlParams.get("cc");
+ bcc = urlParams.get("bcc");
+ subject = urlParams.get("subject");
+ bodyMail = urlParams.get("body");
+ }
+ else {
+ // if the element href="#mailgo" or class="mailgo"
+ // mail = data-address + @ + data-domain
+ mail =
+ mailgo.getAttribute("data-address") +
+ "@" +
+ mailgo.getAttribute("data-domain");
+ url = new URL(MAILTO + encodeURIComponent(mail));
+ // cc = data-cc-address + @ + data-cc-domain
+ cc =
+ mailgo.getAttribute("data-cc-address") +
+ "@" +
+ mailgo.getAttribute("data-cc-domain");
+ // bcc = data-bcc-address + @ + data-bcc-domain
+ bcc =
+ mailgo.getAttribute("data-bcc-address") +
+ "@" +
+ mailgo.getAttribute("data-bcc-domain");
+ // subject = data-subject
+ subject = mailgo.getAttribute("data-subject");
+ // body = data-body
+ bodyMail = mailgo.getAttribute("data-body");
+ }
+ // validate the email address
+ if (!validateEmails(mail.split(",")))
+ return;
+ // if cc, bcc is not valid cc, bcc = ""
+ if (cc && !validateEmails(cc.split(",")))
+ cc = "";
+ if (bcc && !validateEmails(bcc.split(",")))
+ bcc = "";
+ // the title of the modal (email address)
+ title.innerHTML = mail.split(",").join("
");
+ // add the details if provided
+ cc
+ ? ((detailCc.style.display = "block"),
+ (ccValue.innerHTML = cc.split(",").join("
")))
+ : (detailCc.style.display = "none");
+ bcc
+ ? ((detailBcc.style.display = "block"),
+ (bccValue.innerHTML = bcc.split(",").join("
")))
+ : (detailBcc.style.display = "none");
+ subject
+ ? ((detailSubject.style.display = "block"),
+ (subjectValue.textContent = subject))
+ : (detailSubject.style.display = "none");
+ bodyMail
+ ? ((detailBody.style.display = "block"),
+ (bodyValue.textContent = bodyMail))
+ : (detailBody.style.display = "none");
+ // add the actions
+ gmail.addEventListener("click", openGmail);
+ outlook.addEventListener("click", openOutlook);
+ encEmail = encodeEmail(mail);
+ open.addEventListener("click", openDefault);
+ copyMail.addEventListener("click", () => copy(mail));
}
-
- skype.addEventListener("click", openSkype);
- call.addEventListener("click", callDefault);
- copyTel.addEventListener("click", function () {
- return copy(tel);
- });
- } // show the mailgo
-
-
- showMailgo(type); // add listener keyDown
-
- document.addEventListener("keydown", mailgoKeydown);
-}; // actions
-
-
-var openGmail = function openGmail() {
- // Gmail url
- var gmailUrl = "https://mail.google.com/mail/u/0/?view=cm&source=mailto&to=" + encodeURIComponent(mail); // the details if provided
-
- if (cc) gmailUrl = gmailUrl.concat("&cc=" + encodeURIComponent(cc));
- if (bcc) gmailUrl = gmailUrl.concat("&bcc=" + encodeURIComponent(bcc));
- if (subject) gmailUrl = gmailUrl.concat("&subject=" + subject);
- if (bodyMail) gmailUrl = gmailUrl.concat("&body=" + bodyMail); // open the link
-
- window.open(gmailUrl, "_blank"); // hide the modal
-
- hideMailgo();
+ // mailgo tel
+ if (type === TEL_TYPE) {
+ if (mailgo.href && mailgo.href.toLowerCase().startsWith(TEL)) {
+ tel = decodeURIComponent(mailgo.href.split("?")[0].split(TEL)[1].trim());
+ }
+ else if (mailgo.href && mailgo.href.toLowerCase().startsWith(CALLTO)) {
+ tel = decodeURIComponent(mailgo.href.split("?")[0].split(CALLTO)[1].trim());
+ }
+ else if (mailgo.hasAttribute("data-tel")) {
+ tel = mailgo.getAttribute("data-tel");
+ msg = mailgo.getAttribute("data-msg");
+ }
+ // information
+ // let titleEl = getE("m-tel-title");
+ // Telegram username
+ if (mailgo.hasAttribute("data-telegram")) {
+ telegramUsername = mailgo.getAttribute("data-telegram");
+ }
+ // Telegram username
+ if (mailgo.hasAttribute("data-skype")) {
+ skypeUsername = mailgo.getAttribute("data-skype");
+ }
+ // the title of the modal (tel)
+ titleTel.innerHTML = tel;
+ // add the actions to buttons
+ wa.addEventListener("click", openWhatsApp);
+ if (telegramUsername) {
+ setDisplay("m-tg", "block");
+ telegram.addEventListener("click", openTelegram);
+ }
+ skype.addEventListener("click", openSkype);
+ call.addEventListener("click", callDefault);
+ copyTel.addEventListener("click", () => copy(tel));
+ }
+ // show the mailgo
+ showMailgo(type);
+ // add listener keyDown
+ document.addEventListener("keydown", mailgoKeydown);
};
-
-var openOutlook = function openOutlook() {
- // Outlook url
- var outlookUrl = "https://outlook.live.com/owa/?path=/mail/action/compose&to=" + encodeURIComponent(mail); // the details if provided
-
- if (subject) outlookUrl = outlookUrl.concat("&subject=" + subject);
- if (bodyMail) outlookUrl = outlookUrl.concat("&body=" + bodyMail); // open the link
-
- window.open(outlookUrl, "_blank"); // hide the modal
-
- hideMailgo();
-};
-
-var openDefault = function openDefault() {
- mailToEncoded(encEmail);
- hideMailgo();
-};
-
-var openTelegram = function openTelegram() {
- // Telegram url
- var tgUrl = "https://t.me/" + telegramUsername; // open the url
-
- window.open(tgUrl, "_blank"); // hide the modal
-
- hideMailgo();
-};
-
-var openSkype = function openSkype() {
- var skype = skypeUsername !== "" ? skypeUsername : tel; // Telegram url
-
- var skypeUrl = "skype:" + skype; // open the url
-
- window.open(skypeUrl, "_blank"); // hide the modal
-
- hideMailgo();
-};
-
-var openWhatsApp = function openWhatsApp() {
- // WhatsApp url
- var waUrl = "https://wa.me/" + tel; // the details if provided
-
- if (msg) waUrl + "?text=" + msg; // open the url
-
- window.open(waUrl, "_blank"); // hide the modal
-
- hideMailgo();
-};
-
-var callDefault = function callDefault() {
- var callUrl = "tel:" + tel;
- window.open(callUrl);
- hideMailgo();
-};
-
-var copy = function copy(content) {
- copyToClipboard(content);
- var activeCopy; // the correct copyButton (mail or tel)
-
- mailgoIsShowing(MAIL_TYPE) ? activeCopy = copyMail : activeCopy = copyTel;
- activeCopy.textContent = "copied";
- setTimeout(function () {
- activeCopy.textContent = "copy"; // hide after the timeout
-
+// actions
+const openGmail = () => {
+ // Gmail url
+ let gmailUrl = "https://mail.google.com/mail/u/0/?view=cm&source=mailto&to=" +
+ encodeURIComponent(mail);
+ // the details if provided
+ if (cc)
+ gmailUrl = gmailUrl.concat("&cc=" + encodeURIComponent(cc));
+ if (bcc)
+ gmailUrl = gmailUrl.concat("&bcc=" + encodeURIComponent(bcc));
+ if (subject)
+ gmailUrl = gmailUrl.concat("&subject=" + subject);
+ if (bodyMail)
+ gmailUrl = gmailUrl.concat("&body=" + bodyMail);
+ // open the link
+ window.open(gmailUrl, "_blank");
+ // hide the modal
hideMailgo();
- }, 999);
-}; // function that returns if an element is a mailgo
-
-
-var isMailgo = function isMailgo(element) {
- var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MAIL_TYPE;
- var href = element.href; // mailgo type mail
-
- if (type === MAIL_TYPE) {
- return (// first case: it is an element with "mailto:..." in href and no no-mailgo in classList
- href && href.toLowerCase().startsWith(MAILTO) && !element.classList.contains("no-mailgo") || element.hasAttribute("data-address") && ( // second case: the href=#mailgo
- href && element.getAttribute("href").toLowerCase() === "#mailgo" || // third case: the classList contains mailgo
- element.classList && element.classList.contains("mailgo"))
- );
- } // mailgo type tel
-
-
- if (type === TEL_TYPE) {
- return (// first case: it is an element with "tel:..." or "callto:..." in href and no no-mailgo in classList
- href && (href.toLowerCase().startsWith(TEL) || href.toLowerCase().startsWith(CALLTO)) && !element.classList.contains("no-mailgo") || element.hasAttribute("data-tel") && // second case: the href=#mailgo
- href && element.getAttribute("href").toLowerCase() === "#mailgo" || // third case: the classList contains mailgo
- element.classList && element.classList.contains("mailgo")
- );
- }
-
- return false;
+};
+const openOutlook = () => {
+ // Outlook url
+ let outlookUrl = "https://outlook.live.com/owa/?path=/mail/action/compose&to=" +
+ encodeURIComponent(mail);
+ // the details if provided
+ if (subject)
+ outlookUrl = outlookUrl.concat("&subject=" + subject);
+ if (bodyMail)
+ outlookUrl = outlookUrl.concat("&body=" + bodyMail);
+ // open the link
+ window.open(outlookUrl, "_blank");
+ // hide the modal
+ hideMailgo();
+};
+const openDefault = () => {
+ mailToEncoded(encEmail);
+ hideMailgo();
+};
+const openTelegram = () => {
+ // Telegram url
+ let tgUrl = "https://t.me/" + telegramUsername;
+ // open the url
+ window.open(tgUrl, "_blank");
+ // hide the modal
+ hideMailgo();
+};
+const openSkype = () => {
+ let skype = skypeUsername !== "" ? skypeUsername : tel;
+ // Telegram url
+ let skypeUrl = "skype:" + skype;
+ // open the url
+ window.open(skypeUrl, "_blank");
+ // hide the modal
+ hideMailgo();
+};
+const openWhatsApp = () => {
+ // WhatsApp url
+ let waUrl = "https://wa.me/" + tel;
+ // the details if provided
+ if (msg)
+ waUrl + "?text=" + msg;
+ // open the url
+ window.open(waUrl, "_blank");
+ // hide the modal
+ hideMailgo();
+};
+const callDefault = () => {
+ let callUrl = "tel:" + tel;
+ window.open(callUrl);
+ hideMailgo();
+};
+const copy = (content) => {
+ copyToClipboard(content);
+ let activeCopy;
+ // the correct copyButton (mail or tel)
+ mailgoIsShowing(MAIL_TYPE) ? (activeCopy = copyMail) : (activeCopy = copyTel);
+ activeCopy.textContent = "copied";
+ setTimeout(() => {
+ activeCopy.textContent = "copy";
+ // hide after the timeout
+ hideMailgo();
+ }, 999);
+};
+// function that returns if an element is a mailgo
+const isMailgo = (element, type = MAIL_TYPE) => {
+ let href = element.href;
+ // mailgo type mail
+ if (type === MAIL_TYPE) {
+ return (
+ // first case: it is an element with "mailto:..." in href and no no-mailgo in classList
+ (href &&
+ href.toLowerCase().startsWith(MAILTO) &&
+ !element.classList.contains("no-mailgo")) ||
+ (element.hasAttribute("data-address") &&
+ // second case: the href=#mailgo
+ ((href && element.getAttribute("href").toLowerCase() === "#mailgo") ||
+ // third case: the classList contains mailgo
+ (element.classList && element.classList.contains("mailgo")))));
+ }
+ // mailgo type tel
+ if (type === TEL_TYPE) {
+ return (
+ // first case: it is an element with "tel:..." or "callto:..." in href and no no-mailgo in classList
+ (href &&
+ (href.toLowerCase().startsWith(TEL) ||
+ href.toLowerCase().startsWith(CALLTO)) &&
+ !element.classList.contains("no-mailgo")) ||
+ (element.hasAttribute("data-tel") &&
+ // second case: the href=#mailgo
+ href &&
+ element.getAttribute("href").toLowerCase() === "#mailgo") ||
+ // third case: the classList contains mailgo
+ (element.classList && element.classList.contains("mailgo")));
+ }
+ return false;
};
/**
* mailgoCheckRender
@@ -486,270 +467,216 @@ var isMailgo = function isMailgo(element) {
* 'a[href^="callto:" i]:not(.no-mailgo), a[href="#mailgo"], a.mailgo'
* );
*/
-
-
-var mailgoCheckRender = function mailgoCheckRender(event) {
- // check if the id=mailgo exists in the body
- if (!document.contains(getE("mailgo")) || !document.contains(getE("mailgo-tel"))) return; // if a mailgo is already showing do nothing
-
- if (mailgoIsShowing(MAIL_TYPE) || mailgoIsShowing(TEL_TYPE)) return false; // the path of the event
-
- var path = event.composedPath && event.composedPath() || composedPath(event.target);
-
- if (path) {
- path.forEach(function (element) {
- if (element instanceof HTMLDocument || element instanceof Window) return false; // go in the event.path to find if the user has clicked on a mailgo element
-
- if (isMailgo(element, MAIL_TYPE)) {
- // stop the normal execution of the element click
- event.preventDefault(); // render mailgo
-
- mailgoRender(MAIL_TYPE, element);
- return true;
- }
-
- if (isMailgo(element, TEL_TYPE)) {
- // stop the normal execution of the element click
- event.preventDefault(); // render mailgo
-
- mailgoRender(TEL_TYPE, element);
- return true;
- }
- });
- }
-
- return false;
+const mailgoCheckRender = (event) => {
+ // check if the id=mailgo exists in the body
+ if (!document.contains(getE("mailgo")) ||
+ !document.contains(getE("mailgo-tel")))
+ return;
+ // if a mailgo is already showing do nothing
+ if (mailgoIsShowing(MAIL_TYPE) || mailgoIsShowing(TEL_TYPE))
+ return false;
+ // the path of the event
+ let path = (event.composedPath && event.composedPath()) ||
+ composedPath(event.target);
+ if (path) {
+ path.forEach((element) => {
+ if (element instanceof HTMLDocument || element instanceof Window)
+ return false;
+ // go in the event.path to find if the user has clicked on a mailgo element
+ if (isMailgo(element, MAIL_TYPE)) {
+ // stop the normal execution of the element click
+ event.preventDefault();
+ // render mailgo
+ mailgoRender(MAIL_TYPE, element);
+ return true;
+ }
+ if (isMailgo(element, TEL_TYPE)) {
+ // stop the normal execution of the element click
+ event.preventDefault();
+ // render mailgo
+ mailgoRender(TEL_TYPE, element);
+ return true;
+ }
+ });
+ }
+ return false;
};
/**
* mailgoKeydown
* function to manage the keydown event when the modal is showing
*/
-
-
-var mailgoKeydown = function mailgoKeydown(event) {
- // if mailgo is showing
- if (mailgoIsShowing(MAIL_TYPE)) {
- switch (event.keyCode) {
- case 27:
- // Escape
- hideMailgo();
- break;
-
- case 71:
- // g -> open GMail
- openGmail();
- break;
-
- case 79:
- // o -> open Outlook
- openOutlook();
- break;
-
- case 32:
- case 13:
- // spacebar or enter -> open default
- openDefault();
- break;
-
- case 67:
- // c -> copy
- copy(mail);
- break;
-
- default:
- return;
+const mailgoKeydown = (event) => {
+ // if mailgo is showing
+ if (mailgoIsShowing(MAIL_TYPE)) {
+ switch (event.keyCode) {
+ case 27:
+ // Escape
+ hideMailgo();
+ break;
+ case 71:
+ // g -> open GMail
+ openGmail();
+ break;
+ case 79:
+ // o -> open Outlook
+ openOutlook();
+ break;
+ case 32:
+ case 13:
+ // spacebar or enter -> open default
+ openDefault();
+ break;
+ case 67:
+ // c -> copy
+ copy(mail);
+ break;
+ default:
+ return;
+ }
}
- } else if (mailgoIsShowing(TEL_TYPE)) {
- switch (event.keyCode) {
- case 27:
- // Escape
- hideMailgo();
- break;
-
- case 84:
- // t -> open Telegram
- openTelegram();
- break;
-
- case 87:
- // w -> open WhatsApp
- openWhatsApp();
- break;
-
- case 32:
- case 13:
- // spacebar or enter -> call default
- callDefault();
- break;
-
- case 67:
- // c -> copy
- copy(tel);
- break;
-
- default:
- return;
+ else if (mailgoIsShowing(TEL_TYPE)) {
+ switch (event.keyCode) {
+ case 27:
+ // Escape
+ hideMailgo();
+ break;
+ case 84:
+ // t -> open Telegram
+ openTelegram();
+ break;
+ case 87:
+ // w -> open WhatsApp
+ openWhatsApp();
+ break;
+ case 32:
+ case 13:
+ // spacebar or enter -> call default
+ callDefault();
+ break;
+ case 67:
+ // c -> copy
+ copy(tel);
+ break;
+ default:
+ return;
+ }
}
- }
-
- return;
-}; // show the modal
-
-
-var showMailgo = function showMailgo() {
- var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
-
- // show mailgo type mail
- if (type === MAIL_TYPE) {
- setDisplay("mailgo", "flex");
- return true;
- } // show mailgo type tel
-
-
- if (type === TEL_TYPE) {
- setDisplay("mailgo-tel", "flex");
- return true;
- }
-
- return false;
-}; // hide the modal
-
-
-var hideMailgo = function hideMailgo() {
- setDisplay("mailgo", "none");
- setDisplay("mailgo-tel", "none"); // remove listener keyDown
-
- document.removeEventListener("keydown", mailgoKeydown);
-}; // is the mailgo modal hidden?
-
-
-var mailgoIsShowing = function mailgoIsShowing() {
- var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : MAIL_TYPE;
- return type === MAIL_TYPE ? getDisplay("mailgo") === "flex" : type === TEL_TYPE ? getDisplay("mailgo-tel") === "flex" : false;
+ return;
};
-
-var byElement = function byElement() {
- // by
- var by = createElement("a");
- by.href = "https://mailgo.js.org?ref=mailgo-modal";
- by.className = "m-by";
- by.target = "_blank";
- by.rel = "noopener noreferrer";
- by.appendChild(createTextNode("mailgo.js.org"));
- return by;
-}; // create element
-
-
-var createElement = function createElement() {
- var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "div";
- return document.createElement(element);
-}; // create text node
-
-
-var createTextNode = function createTextNode(element) {
- return document.createTextNode(element);
-}; // decrypt email
-
-
-var mailToEncoded = function mailToEncoded(encoded) {
- return window.location.href = MAILTO + atob(encoded);
-}; // encode email
-
-
-var encodeEmail = function encodeEmail(email) {
- return btoa(email);
-}; // getE shorthand
-
-
-var getE = function getE(id) {
- return document.getElementById(id);
-}; // get display value
-
-
-var getDisplay = function getDisplay(id) {
- return getE(id).style.display;
-}; // get display value
-
-
-var setDisplay = function setDisplay(id, value) {
- return getE(id).style.display = value;
-}; // custom composedPath if path or event.composedPath() are not defined
-
-
-var composedPath = function composedPath(el) {
- var path = [];
-
- while (el) {
- path.push(el);
-
- if (el.tagName === "HTML") {
- path.push(document);
- path.push(window);
- return path;
+// show the modal
+const showMailgo = (type = MAIL_TYPE) => {
+ // show mailgo type mail
+ if (type === MAIL_TYPE) {
+ setDisplay("mailgo", "flex");
+ return true;
}
-
- el = el.parentElement;
- }
-}; // validate a single email with regex
-
-
-var validateEmail = function validateEmail(email) {
- return /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email);
-}; // validate an array of emails
-
-
-var validateEmails = function validateEmails(arr) {
- return arr.every(validateEmail);
-}; // copy of a string
-
-
-var copyToClipboard = function copyToClipboard(str) {
- var el = createElement("textarea");
- el.value = str;
- el.setAttribute("readonly", "");
- el.style.position = "absolute";
- el.style.left = "-9999px";
- document.body.appendChild(el);
- var selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
- el.select();
- document.execCommand("copy");
- document.body.removeChild(el);
-
- if (selected) {
- document.getSelection().removeAllRanges();
- document.getSelection().addRange(selected);
- return true;
- }
-
- return false;
+ // show mailgo type tel
+ if (type === TEL_TYPE) {
+ setDisplay("mailgo-tel", "flex");
+ return true;
+ }
+ return false;
};
-
-var mailgoStyle = function mailgoStyle() {
- // mailgo style
- var mailgoCSS = createElement("style");
- mailgoCSS.id = "mailgo-style";
- mailgoCSS.type = "text/css";
- mailgoCSS.appendChild(createTextNode(".m-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.m-modal .m-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.m-modal .m-modal-content a.m-by:hover{opacity:1}.m-modal .m-modal-content .w-500{font-weight:500}"));
- document.head.appendChild(mailgoCSS);
-}; // mailgo
-
-
-var mailgo = function mailgo(mailgoConfig) {
- // if the window is defined...
- if (window && typeof window !== "undefined") {
- // add the style for mailgo
- mailgoStyle(); // if is set an initEvent add the listener
-
- if (mailgoConfig === null || mailgoConfig === void 0 ? void 0 : mailgoConfig.initEvent) {
- document.addEventListener(mailgoConfig.initEvent, mailgoInit);
- } else {
- mailgoInit();
- } // event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered
-
-
- document.addEventListener("click", mailgoCheckRender);
- }
+// hide the modal
+const hideMailgo = () => {
+ setDisplay("mailgo", "none");
+ setDisplay("mailgo-tel", "none");
+ // remove listener keyDown
+ document.removeEventListener("keydown", mailgoKeydown);
};
-
-var _default = mailgo;
-exports["default"] = _default;
\ No newline at end of file
+// is the mailgo modal hidden?
+const mailgoIsShowing = (type = MAIL_TYPE) => {
+ return type === MAIL_TYPE
+ ? getDisplay("mailgo") === "flex"
+ : type === TEL_TYPE
+ ? getDisplay("mailgo-tel") === "flex"
+ : false;
+};
+const byElement = () => {
+ // by
+ let by = createElement("a");
+ by.href = "https://mailgo.js.org?ref=mailgo-modal";
+ by.className = "m-by";
+ by.target = "_blank";
+ by.rel = "noopener noreferrer";
+ by.appendChild(createTextNode("mailgo.js.org"));
+ return by;
+};
+// create element
+const createElement = (element = "div") => document.createElement(element);
+// create text node
+const createTextNode = (element) => document.createTextNode(element);
+// decrypt email
+const mailToEncoded = (encoded) => (window.location.href = MAILTO + atob(encoded));
+// encode email
+const encodeEmail = (email) => btoa(email);
+// getE shorthand
+const getE = (id) => document.getElementById(id);
+// get display value
+const getDisplay = (id) => getE(id).style.display;
+// get display value
+const setDisplay = (id, value) => (getE(id).style.display = value);
+// custom composedPath if path or event.composedPath() are not defined
+const composedPath = (el) => {
+ let path = [];
+ while (el) {
+ path.push(el);
+ if (el.tagName === "HTML") {
+ path.push(document);
+ path.push(window);
+ return path;
+ }
+ el = el.parentElement;
+ }
+};
+// validate a single email with regex
+const validateEmail = (email) => /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(email);
+// validate an array of emails
+const validateEmails = (arr) => arr.every(validateEmail);
+// copy of a string
+const copyToClipboard = (str) => {
+ let el = createElement("textarea");
+ el.value = str;
+ el.setAttribute("readonly", "");
+ el.style.position = "absolute";
+ el.style.left = "-9999px";
+ document.body.appendChild(el);
+ let selected = document.getSelection().rangeCount > 0
+ ? document.getSelection().getRangeAt(0)
+ : false;
+ el.select();
+ document.execCommand("copy");
+ document.body.removeChild(el);
+ if (selected) {
+ document.getSelection().removeAllRanges();
+ document.getSelection().addRange(selected);
+ return true;
+ }
+ return false;
+};
+const mailgoStyle = () => {
+ // mailgo style
+ let mailgoCSS = createElement("style");
+ mailgoCSS.id = "mailgo-style";
+ mailgoCSS.type = "text/css";
+ mailgoCSS.appendChild(createTextNode(`.m-modal{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.m-modal a,.m-modal p,.m-modal span,.m-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-rendering:optimizeLegibility}.m-modal strong{font-weight:700}.m-modal .m-modal-back{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(32,35,42,.75);opacity:.8}.m-modal .m-modal-content{position:relative;z-index:10002;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;min-width:200px;max-width:240px;background-color:#fff;opacity:.97;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 3px 20px rgba(32,35,42,.5);-moz-box-shadow:0 3px 20px rgba(32,35,42,.5);box-shadow:0 3px 20px rgba(32,35,42,.5);color:#4a4a4a;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:auto;padding:20px;-webkit-transition:.5s -webkit-box-shadow;transition:.5s -webkit-box-shadow;-o-transition:.5s box-shadow;-moz-transition:.5s box-shadow,.5s -moz-box-shadow;transition:.5s box-shadow;transition:.5s box-shadow,.5s -webkit-box-shadow,.5s -moz-box-shadow}.m-modal .m-modal-content:hover{opacity:1;-webkit-box-shadow:0 7px 20px rgba(32,35,42,.85);-moz-box-shadow:0 7px 20px rgba(32,35,42,.85);box-shadow:0 7px 20px rgba(32,35,42,.85)}.m-modal .m-modal-content .m-title{margin-bottom:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.m-modal .m-modal-content .m-details{margin-bottom:10px}.m-modal .m-modal-content .m-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.m-modal .m-modal-content a{padding:10px;color:#4a4a4a;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;text-decoration:none}.m-modal .m-modal-content a.m-gmail{color:#d44638}.m-modal .m-modal-content a.m-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.m-modal .m-modal-content a.m-outlook{color:#0072c6}.m-modal .m-modal-content a.m-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.m-modal .m-modal-content a.m-tg{color:#08c}.m-modal .m-modal-content a.m-tg:hover{background-color:rgba(0,114,198,.08);color:#08c}.m-modal .m-modal-content a.m-wa{color:#00bfa5}.m-modal .m-modal-content a.m-wa:hover{background-color:rgba(0,191,165,.08);color:#00bfa5}.m-modal .m-modal-content a.m-skype{color:#00aff0}.m-modal .m-modal-content a.m-skype:hover{background-color:rgba(0,175,240,.08);color:#00aff0}.m-modal .m-modal-content a.m-copy{padding:16px 10px;font-size:16px}.m-modal .m-modal-content a.m-copy:hover,.m-modal .m-modal-content a.m-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.m-modal .m-modal-content a.m-by{font-size:8px;margin-top:.8rem;padding:5px;color:#4a4a4a;opacity:.5}.m-modal .m-modal-content a.m-by:hover{opacity:1}.m-modal .m-modal-content .w-500{font-weight:500}`));
+ document.head.appendChild(mailgoCSS);
+};
+// mailgo
+const mailgo = (mailgoConfig) => {
+ // if the window is defined...
+ if (window && typeof window !== "undefined") {
+ // add the style for mailgo
+ mailgoStyle();
+ // if is set an initEvent add the listener
+ if (mailgoConfig === null || mailgoConfig === void 0 ? void 0 : mailgoConfig.initEvent) {
+ document.addEventListener(mailgoConfig.initEvent, mailgoInit);
+ }
+ else {
+ mailgoInit();
+ }
+ // event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered
+ document.addEventListener("click", mailgoCheckRender);
+ }
+};
+export default mailgo;