@everymatrix/player-account-controller 1.87.26 → 1.87.28

package/components/{PlayerAccountNotifications-XjCLekPR.js → PlayerAccountNotifications-BmE8XpGH.js}

@@ -1,48 +1,48 @@
-import { S as Q, i as V, s as Z, f as y, b as G, n as C, d as b, h as x, k as g, q as S, u as J, w as K, D as M, E as I, j as h, e as s, m as A, a2 as B, c as O, Z as H, t as X, g as v, x as Y, y as $, z as tt, A as et } from "./GeneralLogout-0J1RtGyR.js";
-import "../stencil/ui-skeleton-CTFP1U_H.js";
-function it(a) {
-  G(a, "svelte-1b8j2p", ':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;container-type:inline-size;container-name:notifications-container}.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 V, i as G, s as J, f as y, b as K, n as M, d as b, c as k, e as g, h as B, o as O, j as X, k as S, l as j, m, r as s, p as C, y as H, t as Y, E as W, u as Z, q as P, z as $, A as tt, B as et, C as it } from "./PlayerAccountController-DuWNHRdy.js";
+import "../stencil/ui-skeleton-BKpwkQ2A.js";
+function nt(r) {
+  K(r, "svelte-1b8j2p", ':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;container-type:inline-size;container-name:notifications-container}.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(a, t, n) {
-  const e = a.slice();
+function z(r, t, n) {
+  const e = r.slice();
   return e[24] = t[n], e;
 }
-function z(a, t, n) {
-  const e = a.slice();
+function L(r, t, n) {
+  const e = r.slice();
   return e[21] = t[n], e;
 }
-function nt(a) {
-  let t, n = M(
+function ot(r) {
+  let t, n = S(
     /*notificationsData*/
-    a[1]
+    r[1]
   ), e = [];
   for (let i = 0; i < n.length; i += 1)
-    e[i] = L(W(a, n, i));
+    e[i] = F(z(r, n, i));
   return {
     c() {
       t = g("div");
       for (let i = 0; i < e.length; i += 1)
         e[i].c();
       s(t, "class", "PlayerAccountNotificationsContainer " + /*isMobile*/
-      (a[3] ? "PlayerAccountNotificationsMobileContainer" : "")), s(t, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
-      (a[3] ? "PlayerAccountNotificationsMobileContainer" : ""));
+      (r[3] ? "PlayerAccountNotificationsMobileContainer" : "")), s(t, "part", "PlayerAccountNotificationsContainer " + /*isMobile*/
+      (r[3] ? "PlayerAccountNotificationsMobileContainer" : ""));
     },
     m(i, o) {
-      x(i, t, o);
+      k(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*/
       2) {
-        n = M(
+        n = S(
           /*notificationsData*/
           i[1]
         );
         let l;
         for (l = 0; l < n.length; l += 1) {
-          const r = W(i, n, l);
-          e[l] ? e[l].p(r, o) : (e[l] = L(r), e[l].c(), e[l].m(t, null));
+          const a = z(i, n, l);
+          e[l] ? e[l].p(a, o) : (e[l] = F(a), e[l].c(), e[l].m(t, null));
         }
         for (; l < e.length; l += 1)
           e[l].d(1);
@@ -50,14 +50,14 @@ function nt(a) {
       }
     },
     d(i) {
-      i && b(t), I(e, i);
+      i && b(t), j(e, i);
     }
   };
 }
-function ot(a) {
-  let t, n, e = M({ length: 3 }), i = [];
+function lt(r) {
+  let t, n, e = S({ length: 3 }), i = [];
   for (let o = 0; o < e.length; o += 1)
-    i[o] = F(z(a, e, o));
+    i[o] = I(L(r, e, o));
   return {
     c() {
       t = g("div"), n = g("div");
@@ -66,235 +66,235 @@ function ot(a) {
       s(n, "class", "skeletonWrapper"), s(t, "class", "skeletonContainer");
     },
     m(o, l) {
-      x(o, t, l), h(t, n);
-      for (let r = 0; r < i.length; r += 1)
-        i[r] && i[r].m(n, null);
+      k(o, t, l), m(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) {
-        e = M({ length: 3 });
-        let r;
-        for (r = 0; r < e.length; r += 1) {
-          const d = z(o, e, r);
-          i[r] ? i[r].p(d, l) : (i[r] = F(d), i[r].c(), i[r].m(n, null));
+        e = S({ length: 3 });
+        let a;
+        for (a = 0; a < e.length; a += 1) {
+          const f = L(o, e, a);
+          i[a] ? i[a].p(f, l) : (i[a] = I(f), i[a].c(), i[a].m(n, null));
         }
-        for (; r < i.length; r += 1)
-          i[r].d(1);
+        for (; a < i.length; a += 1)
+          i[a].d(1);
         i.length = e.length;
       }
     },
     d(o) {
-      o && b(t), I(i, o);
+      o && b(t), j(i, o);
     }
   };
 }
-function L(a) {
-  let t, n, e, i, o, l, r, d = (
+function F(r) {
+  let t, n, e, i, o, l, a, f = (
     /*notification*/
-    a[24].title + ""
-  ), p, _, u, k = (
+    r[24].title + ""
+  ), p, _, u, x = (
     /*notification*/
-    a[24].description + ""
-  ), P;
+    r[24].description + ""
+  ), N;
   return {
     c() {
-      t = g("div"), n = g("div"), e = g("img"), l = A(), r = g("p"), p = X(d), _ = A(), u = g("p"), P = A(), s(e, "class", "PlayerAccountNotificationIcon"), s(e, "width", "24px"), s(e, "height", "24px"), B(e.src, i = /*notification*/
-      a[24].icon) || s(e, "src", i), s(e, "alt", o = /*notification*/
-      a[24].title), s(r, "class", "PlayerAccountNotificationTitle"), s(n, "class", "PlayerAccountNotificationBoxHeader"), s(u, "class", "PlayerAccountNotificationText"), s(t, "class", "PlayerAccountNotificationBox"), H(
+      t = g("div"), n = g("div"), e = g("img"), l = C(), a = g("p"), p = Z(f), _ = C(), u = g("p"), N = C(), s(e, "class", "PlayerAccountNotificationIcon"), s(e, "width", "24px"), s(e, "height", "24px"), H(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"), W(
         t,
         "background",
         /*notification*/
-        a[24].backgroundColor
+        r[24].backgroundColor
       );
     },
-    m(m, f) {
-      x(m, t, f), h(t, n), h(n, e), h(n, l), h(n, r), h(r, p), h(t, _), h(t, u), u.innerHTML = k, h(t, P);
+    m(d, h) {
+      k(d, t, h), m(t, n), m(n, e), m(n, l), m(n, a), m(a, p), m(t, _), m(t, u), u.innerHTML = x, m(t, N);
     },
-    p(m, f) {
-      f & /*notificationsData*/
-      2 && !B(e.src, i = /*notification*/
-      m[24].icon) && s(e, "src", i), f & /*notificationsData*/
+    p(d, h) {
+      h & /*notificationsData*/
+      2 && !H(e.src, i = /*notification*/
+      d[24].icon) && s(e, "src", i), h & /*notificationsData*/
       2 && o !== (o = /*notification*/
-      m[24].title) && s(e, "alt", o), f & /*notificationsData*/
-      2 && d !== (d = /*notification*/
-      m[24].title + "") && O(p, d), f & /*notificationsData*/
-      2 && k !== (k = /*notification*/
-      m[24].description + "") && (u.innerHTML = k), f & /*notificationsData*/
-      2 && H(
+      d[24].title) && s(e, "alt", o), h & /*notificationsData*/
+      2 && f !== (f = /*notification*/
+      d[24].title + "") && Y(p, f), h & /*notificationsData*/
+      2 && x !== (x = /*notification*/
+      d[24].description + "") && (u.innerHTML = x), h & /*notificationsData*/
+      2 && W(
         t,
         "background",
         /*notification*/
-        m[24].backgroundColor
+        d[24].backgroundColor
       );
     },
-    d(m) {
-      m && b(t);
+    d(d) {
+      d && b(t);
     }
   };
 }
-function lt(a) {
+function rt(r) {
   let t;
   return {
     c() {
-      t = g("ui-skeleton"), v(t, "structure", "rectangle"), v(t, "width", "auto"), v(
+      t = g("ui-skeleton"), P(t, "structure", "rectangle"), P(t, "width", "auto"), P(
         t,
         "height",
         /*isMobile*/
-        a[3] && /*mediaQuery*/
-        a[4].matches ? "250px" : "400px"
+        r[3] && /*mediaQuery*/
+        r[4].matches ? "250px" : "400px"
       );
     },
     m(n, e) {
-      x(n, t, e);
+      k(n, t, e);
     },
-    p: C,
+    p: M,
     d(n) {
       n && b(t);
     }
   };
 }
-function at(a) {
+function at(r) {
   let t;
   return {
     c() {
-      t = g("ui-skeleton"), t.innerHTML = "", v(t, "structure", "rectangle"), v(t, "width", "auto"), v(t, "height", "130px");
+      t = g("ui-skeleton"), t.innerHTML = "", P(t, "structure", "rectangle"), P(t, "width", "auto"), P(t, "height", "130px");
     },
     m(n, e) {
-      x(n, t, e);
+      k(n, t, e);
     },
-    p: C,
+    p: M,
     d(n) {
       n && b(t);
     }
   };
 }
-function F(a) {
+function I(r) {
   let t, n;
-  function e(l, r) {
+  function e(l, a) {
     return (
       /*isMobile*/
-      l[3] ? lt : at
+      l[3] ? rt : at
     );
   }
-  let o = e(a)(a);
+  let o = e(r)(r);
   return {
     c() {
-      t = g("div"), o.c(), n = A(), s(t, "class", "skeletonNotification");
+      t = g("div"), o.c(), n = C(), s(t, "class", "skeletonNotification");
     },
-    m(l, r) {
-      x(l, t, r), o.m(t, null), h(t, n);
+    m(l, a) {
+      k(l, t, a), o.m(t, null), m(t, n);
     },
-    p(l, r) {
-      o.p(l, r);
+    p(l, a) {
+      o.p(l, a);
     },
     d(l) {
       l && b(t), o.d();
     }
   };
 }
-function rt(a) {
+function ct(r) {
   let t;
   function n(o, l) {
-    var r;
+    var a;
     if (
       /*skeletonLoading*/
       o[2]
     )
-      return ot;
+      return lt;
     if (
       /*notificationsData*/
-      (r = o[1]) != null && r.length
+      (a = o[1]) != null && a.length
     )
-      return nt;
+      return ot;
   }
-  let e = n(a), i = e && e(a);
+  let e = n(r), i = e && e(r);
   return {
     c() {
       t = g("div"), i && i.c();
     },
     m(o, l) {
-      x(o, t, l), i && i.m(t, null), a[13](t);
+      k(o, t, l), i && i.m(t, null), r[13](t);
     },
     p(o, [l]) {
       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,
+    i: M,
+    o: M,
     d(o) {
-      o && b(t), i && i.d(), a[13](null);
+      o && b(t), i && i.d(), r[13](null);
     }
   };
 }
-function ct(a, t, n) {
-  let { lang: e = "" } = t, { cmsendpoint: i = "" } = t, { env: o = "" } = t, { userroles: l = "" } = t, { customnotif: r = "" } = t, { clientstyling: d = "" } = t, { clientstylingurl: p = "" } = t, { mbsource: _ } = t, u, k = !0, P = window.navigator.userAgent, m = S(P) !== "PC", f = [], N = [], j = D();
-  const q = window.matchMedia("(min-width: 768px)");
+function st(r, t, n) {
+  let { lang: e = "" } = t, { cmsendpoint: i = "" } = t, { env: o = "" } = t, { userroles: l = "" } = t, { customnotif: a = "" } = t, { clientstyling: f = "" } = t, { clientstylingurl: p = "" } = t, { mbsource: _ } = t, u, x, N = !0, d = window.navigator.userAgent, h = B(d) !== "PC", w = [], A = [], q = D();
+  const R = window.matchMedia("(min-width: 768px)");
   function D() {
-    const c = S(P);
+    const c = B(d);
     if (c)
       return c === "PC" ? "dk" : "mtWeb";
   }
-  const R = () => {
+  const E = () => {
     const c = new URL(`${i}/${e}/support-information`);
-    c.searchParams.append("env", o), c.searchParams.append("userRoles", l), c.searchParams.append("device", j), fetch(c.href).then((w) => w.json()).then((w) => {
-      w.length && (n(1, f = w[0].children), f == null || f.forEach((U) => {
-        N.length && (U.backgroundColor = N[0], N.shift());
+    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, w = v[0].children), w == null || w.forEach((Q) => {
+        A.length && (Q.backgroundColor = A[0], A.shift());
       }));
-    }).catch((w) => {
-      console.error(w);
+    }).catch((v) => {
+      console.error(v);
     }).finally(() => {
       setTimeout(
         () => {
-          n(2, k = !1);
+          n(2, N = !1);
         },
         1e3
       );
     });
   }, T = () => {
-    r.replace(" ", ""), N = r.split(",");
+    a.replace(" ", ""), A = a.split(",");
   };
-  J(() => () => {
+  O(() => () => {
   });
-  function E(c) {
-    K[c ? "unshift" : "push"](() => {
+  function U(c) {
+    X[c ? "unshift" : "push"](() => {
       u = c, n(0, u);
     });
   }
-  return a.$$set = (c) => {
-    "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, r = 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);
-  }, a.$$.update = () => {
-    a.$$.dirty & /*customnotif*/
-    512 && r && T(), a.$$.dirty & /*notificationsData*/
-    2 && f && T(), a.$$.dirty & /*userroles, cmsendpoint, env, lang*/
-    480 && l && i && o && e && R(), a.$$.dirty & /*clientstyling, customStylingContainer*/
-    1025 && d && u && Y(u, d), a.$$.dirty & /*clientstylingurl, customStylingContainer*/
-    2049 && p && u && $(u, p), a.$$.dirty & /*mbsource, customStylingContainer*/
-    4097 && _ && u && tt(u, `${_}.Style`);
+  return r.$$set = (c) => {
+    "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, f = 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 && w && T(), r.$$.dirty & /*userroles, cmsendpoint, env, lang*/
+    480 && l && i && o && e && E(), r.$$.dirty & /*clientstyling, customStylingContainer*/
+    1025 && f && u && $(u, f), r.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    2049 && p && u && tt(u, p), r.$$.dirty & /*mbsource, customStylingContainer*/
+    4097 && _ && u && et(u, `${_}.Style`, x);
   }, [
     u,
-    f,
-    k,
-    m,
-    q,
+    w,
+    N,
+    h,
+    R,
     e,
     i,
     o,
     l,
-    r,
-    d,
+    a,
+    f,
     p,
     _,
-    E
+    U
   ];
 }
-class st extends Q {
+class ut extends V {
   constructor(t) {
-    super(), V(
+    super(), G(
       this,
       t,
+      st,
       ct,
-      rt,
-      Z,
+      J,
       {
         lang: 5,
         cmsendpoint: 6,
@@ -305,7 +305,7 @@ class st extends Q {
         clientstylingurl: 11,
         mbsource: 12
       },
-      it
+      nt
     );
   }
   get lang() {
@@ -357,7 +357,7 @@ class st extends Q {
     this.$$set({ mbsource: t }), y();
   }
 }
-et(st, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
+it(ut, { lang: {}, cmsendpoint: {}, env: {}, userroles: {}, customnotif: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {} }, [], [], !0);
 export {
-  st as default
+  ut as default
 };

package/components/PlayerAccountNotifications-CevM0zeL.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./PlayerAccountController-BnmD5Ofx.cjs");require("../stencil/ui-skeleton-CS05SPLQ.cjs");function W(a){e.append_styles(a,"svelte-1b8j2p",':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;container-type:inline-size;container-name:notifications-container}.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 v(a,t,o){const n=a.slice();return n[24]=t[o],n}function w(a,t,o){const n=a.slice();return n[21]=t[o],n}function L(a){let t,o=e.ensure_array_like(a[1]),n=[];for(let i=0;i<o.length;i+=1)n[i]=P(v(a,o,i));return{c(){t=e.element("div");for(let i=0;i<n.length;i+=1)n[i].c();e.attr(t,"class","PlayerAccountNotificationsContainer "+(a[3]?"PlayerAccountNotificationsMobileContainer":"")),e.attr(t,"part","PlayerAccountNotificationsContainer "+(a[3]?"PlayerAccountNotificationsMobileContainer":""))},m(i,l){e.insert(i,t,l);for(let r=0;r<n.length;r+=1)n[r]&&n[r].m(t,null)},p(i,l){if(l&2){o=e.ensure_array_like(i[1]);let r;for(r=0;r<o.length;r+=1){const c=v(i,o,r);n[r]?n[r].p(c,l):(n[r]=P(c),n[r].c(),n[r].m(t,null))}for(;r<n.length;r+=1)n[r].d(1);n.length=o.length}},d(i){i&&e.detach(t),e.destroy_each(n,i)}}}function z(a){let t,o,n=e.ensure_array_like({length:3}),i=[];for(let l=0;l<n.length;l+=1)i[l]=N(w(a,n,l));return{c(){t=e.element("div"),o=e.element("div");for(let l=0;l<i.length;l+=1)i[l].c();e.attr(o,"class","skeletonWrapper"),e.attr(t,"class","skeletonContainer")},m(l,r){e.insert(l,t,r),e.append(t,o);for(let c=0;c<i.length;c+=1)i[c]&&i[c].m(o,null)},p(l,r){if(r&24){n=e.ensure_array_like({length:3});let c;for(c=0;c<n.length;c+=1){const d=w(l,n,c);i[c]?i[c].p(d,r):(i[c]=N(d),i[c].c(),i[c].m(o,null))}for(;c<i.length;c+=1)i[c].d(1);i.length=n.length}},d(l){l&&e.detach(t),e.destroy_each(i,l)}}}function P(a){let t,o,n,i,l,r,c,d=a[24].title+"",g,p,u,h=a[24].description+"",k;return{c(){t=e.element("div"),o=e.element("div"),n=e.element("img"),r=e.space(),c=e.element("p"),g=e.text(d),p=e.space(),u=e.element("p"),k=e.space(),e.attr(n,"class","PlayerAccountNotificationIcon"),e.attr(n,"width","24px"),e.attr(n,"height","24px"),e.src_url_equal(n.src,i=a[24].icon)||e.attr(n,"src",i),e.attr(n,"alt",l=a[24].title),e.attr(c,"class","PlayerAccountNotificationTitle"),e.attr(o,"class","PlayerAccountNotificationBoxHeader"),e.attr(u,"class","PlayerAccountNotificationText"),e.attr(t,"class","PlayerAccountNotificationBox"),e.set_style(t,"background",a[24].backgroundColor)},m(f,m){e.insert(f,t,m),e.append(t,o),e.append(o,n),e.append(o,r),e.append(o,c),e.append(c,g),e.append(t,p),e.append(t,u),u.innerHTML=h,e.append(t,k)},p(f,m){m&2&&!e.src_url_equal(n.src,i=f[24].icon)&&e.attr(n,"src",i),m&2&&l!==(l=f[24].title)&&e.attr(n,"alt",l),m&2&&d!==(d=f[24].title+"")&&e.set_data(g,d),m&2&&h!==(h=f[24].description+"")&&(u.innerHTML=h),m&2&&e.set_style(t,"background",f[24].backgroundColor)},d(f){f&&e.detach(t)}}}function F(a){let t;return{c(){t=e.element("ui-skeleton"),e.set_custom_element_data(t,"structure","rectangle"),e.set_custom_element_data(t,"width","auto"),e.set_custom_element_data(t,"height",a[3]&&a[4].matches?"250px":"400px")},m(o,n){e.insert(o,t,n)},p:e.noop,d(o){o&&e.detach(t)}}}function I(a){let t;return{c(){t=e.element("ui-skeleton"),t.innerHTML="",e.set_custom_element_data(t,"structure","rectangle"),e.set_custom_element_data(t,"width","auto"),e.set_custom_element_data(t,"height","130px")},m(o,n){e.insert(o,t,n)},p:e.noop,d(o){o&&e.detach(t)}}}function N(a){let t,o;function n(r,c){return r[3]?F:I}let l=n(a)(a);return{c(){t=e.element("div"),l.c(),o=e.space(),e.attr(t,"class","skeletonNotification")},m(r,c){e.insert(r,t,c),l.m(t,null),e.append(t,o)},p(r,c){l.p(r,c)},d(r){r&&e.detach(t),l.d()}}}function q(a){let t;function o(l,r){var c;if(l[2])return z;if((c=l[1])!=null&&c.length)return L}let n=o(a),i=n&&n(a);return{c(){t=e.element("div"),i&&i.c()},m(l,r){e.insert(l,t,r),i&&i.m(t,null),a[13](t)},p(l,[r]){n===(n=o(l))&&i?i.p(l,r):(i&&i.d(1),i=n&&n(l),i&&(i.c(),i.m(t,null)))},i:e.noop,o:e.noop,d(l){l&&e.detach(t),i&&i.d(),a[13](null)}}}function j(a,t,o){let{lang:n=""}=t,{cmsendpoint:i=""}=t,{env:l=""}=t,{userroles:r=""}=t,{customnotif:c=""}=t,{clientstyling:d=""}=t,{clientstylingurl:g=""}=t,{mbsource:p}=t,u,h,k=!0,f=window.navigator.userAgent,m=e.getDevice(f)!=="PC",_=[],b=[],C=S();const M=window.matchMedia("(min-width: 768px)");function S(){const s=e.getDevice(f);if(s)return s==="PC"?"dk":"mtWeb"}const T=()=>{const s=new URL(`${i}/${n}/support-information`);s.searchParams.append("env",l),s.searchParams.append("userRoles",r),s.searchParams.append("device",C),fetch(s.href).then(y=>y.json()).then(y=>{y.length&&(o(1,_=y[0].children),_==null||_.forEach(H=>{b.length&&(H.backgroundColor=b[0],b.shift())}))}).catch(y=>{console.error(y)}).finally(()=>{setTimeout(()=>{o(2,k=!1)},1e3)})},x=()=>{c.replace(" ",""),b=c.split(",")};e.onMount(()=>()=>{});function B(s){e.binding_callbacks[s?"unshift":"push"](()=>{u=s,o(0,u)})}return a.$$set=s=>{"lang"in s&&o(5,n=s.lang),"cmsendpoint"in s&&o(6,i=s.cmsendpoint),"env"in s&&o(7,l=s.env),"userroles"in s&&o(8,r=s.userroles),"customnotif"in s&&o(9,c=s.customnotif),"clientstyling"in s&&o(10,d=s.clientstyling),"clientstylingurl"in s&&o(11,g=s.clientstylingurl),"mbsource"in s&&o(12,p=s.mbsource)},a.$$.update=()=>{a.$$.dirty&512&&c&&x(),a.$$.dirty&2&&_&&x(),a.$$.dirty&480&&r&&i&&l&&n&&T(),a.$$.dirty&1025&&d&&u&&e.setClientStyling(u,d),a.$$.dirty&2049&&g&&u&&e.setClientStylingURL(u,g),a.$$.dirty&4097&&p&&u&&e.setStreamStyling(u,`${p}.Style`,h)},[u,_,k,m,M,n,i,l,r,c,d,g,p,B]}class A extends e.SvelteComponent{constructor(t){super(),e.init(this,t,j,q,e.safe_not_equal,{lang:5,cmsendpoint:6,env:7,userroles:8,customnotif:9,clientstyling:10,clientstylingurl:11,mbsource:12},W)}get lang(){return this.$$.ctx[5]}set lang(t){this.$$set({lang:t}),e.flush()}get cmsendpoint(){return this.$$.ctx[6]}set cmsendpoint(t){this.$$set({cmsendpoint:t}),e.flush()}get env(){return this.$$.ctx[7]}set env(t){this.$$set({env:t}),e.flush()}get userroles(){return this.$$.ctx[8]}set userroles(t){this.$$set({userroles:t}),e.flush()}get customnotif(){return this.$$.ctx[9]}set customnotif(t){this.$$set({customnotif:t}),e.flush()}get clientstyling(){return this.$$.ctx[10]}set clientstyling(t){this.$$set({clientstyling:t}),e.flush()}get clientstylingurl(){return this.$$.ctx[11]}set clientstylingurl(t){this.$$set({clientstylingurl:t}),e.flush()}get mbsource(){return this.$$.ctx[12]}set mbsource(t){this.$$set({mbsource:t}),e.flush()}}e.create_custom_element(A,{lang:{},cmsendpoint:{},env:{},userroles:{},customnotif:{},clientstyling:{},clientstylingurl:{},mbsource:{}},[],[],!0);exports.default=A;