@telia-ace/widget-types-grid 1.0.25-next.8 → 1.0.25

package/dist/index.js

@@ -1,66 +1,66 @@
 var ve = Object.defineProperty, Ee = Object.defineProperties;
 var Ce = Object.getOwnPropertyDescriptors;
-var F = Object.getOwnPropertySymbols;
+var H = Object.getOwnPropertySymbols;
 var re = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
 var Z = (t, n, e) => n in t ? ve(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, m = (t, n) => {
   for (var e in n || (n = {}))
     re.call(n, e) && Z(t, e, n[e]);
-  if (F)
-    for (var e of F(n))
+  if (H)
+    for (var e of H(n))
       ae.call(n, e) && Z(t, e, n[e]);
   return t;
 }, C = (t, n) => Ee(t, Ce(n));
 var N = (t, n) => {
   var e = {};
-  for (var i in t)
-    re.call(t, i) && n.indexOf(i) < 0 && (e[i] = t[i]);
-  if (t != null && F)
-    for (var i of F(t))
-      n.indexOf(i) < 0 && ae.call(t, i) && (e[i] = t[i]);
+  for (var s in t)
+    re.call(t, s) && n.indexOf(s) < 0 && (e[s] = t[s]);
+  if (t != null && H)
+    for (var s of H(t))
+      n.indexOf(s) < 0 && ae.call(t, s) && (e[s] = t[s]);
   return e;
 };
-var $ = (t, n, e) => (Z(t, typeof n != "symbol" ? n + "" : n, e), e);
+var L = (t, n, e) => (Z(t, typeof n != "symbol" ? n + "" : n, e), e);
 import { css as de, ThemeProvider as Oe, useTheme as Se } from "@emotion/react";
-import { asDescriptor as ce, ComponentPlatform as Ae, createComponentModel as xe, ComponentQuery as De, WidgetRenderState as O } from "@telia-ace/widget-core";
-import { Grid as he, useRouteData as Me, useRouter as Ne, useProperties as pe, useContext as ne, useContainer as T, useComponentNode as ie, useScroll as me, transitionComposer as Le, paddedBorderTabStyle as $e, useComponent as ke, useComponentDescriptor as Pe, filterCssPropsStyle as Re, Typography as Ve, useComponentPlatform as fe, useIsMounted as _e, useColumns as Ie, useLayout as ze, ComponentNodeContext as Be, ComponentPropertyContext as je, filterCssProps as Te } from "@telia-ace/widget-ui";
-import d, { useState as B, forwardRef as ge, useMemo as Ge, Suspense as He, useEffect as j } from "react";
+import { asDescriptor as ce, ComponentPlatform as Ae, createComponentModel as De, ComponentQuery as xe, WidgetRenderState as O } from "@telia-ace/widget-core";
+import { Grid as he, useRouteData as Me, useRouter as Ne, useProperties as pe, useContext as ne, useContainer as j, useComponentNode as se, useScroll as me, transitionComposer as $e, paddedBorderTabStyle as Le, useComponent as ke, useComponentDescriptor as Pe, filterCssPropsStyle as Re, Typography as Ve, useComponentPlatform as fe, useIsMounted as _e, useColumns as Ie, useLayout as ze, ComponentNodeContext as Be, ComponentPropertyContext as Te, filterCssProps as je } from "@telia-ace/widget-ui";
+import d, { useState as B, forwardRef as ge, useMemo as Ge, Suspense as We, useEffect as T } from "react";
 import P from "@emotion/styled";
-import { appendClassNames as Y, notifyDataLoaded as We, lock as J, removeNullAndUndefinedValues as le, uuid as Fe } from "@telia-ace/widget-utilities";
+import { appendClassNames as Y, notifyDataLoaded as Fe, lock as J, removeNullAndUndefinedValues as le, uuid as He } from "@telia-ace/widget-utilities";
 import { TransitionGroup as Ke, Transition as Ue } from "react-transition-group";
 import { Switch as Ye, Route as X } from "react-router";
 import { onWidgetUrl as qe } from "@telia-ace/widget-routing";
-import { readStorage as L, StorageMedium as E, createStorageWriter as _, StorageCategory as I, StorageScope as Qe } from "@telia-ace/widget-services";
+import { readStorage as $, StorageMedium as E, createStorageWriter as _, StorageCategory as I, StorageScope as Qe } from "@telia-ace/widget-services";
 import { supportBootstrapping as Ze } from "@webprovisions/bootstrapping";
 import { WidgetState as Je, WidgetType as Xe } from "@webprovisions/platform";
 var te = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(te || {});
-const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[t] > e[n] ? "back" : "forth", ye = ({ views: t, location: n, render: e }) => /* @__PURE__ */ d.createElement(Ye, {
+const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[t] > e[n] ? "back" : "forth", tt = ({ views: t, location: n, render: e }) => /* @__PURE__ */ d.createElement(Ye, {
   location: n && C(m({}, n), {
     pathname: n.pathname.split("?")[0]
   })
 }, [
-  ...Object.keys(t).filter((i) => !!t[i].path),
-  ...Object.keys(t).filter((i) => !t[i].path)
-].map((i) => {
-  const { path: s } = t[i];
-  return s ? Array.isArray(s) ? s.map((o) => /* @__PURE__ */ d.createElement(X, {
-    key: i,
+  ...Object.keys(t).filter((s) => !!t[s].path),
+  ...Object.keys(t).filter((s) => !t[s].path)
+].map((s) => {
+  const { path: i } = t[s];
+  return i ? Array.isArray(i) ? i.map((o) => /* @__PURE__ */ d.createElement(X, {
+    key: s,
     exact: !0,
     path: o,
-    render: () => e(i)
+    render: () => e(s)
   })) : /* @__PURE__ */ d.createElement(X, {
-    key: i,
+    key: s,
     exact: !0,
-    path: s,
-    render: () => e(i)
+    path: i,
+    render: () => e(s)
   }) : /* @__PURE__ */ d.createElement(X, {
-    key: i,
-    render: () => e(i)
+    key: s,
+    render: () => e(s)
   });
-})), tt = P.div`
+})), ye = tt, nt = P.div`
     position: relative;
     width: 100%;
     flex: 1;
-`, nt = P(he)`
+`, st = P(he)`
     position: absolute;
     left: 0;
     right: 0;
@@ -74,33 +74,33 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
   contact: 5,
   "contact-method": 6,
   conversation: 7
-}, st = (e) => {
-  var i = e, { className: t = "" } = i, n = N(i, ["className"]);
-  const [s, o] = B("index"), [r, a] = B(te.forth), c = Me(), h = Ne(), l = pe(), u = ne(), p = T(), f = ie(), { gap: w = "0" } = u, W = l, { columns: y = 1, animation: g = "none", scrollable: b = !1 } = W, S = N(W, ["columns", "animation", "scrollable"]), [G, R] = me(b);
+}, ot = (e) => {
+  var s = e, { className: t = "" } = s, n = N(s, ["className"]);
+  const [i, o] = B("index"), [r, a] = B(te.forth), c = Me(), h = Ne(), u = pe(), l = ne(), p = j(), f = se(), { gap: w = "0" } = l, F = u, { columns: y = 1, animation: g = "none", scrollable: b = !1 } = F, S = N(F, ["columns", "animation", "scrollable"]), [G, R] = me(b);
   if (!f || !h)
     return null;
-  const { location: H } = h;
-  c.name !== s && c.name !== "" && g && (a(et(s, c.name, it)), o(c.name));
-  const { views: x } = p.get("$settings");
-  if (!Object.keys(x).length)
+  const { location: W } = h;
+  c.name !== i && c.name !== "" && g && (a(et(i, c.name, it)), o(c.name));
+  const { views: D } = p.get("$settings");
+  if (!Object.keys(D).length)
     return null;
-  const D = (v, M, V) => {
+  const x = (v, M, V) => {
     const A = Q(M, V), z = f.getChildren(v)[0];
-    return /* @__PURE__ */ d.createElement(nt, C(m(C(m(m({}, n), S), {
+    return /* @__PURE__ */ d.createElement(st, C(m(C(m(m({}, n), S), {
       scrollableCss: G,
       ref: R,
       columns: y,
       gap: w
     }), A), {
       className: Y(t, "humany-view")
-    }), /* @__PURE__ */ d.createElement(se, {
+    }), /* @__PURE__ */ d.createElement(ie, {
       id: z.id,
       branch: "default"
     }));
   }, Q = (v, M) => {
     if (g === "slide" || g === "fade")
       return {
-        animationCss: Le.composeViewTransition(
+        animationCss: $e.composeViewTransition(
           v,
           g,
           M
@@ -108,45 +108,45 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
         ["data-state"]: v
       };
   };
-  return /* @__PURE__ */ d.createElement(tt, {
+  return /* @__PURE__ */ d.createElement(nt, {
     className: "humany-animated-view"
   }, /* @__PURE__ */ d.createElement(Ke, {
     component: null,
     childFactory: (v) => d.cloneElement(v, { direction: r })
   }, /* @__PURE__ */ d.createElement(Ue, {
-    key: s,
+    key: i,
     timeout: { enter: 500, exit: 500 },
     onEnter: (v) => v == null ? void 0 : v.clientHeight,
     unmountOnExit: !0,
     direction: te.forth
   }, (v, { direction: M }) => /* @__PURE__ */ d.createElement(ye, {
-    views: x,
-    location: H,
-    render: (V) => D(V, v, M)
+    views: D,
+    location: W,
+    render: (V) => x(V, v, M)
   }))));
-}, ot = P(he)`
+}, rt = ot, at = P(he)`
     ${(t) => !!t.scrollableCss && t.scrollableCss}
-`, rt = (e) => {
-  var i = e, { className: t = "" } = i, n = N(i, ["className"]);
-  const s = pe(), o = ne(), r = T(), a = ie(), { views: c } = r.get("$settings"), { gap: h = "0" } = o, g = s, { columns: l = 1, animation: u = "none", scrollable: p = !1 } = g, f = N(g, ["columns", "animation", "scrollable"]), [w, y] = me(p);
-  return a ? /* @__PURE__ */ d.createElement(ot, C(m(m({}, n), f), {
+`, ct = (e) => {
+  var s = e, { className: t = "" } = s, n = N(s, ["className"]);
+  const i = pe(), o = ne(), r = j(), a = se(), { views: c } = r.get("$settings"), { gap: h = "0" } = o, g = i, { columns: u = 1, animation: l = "none", scrollable: p = !1 } = g, f = N(g, ["columns", "animation", "scrollable"]), [w, y] = me(p);
+  return a ? /* @__PURE__ */ d.createElement(at, C(m(m({}, n), f), {
     scrollableCss: w,
     ref: y,
-    columns: l,
+    columns: u,
     gap: h,
     className: Y(t, "humany-view")
   }), /* @__PURE__ */ d.createElement(ye, {
     views: c,
     render: (b) => {
       const S = a.getChildren(b)[0];
-      return /* @__PURE__ */ d.createElement(se, {
+      return /* @__PURE__ */ d.createElement(ie, {
         id: S.id,
         node: S,
         branch: "default"
       });
     }
   })) : null;
-}, q = (t) => {
+}, lt = ct, q = (t) => {
   var n, e;
   return de`
     outline: none;
@@ -171,40 +171,40 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
   `}
 
   &:focus-visible {
-        ${$e(t)};
+        ${Le(t)};
     }
 `;
-}, at = P(rt)`
+}, ut = P(lt)`
     ${(t) => q(t)}
-`, ct = P(st)`
+`, dt = P(rt)`
     ${(t) => q(t)}
-`, lt = P.div`
+`, ht = P.div`
     text-align: center;
     ${(t) => {
-  var n, e, i;
+  var n, e, s;
   return typeof ((n = t.theme.colors) == null ? void 0 : n.warning) != "undefined" && de`
             color: ${(e = t.theme.colors) == null ? void 0 : e.warning};
-            border: 2px dashed ${(i = t.theme.colors) == null ? void 0 : i.warning};
+            border: 2px dashed ${(s = t.theme.colors) == null ? void 0 : s.warning};
         `;
 }}
     ${(t) => typeof t.theme.borderRadius != "undefined" && `border-radius: ${t.theme.borderRadius};`}
   ${(t) => q(t)}
-`, ut = ge(
-  (s, i) => {
-    var o = s, { className: t = "", children: n } = o, e = N(o, ["className", "children"]);
-    const r = ke(), { name: a, type: c, id: h } = Pe(), l = Ge(() => r ? P(r)`
+`, pt = ge(
+  (i, s) => {
+    var o = i, { className: t = "", children: n } = o, e = N(o, ["className", "children"]);
+    const r = ke(), { name: a, type: c, id: h } = Pe(), u = Ge(() => r ? P(r)`
                     ${q}
                     ${Re}
                 ` : null, [r]);
-    return typeof r == "undefined" ? null : r === null || l === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(lt, C(m({}, e), {
+    return typeof r == "undefined" ? null : r === null || u === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(ht, C(m({}, e), {
       title: `type: ${c}, definition-id: ${a}, instance-id: ${h}`,
       className: Y(t, "humany-non-resolved-component")
     }), /* @__PURE__ */ d.createElement(Ve, {
       variant: "h5"
-    }, "Non Resolved Component Type")) : null : /* @__PURE__ */ d.createElement(He, {
+    }, "Non Resolved Component Type")) : null : /* @__PURE__ */ d.createElement(We, {
       fallback: null
-    }, /* @__PURE__ */ d.createElement(l, C(m({
-      ref: i
+    }, /* @__PURE__ */ d.createElement(u, C(m({
+      ref: s
     }, e), {
       className: Y(
         t,
@@ -213,78 +213,78 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
       )
     }), n));
   }
-), dt = (t) => {
-  const n = ie(t), e = fe(), [i, s] = B({}), o = _e();
-  return j(() => {
-    n && o.current && s(n.attributes.properties);
-  }, [n, t, o]), j(() => {
+), mt = pt, ft = (t) => {
+  const n = se(t), e = fe(), [s, i] = B({}), o = _e();
+  return T(() => {
+    n && o.current && i(n.attributes.properties);
+  }, [n, t, o]), T(() => {
     if (e) {
       const r = e.events.subscribe(
         "components:properties-changed",
         (a, c) => {
-          n === c.node && o.current && s(c.node.attributes.properties);
+          n === c.node && o.current && i(c.node.attributes.properties);
         }
       );
       return () => {
         r();
       };
     }
-  }, [e, o, t, n]), i;
-}, ht = (t, n) => n ? !0 : typeof t == "string" ? t === "full" : t > 0, se = ge(
+  }, [e, o, t, n]), s;
+}, gt = (t, n) => n ? !0 : typeof t == "string" ? t === "full" : t > 0, yt = ge(
   (h, c) => {
-    var l = h, { className: t = "", id: n, branch: e, node: i, ariaLabel: s, tabIndex: o, context: r } = l, a = N(l, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
-    const u = fe(), p = T(), [f, w] = B(), y = Ie(), g = ne(n), b = dt(n), { size: S = "none", indent: G = 0 } = ze(n), R = ht(S, i);
-    if (j(() => {
-      if (u) {
-        if (n && !i) {
-          const A = u.nodes.get(n);
+    var u = h, { className: t = "", id: n, branch: e, node: s, ariaLabel: i, tabIndex: o, context: r } = u, a = N(u, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
+    const l = fe(), p = j(), [f, w] = B(), y = Ie(), g = ne(n), b = ft(n), { size: S = "none", indent: G = 0 } = ze(n), R = gt(S, s);
+    if (T(() => {
+      if (l) {
+        if (n && !s) {
+          const A = l.nodes.get(n);
           if (A && (w(ce(A, e)), R)) {
             const z = A.mount(p);
             return () => {
               z();
             };
           }
-        } else if (i) {
-          w(ce(i, e));
-          const A = i.mount(p);
+        } else if (s) {
+          w(ce(s, e));
+          const A = s.mount(p);
           return () => {
             A();
           };
         }
       }
-    }, [u, n, i, R]), !f || !R)
+    }, [l, n, s, R]), !f || !R)
       return null;
     const V = m(m({}, g), r || {}), {
-      cardinal: x,
-      fonts: D = {},
+      cardinal: D,
+      fonts: x = {},
       accessibility: Q = {}
-    } = V, W = N(V, [
+    } = V, F = N(V, [
       "cardinal",
       "fonts",
       "accessibility"
     ]), v = {
-      type: D.type,
-      base: D.base || "16px",
-      small: D.small || "0.8em",
-      normal: D.normal || "1em",
-      medium: D.medium || "1.2em",
-      large: D.large || "1.6em",
-      huge: D.huge || "2.5em"
-    }, M = C(m({}, W), {
+      type: x.type,
+      base: x.base || "16px",
+      small: x.small || "0.8em",
+      normal: x.normal || "1em",
+      medium: x.medium || "1.2em",
+      large: x.large || "1.6em",
+      huge: x.huge || "2.5em"
+    }, M = C(m({}, F), {
       fonts: v,
       accessibility: m({}, Q)
     });
-    return typeof x == "number" && (M.sizes = {
-      cardinal: x,
-      small: `${x}px`,
-      normal: `${x * 3}px`,
-      medium: `${x * 5}px`,
-      large: `${x * 8}px`
+    return typeof D == "number" && (M.sizes = {
+      cardinal: D,
+      small: `${D}px`,
+      normal: `${D * 3}px`,
+      medium: `${D * 5}px`,
+      large: `${D * 8}px`
     }), /* @__PURE__ */ d.createElement(Oe, {
       theme: M
     }, /* @__PURE__ */ d.createElement(Be.Provider, {
       value: f
-    }, /* @__PURE__ */ d.createElement(je.Provider, {
+    }, /* @__PURE__ */ d.createElement(Te.Provider, {
       value: b
     }, (() => {
       const A = m({
@@ -293,21 +293,21 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
         "data-name": f.name,
         "data-node-id": f.id,
         "data-component-type": f.type,
-        "aria-label": s,
+        "aria-label": i,
         tabIndex: o,
         id: f.id,
         role: b && b.role
       }, a);
       switch (f.type) {
         case "view":
-          return typeof b.animation == "string" && b.animation !== "none" ? /* @__PURE__ */ d.createElement(ct, C(m({}, A), {
+          return typeof b.animation == "string" && b.animation !== "none" ? /* @__PURE__ */ d.createElement(dt, C(m({}, A), {
             className: t
-          })) : /* @__PURE__ */ d.createElement(at, C(m({}, A), {
+          })) : /* @__PURE__ */ d.createElement(ut, C(m({}, A), {
             className: t
           }));
         default: {
-          const z = Te(b);
-          return /* @__PURE__ */ d.createElement(ut, C(m(m({
+          const z = je(b);
+          return /* @__PURE__ */ d.createElement(mt, C(m(m({
             ref: c
           }, A), z), {
             className: t
@@ -316,55 +316,55 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
       }
     })())));
   }
-), pt = ({ builder: t }) => {
-  const n = T(), [e, i] = B(null);
-  return j(() => {
-    n.getAsync("components").then((s) => t(s).then((o) => {
-      i(o);
+), ie = yt, bt = ({ builder: t }) => {
+  const n = j(), [e, s] = B(null);
+  return T(() => {
+    n.getAsync("components").then((i) => t(i).then((o) => {
+      s(o);
     }));
-  }, []), j(() => () => {
-    e && n.getAsync("components").then((s) => {
-      s.nodes.detached = s.nodes.detached.filter(
+  }, []), T(() => () => {
+    e && n.getAsync("components").then((i) => {
+      i.nodes.detached = i.nodes.detached.filter(
         (o) => o.id !== e.id
       );
     });
-  }, [e]), e ? /* @__PURE__ */ d.createElement(se, {
+  }, [e]), e ? /* @__PURE__ */ d.createElement(ie, {
     id: e.id,
     node: e,
     branch: "default"
   }) : null;
-}, mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, wt = bt, vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: pt
-}, Symbol.toStringTag, { value: "Module" })), ft = d.lazy(() => Promise.resolve().then(() => mt)), Ut = ({ showSearch: t = !1 }) => {
-  const n = Se(), e = T();
+  default: wt
+}, Symbol.toStringTag, { value: "Module" })), Et = d.lazy(() => Promise.resolve().then(() => vt)), Ct = ({ showSearch: t = !1 }) => {
+  const n = Se(), e = j();
   return /* @__PURE__ */ d.createElement(d.Suspense, {
     fallback: null
-  }, /* @__PURE__ */ d.createElement(ft, {
-    builder: (i) => e.get("settings").then((s) => {
+  }, /* @__PURE__ */ d.createElement(Et, {
+    builder: (s) => e.get("settings").then((i) => {
       var h;
-      const { properties: o, context: r } = Object.keys(s.components).reduce(
-        (l, u) => (s.components[u].type === "not-found" && (l.properties = s.components[u].properties, l.context = s.components[u].context), l),
+      const { properties: o, context: r } = Object.keys(i.components).reduce(
+        (u, l) => (i.components[l].type === "not-found" && (u.properties = i.components[l].properties, u.context = i.components[l].context), u),
         { properties: {}, context: {} }
       );
       o.showSearch = t;
-      const a = i.createNode("area", { detached: !0 });
+      const a = s.createNode("area", { detached: !0 });
       if (a.name = "not-found-area", a.writeLayout({
         size: "full"
       }), t) {
-        const l = Object.keys(s.components).reduce(
-          (p, f) => s.components[f].type === "search" ? s.components[f].properties : p,
+        const u = Object.keys(i.components).reduce(
+          (p, f) => i.components[f].type === "search" ? i.components[f].properties : p,
           {}
-        ), u = i.createNode("search", { detached: !0 });
-        u.writeLayout({ size: "full" }), u.writeProperties(m({
+        ), l = s.createNode("search", { detached: !0 });
+        l.writeLayout({ size: "full" }), l.writeProperties(m({
           "css-margin-bottom": ((h = n == null ? void 0 : n.sizes) == null ? void 0 : h.normal) || "15px"
-        }, l)), a.appendChild(u);
+        }, u)), a.appendChild(l);
       }
-      const c = i.createNode("not-found", { detached: !0 });
+      const c = s.createNode("not-found", { detached: !0 });
       return c.writeLayout({ size: "full" }), c.writeProperties(o), c.writeContext(r), a.appendChild(c), a;
     })
   }));
-}, gt = (t) => {
+}, Jt = Ct, Ot = (t) => {
   if (t) {
     const { type: n, content: e } = t;
     switch (n) {
@@ -376,22 +376,22 @@ const et = (t, n, e) => typeof e[t] == "number" && typeof e[n] == "number" && e[
         return "";
     }
   }
-}, yt = (t) => {
-  const n = (s, o) => {
-    !s || (o ? s.classList.add("humany-tabbing") : s.classList.remove("humany-tabbing"));
-  }, e = (s) => {
-    s.key === "Tab" ? n(t, !0) : s.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(t, !1);
-  }, i = (s) => {
+}, St = (t) => {
+  const n = (i, o) => {
+    !i || (o ? i.classList.add("humany-tabbing") : i.classList.remove("humany-tabbing"));
+  }, e = (i) => {
+    i.key === "Tab" ? n(t, !0) : i.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || n(t, !1);
+  }, s = (i) => {
     document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || n(t, !1);
   };
-  return document.addEventListener("keydown", e), document.addEventListener("click", i), () => {
-    document.removeEventListener("keydown", e), document.removeEventListener("click", i);
+  return document.addEventListener("keydown", e), document.addEventListener("click", s), () => {
+    document.removeEventListener("keydown", e), document.removeEventListener("click", s);
   };
 };
-function bt(t, n) {
-  const { symbol: e, widgetName: i, label: s = "", ariaLabel: o = "", tooltip: r = "" } = n;
-  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) || "";
+function At(t, n) {
+  const { symbol: e, widgetName: s, label: i = "", ariaLabel: o = "", tooltip: r = "" } = n;
+  t.classList.add("humany-trigger"), t.classList.add(`humany_${s}`), i.length && t.classList.add("humany-has-text"), o.length && !t.getAttribute("aria-label") && t.setAttribute("aria-label", o), o.length && !t.getAttribute("tabindex") && t.setAttribute("tabindex", "0"), r.length && !t.getAttribute("title") && t.setAttribute("title", r);
+  const a = Ot(e) || "";
   return t.innerHTML = `${a}
           <span class="humany-close">
             <svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -410,14 +410,14 @@ function bt(t, n) {
                 stroke-miterlimit="10" />
             </svg>
           </span>
-          ${s.length ? `<span>${s}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), yt(t);
+          ${i.length ? `<span>${i}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), St(t);
 }
-function wt(t, n) {
+function Dt(t, n) {
   t instanceof HTMLElement ? (n && t.setAttribute("title", n), t.classList.remove("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((e) => {
     n && e.setAttribute("title", n), e.classList.remove("humany-active"), e.classList.remove("humany-loading");
   });
 }
-function vt(t) {
+function xt(t) {
   t instanceof HTMLElement ? (t.classList.remove("humany-active"), t.classList.add("humany-loading")) : t instanceof Array && t.forEach((n) => {
     n.classList.remove("humany-active"), n.classList.add("humany-loading");
   });
@@ -428,12 +428,12 @@ function be(t, n) {
   });
 }
 var k = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(k || {});
-const Et = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "none", we = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Ct = (t, n, e, i, s = !1) => {
-  var h, l;
-  const o = Et(
+const Mt = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "none", we = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Nt = (t, n, e, s, i = !1) => {
+  var h, u;
+  const o = Mt(
     n,
     e
-  ), r = we(i), a = {
+  ), r = we(s), a = {
     widgetDOMElement: n ? n.cloneNode(!0) : void 0,
     triggerDOMElement: e ? e.cloneNode(!0) : void 0
   }, c = {
@@ -448,28 +448,28 @@ const Et = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "non
     }
     case "widgetDOM": {
       if (c.widgetDOMElement = n || document.createElement("div"), r !== "inline") {
-        const u = document.body.appendChild(document.createElement("a"));
-        r === "link" && (u.innerText = t), c.triggerDOMElement = u;
+        const l = document.body.appendChild(document.createElement("a"));
+        r === "link" && (l.innerText = t), c.triggerDOMElement = l;
       }
       break;
     }
     case "triggerDOM": {
-      const u = document.createElement("div");
-      c.widgetDOMElement = u, r === "inline" ? (u.id = (e == null ? void 0 : e.id) || "", s ? (u.style.display = "none", (h = e == null ? void 0 : e.parentNode) == null || h.appendChild(u), c.callback = () => {
+      const l = document.createElement("div");
+      c.widgetDOMElement = l, r === "inline" ? (l.id = (e == null ? void 0 : e.id) || "", i ? (l.style.display = "none", (h = e == null ? void 0 : e.parentNode) == null || h.appendChild(l), c.callback = () => {
         var p;
         (p = e == null ? void 0 : e.parentNode) == null || p.replaceChild(
-          u,
+          l,
           e
-        ), u.style.display = (e == null ? void 0 : e.style.display) || "block";
-      }) : (l = e == null ? void 0 : e.parentNode) == null || l.replaceChild(
-        u,
+        ), l.style.display = (e == null ? void 0 : e.style.display) || "block";
+      }) : (u = e == null ? void 0 : e.parentNode) == null || u.replaceChild(
+        l,
         e
-      ), c.cachedOriginals.widgetDOMElement = e, c.cachedOriginals.triggerDOMElement = void 0) : (c.widgetDOMElement = document.body.appendChild(u), c.triggerDOMElement = e);
+      ), c.cachedOriginals.widgetDOMElement = e, c.cachedOriginals.triggerDOMElement = void 0) : (c.widgetDOMElement = document.body.appendChild(l), c.triggerDOMElement = e);
       break;
     }
     case "none": {
-      const u = document.body.appendChild(document.createElement("div"));
-      if (c.widgetDOMElement = u, r !== "inline") {
+      const l = document.body.appendChild(document.createElement("div"));
+      if (c.widgetDOMElement = l, r !== "inline") {
         const p = document.body.appendChild(document.createElement("a"));
         r === "link" && (p.innerText = t), c.triggerDOMElement = p;
       }
@@ -477,38 +477,38 @@ const Et = (t, n) => t && n ? "both" : t ? "widgetDOM" : n ? "triggerDOM" : "non
     }
   }
   return c;
-}, Ot = "modals";
-class St {
+}, $t = "modals";
+class Lt {
   constructor(n, e) {
-    $(this, "container");
-    $(this, "unsubscribe", []);
+    L(this, "container");
+    L(this, "unsubscribe", []);
     this.options = e, this.container = n.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
-    const i = this.container.get("$widget");
-    this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${i.name}`);
-    const s = n.get("widgetDOMElements") || [];
+    const s = this.container.get("$widget");
+    this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${s.name}`);
+    const i = n.get("widgetDOMElements") || [];
     n.register("widgetDOMElements", [
-      ...s,
+      ...i,
       this.options.widgetDOMElement
     ]);
   }
   render() {
-    const { widgetDOMElement: n, triggerDOMElement: e } = this.options, i = this.container.get("$widget");
-    return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === k.Badge && vt(e), import("./render.f2d6da89.js").then((s) => s.default(this.container, n)).then(() => {
+    const { widgetDOMElement: n, triggerDOMElement: e } = this.options, s = this.container.get("$widget");
+    return n.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === k.Badge && xt(e), import("./render.95f13e79.js").then((i) => i.default(this.container, n)).then(() => {
       if (n.setAttribute("data-rendered", "true"), e && this.options.triggerType === k.Badge) {
         const o = this.options.triggerOptions.openTooltip;
         be(e, o);
       }
-      We(this.container, n);
-      const s = this.container.get("$environment").widgets.all();
-      L(
+      Fe(this.container, n);
+      const i = this.container.get("$environment").widgets.all();
+      $(
         this.container,
-        Ot,
+        $t,
         E.Session
       ).then((o) => {
         o && o.forEach((r) => {
-          s.find(
+          i.find(
             (a) => a.name === r.name && a.state === "activated"
-          ) && i.events.dispatch("widget:modal-opened", r);
+          ) && s.events.dispatch("widget:modal-opened", r);
         });
       });
     }));
@@ -518,34 +518,34 @@ class St {
     if (!e)
       return;
     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, h = { closedTooltip: a, openTooltip: c };
+    const { name: s } = this.container.get("$widget"), { label: i, symbol: o, ariaLabel: r, closedTooltip: a, openTooltip: c } = n, h = { closedTooltip: a, openTooltip: c };
     this.options.triggerOptions = h;
-    const l = bt(e, {
-      label: s,
+    const u = At(e, {
+      label: i,
       symbol: o,
       ariaLabel: r,
-      widgetName: i,
+      widgetName: s,
       tooltip: a
     });
-    this.unsubscribe.push(l);
+    this.unsubscribe.push(u);
   }
   dispose() {
     return import("./unmount.b0816844.js").then((n) => {
-      var s, o, r, a;
-      const { triggerDOMElement: e, widgetDOMElement: i } = this.options;
-      n.default(i), this.options.cachedOriginals.widgetDOMElement && i && ((s = i.parentNode) == null || s.replaceChild(
+      var i, o, r, a;
+      const { triggerDOMElement: e, widgetDOMElement: s } = this.options;
+      n.default(s), this.options.cachedOriginals.widgetDOMElement && s && ((i = s.parentNode) == null || i.replaceChild(
         this.options.cachedOriginals.widgetDOMElement,
-        i
+        s
       )), this.options.cachedOriginals.triggerDOMElement && e && ((o = e.parentNode) == null || o.replaceChild(
         this.options.cachedOriginals.triggerDOMElement,
         e
       )), this.unsubscribe.forEach((c) => {
         c();
-      }), (r = i.parentNode) == null || r.removeChild(i), (a = e == null ? void 0 : e.parentNode) == null || a.removeChild(e);
+      }), (r = s.parentNode) == null || r.removeChild(s), (a = e == null ? void 0 : e.parentNode) == null || a.removeChild(e);
     });
   }
 }
-const K = "changesets", At = (t) => {
+const K = "changesets", kt = (t) => {
   const n = { tags: t.tags };
   return t.context && typeof t.context != "function" && (n.context = t.context), t.properties && typeof t.properties != "function" && (n.properties = t.properties), t.layout && typeof t.layout != "function" && (n.layout = t.layout), n;
 };
@@ -558,74 +558,67 @@ class oe {
       medium: E.Local
     }).then((e) => new oe(n, e));
   }
-  write(n, e, i, s) {
-    return J(this)(() => L(
+  write(n, e, s, i) {
+    return J(this)(() => $(
       this.container,
       K,
       E.Local
     ).then((o = {}) => {
       const { keys: r = [], items: a = {} } = o, c = r.indexOf(n);
       return c > -1 && r.splice(c, 1), r.push(n), a[n] = {
-        options: s,
-        attributes: At(i),
+        options: i,
+        attributes: kt(s),
         rules: e.rules
       }, this.storageWriter({ keys: r, items: a });
     }));
   }
   remove(n) {
-    return J(this)(() => L(
+    return J(this)(() => $(
       this.container,
       K,
       E.Local
     ).then((e = {}) => {
-      const { keys: i = [], items: s = {} } = e, o = i.indexOf(n);
+      const { keys: s = [], items: i = {} } = e, o = s.indexOf(n);
       if (o > -1)
-        return i.splice(o, 1), delete s[n], this.storageWriter(e);
+        return s.splice(o, 1), delete i[n], this.storageWriter(e);
     }));
   }
   load(n) {
-    return J(this)(() => L(
+    return J(this)(() => $(
       this.container,
       K,
       E.Local
     ).then((e = {}) => {
-      const { keys: i = [], items: s = {} } = e;
-      i.forEach((o) => {
-        const r = s[o];
+      const { keys: s = [], items: i = {} } = e;
+      s.forEach((o) => {
+        const r = i[o];
         if (r) {
           const { rules: a, attributes: c, options: h } = r;
           n.write({
             attributes: c,
             options: h,
-            target: new De(n, a)
+            target: new xe(n, a)
           });
         }
       });
     }));
   }
 }
-const xt = (t) => {
+const Pt = (t) => {
   const { container: n } = t;
   return oe.create(n).then((e) => {
-    const i = n.get("$settings"), s = { localStorage: e }, o = new Ae(t, s), r = xe(o, i);
+    const s = n.get("$settings"), i = { localStorage: e }, o = new Ae(t, i), r = De(o, s);
     return t.events.subscribe("widget:state-change", (a, c) => {
       c.state === Je.Deactivating && r();
     }), o;
   });
-}, Dt = (t, n) => () => {
-  const e = (s) => {
-    const o = document.createElement("a");
-    return o.href = s, o;
-  };
-  let i = window.location;
-  return t === "referrer" && document.referrer && (i = e(document.referrer)), [n ? "https:" : "", "//", i.host, i.pathname].join("");
-}, Mt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: n, HistoryMode: e }) => t.get("settings").then((i) => {
+}, Rt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: n, HistoryMode: e }) => t.get("settings").then((s) => {
   const {
-    routing: { initialPath: s = "/", mode: o = e.scopedHash, basePath: r },
+    routing: { initialPath: i = "/", mode: o = e.scopedHash, basePath: r },
     views: a
-  } = i;
+  } = s;
   return new n(t, {
-    initialPath: s,
+    initialPath: i,
     mode: o,
     routes: Object.keys(a).map((h) => ({
       name: h,
@@ -633,48 +626,33 @@ const xt = (t) => {
     })),
     basePath: r
   });
-})), Nt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), Lt = (t) => import("@telia-ace/knowledge-serviceclient").then(({ ServiceClient: n, ServiceProxy: e }) => t.get("settings").then((i) => {
-  const { name: s, events: o } = t.get("$widget"), {
-    data: { projection: r = "", site: a = "current", forceHttps: c = !1 }
-  } = i, h = new e(r, { credentials: "same-origin" }), l = new n(
-    h,
-    {
-      funnel: s.replace("_contact-method", "").replace("_contact", ""),
-      site: Dt(a, c)
-    },
-    null,
-    t
-  );
-  return o.subscribe("widget:settings-updated", (u, { data: p }) => {
-    p && p.projection !== r && l.proxy.setBaseUrl(p.projection);
-  }), l;
-})), $t = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(t)), kt = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(t)), Pt = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: n, createComponentModel: e }) => xt(t.get("$widget"))), ee = "$settings", U = "open", ue = "activeStickyWidget";
-class Yt extends Xe {
+})), Vt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: n }) => new n()), _t = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: n }) => new n(t)), It = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: n }) => new n(t)), zt = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: n, createComponentModel: e }) => Pt(t.get("$widget"))), ee = "$settings", U = "open", ue = "activeStickyWidget";
+class Xt extends Xe {
   constructor(e) {
     super(e);
-    $(this, "outlets", /* @__PURE__ */ new Map());
-    $(this, "activated");
-    $(this, "subs", []);
-    $(this, "handleBootstrapping", (e) => {
-      const i = {
+    L(this, "outlets", /* @__PURE__ */ new Map());
+    L(this, "activated");
+    L(this, "subs", []);
+    L(this, "handleBootstrapping", (e) => {
+      const s = {
         triggerDOMElement: e.sourceDOMElement,
         withRenderState: "storage"
       };
-      this.container.get("settings").then((s) => {
-        const { activate: o } = s;
+      this.container.get("settings").then((i) => {
+        const { activate: o } = i;
         (typeof o == "undefined" || o === null || o === !0) && (this.activated = (this.activated || this.widget.activate()).then(
-          () => this.attach(i)
+          () => this.attach(s)
         ));
       });
     });
-    this.container.registerAsync("storage", () => Nt(this.container)), this.container.registerFactory("settings", () => L(
+    this.container.registerAsync("storage", () => Vt(this.container)), this.container.registerFactory("settings", () => $(
       this.container,
       ee,
       E.Local
-    ).then((i = {}) => m(m({}, this.container.get("$settings")), i))), Ze(this, "load", this.handleBootstrapping), this.container.registerAsync(
+    ).then((s = {}) => m(m({}, this.container.get("$settings")), s))), Ze(this, "load", this.handleBootstrapping), this.container.registerAsync(
       "componentResolver",
-      () => kt(this.container)
-    ), this.container.registerAsync("matchingClient", () => Lt(this.container)), this.container.registerAsync("router", () => Mt(this.container)), this.container.registerAsync("actionResolver", () => $t(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => Pt(this.container));
+      () => It(this.container)
+    ), this.container.registerAsync("router", () => Rt(this.container)), this.container.registerAsync("actionResolver", () => _t(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => zt(this.container));
   }
   initialize() {
     const e = this.container.getManyAsync(
@@ -683,25 +661,25 @@ class Yt extends Xe {
       "components"
     );
     return Promise.all([e, this.container.get("settings")]).then(
-      ([{ actionResolver: i, router: s, components: o }, r]) => {
+      ([{ actionResolver: s, router: i, components: o }, r]) => {
         var h;
-        i.subscribe(
+        s.subscribe(
           this.widget.name,
-          (l, u, p) => this.onAction(u, p)
+          (u, l, p) => this.onAction(l, p)
         );
-        const a = (l) => {
-          o.nodes.query({ type: "view" }).forEach((u) => {
-            o.setSwitch(u, l);
+        const a = (u) => {
+          o.nodes.query({ type: "view" }).forEach((l) => {
+            o.setSwitch(l, u);
           });
-        }, c = ((h = s.getInitialRoute()) == null ? void 0 : h.name) || "index";
-        return a(c), this.events.subscribe("widget:data-loaded", (l, { element: u }) => {
+        }, c = ((h = i.getInitialRoute()) == null ? void 0 : h.name) || "index";
+        return a(c), this.events.subscribe("widget:data-loaded", (u, { element: l }) => {
           this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
-            element: u
+            element: l
           });
         }), this.events.subscribe(
           "router:change",
-          (l, { previous: u = { routeData: {} }, next: p = { routeData: {} } }) => {
-            const { routeData: f } = u, { routeData: w } = p, y = Object.keys(r.views).reduce((g, b) => typeof r.views[b].path == "undefined" ? b : g, "");
+          (u, { previous: l = { routeData: {} }, next: p = { routeData: {} } }) => {
+            const { routeData: f } = l, { routeData: w } = p, y = Object.keys(r.views).reduce((g, b) => typeof r.views[b].path == "undefined" ? b : g, "");
             !w.name && y ? a(y) : a(w.name), le(f && f.params), le(w && w.params), this.container.getAsync("actionResolver").then((g) => {
               g.action(this.widget.name, "routeChange", {
                 next: w,
@@ -709,43 +687,43 @@ class Yt extends Xe {
               });
             });
           }
-        ), s.initialize();
+        ), i.initialize();
       }
     );
   }
   attach(e = {}) {
-    return this.container.get("settings").then(({ trigger: i }) => {
+    return this.container.get("settings").then(({ trigger: s }) => {
       var f, w;
       const {
-        widgetDOMElement: s,
-        key: o = Fe(),
+        widgetDOMElement: i,
+        key: o = He(),
         triggerDOMElement: r,
         withRenderState: a
-      } = e, h = we(i) === k.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, l = Ct(
+      } = e, h = we(s) === k.Inline && ((r == null ? void 0 : r.childElementCount) || 0) > 0, u = Nt(
         this.widget.name,
-        s,
-        r,
         i,
+        r,
+        s,
         h
       );
       this.outlets.size < 1 && !a && this.setRenderState("unset");
-      const u = () => {
-        const y = () => g.querySelectorAll("[data-loading=true]").length === 0, [g] = this.widget.container.get("widgetDOMElements"), b = (R, H) => {
-          y() && (l.callback && l.callback(), H.disconnect());
+      const l = () => {
+        const y = () => g.querySelectorAll("[data-loading=true]").length === 0, [g] = this.widget.container.get("widgetDOMElements"), b = (R, W) => {
+          y() && (u.callback && u.callback(), W.disconnect());
         }, S = {
           attributes: !0,
           subtree: !0,
           childList: !0
         };
-        y() && l.callback && l.callback(), new MutationObserver(b).observe(g, S);
+        y() && u.callback && u.callback(), new MutationObserver(b).observe(g, S);
       };
       h && this.widget.container.getAsync("dataClient").then(({ events: y }) => {
         y.subscribe("data-client:fetched", (g, b) => {
-          b.unresolvedQueries === 0 && u();
+          b.unresolvedQueries === 0 && l();
         });
       });
-      const p = this.getOrCreateViewOutlet(o, l);
-      if (this.outlets.set(o, p), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), l.triggerType === k.Badge && i && ((f = l.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), p == null || p.renderBadge(i)), l.triggerType !== k.Inline && ((w = l.triggerDOMElement) == null || w.addEventListener("click", (y) => {
+      const p = this.getOrCreateViewOutlet(o, u);
+      if (this.outlets.set(o, p), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), u.triggerType === k.Badge && s && ((f = u.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), p == null || p.renderBadge(s)), u.triggerType !== k.Inline && ((w = u.triggerDOMElement) == null || w.addEventListener("click", (y) => {
         y.preventDefault(), this.container.get("settings").then(({ trigger: g }) => {
           p.render().then(() => this.renderState()).then((b) => g && g.action && g.action === "hide" ? b === O.open ? this.hide() : this.open() : b === O.open ? this.close() : this.open());
         });
@@ -755,7 +733,7 @@ class Yt extends Xe {
         });
       if (a)
         return a === "storage" ? this.renderState().then((y) => {
-          if (l.triggerType === k.Inline) {
+          if (u.triggerType === k.Inline) {
             this.triggerStateIfApplicable("open");
             return;
           }
@@ -766,19 +744,19 @@ class Yt extends Xe {
   detach(e) {
     if (e) {
       if (this.outlets.has(e)) {
-        const i = this.outlets.get(e);
-        i == null || i.dispose(), this.outlets.delete(e);
+        const s = this.outlets.get(e);
+        s == null || s.dispose(), this.outlets.delete(e);
         return;
       }
       process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${e}`);
       return;
     }
-    this.outlets.forEach((i) => {
-      i.dispose();
+    this.outlets.forEach((s) => {
+      s.dispose();
     }), this.outlets.clear();
   }
   triggerStateIfApplicable(e) {
-    return this.container.getAsync("router").then((i) => {
+    return this.container.getAsync("router").then((s) => {
       switch (e) {
         case "closed":
           this.close();
@@ -787,22 +765,22 @@ class Yt extends Xe {
           this.open();
           break;
         case "hidden":
-          this.hide(), i.start();
+          this.hide(), s.start();
           break;
         default:
           return;
       }
     });
   }
-  getOrCreateViewOutlet(e, i) {
-    return this.outlets.has(e) ? this.outlets.get(e) : new St(this.container, i);
+  getOrCreateViewOutlet(e, s) {
+    return this.outlets.has(e) ? this.outlets.get(e) : new Lt(this.container, s);
   }
   render(e = {}) {
     if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), e.open) {
-      const i = C(m({}, e), {
+      const s = C(m({}, e), {
         withRenderState: "open"
       });
-      return this.attach(i);
+      return this.attach(s);
     }
     return this.attach(e);
   }
@@ -815,8 +793,8 @@ class Yt extends Xe {
       _(this.container, ee, I.Necessary, {
         medium: E.Local
       })
-    ]).then(([i, s]) => Promise.resolve(e(i)).then((o) => s(o).then(() => {
-      const r = m(m({}, i), o);
+    ]).then(([s, i]) => Promise.resolve(e(s)).then((o) => i(o).then(() => {
+      const r = m(m({}, s), o);
       return this.widget.events.dispatch("widget:settings-updated", r), r;
     })));
   }
@@ -830,24 +808,24 @@ class Yt extends Xe {
       this.widget.events.dispatch("widget:settings-updated", e);
     });
   }
-  action({ action: e, value: i }) {
-    return this.container.getAsync("actionResolver").then((s) => {
-      s.action(this.widget.name, e, i);
+  action({ action: e, value: s }) {
+    return this.container.getAsync("actionResolver").then((i) => {
+      i.action(this.widget.name, e, s);
     });
   }
   renderState() {
     if (qe(this.container))
       return Promise.resolve(O.open);
-    const e = () => L(
+    const e = () => $(
       this.container,
       U,
       E.Session
-    ).then((s = O.closed) => s), i = () => L(
+    ).then((i = O.closed) => i), s = () => $(
       this.container,
       U,
       E.Session
-    ).then((s = O.closed) => s);
-    return this.container.getAsync("router").then((s) => s.isSticky() ? i().then((o) => o === O.open ? o : e()) : e());
+    ).then((i = O.closed) => i);
+    return this.container.getAsync("router").then((i) => i.isSticky() ? s().then((o) => o === O.open ? o : e()) : e());
   }
   hide() {
     return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
@@ -871,14 +849,14 @@ class Yt extends Xe {
       "show(): Command is deprecated and will be removed in the future. Use open() instead."
     ), this.open();
   }
-  onAction(e, i) {
+  onAction(e, s) {
     switch (e) {
       case "close":
       case "open":
       case "hide":
-        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(
+        const i = e === "open" ? O.open : e === "close" ? O.closed : O.hidden;
+        return this.setRenderState(i).then(() => {
+          this.setTriggerState(i === O.open), i !== O.hidden ? i === O.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
             (o) => {
               var r;
               return (r = o.options.triggerDOMElement) == null ? void 0 : r.setAttribute("aria-expanded", "false");
@@ -888,7 +866,7 @@ class Yt extends Xe {
     }
   }
   setRenderState(e) {
-    const { invoke: i, events: s } = this.container.get("$widget");
+    const { invoke: s, events: i } = this.container.get("$widget");
     return Promise.all([
       _(this.container, U, I.Necessary, {
         medium: E.Session
@@ -898,9 +876,9 @@ class Yt extends Xe {
         duration: { minutes: 5 }
       }),
       this.container.getAsync("router"),
-      i("renderState")
+      s("renderState")
     ]).then(([o, r, a, c]) => {
-      e === "unset" || !e ? (r(), o()) : (a.isSticky() && r(e), o(e)), s.dispatch("widget:render-state-changed", {
+      e === "unset" || !e ? (r(), o()) : (a.isSticky() && r(e), o(e)), i.dispatch("widget:render-state-changed", {
         previous: c,
         next: e
       });
@@ -908,20 +886,20 @@ class Yt extends Xe {
   }
   onOpen() {
     return this.container.getAsync("router").then((e) => (this.outlets.forEach(
-      (i) => {
-        var s;
-        return (s = i.options.triggerDOMElement) == null ? void 0 : s.setAttribute("aria-expanded", "true");
+      (s) => {
+        var i;
+        return (i = s.options.triggerDOMElement) == null ? void 0 : i.setAttribute("aria-expanded", "true");
       }
     ), e.start()));
   }
   onClose() {
     const e = this.container.getManyAsync("router", "components");
-    return (() => this.container.get("settings").then((s) => {
+    return (() => this.container.get("settings").then((i) => {
       const { activate: o } = this.container.get("$settings");
-      return s.activate !== o ? this.setSettings(() => Promise.resolve({ activate: o })) : Promise.resolve();
+      return i.activate !== o ? this.setSettings(() => Promise.resolve({ activate: o })) : Promise.resolve();
     }))().then(() => e).then(
       ({
-        router: s,
+        router: i,
         components: o
       }) => {
         const r = o.nodes.visible;
@@ -934,28 +912,28 @@ class Yt extends Xe {
           (a) => a.attributes.properties.animation && a.attributes.properties.animation !== "none"
         ).length ? new Promise((a) => {
           setTimeout(() => {
-            a(s);
+            a(i);
           }, 200);
-        }) : Promise.resolve(s);
+        }) : Promise.resolve(i);
       }
-    ).then((s) => s.stop());
+    ).then((i) => i.stop());
   }
   setTriggerState(e) {
-    this.outlets.forEach((i) => {
+    this.outlets.forEach((s) => {
       const {
-        options: { triggerDOMElement: s, triggerOptions: o }
-      } = i, { openTooltip: r, closedTooltip: a } = o || {};
-      s && (e ? be(s, r) : wt(s, a));
+        options: { triggerDOMElement: i, triggerOptions: o }
+      } = s, { openTooltip: r, closedTooltip: a } = o || {};
+      i && (e ? be(i, r) : Dt(i, a));
     });
   }
   deactivate() {
-    this.subs.forEach((i) => i());
+    this.subs.forEach((s) => s());
     const e = [];
-    return this.outlets.forEach((i) => e.push(i.dispose())), L(
+    return this.outlets.forEach((s) => e.push(s.dispose())), $(
       this.container,
       ue,
       E.Local
-    ).then((i) => i === this.widget.name ? _(
+    ).then((s) => s === this.widget.name ? _(
       this.container,
       ue,
       I.Necessary,
@@ -963,15 +941,15 @@ class Yt extends Xe {
         medium: E.Local,
         scope: Qe.Implementation
       }
-    ).then((s) => s()).then(() => Promise.all(e)) : Promise.all(e));
+    ).then((i) => i()).then(() => Promise.all(e)) : Promise.all(e));
   }
 }
 export {
-  se as Component,
-  pt as DetachedComponent,
-  Yt as GridWidget,
-  Ut as NotFound,
-  Yt as Widget,
+  ie as Component,
+  wt as DetachedComponent,
+  Xt as GridWidget,
+  Jt as NotFound,
+  Xt as Widget,
   q as genericComponentStyling
 };
 //# sourceMappingURL=index.js.map