@everymatrix/player-account-controller 1.54.12 → 1.56.0

package/stencil/{player-kyc-verification-KcMUMtzd.js → player-kyc-verification-CRwnm961.js}

@@ -1,29 +1,29 @@
-var u = (e, n, t) => new Promise((o, a) => {
+var u = (e, n, t) => new Promise((a, o) => {
   var l = (d) => {
     try {
       s(t.next(d));
     } catch (p) {
-      a(p);
+      o(p);
     }
   }, c = (d) => {
     try {
       s(t.throw(d));
     } catch (p) {
-      a(p);
+      o(p);
     }
-  }, s = (d) => d.done ? o(d.value) : Promise.resolve(d.value).then(l, c);
+  }, s = (d) => d.done ? a(d.value) : Promise.resolve(d.value).then(l, c);
   s((t = t.apply(e, n)).next());
 });
-import { b as g, p as y, r as v, h as i, F as m } from "./index-1d58b17d-BREebYgt.js";
-import { a as w } from "./app-globals-0f993ce5-C0vi_PY4.js";
-var C = () => {
+import { b as v, p as w, r as C, h as i, F as m } from "./index-b1bdf3f6-DBuAhDH-.js";
+import { a as k } from "./app-globals-0f993ce5-DzSE6TtH.js";
+var x = () => {
   const e = import.meta.url, n = {};
-  return e !== "" && (n.resourcesUrl = new URL(".", e).href), y(n);
+  return e !== "" && (n.resourcesUrl = new URL(".", e).href), w(n);
 };
-C().then((e) => u(void 0, null, function* () {
-  return yield w(), g([["player-kyc-verification", [[1, "player-kyc-verification", { userId: [1, "user-id"], session: [1], language: [1], endpoint: [1], translationUrl: [1, "translation-url"], clientStyling: [1, "client-styling"], verifiedIcon: [1, "verified-icon"], failedIcon: [1, "failed-icon"], defaultIcon: [1, "default-icon"], clientStylingUrl: [1, "client-styling-url"], verificationType: [32], isLoading: [32], stylingAppends: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], selectedOption: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"] }]]]], e);
+x().then((e) => u(void 0, null, function* () {
+  return yield k(), v([["player-kyc-verification", [[1, "player-kyc-verification", { userId: [1, "user-id"], session: [1], language: [1], endpoint: [1], translationUrl: [1, "translation-url"], clientStyling: [1, "client-styling"], verifiedIcon: [1, "verified-icon"], failedIcon: [1, "failed-icon"], defaultIcon: [1, "default-icon"], clientStylingUrl: [1, "client-styling-url"], mbSource: [1, "mb-source"], verificationType: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], selectedOption: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e);
 }));
-const x = "en";
+const S = "en";
 let f = {
   en: {
     loading: "Loading, please wait ...",
@@ -512,16 +512,40 @@ let f = {
 };
 const h = (e) => new Promise((n) => {
   fetch(e).then((t) => t.json()).then((t) => {
-    Object.keys(t).forEach((o) => {
-      f[o] || (f[o] = {});
-      for (let a in t[o])
-        f[o][a] = t[o][a];
+    Object.keys(t).forEach((a) => {
+      f[a] || (f[a] = {});
+      for (let o in t[a])
+        f[a][o] = t[a][o];
     }), n(!0);
   });
 }), r = (e, n, t) => {
-  const o = n;
-  return f[o !== void 0 && o in f ? o : x][e];
-}, k = (e) => !!(e.toLowerCase().match(/android/i) || e.toLowerCase().match(/blackberry|bb/i) || e.toLowerCase().match(/iphone|ipad|ipod/i) || e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)), b = `:host {
+  const a = n;
+  return f[a !== void 0 && a in f ? a : S][e];
+}, b = (e) => !!(e.toLowerCase().match(/android/i) || e.toLowerCase().match(/blackberry|bb/i) || e.toLowerCase().match(/iphone|ipad|ipod/i) || e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+function g(e, n) {
+  if (e) {
+    const t = document.createElement("style");
+    t.innerHTML = n, e.appendChild(t);
+  }
+}
+function y(e, n) {
+  const t = new URL(n);
+  fetch(t.href).then((a) => a.text()).then((a) => {
+    const o = document.createElement("style");
+    o.innerHTML = a, e && e.appendChild(o);
+  }).catch((a) => {
+    console.error("There was an error while trying to load client styling from URL", a);
+  });
+}
+function P(e, n, t) {
+  if (window.emMessageBus) {
+    const a = document.createElement("style");
+    window.emMessageBus.subscribe(n, (o) => {
+      a.innerHTML = o, e && e.appendChild(a);
+    });
+  }
+}
+const D = `:host {
   font-family: inherit;
 }
 
@@ -700,21 +724,9 @@ button, select {
   .player-kyc-verification-widget .verification-types {
     grid-template-columns: repeat(2, 1fr);
   }
-}`, S = b, P = class {
+}`, I = D, O = class {
   constructor(e) {
-    v(this, e), this.userId = "", this.session = "", this.endpoint = "", this.translationUrl = "", this.clientStyling = "", this.verifiedIcon = "", this.failedIcon = "", this.defaultIcon = "", this.clientStylingUrl = "", this.verificationType = [], this.isLoading = !1, this.stylingAppends = !1, this.selectedFile = null, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1, this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = k(this.userAgent), this.setClientStyling = () => {
-      let n = document.createElement("style");
-      n.innerHTML = this.clientStyling, this.stylingContainer.prepend(n);
-    }, this.setClientStylingURL = () => {
-      let n = new URL(this.clientStylingUrl), t = document.createElement("style");
-      fetch(n.href).then((o) => o.text()).then((o) => {
-        t.innerHTML = o, setTimeout(() => {
-          this.stylingContainer.prepend(t);
-        }, 1);
-      }).catch((o) => {
-        console.log("error ", o);
-      });
-    }, this.handleToggleScreen = () => {
+    C(this, e), this.userId = "", this.session = "", this.endpoint = "", this.translationUrl = "", this.clientStyling = "", this.verifiedIcon = "", this.failedIcon = "", this.defaultIcon = "", this.clientStylingUrl = "", this.verificationType = [], this.isLoading = !1, this.selectedFile = null, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1, this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = b(this.userAgent), this.handleToggleScreen = () => {
       this.toggleScreen(this.isMobile);
     };
   }
@@ -728,12 +740,15 @@ button, select {
       this.translationUrl.length > 2 && (yield h(this.translationUrl));
     });
   }
-  componentDidRender() {
-    !this.stylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL(), this.stylingAppends = !0);
+  handleClientStylingChange(e, n) {
+    e != n && g(this.stylingContainer, this.clientStyling);
+  }
+  handleClientStylingUrlChange(e, n) {
+    e != n && this.clientStylingUrl && y(this.stylingContainer, this.clientStylingUrl);
   }
   componentDidLoad() {
     return u(this, null, function* () {
-      window.innerWidth > 700 && (this.expandedOnDesktop = !0);
+      this.stylingContainer && (window.emMessageBus != null ? P(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && g(this.stylingContainer, this.clientStyling), this.clientStylingUrl && y(this.stylingContainer, this.clientStylingUrl))), window.innerWidth > 700 && (this.expandedOnDesktop = !0);
       try {
         let e = new URL(`${this.endpoint}/v2/player/${this.userId}/verification/GetKYCCustomerStatus`);
         const n = {
@@ -758,17 +773,20 @@ button, select {
       }
     });
   }
+  disconnectedCallback() {
+    this.stylingSubscription && this.stylingSubscription.unsubscribe();
+  }
   handleOptionChange(e, n) {
     const t = e.target;
-    this.selectedOption = t.value, this.verificationType = this.verificationType.map((o) => (o.type === n && (o.optionChosen = t.value), o));
+    this.selectedOption = t.value, this.verificationType = this.verificationType.map((a) => (a.type === n && (a.optionChosen = t.value), a));
   }
   handleDocumentsStatus(e, n, t) {
-    this.verificationType = this.verificationType.map((o) => {
-      if (o.type === e) {
-        const a = o.documents.find((l) => l.code === t);
-        a && (a.statusUploaded = n);
+    this.verificationType = this.verificationType.map((a) => {
+      if (a.type === e) {
+        const o = a.documents.find((l) => l.code === t);
+        o && (o.statusUploaded = n);
       }
-      return o;
+      return a;
     });
   }
   downloadPDF(e) {
@@ -777,8 +795,8 @@ button, select {
   }
   toggleVerificationType(e, n) {
     this.expandedOnDesktop = !1, this.verificationType = this.verificationType.map((t) => {
-      var o;
-      return t.type === e && ((o = t.flowInfo) === null || o === void 0 ? void 0 : o.type) == n && (t.expanded = !t.expanded), t;
+      var a;
+      return t.type === e && ((a = t.flowInfo) === null || a === void 0 ? void 0 : a.type) == n && (t.expanded = !t.expanded), t;
     });
   }
   toggleScreen(e) {
@@ -795,7 +813,7 @@ button, select {
       if (this.selectedFile = e, !this.checkFileSize(this.selectedFile))
         console.error(r("fileSizeExceeded", this.language)), this.uploadingStatus = r("fileSizeExceeded", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), this.uploadSizeExceeded = !0;
       else {
-        const o = {
+        const a = {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -803,32 +821,32 @@ button, select {
           },
           body: JSON.stringify({ DocumentCode: n })
         };
-        fetch(`${this.endpoint}/v1/player/${this.userId}/verification/GetKYCVerificationDocumentUploadUrl`, o).then((a) => {
-          if (a.ok)
-            return this.uploadingStatus = r("uploading", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), a.json();
-        }).then((a) => {
+        fetch(`${this.endpoint}/v1/player/${this.userId}/verification/GetKYCVerificationDocumentUploadUrl`, a).then((o) => {
+          if (o.ok)
+            return this.uploadingStatus = r("uploading", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), o.json();
+        }).then((o) => {
           const l = new FormData();
-          l.append(n, this.selectedFile[0]), fetch(a.Url, { method: "POST", body: l }).then((c) => {
+          l.append(n, this.selectedFile[0]), fetch(o.Url, { method: "POST", body: l }).then((c) => {
             c.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = r("successUploadMultipleFiles", this.language) : this.uploadingStatus = r("successUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n)) : (this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), console.error("File upload error:", c.status));
           }).catch((c) => {
             console.error("File upload error:", c);
           });
-        }).catch((a) => {
-          console.error("File upload error:", a);
+        }).catch((o) => {
+          console.error("File upload error:", o);
         });
       }
   }
   importScript(e) {
     return new Promise((n, t) => {
-      fetch(e).then((o) => o.text()).then((o) => {
-        if (new Function(o)(), this.scriptInjected)
+      fetch(e).then((a) => a.text()).then((a) => {
+        if (new Function(a)(), this.scriptInjected)
           n(!0);
         else {
           const l = document.createElement("script");
           l.src = "https://test.insic.de/frontend3/static/js/avs-loader.min.js", document.head.appendChild(l), this.scriptInjected = !0, n(!0);
         }
-      }).catch((o) => {
-        t(o);
+      }).catch((a) => {
+        t(a);
       });
     });
   }
@@ -837,29 +855,31 @@ button, select {
   }
   renderVerificationTypeBox(e) {
     this.expandedOnDesktop && (e.expanded = !0);
-    let n = e.expanded, t = e.type.trim(), o = e.optionChosen, a = e.status, l = e.documents, c = e.flowInfo;
-    const s = a === "Verified", d = a === "Failed" || a === "Expired";
+    let n = e.expanded, t = e.type.trim(), a = e.optionChosen, o = e.status, l = e.documents, c = e.flowInfo;
+    const s = o === "Verified", d = o === "Failed" || o === "Expired";
     return i("div", { class: `verification-box ${n ? "expanded" : ""} ${d ? "failed" : ""} ${s ? "success" : ""}` }, i("div", { class: `box box-header ${n ? "expanded" : ""}`, onClick: () => {
       var p;
       return this.toggleVerificationType(e.type, (p = e.flowInfo) === null || p === void 0 ? void 0 : p.type);
-    } }, i("div", { class: "box-icon" }, s ? i("div", null, this.verifiedIcon ? i("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), i("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), i("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : d ? i("div", null, this.failedIcon ? i("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), i("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), i("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : i("div", null, this.defaultIcon ? i("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" }) : i("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M4 4V20C4 21.1046 4.89543 22 6 22L18 22C19.1046 22 20 21.1046 20 20V8.34162C20 7.8034 19.7831 7.28789 19.3982 6.91161L14.9579 2.56999C14.5842 2.20459 14.0824 2 13.5597 2L6 2C4.89543 2 4 2.89543 4 4Z", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" })))), i("div", { class: "box-title" }, r(t, this.language)), i("div", { class: "chevron-icon" }, i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, i("path", { d: n ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), n ? this.renderExpandedContent(e, o, a, l, c, s, d) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
+    } }, i("div", { class: "box-icon" }, s ? i("div", null, this.verifiedIcon ? i("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), i("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), i("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : d ? i("div", null, this.failedIcon ? i("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), i("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), i("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : i("div", null, this.defaultIcon ? i("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" }) : i("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M4 4V20C4 21.1046 4.89543 22 6 22L18 22C19.1046 22 20 21.1046 20 20V8.34162C20 7.8034 19.7831 7.28789 19.3982 6.91161L14.9579 2.56999C14.5842 2.20459 14.0824 2 13.5597 2L6 2C4.89543 2 4 2.89543 4 4Z", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" })))), i("div", { class: "box-title" }, r(t, this.language)), i("div", { class: "chevron-icon" }, i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, i("path", { d: n ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), n ? this.renderExpandedContent(e, a, o, l, c, s, d) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
   }
   renderDocumentsActions(e, n, t) {
-    return i("div", null, this.isStatusUploaded(e) ? i("div", { class: "upload-status" }, r("uploaded", this.language)) : e != null && e.statusUploaded ? i("div", { class: "upload-status" }, e == null ? void 0 : e.statusUploaded) : i("div", { class: "documents-action" }, i("div", { class: "sample-file" }, (e == null ? void 0 : e.sampleType) === "FileDownload" ? i("button", { class: "download-button", onClick: () => this.downloadPDF(e == null ? void 0 : e.sampleUrl) }, i("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M12 0C5.372 0 0 5.372 0 12C0 18.628 5.372 24 12 24C18.628 24 24 18.628 24 12C24 5.372 18.628 0 12 0ZM12 22C6.485 22 2 17.515 2 12C2 6.485 6.485 2 12 2C17.515 2 22 6.485 22 12C22 17.515 17.515 22 12 22Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" })), i("span", null, r("download", this.language))) : null), i("div", { class: "upload-button" }, n ? i("label", null, i("input", { type: "file", accept: "*", onChange: (o) => this.handleFileSelection(o.target.files, this.selectedOption, t.type), style: { display: "none" } }), i("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), i("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" }))) : null)));
+    return i("div", null, this.isStatusUploaded(e) ? i("div", { class: "upload-status" }, r("uploaded", this.language)) : e != null && e.statusUploaded ? i("div", { class: "upload-status" }, e == null ? void 0 : e.statusUploaded) : i("div", { class: "documents-action" }, i("div", { class: "sample-file" }, (e == null ? void 0 : e.sampleType) === "FileDownload" ? i("button", { class: "download-button", onClick: () => this.downloadPDF(e == null ? void 0 : e.sampleUrl) }, i("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M12 0C5.372 0 0 5.372 0 12C0 18.628 5.372 24 12 24C18.628 24 24 18.628 24 12C24 5.372 18.628 0 12 0ZM12 22C6.485 22 2 17.515 2 12C2 6.485 6.485 2 12 2C17.515 2 22 6.485 22 12C22 17.515 17.515 22 12 22Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" })), i("span", null, r("download", this.language))) : null), i("div", { class: "upload-button" }, n ? i("label", null, i("input", { type: "file", accept: "*", onChange: (a) => this.handleFileSelection(a.target.files, this.selectedOption, t.type), style: { display: "none" } }), i("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), i("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" }))) : null)));
   }
-  renderExpandedContent(e, n, t, o, a, l, c) {
-    return (a == null ? void 0 : a.type) === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : (a == null ? void 0 : a.type) === "Redirect" && e.vendorName !== "Manual" && t !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(m, null, l ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : c ? i("div", { class: "verification-status" }, t === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : o.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (s) => this.handleOptionChange(s, e.type) }, i("option", { value: "", selected: !0, disabled: !0, hidden: !0 }, r("chooseDocument", this.language)), o.map((s) => i("option", { selected: n == s.code, value: s.code }, r(s.type, this.language)))), this.renderDocumentsActions(o.find((s) => s.code === n), n, e)) : null));
+  renderExpandedContent(e, n, t, a, o, l, c) {
+    return (o == null ? void 0 : o.type) === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: o.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : (o == null ? void 0 : o.type) === "Redirect" && e.vendorName !== "Manual" && t !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: o.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(m, null, l ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : c ? i("div", { class: "verification-status" }, t === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : a.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (s) => this.handleOptionChange(s, e.type) }, i("option", { value: "", selected: !0, disabled: !0, hidden: !0 }, r("chooseDocument", this.language)), a.map((s) => i("option", { selected: n == s.code, value: s.code }, r(s.type, this.language)))), this.renderDocumentsActions(a.find((s) => s.code === n), n, e)) : null));
   }
   render() {
     return this.isLoading ? i("div", null, i("p", null, r("loading", this.language))) : i("div", { class: "ModalContainer", ref: (e) => this.stylingContainer = e }, i("div", { class: "player-kyc-verification-widget" }, this.isMobile ? i("div", { class: "MenuReturnButton", onClick: this.handleToggleScreen }, i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, i("defs", null), i("g", { transform: "translate(-20 -158)" }, i("g", { transform: "translate(20 158)" }, i("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), i("h2", null, r("kycTitle", this.language))) : i("h2", null, r("kycTitle", this.language)), this.verificationType.length === 0 ? i("div", { class: "no-verification-description", style: { padding: "24px", fontSize: "18px" } }, r("noVerificationRequired", this.language)) : i(m, null, i("div", { class: "widget-description" }, r("kycDescription", this.language)), i("div", { class: "verification-types" }, this.verificationType.map((e) => e ? this.renderVerificationTypeBox(e) : null)))));
   }
   static get watchers() {
     return {
-      translationUrl: ["handleNewTranslations"]
+      translationUrl: ["handleNewTranslations"],
+      clientStyling: ["handleClientStylingChange"],
+      clientStylingUrl: ["handleClientStylingUrlChange"]
     };
   }
 };
-P.style = S;
+O.style = I;
 export {
-  P as player_kyc_verification
+  O as player_kyc_verification
 };

package/stencil/{toggle-checkbox-input-BqotLJuA.js → toggle-checkbox-input-B4OOk9wz.js}

@@ -1,4 +1,4 @@
-import { r as l, c as o, h as t } from "./index-92b64862-CO3_TP5h.js";
+import { r as l, c as o, h as t } from "./index-92b64862-C_69cKxK.js";
 import { t as a } from "./locale-BG_TzyDt.js";
 import { t as r } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
 const s = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', n = s, c = class {

package/stencil/{toggle-checkbox-input-DFpk-vL2.js → toggle-checkbox-input-Cwo_Ny77.js}

@@ -1,4 +1,4 @@
-import { r as l, c as o, h as t } from "./index-92b64862-Bnmv00O2.js";
+import { r as l, c as o, h as t } from "./index-92b64862-w9a1l35N.js";
 import { t as a } from "./locale-BG_TzyDt.js";
 import { t as r } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
 const s = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', n = s, c = class {

package/stencil/{toggle-checkbox-input-n5b3s-CU.cjs → toggle-checkbox-input-tQDhlcag.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-92b64862-CK1ANWGa.cjs"),l=require("./locale-B5abSHU_.cjs"),a=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),r='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}',s=r,o=class{constructor(e){t.registerInstance(this,e),this.sendValidityState=t.createEvent(this,"sendValidityState"),this.sendInputValue=t.createEvent(this,"sendInputValue"),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields=this.defaultValue==="true",this.value="",this.setClientStyling=()=>{let i=document.createElement("style");i.innerHTML=this.clientStyling,this.stylingContainer.prepend(i)}}validityStateHandler(e){this.sendValidityState.emit(e)}valueHandler(e){this.sendInputValue.emit(e)}handleClickOutside(e){e.composedPath()[0]!==this.tooltipIconReference&&e.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return l.translate("requiredError",this.language)}renderLabel(){return t.h("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},t.h("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?t.h("div",{class:`togglecheckbox__tooltip ${this.showTooltip?"visible":""}`,ref:e=>this.tooltipReference=e,innerHTML:this.tooltip}):null}render(){return t.h("div",{key:"8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:e=>this.stylingContainer=e},t.h("div",{key:"18e2ec43ff98738323ddab1e134d6d215978e1c7",class:"togglecheckbox__wrapper--flex"},t.h("input",{key:"640b3ba4fd34bd813239533236e51f452e735409",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:e=>this.checkboxReference=e,name:this.name,checked:this.defaultValue==="true",readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),t.h("small",{key:"efd70a691559cfa98e93561dd945a0fe92909718",class:"togglecheckbox__error-message"},this.errorMessage),t.h("div",{key:"e56a8fafa17da25d01f894fe6e6c143c318d2aab",class:"togglecheckbox__wrapper--relative"},this.tooltip&&t.h("img",{key:"8b59366827b8f4f8ca5581203a2dca44ae8132d5",class:"togglecheckbox__tooltip-icon",src:a.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),t.h("div",{key:"475e27345b51396c36e78b5a1e06edd980bc3ae1",class:`togglecheckbox__fields-wrapper ${this.showFields?"":"hidden"}`},this.options.map(e=>t.h("general-input",{type:e.inputType,name:e.name,displayName:e.displayName,validation:e.validate,action:e.action||null,defaultValue:e.defaultValue,autofilled:e.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:e.tooltip,placeholder:e.placeholder==null?"":e.placeholder}))))}};o.style=s;exports.toggle_checkbox_input=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-92b64862-BRYoLHww.cjs"),l=require("./locale-B5abSHU_.cjs"),a=require("./tooltipIcon-ee9760a8-Bd9l1O5C.cjs"),r='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}',s=r,o=class{constructor(e){t.registerInstance(this,e),this.sendValidityState=t.createEvent(this,"sendValidityState"),this.sendInputValue=t.createEvent(this,"sendInputValue"),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.showFields=this.defaultValue==="true",this.value="",this.setClientStyling=()=>{let i=document.createElement("style");i.innerHTML=this.clientStyling,this.stylingContainer.prepend(i)}}validityStateHandler(e){this.sendValidityState.emit(e)}valueHandler(e){this.sendInputValue.emit(e)}handleClickOutside(e){e.composedPath()[0]!==this.tooltipIconReference&&e.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity(),this.valueHandler({name:this.name,value:this.checkboxReference.checked?"true":"false",type:"toggle"})}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return l.translate("requiredError",this.language)}renderLabel(){return t.h("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},t.h("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?t.h("div",{class:`togglecheckbox__tooltip ${this.showTooltip?"visible":""}`,ref:e=>this.tooltipReference=e,innerHTML:this.tooltip}):null}render(){return t.h("div",{key:"8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed",class:`togglecheckbox__wrapper  ${this.name}__input`,ref:e=>this.stylingContainer=e},t.h("div",{key:"18e2ec43ff98738323ddab1e134d6d215978e1c7",class:"togglecheckbox__wrapper--flex"},t.h("input",{key:"640b3ba4fd34bd813239533236e51f452e735409",class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:e=>this.checkboxReference=e,name:this.name,checked:this.defaultValue==="true",readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),t.h("small",{key:"efd70a691559cfa98e93561dd945a0fe92909718",class:"togglecheckbox__error-message"},this.errorMessage),t.h("div",{key:"e56a8fafa17da25d01f894fe6e6c143c318d2aab",class:"togglecheckbox__wrapper--relative"},this.tooltip&&t.h("img",{key:"8b59366827b8f4f8ca5581203a2dca44ae8132d5",class:"togglecheckbox__tooltip-icon",src:a.tooltipIconSvg,alt:"",ref:e=>this.tooltipIconReference=e,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),t.h("div",{key:"475e27345b51396c36e78b5a1e06edd980bc3ae1",class:`togglecheckbox__fields-wrapper ${this.showFields?"":"hidden"}`},this.options.map(e=>t.h("general-input",{type:e.inputType,name:e.name,displayName:e.displayName,validation:e.validate,action:e.action||null,defaultValue:e.defaultValue,autofilled:e.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:e.tooltip,placeholder:e.placeholder==null?"":e.placeholder}))))}};o.style=s;exports.toggle_checkbox_input=o;

package/stencil/ui-skeleton-982450d2-BEC6vjfL.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./index-db5752f9-DSHLGBj_.cjs"),n=".Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}",s=n,i=class{constructor(t){r.registerInstance(this,t),this.animation=!0}handleStructureChange(t,e){e!==t&&this.handleStructure(t)}updateStyles(){this.primaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color",this.primaryColor),this.secondaryColor&&this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color",this.secondaryColor)}handleStructure(t){switch(t){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle()}}renderLogo(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return Array.from({length:this.rows>0?this.rows:1}).map((e,o)=>r.h("div",{style:t,key:o,class:"Text "+(this.animation?"Skeleton":"")}))}renderRectangle(){const t={width:`${this.width}`,height:`${this.height}`,"background-color":`${this.color}`,"border-radius":`${this.borderRadius}px`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){const t={width:`${this.size}`,height:`${this.size}`,"background-color":`${this.color}`,"margin-bottom":`${this.marginBottom}px`,"margin-top":`${this.marginTop}px`,"margin-left":`${this.marginLeft}px`,"margin-right":`${this.marginRight}px`};return r.h("div",{ref:e=>this.skeletonContainer=e},r.h("div",{style:t,class:"Circle "+(this.animation?"Skeleton":"")}))}componentDidLoad(){this.updateStyles()}render(){return this.handleStructure(this.structure)}static get watchers(){return{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}}};i.style=s;exports.UiSkeleton=i;

package/stencil/ui-skeleton-982450d2-CXoVwMz-.js

@@ -0,0 +1,122 @@
+import { r as o, h as r } from "./index-db5752f9-B4MZ13Fz.js";
+const s = ".Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", n = s, a = class {
+  constructor(t) {
+    o(this, t), this.animation = !0;
+  }
+  handleStructureChange(t, e) {
+    e !== t && this.handleStructure(t);
+  }
+  updateStyles() {
+    this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
+  }
+  handleStructure(t) {
+    switch (t) {
+      case "logo":
+        return this.renderLogo();
+      case "image":
+        return this.renderImage();
+      case "title":
+        return this.renderTitle();
+      case "text":
+        return this.renderText();
+      case "rectangle":
+        return this.renderRectangle();
+      case "circle":
+        return this.renderCircle();
+    }
+  }
+  renderLogo() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Logo " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderImage() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Image " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderTitle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Title " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderText() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => r("div", { style: t, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderRectangle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderCircle() {
+    const t = {
+      width: `${this.size}`,
+      height: `${this.size}`,
+      "background-color": `${this.color}`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Circle " + (this.animation ? "Skeleton" : "") }));
+  }
+  componentDidLoad() {
+    this.updateStyles();
+  }
+  render() {
+    return this.handleStructure(this.structure);
+  }
+  static get watchers() {
+    return {
+      structure: ["handleStructureChange"],
+      primaryColor: ["updateStyles"],
+      secondaryColor: ["updateStyles"]
+    };
+  }
+};
+a.style = n;
+export {
+  a as U
+};

package/stencil/ui-skeleton-982450d2-DgSl7oS5.js

@@ -0,0 +1,122 @@
+import { r as o, h as r } from "./index-db5752f9-C_VcDZns.js";
+const s = ".Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 250px);height:var(--emw-skeleton-image-height, 200px);border-radius:var(--emw-skeleton-image-border-radius, 10px)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}", n = s, a = class {
+  constructor(t) {
+    o(this, t), this.animation = !0;
+  }
+  handleStructureChange(t, e) {
+    e !== t && this.handleStructure(t);
+  }
+  updateStyles() {
+    this.primaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-primary-color", this.primaryColor), this.secondaryColor && this.skeletonContainer.style.setProperty("--emw-skeleton-secondary-color", this.secondaryColor);
+  }
+  handleStructure(t) {
+    switch (t) {
+      case "logo":
+        return this.renderLogo();
+      case "image":
+        return this.renderImage();
+      case "title":
+        return this.renderTitle();
+      case "text":
+        return this.renderText();
+      case "rectangle":
+        return this.renderRectangle();
+      case "circle":
+        return this.renderCircle();
+    }
+  }
+  renderLogo() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Logo " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderImage() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Image " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderTitle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Title " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderText() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((e, i) => r("div", { style: t, key: i, class: "Text " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderRectangle() {
+    const t = {
+      width: `${this.width}`,
+      height: `${this.height}`,
+      "background-color": `${this.color}`,
+      "border-radius": `${this.borderRadius}px`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Rectangle " + (this.animation ? "Skeleton" : "") }));
+  }
+  renderCircle() {
+    const t = {
+      width: `${this.size}`,
+      height: `${this.size}`,
+      "background-color": `${this.color}`,
+      "margin-bottom": `${this.marginBottom}px`,
+      "margin-top": `${this.marginTop}px`,
+      "margin-left": `${this.marginLeft}px`,
+      "margin-right": `${this.marginRight}px`
+    };
+    return r("div", { ref: (e) => this.skeletonContainer = e }, r("div", { style: t, class: "Circle " + (this.animation ? "Skeleton" : "") }));
+  }
+  componentDidLoad() {
+    this.updateStyles();
+  }
+  render() {
+    return this.handleStructure(this.structure);
+  }
+  static get watchers() {
+    return {
+      structure: ["handleStructureChange"],
+      primaryColor: ["updateStyles"],
+      secondaryColor: ["updateStyles"]
+    };
+  }
+};
+a.style = n;
+export {
+  a as U
+};

package/stencil/ui-skeleton-BjdFVTvB.cjs

@@ -0,0 +1 @@
+"use strict";var l=(r,t,o)=>new Promise((c,s)=>{var d=e=>{try{n(o.next(e))}catch(i){s(i)}},m=e=>{try{n(o.throw(e))}catch(i){s(i)}},n=e=>e.done?c(e.value):Promise.resolve(e.value).then(d,m);n((o=o.apply(r,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-db5752f9-DSHLGBj_.cjs"),p=require("./app-globals-0f993ce5-DgYhdguE.cjs"),g=require("./ui-skeleton-982450d2-BEC6vjfL.cjs");var a=typeof document!="undefined"?document.currentScript:null,f=()=>{const r=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:a&&a.tagName.toUpperCase()==="SCRIPT"&&a.src||new URL("stencil/ui-skeleton-BjdFVTvB.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),u.promiseResolve(t)};f().then(r=>l(exports,null,function*(){return yield p.globalScripts$2(),u.bootstrapLazy([["ui-skeleton",[[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[2,"border-radius"],marginBottom:[2,"margin-bottom"],marginTop:[2,"margin-top"],marginLeft:[2,"margin-left"],marginRight:[2,"margin-right"],animation:[4],rows:[2],size:[1],color:[1],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"]},null,{structure:["handleStructureChange"],primaryColor:["updateStyles"],secondaryColor:["updateStyles"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;