@everymatrix/player-account-controller-nd 1.60.1 → 1.61.0

package/stencil/{user-transaction-history-6-z3byrF.js → ui-image_2-nVKXie9g.js}

@@ -1,29 +1,56 @@
-var c = (t, a, i) => new Promise((n, r) => {
-  var l = (s) => {
+var c = (t, a, n) => new Promise((i, s) => {
+  var l = (r) => {
     try {
-      d(i.next(s));
-    } catch (p) {
-      r(p);
+      d(n.next(r));
+    } catch (u) {
+      s(u);
     }
-  }, h = (s) => {
+  }, h = (r) => {
     try {
-      d(i.throw(s));
-    } catch (p) {
-      r(p);
+      d(n.throw(r));
+    } catch (u) {
+      s(u);
     }
-  }, d = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(l, h);
-  d((i = i.apply(t, a)).next());
+  }, d = (r) => r.done ? i(r.value) : Promise.resolve(r.value).then(l, h);
+  d((n = n.apply(t, a)).next());
 });
-import { b as y, p as v, r as x, g as u, h as e, H as w, a as S } from "./index-7c5e707a-CTC8RpEi.js";
-import { d as C } from "./app-globals-0f993ce5-DzSE6TtH.js";
-var k = () => {
-  const t = import.meta.url, a = {};
-  return t !== "" && (a.resourcesUrl = new URL(".", t).href), v(a);
+import { r as f, h as e, g as b, a as p, H as x } from "./index-21ba09dd-C-HsjTUn.js";
+const w = ":host{display:block}.Hidden{opacity:0;transition:opacity 0.5s ease-in-out}.Visible{opacity:1;transition:opacity 0.5s ease-in-out}", S = w, k = class {
+  constructor(t) {
+    f(this, t), this.src = void 0, this.width = void 0, this.height = void 0, this.alt = void 0, this.imgClass = "", this.styles = void 0, this.detectDistance = "200px", this.imgLoaded = !1, this.shouldLoad = !1;
+  }
+  handleSrc() {
+    if (!this.shouldLoad)
+      return;
+    const t = new Image();
+    t.src = this.src, t.onload = () => {
+      this.image && (this.image.src = this.src, this.imgLoaded = !0, this.el.dispatchEvent(new CustomEvent("load", { bubbles: !0 })));
+    };
+  }
+  componentDidLoad() {
+    "IntersectionObserver" in window ? (this.el.__uxComponent = this, window.EMUxObserver || (window.EMUxObserver = new IntersectionObserver((t) => {
+      t.forEach((a) => {
+        if (a.isIntersecting) {
+          const n = a.target.__uxComponent;
+          n && (n.shouldLoad = !0, n.handleSrc()), window.EMUxObserver.unobserve(a.target);
+        }
+      });
+    }, { rootMargin: this.detectDistance })), window.EMUxObserver.observe(this.el)) : (this.shouldLoad = !0, this.handleSrc());
+  }
+  render() {
+    return e("img", { key: "2bb4dc391fc2f753514103e91c0abf065de3236a", ref: (t) => this.image = t, style: this.styles, class: `${this.imgClass} ${this.imgLoaded ? "Visible" : "Hidden"}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" });
+  }
+  get el() {
+    return b(this);
+  }
+  static get watchers() {
+    return {
+      src: ["handleSrc"]
+    };
+  }
 };
-k().then((t) => c(void 0, null, function* () {
-  return yield C(), y([["user-transaction-history", [[1, "user-transaction-history", { endpoint: [513], session: [513], language: [513], userId: [513, "user-id"], translationUrl: [513, "translation-url"], mobile: [516], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], mbSource: [513, "mb-source"], page: [32], pageSize: [32], showMobileFilter: [32], to: [32], from: [32], type: [32], transactions: [32], showLoader: [32] }, [[9, "resize", "getComponentHeight"]], { page: ["watchMultiple"], type: ["watchMultiple"], session: ["watchMultiple"], userId: ["watchMultiple"], pageSize: ["watchMultiple"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"], showMobileFilter: ["getComponentHeight"] }]]]], t);
-}));
-const T = {
+k.style = S;
+const C = {
   en: {
     deposit: "Deposit",
     withdrawals: "Withdrawals",
@@ -59,40 +86,40 @@ class o {
   static loadCustomTranslations(a) {
     return c(this, null, function* () {
       try {
-        const i = yield fetch(a, {
+        const n = yield fetch(a, {
           headers: {
             "Content-Type": "application/json"
           }
         });
-        if (!i.ok) {
-          const r = yield i.text();
-          throw new Error(r);
+        if (!n.ok) {
+          const s = yield n.text();
+          throw new Error(s);
         }
-        const n = yield i.json();
-        o.updateTranslations(n);
-      } catch (i) {
-        console.error(`Failed to load translations ${a}. ${i.message}`);
+        const i = yield n.json();
+        o.updateTranslations(i);
+      } catch (n) {
+        console.error(`Failed to load translations ${a}. ${n.message}`);
       }
     });
   }
-  static translate(a, i) {
-    var n, r;
-    const l = o.getAvaliableLanguages(i);
-    return ((r = (n = o.customTranslation) === null || n === void 0 ? void 0 : n[l.customLanguage]) === null || r === void 0 ? void 0 : r[a]) || o.defaultTranslation[l.predefinedLanguage][a];
+  static translate(a, n) {
+    var i, s;
+    const l = o.getAvaliableLanguages(n);
+    return ((s = (i = o.customTranslation) === null || i === void 0 ? void 0 : i[l.customLanguage]) === null || s === void 0 ? void 0 : s[a]) || o.defaultTranslation[l.predefinedLanguage][a];
   }
   static getAvaliableLanguages(a) {
-    var i;
-    const n = !((i = o.customLanguages) === null || i === void 0) && i.includes(a) ? a : o.defaultLanguage;
-    return { predefinedLanguage: o.supportedLanguages.includes(a) ? a : o.defaultLanguage, customLanguage: n };
+    var n;
+    const i = !((n = o.customLanguages) === null || n === void 0) && n.includes(a) ? a : o.defaultLanguage;
+    return { predefinedLanguage: o.supportedLanguages.includes(a) ? a : o.defaultLanguage, customLanguage: i };
   }
   static updateTranslations(a) {
-    o.customLanguages = Array.from(/* @__PURE__ */ new Set([...o.supportedLanguages, ...Object.keys(a).map((i) => i.toLowerCase())])), o.customTranslation = a;
+    o.customLanguages = Array.from(/* @__PURE__ */ new Set([...o.supportedLanguages, ...Object.keys(a).map((n) => n.toLowerCase())])), o.customTranslation = a;
   }
 }
 o.defaultLanguage = "en";
 o.supportedLanguages = ["en"];
-o.defaultTranslation = T;
-const B = () => e(
+o.defaultTranslation = C;
+const T = () => e(
   "div",
   { class: "loader" },
   e("div", null),
@@ -108,30 +135,30 @@ const B = () => e(
   e("div", null),
   e("div", null)
 );
-class b {
+class y {
   constructor() {
   }
   static dateToFormatedString(a) {
-    const i = a.toLocaleDateString("en-gb"), n = a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 });
-    return `${i}, ${n}`;
+    const n = a.toLocaleDateString("en-gb"), i = a.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 });
+    return `${n}, ${i}`;
   }
 }
-class f {
+class v {
   constructor() {
   }
-  static format(a, i) {
-    let n = `${i} ${a}`;
+  static format(a, n) {
+    let i = `${n} ${a}`;
     try {
-      n = new Intl.NumberFormat("en-US", {
+      i = new Intl.NumberFormat("en-US", {
         style: "currency",
         currency: a
-      }).format(i);
-    } catch (r) {
+      }).format(n);
+    } catch (s) {
     }
-    return n;
+    return i;
   }
 }
-const L = (t) => e(
+const B = (t) => e(
   "div",
   { class: "data-transaction" },
   e("p", null, t.productType),
@@ -145,23 +172,23 @@ const L = (t) => e(
     { class: "date" },
     t.transId,
     " | ",
-    b.dateToFormatedString(new Date(t.created))
+    y.dateToFormatedString(new Date(t.created))
   ),
   e(
     "p",
     { class: "text-style" },
-    f.format(t.currency, t.realAmount),
+    v.format(t.currency, t.realAmount),
     " "
   )
-), D = (t) => e(
+), L = (t) => e(
   "div",
   { class: "page-size" },
   e("span", null, o.translate("show", t.language)),
   t.pageSizes.map((a) => e("button", { class: t.currentPageSize === a ? "active" : "", onClick: () => t.changePageSize(a) }, a))
-), F = ({ from: t, to: a, applyFilters: i, language: n }) => {
-  let r, l;
+), D = ({ from: t, to: a, applyFilters: n, language: i }) => {
+  let s, l;
   const h = () => {
-    t = r.value;
+    t = s.value;
   }, d = () => {
     a = l.value;
   };
@@ -174,7 +201,7 @@ const L = (t) => e(
       e(
         "div",
         { class: "date-input" },
-        e("vaadin-date-picker", { value: t, ref: (s) => r = s, label: o.translate("from", n), onChange: h })
+        e("vaadin-date-picker", { value: t, ref: (r) => s = r, label: o.translate("from", i), onChange: h })
       ),
       e(
         "span",
@@ -188,13 +215,13 @@ const L = (t) => e(
       e(
         "div",
         { class: "date-input" },
-        e("vaadin-date-picker", { value: a, ref: (s) => l = s, label: o.translate("to", n), onChange: d })
+        e("vaadin-date-picker", { value: a, ref: (r) => l = r, label: o.translate("to", i), onChange: d })
       ),
-      e("button", { class: "filter-btn", onClick: () => i(t, a) }, o.translate("filter", n))
+      e("button", { class: "filter-btn", onClick: () => n(t, a) }, o.translate("filter", i))
     )
   );
-}, M = ({ source: t, language: a }) => {
-  const i = [
+}, F = ({ source: t, language: a }) => {
+  const n = [
     { name: o.translate("transactionId", a) },
     {
       name: o.translate("date", a)
@@ -213,54 +240,54 @@ const L = (t) => e(
     e(
       "thead",
       null,
-      e("tr", null, i.map((n) => e("th", null, n.name)))
+      e("tr", null, n.map((i) => e("th", null, i.name)))
     ),
-    e("tbody", null, t.map((n) => e(
+    e("tbody", null, t.map((i) => e(
       "tr",
       null,
-      e("td", null, n.transId),
-      e("td", null, b.dateToFormatedString(new Date(n.created))),
+      e("td", null, i.transId),
+      e("td", null, y.dateToFormatedString(new Date(i.created))),
       e(
         "td",
         null,
-        f.format(n.currency, n.realAmount),
+        v.format(i.currency, i.realAmount),
         " "
       ),
-      e("td", null, n.productType),
+      e("td", null, i.productType),
       e(
         "td",
         null,
-        e("span", { class: n.status.toLowerCase() }, n.status)
+        e("span", { class: i.status.toLowerCase() }, i.status)
       )
     )))
   );
 };
 function g(t, a) {
   if (t) {
-    const i = document.createElement("style");
-    i.innerHTML = a, t.appendChild(i);
+    const n = document.createElement("style");
+    n.innerHTML = a, t.appendChild(n);
   }
 }
 function m(t, a) {
-  const i = new URL(a);
-  fetch(i.href).then((n) => n.text()).then((n) => {
-    const r = document.createElement("style");
-    r.innerHTML = n, t && t.appendChild(r);
-  }).catch((n) => {
-    console.error("There was an error while trying to load client styling from URL", n);
+  const n = new URL(a);
+  fetch(n.href).then((i) => i.text()).then((i) => {
+    const s = document.createElement("style");
+    s.innerHTML = i, t && t.appendChild(s);
+  }).catch((i) => {
+    console.error("There was an error while trying to load client styling from URL", i);
   });
 }
-function U(t, a, i) {
+function I(t, a, n) {
   if (window.emMessageBus) {
-    const n = document.createElement("style");
-    window.emMessageBus.subscribe(a, (r) => {
-      n.innerHTML = r, t && t.appendChild(n);
+    const i = document.createElement("style");
+    window.emMessageBus.subscribe(a, (s) => {
+      i.innerHTML = s, t && t.appendChild(i);
     });
   }
 }
-const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--hoverBackground:#ffffff;--background:#e4e6e8;--success:#7ac345;--heightScrollableContainer:400px;--borderColor:#d3d3d3;--borderColorButton:#c4c4c4;--textColor:#002554;--textColorHover:#7ac345;--errorColor:#c23b21;--loaderColor:#7ac345;--headerTableBackground:#cdcdcd;--borderTable:#dedede;--shadowBorderTable:#f1f1f1;--backgroundTable:#ffffff;font-family:Roboto, Arial, sans-serif;font-size:14px;color:var(--textColor);display:block;background-color:var(--background)}:host .wrapper{height:100%;padding:1rem}:host .types{display:flex;width:100%;gap:5px}:host .transaction-type{background:inherit;font-weight:600;padding:0.6rem 1.6rem;border:1px solid #6c757d;cursor:pointer}:host .transaction-type:hover{color:var(--activeButtonBackground);border-color:var(--activeButtonBackground);background:var(--hoverBackground)}:host .clicked{background-color:var(--activeButtonBackground);border-color:var(--activeButtonBackground)}:host .types-mobile{justify-content:center;margin-bottom:15px}:host .types-desktop{justify-content:flex-end;margin-bottom:3rem}:host .page-size{display:flex;width:100%;justify-content:flex-end;align-items:center}:host .page-size button{background:transparent;border:none;cursor:pointer;margin:0.4rem;width:2rem;height:2rem}:host .page-size button:hover{color:var(--textColorHover)}:host .page-size button.active{background:var(--activeButtonBackground);color:var(--textColor);font-weight:600;border-radius:0.4rem}:host .period{display:flex;width:100%;align-items:flex-end;justify-content:center;gap:10px;background:#f0f0f0;border-bottom:2px solid #e9e9e9;padding:1.6rem 0 0;margin-bottom:4rem}@media (max-width: 801px){:host .period{margin-bottom:0;flex-direction:column;align-items:stretch;width:auto;padding:1.4rem 2.8rem;box-shadow:0 4px 5px 0 rgba(90, 90, 90, 0.24)}}:host .period .range{color:var(--errorColor)}:host .period .filter-btn{height:40px;background:transparent;border:0.1rem solid var(--borderColorButton);min-width:12rem;max-width:17rem;cursor:pointer}@media (max-width: 801px){:host .period .filter-btn{max-width:none;min-width:none;margin-top:1rem}}:host .period .filter-btn:hover{border:none;background:var(--hoverBackground)}:host .period .duet-date__input{padding:7px 60px 7px 7px}:host .period+button{padding:9px 15px}:host .period-content{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:flex-end;margin:0 auto 1.6rem}@media (max-width: 801px){:host .period-content{flex-direction:column;align-items:stretch}}:host .period-content span{height:40px;display:flex;align-items:center;justify-content:center}@media (max-width: 801px){:host .period-content span{display:none}}:host .period-content .filter-btn{margin-left:60px}@media (max-width: 801px){:host .period-content .filter-btn{margin-left:0}}:host .period-content .date-input{padding:0 4px}@media (max-width: 801px){:host .period-content .date-input{width:auto}:host .period-content .date-input:first-child{margin-bottom:0.5rem}}:host .period-content .date-input label{display:inline-block;margin-bottom:0.9rem}:host .period-content .date-input input{border:0.1rem solid var(--borderColor);box-sizing:border-box;border-radius:0.2rem}:host .pagination{display:flex;width:100%;justify-content:center;margin-top:1.5rem}:host .pagination button{cursor:pointer;border:none;background-color:var(--activeButtonBackground);color:#fff;opacity:0.5;padding:7px 12px}:host .pagination button:hover{opacity:1}:host .pagination button:focus{opacity:1}:host button.active{color:var(--activeButtonFont);background-color:var(--activeButtonBackground)}.mobile-filter-button{display:flex;justify-content:center;align-items:center;width:100%;height:2.8rem;background:inherit;border:1px solid var(--borderColorButton)}.mobile-filter-button img{height:50%;margin-right:0.5rem}.noData{display:flex;align-items:center;box-shadow:0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);padding:1.1rem;border-radius:0.6rem}.noData span{margin-left:0.5rem}.table{height:var(--heightScrollableContainer);overflow-y:auto}.table .mobile-table{height:100%}.data-transaction{border-bottom:1px solid var(--borderColor);background-color:var(--hoverBackground);padding:0 20px;display:grid;grid-template-columns:repeat(2, 1fr)}.data-transaction .text-style-status{font-weight:600}.data-transaction .text-style-status .success{color:var(--success)}.data-transaction .text-style-status .error{color:var(--errorColor)}.data-transaction .text-style{text-align:end}.data-transaction .date{font-size:12px;display:flex;align-items:center}.loader{display:inline-block;position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);z-index:100}.loader::before{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(255, 255, 255, 0.6)}.loader div{position:absolute;width:6px;height:6px;background:var(--loaderColor);border-radius:50%;animation:loader 1.2s linear infinite}.loader div:nth-child(1){animation-delay:0s;top:37px;left:66px}.loader div:nth-child(2){animation-delay:-0.1s;top:22px;left:62px}.loader div:nth-child(3){animation-delay:-0.2s;top:11px;left:52px}.loader div:nth-child(4){animation-delay:-0.3s;top:7px;left:37px}.loader div:nth-child(5){animation-delay:-0.4s;top:11px;left:22px}.loader div:nth-child(6){animation-delay:-0.5s;top:22px;left:11px}.loader div:nth-child(7){animation-delay:-0.6s;top:37px;left:7px}.loader div:nth-child(8){animation-delay:-0.7s;top:52px;left:11px}.loader div:nth-child(9){animation-delay:-0.8s;top:62px;left:22px}.loader div:nth-child(10){animation-delay:-0.9s;top:66px;left:37px}.loader div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.loader div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes loader{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}.table thead th{position:sticky;top:0}table{border-collapse:collapse;width:100%}table th{padding:14px 24px;text-align:left;font-weight:600;color:var(--textColor);background:var(--headerTableBackground)}table td{padding:1rem 1.7rem;box-shadow:0 -1px 0 0 var(--shadowBorderTable) inset;border-bottom:0.1rem solid var(--borderTable);text-align:left;color:var(--textColor)}table tbody{background:var(--backgroundTable)}table .success{color:var(--success)}table .error{color:var(--errorColor)}vaadin-date-picker{min-width:320px}@media (max-width: 1261px){vaadin-date-picker{width:auto;min-width:auto}}@media (max-width: 801px){vaadin-date-picker{width:100%}}', I = z, H = class {
+const M = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--hoverBackground:#ffffff;--background:#e4e6e8;--success:#7ac345;--heightScrollableContainer:400px;--borderColor:#d3d3d3;--borderColorButton:#c4c4c4;--textColor:#002554;--textColorHover:#7ac345;--errorColor:#c23b21;--loaderColor:#7ac345;--headerTableBackground:#cdcdcd;--borderTable:#dedede;--shadowBorderTable:#f1f1f1;--backgroundTable:#ffffff;font-family:Roboto, Arial, sans-serif;font-size:14px;color:var(--textColor);display:block;background-color:var(--background)}:host .wrapper{height:100%;padding:1rem}:host .types{display:flex;width:100%;gap:5px}:host .transaction-type{background:inherit;font-weight:600;padding:0.6rem 1.6rem;border:1px solid #6c757d;cursor:pointer}:host .transaction-type:hover{color:var(--activeButtonBackground);border-color:var(--activeButtonBackground);background:var(--hoverBackground)}:host .clicked{background-color:var(--activeButtonBackground);border-color:var(--activeButtonBackground)}:host .types-mobile{justify-content:center;margin-bottom:15px}:host .types-desktop{justify-content:flex-end;margin-bottom:3rem}:host .page-size{display:flex;width:100%;justify-content:flex-end;align-items:center}:host .page-size button{background:transparent;border:none;cursor:pointer;margin:0.4rem;width:2rem;height:2rem}:host .page-size button:hover{color:var(--textColorHover)}:host .page-size button.active{background:var(--activeButtonBackground);color:var(--textColor);font-weight:600;border-radius:0.4rem}:host .period{display:flex;width:100%;align-items:flex-end;justify-content:center;gap:10px;background:#f0f0f0;border-bottom:2px solid #e9e9e9;padding:1.6rem 0 0;margin-bottom:4rem}@media (max-width: 801px){:host .period{margin-bottom:0;flex-direction:column;align-items:stretch;width:auto;padding:1.4rem 2.8rem;box-shadow:0 4px 5px 0 rgba(90, 90, 90, 0.24)}}:host .period .range{color:var(--errorColor)}:host .period .filter-btn{height:40px;background:transparent;border:0.1rem solid var(--borderColorButton);min-width:12rem;max-width:17rem;cursor:pointer}@media (max-width: 801px){:host .period .filter-btn{max-width:none;min-width:none;margin-top:1rem}}:host .period .filter-btn:hover{border:none;background:var(--hoverBackground)}:host .period .duet-date__input{padding:7px 60px 7px 7px}:host .period+button{padding:9px 15px}:host .period-content{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:flex-end;margin:0 auto 1.6rem}@media (max-width: 801px){:host .period-content{flex-direction:column;align-items:stretch}}:host .period-content span{height:40px;display:flex;align-items:center;justify-content:center}@media (max-width: 801px){:host .period-content span{display:none}}:host .period-content .filter-btn{margin-left:60px}@media (max-width: 801px){:host .period-content .filter-btn{margin-left:0}}:host .period-content .date-input{padding:0 4px}@media (max-width: 801px){:host .period-content .date-input{width:auto}:host .period-content .date-input:first-child{margin-bottom:0.5rem}}:host .period-content .date-input label{display:inline-block;margin-bottom:0.9rem}:host .period-content .date-input input{border:0.1rem solid var(--borderColor);box-sizing:border-box;border-radius:0.2rem}:host .pagination{display:flex;width:100%;justify-content:center;margin-top:1.5rem}:host .pagination button{cursor:pointer;border:none;background-color:var(--activeButtonBackground);color:#fff;opacity:0.5;padding:7px 12px}:host .pagination button:hover{opacity:1}:host .pagination button:focus{opacity:1}:host button.active{color:var(--activeButtonFont);background-color:var(--activeButtonBackground)}.mobile-filter-button{display:flex;justify-content:center;align-items:center;width:100%;height:2.8rem;background:inherit;border:1px solid var(--borderColorButton)}.mobile-filter-button img{height:50%;margin-right:0.5rem}.noData{display:flex;align-items:center;box-shadow:0 0.4rem 0.4rem rgba(0, 0, 0, 0.25);padding:1.1rem;border-radius:0.6rem}.noData span{margin-left:0.5rem}.table{height:var(--heightScrollableContainer);overflow-y:auto}.table .mobile-table{height:100%}.data-transaction{border-bottom:1px solid var(--borderColor);background-color:var(--hoverBackground);padding:0 20px;display:grid;grid-template-columns:repeat(2, 1fr)}.data-transaction .text-style-status{font-weight:600}.data-transaction .text-style-status .success{color:var(--success)}.data-transaction .text-style-status .error{color:var(--errorColor)}.data-transaction .text-style{text-align:end}.data-transaction .date{font-size:12px;display:flex;align-items:center}.loader{display:inline-block;position:absolute;width:80px;height:80px;top:calc(50% - 40px);left:calc(50% - 40px);z-index:100}.loader::before{content:"";position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(255, 255, 255, 0.6)}.loader div{position:absolute;width:6px;height:6px;background:var(--loaderColor);border-radius:50%;animation:loader 1.2s linear infinite}.loader div:nth-child(1){animation-delay:0s;top:37px;left:66px}.loader div:nth-child(2){animation-delay:-0.1s;top:22px;left:62px}.loader div:nth-child(3){animation-delay:-0.2s;top:11px;left:52px}.loader div:nth-child(4){animation-delay:-0.3s;top:7px;left:37px}.loader div:nth-child(5){animation-delay:-0.4s;top:11px;left:22px}.loader div:nth-child(6){animation-delay:-0.5s;top:22px;left:11px}.loader div:nth-child(7){animation-delay:-0.6s;top:37px;left:7px}.loader div:nth-child(8){animation-delay:-0.7s;top:52px;left:11px}.loader div:nth-child(9){animation-delay:-0.8s;top:62px;left:22px}.loader div:nth-child(10){animation-delay:-0.9s;top:66px;left:37px}.loader div:nth-child(11){animation-delay:-1s;top:62px;left:52px}.loader div:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes loader{0%,20%,80%,100%{transform:scale(1)}50%{transform:scale(1.5)}}.table thead th{position:sticky;top:0}table{border-collapse:collapse;width:100%}table th{padding:14px 24px;text-align:left;font-weight:600;color:var(--textColor);background:var(--headerTableBackground)}table td{padding:1rem 1.7rem;box-shadow:0 -1px 0 0 var(--shadowBorderTable) inset;border-bottom:0.1rem solid var(--borderTable);text-align:left;color:var(--textColor)}table tbody{background:var(--backgroundTable)}table .success{color:var(--success)}table .error{color:var(--errorColor)}vaadin-date-picker{min-width:320px}@media (max-width: 1261px){vaadin-date-picker{width:auto;min-width:auto}}@media (max-width: 801px){vaadin-date-picker{width:100%}}', U = M, z = class {
   constructor(t) {
-    x(this, t), this.pageSizes = [10, 25, 50], this.pagination = null, this.endpoint = void 0, this.session = void 0, this.language = o.defaultLanguage, this.userId = void 0, this.translationUrl = void 0, this.mobile = !1, this.clientStyling = null, this.clientStylingUrl = null, this.mbSource = void 0, this.page = 0, this.pageSize = this.pageSizes[0], this.showMobileFilter = !1, this.to = void 0, this.from = void 0, this.type = "0", this.transactions = void 0, this.showLoader = !0;
+    f(this, t), this.pageSizes = [10, 25, 50], this.pagination = null, this.endpoint = void 0, this.session = void 0, this.language = o.defaultLanguage, this.userId = void 0, this.translationUrl = void 0, this.mobile = !1, this.clientStyling = null, this.clientStylingUrl = null, this.mbSource = void 0, this.page = 0, this.pageSize = this.pageSizes[0], this.showMobileFilter = !1, this.to = void 0, this.from = void 0, this.type = "0", this.transactions = void 0, this.showLoader = !0;
   }
   watchMultiple() {
     this.loadTransactions();
@@ -277,7 +304,7 @@ const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
     });
   }
   componentDidLoad() {
-    this.stylingContainer && (window.emMessageBus != null ? U(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && g(this.stylingContainer, this.clientStyling), this.clientStylingUrl && m(this.stylingContainer, this.clientStylingUrl)));
+    this.stylingContainer && (window.emMessageBus != null ? I(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && g(this.stylingContainer, this.clientStyling), this.clientStylingUrl && m(this.stylingContainer, this.clientStylingUrl)));
   }
   componentDidRender() {
     this.getComponentHeight();
@@ -318,8 +345,8 @@ const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
   }
   render() {
     var t;
-    const a = u("../assets/filter.svg"), i = u("../assets/warning.svg");
-    return e(w, { key: "8d6470d73afff5dbc8a8c3a1a47426223971ad47" }, this.showLoader ? e(B, null) : "", e("div", { key: "8c32d9425b701747559ea1e63a3b2c4bb31780ab", class: "wrapper", ref: (n) => this.stylingContainer = n }, e("div", { key: "b2a9216bfcfa5950c174f6e06a179e2ae3790f6b", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, e("button", { key: "e2ce33fe2ab27abab68bd721b8b945bde5d672ac", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, o.translate("deposit", this.language)), e("button", { key: "6d80bef56bf4ec590cc2e4aa704f930a47b29f3c", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, o.translate("withdrawals", this.language))), this.mobile ? "" : e(D, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (n) => this.changePageSize(n) }), this.mobile ? e("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, e("img", { src: a, alt: "Filter" }), o.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? e(F, { language: this.language, applyFilters: (n, r) => this.applyFilters(n, r) }) : "", ((t = this.transactions) === null || t === void 0 ? void 0 : t.length) > 0 ? e("div", { class: "table" }, this.mobile ? e("div", { class: "mobile-table" }, this.transactions.map((n) => e(L, Object.assign({}, n)))) : e(M, { source: this.transactions, language: this.language })) : e("div", { class: "noData" }, e("img", { src: i, alt: "Warning" }), e("span", null, o.translate("noData", this.language))), e("div", { key: "9b7950ed91c4795f4355ce406d7cba40c46c0184", class: "pagination" }, e("button", { key: "bc7b2bce0a21763fc5a10d2249b74c2d9805d3b5", onClick: () => this.prev() }, "<"), e("button", { key: "69210c5b101a24563babdbe6b3361d091afc2cc0", onClick: () => this.next() }, ">"))));
+    const a = p("../assets/filter.svg"), n = p("../assets/warning.svg");
+    return e(x, { key: "d467e9c565084cc1cdd633e00448b3f96389ce34" }, this.showLoader ? e(T, null) : "", e("div", { key: "e1286eeb391fa540ffa413a2ad55f8b9161c1a2d", class: "wrapper", ref: (i) => this.stylingContainer = i }, e("div", { key: "3482b2f6417b78c402b6499c1e80e79772e066ae", class: { "types types-mobile": this.mobile, "types types-desktop": !this.mobile } }, e("button", { key: "37c9da8cd84ac3b01e0d28088999604005b22740", class: "transaction-type " + (this.type === "0" ? "clicked" : ""), onClick: () => this.changeTransactionsType("0") }, o.translate("deposit", this.language)), e("button", { key: "e6fd6057fc0adaf6741023997c870004baf8eb5d", class: "transaction-type " + (this.type === "1" ? "clicked" : ""), onClick: () => this.changeTransactionsType("1") }, o.translate("withdrawals", this.language))), this.mobile ? "" : e(L, { language: this.language, pageSizes: this.pageSizes, currentPageSize: this.pageSize, changePageSize: (i) => this.changePageSize(i) }), this.mobile ? e("button", { class: "mobile-filter-button", onClick: () => this.showFilter() }, e("ui-image", { src: a, alt: "Filter" }), o.translate("filter", this.language)) : "", !this.mobile || this.showMobileFilter && this.mobile ? e(D, { language: this.language, applyFilters: (i, s) => this.applyFilters(i, s) }) : "", ((t = this.transactions) === null || t === void 0 ? void 0 : t.length) > 0 ? e("div", { class: "table" }, this.mobile ? e("div", { class: "mobile-table" }, this.transactions.map((i) => e(B, Object.assign({}, i)))) : e(F, { source: this.transactions, language: this.language })) : e("div", { class: "noData" }, e("ui-image", { src: n, alt: "Warning" }), e("span", null, o.translate("noData", this.language))), e("div", { key: "f1e16d2395614016c31dd35f422ca9146c7dfdfa", class: "pagination" }, e("button", { key: "be18928021e45ed4e4c3dc5fe6e3d41a51c2c95e", onClick: () => this.prev() }, "<"), e("button", { key: "3e871ad1f4aff6c8f43c93ba2f95d122c6bc8af8", onClick: () => this.next() }, ">"))));
   }
   loadTransactions() {
     return c(this, null, function* () {
@@ -332,11 +359,11 @@ const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
           }
         });
         if (!a.ok) {
-          const n = yield a.text();
-          throw new Error(n);
+          const i = yield a.text();
+          throw new Error(i);
         }
-        const i = yield a.json();
-        this.pagination = i.pagination, this.transactions = i.transactions;
+        const n = yield a.json();
+        this.pagination = n.pagination, this.transactions = n.transactions;
       } catch (t) {
         console.error(t);
       } finally {
@@ -346,14 +373,14 @@ const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
   }
   getParams() {
     var t, a;
-    const i = /* @__PURE__ */ new Date(), n = (this.page * this.pageSize).toString(), r = (t = this.from) !== null && t !== void 0 ? t : new Date(i.getFullYear(), i.getMonth(), 1).toISOString(), l = (a = this.to) !== null && a !== void 0 ? a : new Date(i.getFullYear(), i.getMonth() + 1, 0).toISOString();
-    return `offset=${n}&endDate=${l}&startDate=${r}&type=${this.type}&limit=${this.pageSize}`;
+    const n = /* @__PURE__ */ new Date(), i = (this.page * this.pageSize).toString(), s = (t = this.from) !== null && t !== void 0 ? t : new Date(n.getFullYear(), n.getMonth(), 1).toISOString(), l = (a = this.to) !== null && a !== void 0 ? a : new Date(n.getFullYear(), n.getMonth() + 1, 0).toISOString();
+    return `offset=${i}&endDate=${l}&startDate=${s}&type=${this.type}&limit=${this.pageSize}`;
   }
   static get assetsDirs() {
     return ["../assets"];
   }
   get el() {
-    return S(this);
+    return b(this);
   }
   static get watchers() {
     return {
@@ -368,7 +395,8 @@ const z = ':host{--activeButtonBackground:#7ec51e;--activeButtonFont:#002149;--h
     };
   }
 };
-H.style = I;
+z.style = U;
 export {
-  H as user_transaction_history
+  k as ui_image,
+  z as user_transaction_history
 };

package/stencil/{ui-skeleton-ea659b95-DEnEjYcS.js → ui-skeleton-6d1c12ae-BteqiJ3N.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as i } from "./index-b2193545-q1mvaES7.js";
+import { r as o, h as t, H as i } from "./index-b2193545-nCQBn10B.js";
 const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.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, a = class {
   constructor(e) {
     o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
@@ -138,7 +138,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       default:
         e = "";
     }
-    return t(i, { key: "58f7f9acd15f0f96b8b6f47f6bea81d49a3857c5" }, t("style", { key: "c72ac31d1c55fd5d18ec334629db45977a0f6124" }, e), this.handleStructure(this.structure));
+    return t(i, { key: "0641e666452d2172c26ed238d236c2ca3db9f8ed" }, t("style", { key: "285fb8210d32aff7f99005627fdecf36f66e82a4" }, e), this.handleStructure(this.structure));
   }
   static get watchers() {
     return {

package/stencil/{ui-skeleton-ea659b95-B0Wm9BdQ.js → ui-skeleton-6d1c12ae-CpRMWvUl.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as i } from "./index-b2193545-B240yE4M.js";
+import { r as o, h as t, H as i } from "./index-b2193545-Ba3S1_hg.js";
 const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.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, a = class {
   constructor(e) {
     o(this, e), this.structure = void 0, this.width = void 0, this.height = void 0, this.borderRadius = void 0, this.marginBottom = void 0, this.marginTop = void 0, this.marginLeft = void 0, this.marginRight = void 0, this.animation = !0, this.rows = void 0, this.size = void 0, this.color = void 0, this.primaryColor = void 0, this.secondaryColor = void 0;
@@ -138,7 +138,7 @@ const n = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw
       default:
         e = "";
     }
-    return t(i, { key: "58f7f9acd15f0f96b8b6f47f6bea81d49a3857c5" }, t("style", { key: "c72ac31d1c55fd5d18ec334629db45977a0f6124" }, e), this.handleStructure(this.structure));
+    return t(i, { key: "0641e666452d2172c26ed238d236c2ca3db9f8ed" }, t("style", { key: "285fb8210d32aff7f99005627fdecf36f66e82a4" }, e), this.handleStructure(this.structure));
   }
   static get watchers() {
     return {

package/stencil/{ui-skeleton-ea659b95-BBQBvLes.cjs → ui-skeleton-6d1c12ae-DIXcfDMF.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./index-b2193545-CJQ4H9NG.cjs"),i=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.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=i,o=class{constructor(e){t.registerInstance(this,e),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,r){r!==e&&this.handleStructure(e)}handleStructure(e){switch(e){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();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,r)=>t.h("div",{key:r,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
+"use strict";const t=require("./index-b2193545-CjNH95c8.cjs"),i=":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.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=i,o=class{constructor(e){t.registerInstance(this,e),this.structure=void 0,this.width=void 0,this.height=void 0,this.borderRadius=void 0,this.marginBottom=void 0,this.marginTop=void 0,this.marginLeft=void 0,this.marginRight=void 0,this.animation=!0,this.rows=void 0,this.size=void 0,this.color=void 0,this.primaryColor=void 0,this.secondaryColor=void 0}handleStructureChange(e,r){r!==e&&this.handleStructure(e)}handleStructure(e){switch(e){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();default:return null}}renderLogo(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Image "+(this.animation?"Skeleton":"")}))}renderTitle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return t.h("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map((e,r)=>t.h("div",{key:r,class:"Text "+(this.animation?"Skeleton":"")})))}renderRectangle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return t.h("div",{class:"SkeletonContainer"},t.h("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`
           :host {
             --emw-skeleton-logo-width: ${this.width};
             --emw-skeleton-logo-height: ${this.height};
@@ -70,4 +70,4 @@
             --emw-skeleton-primary-color: ${this.primaryColor};
             --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
-        `;break;default:e=""}return t.h(t.Host,{key:"58f7f9acd15f0f96b8b6f47f6bea81d49a3857c5"},t.h("style",{key:"c72ac31d1c55fd5d18ec334629db45977a0f6124"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};o.style=n;exports.UiSkeleton=o;
+        `;break;default:e=""}return t.h(t.Host,{key:"0641e666452d2172c26ed238d236c2ca3db9f8ed"},t.h("style",{key:"285fb8210d32aff7f99005627fdecf36f66e82a4"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};o.style=n;exports.UiSkeleton=o;

package/stencil/{ui-skeleton-BacC4KYY.js → ui-skeleton-B5HKWUZZ.js}

@@ -14,15 +14,15 @@ var n = (o, t, e) => new Promise((m, s) => {
   }, a = (r) => r.done ? m(r.value) : Promise.resolve(r.value).then(l, u);
   a((e = e.apply(o, t)).next());
 });
-import { b as p, p as c } from "./index-b2193545-q1mvaES7.js";
-import { b as g } from "./app-globals-0f993ce5-DzSE6TtH.js";
-import { U as R } from "./ui-skeleton-ea659b95-DEnEjYcS.js";
+import { b as c, p } from "./index-b2193545-Ba3S1_hg.js";
+import { c as g } from "./app-globals-0f993ce5-Dab_DTBV.js";
+import { U as R } from "./ui-skeleton-6d1c12ae-CpRMWvUl.js";
 var h = () => {
   const o = import.meta.url, t = {};
-  return o !== "" && (t.resourcesUrl = new URL(".", o).href), c(t);
+  return o !== "" && (t.resourcesUrl = new URL(".", o).href), p(t);
 };
 h().then((o) => n(void 0, null, function* () {
-  return yield g(), p([["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"] }]]]], o);
+  return yield g(), c([["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"] }]]]], o);
 }));
 export {
   R as ui_skeleton

package/stencil/{ui-skeleton-C_u2sCMV.cjs → ui-skeleton-BmY9tNCz.cjs}

@@ -1 +1 @@
-"use strict";var c=(r,t,o)=>new Promise((l,s)=>{var m=e=>{try{n(o.next(e))}catch(i){s(i)}},d=e=>{try{n(o.throw(e))}catch(i){s(i)}},n=e=>e.done?l(e.value):Promise.resolve(e.value).then(m,d);n((o=o.apply(r,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-b2193545-CJQ4H9NG.cjs"),p=require("./app-globals-0f993ce5-DgYhdguE.cjs"),g=require("./ui-skeleton-ea659b95-BBQBvLes.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-C_u2sCMV.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),u.promiseResolve(t)};f().then(r=>c(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"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;
+"use strict";var c=(r,t,o)=>new Promise((l,s)=>{var m=e=>{try{n(o.next(e))}catch(i){s(i)}},d=e=>{try{n(o.throw(e))}catch(i){s(i)}},n=e=>e.done?l(e.value):Promise.resolve(e.value).then(m,d);n((o=o.apply(r,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-b2193545-CjNH95c8.cjs"),p=require("./app-globals-0f993ce5-BE38v2MW.cjs"),g=require("./ui-skeleton-6d1c12ae-DIXcfDMF.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-BmY9tNCz.cjs",document.baseURI).href,t={};return r!==""&&(t.resourcesUrl=new URL(".",r).href),u.promiseResolve(t)};f().then(r=>c(exports,null,function*(){return yield p.globalScripts$3(),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"]}]]]],r)}));exports.ui_skeleton=g.UiSkeleton;

package/stencil/{ui-skeleton-DuRhzyE8.js → ui-skeleton-cMJY5_hV.js}

@@ -1,6 +1,6 @@
-import { b as t, p as e } from "./index-b2193545-B240yE4M.js";
-import { b as a } from "./app-globals-0f993ce5-DzSE6TtH.js";
-import { U as u } from "./ui-skeleton-ea659b95-B0Wm9BdQ.js";
+import { b as t, p as e } from "./index-b2193545-nCQBn10B.js";
+import { c as a } from "./app-globals-0f993ce5-Dab_DTBV.js";
+import { U as u } from "./ui-skeleton-6d1c12ae-BteqiJ3N.js";
 var i = () => {
   const r = import.meta.url, o = {};
   return r !== "" && (o.resourcesUrl = new URL(".", r).href), e(o);