@telia-ace/widget-types-grid 1.0.35-next.5 → 1.0.35

package/dist/index.js

@@ -2,7 +2,7 @@ var we = Object.defineProperty, ve = Object.defineProperties;
 var Ee = Object.getOwnPropertyDescriptors;
 var W = Object.getOwnPropertySymbols;
 var oe = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable;
-var ie = (t, e, n) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, m = (t, e) => {
+var ie = (t, e, n) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, p = (t, e) => {
   for (var n in e || (e = {}))
     oe.call(e, n) && ie(t, n, e[n]);
   if (W)
@@ -10,7 +10,7 @@ var ie = (t, e, n) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writ
       re.call(e, n) && ie(t, n, e[n]);
   return t;
 }, C = (t, e) => ve(t, Ee(e));
-var N = (t, e) => {
+var M = (t, e) => {
   var n = {};
   for (var s in t)
     oe.call(t, s) && e.indexOf(s) < 0 && (n[s] = t[s]);
@@ -21,21 +21,21 @@ var N = (t, e) => {
 };
 import { css as ue, ThemeProvider as Ce, useTheme as Oe } from "@emotion/react";
 import { asDescriptor as ae, ComponentPlatform as Se, createComponentModel as Ae, ComponentQuery as De, WidgetRenderState as O } from "@telia-ace/widget-core";
-import { Grid as de, useRouteData as xe, useRouter as Me, useProperties as he, useContext as X, useContainer as T, useComponentNode as ee, useScroll as pe, transitionComposer as Ne, paddedBorderTabStyle as $e, useComponent as Le, useComponentDescriptor as ke, filterCssPropsStyle as Pe, Typography as Re, useComponentPlatform as me, useIsMounted as Ve, useColumns as _e, useLayout as Ie, ComponentNodeContext as ze, ComponentPropertyContext as Be, filterCssProps as Te } from "@telia-ace/widget-ui";
-import h, { useState as z, forwardRef as fe, useMemo as je, Suspense as Ge, useEffect as B } from "react";
+import { Grid as de, useRouteData as Ne, useRouter as xe, useProperties as he, useContext as X, useContainer as T, useComponentNode as ee, useScroll as pe, transitionComposer as Me, paddedBorderTabStyle as $e, useComponent as Le, useComponentDescriptor as ke, filterCssPropsStyle as Pe, Typography as Re, useComponentPlatform as me, useIsMounted as Ve, useColumns as _e, useLayout as Ie, ComponentNodeContext as ze, ComponentPropertyContext as Be, filterCssProps as Te } from "@telia-ace/widget-ui";
+import d, { useState as z, forwardRef as fe, useMemo as je, Suspense as Ge, useEffect as B } from "react";
 import P from "@emotion/styled";
 import { appendClassNames as K, notifyDataLoaded as We, lock as q, removeNullAndUndefinedValues as ce, uuid as Fe } from "@telia-ace/widget-utilities";
 import { TransitionGroup as He, Transition as Ke } from "react-transition-group";
 import { Switch as Ue, Route as Q } from "react-router";
 import { onWidgetUrl as Ye } from "@telia-ace/widget-routing";
-import { readStorage as $, StorageMedium as v, createStorageWriter as V, StorageCategory as _, StorageScope as qe } from "@telia-ace/widget-services";
+import { readStorage as $, StorageMedium as E, createStorageWriter as V, StorageCategory as _, StorageScope as qe } from "@telia-ace/widget-services";
 import { supportBootstrapping as Qe } from "@webprovisions/bootstrapping";
 import { WidgetState as Ze, WidgetType as Je } from "@webprovisions/platform";
 var J = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(J || {});
-const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[t] > n[e] ? "back" : "forth", et = ({ views: t, location: e, render: n }) => /* @__PURE__ */ h.createElement(
+const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[t] > n[e] ? "back" : "forth", et = ({ views: t, location: e, render: n }) => /* @__PURE__ */ d.createElement(
   Ue,
   {
-    location: e && C(m({}, e), {
+    location: e && C(p({}, e), {
       pathname: e.pathname.split("?")[0]
     })
   },
@@ -44,7 +44,7 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
     ...Object.keys(t).filter((s) => !t[s].path)
   ].map((s) => {
     const { path: i } = t[s];
-    return i ? Array.isArray(i) ? i.map((o) => /* @__PURE__ */ h.createElement(Q, { key: s, exact: !0, path: o, render: () => n(s) })) : /* @__PURE__ */ h.createElement(Q, { key: s, exact: !0, path: i, render: () => n(s) }) : /* @__PURE__ */ h.createElement(Q, { key: s, render: () => n(s) });
+    return i ? Array.isArray(i) ? i.map((o) => /* @__PURE__ */ d.createElement(Q, { key: s, exact: !0, path: o, render: () => n(s) })) : /* @__PURE__ */ d.createElement(Q, { key: s, exact: !0, path: i, render: () => n(s) }) : /* @__PURE__ */ d.createElement(Q, { key: s, render: () => n(s) });
   })
 ), ge = et, tt = P.div`
     position: relative;
@@ -65,61 +65,61 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
   "contact-method": 6,
   conversation: 7
 }, it = (n) => {
-  var s = n, { className: t = "" } = s, e = N(s, ["className"]);
-  const [i, o] = z("index"), [r, c] = z(J.forth), a = xe(), u = Me(), d = he(), l = X(), f = T(), p = ee(), { gap: g = "0" } = l, G = d, { columns: b = 1, animation: y = "none", scrollable: E = !1 } = G, A = N(G, ["columns", "animation", "scrollable"]), [j, L] = pe(E);
-  if (!p || !u)
+  var s = n, { className: t = "" } = s, e = M(s, ["className"]);
+  const [i, o] = z("index"), [r, c] = z(J.forth), a = Ne(), u = xe(), h = he(), l = X(), g = T(), f = ee(), { gap: m = "0" } = l, G = h, { columns: y = 1, animation: b = "none", scrollable: w = !1 } = G, A = M(G, ["columns", "animation", "scrollable"]), [j, L] = pe(w);
+  if (!f || !u)
     return null;
   const { location: se } = u;
-  a.name !== i && a.name !== "" && y && (c(Xe(i, a.name, st)), o(a.name));
-  const { views: D } = f.get("$settings");
+  a.name !== i && a.name !== "" && b && (c(Xe(i, a.name, st)), o(a.name));
+  const { views: D } = g.get("$settings");
   if (!Object.keys(D).length)
     return null;
-  const x = (w, M, R) => {
-    const S = Y(M, R), I = p.getChildren(w)[0];
-    return /* @__PURE__ */ h.createElement(
+  const N = (v, x, R) => {
+    const S = Y(x, R), I = f.getChildren(v)[0];
+    return /* @__PURE__ */ d.createElement(
       nt,
-      C(m(C(m(m({}, e), A), {
+      C(p(C(p(p({}, e), A), {
         scrollableCss: j,
         ref: L,
-        columns: b,
-        gap: g
+        columns: y,
+        gap: m
       }), S), {
         className: K(t, "humany-view")
       }),
-      /* @__PURE__ */ h.createElement(te, { id: I.id, branch: "default" })
+      /* @__PURE__ */ d.createElement(te, { id: I.id, branch: "default" })
     );
-  }, Y = (w, M) => {
-    if (y === "slide" || y === "fade")
+  }, Y = (v, x) => {
+    if (b === "slide" || b === "fade")
       return {
-        animationCss: Ne.composeViewTransition(
-          w,
-          y,
-          M
+        animationCss: Me.composeViewTransition(
+          v,
+          b,
+          x
         ),
-        ["data-state"]: w
+        ["data-state"]: v
       };
   };
-  return /* @__PURE__ */ h.createElement(tt, { className: "humany-animated-view" }, /* @__PURE__ */ h.createElement(
+  return /* @__PURE__ */ d.createElement(tt, { className: "humany-animated-view" }, /* @__PURE__ */ d.createElement(
     He,
     {
       component: null,
-      childFactory: (w) => h.cloneElement(w, { direction: r })
+      childFactory: (v) => d.cloneElement(v, { direction: r })
     },
-    /* @__PURE__ */ h.createElement(
+    /* @__PURE__ */ d.createElement(
       Ke,
       {
         key: i,
         timeout: { enter: 500, exit: 500 },
-        onEnter: (w) => w == null ? void 0 : w.clientHeight,
+        onEnter: (v) => v == null ? void 0 : v.clientHeight,
         unmountOnExit: !0,
         direction: J.forth
       },
-      (w, { direction: M }) => /* @__PURE__ */ h.createElement(
+      (v, { direction: x }) => /* @__PURE__ */ d.createElement(
         ge,
         {
           views: D,
           location: se,
-          render: (R) => x(R, w, M)
+          render: (R) => N(R, v, x)
         }
       )
     )
@@ -127,24 +127,24 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
 }, ot = it, rt = P(de)`
     ${(t) => !!t.scrollableCss && t.scrollableCss}
 `, at = (n) => {
-  var s = n, { className: t = "" } = s, e = N(s, ["className"]);
-  const i = he(), o = X(), r = T(), c = ee(), { views: a } = r.get("$settings"), { gap: u = "0" } = o, y = i, { columns: d = 1, animation: l = "none", scrollable: f = !1 } = y, p = N(y, ["columns", "animation", "scrollable"]), [g, b] = pe(f);
-  return c ? /* @__PURE__ */ h.createElement(
+  var s = n, { className: t = "" } = s, e = M(s, ["className"]);
+  const i = he(), o = X(), r = T(), c = ee(), { views: a } = r.get("$settings"), { gap: u = "0" } = o, b = i, { columns: h = 1, animation: l = "none", scrollable: g = !1 } = b, f = M(b, ["columns", "animation", "scrollable"]), [m, y] = pe(g);
+  return c ? /* @__PURE__ */ d.createElement(
     rt,
-    C(m(m({}, e), p), {
-      scrollableCss: g,
-      ref: b,
-      columns: d,
+    C(p(p({}, e), f), {
+      scrollableCss: m,
+      ref: y,
+      columns: h,
       gap: u,
       className: K(t, "humany-view")
     }),
-    /* @__PURE__ */ h.createElement(
+    /* @__PURE__ */ d.createElement(
       ge,
       {
         views: a,
-        render: (E) => {
-          const A = c.getChildren(E)[0];
-          return /* @__PURE__ */ h.createElement(te, { id: A.id, node: A, branch: "default" });
+        render: (w) => {
+          const A = c.getChildren(w)[0];
+          return /* @__PURE__ */ d.createElement(te, { id: A.id, node: A, branch: "default" });
         }
       }
     )
@@ -194,21 +194,21 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
   ${(t) => U(t)}
 `, ht = fe(
   (i, s) => {
-    var o = i, { className: t = "", children: e } = o, n = N(o, ["className", "children"]);
-    const r = Le(), { name: c, type: a, id: u } = ke(), d = je(() => r ? P(r)`
+    var o = i, { className: t = "", children: e } = o, n = M(o, ["className", "children"]);
+    const r = Le(), { name: c, type: a, id: u } = ke(), h = je(() => r ? P(r)`
                     ${U}
                     ${Pe}
                 ` : null, [r]);
-    return typeof r == "undefined" ? null : r === null || d === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ h.createElement(
+    return typeof r == "undefined" ? null : r === null || h === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(
       dt,
-      C(m({}, n), {
+      C(p({}, n), {
         title: `type: ${a}, definition-id: ${c}, instance-id: ${u}`,
         className: K(t, "humany-non-resolved-component")
       }),
-      /* @__PURE__ */ h.createElement(Re, { variant: "h5" }, "Non Resolved Component Type")
-    ) : null : /* @__PURE__ */ h.createElement(Ge, { fallback: null }, /* @__PURE__ */ h.createElement(
-      d,
-      C(m({
+      /* @__PURE__ */ d.createElement(Re, { variant: "h5" }, "Non Resolved Component Type")
+    ) : null : /* @__PURE__ */ d.createElement(Ge, { fallback: null }, /* @__PURE__ */ d.createElement(
+      h,
+      C(p({
         ref: s
       }, n), {
         className: K(
@@ -239,74 +239,74 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
   }, [n, o, t, e]), s;
 }, ft = (t, e) => e ? !0 : typeof t == "string" ? t === "full" : t > 0, gt = fe(
   (u, a) => {
-    var d = u, { className: t = "", id: e, branch: n, node: s, ariaLabel: i, tabIndex: o, context: r } = d, c = N(d, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
-    const l = me(), f = T(), [p, g] = z(), b = _e(), y = X(e), E = mt(e), { size: A = "none", indent: j = 0 } = Ie(e), L = ft(A, s);
+    var h = u, { className: t = "", id: e, branch: n, node: s, ariaLabel: i, tabIndex: o, context: r } = h, c = M(h, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
+    const l = me(), g = T(), [f, m] = z(), y = _e(), b = X(e), w = mt(e), { size: A = "none", indent: j = 0 } = Ie(e), L = ft(A, s);
     if (B(() => {
       if (l) {
         if (e && !s) {
           const S = l.nodes.get(e);
-          if (S && (g(ae(S, n)), L)) {
-            const I = S.mount(f);
+          if (S && (m(ae(S, n)), L)) {
+            const I = S.mount(g);
             return () => {
               I();
             };
           }
         } else if (s) {
-          g(ae(s, n));
-          const S = s.mount(f);
+          m(ae(s, n));
+          const S = s.mount(g);
           return () => {
             S();
           };
         }
       }
-    }, [l, e, s, L]), !p || !L)
+    }, [l, e, s, L]), !f || !L)
       return null;
-    const R = m(m({}, y), r || {}), {
+    const R = p(p({}, b), r || {}), {
       cardinal: D,
-      fonts: x = {},
+      fonts: N = {},
       accessibility: Y = {}
-    } = R, G = N(R, [
+    } = R, G = M(R, [
       "cardinal",
       "fonts",
       "accessibility"
-    ]), w = {
-      type: x.type,
-      base: x.base || "16px",
-      small: x.small || "0.8em",
-      normal: x.normal || "1em",
-      medium: x.medium || "1.2em",
-      large: x.large || "1.6em",
-      huge: x.huge || "2.5em"
-    }, M = C(m({}, G), {
-      fonts: w,
-      accessibility: m({}, Y)
+    ]), v = {
+      type: N.type,
+      base: N.base || "16px",
+      small: N.small || "0.8em",
+      normal: N.normal || "1em",
+      medium: N.medium || "1.2em",
+      large: N.large || "1.6em",
+      huge: N.huge || "2.5em"
+    }, x = C(p({}, G), {
+      fonts: v,
+      accessibility: p({}, Y)
     });
-    return typeof D == "number" && (M.sizes = {
+    return typeof D == "number" && (x.sizes = {
       cardinal: D,
       small: `${D}px`,
       normal: `${D * 3}px`,
       medium: `${D * 5}px`,
       large: `${D * 8}px`
-    }), /* @__PURE__ */ h.createElement(Ce, { theme: M }, /* @__PURE__ */ h.createElement(ze.Provider, { value: p }, /* @__PURE__ */ h.createElement(Be.Provider, { value: E }, (() => {
-      const S = m({
-        "data-width": A === "full" ? b : Math.min(A, b),
+    }), /* @__PURE__ */ d.createElement(Ce, { theme: x }, /* @__PURE__ */ d.createElement(ze.Provider, { value: f }, /* @__PURE__ */ d.createElement(Be.Provider, { value: w }, (() => {
+      const S = p({
+        "data-width": A === "full" ? y : Math.min(A, y),
         "data-indent": j,
-        "data-name": p.name,
-        "data-node-id": p.id,
-        "data-component-type": p.type,
+        "data-name": f.name,
+        "data-node-id": f.id,
+        "data-component-type": f.type,
         "aria-label": i,
         tabIndex: o,
-        id: p.id,
-        role: E && E.role
+        id: f.id,
+        role: w && w.role
       }, c);
-      switch (p.type) {
+      switch (f.type) {
         case "view":
-          return typeof E.animation == "string" && E.animation !== "none" ? /* @__PURE__ */ h.createElement(ut, C(m({}, S), { className: t })) : /* @__PURE__ */ h.createElement(lt, C(m({}, S), { className: t }));
+          return typeof w.animation == "string" && w.animation !== "none" ? /* @__PURE__ */ d.createElement(ut, C(p({}, S), { className: t })) : /* @__PURE__ */ d.createElement(lt, C(p({}, S), { className: t }));
         default: {
-          const I = Te(E);
-          return /* @__PURE__ */ h.createElement(
+          const I = Te(w);
+          return /* @__PURE__ */ d.createElement(
             pt,
-            C(m(m({
+            C(p(p({
               ref: a
             }, S), I), {
               className: t
@@ -316,7 +316,7 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
       }
     })())));
   }
-), te = gt, yt = ({ builder: t }) => {
+), te = gt, bt = ({ builder: t }) => {
   const e = T(), [n, s] = z(null);
   return B(() => {
     e.getAsync("components").then((i) => t(i).then((o) => {
@@ -328,19 +328,19 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
         (o) => o.id !== n.id
       );
     });
-  }, [n]), n ? /* @__PURE__ */ h.createElement(te, { id: n.id, node: n, branch: "default" }) : null;
-}, bt = yt, wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  }, [n]), n ? /* @__PURE__ */ d.createElement(te, { id: n.id, node: n, branch: "default" }) : null;
+}, yt = bt, wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: bt
-}, Symbol.toStringTag, { value: "Module" })), vt = h.lazy(() => Promise.resolve().then(() => wt)), Et = ({ showSearch: t = !1 }) => {
+  default: yt
+}, Symbol.toStringTag, { value: "Module" })), vt = d.lazy(() => Promise.resolve().then(() => wt)), Et = ({ showSearch: t = !1 }) => {
   const e = Oe(), n = T();
-  return /* @__PURE__ */ h.createElement(h.Suspense, { fallback: null }, /* @__PURE__ */ h.createElement(
+  return /* @__PURE__ */ d.createElement(d.Suspense, { fallback: null }, /* @__PURE__ */ d.createElement(
     vt,
     {
       builder: (s) => n.get("settings").then((i) => {
         var u;
         const { properties: o, context: r } = Object.keys(i.components).reduce(
-          (d, l) => (i.components[l].type === "not-found" && (d.properties = i.components[l].properties, d.context = i.components[l].context), d),
+          (h, l) => (i.components[l].type === "not-found" && (h.properties = i.components[l].properties, h.context = i.components[l].context), h),
           { properties: {}, context: {} }
         );
         o.showSearch = t;
@@ -348,13 +348,13 @@ const Xe = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[
         if (c.name = "not-found-area", c.writeLayout({
           size: "full"
         }), t) {
-          const d = Object.keys(i.components).reduce(
-            (f, p) => i.components[p].type === "search" ? i.components[p].properties : f,
+          const h = Object.keys(i.components).reduce(
+            (g, f) => i.components[f].type === "search" ? i.components[f].properties : g,
             {}
           ), l = s.createNode("search", { detached: !0 });
-          l.writeLayout({ size: "full" }), l.writeProperties(m({
+          l.writeLayout({ size: "full" }), l.writeProperties(p({
             "css-margin-bottom": ((u = e == null ? void 0 : e.sizes) == null ? void 0 : u.normal) || "15px"
-          }, d)), c.appendChild(l);
+          }, h)), c.appendChild(l);
         }
         const a = s.createNode("not-found", { detached: !0 });
         return a.writeLayout({ size: "full" }), a.writeProperties(o), a.writeContext(r), c.appendChild(a), c;
@@ -419,18 +419,18 @@ function Dt(t) {
     e.classList.remove("humany-active"), e.classList.add("humany-loading");
   });
 }
-function ye(t, e) {
+function be(t, e) {
   t instanceof HTMLElement ? (e && t.setAttribute("title", e), t.classList.add("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((n) => {
     e && n.setAttribute("title", e), n.classList.add("humany-active"), n.classList.remove("humany-loading");
   });
 }
 var k = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(k || {});
-const xt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "none", be = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Mt = (t, e, n, s, i = !1) => {
-  var u, d;
-  const o = xt(
+const Nt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "none", ye = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", xt = (t, e, n, s, i = !1) => {
+  var u, h;
+  const o = Nt(
     e,
     n
-  ), r = be(s), c = {
+  ), r = ye(s), c = {
     widgetDOMElement: e ? e.cloneNode(!0) : void 0,
     triggerDOMElement: n ? n.cloneNode(!0) : void 0
   }, a = {
@@ -453,12 +453,12 @@ const xt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "non
     case "triggerDOM": {
       const l = document.createElement("div");
       a.widgetDOMElement = l, r === "inline" ? (l.id = (n == null ? void 0 : n.id) || "", i ? (l.style.display = "none", (u = n == null ? void 0 : n.parentNode) == null || u.appendChild(l), a.callback = () => {
-        var f;
-        (f = n == null ? void 0 : n.parentNode) == null || f.replaceChild(
+        var g;
+        (g = n == null ? void 0 : n.parentNode) == null || g.replaceChild(
           l,
           n
         ), l.style.display = (n == null ? void 0 : n.style.display) || "block";
-      }) : (d = n == null ? void 0 : n.parentNode) == null || d.replaceChild(
+      }) : (h = n == null ? void 0 : n.parentNode) == null || h.replaceChild(
         l,
         n
       ), a.cachedOriginals.widgetDOMElement = n, a.cachedOriginals.triggerDOMElement = void 0) : (a.widgetDOMElement = document.body.appendChild(l), a.triggerDOMElement = n);
@@ -467,14 +467,14 @@ const xt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "non
     case "none": {
       const l = document.body.appendChild(document.createElement("div"));
       if (a.widgetDOMElement = l, r !== "inline") {
-        const f = document.body.appendChild(document.createElement("a"));
-        r === "link" && (f.innerText = t), a.triggerDOMElement = f;
+        const g = document.body.appendChild(document.createElement("a"));
+        r === "link" && (g.innerText = t), a.triggerDOMElement = g;
       }
       break;
     }
   }
   return a;
-}, Nt = "modals";
+}, Mt = "modals";
 class $t {
   constructor(e, n) {
     this.options = n, this.unsubscribe = [], this.container = e.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
@@ -494,14 +494,14 @@ class $t {
     return e.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === k.Badge && Dt(n), import("./render-668e4aa4.js").then((i) => i.default(this.container, e)).then(() => {
       if (e.setAttribute("data-rendered", "true"), n && this.options.triggerType === k.Badge) {
         const o = this.options.triggerOptions.openTooltip;
-        ye(n, o);
+        be(n, o);
       }
       We(this.container, e);
       const i = this.container.get("$environment").widgets.all();
       $(
         this.container,
-        Nt,
-        v.Session
+        Mt,
+        E.Session
       ).then((o) => {
         o && o.forEach((r) => {
           i.find(
@@ -518,14 +518,14 @@ class $t {
     n.getAttribute("role") || n.setAttribute("role", "button");
     const { name: s } = this.container.get("$widget"), { label: i, symbol: o, ariaLabel: r, closedTooltip: c, openTooltip: a } = e, u = { closedTooltip: c, openTooltip: a };
     this.options.triggerOptions = u;
-    const d = St(n, {
+    const h = St(n, {
       label: i,
       symbol: o,
       ariaLabel: r,
       widgetName: s,
       tooltip: c
     });
-    this.unsubscribe.push(d);
+    this.unsubscribe.push(h);
   }
   dispose() {
     return import("./unmount-063d8ea3.js").then((e) => {
@@ -553,14 +553,14 @@ class ne {
   }
   static create(e) {
     return V(e, F, _.Necessary, {
-      medium: v.Local
+      medium: E.Local
     }).then((n) => new ne(e, n));
   }
   write(e, n, s, i) {
     return q(this)(() => $(
       this.container,
       F,
-      v.Local
+      E.Local
     ).then((o = {}) => {
       const { keys: r = [], items: c = {} } = o, a = r.indexOf(e);
       return a > -1 && r.splice(a, 1), r.push(e), c[e] = {
@@ -574,7 +574,7 @@ class ne {
     return q(this)(() => $(
       this.container,
       F,
-      v.Local
+      E.Local
     ).then((n = {}) => {
       const { keys: s = [], items: i = {} } = n, o = s.indexOf(e);
       if (o > -1)
@@ -585,7 +585,7 @@ class ne {
     return q(this)(() => $(
       this.container,
       F,
-      v.Local
+      E.Local
     ).then((n = {}) => {
       const { keys: s = [], items: i = {} } = n;
       s.forEach((o) => {
@@ -642,8 +642,8 @@ class Jt extends Je {
     }, this.container.registerAsync("storage", () => Rt(this.container)), this.container.registerFactory("settings", () => $(
       this.container,
       Z,
-      v.Local
-    ).then((n = {}) => m(m({}, this.container.get("$settings")), n))), Qe(this, "load", this.handleBootstrapping), this.container.registerAsync(
+      E.Local
+    ).then((n = {}) => p(p({}, this.container.get("$settings")), n))), Qe(this, "load", this.handleBootstrapping), this.container.registerAsync(
       "componentResolver",
       () => _t(this.container)
     ), this.container.registerAsync("router", () => Pt(this.container)), this.container.registerAsync("actionResolver", () => Vt(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => It(this.container));
@@ -653,47 +653,47 @@ class Jt extends Je {
       "actionResolver",
       "router",
       "components"
-    );
-    return Promise.all([e, this.container.get("settings")]).then(
-      ([{ actionResolver: n, router: s, components: i }, o]) => {
-        var a;
-        n.subscribe(
+    ), n = this.container.get("csp");
+    return n && (window.webprovisionsEnvironmentVariables || (window.webprovisionsEnvironmentVariables = {}), window.webprovisionsEnvironmentVariables.cspNonce = n.cspNonce), Promise.all([e, this.container.get("settings")]).then(
+      ([{ actionResolver: s, router: i, components: o }, r]) => {
+        var u;
+        s.subscribe(
           this.widget.name,
-          (u, d, l) => this.onAction(d, l)
+          (h, l, g) => this.onAction(l, g)
         );
-        const r = (u) => {
-          i.nodes.query({ type: "view" }).forEach((d) => {
-            i.setSwitch(d, u);
+        const c = (h) => {
+          o.nodes.query({ type: "view" }).forEach((l) => {
+            o.setSwitch(l, h);
           });
-        }, c = ((a = s.getInitialRoute()) == null ? void 0 : a.name) || "index";
-        return r(c), this.events.subscribe("widget:data-loaded", (u, { element: d }) => {
+        }, a = ((u = i.getInitialRoute()) == null ? void 0 : u.name) || "index";
+        return c(a), this.events.subscribe("widget:data-loaded", (h, { element: l }) => {
           this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
-            element: d
+            element: l
           });
         }), this.events.subscribe(
           "router:change",
-          (u, { previous: d = { routeData: {} }, next: l = { routeData: {} } }) => {
-            const { routeData: f } = d, { routeData: p } = l, g = Object.keys(o.views).reduce((b, y) => typeof o.views[y].path == "undefined" ? y : b, "");
-            !p.name && g ? r(g) : r(p.name), ce(f && f.params), ce(p && p.params), this.container.getAsync("actionResolver").then((b) => {
+          (h, { previous: l = { routeData: {} }, next: g = { routeData: {} } }) => {
+            const { routeData: f } = l, { routeData: m } = g, y = Object.keys(r.views).reduce((b, w) => typeof r.views[w].path == "undefined" ? w : b, "");
+            !m.name && y ? c(y) : c(m.name), ce(f && f.params), ce(m && m.params), this.container.getAsync("actionResolver").then((b) => {
               b.action(this.widget.name, "routeChange", {
-                next: p,
+                next: m,
                 previous: f
               });
             });
           }
-        ), s.initialize();
+        ), i.initialize();
       }
     );
   }
   attach(e = {}) {
     return this.container.get("settings").then(({ trigger: n }) => {
-      var f, p;
+      var g, f;
       const {
         widgetDOMElement: s,
         key: i = Fe(),
         triggerDOMElement: o,
         withRenderState: r
-      } = e, a = be(n) === k.Inline && ((o == null ? void 0 : o.childElementCount) || 0) > 0, u = Mt(
+      } = e, a = ye(n) === k.Inline && ((o == null ? void 0 : o.childElementCount) || 0) > 0, u = xt(
         this.widget.name,
         s,
         o,
@@ -701,37 +701,37 @@ class Jt extends Je {
         a
       );
       this.outlets.size < 1 && !r && this.setRenderState("unset");
-      const d = () => {
-        const g = () => b.querySelectorAll("[data-loading=true]").length === 0, [b] = this.widget.container.get("widgetDOMElements"), y = (j, L) => {
-          g() && (u.callback && u.callback(), L.disconnect());
-        }, E = {
+      const h = () => {
+        const m = () => y.querySelectorAll("[data-loading=true]").length === 0, [y] = this.widget.container.get("widgetDOMElements"), b = (j, L) => {
+          m() && (u.callback && u.callback(), L.disconnect());
+        }, w = {
           attributes: !0,
           subtree: !0,
           childList: !0
         };
-        g() && u.callback && u.callback(), new MutationObserver(y).observe(b, E);
+        m() && u.callback && u.callback(), new MutationObserver(b).observe(y, w);
       };
-      a && this.widget.container.getAsync("dataClient").then(({ events: g }) => {
-        g.subscribe("data-client:fetched", (b, y) => {
-          y.unresolvedQueries === 0 && d();
+      a && this.widget.container.getAsync("dataClient").then(({ events: m }) => {
+        m.subscribe("data-client:fetched", (y, b) => {
+          b.unresolvedQueries === 0 && h();
         });
       });
       const l = this.getOrCreateViewOutlet(i, u);
-      if (this.outlets.set(i, l), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === k.Badge && n && ((f = u.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), l == null || l.renderBadge(n)), u.triggerType !== k.Inline && ((p = u.triggerDOMElement) == null || p.addEventListener("click", (g) => {
-        g.preventDefault(), this.container.get("settings").then(({ trigger: b }) => {
-          l.render().then(() => this.renderState()).then((y) => b && b.action && b.action === "hide" ? y === O.open ? this.hide() : this.open() : y === O.open ? this.close() : this.open());
+      if (this.outlets.set(i, l), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === k.Badge && n && ((g = u.triggerDOMElement) == null || g.setAttribute("aria-expanded", "false"), l == null || l.renderBadge(n)), u.triggerType !== k.Inline && ((f = u.triggerDOMElement) == null || f.addEventListener("click", (m) => {
+        m.preventDefault(), this.container.get("settings").then(({ trigger: y }) => {
+          l.render().then(() => this.renderState()).then((b) => y && y.action && y.action === "hide" ? b === O.open ? this.hide() : this.open() : b === O.open ? this.close() : this.open());
         });
       })), this.outlets.size > 1)
-        return this.renderState().then((g) => {
-          this.triggerStateIfApplicable(g);
+        return this.renderState().then((m) => {
+          this.triggerStateIfApplicable(m);
         });
       if (r)
-        return r === "storage" ? this.renderState().then((g) => {
+        return r === "storage" ? this.renderState().then((m) => {
           if (u.triggerType === k.Inline) {
             this.triggerStateIfApplicable("open");
             return;
           }
-          this.triggerStateIfApplicable(g);
+          this.triggerStateIfApplicable(m);
         }) : this.triggerStateIfApplicable(r);
     });
   }
@@ -771,7 +771,7 @@ class Jt extends Je {
   }
   render(e = {}) {
     if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), e.open) {
-      const n = C(m({}, e), {
+      const n = C(p({}, e), {
         withRenderState: "open"
         /* Open */
       });
@@ -786,10 +786,10 @@ class Jt extends Je {
     return Promise.all([
       this.container.get("settings"),
       V(this.container, Z, _.Necessary, {
-        medium: v.Local
+        medium: E.Local
       })
     ]).then(([n, s]) => Promise.resolve(e(n)).then((i) => s(i).then(() => {
-      const o = m(m({}, n), i);
+      const o = p(p({}, n), i);
       return this.widget.events.dispatch("widget:settings-updated", o), o;
     })));
   }
@@ -798,7 +798,7 @@ class Jt extends Je {
       this.container,
       Z,
       _.Necessary,
-      { medium: v.Local }
+      { medium: E.Local }
     ).then((e) => e()).then(() => this.container.get("settings")).then((e) => {
       this.widget.events.dispatch("widget:settings-updated", e);
     });
@@ -814,11 +814,11 @@ class Jt extends Je {
     const e = () => $(
       this.container,
       H,
-      v.Session
+      E.Session
     ).then((s = O.closed) => s), n = () => $(
       this.container,
       H,
-      v.Session
+      E.Session
     ).then((s = O.closed) => s);
     return this.container.getAsync("router").then((s) => s.isSticky() ? n().then((i) => i === O.open ? i : e()) : e());
   }
@@ -864,10 +864,10 @@ class Jt extends Je {
     const { invoke: n, events: s } = this.container.get("$widget");
     return Promise.all([
       V(this.container, H, _.Necessary, {
-        medium: v.Session
+        medium: E.Session
       }),
       V(this.container, H, _.Necessary, {
-        medium: v.Local,
+        medium: E.Local,
         duration: { minutes: 5 }
       }),
       this.container.getAsync("router"),
@@ -918,7 +918,7 @@ class Jt extends Je {
       const {
         options: { triggerDOMElement: s, triggerOptions: i }
       } = n, { openTooltip: o, closedTooltip: r } = i || {};
-      s && (e ? ye(s, o) : At(s, r));
+      s && (e ? be(s, o) : At(s, r));
     });
   }
   deactivate() {
@@ -927,13 +927,13 @@ class Jt extends Je {
     return this.outlets.forEach((n) => e.push(n.dispose())), $(
       this.container,
       le,
-      v.Local
+      E.Local
     ).then((n) => n === this.widget.name ? V(
       this.container,
       le,
       _.Necessary,
       {
-        medium: v.Local,
+        medium: E.Local,
         scope: qe.Implementation
       }
     ).then((s) => s()).then(() => Promise.all(e)) : Promise.all(e));
@@ -941,7 +941,7 @@ class Jt extends Je {
 }
 export {
   te as Component,
-  bt as DetachedComponent,
+  yt as DetachedComponent,
   Jt as GridWidget,
   Zt as NotFound,
   Jt as Widget,