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

package/dist/index.js

@@ -1,43 +1,42 @@
-var ve = Object.defineProperty, Ee = Object.defineProperties;
-var Ce = Object.getOwnPropertyDescriptors;
-var H = Object.getOwnPropertySymbols;
-var re = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
-var Z = (t, n, e) => n in t ? ve(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, m = (t, n) => {
-  for (var e in n || (n = {}))
-    re.call(n, e) && Z(t, e, n[e]);
-  if (H)
-    for (var e of H(n))
-      ae.call(n, e) && Z(t, e, n[e]);
+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, p = (t, e) => {
+  for (var n in e || (e = {}))
+    oe.call(e, n) && ie(t, n, e[n]);
+  if (W)
+    for (var n of W(e))
+      re.call(e, n) && ie(t, n, e[n]);
   return t;
-}, C = (t, n) => Ee(t, Ce(n));
-var N = (t, n) => {
-  var e = {};
+}, C = (t, e) => ve(t, Ee(e));
+var M = (t, e) => {
+  var n = {};
   for (var s in t)
-    re.call(t, s) && n.indexOf(s) < 0 && (e[s] = t[s]);
-  if (t != null && H)
-    for (var s of H(t))
-      n.indexOf(s) < 0 && ae.call(t, s) && (e[s] = t[s]);
-  return e;
+    oe.call(t, s) && e.indexOf(s) < 0 && (n[s] = t[s]);
+  if (t != null && W)
+    for (var s of W(t))
+      e.indexOf(s) < 0 && re.call(t, s) && (n[s] = t[s]);
+  return n;
 };
-var L = (t, n, e) => (Z(t, typeof n != "symbol" ? n + "" : n, e), e);
-import { css as de, ThemeProvider as Oe, useTheme as Se } from "@emotion/react";
-import { asDescriptor as ce, ComponentPlatform as Ae, createComponentModel as De, ComponentQuery as xe, WidgetRenderState as O } from "@telia-ace/widget-core";
-import { Grid as he, useRouteData as Me, useRouter as Ne, useProperties as pe, useContext as ne, useContainer as j, useComponentNode as se, useScroll as me, transitionComposer as $e, paddedBorderTabStyle as Le, useComponent as ke, useComponentDescriptor as Pe, filterCssPropsStyle as Re, Typography as Ve, useComponentPlatform as fe, useIsMounted as _e, useColumns as Ie, useLayout as ze, ComponentNodeContext as Be, ComponentPropertyContext as Te, filterCssProps as je } from "@telia-ace/widget-ui";
-import d, { useState as B, forwardRef as ge, useMemo as Ge, Suspense as We, useEffect as T } from "react";
+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 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 Y, notifyDataLoaded as Fe, lock as J, removeNullAndUndefinedValues as le, uuid as He } from "@telia-ace/widget-utilities";
-import { TransitionGroup as Ke, Transition as Ue } from "react-transition-group";
-import { Switch as Ye, Route as X } from "react-router";
-import { onWidgetUrl as qe } from "@telia-ace/widget-routing";
-import { readStorage as $, StorageMedium as E, createStorageWriter as _, StorageCategory as I, StorageScope as Qe } from "@telia-ace/widget-services";
-import { supportBootstrapping as Ze } from "@webprovisions/bootstrapping";
-import { WidgetState as Je, WidgetType as Xe } from "@webprovisions/platform";
-var te = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(te || {});
-const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[t] > e[n] ? "back" : "forth", tt = ({ views: t, location: n, render: e }) => /* @__PURE__ */ d.createElement(
-  Ye,
+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 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__ */ d.createElement(
+  Ue,
   {
-    location: n && C(m({}, n), {
-      pathname: n.pathname.split("?")[0]
+    location: e && C(p({}, e), {
+      pathname: e.pathname.split("?")[0]
     })
   },
   [
@@ -45,19 +44,19 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
     ...Object.keys(t).filter((s) => !t[s].path)
   ].map((s) => {
     const { path: i } = t[s];
-    return i ? Array.isArray(i) ? i.map((o) => /* @__PURE__ */ d.createElement(X, { key: s, exact: !0, path: o, render: () => e(s) })) : /* @__PURE__ */ d.createElement(X, { key: s, exact: !0, path: i, render: () => e(s) }) : /* @__PURE__ */ d.createElement(X, { key: s, render: () => e(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) });
   })
-), ye = tt, nt = P.div`
+), ge = et, tt = P.div`
     position: relative;
     width: 100%;
     flex: 1;
-`, st = P(he)`
+`, nt = P(de)`
     position: absolute;
     left: 0;
     right: 0;
     ${(t) => !!t.animationCss && t.animationCss}
     ${(t) => !!t.scrollableCss && t.scrollableCss}
-`, it = {
+`, st = {
   index: 1,
   search: 2,
   browse: 3,
@@ -65,94 +64,94 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
   contact: 5,
   "contact-method": 6,
   conversation: 7
-}, ot = (e) => {
-  var s = e, { className: t = "" } = s, n = N(s, ["className"]);
-  const [i, o] = B("index"), [r, a] = B(te.forth), c = Me(), h = Ne(), u = pe(), l = ne(), p = j(), f = se(), { gap: w = "0" } = l, F = u, { columns: y = 1, animation: g = "none", scrollable: b = !1 } = F, S = N(F, ["columns", "animation", "scrollable"]), [G, R] = me(b);
-  if (!f || !h)
+}, it = (n) => {
+  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: W } = h;
-  c.name !== i && c.name !== "" && g && (a(et(i, c.name, it)), o(c.name));
-  const { views: D } = p.get("$settings");
+  const { location: se } = u;
+  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 = (v, M, V) => {
-    const A = Q(M, V), z = f.getChildren(v)[0];
+  const N = (v, x, R) => {
+    const S = Y(x, R), I = f.getChildren(v)[0];
     return /* @__PURE__ */ d.createElement(
-      st,
-      C(m(C(m(m({}, n), S), {
-        scrollableCss: G,
-        ref: R,
+      nt,
+      C(p(C(p(p({}, e), A), {
+        scrollableCss: j,
+        ref: L,
         columns: y,
-        gap: w
-      }), A), {
-        className: Y(t, "humany-view")
+        gap: m
+      }), S), {
+        className: K(t, "humany-view")
       }),
-      /* @__PURE__ */ d.createElement(ie, { id: z.id, branch: "default" })
+      /* @__PURE__ */ d.createElement(te, { id: I.id, branch: "default" })
     );
-  }, Q = (v, M) => {
-    if (g === "slide" || g === "fade")
+  }, Y = (v, x) => {
+    if (b === "slide" || b === "fade")
       return {
-        animationCss: $e.composeViewTransition(
+        animationCss: Me.composeViewTransition(
           v,
-          g,
-          M
+          b,
+          x
         ),
         ["data-state"]: v
       };
   };
-  return /* @__PURE__ */ d.createElement(nt, { className: "humany-animated-view" }, /* @__PURE__ */ d.createElement(
-    Ke,
+  return /* @__PURE__ */ d.createElement(tt, { className: "humany-animated-view" }, /* @__PURE__ */ d.createElement(
+    He,
     {
       component: null,
       childFactory: (v) => d.cloneElement(v, { direction: r })
     },
     /* @__PURE__ */ d.createElement(
-      Ue,
+      Ke,
       {
         key: i,
         timeout: { enter: 500, exit: 500 },
         onEnter: (v) => v == null ? void 0 : v.clientHeight,
         unmountOnExit: !0,
-        direction: te.forth
+        direction: J.forth
       },
-      (v, { direction: M }) => /* @__PURE__ */ d.createElement(
-        ye,
+      (v, { direction: x }) => /* @__PURE__ */ d.createElement(
+        ge,
         {
           views: D,
-          location: W,
-          render: (V) => x(V, v, M)
+          location: se,
+          render: (R) => N(R, v, x)
         }
       )
     )
   ));
-}, rt = ot, at = P(he)`
+}, ot = it, rt = P(de)`
     ${(t) => !!t.scrollableCss && t.scrollableCss}
-`, ct = (e) => {
-  var s = e, { className: t = "" } = s, n = N(s, ["className"]);
-  const i = pe(), o = ne(), r = j(), a = se(), { views: c } = r.get("$settings"), { gap: h = "0" } = o, g = i, { columns: u = 1, animation: l = "none", scrollable: p = !1 } = g, f = N(g, ["columns", "animation", "scrollable"]), [w, y] = me(p);
-  return a ? /* @__PURE__ */ d.createElement(
-    at,
-    C(m(m({}, n), f), {
-      scrollableCss: w,
+`, at = (n) => {
+  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(p(p({}, e), f), {
+      scrollableCss: m,
       ref: y,
-      columns: u,
-      gap: h,
-      className: Y(t, "humany-view")
+      columns: h,
+      gap: u,
+      className: K(t, "humany-view")
     }),
     /* @__PURE__ */ d.createElement(
-      ye,
+      ge,
       {
-        views: c,
-        render: (b) => {
-          const S = a.getChildren(b)[0];
-          return /* @__PURE__ */ d.createElement(ie, { id: S.id, node: S, branch: "default" });
+        views: a,
+        render: (w) => {
+          const A = c.getChildren(w)[0];
+          return /* @__PURE__ */ d.createElement(te, { id: A.id, node: A, branch: "default" });
         }
       }
     )
   ) : null;
-}, lt = ct, q = (t) => {
-  var n, e;
-  return de`
+}, ct = at, U = (t) => {
+  var e, n;
+  return ue`
     outline: none;
     box-sizing: border-box;
     * {
@@ -162,7 +161,7 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
 
     grid-column: ${t["data-indent"] ? `${t["data-indent"] + 1} / ${t["data-indent"] + (t["data-width"] || 0) + 1}` : `span ${t["data-width"]}`};
 
-    ${((n = t.theme.fonts) == null ? void 0 : n.type) && `
+    ${((e = t.theme.fonts) == null ? void 0 : e.type) && `
     font-family: ${t.theme.fonts.type};
 
     input, textarea {
@@ -170,146 +169,146 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
     }
   `}
 
-    ${((e = t.theme.fonts) == null ? void 0 : e.base) && `
+    ${((n = t.theme.fonts) == null ? void 0 : n.base) && `
     font-size: ${t.theme.fonts.base};
   `}
 
   &:focus-visible {
-        ${Le(t)};
+        ${$e(t)};
     }
 `;
-}, ut = P(lt)`
-    ${(t) => q(t)}
-`, dt = P(rt)`
-    ${(t) => q(t)}
-`, ht = P.div`
+}, lt = P(ct)`
+    ${(t) => U(t)}
+`, ut = P(ot)`
+    ${(t) => U(t)}
+`, dt = P.div`
     text-align: center;
     ${(t) => {
-  var n, e, s;
-  return typeof ((n = t.theme.colors) == null ? void 0 : n.warning) != "undefined" && de`
-            color: ${(e = t.theme.colors) == null ? void 0 : e.warning};
+  var e, n, s;
+  return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) != "undefined" && ue`
+            color: ${(n = t.theme.colors) == null ? void 0 : n.warning};
             border: 2px dashed ${(s = t.theme.colors) == null ? void 0 : s.warning};
         `;
 }}
     ${(t) => typeof t.theme.borderRadius != "undefined" && `border-radius: ${t.theme.borderRadius};`}
-  ${(t) => q(t)}
-`, pt = ge(
+  ${(t) => U(t)}
+`, ht = fe(
   (i, s) => {
-    var o = i, { className: t = "", children: n } = o, e = N(o, ["className", "children"]);
-    const r = ke(), { name: a, type: c, id: h } = Pe(), u = Ge(() => r ? P(r)`
-                    ${q}
-                    ${Re}
+    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 || u === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(
-      ht,
-      C(m({}, e), {
-        title: `type: ${c}, definition-id: ${a}, instance-id: ${h}`,
-        className: Y(t, "humany-non-resolved-component")
+    return typeof r == "undefined" ? null : r === null || h === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(
+      dt,
+      C(p({}, n), {
+        title: `type: ${a}, definition-id: ${c}, instance-id: ${u}`,
+        className: K(t, "humany-non-resolved-component")
       }),
-      /* @__PURE__ */ d.createElement(Ve, { variant: "h5" }, "Non Resolved Component Type")
-    ) : null : /* @__PURE__ */ d.createElement(We, { fallback: null }, /* @__PURE__ */ d.createElement(
-      u,
-      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
-      }, e), {
-        className: Y(
+      }, n), {
+        className: K(
           t,
           "humany-component",
-          `humany-component-${a}`
+          `humany-component-${c}`
         )
       }),
-      n
+      e
     ));
   }
-), mt = pt, ft = (t) => {
-  const n = se(t), e = fe(), [s, i] = B({}), o = _e();
-  return T(() => {
-    n && o.current && i(n.attributes.properties);
-  }, [n, t, o]), T(() => {
-    if (e) {
-      const r = e.events.subscribe(
+), pt = ht, mt = (t) => {
+  const e = ee(t), n = me(), [s, i] = z({}), o = Ve();
+  return B(() => {
+    e && o.current && i(e.attributes.properties);
+  }, [e, t, o]), B(() => {
+    if (n) {
+      const r = n.events.subscribe(
         "components:properties-changed",
-        (a, c) => {
-          n === c.node && o.current && i(c.node.attributes.properties);
+        (c, a) => {
+          e === a.node && o.current && i(a.node.attributes.properties);
         }
       );
       return () => {
         r();
       };
     }
-  }, [e, o, t, n]), s;
-}, gt = (t, n) => n ? !0 : typeof t == "string" ? t === "full" : t > 0, yt = ge(
-  (h, c) => {
-    var u = h, { className: t = "", id: n, branch: e, node: s, ariaLabel: i, tabIndex: o, context: r } = u, a = N(u, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
-    const l = fe(), p = j(), [f, w] = B(), y = Ie(), g = ne(n), b = ft(n), { size: S = "none", indent: G = 0 } = ze(n), R = gt(S, s);
-    if (T(() => {
+  }, [n, o, t, e]), s;
+}, ft = (t, e) => e ? !0 : typeof t == "string" ? t === "full" : t > 0, gt = fe(
+  (u, a) => {
+    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 (n && !s) {
-          const A = l.nodes.get(n);
-          if (A && (w(ce(A, e)), R)) {
-            const z = A.mount(p);
+        if (e && !s) {
+          const S = l.nodes.get(e);
+          if (S && (m(ae(S, n)), L)) {
+            const I = S.mount(g);
             return () => {
-              z();
+              I();
             };
           }
         } else if (s) {
-          w(ce(s, e));
-          const A = s.mount(p);
+          m(ae(s, n));
+          const S = s.mount(g);
           return () => {
-            A();
+            S();
           };
         }
       }
-    }, [l, n, s, R]), !f || !R)
+    }, [l, e, s, L]), !f || !L)
       return null;
-    const V = m(m({}, g), r || {}), {
+    const R = p(p({}, b), r || {}), {
       cardinal: D,
-      fonts: x = {},
-      accessibility: Q = {}
-    } = V, F = N(V, [
+      fonts: N = {},
+      accessibility: Y = {}
+    } = R, G = M(R, [
       "cardinal",
       "fonts",
       "accessibility"
     ]), v = {
-      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({}, F), {
+      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: m({}, Q)
+      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__ */ d.createElement(Oe, { theme: M }, /* @__PURE__ */ d.createElement(Be.Provider, { value: f }, /* @__PURE__ */ d.createElement(Te.Provider, { value: b }, (() => {
-      const A = m({
-        "data-width": S === "full" ? y : Math.min(S, y),
-        "data-indent": G,
+    }), /* @__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": f.name,
         "data-node-id": f.id,
         "data-component-type": f.type,
         "aria-label": i,
         tabIndex: o,
         id: f.id,
-        role: b && b.role
-      }, a);
+        role: w && w.role
+      }, c);
       switch (f.type) {
         case "view":
-          return typeof b.animation == "string" && b.animation !== "none" ? /* @__PURE__ */ d.createElement(dt, C(m({}, A), { className: t })) : /* @__PURE__ */ d.createElement(ut, C(m({}, A), { 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 z = je(b);
+          const I = Te(w);
           return /* @__PURE__ */ d.createElement(
-            mt,
-            C(m(m({
-              ref: c
-            }, A), z), {
+            pt,
+            C(p(p({
+              ref: a
+            }, S), I), {
               className: t
             })
           );
@@ -317,80 +316,80 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
       }
     })())));
   }
-), ie = yt, bt = ({ builder: t }) => {
-  const n = j(), [e, s] = B(null);
-  return T(() => {
-    n.getAsync("components").then((i) => t(i).then((o) => {
+), te = gt, bt = ({ builder: t }) => {
+  const e = T(), [n, s] = z(null);
+  return B(() => {
+    e.getAsync("components").then((i) => t(i).then((o) => {
       s(o);
     }));
-  }, []), T(() => () => {
-    e && n.getAsync("components").then((i) => {
+  }, []), B(() => () => {
+    n && e.getAsync("components").then((i) => {
       i.nodes.detached = i.nodes.detached.filter(
-        (o) => o.id !== e.id
+        (o) => o.id !== n.id
       );
     });
-  }, [e]), e ? /* @__PURE__ */ d.createElement(ie, { id: e.id, node: e, branch: "default" }) : null;
-}, wt = bt, vt = /* @__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: wt
-}, Symbol.toStringTag, { value: "Module" })), Et = d.lazy(() => Promise.resolve().then(() => vt)), Ct = ({ showSearch: t = !1 }) => {
-  const n = Se(), e = j();
+  default: yt
+}, Symbol.toStringTag, { value: "Module" })), vt = d.lazy(() => Promise.resolve().then(() => wt)), Et = ({ showSearch: t = !1 }) => {
+  const e = Oe(), n = T();
   return /* @__PURE__ */ d.createElement(d.Suspense, { fallback: null }, /* @__PURE__ */ d.createElement(
-    Et,
+    vt,
     {
-      builder: (s) => e.get("settings").then((i) => {
-        var h;
+      builder: (s) => n.get("settings").then((i) => {
+        var u;
         const { properties: o, context: r } = Object.keys(i.components).reduce(
-          (u, l) => (i.components[l].type === "not-found" && (u.properties = i.components[l].properties, u.context = i.components[l].context), u),
+          (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;
-        const a = s.createNode("area", { detached: !0 });
-        if (a.name = "not-found-area", a.writeLayout({
+        const c = s.createNode("area", { detached: !0 });
+        if (c.name = "not-found-area", c.writeLayout({
           size: "full"
         }), t) {
-          const u = Object.keys(i.components).reduce(
-            (p, f) => i.components[f].type === "search" ? i.components[f].properties : p,
+          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({
-            "css-margin-bottom": ((h = n == null ? void 0 : n.sizes) == null ? void 0 : h.normal) || "15px"
-          }, u)), a.appendChild(l);
+          l.writeLayout({ size: "full" }), l.writeProperties(p({
+            "css-margin-bottom": ((u = e == null ? void 0 : e.sizes) == null ? void 0 : u.normal) || "15px"
+          }, h)), c.appendChild(l);
         }
-        const c = s.createNode("not-found", { detached: !0 });
-        return c.writeLayout({ size: "full" }), c.writeProperties(o), c.writeContext(r), a.appendChild(c), a;
+        const a = s.createNode("not-found", { detached: !0 });
+        return a.writeLayout({ size: "full" }), a.writeProperties(o), a.writeContext(r), c.appendChild(a), c;
       })
     }
   ));
-}, Jt = Ct, Ot = (t) => {
+}, Zt = Et, Ct = (t) => {
   if (t) {
-    const { type: n, content: e } = t;
-    switch (n) {
+    const { type: e, content: n } = t;
+    switch (e) {
       case "FontAwesome":
-        return `<i class="humany-icon fa fa-${e}"></i>`;
+        return `<i class="humany-icon fa fa-${n}"></i>`;
       case "Uri":
-        return `<i class="humany-icon humany-custom-icon" style="background: url(${e}) no-repeat center center;background-size: contain;"></i>`;
+        return `<i class="humany-icon humany-custom-icon" style="background: url(${n}) no-repeat center center;background-size: contain;"></i>`;
       default:
         return "";
     }
   }
-}, St = (t) => {
-  const n = (i, o) => {
-    !i || (o ? i.classList.add("humany-tabbing") : i.classList.remove("humany-tabbing"));
-  }, e = (i) => {
-    i.key === "Tab" ? n(t, !0) : i.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(t, !1);
+}, Ot = (t) => {
+  const e = (i, o) => {
+    i && (o ? i.classList.add("humany-tabbing") : i.classList.remove("humany-tabbing"));
+  }, n = (i) => {
+    i.key === "Tab" ? e(t, !0) : i.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || e(t, !1);
   }, s = (i) => {
-    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || n(t, !1);
+    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || e(t, !1);
   };
-  return document.addEventListener("keydown", e), document.addEventListener("click", s), () => {
-    document.removeEventListener("keydown", e), document.removeEventListener("click", s);
+  return document.addEventListener("keydown", n), document.addEventListener("click", s), () => {
+    document.removeEventListener("keydown", n), document.removeEventListener("click", s);
   };
 };
-function At(t, n) {
-  const { symbol: e, widgetName: s, label: i = "", ariaLabel: o = "", tooltip: r = "" } = n;
+function St(t, e) {
+  const { symbol: n, widgetName: s, label: i = "", ariaLabel: o = "", tooltip: r = "" } = e;
   t.classList.add("humany-trigger"), t.classList.add(`humany_${s}`), i.length && t.classList.add("humany-has-text"), o.length && !t.getAttribute("aria-label") && t.setAttribute("aria-label", o), o.length && !t.getAttribute("tabindex") && t.setAttribute("tabindex", "0"), r.length && !t.getAttribute("title") && t.setAttribute("title", r);
-  const a = Ot(e) || "";
-  return t.innerHTML = `${a}
+  const c = Ct(n) || "";
+  return t.innerHTML = `${c}
           <span class="humany-close">
             <svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z" fill="white"/>
@@ -408,233 +407,231 @@ function At(t, n) {
                 stroke-miterlimit="10" />
             </svg>
           </span>
-          ${i.length ? `<span>${i}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), St(t);
+          ${i.length ? `<span>${i}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), Ot(t);
 }
-function Dt(t, n) {
-  t instanceof HTMLElement ? (n && t.setAttribute("title", n), t.classList.remove("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((e) => {
-    n && e.setAttribute("title", n), e.classList.remove("humany-active"), e.classList.remove("humany-loading");
+function At(t, e) {
+  t instanceof HTMLElement ? (e && t.setAttribute("title", e), t.classList.remove("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((n) => {
+    e && n.setAttribute("title", e), n.classList.remove("humany-active"), n.classList.remove("humany-loading");
   });
 }
-function xt(t) {
-  t instanceof HTMLElement ? (t.classList.remove("humany-active"), t.classList.add("humany-loading")) : t instanceof Array && t.forEach((n) => {
-    n.classList.remove("humany-active"), n.classList.add("humany-loading");
+function Dt(t) {
+  t instanceof HTMLElement ? (t.classList.remove("humany-active"), t.classList.add("humany-loading")) : t instanceof Array && t.forEach((e) => {
+    e.classList.remove("humany-active"), e.classList.add("humany-loading");
   });
 }
-function be(t, n) {
-  t instanceof HTMLElement ? (n && t.setAttribute("title", n), t.classList.add("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((e) => {
-    n && e.setAttribute("title", n), e.classList.add("humany-active"), e.classList.remove("humany-loading");
+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 Mt = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "none", we = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Nt = (t, n, e, s, i = !1) => {
-  var h, u;
-  const o = Mt(
-    n,
-    e
-  ), r = we(s), a = {
-    widgetDOMElement: n ? n.cloneNode(!0) : void 0,
-    triggerDOMElement: e ? e.cloneNode(!0) : void 0
-  }, c = {
+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 = ye(s), c = {
+    widgetDOMElement: e ? e.cloneNode(!0) : void 0,
+    triggerDOMElement: n ? n.cloneNode(!0) : void 0
+  }, a = {
     triggerType: r,
-    cachedOriginals: a,
+    cachedOriginals: c,
     widgetDOMElement: document.createElement("div")
   };
   switch (o) {
     case "both": {
-      c.widgetDOMElement = n || document.createElement("div"), r !== "inline" && (c.triggerDOMElement = e);
+      a.widgetDOMElement = e || document.createElement("div"), r !== "inline" && (a.triggerDOMElement = n);
       break;
     }
     case "widgetDOM": {
-      if (c.widgetDOMElement = n || document.createElement("div"), r !== "inline") {
+      if (a.widgetDOMElement = e || document.createElement("div"), r !== "inline") {
         const l = document.body.appendChild(document.createElement("a"));
-        r === "link" && (l.innerText = t), c.triggerDOMElement = l;
+        r === "link" && (l.innerText = t), a.triggerDOMElement = l;
       }
       break;
     }
     case "triggerDOM": {
       const l = document.createElement("div");
-      c.widgetDOMElement = l, r === "inline" ? (l.id = (e == null ? void 0 : e.id) || "", i ? (l.style.display = "none", (h = e == null ? void 0 : e.parentNode) == null || h.appendChild(l), c.callback = () => {
-        var p;
-        (p = e == null ? void 0 : e.parentNode) == null || p.replaceChild(
+      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 g;
+        (g = n == null ? void 0 : n.parentNode) == null || g.replaceChild(
           l,
-          e
-        ), l.style.display = (e == null ? void 0 : e.style.display) || "block";
-      }) : (u = e == null ? void 0 : e.parentNode) == null || u.replaceChild(
+          n
+        ), l.style.display = (n == null ? void 0 : n.style.display) || "block";
+      }) : (h = n == null ? void 0 : n.parentNode) == null || h.replaceChild(
         l,
-        e
-      ), c.cachedOriginals.widgetDOMElement = e, c.cachedOriginals.triggerDOMElement = void 0) : (c.widgetDOMElement = document.body.appendChild(l), c.triggerDOMElement = e);
+        n
+      ), a.cachedOriginals.widgetDOMElement = n, a.cachedOriginals.triggerDOMElement = void 0) : (a.widgetDOMElement = document.body.appendChild(l), a.triggerDOMElement = n);
       break;
     }
     case "none": {
       const l = document.body.appendChild(document.createElement("div"));
-      if (c.widgetDOMElement = l, r !== "inline") {
-        const p = document.body.appendChild(document.createElement("a"));
-        r === "link" && (p.innerText = t), c.triggerDOMElement = p;
+      if (a.widgetDOMElement = l, r !== "inline") {
+        const g = document.body.appendChild(document.createElement("a"));
+        r === "link" && (g.innerText = t), a.triggerDOMElement = g;
       }
       break;
     }
   }
-  return c;
-}, $t = "modals";
-class Lt {
-  constructor(n, e) {
-    L(this, "container");
-    L(this, "unsubscribe", []);
-    this.options = e, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
+  return a;
+}, 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);
     const s = this.container.get("$widget");
     this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${s.name}`);
-    const i = n.get("widgetDOMElements") || [];
-    n.register("widgetDOMElements", [
+    const i = e.get("widgetDOMElements") || [];
+    e.register("widgetDOMElements", [
       ...i,
       this.options.widgetDOMElement
     ]);
   }
+  /**
+   * Renders the view outlet to the DOM.
+   */
   render() {
-    const { widgetDOMElement: n, triggerDOMElement: e } = this.options, s = this.container.get("$widget");
-    return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === k.Badge && xt(e), import("./render.f4c19b77.js").then((i) => i.default(this.container, n)).then(() => {
-      if (n.setAttribute("data-rendered", "true"), e && this.options.triggerType === k.Badge) {
+    const { widgetDOMElement: e, triggerDOMElement: n } = this.options, s = this.container.get("$widget");
+    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;
-        be(e, o);
+        be(n, o);
       }
-      Fe(this.container, n);
+      We(this.container, e);
       const i = this.container.get("$environment").widgets.all();
       $(
         this.container,
-        $t,
+        Mt,
         E.Session
       ).then((o) => {
         o && o.forEach((r) => {
           i.find(
-            (a) => a.name === r.name && a.state === "activated"
+            (c) => c.name === r.name && c.state === "activated"
           ) && s.events.dispatch("widget:modal-opened", r);
         });
       });
     }));
   }
-  renderBadge(n) {
-    const { triggerDOMElement: e } = this.options;
-    if (!e)
+  renderBadge(e) {
+    const { triggerDOMElement: n } = this.options;
+    if (!n)
       return;
-    e.getAttribute("role") || e.setAttribute("role", "button");
-    const { name: s } = this.container.get("$widget"), { label: i, symbol: o, ariaLabel: r, closedTooltip: a, openTooltip: c } = n, h = { closedTooltip: a, openTooltip: c };
-    this.options.triggerOptions = h;
-    const u = At(e, {
+    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 h = St(n, {
       label: i,
       symbol: o,
       ariaLabel: r,
       widgetName: s,
-      tooltip: a
+      tooltip: c
     });
-    this.unsubscribe.push(u);
+    this.unsubscribe.push(h);
   }
   dispose() {
-    return import("./unmount.b0816844.js").then((n) => {
-      var i, o, r, a;
-      const { triggerDOMElement: e, widgetDOMElement: s } = this.options;
-      n.default(s), this.options.cachedOriginals.widgetDOMElement && s && ((i = s.parentNode) == null || i.replaceChild(
+    return import("./unmount-063d8ea3.js").then((e) => {
+      var i, o, r, c;
+      const { triggerDOMElement: n, widgetDOMElement: s } = this.options;
+      e.default(s), this.options.cachedOriginals.widgetDOMElement && s && ((i = s.parentNode) == null || i.replaceChild(
         this.options.cachedOriginals.widgetDOMElement,
         s
-      )), this.options.cachedOriginals.triggerDOMElement && e && ((o = e.parentNode) == null || o.replaceChild(
+      )), this.options.cachedOriginals.triggerDOMElement && n && ((o = n.parentNode) == null || o.replaceChild(
         this.options.cachedOriginals.triggerDOMElement,
-        e
-      )), this.unsubscribe.forEach((c) => {
-        c();
-      }), (r = s.parentNode) == null || r.removeChild(s), (a = e == null ? void 0 : e.parentNode) == null || a.removeChild(e);
+        n
+      )), this.unsubscribe.forEach((a) => {
+        a();
+      }), (r = s.parentNode) == null || r.removeChild(s), (c = n == null ? void 0 : n.parentNode) == null || c.removeChild(n);
     });
   }
 }
-const K = "changesets", kt = (t) => {
-  const n = { tags: t.tags };
-  return t.context && typeof t.context != "function" && (n.context = t.context), t.properties && typeof t.properties != "function" && (n.properties = t.properties), t.layout && typeof t.layout != "function" && (n.layout = t.layout), n;
+const F = "changesets", Lt = (t) => {
+  const e = { tags: t.tags };
+  return t.context && typeof t.context != "function" && (e.context = t.context), t.properties && typeof t.properties != "function" && (e.properties = t.properties), t.layout && typeof t.layout != "function" && (e.layout = t.layout), e;
 };
-class oe {
-  constructor(n, e) {
-    this.container = n, this.storageWriter = e;
+class ne {
+  constructor(e, n) {
+    this.container = e, this.storageWriter = n;
   }
-  static create(n) {
-    return _(n, K, I.Necessary, {
+  static create(e) {
+    return V(e, F, _.Necessary, {
       medium: E.Local
-    }).then((e) => new oe(n, e));
+    }).then((n) => new ne(e, n));
   }
-  write(n, e, s, i) {
-    return J(this)(() => $(
+  write(e, n, s, i) {
+    return q(this)(() => $(
       this.container,
-      K,
+      F,
       E.Local
     ).then((o = {}) => {
-      const { keys: r = [], items: a = {} } = o, c = r.indexOf(n);
-      return c > -1 && r.splice(c, 1), r.push(n), a[n] = {
+      const { keys: r = [], items: c = {} } = o, a = r.indexOf(e);
+      return a > -1 && r.splice(a, 1), r.push(e), c[e] = {
         options: i,
-        attributes: kt(s),
-        rules: e.rules
-      }, this.storageWriter({ keys: r, items: a });
+        attributes: Lt(s),
+        rules: n.rules
+      }, this.storageWriter({ keys: r, items: c });
     }));
   }
-  remove(n) {
-    return J(this)(() => $(
+  remove(e) {
+    return q(this)(() => $(
       this.container,
-      K,
+      F,
       E.Local
-    ).then((e = {}) => {
-      const { keys: s = [], items: i = {} } = e, o = s.indexOf(n);
+    ).then((n = {}) => {
+      const { keys: s = [], items: i = {} } = n, o = s.indexOf(e);
       if (o > -1)
-        return s.splice(o, 1), delete i[n], this.storageWriter(e);
+        return s.splice(o, 1), delete i[e], this.storageWriter(n);
     }));
   }
-  load(n) {
-    return J(this)(() => $(
+  load(e) {
+    return q(this)(() => $(
       this.container,
-      K,
+      F,
       E.Local
-    ).then((e = {}) => {
-      const { keys: s = [], items: i = {} } = e;
+    ).then((n = {}) => {
+      const { keys: s = [], items: i = {} } = n;
       s.forEach((o) => {
         const r = i[o];
         if (r) {
-          const { rules: a, attributes: c, options: h } = r;
-          n.write({
-            attributes: c,
-            options: h,
-            target: new xe(n, a)
+          const { rules: c, attributes: a, options: u } = r;
+          e.write({
+            attributes: a,
+            options: u,
+            target: new De(e, c)
           });
         }
       });
     }));
   }
 }
-const Pt = (t) => {
-  const { container: n } = t;
-  return oe.create(n).then((e) => {
-    const s = n.get("$settings"), i = { localStorage: e }, o = new Ae(t, i), r = De(o, s);
-    return t.events.subscribe("widget:state-change", (a, c) => {
-      c.state === Je.Deactivating && r();
+const kt = (t) => {
+  const { container: e } = t;
+  return ne.create(e).then((n) => {
+    const s = e.get("$settings"), i = { localStorage: n }, o = new Se(t, i), r = Ae(o, s);
+    return t.events.subscribe("widget:state-change", (c, a) => {
+      a.state === Ze.Deactivating && r();
     }), o;
   });
-}, Rt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: n, HistoryMode: e }) => t.get("settings").then((s) => {
+}, Pt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: e, HistoryMode: n }) => t.get("settings").then((s) => {
   const {
-    routing: { initialPath: i = "/", mode: o = e.scopedHash, basePath: r },
-    views: a
+    routing: { initialPath: i = "/", mode: o = n.scopedHash, basePath: r },
+    views: c
   } = s;
-  return new n(t, {
+  return new e(t, {
     initialPath: i,
     mode: o,
-    routes: Object.keys(a).map((h) => ({
-      name: h,
-      path: a[h].path
+    routes: Object.keys(c).map((u) => ({
+      name: u,
+      path: c[u].path
     })),
     basePath: r
   });
-})), Vt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), _t = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(t)), It = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(t)), zt = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: n, createComponentModel: e }) => Pt(t.get("$widget"))), ee = "$settings", U = "open", ue = "activeStickyWidget";
-class Xt extends Xe {
+})), Rt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: e }) => new e()), Vt = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: e }) => new e(t)), _t = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: e }) => new e(t)), It = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: e, createComponentModel: n }) => kt(t.get("$widget"))), Z = "$settings", H = "open", le = "activeStickyWidget";
+class Jt extends Je {
   constructor(e) {
-    super(e);
-    L(this, "outlets", /* @__PURE__ */ new Map());
-    L(this, "activated");
-    L(this, "subs", []);
-    L(this, "handleBootstrapping", (e) => {
+    super(e), this.outlets = /* @__PURE__ */ new Map(), this.activated = void 0, this.subs = [], this.handleBootstrapping = (n) => {
       const s = {
-        triggerDOMElement: e.sourceDOMElement,
+        triggerDOMElement: n.sourceDOMElement,
         withRenderState: "storage"
+        /* Storage */
       };
       this.container.get("settings").then((i) => {
         const { activate: o } = i;
@@ -642,45 +639,44 @@ class Xt extends Xe {
           () => this.attach(s)
         ));
       });
-    });
-    this.container.registerAsync("storage", () => Vt(this.container)), this.container.registerFactory("settings", () => $(
+    }, this.container.registerAsync("storage", () => Rt(this.container)), this.container.registerFactory("settings", () => $(
       this.container,
-      ee,
+      Z,
       E.Local
-    ).then((s = {}) => m(m({}, this.container.get("$settings")), s))), Ze(this, "load", this.handleBootstrapping), this.container.registerAsync(
+    ).then((n = {}) => p(p({}, this.container.get("$settings")), n))), Qe(this, "load", this.handleBootstrapping), this.container.registerAsync(
       "componentResolver",
-      () => It(this.container)
-    ), this.container.registerAsync("router", () => Rt(this.container)), this.container.registerAsync("actionResolver", () => _t(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => zt(this.container));
+      () => _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));
   }
   initialize() {
     const e = this.container.getManyAsync(
       "actionResolver",
       "router",
       "components"
-    );
-    return Promise.all([e, this.container.get("settings")]).then(
+    ), 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 h;
+        var u;
         s.subscribe(
           this.widget.name,
-          (u, l, p) => this.onAction(l, p)
+          (h, l, g) => this.onAction(l, g)
         );
-        const a = (u) => {
+        const c = (h) => {
           o.nodes.query({ type: "view" }).forEach((l) => {
-            o.setSwitch(l, u);
+            o.setSwitch(l, h);
           });
-        }, c = ((h = i.getInitialRoute()) == null ? void 0 : h.name) || "index";
-        return a(c), this.events.subscribe("widget:data-loaded", (u, { element: l }) => {
+        }, 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: l
           });
         }), this.events.subscribe(
           "router:change",
-          (u, { previous: l = { routeData: {} }, next: p = { routeData: {} } }) => {
-            const { routeData: f } = l, { routeData: w } = p, y = Object.keys(r.views).reduce((g, b) => typeof r.views[b].path == "undefined" ? b : g, "");
-            !w.name && y ? a(y) : a(w.name), le(f && f.params), le(w && w.params), this.container.getAsync("actionResolver").then((g) => {
-              g.action(this.widget.name, "routeChange", {
-                next: w,
+          (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: m,
                 previous: f
               });
             });
@@ -690,71 +686,71 @@ class Xt extends Xe {
     );
   }
   attach(e = {}) {
-    return this.container.get("settings").then(({ trigger: s }) => {
-      var f, w;
+    return this.container.get("settings").then(({ trigger: n }) => {
+      var g, f;
       const {
-        widgetDOMElement: i,
-        key: o = He(),
-        triggerDOMElement: r,
-        withRenderState: a
-      } = e, h = we(s) === k.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, u = Nt(
+        widgetDOMElement: s,
+        key: i = Fe(),
+        triggerDOMElement: o,
+        withRenderState: r
+      } = e, a = ye(n) === k.Inline && ((o == null ? void 0 : o.childElementCount) || 0) > 0, u = xt(
         this.widget.name,
-        i,
-        r,
         s,
-        h
+        o,
+        n,
+        a
       );
-      this.outlets.size < 1 && !a && this.setRenderState("unset");
-      const l = () => {
-        const y = () => g.querySelectorAll("[data-loading=true]").length === 0, [g] = this.widget.container.get("widgetDOMElements"), b = (R, W) => {
-          y() && (u.callback && u.callback(), W.disconnect());
-        }, S = {
+      this.outlets.size < 1 && !r && this.setRenderState("unset");
+      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
         };
-        y() && u.callback && u.callback(), new MutationObserver(b).observe(g, S);
+        m() && u.callback && u.callback(), new MutationObserver(b).observe(y, w);
       };
-      h && this.widget.container.getAsync("dataClient").then(({ events: y }) => {
-        y.subscribe("data-client:fetched", (g, b) => {
-          b.unresolvedQueries === 0 && l();
+      a && this.widget.container.getAsync("dataClient").then(({ events: m }) => {
+        m.subscribe("data-client:fetched", (y, b) => {
+          b.unresolvedQueries === 0 && h();
         });
       });
-      const p = this.getOrCreateViewOutlet(o, u);
-      if (this.outlets.set(o, p), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === k.Badge && s && ((f = u.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), p == null || p.renderBadge(s)), u.triggerType !== k.Inline && ((w = u.triggerDOMElement) == null || w.addEventListener("click", (y) => {
-        y.preventDefault(), this.container.get("settings").then(({ trigger: g }) => {
-          p.render().then(() => this.renderState()).then((b) => g && g.action && g.action === "hide" ? b === O.open ? this.hide() : this.open() : b === O.open ? this.close() : this.open());
+      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 && ((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((y) => {
-          this.triggerStateIfApplicable(y);
+        return this.renderState().then((m) => {
+          this.triggerStateIfApplicable(m);
         });
-      if (a)
-        return a === "storage" ? this.renderState().then((y) => {
+      if (r)
+        return r === "storage" ? this.renderState().then((m) => {
           if (u.triggerType === k.Inline) {
             this.triggerStateIfApplicable("open");
             return;
           }
-          this.triggerStateIfApplicable(y);
-        }) : this.triggerStateIfApplicable(a);
+          this.triggerStateIfApplicable(m);
+        }) : this.triggerStateIfApplicable(r);
     });
   }
   detach(e) {
     if (e) {
       if (this.outlets.has(e)) {
-        const s = this.outlets.get(e);
-        s == null || s.dispose(), this.outlets.delete(e);
+        const n = this.outlets.get(e);
+        n == null || n.dispose(), this.outlets.delete(e);
         return;
       }
       process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${e}`);
       return;
     }
-    this.outlets.forEach((s) => {
-      s.dispose();
+    this.outlets.forEach((n) => {
+      n.dispose();
     }), this.outlets.clear();
   }
   triggerStateIfApplicable(e) {
-    return this.container.getAsync("router").then((s) => {
+    return this.container.getAsync("router").then((n) => {
       switch (e) {
         case "closed":
           this.close();
@@ -763,22 +759,23 @@ class Xt extends Xe {
           this.open();
           break;
         case "hidden":
-          this.hide(), s.start();
+          this.hide(), n.start();
           break;
         default:
           return;
       }
     });
   }
-  getOrCreateViewOutlet(e, s) {
-    return this.outlets.has(e) ? this.outlets.get(e) : new Lt(this.container, s);
+  getOrCreateViewOutlet(e, n) {
+    return this.outlets.has(e) ? this.outlets.get(e) : new $t(this.container, n);
   }
   render(e = {}) {
     if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), e.open) {
-      const s = C(m({}, e), {
+      const n = C(p({}, e), {
         withRenderState: "open"
+        /* Open */
       });
-      return this.attach(s);
+      return this.attach(n);
     }
     return this.attach(e);
   }
@@ -788,42 +785,42 @@ class Xt extends Xe {
   setSettings(e) {
     return Promise.all([
       this.container.get("settings"),
-      _(this.container, ee, I.Necessary, {
+      V(this.container, Z, _.Necessary, {
         medium: E.Local
       })
-    ]).then(([s, i]) => Promise.resolve(e(s)).then((o) => i(o).then(() => {
-      const r = m(m({}, s), o);
-      return this.widget.events.dispatch("widget:settings-updated", r), r;
+    ]).then(([n, s]) => Promise.resolve(e(n)).then((i) => s(i).then(() => {
+      const o = p(p({}, n), i);
+      return this.widget.events.dispatch("widget:settings-updated", o), o;
     })));
   }
   clearSettings() {
-    return _(
+    return V(
       this.container,
-      ee,
-      I.Necessary,
+      Z,
+      _.Necessary,
       { medium: E.Local }
     ).then((e) => e()).then(() => this.container.get("settings")).then((e) => {
       this.widget.events.dispatch("widget:settings-updated", e);
     });
   }
-  action({ action: e, value: s }) {
-    return this.container.getAsync("actionResolver").then((i) => {
-      i.action(this.widget.name, e, s);
+  action({ action: e, value: n }) {
+    return this.container.getAsync("actionResolver").then((s) => {
+      s.action(this.widget.name, e, n);
     });
   }
   renderState() {
-    if (qe(this.container))
+    if (Ye(this.container))
       return Promise.resolve(O.open);
     const e = () => $(
       this.container,
-      U,
+      H,
       E.Session
-    ).then((i = O.closed) => i), s = () => $(
+    ).then((s = O.closed) => s), n = () => $(
       this.container,
-      U,
+      H,
       E.Session
-    ).then((i = O.closed) => i);
-    return this.container.getAsync("router").then((i) => i.isSticky() ? s().then((o) => o === O.open ? o : e()) : e());
+    ).then((s = O.closed) => s);
+    return this.container.getAsync("router").then((s) => s.isSticky() ? n().then((i) => i === O.open ? i : e()) : e());
   }
   hide() {
     return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
@@ -847,36 +844,36 @@ class Xt extends Xe {
       "show(): Command is deprecated and will be removed in the future. Use open() instead."
     ), this.open();
   }
-  onAction(e, s) {
+  onAction(e, n) {
     switch (e) {
       case "close":
       case "open":
       case "hide":
-        const i = e === "open" ? O.open : e === "close" ? O.closed : O.hidden;
-        return this.setRenderState(i).then(() => {
-          this.setTriggerState(i === O.open), i !== O.hidden ? i === O.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
-            (o) => {
-              var r;
-              return (r = o.options.triggerDOMElement) == null ? void 0 : r.setAttribute("aria-expanded", "false");
+        const s = e === "open" ? O.open : e === "close" ? O.closed : O.hidden;
+        return this.setRenderState(s).then(() => {
+          this.setTriggerState(s === O.open), s !== O.hidden ? s === O.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
+            (i) => {
+              var o;
+              return (o = i.options.triggerDOMElement) == null ? void 0 : o.setAttribute("aria-expanded", "false");
             }
           );
         });
     }
   }
   setRenderState(e) {
-    const { invoke: s, events: i } = this.container.get("$widget");
+    const { invoke: n, events: s } = this.container.get("$widget");
     return Promise.all([
-      _(this.container, U, I.Necessary, {
+      V(this.container, H, _.Necessary, {
         medium: E.Session
       }),
-      _(this.container, U, I.Necessary, {
+      V(this.container, H, _.Necessary, {
         medium: E.Local,
         duration: { minutes: 5 }
       }),
       this.container.getAsync("router"),
-      s("renderState")
-    ]).then(([o, r, a, c]) => {
-      e === "unset" || !e ? (r(), o()) : (a.isSticky() && r(e), o(e)), i.dispatch("widget:render-state-changed", {
+      n("renderState")
+    ]).then(([i, o, r, c]) => {
+      e === "unset" || !e ? (o(), i()) : (r.isSticky() && o(e), i(e)), s.dispatch("widget:render-state-changed", {
         previous: c,
         next: e
       });
@@ -884,70 +881,70 @@ class Xt extends Xe {
   }
   onOpen() {
     return this.container.getAsync("router").then((e) => (this.outlets.forEach(
-      (s) => {
-        var i;
-        return (i = s.options.triggerDOMElement) == null ? void 0 : i.setAttribute("aria-expanded", "true");
+      (n) => {
+        var s;
+        return (s = n.options.triggerDOMElement) == null ? void 0 : s.setAttribute("aria-expanded", "true");
       }
     ), e.start()));
   }
   onClose() {
     const e = this.container.getManyAsync("router", "components");
-    return (() => this.container.get("settings").then((i) => {
-      const { activate: o } = this.container.get("$settings");
-      return i.activate !== o ? this.setSettings(() => Promise.resolve({ activate: o })) : Promise.resolve();
+    return (() => this.container.get("settings").then((s) => {
+      const { activate: i } = this.container.get("$settings");
+      return s.activate !== i ? this.setSettings(() => Promise.resolve({ activate: i })) : Promise.resolve();
     }))().then(() => e).then(
       ({
-        router: i,
-        components: o
+        router: s,
+        components: i
       }) => {
-        const r = o.nodes.visible;
+        const o = i.nodes.visible;
         return this.outlets.forEach(
-          (a) => {
+          (r) => {
             var c;
-            return (c = a.options.triggerDOMElement) == null ? void 0 : c.setAttribute("aria-expanded", "false");
+            return (c = r.options.triggerDOMElement) == null ? void 0 : c.setAttribute("aria-expanded", "false");
           }
-        ), r.filter(
-          (a) => a.attributes.properties.animation && a.attributes.properties.animation !== "none"
-        ).length ? new Promise((a) => {
+        ), o.filter(
+          (r) => r.attributes.properties.animation && r.attributes.properties.animation !== "none"
+        ).length ? new Promise((r) => {
           setTimeout(() => {
-            a(i);
+            r(s);
           }, 200);
-        }) : Promise.resolve(i);
+        }) : Promise.resolve(s);
       }
-    ).then((i) => i.stop());
+    ).then((s) => s.stop());
   }
   setTriggerState(e) {
-    this.outlets.forEach((s) => {
+    this.outlets.forEach((n) => {
       const {
-        options: { triggerDOMElement: i, triggerOptions: o }
-      } = s, { openTooltip: r, closedTooltip: a } = o || {};
-      i && (e ? be(i, r) : Dt(i, a));
+        options: { triggerDOMElement: s, triggerOptions: i }
+      } = n, { openTooltip: o, closedTooltip: r } = i || {};
+      s && (e ? be(s, o) : At(s, r));
     });
   }
   deactivate() {
-    this.subs.forEach((s) => s());
+    this.subs.forEach((n) => n());
     const e = [];
-    return this.outlets.forEach((s) => e.push(s.dispose())), $(
+    return this.outlets.forEach((n) => e.push(n.dispose())), $(
       this.container,
-      ue,
+      le,
       E.Local
-    ).then((s) => s === this.widget.name ? _(
+    ).then((n) => n === this.widget.name ? V(
       this.container,
-      ue,
-      I.Necessary,
+      le,
+      _.Necessary,
       {
         medium: E.Local,
-        scope: Qe.Implementation
+        scope: qe.Implementation
       }
-    ).then((i) => i()).then(() => Promise.all(e)) : Promise.all(e));
+    ).then((s) => s()).then(() => Promise.all(e)) : Promise.all(e));
   }
 }
 export {
-  ie as Component,
-  wt as DetachedComponent,
-  Xt as GridWidget,
-  Jt as NotFound,
-  Xt as Widget,
-  q as genericComponentStyling
+  te as Component,
+  yt as DetachedComponent,
+  Jt as GridWidget,
+  Zt as NotFound,
+  Jt as Widget,
+  U as genericComponentStyling
 };
 //# sourceMappingURL=index.js.map