now modals are global objects

lib/mailgo.js

@@ -263,7 +263,9 @@ var pHTMLTag = "p"; // global mailgo config object
 
 var config; // default language
 
-var lang = DEFAULT_LANG; // mailgo variables
+var lang = DEFAULT_LANG; // modals global object
+
+var modalMailto, modalTel; // mailgo variables
 
 var url,
     mail = "",
@@ -317,23 +319,23 @@ var mailgo_mailgoInit = function mailgoInit(mailgoConfig) {
     var _config3;
 
     // modal
-    var modal = createElement();
+    modalMailto = createElement();
-    modal.style.display = "none";
+    modalMailto.style.display = "none";
-    modal.id = "mailgo";
+    modalMailto.id = "mailgo";
-    modal.classList.add("m-modal"); // if dark is in config
+    modalMailto.classList.add("m-modal"); // if dark is in config
 
     if ((_config3 = config) === null || _config3 === void 0 ? void 0 : _config3.dark) {
-      modal.classList.add("m-dark");
+      modalMailto.classList.add("m-dark");
     } // background
 
 
     var modalBackground = createElement();
     modalBackground.className = "m-modal-back";
-    modal.appendChild(modalBackground); // modal content
+    modalMailto.appendChild(modalBackground); // modal content
 
     var modalContent = createElement();
     modalContent.className = "m-modal-content";
-    modal.appendChild(modalContent); // title (email address)
+    modalMailto.appendChild(modalContent); // title (email address)
 
     title = createElement("strong");
     title.id = "m-title";
@@ -430,7 +432,7 @@ var mailgo_mailgoInit = function mailgoInit(mailgoConfig) {
     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
+    document.body.appendChild(modalMailto); // every click outside the modal will hide the modal
 
     modalBackground.addEventListener("click", hideMailgo);
   } // mailgo tel
@@ -439,32 +441,25 @@ var mailgo_mailgoInit = function mailgoInit(mailgoConfig) {
     var _config4;
 
     // modal
-    var _modal = createElement();
+    modalTel = createElement();
-
+    modalTel.style.display = "none";
-    _modal.style.display = "none";
+    modalTel.id = "mailgo-tel";
-    _modal.id = "mailgo-tel";
+    modalTel.classList.add("m-modal"); // if dark is in config
-
-    _modal.classList.add("m-modal"); // if dark is in config
-
 
     if ((_config4 = config) === null || _config4 === void 0 ? void 0 : _config4.dark) {
-      _modal.classList.add("m-dark");
+      modalTel.classList.add("m-dark");
     } // background
 
 
     var _modalBackground = createElement();
 
     _modalBackground.className = "m-modal-back";
-
+    modalTel.appendChild(_modalBackground); // modal content
-    _modal.appendChild(_modalBackground); // modal content
-
 
     var _modalContent = createElement();
 
     _modalContent.className = "m-modal-content";
-
+    modalTel.appendChild(_modalContent); // title (telephone number)
-    _modal.appendChild(_modalContent); // title (telephone number)
-
 
     titleTel = createElement("strong");
     titleTel.id = "m-tel-title";
@@ -543,7 +538,7 @@ var mailgo_mailgoInit = function mailgoInit(mailgoConfig) {
     _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
+    document.body.appendChild(modalTel); // every click outside the modal will hide the modal
 
     _modalBackground.addEventListener("click", hideMailgo);
   } // event listener on body, if the element is mailgo-compatible the mailgo modal will be rendered

src/mailgo.ts

@@ -37,6 +37,9 @@ let config: MailgoConfig;
 // default language
 let lang: string = DEFAULT_LANG;
 
+// modals global object
+let modalMailto: HTMLElement, modalTel: HTMLElement;
+
 // mailgo variables
 let url: URL,
   mail: string = "",
@@ -111,25 +114,25 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
   // mailgo mail
   {
     // modal
-    let modal: HTMLElement = createElement();
+    modalMailto = createElement() as HTMLElement;
-    modal.style.display = "none";
+    modalMailto.style.display = "none";
-    modal.id = "mailgo";
+    modalMailto.id = "mailgo";
-    modal.classList.add("m-modal");
+    modalMailto.classList.add("m-modal");
 
     // if dark is in config
     if (config?.dark) {
-      modal.classList.add("m-dark");
+      modalMailto.classList.add("m-dark");
     }
 
     // background
     let modalBackground: HTMLElement = createElement();
     modalBackground.className = "m-modal-back";
-    modal.appendChild(modalBackground);
+    modalMailto.appendChild(modalBackground);
 
     // modal content
     let modalContent: HTMLElement = createElement();
     modalContent.className = "m-modal-content";
-    modal.appendChild(modalContent);
+    modalMailto.appendChild(modalContent);
 
     // title (email address)
     title = createElement("strong");
@@ -255,7 +258,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     modalContent.appendChild(byElement());
 
     // add the modal at the end of the body
-    document.body.appendChild(modal);
+    document.body.appendChild(modalMailto);
 
     // every click outside the modal will hide the modal
     modalBackground.addEventListener("click", hideMailgo);
@@ -263,25 +266,25 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
   // mailgo tel
   {
     // modal
-    let modal: HTMLElement = createElement();
+    modalTel = createElement() as HTMLElement;
-    modal.style.display = "none";
+    modalTel.style.display = "none";
-    modal.id = "mailgo-tel";
+    modalTel.id = "mailgo-tel";
-    modal.classList.add("m-modal");
+    modalTel.classList.add("m-modal");
 
     // if dark is in config
     if (config?.dark) {
-      modal.classList.add("m-dark");
+      modalTel.classList.add("m-dark");
     }
 
     // background
     let modalBackground: HTMLElement = createElement();
     modalBackground.className = "m-modal-back";
-    modal.appendChild(modalBackground);
+    modalTel.appendChild(modalBackground);
 
     // modal content
     let modalContent: HTMLElement = createElement();
     modalContent.className = "m-modal-content";
-    modal.appendChild(modalContent);
+    modalTel.appendChild(modalContent);
 
     // title (telephone number)
     titleTel = createElement("strong");
@@ -374,7 +377,7 @@ const mailgoInit = (mailgoConfig?: MailgoConfig): void => {
     modalContent.appendChild(byElement());
 
     // add the modal at the end of the body
-    document.body.appendChild(modal);
+    document.body.appendChild(modalTel);
 
     // every click outside the modal will hide the modal
     modalBackground.addEventListener("click", hideMailgo);