@salla.sa/twilight-components 1.4.1 → 1.4.2

package/dist/cjs/salla-button_23.cjs.entry.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-0d0167d5.js');
 const Helper = require('./Helper-8ae6a805.js');
-require('https://static.addtoany.com/menu/page.js');
 
 const sallaButtonCss = "";
 
@@ -3115,15 +3114,27 @@ const SallaSocialShare = class {
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -8,7 +8,7 @@ import twitter from '../../assets/svg/twitter.svg';
 import copy_link from '../../assets/svg/link.svg';
 import email from '../../assets/svg/mail.svg';
 import whatsapp from '../../assets/svg/whatsapp.svg';
-import "https://static.addtoany.com/menu/page.js";
+// require("https://static.addtoany.com/menu/page.js");
 import { Socials } from './interfaces';
 export class SallaSocialShare {
   constructor() {
@@ -29,15 +29,27 @@ export class SallaSocialShare {
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');
@@ -153,7 +165,11 @@ export class SallaSocialShare {
       "complexType": {
         "signature": "() => Promise<void>",
         "parameters": [],
-        "references": {},
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
         "return": "Promise<void>"
       },
       "docs": {

package/dist/components/salla-social-share.js

@@ -2,7 +2,6 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import 'https://static.addtoany.com/menu/page.js';
 import { d as defineCustomElement$2 } from './salla-button2.js';
 
 /*
@@ -1380,15 +1379,27 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');

package/dist/esm/salla-button_23.entry.js

@@ -3,7 +3,6 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-4e30ffd0.js';
 import { H as Helper } from './Helper-e1d414a5.js';
-import 'https://static.addtoany.com/menu/page.js';
 
 const sallaButtonCss = "";
 
@@ -3111,15 +3110,27 @@ const SallaSocialShare = class {
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');