@everymatrix/player-account-controller-nd 1.70.0 → 1.71.0

package/components/{PlayerAccountNotifications-DlfjoTaZ.js → PlayerAccountNotifications-DouFF_cH.js}

@@ -1,36 +1,36 @@
-import { S as O, i as Q, s as V, f as y, b as Y, n as C, d as b, g as x, j as g, q as S, u as G, w as J, O as M, P as I, h, o as s, k as A, a1 as B, c as K, Y as H, m as X, e as v, x as Z, y as $, z as ee, A as te } from "./GeneralLogout-PryurO1h.js";
-import "../stencil/ui-skeleton-C_FDz0NJ.js";
-function ie(r) {
-  Y(r, "svelte-1yq4evv", ':host{padding:0;margin:0;font-family:inherit}.PlayerAccountNotificationsContainer{padding:0 5px;display:grid;grid-gap:20px;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.3s}.PlayerAccountNotificationBox{background:var(--emw--color-pale, var(--emw--color-gray-50, #f1f1f1));display:block;padding:20px;border-radius:var(--emw--border-radius-medium, 10px);width:100%;color:var(--emw--color-black, #000);box-sizing:border-box;text-decoration:none;word-break:break-word;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}.PlayerAccountNotificationBoxHeader{display:grid;width:100%;grid-template-areas:"nav  main  aside";grid-template-rows:auto;grid-template-columns:34px calc(100% - 34px);align-items:center}.PlayerAccountNotificationBoxHeader .PlayerAccountNotificationIcon{width:24px;margin-right:10px;flex:1}.PlayerAccountNotificationBoxHeader .PlayerAccountNotificationTitle{font-size:16px;flex:2}.PlayerAccountNotificationText{margin:0;font-size:14px;font-weight:300}.PlayerAccountNotificationText a{text-decoration:none;color:var(--emw--color-white, #FFFFFF)}.PlayerAccountNotificationsMobileContainer{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px;padding:20px}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationBoxHeader{grid-template-columns:40px calc(100% - 40px)}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationTitle{font-size:14px}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationIcon{width:30px;margin-right:10px}.skeletonContainer{container-type:inline-size}.skeletonContainer .skeletonWrapper{animation:fadeIn ease 0.3s}@container (max-width: 768px){.skeletonContainer .skeletonWrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px}.skeletonContainer .skeletonWrapper .skeletonNotification{width:100%}}@container (max-width: 425px){.skeletonContainer .skeletonWrapper{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;padding:0px 10px}.skeletonContainer .skeletonWrapper .skeletonNotification{width:100%}}@keyframes fadeIn{0%{opacity:0.01}1%{opacity:0}50%{opacity:0}100%{opacity:1}}');
+import { S as O, i as Q, f as y, c as V, s as Y, b as G, e as g, k as b, o as C, p as x, u as S, v as J, w as K, x as X, z as Z, A as $, O as M, g as s, P as I, l as h, d as A, t as tt, a1 as B, Y as H, n as et, j as w } from "./GeneralLogout-DfKsCxwv.js";
+import "../stencil/ui-skeleton-CnxOhYAT.js";
+function it(r) {
+  G(r, "svelte-1yq4evv", ':host{padding:0;margin:0;font-family:inherit}.PlayerAccountNotificationsContainer{padding:0 5px;display:grid;grid-gap:20px;animation-name:fadeIn;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:0.3s}.PlayerAccountNotificationBox{background:var(--emw--color-pale, var(--emw--color-gray-50, #f1f1f1));display:block;padding:20px;border-radius:var(--emw--border-radius-medium, 10px);width:100%;color:var(--emw--color-black, #000);box-sizing:border-box;text-decoration:none;word-break:break-word;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal}.PlayerAccountNotificationBoxHeader{display:grid;width:100%;grid-template-areas:"nav  main  aside";grid-template-rows:auto;grid-template-columns:34px calc(100% - 34px);align-items:center}.PlayerAccountNotificationBoxHeader .PlayerAccountNotificationIcon{width:24px;margin-right:10px;flex:1}.PlayerAccountNotificationBoxHeader .PlayerAccountNotificationTitle{font-size:16px;flex:2}.PlayerAccountNotificationText{margin:0;font-size:14px;font-weight:300}.PlayerAccountNotificationText a{text-decoration:none;color:var(--emw--color-white, #FFFFFF)}.PlayerAccountNotificationsMobileContainer{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px;padding:20px}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationBoxHeader{grid-template-columns:40px calc(100% - 40px)}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationTitle{font-size:14px}.PlayerAccountNotificationsMobileContainer .PlayerAccountNotificationIcon{width:30px;margin-right:10px}.skeletonContainer{container-type:inline-size}.skeletonContainer .skeletonWrapper{animation:fadeIn ease 0.3s}@container (max-width: 768px){.skeletonContainer .skeletonWrapper{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:20px}.skeletonContainer .skeletonWrapper .skeletonNotification{width:100%}}@container (max-width: 425px){.skeletonContainer .skeletonWrapper{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));grid-gap:20px;padding:0px 10px}.skeletonContainer .skeletonWrapper .skeletonNotification{width:100%}}@keyframes fadeIn{0%{opacity:0.01}1%{opacity:0}50%{opacity:0}100%{opacity:1}}');
 }
-function W(r, e, n) {
-  const t = r.slice();
-  return t[24] = e[n], t;
+function W(r, t, n) {
+  const e = r.slice();
+  return e[24] = t[n], e;
 }
-function L(r, e, n) {
-  const t = r.slice();
-  return t[21] = e[n], t;
+function L(r, t, n) {
+  const e = r.slice();
+  return e[21] = t[n], e;
 }
-function ne(r) {
-  let e, n = M(
+function nt(r) {
+  let t, n = M(
     /*notificationsData*/
     r[1]
-  ), t = [];
+  ), e = [];
   for (let i = 0; i < n.length; i += 1)
-    t[i] = z(W(r, n, i));
+    e[i] = z(W(r, n, i));
   return {
     c() {
-      e = g("div");
-      for (let i = 0; i < t.length; i += 1)
-        t[i].c();
-      s(e, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
-      (r[3] ? "PlayerAccountNotificationsMobileContainer" : "")), s(e, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      t = g("div");
+      for (let i = 0; i < e.length; i += 1)
+        e[i].c();
+      s(t, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (r[3] ? "PlayerAccountNotificationsMobileContainer" : "")), s(t, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
       (r[3] ? "PlayerAccountNotificationsMobileContainer" : ""));
     },
     m(i, o) {
-      x(i, e, o);
-      for (let l = 0; l < t.length; l += 1)
-        t[l] && t[l].m(e, null);
+      b(i, t, o);
+      for (let l = 0; l < e.length; l += 1)
+        e[l] && e[l].m(t, null);
     },
     p(i, o) {
       if (o & /*notificationsData*/
@@ -42,55 +42,55 @@ function ne(r) {
         let l;
         for (l = 0; l < n.length; l += 1) {
           const a = W(i, n, l);
-          t[l] ? t[l].p(a, o) : (t[l] = z(a), t[l].c(), t[l].m(e, null));
+          e[l] ? e[l].p(a, o) : (e[l] = z(a), e[l].c(), e[l].m(t, null));
         }
-        for (; l < t.length; l += 1)
-          t[l].d(1);
-        t.length = n.length;
+        for (; l < e.length; l += 1)
+          e[l].d(1);
+        e.length = n.length;
       }
     },
     d(i) {
-      i && b(e), I(t, i);
+      i && x(t), I(e, i);
     }
   };
 }
-function oe(r) {
-  let e, n, t = M({ length: 3 }), i = [];
-  for (let o = 0; o < t.length; o += 1)
-    i[o] = F(L(r, t, o));
+function ot(r) {
+  let t, n, e = M({ length: 3 }), i = [];
+  for (let o = 0; o < e.length; o += 1)
+    i[o] = F(L(r, e, o));
   return {
     c() {
-      e = g("div"), n = g("div");
+      t = g("div"), n = g("div");
       for (let o = 0; o < i.length; o += 1)
         i[o].c();
-      s(n, "class", "skeletonWrapper"), s(e, "class", "skeletonContainer");
+      s(n, "class", "skeletonWrapper"), s(t, "class", "skeletonContainer");
     },
     m(o, l) {
-      x(o, e, l), h(e, n);
+      b(o, t, l), h(t, n);
       for (let a = 0; a < i.length; a += 1)
         i[a] && i[a].m(n, null);
     },
     p(o, l) {
       if (l & /*isMobile, mediaQuery*/
       24) {
-        t = M({ length: 3 });
+        e = M({ length: 3 });
         let a;
-        for (a = 0; a < t.length; a += 1) {
-          const d = L(o, t, a);
+        for (a = 0; a < e.length; a += 1) {
+          const d = L(o, e, a);
           i[a] ? i[a].p(d, l) : (i[a] = F(d), i[a].c(), i[a].m(n, null));
         }
         for (; a < i.length; a += 1)
           i[a].d(1);
-        i.length = t.length;
+        i.length = e.length;
       }
     },
     d(o) {
-      o && b(e), I(i, o);
+      o && x(t), I(i, o);
     }
   };
 }
 function z(r) {
-  let e, n, t, i, o, l, a, d = (
+  let t, n, e, i, o, l, a, d = (
     /*notification*/
     r[24].title + ""
   ), p, _, u, k = (
@@ -99,135 +99,135 @@ function z(r) {
   ), P;
   return {
     c() {
-      e = g("div"), n = g("div"), t = g("img"), l = A(), a = g("p"), p = X(d), _ = A(), u = g("p"), P = A(), s(t, "class", "PlayerAccountNotificationIcon"), s(t, "width", "24px"), s(t, "height", "24px"), B(t.src, i = /*notification*/
-      r[24].icon) || s(t, "src", i), s(t, "alt", o = /*notification*/
-      r[24].title), s(a, "class", "PlayerAccountNotificationTitle"), s(n, "class", "PlayerAccountNotificationBoxHeader"), s(u, "class", "PlayerAccountNotificationText"), s(e, "class", "PlayerAccountNotificationBox"), H(
-        e,
+      t = g("div"), n = g("div"), e = g("img"), l = A(), a = g("p"), p = tt(d), _ = A(), u = g("p"), P = A(), s(e, "class", "PlayerAccountNotificationIcon"), s(e, "width", "24px"), s(e, "height", "24px"), B(e.src, i = /*notification*/
+      r[24].icon) || s(e, "src", i), s(e, "alt", o = /*notification*/
+      r[24].title), s(a, "class", "PlayerAccountNotificationTitle"), s(n, "class", "PlayerAccountNotificationBoxHeader"), s(u, "class", "PlayerAccountNotificationText"), s(t, "class", "PlayerAccountNotificationBox"), H(
+        t,
         "background",
         /*notification*/
         r[24].backgroundColor
       );
     },
     m(m, f) {
-      x(m, e, f), h(e, n), h(n, t), h(n, l), h(n, a), h(a, p), h(e, _), h(e, u), u.innerHTML = k, h(e, P);
+      b(m, t, f), h(t, n), h(n, e), h(n, l), h(n, a), h(a, p), h(t, _), h(t, u), u.innerHTML = k, h(t, P);
     },
     p(m, f) {
       f & /*notificationsData*/
-      2 && !B(t.src, i = /*notification*/
-      m[24].icon) && s(t, "src", i), f & /*notificationsData*/
+      2 && !B(e.src, i = /*notification*/
+      m[24].icon) && s(e, "src", i), f & /*notificationsData*/
       2 && o !== (o = /*notification*/
-      m[24].title) && s(t, "alt", o), f & /*notificationsData*/
+      m[24].title) && s(e, "alt", o), f & /*notificationsData*/
       2 && d !== (d = /*notification*/
-      m[24].title + "") && K(p, d), f & /*notificationsData*/
+      m[24].title + "") && et(p, d), f & /*notificationsData*/
       2 && k !== (k = /*notification*/
       m[24].description + "") && (u.innerHTML = k), f & /*notificationsData*/
       2 && H(
-        e,
+        t,
         "background",
         /*notification*/
         m[24].backgroundColor
       );
     },
     d(m) {
-      m && b(e);
+      m && x(t);
     }
   };
 }
-function le(r) {
-  let e;
+function lt(r) {
+  let t;
   return {
     c() {
-      e = g("ui-skeleton"), v(e, "structure", "rectangle"), v(e, "width", "auto"), v(
-        e,
+      t = g("ui-skeleton"), w(t, "structure", "rectangle"), w(t, "width", "auto"), w(
+        t,
         "height",
         /*isMobile*/
         r[3] && /*mediaQuery*/
         r[4].matches ? "250px" : "400px"
       );
     },
-    m(n, t) {
-      x(n, e, t);
+    m(n, e) {
+      b(n, t, e);
     },
     p: C,
     d(n) {
-      n && b(e);
+      n && x(t);
     }
   };
 }
-function re(r) {
-  let e;
+function rt(r) {
+  let t;
   return {
     c() {
-      e = g("ui-skeleton"), e.innerHTML = "", v(e, "structure", "rectangle"), v(e, "width", "auto"), v(e, "height", "130px");
+      t = g("ui-skeleton"), t.innerHTML = "", w(t, "structure", "rectangle"), w(t, "width", "auto"), w(t, "height", "130px");
     },
-    m(n, t) {
-      x(n, e, t);
+    m(n, e) {
+      b(n, t, e);
     },
     p: C,
     d(n) {
-      n && b(e);
+      n && x(t);
     }
   };
 }
 function F(r) {
-  let e, n;
-  function t(l, a) {
+  let t, n;
+  function e(l, a) {
     return (
       /*isMobile*/
-      l[3] ? le : re
+      l[3] ? lt : rt
     );
   }
-  let o = t(r)(r);
+  let o = e(r)(r);
   return {
     c() {
-      e = g("div"), o.c(), n = A(), s(e, "class", "skeletonNotification");
+      t = g("div"), o.c(), n = A(), s(t, "class", "skeletonNotification");
     },
     m(l, a) {
-      x(l, e, a), o.m(e, null), h(e, n);
+      b(l, t, a), o.m(t, null), h(t, n);
     },
     p(l, a) {
       o.p(l, a);
     },
     d(l) {
-      l && b(e), o.d();
+      l && x(t), o.d();
     }
   };
 }
-function ae(r) {
-  let e;
+function at(r) {
+  let t;
   function n(o, l) {
     var a;
     if (
       /*skeletonLoading*/
       o[2]
     )
-      return oe;
+      return ot;
     if (
       /*notificationsData*/
       (a = o[1]) != null && a.length
     )
-      return ne;
+      return nt;
   }
-  let t = n(r), i = t && t(r);
+  let e = n(r), i = e && e(r);
   return {
     c() {
-      e = g("div"), i && i.c();
+      t = g("div"), i && i.c();
     },
     m(o, l) {
-      x(o, e, l), i && i.m(e, null), r[13](e);
+      b(o, t, l), i && i.m(t, null), r[13](t);
     },
     p(o, [l]) {
-      t === (t = n(o)) && i ? i.p(o, l) : (i && i.d(1), i = t && t(o), i && (i.c(), i.m(e, null)));
+      e === (e = n(o)) && i ? i.p(o, l) : (i && i.d(1), i = e && e(o), i && (i.c(), i.m(t, null)));
     },
     i: C,
     o: C,
     d(o) {
-      o && b(e), i && i.d(), r[13](null);
+      o && x(t), i && i.d(), r[13](null);
     }
   };
 }
-function ce(r, e, n) {
-  let { lang: t = "" } = e, { cmsendpoint: i = "" } = e, { env: o = "" } = e, { userroles: l = "" } = e, { customnotif: a = "" } = e, { clientstyling: d = "" } = e, { clientstylingurl: p = "" } = e, { mbsource: _ } = e, u, k = !0, P = window.navigator.userAgent, m = S(P) !== "PC", f = [], N = [], q = j();
+function ct(r, t, n) {
+  let { lang: e = "" } = t, { cmsendpoint: i = "" } = t, { env: o = "" } = t, { userroles: l = "" } = t, { customnotif: a = "" } = t, { clientstyling: d = "" } = t, { clientstylingurl: p = "" } = t, { mbsource: _ } = t, u, k = !0, P = window.navigator.userAgent, m = S(P) !== "PC", f = [], N = [], q = j();
   const R = window.matchMedia("(min-width: 768px)");
   function j() {
     const c = S(P);
@@ -235,13 +235,13 @@ function ce(r, e, n) {
       return c === "PC" ? "dk" : "mtWeb";
   }
   const D = () => {
-    const c = new URL(`${i}/${t}/support-information`);
-    c.searchParams.append("env", o), c.searchParams.append("userRoles", l), c.searchParams.append("device", q), fetch(c.href).then((w) => w.json()).then((w) => {
-      w.length && (n(1, f = w[0].children), f == null || f.forEach((E) => {
+    const c = new URL(`${i}/${e}/support-information`);
+    c.searchParams.append("env", o), c.searchParams.append("userRoles", l), c.searchParams.append("device", q), fetch(c.href).then((v) => v.json()).then((v) => {
+      v.length && (n(1, f = v[0].children), f == null || f.forEach((E) => {
         N.length && (E.backgroundColor = N[0], N.shift());
       }));
-    }).catch((w) => {
-      console.error(w);
+    }).catch((v) => {
+      console.error(v);
     }).finally(() => {
       setTimeout(
         () => {
@@ -253,30 +253,30 @@ function ce(r, e, n) {
   }, T = () => {
     a.replace(" ", ""), N = a.split(",");
   };
-  G(() => () => {
+  J(() => () => {
   });
   function U(c) {
-    J[c ? "unshift" : "push"](() => {
+    Z[c ? "unshift" : "push"](() => {
       u = c, n(0, u);
     });
   }
   return r.$$set = (c) => {
-    "lang" in c && n(5, t = c.lang), "cmsendpoint" in c && n(6, i = c.cmsendpoint), "env" in c && n(7, o = c.env), "userroles" in c && n(8, l = c.userroles), "customnotif" in c && n(9, a = c.customnotif), "clientstyling" in c && n(10, d = c.clientstyling), "clientstylingurl" in c && n(11, p = c.clientstylingurl), "mbsource" in c && n(12, _ = c.mbsource);
+    "lang" in c && n(5, e = c.lang), "cmsendpoint" in c && n(6, i = c.cmsendpoint), "env" in c && n(7, o = c.env), "userroles" in c && n(8, l = c.userroles), "customnotif" in c && n(9, a = c.customnotif), "clientstyling" in c && n(10, d = c.clientstyling), "clientstylingurl" in c && n(11, p = c.clientstylingurl), "mbsource" in c && n(12, _ = c.mbsource);
   }, r.$$.update = () => {
     r.$$.dirty & /*customnotif*/
     512 && a && T(), r.$$.dirty & /*notificationsData*/
     2 && f && T(), r.$$.dirty & /*userroles, cmsendpoint, env, lang*/
-    480 && l && i && o && t && D(), r.$$.dirty & /*clientstyling, customStylingContainer*/
-    1025 && d && u && Z(u, d), r.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    2049 && p && u && $(u, p), r.$$.dirty & /*mbsource, customStylingContainer*/
-    4097 && _ && u && ee(u, `${_}.Style`);
+    480 && l && i && o && e && D(), r.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && d && u && $(u, d), r.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && p && u && K(u, p), r.$$.dirty & /*mbsource, customStylingContainer*/
+    4097 && _ && u && X(u, `${_}.Style`);
   }, [
     u,
     f,
     k,
     m,
     R,
-    t,
+    e,
     i,
     o,
     l,
@@ -287,14 +287,14 @@ function ce(r, e, n) {
     U
   ];
 }
-class se extends O {
-  constructor(e) {
+class st extends O {
+  constructor(t) {
     super(), Q(
       this,
-      e,
-      ce,
-      ae,
-      V,
+      t,
+      ct,
+      at,
+      Y,
       {
         lang: 5,
         cmsendpoint: 6,
@@ -305,59 +305,59 @@ class se extends O {
         clientstylingurl: 11,
         mbsource: 12
       },
-      ie
+      it
     );
   }
   get lang() {
     return this.$$.ctx[5];
   }
-  set lang(e) {
-    this.$$set({ lang: e }), y();
+  set lang(t) {
+    this.$$set({ lang: t }), y();
   }
   get cmsendpoint() {
     return this.$$.ctx[6];
   }
-  set cmsendpoint(e) {
-    this.$$set({ cmsendpoint: e }), y();
+  set cmsendpoint(t) {
+    this.$$set({ cmsendpoint: t }), y();
   }
   get env() {
     return this.$$.ctx[7];
   }
-  set env(e) {
-    this.$$set({ env: e }), y();
+  set env(t) {
+    this.$$set({ env: t }), y();
   }
   get userroles() {
     return this.$$.ctx[8];
   }
-  set userroles(e) {
-    this.$$set({ userroles: e }), y();
+  set userroles(t) {
+    this.$$set({ userroles: t }), y();
   }
   get customnotif() {
     return this.$$.ctx[9];
   }
-  set customnotif(e) {
-    this.$$set({ customnotif: e }), y();
+  set customnotif(t) {
+    this.$$set({ customnotif: t }), y();
   }
   get clientstyling() {
     return this.$$.ctx[10];
   }
-  set clientstyling(e) {
-    this.$$set({ clientstyling: e }), y();
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), y();
   }
   get clientstylingurl() {
     return this.$$.ctx[11];
   }
-  set clientstylingurl(e) {
-    this.$$set({ clientstylingurl: e }), y();
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), y();
   }
   get mbsource() {
     return this.$$.ctx[12];
   }
-  set mbsource(e) {
-    this.$$set({ mbsource: e }), y();
+  set mbsource(t) {
+    this.$$set({ mbsource: t }), y();
   }
 }
-te(se, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+V(st, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
 export {
-  se as default
+  st as default
 };