diff --git a/dist/mailgo.min.js b/dist/mailgo.min.js
index a9f8d14..ea6e473 100644
--- a/dist/mailgo.min.js
+++ b/dist/mailgo.min.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mailgo=exports.defaultMailgo=void 0;var url,title,titleTel,detailCc,detailBcc,detailSubject,detailBody,ccValue,bccValue,subjectValue,bodyValue,gmail,outlook,open,telegram,wa,skype,call,copyMail,copyTel,MAILTO="mailto:",TEL="tel:",CALLTO="callto:",MAIL_TYPE="mail",TEL_TYPE="tel",DEFAULT_BTN_HREF="javascript:void(0);",span="span",mail="",encEmail="",cc="",bcc="",subject="",bodyMail="",tel="",msg="",telegramUsername="",skypeUsername="",mailgoInit=function(){var e=createElement();e.style.display="none",e.id="mailgo",e.classList.add("m-modal");var o=createElement();o.className="m-modal-back",e.appendChild(o);var t=createElement();t.className="m-modal-content",e.appendChild(t),(title=createElement("strong")).id="m-title",title.className="m-title",t.appendChild(title);var a=createElement();a.id="m-details",a.className="m-details",(detailCc=createElement("p")).id="m-cc";var l=createElement(span);l.className="w-500",l.appendChild(createTextNode("cc ")),(ccValue=createElement(span)).id="m-cc-value",detailCc.appendChild(l),detailCc.appendChild(ccValue),a.appendChild(detailCc),(detailBcc=createElement("p")).id="m-bcc";var i=createElement(span);i.className="w-500",i.appendChild(createTextNode("bcc ")),(bccValue=createElement(span)).id="m-bcc-value",detailBcc.appendChild(i),detailBcc.appendChild(bccValue),a.appendChild(detailBcc),(detailSubject=createElement("p")).id="m-subject";var n=createElement(span);n.className="w-500",n.appendChild(createTextNode("subject ")),(subjectValue=createElement(span)).id="m-subject-value",detailSubject.appendChild(n),detailSubject.appendChild(subjectValue),a.appendChild(detailSubject),(detailBody=createElement("p")).id="m-body";var d=createElement(span);d.className="w-500",d.appendChild(createTextNode("body ")),(bodyValue=createElement(span)).id="m-body-value",detailBody.appendChild(d),detailBody.appendChild(bodyValue),a.appendChild(detailBody),t.appendChild(a),(gmail=createElement("a")).id="m-gmail",gmail.href=DEFAULT_BTN_HREF,gmail.classList.add("m-open"),gmail.classList.add("m-gmail"),gmail.appendChild(createTextNode("open in "));var c=createElement(span);c.className="w-500",c.appendChild(createTextNode("Gmail")),gmail.appendChild(c),t.appendChild(gmail),(outlook=createElement("a")).id="m-outlook",outlook.href=DEFAULT_BTN_HREF,outlook.classList.add("m-open"),outlook.classList.add("m-outlook"),outlook.appendChild(createTextNode("open in "));var m=createElement(span);m.className="w-500",m.appendChild(createTextNode("Outlook")),outlook.appendChild(m),t.appendChild(outlook),(open=createElement("a")).id="m-open",open.href=DEFAULT_BTN_HREF,open.classList.add("m-open"),open.classList.add("m-default");var r=createElement(span);r.className="w-500",r.appendChild(createTextNode("open")),open.appendChild(r),open.appendChild(createTextNode(" default")),t.appendChild(open),(copyMail=createElement("a")).id="m-copy",copyMail.href=DEFAULT_BTN_HREF,copyMail.classList.add("m-copy"),copyMail.classList.add("w-500"),copyMail.appendChild(createTextNode("copy")),t.appendChild(copyMail),t.appendChild(byElement()),document.body.appendChild(e),o.addEventListener("click",hideMailgo);var s=createElement();s.style.display="none",s.id="mailgo-tel",s.classList.add("m-modal");var p=createElement();p.className="m-modal-back",s.appendChild(p);var b=createElement();b.className="m-modal-content",s.appendChild(b),(titleTel=createElement("strong")).id="m-tel-title",titleTel.className="m-title",b.appendChild(titleTel),(telegram=createElement("a")).id="m-tg",telegram.href=DEFAULT_BTN_HREF,telegram.classList.add("m-open"),telegram.classList.add("m-tg"),telegram.style.display="none",telegram.appendChild(createTextNode("open in "));var g=createElement(span);g.className="w-500",g.appendChild(createTextNode("Telegram")),telegram.appendChild(g),b.appendChild(telegram),(wa=createElement("a")).id="m-wa",wa.href=DEFAULT_BTN_HREF,wa.classList.add("m-open"),wa.classList.add("m-wa"),wa.appendChild(createTextNode("open in "));var u=createElement(span);u.className="w-500",u.appendChild(createTextNode("WhatsApp")),wa.appendChild(u),b.appendChild(wa),(skype=createElement("a")).id="m-skype",skype.href=DEFAULT_BTN_HREF,skype.classList.add("m-open"),skype.classList.add("m-skype"),skype.appendChild(createTextNode("open in "));var h=createElement(span);h.className="w-500",h.appendChild(createTextNode("Skype")),skype.appendChild(h),b.appendChild(skype),(call=createElement("a")).id="m-call",call.href=DEFAULT_BTN_HREF,call.classList.add("m-open"),call.classList.add("m-default");var x=createElement(span);x.className="w-500",x.appendChild(createTextNode("call")),call.appendChild(x),call.appendChild(createTextNode(" as default")),b.appendChild(call),(copyTel=createElement("a")).id="m-tel-copy",copyTel.href=DEFAULT_BTN_HREF,copyTel.classList.add("m-copy"),copyTel.classList.add("w-500"),copyTel.appendChild(createTextNode("copy")),b.appendChild(copyTel),b.appendChild(byElement()),document.body.appendChild(s),p.addEventListener("click",hideMailgo)},mailgoRender=function(e,o){var t=0"),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",gmail.addEventListener("click",openGmail),outlook.addEventListener("click",openOutlook),encEmail=encodeEmail(mail),open.addEventListener("click",openDefault),copyMail.addEventListener("click",function(){return copy(mail)})}t===TEL_TYPE&&(a.href&&a.href.toLowerCase().startsWith(TEL)?tel=decodeURIComponent(a.href.split("?")[0].split(TEL)[1].trim()):a.href&&a.href.toLowerCase().startsWith(CALLTO)?tel=decodeURIComponent(a.href.split("?")[0].split(CALLTO)[1].trim()):a.hasAttribute("data-tel")&&(tel=a.getAttribute("data-tel"),msg=a.getAttribute("data-msg")),a.hasAttribute("data-telegram")&&(telegramUsername=a.getAttribute("data-telegram")),a.hasAttribute("data-skype")&&(skypeUsername=a.getAttribute("data-skype")),titleTel.innerHTML=tel,wa.addEventListener("click",openWhatsApp),telegramUsername&&(setDisplay("m-tg","block"),telegram.addEventListener("click",openTelegram)),skype.addEventListener("click",openSkype),call.addEventListener("click",callDefault),copyTel.addEventListener("click",function(){return copy(tel)})),showMailgo(t),document.addEventListener("keydown",mailgoKeydown)},openGmail=function(){var e="https://mail.google.com/mail/u/0/?view=cm&source=mailto&to="+encodeURIComponent(mail);cc&&(e=e.concat("&cc="+encodeURIComponent(cc))),bcc&&(e=e.concat("&bcc="+encodeURIComponent(bcc))),subject&&(e=e.concat("&subject="+subject)),bodyMail&&(e=e.concat("&body="+bodyMail)),window.open(e,"_blank"),hideMailgo()},openOutlook=function(){var e="https://outlook.live.com/owa/?path=/mail/action/compose&to="+encodeURIComponent(mail);subject&&(e=e.concat("&subject="+subject)),bodyMail&&(e=e.concat("&body="+bodyMail)),window.open(e,"_blank"),hideMailgo()},openDefault=function(){mailToEncoded(encEmail),hideMailgo()},openTelegram=function(){var e="https://t.me/"+telegramUsername;window.open(e,"_blank"),hideMailgo()},openSkype=function(){var e="skype:"+(""!==skypeUsername?skypeUsername:tel);window.open(e,"_blank"),hideMailgo()},openWhatsApp=function(){var e="https://wa.me/"+tel;window.open(e,"_blank"),hideMailgo()},callDefault=function(){var e="tel:"+tel;window.open(e),hideMailgo()},copy=function(e){var o;copyToClipboard(e),(o=mailgoIsShowing(MAIL_TYPE)?copyMail:copyTel).textContent="copied",setTimeout(function(){o.textContent="copy",hideMailgo()},999)},isMailgo=function(e,o){var t=1()[\]\\.,;:\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)},validateEmails=function(e){return e.every(validateEmail)},copyToClipboard=function(e){var o=createElement("textarea");o.value=e,o.setAttribute("readonly",""),o.style.position="absolute",o.style.left="-9999px",document.body.appendChild(o);var t=0{{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),d=X("strong"),d.id="m-title",d.className="m-title",o.appendChild(d);let n=X();n.id="m-details",n.className="m-details",s=X("p"),s.id="m-cc";let i=X(l);i.className="w-500",i.appendChild(Y("cc ")),p=X(l),p.id="m-cc-value",s.appendChild(i),s.appendChild(p),n.appendChild(s),m=X("p"),m.id="m-bcc";let w=X(l);w.className="w-500",w.appendChild(Y("bcc ")),b=X(l),b.id="m-bcc-value",m.appendChild(w),m.appendChild(b),n.appendChild(m),c=X("p"),c.id="m-subject";let y=X(l);y.className="w-500",y.appendChild(Y("subject ")),u=X(l),u.id="m-subject-value",c.appendChild(y),c.appendChild(u),n.appendChild(c),r=X("p"),r.id="m-body";let C=X(l);C.className="w-500",C.appendChild(Y("body ")),h=X(l),h.id="m-body-value",r.appendChild(C),r.appendChild(h),n.appendChild(r),o.appendChild(n),f=X("a"),f.id="m-gmail",f.href=a,f.classList.add("m-open"),f.classList.add("m-gmail"),f.appendChild(Y("open in "));let k=X(l);k.className="w-500",k.appendChild(Y("Gmail")),f.appendChild(k),o.appendChild(f),g=X("a"),g.id="m-outlook",g.href=a,g.classList.add("m-open"),g.classList.add("m-outlook"),g.appendChild(Y("open in "));let L=X(l);L.className="w-500",L.appendChild(Y("Outlook")),g.appendChild(L),o.appendChild(g),x=X("a"),x.id="m-open",x.href=a,x.classList.add("m-open"),x.classList.add("m-default");let z=X(l);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),i=X("strong"),i.id="m-tel-title",i.className="m-title",o.appendChild(i),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 n=X(l);n.className="w-500",n.appendChild(Y("Telegram")),w.appendChild(n),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 d=X(l);d.className="w-500",d.appendChild(Y("WhatsApp")),y.appendChild(d),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(l);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(l);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()),n=new URL(t.href);let e=n.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"),n=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(!ie(z.split(",")))return;A&&!ie(A.split(","))&&(A=""),E&&!ie(E.split(","))&&(E=""),d.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",f.addEventListener("click",O),g.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")),i.innerHTML=R,y.addEventListener("click",B),I&&(le("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;let t=e.composedPath&&e.composedPath()||ne(e.target);t&&t.forEach(t=>{if(!(t instanceof HTMLDocument||t instanceof Window))return G(t,"mail")?(e.preventDefault(),void T("mail",t)):G(t,"tel")?(e.preventDefault(),void T("tel",t)):void 0})},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?"tel"!==e||le("mailgo-tel","flex"):le("mailgo","flex")},K=()=>{le("mailgo","none"),le("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,le=(e,t)=>oe(e).style.display=t,ne=e=>{let t=[];for(;e;){if(t.push(e),"HTML"===e.tagName)return t.push(document),t.push(window),t;e=e.parentElement}},de=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),ie=e=>e.every(de),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);t.select(),document.execCommand("copy"),document.body.removeChild(t),o&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(o))},me=()=>{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)};window&&"undefined"!=typeof window&&(me(),document.addEventListener("DOMContentLoaded",_),document.addEventListener("click",$))}])}));
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 7c9567a..c662eaf 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,4 +1,4 @@
-const { src, dest, parallel, series } = require("gulp");
+const { src, dest, series } = require("gulp");
const ts = require("gulp-typescript");
const tsProject = ts.createProject("tsconfig.json");
@@ -16,8 +16,6 @@ const babel = require("gulp-babel");
const fs = require("fs");
-let version = require("./package.json").version;
-
function style() {
return src("src/*.scss")
.pipe(sass().on("error", sass.logError))
diff --git a/mailgo.js b/mailgo.js
index 43e5043..4aa906c 100644
--- a/mailgo.js
+++ b/mailgo.js
@@ -651,17 +651,20 @@ const copyToClipboard = (str) => {
document.getSelection().addRange(selected);
}
};
+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);
+};
// start default mailgo
-export const defaultMailgo = () => {
+export const mailgoDOMContentLoaded = () => {
// if the window is defined...
if (window && typeof window !== "undefined") {
- // if the window object exists...
- // mailgo style (gulp)
- 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);
+ // add the style for mailgo
+ mailgoStyle();
// DOMContentLoaded -> mailgoInit (creates the modals)
document.addEventListener("DOMContentLoaded", mailgoInit);
// event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered
@@ -671,13 +674,9 @@ export const defaultMailgo = () => {
export const mailgo = () => {
// if the window is defined...
if (window && typeof window !== "undefined") {
- // if the window object exists...
- // mailgo style (gulp)
- 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);
+ // add the style for mailgo
+ mailgoStyle();
+ // mailgo init
mailgoInit();
// event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered
document.addEventListener("click", mailgoCheckRender);
diff --git a/src/mailgo.script.js b/src/mailgo.script.js
new file mode 100644
index 0000000..647a33b
--- /dev/null
+++ b/src/mailgo.script.js
@@ -0,0 +1,2 @@
+import { mailgoDOMContentLoaded } from "../mailgo";
+mailgoDOMContentLoaded();
diff --git a/src/mailgo.ts b/src/mailgo.ts
index e539a55..f678016 100644
--- a/src/mailgo.ts
+++ b/src/mailgo.ts
@@ -813,17 +813,21 @@ const copyToClipboard = (str: string) => {
}
};
+const mailgoStyle = () => {
+ // mailgo style
+ let mailgoCSS: HTMLStyleElement = createElement("style");
+ mailgoCSS.id = "mailgo-style";
+ mailgoCSS.type = "text/css";
+ mailgoCSS.appendChild(createTextNode(`MAILGO_STYLE`));
+ document.head.appendChild(mailgoCSS);
+};
+
// start default mailgo
-export const defaultMailgo = () => {
+export const mailgoDOMContentLoaded = () => {
// if the window is defined...
if (window && typeof window !== "undefined") {
- // if the window object exists...
- // mailgo style (gulp)
- let mailgoCSS: HTMLStyleElement = createElement("style");
- mailgoCSS.id = "mailgo-style";
- mailgoCSS.type = "text/css";
- mailgoCSS.appendChild(createTextNode(`MAILGO_STYLE`));
- document.head.appendChild(mailgoCSS);
+ // add the style for mailgo
+ mailgoStyle();
// DOMContentLoaded -> mailgoInit (creates the modals)
document.addEventListener("DOMContentLoaded", mailgoInit);
@@ -836,14 +840,10 @@ export const defaultMailgo = () => {
export const mailgo = () => {
// if the window is defined...
if (window && typeof window !== "undefined") {
- // if the window object exists...
- // mailgo style (gulp)
- let mailgoCSS: HTMLStyleElement = createElement("style");
- mailgoCSS.id = "mailgo-style";
- mailgoCSS.type = "text/css";
- mailgoCSS.appendChild(createTextNode(`MAILGO_STYLE`));
- document.head.appendChild(mailgoCSS);
+ // add the style for mailgo
+ mailgoStyle();
+ // mailgo init
mailgoInit();
// event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered
diff --git a/webpack.config.js b/webpack.config.js
index f72a332..c4ee35a 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -3,9 +3,9 @@ const path = require("path");
module.exports = [
{
mode: "production",
- entry: "./dist/mailgo.min.js",
+ entry: "./src/mailgo.script.js",
output: {
- filename: "mailgo.js",
+ filename: "./dist/mailgo.min.js",
path: path.resolve(__dirname),
library: "mailgo",
libraryTarget: "umd",