@telia-ace/widget-types-grid 1.0.30-experimental.20 → 1.0.30-experimental.21

package/dist/index.js

@@ -10,7 +10,7 @@ var ct = (e, t, n) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writ
       ut.call(t, n) && ct(e, n, t[n]);
   return e;
 }, C = (e, t) => At(e, Dt(t));
-var N = (e, t) => {
+var M = (e, t) => {
   var n = {};
   for (var s in e)
     lt.call(e, s) && t.indexOf(s) < 0 && (n[s] = e[s]);
@@ -23,20 +23,20 @@ var dt = (e, t, n) => new Promise((s, o) => {
   var i = (a) => {
     try {
       c(n.next(a));
-    } catch (u) {
-      o(u);
+    } catch (l) {
+      o(l);
     }
   }, r = (a) => {
     try {
       c(n.throw(a));
-    } catch (u) {
-      o(u);
+    } catch (l) {
+      o(l);
     }
   }, c = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(i, r);
   c((n = n.apply(e, t)).next());
 });
 import { Grid as ft, useRouteData as Mt, useRouter as Nt, useProperties as gt, useContext as st, useContainer as W, useComponentNode as ot, useScroll as yt, transitionComposer as Pt, paddedBorderTabStyle as Lt, useComponent as _t, useComponentDescriptor as kt, filterCssPropsStyle as Rt, Typography as Vt, useComponentPlatform as bt, useIsMounted as It, useColumns as Tt, useLayout as zt, ComponentNodeContext as Bt, ComponentPropertyContext as jt, filterCssProps as Wt } from "@telia-ace/widget-ui";
-import p, { useState as B, forwardRef as wt, useMemo as Ft, Suspense as Gt, useEffect as j } from "react";
+import m, { useState as B, forwardRef as wt, useMemo as Ft, Suspense as Gt, useEffect as j } from "react";
 import { css as vt, ThemeProvider as Ht, useTheme as qt } from "@emotion/react";
 import { asDescriptor as U, ComponentPlatform as Et, createComponentModel as Kt, ComponentQuery as Ut, WidgetRenderState as O } from "@telia-ace/widget-core";
 import k from "@emotion/styled";
@@ -45,14 +45,14 @@ import { TransitionGroup as Zt, Transition as Jt } from "react-transition-group"
 import { Switch as Xt, Route as tt } from "react-router";
 import { spread as te } from "@open-wc/lit-helpers";
 import { nothing as ee, css as ne, LitElement as se } from "lit";
-import { property as Ct, state as Q, customElement as oe } from "lit/decorators.js";
-import { html as ie, unsafeStatic as re } from "lit/static-html.js";
-import { onWidgetUrl as ae } from "@telia-ace/widget-routing";
-import { readStorage as P, StorageMedium as v, createStorageWriter as I, StorageCategory as T, StorageScope as ce } from "@telia-ace/widget-services";
-import { supportBootstrapping as le } from "@webprovisions/bootstrapping";
-import { WidgetState as ue, WidgetType as de } from "@webprovisions/platform";
+import { property as Ct, state as Q } from "lit/decorators.js";
+import { html as oe, unsafeStatic as ie } from "lit/static-html.js";
+import { onWidgetUrl as re } from "@telia-ace/widget-routing";
+import { readStorage as N, StorageMedium as v, createStorageWriter as V, StorageCategory as I, StorageScope as ae } from "@telia-ace/widget-services";
+import { supportBootstrapping as ce } from "@webprovisions/bootstrapping";
+import { WidgetState as le, WidgetType as ue } from "@webprovisions/platform";
 var nt = /* @__PURE__ */ ((e) => (e.back = "back", e.forth = "forth", e))(nt || {});
-const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[e] > n[t] ? "back" : "forth", pe = ({ views: e, location: t, render: n }) => /* @__PURE__ */ p.createElement(
+const de = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[e] > n[t] ? "back" : "forth", he = ({ views: e, location: t, render: n }) => /* @__PURE__ */ m.createElement(
   Xt,
   {
     location: t && C(f({}, t), {
@@ -64,19 +64,19 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
     ...Object.keys(e).filter((s) => !e[s].path)
   ].map((s) => {
     const { path: o } = e[s];
-    return o ? Array.isArray(o) ? o.map((i) => /* @__PURE__ */ p.createElement(tt, { key: s, exact: !0, path: i, render: () => n(s) })) : /* @__PURE__ */ p.createElement(tt, { key: s, exact: !0, path: o, render: () => n(s) }) : /* @__PURE__ */ p.createElement(tt, { key: s, render: () => n(s) });
+    return o ? Array.isArray(o) ? o.map((i) => /* @__PURE__ */ m.createElement(tt, { key: s, exact: !0, path: i, render: () => n(s) })) : /* @__PURE__ */ m.createElement(tt, { key: s, exact: !0, path: o, render: () => n(s) }) : /* @__PURE__ */ m.createElement(tt, { key: s, render: () => n(s) });
   })
-), Ot = pe, me = k.div`
+), Ot = he, pe = k.div`
     position: relative;
     width: 100%;
     flex: 1;
-`, fe = k(ft)`
+`, me = k(ft)`
     position: absolute;
     left: 0;
     right: 0;
     ${(e) => !!e.animationCss && e.animationCss}
     ${(e) => !!e.scrollableCss && e.scrollableCss}
-`, ge = {
+`, fe = {
   index: 1,
   search: 2,
   browse: 3,
@@ -84,20 +84,20 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
   contact: 5,
   "contact-method": 6,
   conversation: 7
-}, ye = (n) => {
-  var s = n, { className: e = "" } = s, t = N(s, ["className"]);
-  const [o, i] = B("index"), [r, c] = B(nt.forth), a = Mt(), u = Nt(), d = gt(), l = st(), h = W(), m = ot(), { gap: g = "0" } = l, G = d, { columns: b = 1, animation: y = "none", scrollable: E = !1 } = G, $ = N(G, ["columns", "animation", "scrollable"]), [F, L] = yt(E);
-  if (!m || !u)
+}, ge = (n) => {
+  var s = n, { className: e = "" } = s, t = M(s, ["className"]);
+  const [o, i] = B("index"), [r, c] = B(nt.forth), a = Mt(), l = Nt(), d = gt(), u = st(), p = W(), h = ot(), { gap: g = "0" } = u, G = d, { columns: b = 1, animation: y = "none", scrollable: E = !1 } = G, $ = M(G, ["columns", "animation", "scrollable"]), [F, L] = yt(E);
+  if (!h || !l)
     return null;
-  const { location: at } = u;
-  a.name !== o && a.name !== "" && y && (c(he(o, a.name, ge)), i(a.name));
-  const { views: S } = h.get("$settings");
+  const { location: at } = l;
+  a.name !== o && a.name !== "" && y && (c(de(o, a.name, fe)), i(a.name));
+  const { views: S } = p.get("$settings");
   if (!Object.keys(S).length)
     return null;
-  const A = (w, M, V) => {
-    const x = J(M, V), z = m.getChildren(w)[0];
-    return /* @__PURE__ */ p.createElement(
-      fe,
+  const A = (w, D, R) => {
+    const x = J(D, R), z = h.getChildren(w)[0];
+    return /* @__PURE__ */ m.createElement(
+      me,
       C(f(C(f(f({}, t), $), {
         scrollableCss: F,
         ref: L,
@@ -106,26 +106,26 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
       }), x), {
         className: Y(e, "humany-view")
       }),
-      /* @__PURE__ */ p.createElement(it, { id: z.id, branch: "default" })
+      /* @__PURE__ */ m.createElement(it, { id: z.id, branch: "default" })
     );
-  }, J = (w, M) => {
+  }, J = (w, D) => {
     if (y === "slide" || y === "fade")
       return {
         animationCss: Pt.composeViewTransition(
           w,
           y,
-          M
+          D
         ),
         ["data-state"]: w
       };
   };
-  return /* @__PURE__ */ p.createElement(me, { className: "humany-animated-view" }, /* @__PURE__ */ p.createElement(
+  return /* @__PURE__ */ m.createElement(pe, { className: "humany-animated-view" }, /* @__PURE__ */ m.createElement(
     Zt,
     {
       component: null,
-      childFactory: (w) => p.cloneElement(w, { direction: r })
+      childFactory: (w) => m.cloneElement(w, { direction: r })
     },
-    /* @__PURE__ */ p.createElement(
+    /* @__PURE__ */ m.createElement(
       Jt,
       {
         key: o,
@@ -134,42 +134,42 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
         unmountOnExit: !0,
         direction: nt.forth
       },
-      (w, { direction: M }) => /* @__PURE__ */ p.createElement(
+      (w, { direction: D }) => /* @__PURE__ */ m.createElement(
         Ot,
         {
           views: S,
           location: at,
-          render: (V) => A(V, w, M)
+          render: (R) => A(R, w, D)
         }
       )
     )
   ));
-}, be = ye, we = k(ft)`
+}, ye = ge, be = k(ft)`
     ${(e) => !!e.scrollableCss && e.scrollableCss}
-`, ve = (n) => {
-  var s = n, { className: e = "" } = s, t = N(s, ["className"]);
-  const o = gt(), i = st(), r = W(), c = ot(), { views: a } = r.get("$settings"), { gap: u = "0" } = i, y = o, { columns: d = 1, animation: l = "none", scrollable: h = !1 } = y, m = N(y, ["columns", "animation", "scrollable"]), [g, b] = yt(h);
-  return c ? /* @__PURE__ */ p.createElement(
-    we,
-    C(f(f({}, t), m), {
+`, we = (n) => {
+  var s = n, { className: e = "" } = s, t = M(s, ["className"]);
+  const o = gt(), i = st(), r = W(), c = ot(), { views: a } = r.get("$settings"), { gap: l = "0" } = i, y = o, { columns: d = 1, animation: u = "none", scrollable: p = !1 } = y, h = M(y, ["columns", "animation", "scrollable"]), [g, b] = yt(p);
+  return c ? /* @__PURE__ */ m.createElement(
+    be,
+    C(f(f({}, t), h), {
       scrollableCss: g,
       ref: b,
       columns: d,
-      gap: u,
+      gap: l,
       className: Y(e, "humany-view")
     }),
-    /* @__PURE__ */ p.createElement(
+    /* @__PURE__ */ m.createElement(
       Ot,
       {
         views: a,
         render: (E) => {
           const $ = c.getChildren(E)[0];
-          return /* @__PURE__ */ p.createElement(it, { id: $.id, node: $, branch: "default" });
+          return /* @__PURE__ */ m.createElement(it, { id: $.id, node: $, branch: "default" });
         }
       }
     )
   ) : null;
-}, Ee = ve, Z = (e) => {
+}, ve = we, Z = (e) => {
   var t, n;
   return vt`
     outline: none;
@@ -197,11 +197,11 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
         ${Lt(e)};
     }
 `;
-}, Ce = k(Ee)`
+}, Ee = k(ve)`
     ${(e) => Z(e)}
-`, Oe = k(be)`
+`, Ce = k(ye)`
     ${(e) => Z(e)}
-`, xe = k.div`
+`, Oe = k.div`
     text-align: center;
     ${(e) => {
   var t, n, s;
@@ -212,21 +212,21 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
 }}
     ${(e) => typeof e.theme.borderRadius != "undefined" && `border-radius: ${e.theme.borderRadius};`}
   ${(e) => Z(e)}
-`, $e = wt(
+`, xe = wt(
   (o, s) => {
-    var i = o, { className: e = "", children: t } = i, n = N(i, ["className", "children"]);
-    const r = _t(), { name: c, type: a, id: u } = kt(), d = Ft(() => r ? k(r)`
+    var i = o, { className: e = "", children: t } = i, n = M(i, ["className", "children"]);
+    const r = _t(), { name: c, type: a, id: l } = kt(), d = Ft(() => r ? k(r)`
                     ${Z}
                     ${Rt}
                 ` : null, [r]);
-    return typeof r == "undefined" ? null : r === null || d === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ p.createElement(
-      xe,
+    return typeof r == "undefined" ? null : r === null || d === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ m.createElement(
+      Oe,
       C(f({}, n), {
-        title: `type: ${a}, definition-id: ${c}, instance-id: ${u}`,
+        title: `type: ${a}, definition-id: ${c}, instance-id: ${l}`,
         className: Y(e, "humany-non-resolved-component")
       }),
-      /* @__PURE__ */ p.createElement(Vt, { variant: "h5" }, "Non Resolved Component Type")
-    ) : null : /* @__PURE__ */ p.createElement(Gt, { fallback: null }, /* @__PURE__ */ p.createElement(
+      /* @__PURE__ */ m.createElement(Vt, { variant: "h5" }, "Non Resolved Component Type")
+    ) : null : /* @__PURE__ */ m.createElement(Gt, { fallback: null }, /* @__PURE__ */ m.createElement(
       d,
       C(f({
         ref: s
@@ -240,7 +240,7 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
       t
     ));
   }
-), Se = $e, Ae = (e) => {
+), $e = xe, Se = (e) => {
   const t = ot(e), n = bt(), [s, o] = B({}), i = It();
   return j(() => {
     t && i.current && o(t.attributes.properties);
@@ -257,35 +257,35 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
       };
     }
   }, [n, i, e, t]), s;
-}, De = (e, t) => t ? !0 : typeof e == "string" ? e === "full" : e > 0, Me = wt(
-  (u, a) => {
-    var d = u, { className: e = "", id: t, branch: n, node: s, ariaLabel: o, tabIndex: i, context: r } = d, c = N(d, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
-    const l = bt(), h = W(), [m, g] = B(), b = Tt(), y = st(t), E = Ae(t), { size: $ = "none", indent: F = 0 } = zt(t), L = De($, s);
+}, Ae = (e, t) => t ? !0 : typeof e == "string" ? e === "full" : e > 0, De = wt(
+  (l, a) => {
+    var d = l, { className: e = "", id: t, branch: n, node: s, ariaLabel: o, tabIndex: i, context: r } = d, c = M(d, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
+    const u = bt(), p = W(), [h, g] = B(), b = Tt(), y = st(t), E = Se(t), { size: $ = "none", indent: F = 0 } = zt(t), L = Ae($, s);
     if (j(() => {
-      if (l) {
+      if (u) {
         if (t && !s) {
-          const x = l.nodes.get(t);
+          const x = u.nodes.get(t);
           if (x && (g(U(x, n)), L)) {
-            const z = x.mount(h);
+            const z = x.mount(p);
             return () => {
               z();
             };
           }
         } else if (s) {
           g(U(s, n));
-          const x = s.mount(h);
+          const x = s.mount(p);
           return () => {
             x();
           };
         }
       }
-    }, [l, t, s, L]), !m || !L)
+    }, [u, t, s, L]), !h || !L)
       return null;
-    const V = f(f({}, y), r || {}), {
+    const R = f(f({}, y), r || {}), {
       cardinal: S,
       fonts: A = {},
       accessibility: J = {}
-    } = V, G = N(V, [
+    } = R, G = M(R, [
       "cardinal",
       "fonts",
       "accessibility"
@@ -297,35 +297,35 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
       medium: A.medium || "1.2em",
       large: A.large || "1.6em",
       huge: A.huge || "2.5em"
-    }, M = C(f({}, G), {
+    }, D = C(f({}, G), {
       fonts: w,
       accessibility: f({}, J)
     });
-    return typeof S == "number" && (M.sizes = {
+    return typeof S == "number" && (D.sizes = {
       cardinal: S,
       small: `${S}px`,
       normal: `${S * 3}px`,
       medium: `${S * 5}px`,
       large: `${S * 8}px`
-    }), /* @__PURE__ */ p.createElement(Ht, { theme: M }, /* @__PURE__ */ p.createElement(Bt.Provider, { value: m }, /* @__PURE__ */ p.createElement(jt.Provider, { value: E }, (() => {
+    }), /* @__PURE__ */ m.createElement(Ht, { theme: D }, /* @__PURE__ */ m.createElement(Bt.Provider, { value: h }, /* @__PURE__ */ m.createElement(jt.Provider, { value: E }, (() => {
       const x = f({
         "data-width": $ === "full" ? b : Math.min($, b),
         "data-indent": F,
-        "data-name": m.name,
-        "data-node-id": m.id,
-        "data-component-type": m.type,
+        "data-name": h.name,
+        "data-node-id": h.id,
+        "data-component-type": h.type,
         "aria-label": o,
         tabIndex: i,
-        id: m.id,
+        id: h.id,
         role: E && E.role
       }, c);
-      switch (m.type) {
+      switch (h.type) {
         case "view":
-          return typeof E.animation == "string" && E.animation !== "none" ? /* @__PURE__ */ p.createElement(Oe, C(f({}, x), { className: e })) : /* @__PURE__ */ p.createElement(Ce, C(f({}, x), { className: e }));
+          return typeof E.animation == "string" && E.animation !== "none" ? /* @__PURE__ */ m.createElement(Ce, C(f({}, x), { className: e })) : /* @__PURE__ */ m.createElement(Ee, C(f({}, x), { className: e }));
         default: {
           const z = Wt(E);
-          return /* @__PURE__ */ p.createElement(
-            Se,
+          return /* @__PURE__ */ m.createElement(
+            $e,
             C(f(f({
               ref: a
             }, x), z), {
@@ -336,7 +336,7 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
       }
     })())));
   }
-), it = Me, Ne = ({ builder: e }) => {
+), it = De, Me = ({ builder: e }) => {
   const t = W(), [n, s] = B(null);
   return j(() => {
     t.getAsync("components").then((o) => e(o).then((i) => {
@@ -348,19 +348,19 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
         (i) => i.id !== n.id
       );
     });
-  }, [n]), n ? /* @__PURE__ */ p.createElement(it, { id: n.id, node: n, branch: "default" }) : null;
-}, Pe = Ne, Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  }, [n]), n ? /* @__PURE__ */ m.createElement(it, { id: n.id, node: n, branch: "default" }) : null;
+}, Ne = Me, Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Pe
-}, Symbol.toStringTag, { value: "Module" })), _e = p.lazy(() => Promise.resolve().then(() => Le)), ke = ({ showSearch: e = !1 }) => {
+  default: Ne
+}, Symbol.toStringTag, { value: "Module" })), Le = m.lazy(() => Promise.resolve().then(() => Pe)), _e = ({ showSearch: e = !1 }) => {
   const t = qt(), n = W();
-  return /* @__PURE__ */ p.createElement(p.Suspense, { fallback: null }, /* @__PURE__ */ p.createElement(
-    _e,
+  return /* @__PURE__ */ m.createElement(m.Suspense, { fallback: null }, /* @__PURE__ */ m.createElement(
+    Le,
     {
       builder: (s) => n.get("settings").then((o) => {
-        var u;
+        var l;
         const { properties: i, context: r } = Object.keys(o.components).reduce(
-          (d, l) => (o.components[l].type === "not-found" && (d.properties = o.components[l].properties, d.context = o.components[l].context), d),
+          (d, u) => (o.components[u].type === "not-found" && (d.properties = o.components[u].properties, d.context = o.components[u].context), d),
           { properties: {}, context: {} }
         );
         i.showSearch = e;
@@ -369,19 +369,19 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
           size: "full"
         }), e) {
           const d = Object.keys(o.components).reduce(
-            (h, m) => o.components[m].type === "search" ? o.components[m].properties : h,
+            (p, h) => o.components[h].type === "search" ? o.components[h].properties : p,
             {}
-          ), l = s.createNode("search", { detached: !0 });
-          l.writeLayout({ size: "full" }), l.writeProperties(f({
-            "css-margin-bottom": ((u = t == null ? void 0 : t.sizes) == null ? void 0 : u.normal) || "15px"
-          }, d)), c.appendChild(l);
+          ), u = s.createNode("search", { detached: !0 });
+          u.writeLayout({ size: "full" }), u.writeProperties(f({
+            "css-margin-bottom": ((l = t == null ? void 0 : t.sizes) == null ? void 0 : l.normal) || "15px"
+          }, d)), c.appendChild(u);
         }
         const a = s.createNode("not-found", { detached: !0 });
         return a.writeLayout({ size: "full" }), a.writeProperties(i), a.writeContext(r), c.appendChild(a), c;
       })
     }
   ));
-}, vn = ke, Re = (e) => {
+}, wn = _e, ke = (e) => {
   class t extends e {
     requestInstance(s) {
       const o = new CustomEvent("request-instance", {
@@ -395,13 +395,13 @@ const he = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[
   }
   return t;
 };
-var Ve = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, R = (e, t, n, s) => {
-  for (var o = s > 1 ? void 0 : s ? Ie(t, n) : t, i = e.length - 1, r; i >= 0; i--)
+var Re = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, T = (e, t, n, s) => {
+  for (var o = s > 1 ? void 0 : s ? Ve(t, n) : t, i = e.length - 1, r; i >= 0; i--)
     (r = e[i]) && (o = (s ? r(t, n, o) : r(o)) || o);
-  return s && o && Ve(t, n, o), o;
+  return s && o && Re(t, n, o), o;
 };
-const Te = (e) => `w-${e}`, pt = (e = "none", t = 1) => e === "full" ? t : Math.min(e, t);
-let D = class extends Re(se) {
+const Ie = (e) => `w-${e}`, pt = (e = "none", t = 1) => e === "full" ? t : Math.min(e, t);
+class P extends ke(se) {
   constructor() {
     super(...arguments), this.listeners = [], this.branch = "default", this._descriptor = null, this._properties = {}, this._context = {}, this._layout = {};
   }
@@ -409,64 +409,64 @@ let D = class extends Re(se) {
     super.connectedCallback(), this.container = this.requestInstance("container"), this.container && Promise.all([
       Et.getInstance(this.container),
       this.container.getAsync("componentResolver")
-    ]).then((e) => {
-      const t = e[0], n = e[1], s = t.nodes.get(this.nodeId || "");
-      if (s) {
-        this._descriptor = U(s, this.branch), this._properties = s.attributes.properties, this._context = s.attributes.context, this._layout = s.attributes.layout;
-        const o = this.style.getPropertyValue("--columns") ? +this.style.getPropertyValue("--columns") : 1, i = pt(this._layout.size, o), r = typeof this._layout.indent != "undefined" ? `${this._layout.indent + 1} / ${this._layout.indent + (i || 0) + 1}` : `span ${i}`;
-        this.style.setProperty("--gridColumn", r), this.listeners.push(
-          t.events.subscribe(
+    ]).then((t) => {
+      const n = t[0], s = t[1], o = n.nodes.get(this.nodeId || "");
+      if (o) {
+        this._descriptor = U(o, this.branch), this._properties = o.attributes.properties, this._context = o.attributes.context, this._layout = o.attributes.layout;
+        const i = this.style.getPropertyValue("--columns") ? +this.style.getPropertyValue("--columns") : 1, r = pt(this._layout.size, i), c = typeof this._layout.indent != "undefined" ? `${this._layout.indent + 1} / ${this._layout.indent + (r || 0) + 1}` : `span ${r}`;
+        this.style.setProperty("--gridColumn", c), this.listeners.push(
+          n.events.subscribe(
             "components:properties-changed",
-            (d, l) => {
+            (u, p) => {
               var h;
-              this.nodeId === ((h = l.node) == null ? void 0 : h.id) && (this._properties = l.node.attributes.properties);
+              this.nodeId === ((h = p.node) == null ? void 0 : h.id) && (this._properties = p.node.attributes.properties);
             }
           )
         ), this.listeners.push(
-          t.events.subscribe("components:context-changed", (d, l) => {
+          n.events.subscribe("components:context-changed", (u, p) => {
             var h;
-            this.nodeId === ((h = l.node) == null ? void 0 : h.id) && (this._context = l.node.attributes.context);
+            this.nodeId === ((h = p.node) == null ? void 0 : h.id) && (this._context = p.node.attributes.context);
           })
         ), this.listeners.push(
-          t.events.subscribe("components:layout-changed", (d, l) => {
+          n.events.subscribe("components:layout-changed", (u, p) => {
             var h;
-            this.nodeId === ((h = l.node) == null ? void 0 : h.id) && (this._layout = l.node.attributes.layout);
+            this.nodeId === ((h = p.node) == null ? void 0 : h.id) && (this._layout = p.node.attributes.layout);
           })
         );
-        const c = s.mount(this.container);
-        if (this.listeners.push(c), !n) {
+        const a = o.mount(this.container);
+        if (this.listeners.push(a), !s) {
           console.warn(
             "Could not find resolver. Make sure it is registered on the container."
           );
           return;
         }
-        const a = Te(this._descriptor.type);
-        if (customElements.get(a))
+        const l = Ie(this._descriptor.type);
+        if (customElements.get(l))
           return;
-        const u = n.getComponent(this._descriptor.type);
-        if (!u) {
+        const d = s.getComponent(this._descriptor.type);
+        if (!d) {
           console.warn("Component is missing or using incorrect import.");
           return;
         }
-        return u().then((d) => {
-          customElements.get(a) || customElements.define(a, d.default);
+        return d().then((u) => {
+          customElements.get(l) || customElements.define(l, u.default);
         });
       }
     });
   }
   disconnectedCallback() {
-    this.listeners.forEach((e) => {
-      e();
+    this.listeners.forEach((t) => {
+      t();
     });
   }
   mapProps() {
-    var t;
-    const e = this.style.getPropertyValue("--columns") ? +this.style.getPropertyValue("--columns") : 1;
+    var n;
+    const t = this.style.getPropertyValue("--columns") ? +this.style.getPropertyValue("--columns") : 1;
     return Object.entries(this._properties).reduce(
-      (n, [s, o]) => (typeof o == "object" ? n[`.${s}`] = o : n[s] = o, n),
+      (s, [o, i]) => (typeof i == "object" ? s[`.${o}`] = i : s[o] = i, s),
       {
-        "data-width": pt(this._layout.size, e),
-        "data-indent": (t = this._layout.indent) != null ? t : 0,
+        "data-width": pt(this._layout.size, t),
+        "data-indent": (n = this._layout.indent) != null ? n : 0,
         id: this._descriptor.id,
         "data-name": this._descriptor.name,
         "data-component-type": this._descriptor.type,
@@ -477,53 +477,51 @@ let D = class extends Re(se) {
   render() {
     if (!this._descriptor)
       return ee;
-    const e = `w-${this._descriptor.type}`, t = this.mapProps();
-    return ie`
-      <${re(e)}
-        ${te(t)}
-        .layout=${this._layout}
-        .context=${this._context}
-      />
-    `;
+    const t = `w-${this._descriptor.type}`, n = this.mapProps();
+    return oe`
+            <${ie(t)}
+                ${te(n)}
+                .layout=${this._layout}
+                .context=${this._context}
+            />
+        `;
   }
-};
-D.styles = [
+}
+P.styles = [
   ne`
-      :host {
-        outline: none;
-        box-sizing: border-box;
-      }
+            :host {
+                outline: none;
+                box-sizing: border-box;
+            }
 
-      * {
-        box-sizing: border-box;
-        outline: none;
-      }
+            * {
+                box-sizing: border-box;
+                outline: none;
+            }
 
-      grid-column: var(--gridColumn);
-    `
+            grid-column: var(--gridColumn);
+        `
 ];
-R([
+T([
   Ct({ type: String })
-], D.prototype, "nodeId", 2);
-R([
+], P.prototype, "nodeId", 2);
+T([
   Ct({ type: String })
-], D.prototype, "branch", 2);
-R([
+], P.prototype, "branch", 2);
+T([
   Q()
-], D.prototype, "_descriptor", 2);
-R([
+], P.prototype, "_descriptor", 2);
+T([
   Q()
-], D.prototype, "_properties", 2);
-R([
+], P.prototype, "_properties", 2);
+T([
   Q()
-], D.prototype, "_context", 2);
-R([
+], P.prototype, "_context", 2);
+T([
   Q()
-], D.prototype, "_layout", 2);
-D = R([
-  oe("widget-component")
-], D);
-const ze = (e) => `w-${e}`, En = (e, t, n) => dt(void 0, null, function* () {
+], P.prototype, "_layout", 2);
+customElements.get("widget-component") || customElements.define("widget-component", P);
+const Te = (e) => `w-${e}`, vn = (e, t, n) => dt(void 0, null, function* () {
   const s = n.nodes.get(e);
   if (!t) {
     console.warn("Could not find resolver. Make sure it is registered on the container.");
@@ -538,7 +536,7 @@ const ze = (e) => `w-${e}`, En = (e, t, n) => dt(void 0, null, function* () {
     console.warn(`Could not get descriptor for: ${s.name}`);
     return;
   }
-  const i = ze(o.type);
+  const i = Te(o.type);
   if (customElements.get(i))
     return;
   const r = t.getComponent(o.type);
@@ -557,7 +555,7 @@ const ze = (e) => `w-${e}`, En = (e, t, n) => dt(void 0, null, function* () {
     nodeId: e,
     tag: i
   }));
-}), Be = (e) => {
+}), ze = (e) => {
   if (e) {
     const { type: t, content: n } = e;
     switch (t) {
@@ -569,7 +567,7 @@ const ze = (e) => `w-${e}`, En = (e, t, n) => dt(void 0, null, function* () {
         return "";
     }
   }
-}, je = (e) => {
+}, Be = (e) => {
   const t = (o, i) => {
     !o || (i ? o.classList.add("humany-tabbing") : o.classList.remove("humany-tabbing"));
   }, n = (o) => {
@@ -581,10 +579,10 @@ const ze = (e) => `w-${e}`, En = (e, t, n) => dt(void 0, null, function* () {
     document.removeEventListener("keydown", n), document.removeEventListener("click", s);
   };
 };
-function We(e, t) {
+function je(e, t) {
   const { symbol: n, widgetName: s, label: o = "", ariaLabel: i = "", tooltip: r = "" } = t;
   e.classList.add("humany-trigger"), e.classList.add(`humany_${s}`), o.length && e.classList.add("humany-has-text"), i.length && !e.getAttribute("aria-label") && e.setAttribute("aria-label", i), i.length && !e.getAttribute("tabindex") && e.setAttribute("tabindex", "0"), r.length && !e.getAttribute("title") && e.setAttribute("title", r);
-  const c = Be(n) || "";
+  const c = ze(n) || "";
   return e.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">
@@ -603,14 +601,14 @@ function We(e, t) {
                 stroke-miterlimit="10" />
             </svg>
           </span>
-          ${o.length ? `<span>${o}</span>` : ""}`, setTimeout(() => e && e.classList.add("humany-rendered")), je(e);
+          ${o.length ? `<span>${o}</span>` : ""}`, setTimeout(() => e && e.classList.add("humany-rendered")), Be(e);
 }
-function Fe(e, t) {
+function We(e, t) {
   e instanceof HTMLElement ? (t && e.setAttribute("title", t), e.classList.remove("humany-active"), e.classList.remove("humany-loading")) : e instanceof Array && e.forEach((n) => {
     t && n.setAttribute("title", t), n.classList.remove("humany-active"), n.classList.remove("humany-loading");
   });
 }
-function Ge(e) {
+function Fe(e) {
   e instanceof HTMLElement ? (e.classList.remove("humany-active"), e.classList.add("humany-loading")) : e instanceof Array && e.forEach((t) => {
     t.classList.remove("humany-active"), t.classList.add("humany-loading");
   });
@@ -621,9 +619,9 @@ function xt(e, t) {
   });
 }
 var _ = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Link = "link", e.Badge = "badge", e.Unsupported = "unsupported", e))(_ || {});
-const He = (e, t) => e && t ? "both" : e ? "widgetDOM" : t ? "triggerDOM" : "none", $t = (e) => e ? typeof e == "boolean" && e ? "link" : typeof e == "object" && !Array.isArray(e) ? "badge" : "unsupported" : "inline", qe = (e, t, n, s, o = !1) => {
-  var u, d;
-  const i = He(
+const Ge = (e, t) => e && t ? "both" : e ? "widgetDOM" : t ? "triggerDOM" : "none", $t = (e) => e ? typeof e == "boolean" && e ? "link" : typeof e == "object" && !Array.isArray(e) ? "badge" : "unsupported" : "inline", He = (e, t, n, s, o = !1) => {
+  var l, d;
+  const i = Ge(
     t,
     n
   ), r = $t(s), c = {
@@ -641,37 +639,37 @@ const He = (e, t) => e && t ? "both" : e ? "widgetDOM" : t ? "triggerDOM" : "non
     }
     case "widgetDOM": {
       if (a.widgetDOMElement = t || document.createElement("div"), r !== "inline") {
-        const l = document.body.appendChild(document.createElement("a"));
-        r === "link" && (l.innerText = e), a.triggerDOMElement = l;
+        const u = document.body.appendChild(document.createElement("a"));
+        r === "link" && (u.innerText = e), a.triggerDOMElement = u;
       }
       break;
     }
     case "triggerDOM": {
-      const l = document.createElement("div");
-      a.widgetDOMElement = l, r === "inline" ? (l.id = (n == null ? void 0 : n.id) || "", o ? (l.style.display = "none", (u = n == null ? void 0 : n.parentNode) == null || u.appendChild(l), a.callback = () => {
-        var h;
-        (h = n == null ? void 0 : n.parentNode) == null || h.replaceChild(
-          l,
+      const u = document.createElement("div");
+      a.widgetDOMElement = u, r === "inline" ? (u.id = (n == null ? void 0 : n.id) || "", o ? (u.style.display = "none", (l = n == null ? void 0 : n.parentNode) == null || l.appendChild(u), a.callback = () => {
+        var p;
+        (p = n == null ? void 0 : n.parentNode) == null || p.replaceChild(
+          u,
           n
-        ), l.style.display = (n == null ? void 0 : n.style.display) || "block";
+        ), u.style.display = (n == null ? void 0 : n.style.display) || "block";
       }) : (d = n == null ? void 0 : n.parentNode) == null || d.replaceChild(
-        l,
+        u,
         n
-      ), a.cachedOriginals.widgetDOMElement = n, a.cachedOriginals.triggerDOMElement = void 0) : (a.widgetDOMElement = document.body.appendChild(l), a.triggerDOMElement = n);
+      ), a.cachedOriginals.widgetDOMElement = n, a.cachedOriginals.triggerDOMElement = void 0) : (a.widgetDOMElement = document.body.appendChild(u), a.triggerDOMElement = n);
       break;
     }
     case "none": {
-      const l = document.body.appendChild(document.createElement("div"));
-      if (a.widgetDOMElement = l, r !== "inline") {
-        const h = document.body.appendChild(document.createElement("a"));
-        r === "link" && (h.innerText = e), a.triggerDOMElement = h;
+      const u = document.body.appendChild(document.createElement("div"));
+      if (a.widgetDOMElement = u, r !== "inline") {
+        const p = document.body.appendChild(document.createElement("a"));
+        r === "link" && (p.innerText = e), a.triggerDOMElement = p;
       }
       break;
     }
   }
   return a;
-}, Ke = "modals";
-class Ue {
+}, qe = "modals";
+class Ke {
   constructor(t, n) {
     this.options = n, this.unsubscribe = [], this.container = t.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
     const s = this.container.get("$widget");
@@ -684,16 +682,16 @@ class Ue {
   }
   render() {
     const { widgetDOMElement: t, triggerDOMElement: n } = this.options, s = this.container.get("$widget");
-    return t.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === _.Badge && Ge(n), import("./render.5e8a0971.js").then((o) => o.default(s.name, this.container, t)).then(() => {
+    return t.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === _.Badge && Fe(n), import("./render.3f019371.js").then((o) => o.default(s.name, this.container, t)).then(() => {
       if (t.setAttribute("data-rendered", "true"), n && this.options.triggerType === _.Badge) {
         const i = this.options.triggerOptions.openTooltip;
         xt(n, i);
       }
       Yt(this.container, t);
       const o = this.container.get("$environment").widgets.all();
-      P(
+      N(
         this.container,
-        Ke,
+        qe,
         v.Session
       ).then((i) => {
         i && i.forEach((r) => {
@@ -709,9 +707,9 @@ class Ue {
     if (!n)
       return;
     n.getAttribute("role") || n.setAttribute("role", "button");
-    const { name: s } = this.container.get("$widget"), { label: o, symbol: i, ariaLabel: r, closedTooltip: c, openTooltip: a } = t, u = { closedTooltip: c, openTooltip: a };
-    this.options.triggerOptions = u;
-    const d = We(n, {
+    const { name: s } = this.container.get("$widget"), { label: o, symbol: i, ariaLabel: r, closedTooltip: c, openTooltip: a } = t, l = { closedTooltip: c, openTooltip: a };
+    this.options.triggerOptions = l;
+    const d = je(n, {
       label: o,
       symbol: i,
       ariaLabel: r,
@@ -736,7 +734,7 @@ class Ue {
     });
   }
 }
-const q = "changesets", Ye = (e) => {
+const q = "changesets", Ue = (e) => {
   const t = { tags: e.tags };
   return e.context && typeof e.context != "function" && (t.context = e.context), e.properties && typeof e.properties != "function" && (t.properties = e.properties), e.layout && typeof e.layout != "function" && (t.layout = e.layout), t;
 };
@@ -745,12 +743,12 @@ class rt {
     this.container = t, this.storageWriter = n;
   }
   static create(t) {
-    return I(t, q, T.Necessary, {
+    return V(t, q, I.Necessary, {
       medium: v.Local
     }).then((n) => new rt(t, n));
   }
   write(t, n, s, o) {
-    return X(this)(() => P(
+    return X(this)(() => N(
       this.container,
       q,
       v.Local
@@ -758,13 +756,13 @@ class rt {
       const { keys: r = [], items: c = {} } = i, a = r.indexOf(t);
       return a > -1 && r.splice(a, 1), r.push(t), c[t] = {
         options: o,
-        attributes: Ye(s),
+        attributes: Ue(s),
         rules: n.rules
       }, this.storageWriter({ keys: r, items: c });
     }));
   }
   remove(t) {
-    return X(this)(() => P(
+    return X(this)(() => N(
       this.container,
       q,
       v.Local
@@ -775,7 +773,7 @@ class rt {
     }));
   }
   load(t) {
-    return X(this)(() => P(
+    return X(this)(() => N(
       this.container,
       q,
       v.Local
@@ -784,10 +782,10 @@ class rt {
       s.forEach((i) => {
         const r = o[i];
         if (r) {
-          const { rules: c, attributes: a, options: u } = r;
+          const { rules: c, attributes: a, options: l } = r;
           t.write({
             attributes: a,
-            options: u,
+            options: l,
             target: new Ut(t, c)
           });
         }
@@ -795,15 +793,15 @@ class rt {
     }));
   }
 }
-const Qe = (e) => {
+const Ye = (e) => {
   const { container: t } = e;
   return rt.create(t).then((n) => {
     const s = t.get("$settings"), o = { localStorage: n }, i = new Et(e, o), r = Kt(i, s);
     return e.events.subscribe("widget:state-change", (c, a) => {
-      a.state === ue.Deactivating && r();
+      a.state === le.Deactivating && r();
     }), i;
   });
-}, Ze = (e) => import("@telia-ace/widget-routing").then(({ RoutingService: t, HistoryMode: n }) => e.get("settings").then((s) => {
+}, Qe = (e) => import("@telia-ace/widget-routing").then(({ RoutingService: t, HistoryMode: n }) => e.get("settings").then((s) => {
   const {
     routing: { initialPath: o = "/", mode: i = n.scopedHash, basePath: r },
     views: c
@@ -811,14 +809,14 @@ const Qe = (e) => {
   return new t(e, {
     initialPath: o,
     mode: i,
-    routes: Object.keys(c).map((u) => ({
-      name: u,
-      path: c[u].path
+    routes: Object.keys(c).map((l) => ({
+      name: l,
+      path: c[l].path
     })),
     basePath: r
   });
-})), Je = (e) => import("@telia-ace/widget-services").then(({ StorageProvider: t }) => new t()), Xe = (e) => import("@telia-ace/widget-core").then(({ ActionResolver: t }) => new t(e)), tn = (e) => import("@telia-ace/widget-core").then(({ ComponentResolver: t }) => new t(e)), en = (e) => import("@telia-ace/widget-core").then(({ ComponentPlatform: t, createComponentModel: n }) => Qe(e.get("$widget"))), et = "$settings", K = "open", mt = "activeStickyWidget";
-class Cn extends de {
+})), Ze = (e) => import("@telia-ace/widget-services").then(({ StorageProvider: t }) => new t()), Je = (e) => import("@telia-ace/widget-core").then(({ ActionResolver: t }) => new t(e)), Xe = (e) => import("@telia-ace/widget-core").then(({ ComponentResolver: t }) => new t(e)), tn = (e) => import("@telia-ace/widget-core").then(({ ComponentPlatform: t, createComponentModel: n }) => Ye(e.get("$widget"))), et = "$settings", K = "open", mt = "activeStickyWidget";
+class En extends ue {
   constructor(t) {
     super(t), this.outlets = /* @__PURE__ */ new Map(), this.activated = void 0, this.subs = [], this.handleBootstrapping = (n) => {
       const s = {
@@ -831,14 +829,14 @@ class Cn extends de {
           () => this.attach(s)
         ));
       });
-    }, this.container.registerAsync("storage", () => Je(this.container)), this.container.registerFactory("settings", () => P(
+    }, this.container.registerAsync("storage", () => Ze(this.container)), this.container.registerFactory("settings", () => N(
       this.container,
       et,
       v.Local
-    ).then((n = {}) => f(f({}, this.container.get("$settings")), n))), le(this, "load", this.handleBootstrapping), this.container.registerAsync(
+    ).then((n = {}) => f(f({}, this.container.get("$settings")), n))), ce(this, "load", this.handleBootstrapping), this.container.registerAsync(
       "componentResolver",
-      () => tn(this.container)
-    ), this.container.registerAsync("router", () => Ze(this.container)), this.container.registerAsync("actionResolver", () => Xe(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => en(this.container));
+      () => Xe(this.container)
+    ), this.container.registerAsync("router", () => Qe(this.container)), this.container.registerAsync("actionResolver", () => Je(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => tn(this.container));
   }
   initialize() {
     const t = this.container.getManyAsync(
@@ -851,25 +849,25 @@ class Cn extends de {
         var a;
         n.subscribe(
           this.widget.name,
-          (u, d, l) => this.onAction(d, l)
+          (l, d, u) => this.onAction(d, u)
         );
-        const r = (u) => {
+        const r = (l) => {
           o.nodes.query({ type: "view" }).forEach((d) => {
-            o.setSwitch(d, u);
+            o.setSwitch(d, l);
           });
         }, c = ((a = s.getInitialRoute()) == null ? void 0 : a.name) || "index";
-        return r(c), this.events.subscribe("widget:data-loaded", (u, { element: d }) => {
+        return r(c), this.events.subscribe("widget:data-loaded", (l, { element: d }) => {
           this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
             element: d
           });
         }), this.events.subscribe(
           "router:change",
-          (u, { previous: d = { routeData: {} }, next: l = { routeData: {} } }) => {
-            const { routeData: h } = d, { routeData: m } = l, g = Object.keys(i.views).reduce((b, y) => typeof i.views[y].path == "undefined" ? y : b, "");
-            !m.name && g ? r(g) : r(m.name), ht(h && h.params), ht(m && m.params), this.container.getAsync("actionResolver").then((b) => {
+          (l, { previous: d = { routeData: {} }, next: u = { routeData: {} } }) => {
+            const { routeData: p } = d, { routeData: h } = u, g = Object.keys(i.views).reduce((b, y) => typeof i.views[y].path == "undefined" ? y : b, "");
+            !h.name && g ? r(g) : r(h.name), ht(p && p.params), ht(h && h.params), this.container.getAsync("actionResolver").then((b) => {
               b.action(this.widget.name, "routeChange", {
-                next: m,
-                previous: h
+                next: h,
+                previous: p
               });
             });
           }
@@ -879,13 +877,13 @@ class Cn extends de {
   }
   attach(t = {}) {
     return this.container.get("settings").then(({ trigger: n }) => {
-      var h, m;
+      var p, h;
       const {
         widgetDOMElement: s,
         key: o = Qt(),
         triggerDOMElement: i,
         withRenderState: r
-      } = t, a = $t(n) === _.Inline && ((i == null ? void 0 : i.childElementCount) || 0) > 0, u = qe(
+      } = t, a = $t(n) === _.Inline && ((i == null ? void 0 : i.childElementCount) || 0) > 0, l = He(
         this.widget.name,
         s,
         i,
@@ -895,23 +893,23 @@ class Cn extends de {
       this.outlets.size < 1 && !r && this.setRenderState("unset");
       const d = () => {
         const g = () => b.querySelectorAll("[data-loading=true]").length === 0, [b] = this.widget.container.get("widgetDOMElements"), y = (F, L) => {
-          g() && (u.callback && u.callback(), L.disconnect());
+          g() && (l.callback && l.callback(), L.disconnect());
         }, E = {
           attributes: !0,
           subtree: !0,
           childList: !0
         };
-        g() && u.callback && u.callback(), new MutationObserver(y).observe(b, E);
+        g() && l.callback && l.callback(), new MutationObserver(y).observe(b, E);
       };
       a && this.widget.container.getAsync("dataClient").then(({ events: g }) => {
         g.subscribe("data-client:fetched", (b, y) => {
           y.unresolvedQueries === 0 && d();
         });
       });
-      const l = this.getOrCreateViewOutlet(o, u);
-      if (this.outlets.set(o, l), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === _.Badge && n && ((h = u.triggerDOMElement) == null || h.setAttribute("aria-expanded", "false"), l == null || l.renderBadge(n)), u.triggerType !== _.Inline && ((m = u.triggerDOMElement) == null || m.addEventListener("click", (g) => {
+      const u = this.getOrCreateViewOutlet(o, l);
+      if (this.outlets.set(o, u), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), l.triggerType === _.Badge && n && ((p = l.triggerDOMElement) == null || p.setAttribute("aria-expanded", "false"), u == null || u.renderBadge(n)), l.triggerType !== _.Inline && ((h = l.triggerDOMElement) == null || h.addEventListener("click", (g) => {
         g.preventDefault(), this.container.get("settings").then(({ trigger: b }) => {
-          l.render().then(() => this.renderState()).then((y) => b && b.action && b.action === "hide" ? y === O.open ? this.hide() : this.open() : y === O.open ? this.close() : this.open());
+          u.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((g) => {
@@ -919,7 +917,7 @@ class Cn extends de {
         });
       if (r)
         return r === "storage" ? this.renderState().then((g) => {
-          if (u.triggerType === _.Inline) {
+          if (l.triggerType === _.Inline) {
             this.triggerStateIfApplicable("open");
             return;
           }
@@ -959,7 +957,7 @@ class Cn extends de {
     });
   }
   getOrCreateViewOutlet(t, n) {
-    return this.outlets.has(t) ? this.outlets.get(t) : new Ue(this.container, n);
+    return this.outlets.has(t) ? this.outlets.get(t) : new Ke(this.container, n);
   }
   render(t = {}) {
     if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), t.open) {
@@ -976,7 +974,7 @@ class Cn extends de {
   setSettings(t) {
     return Promise.all([
       this.container.get("settings"),
-      I(this.container, et, T.Necessary, {
+      V(this.container, et, I.Necessary, {
         medium: v.Local
       })
     ]).then(([n, s]) => Promise.resolve(t(n)).then((o) => s(o).then(() => {
@@ -985,10 +983,10 @@ class Cn extends de {
     })));
   }
   clearSettings() {
-    return I(
+    return V(
       this.container,
       et,
-      T.Necessary,
+      I.Necessary,
       { medium: v.Local }
     ).then((t) => t()).then(() => this.container.get("settings")).then((t) => {
       this.widget.events.dispatch("widget:settings-updated", t);
@@ -1000,13 +998,13 @@ class Cn extends de {
     });
   }
   renderState() {
-    if (ae(this.container))
+    if (re(this.container))
       return Promise.resolve(O.open);
-    const t = () => P(
+    const t = () => N(
       this.container,
       K,
       v.Session
-    ).then((s = O.closed) => s), n = () => P(
+    ).then((s = O.closed) => s), n = () => N(
       this.container,
       K,
       v.Session
@@ -1054,10 +1052,10 @@ class Cn extends de {
   setRenderState(t) {
     const { invoke: n, events: s } = this.container.get("$widget");
     return Promise.all([
-      I(this.container, K, T.Necessary, {
+      V(this.container, K, I.Necessary, {
         medium: v.Session
       }),
-      I(this.container, K, T.Necessary, {
+      V(this.container, K, I.Necessary, {
         medium: v.Local,
         duration: { minutes: 5 }
       }),
@@ -1109,35 +1107,35 @@ class Cn extends de {
       const {
         options: { triggerDOMElement: s, triggerOptions: o }
       } = n, { openTooltip: i, closedTooltip: r } = o || {};
-      s && (t ? xt(s, i) : Fe(s, r));
+      s && (t ? xt(s, i) : We(s, r));
     });
   }
   deactivate() {
     this.subs.forEach((n) => n());
     const t = [];
-    return this.outlets.forEach((n) => t.push(n.dispose())), P(
+    return this.outlets.forEach((n) => t.push(n.dispose())), N(
       this.container,
       mt,
       v.Local
-    ).then((n) => n === this.widget.name ? I(
+    ).then((n) => n === this.widget.name ? V(
       this.container,
       mt,
-      T.Necessary,
+      I.Necessary,
       {
         medium: v.Local,
-        scope: ce.Implementation
+        scope: ae.Implementation
       }
     ).then((s) => s()).then(() => Promise.all(t)) : Promise.all(t));
   }
 }
 export {
   it as Component,
-  Pe as DetachedComponent,
-  Cn as GridWidget,
-  vn as NotFound,
-  Cn as Widget,
-  D as WidgetComponent,
+  Ne as DetachedComponent,
+  En as GridWidget,
+  wn as NotFound,
+  En as Widget,
+  P as WidgetComponent,
   Z as genericComponentStyling,
-  En as resolveComponent
+  vn as resolveComponent
 };
 //# sourceMappingURL=index.js.map