@telia-ace/widget-types-grid 1.3.58-rc.0 → 1.3.58-rc.1

package/index.mjs

@@ -1,46 +1,46 @@
-var dt = Object.defineProperty;
-var ht = (e, n, t) => n in e ? dt(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var x = (e, n, t) => ht(e, typeof n != "symbol" ? n + "" : n, t);
+var me = Object.defineProperty;
+var fe = (t, n, e) => n in t ? me(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
+var N = (t, n, e) => fe(t, typeof n != "symbol" ? n + "" : n, e);
 import { jsx as m } from "react/jsx-runtime";
-import { css as nt, ThemeProvider as pt, useTheme as mt } from "@emotion/react";
-import { asDescriptor as X, ComponentPlatform as ft, createComponentModel as gt, ComponentQuery as bt, WidgetRenderState as O } from "@telia-ace/widget-core";
-import { Grid as it, useRouteData as yt, useRouter as wt, useProperties as st, useContext as Y, useContainer as z, useComponentNode as q, useScroll as ot, transitionComposer as vt, paddedBorderTabStyle as Ot, useComponent as Ct, useComponentDescriptor as Et, filterCssPropsStyle as At, Typography as St, useComponentPlatform as rt, useIsMounted as Mt, useColumns as Dt, useLayout as xt, ComponentNodeContext as Nt, ComponentPropertyContext as Lt, filterCssProps as $t } from "@telia-ace/widget-ui";
-import Q, { useState as _, forwardRef as at, useMemo as Pt, Suspense as kt, useEffect as I } from "react";
+import { css as se, ThemeProvider as ge, useTheme as be } from "@emotion/react";
+import { asDescriptor as te, ComponentPlatform as ye, createComponentModel as we, ComponentQuery as ve, WidgetRenderState as O } from "@telia-ace/widget-core";
+import { Grid as oe, useRouteData as Oe, useRouter as Ee, useProperties as re, useContext as Q, useContainer as T, useComponentNode as Z, useScroll as ae, transitionComposer as Ce, paddedBorderTabStyle as De, useComponent as Ae, useComponentDescriptor as Se, filterCssPropsStyle as Me, Typography as Ne, useComponentPlatform as ce, useIsMounted as xe, useColumns as Le, useLayout as $e, ComponentNodeContext as ke, ComponentPropertyContext as Pe, filterCssProps as Re } from "@telia-ace/widget-ui";
+import J, { useState as _, forwardRef as le, useMemo as Ie, Suspense as _e, useEffect as V } from "react";
 import L from "@emotion/styled";
-import { appendClassNames as j, notifyDataLoaded as Rt, lock as H, removeNullAndUndefinedValues as tt, uuid as Vt } from "@telia-ace/widget-utilities";
-import { TransitionGroup as _t, Transition as It } from "react-transition-group";
-import { Switch as zt, Route as F } from "react-router";
-import { onWidgetUrl as Bt } from "@telia-ace/widget-routing";
-import { readStorage as M, StorageMedium as v, createStorageWriter as P, StorageCategory as k, StorageScope as Tt } from "@telia-ace/widget-services";
-import { supportBootstrapping as jt } from "@webprovisions/bootstrapping";
-import { WidgetState as Wt, WidgetType as Gt } from "@webprovisions/platform";
-var U = /* @__PURE__ */ ((e) => (e.back = "back", e.forth = "forth", e))(U || {});
-const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[e] > t[n] ? "back" : "forth", ct = ({ views: e, location: n, render: t }) => /* @__PURE__ */ m(
-  zt,
+import { appendClassNames as F, isEscapeHandled as Ve, notifyDataLoaded as Te, lock as j, removeNullAndUndefinedValues as ne, uuid as ze } from "@telia-ace/widget-utilities";
+import { TransitionGroup as Be, Transition as Fe } from "react-transition-group";
+import { Switch as Ke, Route as H } from "react-router-dom";
+import { onWidgetUrl as We } from "@telia-ace/widget-routing";
+import { readStorage as S, StorageMedium as v, createStorageWriter as k, StorageCategory as P, StorageScope as Ge } from "@telia-ace/widget-services";
+import { supportBootstrapping as je } from "@webprovisions/bootstrapping";
+import { WidgetState as He, WidgetType as Ue } from "@webprovisions/platform";
+var q = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(q || {});
+const qe = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[t] > e[n] ? "back" : "forth", ue = ({ views: t, location: n, render: e }) => /* @__PURE__ */ m(
+  Ke,
   {
     location: n && {
       ...n,
       pathname: n.pathname.split("?")[0]
     },
     children: [
-      ...Object.keys(e).filter((i) => !!e[i].path),
-      ...Object.keys(e).filter((i) => !e[i].path)
+      ...Object.keys(t).filter((i) => !!t[i].path),
+      ...Object.keys(t).filter((i) => !t[i].path)
     ].map((i) => {
-      const { path: s } = e[i];
-      return s ? Array.isArray(s) ? s.map((o) => /* @__PURE__ */ m(F, { exact: !0, path: o, render: () => t(i) }, i)) : /* @__PURE__ */ m(F, { exact: !0, path: s, render: () => t(i) }, i) : /* @__PURE__ */ m(F, { render: () => t(i) }, i);
+      const { path: s } = t[i];
+      return s ? Array.isArray(s) ? s.map((o) => /* @__PURE__ */ m(H, { exact: !0, path: o, render: () => e(i) }, i)) : /* @__PURE__ */ m(H, { exact: !0, path: s, render: () => e(i) }, i) : /* @__PURE__ */ m(H, { render: () => e(i) }, i);
     })
   }
-), Ft = L.div`
+), Ye = L.div`
   position: relative;
   width: 100%;
   flex: 1;
-`, Kt = L(it)`
+`, Qe = L(oe)`
   position: absolute;
   left: 0;
   right: 0;
-  ${(e) => !!e.animationCss && e.animationCss}
-  ${(e) => !!e.scrollableCss && e.scrollableCss}
-`, Ut = {
+  ${(t) => !!t.animationCss && t.animationCss}
+  ${(t) => !!t.scrollableCss && t.scrollableCss}
+`, Ze = {
   index: 1,
   search: 2,
   browse: 3,
@@ -48,110 +48,110 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
   contact: 5,
   "contact-method": 6,
   conversation: 7
-}, Yt = ({ className: e = "", ...n }) => {
-  const [t, i] = _("index"), [s, o] = _(
-    U.forth
-  ), r = yt(), a = wt(), c = st(), p = Y(), u = z(), l = q(), { gap: d = "0" } = p, {
+}, Je = ({ className: t = "", ...n }) => {
+  const [e, i] = _("index"), [s, o] = _(
+    q.forth
+  ), r = Oe(), a = Ee(), c = re(), d = Q(), u = T(), l = Z(), { gap: h = "0" } = d, {
     columns: f = 1,
     animation: g = "none",
-    scrollable: h = !1,
+    scrollable: p = !1,
     ...b
-  } = c, [y, A] = ot(h);
+  } = c, [y, D] = ae(p);
   if (!l || !a)
     return null;
   const { location: R } = a;
-  r.name !== t && r.name !== "" && g && (o(
-    Ht(t, r.name, Ut)
+  r.name !== e && r.name !== "" && g && (o(
+    qe(e, r.name, Ze)
   ), i(r.name));
-  const { views: S } = u.get("$settings");
-  if (!Object.keys(S).length)
+  const { views: A } = u.get("$settings");
+  if (!Object.keys(A).length)
     return null;
-  const C = (w, D, $) => {
-    const E = G(D, $), V = l.getChildren(w)[0];
+  const E = (w, M, $) => {
+    const C = G(M, $), I = l.getChildren(w)[0];
     return /* @__PURE__ */ m(
-      Kt,
+      Qe,
       {
         ...n,
         ...b,
         scrollableCss: y,
-        ref: A,
+        ref: D,
         columns: f,
-        gap: d,
-        ...E,
-        className: j(e, "humany-view"),
-        children: /* @__PURE__ */ m(Z, { id: V.id, branch: "default" })
+        gap: h,
+        ...C,
+        className: F(t, "humany-view"),
+        children: /* @__PURE__ */ m(X, { id: I.id, branch: "default" })
       }
     );
-  }, G = (w, D) => {
+  }, G = (w, M) => {
     if (g === "slide" || g === "fade")
       return {
-        animationCss: vt.composeViewTransition(
+        animationCss: Ce.composeViewTransition(
           w,
           g,
-          D
+          M
         ),
         "data-state": w
       };
   };
-  return /* @__PURE__ */ m(Ft, { className: "humany-animated-view", children: /* @__PURE__ */ m(
-    _t,
+  return /* @__PURE__ */ m(Ye, { className: "humany-animated-view", children: /* @__PURE__ */ m(
+    Be,
     {
       component: null,
-      childFactory: (w) => Q.cloneElement(w, { direction: s }),
+      childFactory: (w) => J.cloneElement(w, { direction: s }),
       children: /* @__PURE__ */ m(
-        It,
+        Fe,
         {
           timeout: { enter: 500, exit: 500 },
           onEnter: (w) => w == null ? void 0 : w.clientHeight,
           unmountOnExit: !0,
-          direction: U.forth,
-          children: (w, { direction: D }) => /* @__PURE__ */ m(
-            ct,
+          direction: q.forth,
+          children: (w, { direction: M }) => /* @__PURE__ */ m(
+            ue,
             {
-              views: S,
+              views: A,
               location: R,
-              render: ($) => C($, w, D)
+              render: ($) => E($, w, M)
             }
           )
         },
-        t
+        e
       )
     }
   ) });
-}, qt = L(it)`
-  ${(e) => !!e.scrollableCss && e.scrollableCss}
-`, Qt = ({ className: e = "", ...n }) => {
-  const t = st(), i = Y(), s = z(), o = q(), { views: r } = s.get("$settings"), { gap: a = "0" } = i, {
+}, Xe = L(oe)`
+  ${(t) => !!t.scrollableCss && t.scrollableCss}
+`, et = ({ className: t = "", ...n }) => {
+  const e = re(), i = Q(), s = T(), o = Z(), { views: r } = s.get("$settings"), { gap: a = "0" } = i, {
     columns: c = 1,
-    animation: p = "none",
+    animation: d = "none",
     scrollable: u = !1,
     ...l
-  } = t, [d, f] = ot(u);
+  } = e, [h, f] = ae(u);
   return o ? /* @__PURE__ */ m(
-    qt,
+    Xe,
     {
       ...n,
       ...l,
-      scrollableCss: d,
+      scrollableCss: h,
       ref: f,
       columns: c,
       gap: a,
-      className: j(e, "humany-view"),
+      className: F(t, "humany-view"),
       children: /* @__PURE__ */ m(
-        ct,
+        ue,
         {
           views: r,
           render: (g) => {
-            const h = o.getChildren(g)[0];
-            return /* @__PURE__ */ m(Z, { id: h.id, node: h, branch: "default" });
+            const p = o.getChildren(g)[0];
+            return /* @__PURE__ */ m(X, { id: p.id, node: p, branch: "default" });
           }
         }
       )
     }
   ) : null;
-}, W = (e) => {
-  var n, t;
-  return nt`
+}, K = (t) => {
+  var n, e;
+  return se`
   outline: none;
   box-sizing: border-box;
   * {
@@ -159,63 +159,63 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
     outline: none;
   }
 
-  grid-column: ${e["data-indent"] ? `${e["data-indent"] + 1} / ${e["data-indent"] + (e["data-width"] || 0) + 1}` : `span ${e["data-width"]}`};
+  grid-column: ${t["data-indent"] ? `${t["data-indent"] + 1} / ${t["data-indent"] + (t["data-width"] || 0) + 1}` : `span ${t["data-width"]}`};
 
-  ${((n = e.theme.fonts) == null ? void 0 : n.type) && `
-    font-family: ${e.theme.fonts.type};
+  ${((n = t.theme.fonts) == null ? void 0 : n.type) && `
+    font-family: ${t.theme.fonts.type};
 
     input, textarea {
-      font-family: ${e.theme.fonts.type};
+      font-family: ${t.theme.fonts.type};
     }
   `}
 
-  ${((t = e.theme.fonts) == null ? void 0 : t.base) && `
-    font-size: ${e.theme.fonts.base};
+  ${((e = t.theme.fonts) == null ? void 0 : e.base) && `
+    font-size: ${t.theme.fonts.base};
   `}
 
   &:focus-visible {
-    ${Ot(e)};
+    ${De(t)};
   }
 `;
-}, Zt = L(Qt)`
-  ${(e) => W(e)}
-`, Jt = L(Yt)`
-  ${(e) => W(e)}
-`, Xt = L.div`
+}, tt = L(et)`
+  ${(t) => K(t)}
+`, nt = L(Je)`
+  ${(t) => K(t)}
+`, it = L.div`
   text-align: center;
-  ${(e) => {
-  var n, t, i;
-  return typeof ((n = e.theme.colors) == null ? void 0 : n.warning) < "u" && nt`
-      color: ${(t = e.theme.colors) == null ? void 0 : t.warning};
-      border: 2px dashed ${(i = e.theme.colors) == null ? void 0 : i.warning};
+  ${(t) => {
+  var n, e, i;
+  return typeof ((n = t.theme.colors) == null ? void 0 : n.warning) < "u" && se`
+      color: ${(e = t.theme.colors) == null ? void 0 : e.warning};
+      border: 2px dashed ${(i = t.theme.colors) == null ? void 0 : i.warning};
     `;
 }}
-  ${(e) => typeof e.theme.borderRadius < "u" && `border-radius: ${e.theme.borderRadius};`}
-  ${(e) => W(e)}
-`, te = at(
-  ({ className: e = "", children: n, ...t }, i) => {
-    const s = Ct(), { name: o, type: r, id: a } = Et(), c = Pt(() => s ? L(s)`
-          ${W}
-          ${At}
+  ${(t) => typeof t.theme.borderRadius < "u" && `border-radius: ${t.theme.borderRadius};`}
+  ${(t) => K(t)}
+`, st = le(
+  ({ className: t = "", children: n, ...e }, i) => {
+    const s = Ae(), { name: o, type: r, id: a } = Se(), c = Ie(() => s ? L(s)`
+          ${K}
+          ${Me}
         ` : null, [s]);
     return typeof s > "u" ? null : s === null || c === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ m(
-      Xt,
+      it,
       {
-        ...t,
+        ...e,
         title: `type: ${r}, definition-id: ${o}, instance-id: ${a}`,
-        className: j(
-          e,
+        className: F(
+          t,
           "humany-non-resolved-component"
         ),
-        children: /* @__PURE__ */ m(St, { variant: "h5", children: "Non Resolved Component Type" })
+        children: /* @__PURE__ */ m(Ne, { variant: "h5", children: "Non Resolved Component Type" })
       }
-    ) : null : /* @__PURE__ */ m(kt, { fallback: null, children: /* @__PURE__ */ m(
+    ) : null : /* @__PURE__ */ m(_e, { fallback: null, children: /* @__PURE__ */ m(
       c,
       {
         ref: i,
-        ...t,
-        className: j(
-          e,
+        ...e,
+        className: F(
+          t,
           "humany-component",
           `humany-component-${o}`
         ),
@@ -223,13 +223,13 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
       }
     ) });
   }
-), ee = (e) => {
-  const n = q(e), t = rt(), [i, s] = _({}), o = Mt();
-  return I(() => {
+), ot = (t) => {
+  const n = Z(t), e = ce(), [i, s] = _({}), o = xe();
+  return V(() => {
     n && o.current && s(n.attributes.properties);
-  }, [n, e, o]), I(() => {
-    if (t) {
-      const r = t.events.subscribe(
+  }, [n, t, o]), V(() => {
+    if (e) {
+      const r = e.events.subscribe(
         "components:properties-changed",
         (a, c) => {
           n === c.node && o.current && s(c.node.attributes.properties);
@@ -239,67 +239,67 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
         r();
       };
     }
-  }, [t, o, e, n]), i;
-}, ne = (e, n) => n ? !0 : typeof e == "string" ? e === "full" : e > 0, Z = at(
+  }, [e, o, t, n]), i;
+}, rt = (t, n) => n ? !0 : typeof t == "string" ? t === "full" : t > 0, X = le(
   ({
-    className: e = "",
+    className: t = "",
     id: n,
-    branch: t,
+    branch: e,
     node: i,
     ariaLabel: s,
     tabIndex: o,
     context: r,
     ...a
   }, c) => {
-    const p = rt(), u = z(), [l, d] = _(), f = Dt(), g = Y(n), h = ee(n), { size: b = "none", indent: y = 0 } = xt(n), A = ne(b, i);
-    if (I(() => {
-      if (p) {
+    const d = ce(), u = T(), [l, h] = _(), f = Le(), g = Q(n), p = ot(n), { size: b = "none", indent: y = 0 } = $e(n), D = rt(b, i);
+    if (V(() => {
+      if (d) {
         if (n && !i) {
-          const E = p.nodes.get(n);
-          if (E && (d(X(E, t)), A)) {
-            const V = E.mount(u);
+          const C = d.nodes.get(n);
+          if (C && (h(te(C, e)), D)) {
+            const I = C.mount(u);
             return () => {
-              V();
+              I();
             };
           }
         } else if (i) {
-          d(X(i, t));
-          const E = i.mount(u);
+          h(te(i, e));
+          const C = i.mount(u);
           return () => {
-            E();
+            C();
           };
         }
       }
-    }, [p, n, i, A]), !l || !A)
+    }, [d, n, i, D]), !l || !D)
       return null;
     const R = { ...g, ...r || {} }, {
-      cardinal: S,
-      fonts: C = {},
+      cardinal: A,
+      fonts: E = {},
       accessibility: G = {},
       ...w
-    } = R, D = {
-      type: C.type,
-      base: C.base || "16px",
-      small: C.small || "0.8em",
-      normal: C.normal || "1em",
-      medium: C.medium || "1.2em",
-      large: C.large || "1.6em",
-      huge: C.huge || "2.5em"
+    } = R, M = {
+      type: E.type,
+      base: E.base || "16px",
+      small: E.small || "0.8em",
+      normal: E.normal || "1em",
+      medium: E.medium || "1.2em",
+      large: E.large || "1.6em",
+      huge: E.huge || "2.5em"
     }, $ = {
       ...w,
-      fonts: D,
+      fonts: M,
       accessibility: {
         ...G
       }
     };
-    return typeof S == "number" && ($.sizes = {
-      cardinal: S,
-      small: `${S}px`,
-      normal: `${S * 3}px`,
-      medium: `${S * 5}px`,
-      large: `${S * 8}px`
-    }), /* @__PURE__ */ m(pt, { theme: $, children: /* @__PURE__ */ m(Nt.Provider, { value: l, children: /* @__PURE__ */ m(Lt.Provider, { value: h, children: (() => {
-      const E = {
+    return typeof A == "number" && ($.sizes = {
+      cardinal: A,
+      small: `${A}px`,
+      normal: `${A * 3}px`,
+      medium: `${A * 5}px`,
+      large: `${A * 8}px`
+    }), /* @__PURE__ */ m(ge, { theme: $, children: /* @__PURE__ */ m(ke.Provider, { value: l, children: /* @__PURE__ */ m(Pe.Provider, { value: p, children: (() => {
+      const C = {
         "data-width": b === "full" ? f : Math.min(b, f),
         "data-indent": y,
         "data-name": l.name,
@@ -308,68 +308,68 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
         "aria-label": s,
         tabIndex: o,
         id: l.id,
-        role: h.role ? h && h.role : null,
+        role: p.role ? p && p.role : null,
         ...a
       };
       switch (l.type) {
         case "view":
-          return typeof h.animation == "string" && h.animation !== "none" ? /* @__PURE__ */ m(Jt, { ...E, className: e }) : /* @__PURE__ */ m(Zt, { ...E, className: e });
+          return typeof p.animation == "string" && p.animation !== "none" ? /* @__PURE__ */ m(nt, { ...C, className: t }) : /* @__PURE__ */ m(tt, { ...C, className: t });
         default: {
-          const V = $t(h);
+          const I = Re(p);
           return /* @__PURE__ */ m(
-            te,
+            st,
             {
               ref: c,
-              ...E,
-              ...V,
-              className: e
+              ...C,
+              ...I,
+              className: t
             }
           );
         }
       }
     })() }) }) });
   }
-), ie = ({ builder: e }) => {
-  const n = z(), [t, i] = _(null);
-  return I(() => {
-    n.getAsync("components").then((s) => e(s).then((o) => {
+), at = ({ builder: t }) => {
+  const n = T(), [e, i] = _(null);
+  return V(() => {
+    n.getAsync("components").then((s) => t(s).then((o) => {
       i(o);
     }));
-  }, []), I(() => () => {
-    t && n.getAsync("components").then((s) => {
+  }, []), V(() => () => {
+    e && n.getAsync("components").then((s) => {
       s.nodes.detached = s.nodes.detached.filter(
-        (o) => o.id !== t.id
+        (o) => o.id !== e.id
       );
     });
-  }, [t]), t ? /* @__PURE__ */ m(Z, { id: t.id, node: t, branch: "default" }) : null;
-}, se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  }, [e]), e ? /* @__PURE__ */ m(X, { id: e.id, node: e, branch: "default" }) : null;
+}, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ie
-}, Symbol.toStringTag, { value: "Module" })), oe = Q.lazy(() => Promise.resolve().then(() => se)), _e = ({ showSearch: e = !1 }) => {
-  const n = mt(), t = z();
-  return /* @__PURE__ */ m(Q.Suspense, { fallback: null, children: /* @__PURE__ */ m(
-    oe,
+  default: at
+}, Symbol.toStringTag, { value: "Module" })), lt = J.lazy(() => Promise.resolve().then(() => ct)), Ht = ({ showSearch: t = !1 }) => {
+  const n = be(), e = T();
+  return /* @__PURE__ */ m(J.Suspense, { fallback: null, children: /* @__PURE__ */ m(
+    lt,
     {
-      builder: (i) => t.get("settings").then((s) => {
-        var p;
+      builder: (i) => e.get("settings").then((s) => {
+        var d;
         const { properties: o, context: r } = Object.keys(
           s.components
         ).reduce(
           (u, l) => (s.components[l].type === "not-found" && (u.properties = s.components[l].properties, u.context = s.components[l].context), u),
           { properties: {}, context: {} }
         );
-        o.showSearch = e;
+        o.showSearch = t;
         const a = i.createNode("area", { detached: !0 });
         if (a.name = "not-found-area", a.writeLayout({
           size: "full"
-        }), e) {
+        }), t) {
           const u = Object.keys(
             s.components
-          ).reduce((d, f) => s.components[f].type === "search" ? s.components[f].properties : d, {}), l = i.createNode("search", {
+          ).reduce((h, f) => s.components[f].type === "search" ? s.components[f].properties : h, {}), l = i.createNode("search", {
             detached: !0
           });
           l.writeLayout({ size: "full" }), l.writeProperties({
-            "css-margin-bottom": ((p = n == null ? void 0 : n.sizes) == null ? void 0 : p.normal) || "15px",
+            "css-margin-bottom": ((d = n == null ? void 0 : n.sizes) == null ? void 0 : d.normal) || "15px",
             ...u
           }), a.appendChild(l);
         }
@@ -380,41 +380,93 @@ const Ht = (e, n, t) => typeof t[e] == "number" && typeof t[n] == "number" && t[
       })
     }
   ) });
-}, re = (e) => {
-  if (e) {
-    const { type: n, content: t } = e;
+}, ut = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])', W = (t) => t.getClientRects().length > 0 && window.getComputedStyle(t).visibility !== "hidden", de = (t, n = W) => Array.from(t.querySelectorAll(ut)).filter(n), Y = (t) => !!t.querySelector('[aria-modal="true"], .humany-area-modal'), dt = (t) => t.tagName === "BUTTON" || t.tagName === "A" && t.hasAttribute("href") || t.tagName === "INPUT" && ["button", "submit"].includes(t.type), ht = (t) => {
+  if (dt(t)) return () => {
+  };
+  const n = (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.click());
+  };
+  return t.addEventListener("keydown", n), () => t.removeEventListener("keydown", n);
+}, pt = (t, n, e, i = W) => {
+  const s = de(n, i), o = document.activeElement;
+  if (!s.length || !o) {
+    t.preventDefault();
+    return;
+  }
+  (t.shiftKey ? s.some(
+    (a) => a.compareDocumentPosition(o) & Node.DOCUMENT_POSITION_FOLLOWING
+  ) : s.some(
+    (a) => o.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING
+  )) || (t.preventDefault(), e && e.isConnected && i(e) ? e.focus() : (t.shiftKey ? s[s.length - 1] : s[0]).focus());
+}, mt = (t, { timeout: n = 1e3, interval: e = 50, visible: i = W } = {}) => {
+  const s = () => {
+    if (Y(t)) return !0;
+    const a = t.querySelector("h1");
+    return !a || !i(a) ? !1 : (a.hasAttribute("tabindex") || a.setAttribute("tabindex", "-1"), a.focus(), document.activeElement === a);
+  };
+  if (s()) return () => {
+  };
+  const o = Date.now(), r = window.setInterval(() => {
+    var a;
+    s() ? window.clearInterval(r) : Date.now() - o >= n && (window.clearInterval(r), t.contains(document.activeElement) || (a = t.querySelector('[data-node-id][tabindex="-1"]')) == null || a.focus());
+  }, e);
+  return () => window.clearInterval(r);
+}, ft = (t, n, e, i = W) => {
+  let s = !1, o = () => {
+  };
+  const r = t.events.subscribe(
+    "widget:render-state-changed",
+    (d, { next: u }) => {
+      s = u === "open", o(), o = s ? mt(n, { visible: i }) : () => {
+      };
+    }
+  ), a = (d) => {
+    !s || Y(n) || (d.key === "Tab" ? pt(d, n, e, i) : d.key === "Escape" && window.setTimeout(() => {
+      s && !Ve(d) && t.invoke("hide", { focusTrigger: !0 });
+    }));
+  }, c = (d) => {
+    if (!s || d.key !== "Tab" || Y(n)) return;
+    const u = de(n, i);
+    u.length && (d.preventDefault(), (d.shiftKey ? u[u.length - 1] : u[0]).focus());
+  };
+  return n.addEventListener("keydown", a), e.addEventListener("keydown", c), () => {
+    o(), r(), n.removeEventListener("keydown", a), e.removeEventListener("keydown", c);
+  };
+}, gt = (t) => {
+  if (t) {
+    const { type: n, content: e } = t;
     switch (n) {
       case "FontAwesome":
-        return `<i class="humany-icon fa fa-${t}"></i>`;
+        return `<i class="humany-icon fa fa-${e}"></i>`;
       case "Uri":
-        return `<i class="humany-icon humany-custom-icon" style="background: url(${t}) no-repeat center center;background-size: contain;"></i>`;
+        return `<i class="humany-icon humany-custom-icon" style="background: url(${e}) no-repeat center center;background-size: contain;"></i>`;
       default:
         return "";
     }
   }
-}, ae = (e) => {
+}, bt = (t) => {
   const n = (s, o) => {
     s && (o ? s.classList.add("humany-tabbing") : s.classList.remove("humany-tabbing"));
-  }, t = (s) => {
-    s.key === "Tab" ? n(e, !0) : s.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(e, !1);
+  }, e = (s) => {
+    s.key === "Tab" ? n(t, !0) : s.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(t, !1);
   }, i = (s) => {
-    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || n(e, !1);
+    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || n(t, !1);
   };
-  return document.addEventListener("keydown", t), document.addEventListener("click", i), () => {
-    document.removeEventListener("keydown", t), document.removeEventListener("click", i);
+  return document.addEventListener("keydown", e), document.addEventListener("click", i), () => {
+    document.removeEventListener("keydown", e), document.removeEventListener("click", i);
   };
 };
-function ce(e, n) {
+function yt(t, n) {
   const {
-    symbol: t,
+    symbol: e,
     widgetName: i,
     label: s = "",
     ariaLabel: o = "",
     tooltip: r = ""
   } = n;
-  e.classList.add("humany-trigger"), e.classList.add(`humany_${i}`), s.length && e.classList.add("humany-has-text"), o.length && !e.getAttribute("aria-label") && e.setAttribute("aria-label", o), o.length && !e.getAttribute("tabindex") && e.setAttribute("tabindex", "0"), r.length && !e.getAttribute("title") && e.setAttribute("title", r);
-  const a = re(t) || "";
-  return e.innerHTML = `${a}
+  t.classList.add("humany-trigger"), t.classList.add(`humany_${i}`), s.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 = gt(e) || "";
+  return t.innerHTML = `${a}
           <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"/>
@@ -433,33 +485,33 @@ function ce(e, n) {
             </svg>
           </span>
           ${s.length ? `<span>${s}</span>` : ""}`, setTimeout(
-    () => e && e.classList.add("humany-rendered")
-  ), ae(e);
+    () => t && t.classList.add("humany-rendered")
+  ), bt(t);
 }
-function le(e, n) {
-  e instanceof HTMLElement ? (n && e.setAttribute("title", n), e.classList.remove("humany-active"), e.classList.remove("humany-loading")) : e instanceof Array && e.forEach((t) => {
-    n && t.setAttribute("title", n), t.classList.remove("humany-active"), t.classList.remove("humany-loading");
+function wt(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 ue(e) {
-  e instanceof HTMLElement ? (e.classList.remove("humany-active"), e.classList.add("humany-loading")) : e instanceof Array && e.forEach((n) => {
+function vt(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 lt(e, n) {
-  e instanceof HTMLElement ? (n && e.setAttribute("title", n), e.classList.add("humany-active"), e.classList.remove("humany-loading")) : e instanceof Array && e.forEach((t) => {
-    n && t.setAttribute("title", n), t.classList.add("humany-active"), t.classList.remove("humany-loading");
+function he(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");
   });
 }
-var N = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Link = "link", e.Badge = "badge", e.Unsupported = "unsupported", e))(N || {});
-const de = (e, n) => e && n ? "both" : e ? "widgetDOM" : n ? "triggerDOM" : "none", ut = (e) => e ? typeof e == "boolean" && e ? "link" : typeof e == "object" && !Array.isArray(e) ? "badge" : "unsupported" : "inline", he = (e, n, t, i, s = !1) => {
-  var p, u;
-  const o = de(
+var x = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(x || {});
+const Ot = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "none", pe = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Et = (t, n, e, i, s = !1) => {
+  var d, u;
+  const o = Ot(
     n,
-    t
-  ), r = ut(i), a = {
+    e
+  ), r = pe(i), a = {
     widgetDOMElement: n ? n.cloneNode(!0) : void 0,
-    triggerDOMElement: t ? t.cloneNode(!0) : void 0
+    triggerDOMElement: e ? e.cloneNode(!0) : void 0
   }, c = {
     triggerType: r,
     cachedOriginals: a,
@@ -467,7 +519,7 @@ const de = (e, n) => e && n ? "both" : e ? "widgetDOM" : n ? "triggerDOM" : "non
   };
   switch (o) {
     case "both": {
-      c.widgetDOMElement = n || document.createElement("div"), r !== "inline" && (c.triggerDOMElement = t);
+      c.widgetDOMElement = n || document.createElement("div"), r !== "inline" && (c.triggerDOMElement = e);
       break;
     }
     case "widgetDOM": {
@@ -475,22 +527,22 @@ const de = (e, n) => e && n ? "both" : e ? "widgetDOM" : n ? "triggerDOM" : "non
         const l = document.body.appendChild(
           document.createElement("a")
         );
-        r === "link" && (l.innerText = e), c.triggerDOMElement = l;
+        r === "link" && (l.innerText = t), c.triggerDOMElement = l;
       }
       break;
     }
     case "triggerDOM": {
       const l = document.createElement("div");
-      c.widgetDOMElement = l, r === "inline" ? (l.id = (t == null ? void 0 : t.id) || "", s ? (l.style.display = "none", (p = t == null ? void 0 : t.parentNode) == null || p.appendChild(l), c.callback = () => {
-        var d;
-        (d = t == null ? void 0 : t.parentNode) == null || d.replaceChild(
+      c.widgetDOMElement = l, r === "inline" ? (l.id = (e == null ? void 0 : e.id) || "", s ? (l.style.display = "none", (d = e == null ? void 0 : e.parentNode) == null || d.appendChild(l), c.callback = () => {
+        var h;
+        (h = e == null ? void 0 : e.parentNode) == null || h.replaceChild(
           l,
-          t
-        ), l.style.display = (t == null ? void 0 : t.style.display) || "block";
-      }) : (u = t == null ? void 0 : t.parentNode) == null || u.replaceChild(
+          e
+        ), l.style.display = (e == null ? void 0 : e.style.display) || "block";
+      }) : (u = e == null ? void 0 : e.parentNode) == null || u.replaceChild(
         l,
-        t
-      ), c.cachedOriginals.widgetDOMElement = t, c.cachedOriginals.triggerDOMElement = void 0) : (c.widgetDOMElement = document.body.appendChild(l), c.triggerDOMElement = t);
+        e
+      ), c.cachedOriginals.widgetDOMElement = e, c.cachedOriginals.triggerDOMElement = void 0) : (c.widgetDOMElement = document.body.appendChild(l), c.triggerDOMElement = e);
       break;
     }
     case "none": {
@@ -498,35 +550,42 @@ const de = (e, n) => e && n ? "both" : e ? "widgetDOM" : n ? "triggerDOM" : "non
         document.createElement("div")
       );
       if (c.widgetDOMElement = l, r !== "inline") {
-        const d = document.body.appendChild(
+        const h = document.body.appendChild(
           document.createElement("a")
         );
-        r === "link" && (d.innerText = e), c.triggerDOMElement = d;
+        r === "link" && (h.innerText = t), c.triggerDOMElement = h;
       }
       break;
     }
   }
   return c;
-}, pe = "modals";
-class me {
-  constructor(n, t) {
-    x(this, "container");
-    x(this, "unsubscribe", []);
-    var a, c, p, u, l, d, f;
-    this.options = t, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register(
+}, Ct = "modals";
+class Dt {
+  constructor(n, e) {
+    N(this, "container");
+    N(this, "unsubscribe", []);
+    var a, c, d, u, l, h, f;
+    this.options = e, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register(
       "triggerDOMElement",
       this.options.triggerDOMElement
     );
     const i = this.container.get("$widget"), s = n.get("$settings");
     (a = this.options.widgetDOMElement) == null || a.classList.add("humany-widget"), (c = this.options.widgetDOMElement) == null || c.setAttribute("role", "region"), (u = this.options.widgetDOMElement) == null || u.setAttribute(
       "aria-label",
-      ((p = s == null ? void 0 : s.data) == null ? void 0 : p.widgetAriaLabel) ?? "Widget"
+      ((d = s == null ? void 0 : s.data) == null ? void 0 : d.widgetAriaLabel) ?? "Widget"
     ), this.options.triggerDOMElement && ((l = this.options.widgetDOMElement) == null || l.setAttribute(
       "id",
       `humany_widget_${i.name}`
-    ), (d = this.options.triggerDOMElement) == null || d.setAttribute(
+    ), (h = this.options.triggerDOMElement) == null || h.setAttribute(
       "aria-controls",
       `humany_widget_${i.name}`
+    ), this.unsubscribe.push(
+      ft(
+        i,
+        this.options.widgetDOMElement,
+        this.options.triggerDOMElement
+      ),
+      ht(this.options.triggerDOMElement)
     )), (f = this.options.widgetDOMElement) == null || f.classList.add(`humany_${i.name}`), new MutationObserver(() => {
       Array.from(
         this.options.widgetDOMElement.querySelectorAll('[aria-label=""]')
@@ -545,17 +604,17 @@ class me {
    * Renders the view outlet to the DOM.
    */
   render() {
-    const { widgetDOMElement: n, triggerDOMElement: t } = this.options, i = this.container.get("$widget");
-    return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (t && this.options.triggerType === N.Badge && ue(t), import("./render-CQeSLj9N.mjs").then((s) => s.default(this.container, n)).then(() => {
-      if (n.setAttribute("data-rendered", "true"), t && this.options.triggerType === N.Badge) {
+    const { widgetDOMElement: n, triggerDOMElement: e } = this.options, i = this.container.get("$widget");
+    return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === x.Badge && vt(e), import("./render-CQeSLj9N.mjs").then((s) => s.default(this.container, n)).then(() => {
+      if (n.setAttribute("data-rendered", "true"), e && this.options.triggerType === x.Badge) {
         const o = this.options.triggerOptions.openTooltip;
-        lt(t, o);
+        he(e, o);
       }
-      Rt(this.container, n);
+      Te(this.container, n);
       const s = this.container.get("$environment").widgets.all();
-      M(
+      S(
         this.container,
-        pe,
+        Ct,
         v.Session
       ).then((o) => {
         o && o.forEach((r) => {
@@ -567,13 +626,13 @@ class me {
     }));
   }
   renderBadge(n) {
-    const { triggerDOMElement: t } = this.options;
-    if (!t)
+    const { triggerDOMElement: e } = this.options;
+    if (!e)
       return;
-    t.getAttribute("role") || t.setAttribute("role", "button");
-    const { name: i } = this.container.get("$widget"), { label: s, symbol: o, ariaLabel: r, closedTooltip: a, openTooltip: c } = n, p = { closedTooltip: a, openTooltip: c };
-    this.options.triggerOptions = p;
-    const u = ce(t, {
+    e.getAttribute("role") || e.setAttribute("role", "button");
+    const { name: i } = this.container.get("$widget"), { label: s, symbol: o, ariaLabel: r, closedTooltip: a, openTooltip: c } = n, d = { closedTooltip: a, openTooltip: c };
+    this.options.triggerOptions = d;
+    const u = yt(e, {
       label: s,
       symbol: o,
       ariaLabel: r,
@@ -585,130 +644,130 @@ class me {
   dispose() {
     return import("./unmount-jCHYf17s.mjs").then((n) => {
       var s, o, r, a;
-      const { triggerDOMElement: t, widgetDOMElement: i } = this.options;
+      const { triggerDOMElement: e, widgetDOMElement: i } = this.options;
       n.default(i), this.options.cachedOriginals.widgetDOMElement && i && ((s = i.parentNode) == null || s.replaceChild(
         this.options.cachedOriginals.widgetDOMElement,
         i
-      )), this.options.cachedOriginals.triggerDOMElement && t && ((o = t.parentNode) == null || o.replaceChild(
+      )), this.options.cachedOriginals.triggerDOMElement && e && ((o = e.parentNode) == null || o.replaceChild(
         this.options.cachedOriginals.triggerDOMElement,
-        t
+        e
       )), this.unsubscribe.forEach((c) => {
         c();
-      }), (r = i.parentNode) == null || r.removeChild(i), (a = t == null ? void 0 : t.parentNode) == null || a.removeChild(t);
+      }), (r = i.parentNode) == null || r.removeChild(i), (a = e == null ? void 0 : e.parentNode) == null || a.removeChild(e);
     });
   }
 }
-const B = "changesets", fe = (e) => {
-  const n = { tags: e.tags };
-  return e.context && typeof e.context != "function" && (n.context = e.context), e.properties && typeof e.properties != "function" && (n.properties = e.properties), e.layout && typeof e.layout != "function" && (n.layout = e.layout), n;
+const z = "changesets", At = (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;
 };
-class J {
-  constructor(n, t) {
-    this.container = n, this.storageWriter = t;
+class ee {
+  constructor(n, e) {
+    this.container = n, this.storageWriter = e;
   }
   static create(n) {
-    return P(
+    return k(
       n,
-      B,
-      k.Necessary,
+      z,
+      P.Necessary,
       {
         medium: v.Local
       }
     ).then(
-      (t) => new J(n, t)
+      (e) => new ee(n, e)
     );
   }
-  write(n, t, i, s) {
-    return H(this)(() => M(
+  write(n, e, i, s) {
+    return j(this)(() => S(
       this.container,
-      B,
+      z,
       v.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] = {
         options: s,
-        attributes: fe(i),
-        rules: t.rules
+        attributes: At(i),
+        rules: e.rules
       }, this.storageWriter({ keys: r, items: a });
     }));
   }
   remove(n) {
-    return H(this)(() => M(
+    return j(this)(() => S(
       this.container,
-      B,
+      z,
       v.Local
-    ).then((t = {}) => {
-      const { keys: i = [], items: s = {} } = t, o = i.indexOf(n);
+    ).then((e = {}) => {
+      const { keys: i = [], items: s = {} } = e, o = i.indexOf(n);
       if (o > -1)
-        return i.splice(o, 1), delete s[n], this.storageWriter(t);
+        return i.splice(o, 1), delete s[n], this.storageWriter(e);
     }));
   }
   load(n) {
-    return H(this)(() => M(
+    return j(this)(() => S(
       this.container,
-      B,
+      z,
       v.Local
-    ).then((t = {}) => {
-      const { keys: i = [], items: s = {} } = t;
+    ).then((e = {}) => {
+      const { keys: i = [], items: s = {} } = e;
       i.forEach((o) => {
         const r = s[o];
         if (r) {
-          const { rules: a, attributes: c, options: p } = r;
+          const { rules: a, attributes: c, options: d } = r;
           n.write({
             attributes: c,
-            options: p,
-            target: new bt(n, a)
+            options: d,
+            target: new ve(n, a)
           });
         }
       });
     }));
   }
 }
-const ge = (e) => {
-  const { container: n } = e;
-  return J.create(n).then(
-    (t) => {
-      const i = n.get("$settings"), s = { localStorage: t }, o = new ft(e, s), r = gt(o, i);
-      return e.events.subscribe(
+const St = (t) => {
+  const { container: n } = t;
+  return ee.create(n).then(
+    (e) => {
+      const i = n.get("$settings"), s = { localStorage: e }, o = new ye(t, s), r = we(o, i);
+      return t.events.subscribe(
         "widget:state-change",
         (a, c) => {
-          c.state === Wt.Deactivating && r();
+          c.state === He.Deactivating && r();
         }
       ), o;
     }
   );
-}, be = (e) => import("@telia-ace/widget-routing").then(
-  ({ RoutingService: n, HistoryMode: t }) => e.get("settings").then((i) => {
+}, Mt = (t) => import("@telia-ace/widget-routing").then(
+  ({ RoutingService: n, HistoryMode: e }) => t.get("settings").then((i) => {
     const {
       routing: {
         initialPath: s = "/",
-        mode: o = t.scopedHash,
+        mode: o = e.scopedHash,
         basePath: r
       },
       views: a
     } = i;
-    return new n(e, {
+    return new n(t, {
       initialPath: s,
       mode: o,
-      routes: Object.keys(a).map((p) => ({
-        name: p,
-        path: a[p].path
+      routes: Object.keys(a).map((d) => ({
+        name: d,
+        path: a[d].path
       })),
       basePath: r
     });
   })
-), ye = (e) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), we = (e) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(e)), ve = (e) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(e)), Oe = (e) => import("@telia-ace/widget-core").then(
-  ({ ComponentPlatform: n, createComponentModel: t }) => ge(e.get("$widget"))
-), K = "$settings", T = "open", et = "activeStickyWidget";
-class Ie extends Gt {
-  constructor(t) {
-    super(t);
-    x(this, "outlets", /* @__PURE__ */ new Map());
-    x(this, "activated");
-    x(this, "subs", []);
-    x(this, "handleBootstrapping", (t) => {
+), Nt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), xt = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(t)), Lt = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(t)), $t = (t) => import("@telia-ace/widget-core").then(
+  ({ ComponentPlatform: n, createComponentModel: e }) => St(t.get("$widget"))
+), U = "$settings", B = "open", ie = "activeStickyWidget";
+class Ut extends Ue {
+  constructor(e) {
+    super(e);
+    N(this, "outlets", /* @__PURE__ */ new Map());
+    N(this, "activated");
+    N(this, "subs", []);
+    N(this, "handleBootstrapping", (e) => {
       const i = {
-        triggerDOMElement: t.sourceDOMElement,
+        triggerDOMElement: e.sourceDOMElement,
         withRenderState: "storage"
         /* Storage */
       };
@@ -721,60 +780,60 @@ class Ie extends Gt {
     });
     this.container.registerAsync(
       "storage",
-      () => ye(this.container)
-    ), this.container.registerFactory("settings", () => M(
+      () => Nt(this.container)
+    ), this.container.registerFactory("settings", () => S(
       this.container,
-      K,
+      U,
       v.Local
     ).then((i = {}) => ({
       ...this.container.get("$settings"),
       ...i
-    }))), jt(this, "load", this.handleBootstrapping), this.container.registerAsync(
+    }))), je(this, "load", this.handleBootstrapping), this.container.registerAsync(
       "componentResolver",
-      () => ve(this.container)
+      () => Lt(this.container)
     ), this.container.registerAsync(
       "router",
-      () => be(this.container)
+      () => Mt(this.container)
     ), this.container.registerAsync(
       "actionResolver",
-      () => we(this.container)
+      () => xt(this.container)
     ), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync(
       "components",
-      () => Oe(this.container)
+      () => $t(this.container)
     );
   }
   initialize() {
-    const t = this.container.getManyAsync(
+    const e = this.container.getManyAsync(
       "actionResolver",
       "router",
       "components"
     ), i = this.container.get("csp");
-    return i && (window.webprovisionsEnvironmentVariables || (window.webprovisionsEnvironmentVariables = {}), window.webprovisionsEnvironmentVariables.cspNonce = i.nonce), Promise.all([t, this.container.get("settings")]).then(
+    return i && (window.webprovisionsEnvironmentVariables || (window.webprovisionsEnvironmentVariables = {}), window.webprovisionsEnvironmentVariables.cspNonce = i.nonce), Promise.all([e, this.container.get("settings")]).then(
       ([{ actionResolver: s, router: o, components: r }, a]) => {
         var u;
         s.subscribe(
           this.widget.name,
-          (l, d, f) => this.onAction(d, f)
+          (l, h, f) => this.onAction(h, f)
         );
         const c = (l) => {
-          r.nodes.query({ type: "view" }).forEach((d) => {
-            r.setSwitch(d, l);
+          r.nodes.query({ type: "view" }).forEach((h) => {
+            r.setSwitch(h, l);
           });
-        }, p = ((u = o.getInitialRoute()) == null ? void 0 : u.name) || "index";
-        return c(p), this.events.subscribe("widget:data-loaded", (l, { element: d }) => {
+        }, d = ((u = o.getInitialRoute()) == null ? void 0 : u.name) || "index";
+        return c(d), this.events.subscribe("widget:data-loaded", (l, { element: h }) => {
           this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
-            element: d
+            element: h
           });
         }), this.events.subscribe(
           "router:change",
-          (l, { previous: d = { routeData: {} }, next: f = { routeData: {} } }) => {
-            const { routeData: g } = d, { routeData: h } = f, b = Object.keys(a.views).reduce(
-              (y, A) => typeof a.views[A].path > "u" ? A : y,
+          (l, { previous: h = { routeData: {} }, next: f = { routeData: {} } }) => {
+            const { routeData: g } = h, { routeData: p } = f, b = Object.keys(a.views).reduce(
+              (y, D) => typeof a.views[D].path > "u" ? D : y,
               ""
             );
-            !h.name && b ? c(b) : c(h.name), tt(g && g.params), tt(h && h.params), this.container.getAsync("actionResolver").then((y) => {
+            !p.name && b ? c(b) : c(p.name), ne(g && g.params), ne(p && p.params), this.container.getAsync("actionResolver").then((y) => {
               y.action(this.widget.name, "routeChange", {
-                next: h,
+                next: p,
                 previous: g
               });
             });
@@ -783,82 +842,82 @@ class Ie extends Gt {
       }
     );
   }
-  attach(t = {}) {
+  attach(e = {}) {
     return this.container.get("settings").then(({ trigger: i }) => {
       var f, g;
       const {
         widgetDOMElement: s,
-        key: o = Vt(),
+        key: o = ze(),
         triggerDOMElement: r,
         withRenderState: a
-      } = t, p = ut(i) === N.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, u = he(
+      } = e, d = pe(i) === x.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, u = Et(
         this.widget.name,
         s,
         r,
         i,
-        p
+        d
       );
       this.outlets.size < 1 && !a && this.setRenderState("unset");
       const l = () => {
-        const h = () => b.querySelectorAll("[data-loading=true]").length === 0, [b] = this.widget.container.get("widgetDOMElements"), y = (S, C) => {
-          h() && (u.callback && u.callback(), C.disconnect());
-        }, A = {
+        const p = () => b.querySelectorAll("[data-loading=true]").length === 0, [b] = this.widget.container.get("widgetDOMElements"), y = (A, E) => {
+          p() && (u.callback && u.callback(), E.disconnect());
+        }, D = {
           attributes: !0,
           subtree: !0,
           childList: !0
         };
-        h() && u.callback && u.callback(), new MutationObserver(y).observe(b, A);
+        p() && u.callback && u.callback(), new MutationObserver(y).observe(b, D);
       };
-      p && this.widget.container.getAsync("dataClient").then(({ events: h }) => {
-        h.subscribe(
+      d && this.widget.container.getAsync("dataClient").then(({ events: p }) => {
+        p.subscribe(
           "data-client:fetched",
           (b, y) => {
             y.unresolvedQueries === 0 && l();
           }
         );
       });
-      const d = this.getOrCreateViewOutlet(o, u);
-      if (this.outlets.set(o, d), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === N.Badge && i && ((f = u.triggerDOMElement) == null || f.setAttribute(
+      const h = this.getOrCreateViewOutlet(o, u);
+      if (this.outlets.set(o, h), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === x.Badge && i && ((f = u.triggerDOMElement) == null || f.setAttribute(
         "aria-expanded",
         "false"
-      ), d == null || d.renderBadge(i)), u.triggerType !== N.Inline && ((g = u.triggerDOMElement) == null || g.addEventListener(
+      ), h == null || h.renderBadge(i)), u.triggerType !== x.Inline && ((g = u.triggerDOMElement) == null || g.addEventListener(
         "click",
-        (h) => {
-          h.preventDefault(), this.container.get("settings").then(({ trigger: b }) => {
-            d.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());
+        (p) => {
+          p.preventDefault(), this.container.get("settings").then(({ trigger: b }) => {
+            h.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());
           });
         }
       )), this.outlets.size > 1)
-        return this.renderState().then((h) => {
-          this.triggerStateIfApplicable(h);
+        return this.renderState().then((p) => {
+          this.triggerStateIfApplicable(p);
         });
       if (a)
-        return a === "storage" ? this.renderState().then((h) => {
-          if (u.triggerType === N.Inline) {
+        return a === "storage" ? this.renderState().then((p) => {
+          if (u.triggerType === x.Inline) {
             this.triggerStateIfApplicable("open");
             return;
           }
-          this.triggerStateIfApplicable(h);
+          this.triggerStateIfApplicable(p);
         }) : this.triggerStateIfApplicable(a);
     });
   }
-  detach(t) {
-    if (t) {
-      if (this.outlets.has(t)) {
-        const i = this.outlets.get(t);
-        i == null || i.dispose(), this.outlets.delete(t);
+  detach(e) {
+    if (e) {
+      if (this.outlets.has(e)) {
+        const i = this.outlets.get(e);
+        i == null || i.dispose(), this.outlets.delete(e);
         return;
       }
-      process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${t}`);
+      process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${e}`);
       return;
     }
     this.outlets.forEach((i) => {
       i.dispose();
     }), this.outlets.clear();
   }
-  triggerStateIfApplicable(t) {
+  triggerStateIfApplicable(e) {
     return this.container.getAsync("router").then((i) => {
-      switch (t) {
+      switch (e) {
         case "closed":
           this.close();
           break;
@@ -873,78 +932,78 @@ class Ie extends Gt {
       }
     });
   }
-  getOrCreateViewOutlet(t, i) {
-    return this.outlets.has(t) ? this.outlets.get(t) : new me(this.container, i);
+  getOrCreateViewOutlet(e, i) {
+    return this.outlets.has(e) ? this.outlets.get(e) : new Dt(this.container, i);
   }
-  render(t = {}) {
+  render(e = {}) {
     if (process.env.NODE_ENV !== "production" && console.warn(
       "widget.render() is deprecated. Use widget.attach() instead."
-    ), t.open) {
+    ), e.open) {
       const i = {
-        ...t,
+        ...e,
         withRenderState: "open"
         /* Open */
       };
       return this.attach(i);
     }
-    return this.attach(t);
+    return this.attach(e);
   }
-  activate(t) {
-    t != null && t.override && this.setSettings(() => t.override), t != null && t.apiNotificationPriorityBy && this.container.register(
+  activate(e) {
+    e != null && e.override && this.setSettings(() => e.override), e != null && e.apiNotificationPriorityBy && this.container.register(
       "apiNotificationPriorityBy",
-      t.apiNotificationPriorityBy
+      e.apiNotificationPriorityBy
     );
   }
-  setSettings(t) {
+  setSettings(e) {
     return Promise.all([
       this.container.get("settings"),
-      P(
+      k(
         this.container,
-        K,
-        k.Necessary,
+        U,
+        P.Necessary,
         {
           medium: v.Local
         }
       )
-    ]).then(([i, s]) => Promise.resolve(t(i)).then((o) => s(o).then(() => {
+    ]).then(([i, s]) => Promise.resolve(e(i)).then((o) => s(o).then(() => {
       const r = { ...i, ...o };
       return this.widget.events.dispatch("widget:settings-updated", r), r;
     })));
   }
   clearSettings() {
-    return P(
+    return k(
       this.container,
-      K,
-      k.Necessary,
+      U,
+      P.Necessary,
       { medium: v.Local }
-    ).then((t) => t()).then(() => this.container.get("settings")).then((t) => {
-      this.widget.events.dispatch("widget:settings-updated", t);
+    ).then((e) => e()).then(() => this.container.get("settings")).then((e) => {
+      this.widget.events.dispatch("widget:settings-updated", e);
     });
   }
-  action({ action: t, value: i }) {
+  action({ action: e, value: i }) {
     return this.container.getAsync("actionResolver").then((s) => {
-      s.action(this.widget.name, t, i);
+      s.action(this.widget.name, e, i);
     });
   }
   renderState() {
-    if (Bt(this.container))
+    if (We(this.container))
       return Promise.resolve(O.open);
-    const t = () => M(
+    const e = () => S(
       this.container,
-      T,
+      B,
       v.Session
-    ).then((s = O.closed) => s), i = () => M(
+    ).then((s = O.closed) => s), i = () => S(
       this.container,
-      T,
+      B,
       v.Session
     ).then((s = O.closed) => s);
-    return this.container.getAsync("router").then((s) => s.isSticky() ? i().then((o) => o === O.open ? o : t()) : t());
+    return this.container.getAsync("router").then((s) => s.isSticky() ? i().then((o) => o === O.open ? o : e()) : e());
   }
-  hide(t) {
+  hide(e) {
     return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
       "hide(): No-op as no view outlets are registered. Invoke the attach() command first."
     ), Promise.resolve()) : (this.outlets.forEach((i) => {
-      if (i.render(), t != null && t.focusTrigger) {
+      if (i.render(), e != null && e.focusTrigger) {
         const {
           options: { triggerDOMElement: s }
         } = i;
@@ -957,7 +1016,7 @@ class Ie extends Gt {
   open() {
     return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
       "open(): No-op as no view outlets are registered. Invoke the attach() command first."
-    ), Promise.resolve()) : (this.outlets.forEach((t) => t.render()), this.action({ action: "open" }).then(() => (this.widget.events.dispatch("tracking:widget-rendered", {}), this.onOpen())));
+    ), Promise.resolve()) : (this.outlets.forEach((e) => e.render()), this.action({ action: "open" }).then(() => (this.widget.events.dispatch("tracking:widget-rendered", {}), this.onOpen())));
   }
   close() {
     return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
@@ -971,12 +1030,12 @@ class Ie extends Gt {
       "show(): Command is deprecated and will be removed in the future. Use open() instead."
     ), this.open();
   }
-  onAction(t, i) {
-    switch (t) {
+  onAction(e, i) {
+    switch (e) {
       case "close":
       case "open":
       case "hide":
-        const s = t === "open" ? O.open : t === "close" ? O.closed : O.hidden;
+        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(
             (o) => {
@@ -990,21 +1049,21 @@ class Ie extends Gt {
         });
     }
   }
-  setRenderState(t) {
+  setRenderState(e) {
     const { invoke: i, events: s } = this.container.get("$widget");
     return Promise.all([
-      P(
+      k(
         this.container,
-        T,
-        k.Necessary,
+        B,
+        P.Necessary,
         {
           medium: v.Session
         }
       ),
-      P(
+      k(
         this.container,
-        T,
-        k.Necessary,
+        B,
+        P.Necessary,
         {
           medium: v.Local,
           duration: { minutes: 5 }
@@ -1014,30 +1073,30 @@ class Ie extends Gt {
       i("renderState")
     ]).then(
       ([o, r, a, c]) => {
-        t === "unset" || !t ? (r(), o()) : (a.isSticky() && r(t), o(t)), s.dispatch("widget:render-state-changed", {
+        e === "unset" || !e ? (r(), o()) : (a.isSticky() && r(e), o(e)), s.dispatch("widget:render-state-changed", {
           previous: c,
-          next: t
+          next: e
         });
       }
     );
   }
   onOpen() {
-    return this.container.getAsync("router").then((t) => (this.outlets.forEach((i) => {
+    return this.container.getAsync("router").then((e) => (this.outlets.forEach((i) => {
       i.options.triggerDOMElement && i.options.triggerDOMElement.setAttribute(
         "aria-expanded",
         "true"
       );
-    }), t.start()));
+    }), e.start()));
   }
   onClose() {
-    const t = this.container.getManyAsync(
+    const e = this.container.getManyAsync(
       "router",
       "components"
     );
     return this.container.get("settings").then((s) => {
       const { activate: o } = this.container.get("$settings");
       return s.activate !== o ? this.setSettings(() => Promise.resolve({ activate: o })) : Promise.resolve();
-    }).then(() => t).then(
+    }).then(() => e).then(
       ({
         router: s,
         components: o
@@ -1061,37 +1120,38 @@ class Ie extends Gt {
       }
     ).then((s) => s.stop());
   }
-  setTriggerState(t) {
+  setTriggerState(e) {
     this.outlets.forEach((i) => {
       const {
         options: { triggerDOMElement: s, triggerOptions: o }
       } = i, { openTooltip: r, closedTooltip: a } = o || {};
-      s && (t ? lt(s, r) : le(s, a));
+      s && (e ? he(s, r) : wt(s, a));
     });
   }
   deactivate() {
     this.subs.forEach((i) => i());
-    const t = [];
-    return this.outlets.forEach((i) => t.push(i.dispose())), M(
+    const e = [];
+    return this.outlets.forEach((i) => e.push(i.dispose())), S(
       this.container,
-      et,
+      ie,
       v.Local
-    ).then((i) => i === this.widget.name ? P(
+    ).then((i) => i === this.widget.name ? k(
       this.container,
-      et,
-      k.Necessary,
+      ie,
+      P.Necessary,
       {
         medium: v.Local,
-        scope: Tt.Implementation
+        scope: Ge.Implementation
       }
-    ).then((s) => s()).then(() => Promise.all(t)) : Promise.all(t));
+    ).then((s) => s()).then(() => Promise.all(e)) : Promise.all(e));
   }
 }
 export {
-  Z as Component,
-  ie as DetachedComponent,
-  Ie as GridWidget,
-  _e as NotFound,
-  Ie as Widget,
-  W as genericComponentStyling
+  X as Component,
+  at as DetachedComponent,
+  Ut as GridWidget,
+  Ht as NotFound,
+  Ut as Widget,
+  K as genericComponentStyling,
+  Y as isModalActive
 };