@telia-ace/widget-types-grid 1.0.15 → 1.0.18

package/dist/index.js

@@ -1,101 +1,70 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { asDescriptor, ComponentPlatform, createComponentModel, ComponentQuery, WidgetRenderState } from "@telia-ace/widget-core";
-import { Grid, useRouteData, useRouter, useProperties, useContext, useContainer, useComponentNode, useScroll, transitionComposer, paddedBorderTabStyle, useComponent, useComponentDescriptor, filterCssPropsStyle, useComponentPlatform, useIsMounted, useColumns, useLayout, ComponentNodeContext, ComponentPropertyContext, filterCssProps } from "@telia-ace/widget-ui";
-import React, { useState, forwardRef, useMemo, Suspense, useEffect, useContext as useContext$1 } from "react";
-import styled, { css, ThemeContext, ThemeProvider } from "styled-components";
-import { appendClassNames, notifyDataLoaded, lock, removeNullAndUndefinedValues, uuid } from "@telia-ace/widget-utilities";
-import { TransitionGroup, Transition } from "react-transition-group";
-import { Switch as Switch$1, Route } from "react-router";
-import { onWidgetUrl } from "@telia-ace/widget-routing";
-import { readStorage, StorageMedium, createStorageWriter, StorageCategory, StorageScope } from "@telia-ace/widget-services";
-import { supportBootstrapping } from "@webprovisions/bootstrapping";
-import { WidgetState, WidgetType } from "@webprovisions/platform";
-var SlideDirection = /* @__PURE__ */ ((SlideDirection2) => {
-  SlideDirection2["back"] = "back";
-  SlideDirection2["forth"] = "forth";
-  return SlideDirection2;
-})(SlideDirection || {});
-const determineSlideDirection = (currentRouteName, nextRouteName, routeRanking) => {
-  if (typeof routeRanking[currentRouteName] === "number" && typeof routeRanking[nextRouteName] === "number" && routeRanking[currentRouteName] > routeRanking[nextRouteName]) {
-    return "back";
-  }
-  return "forth";
-};
-const Switch = ({ views, location, render }) => {
-  return /* @__PURE__ */ React.createElement(Switch$1, {
-    location: location ? __spreadProps(__spreadValues({}, location), {
-      pathname: location.pathname.split("?")[0]
-    }) : location
-  }, [
-    ...Object.keys(views).filter((key) => !!views[key].path),
-    ...Object.keys(views).filter((key) => !views[key].path)
-  ].map((name) => {
-    const { path } = views[name];
-    if (!path) {
-      return /* @__PURE__ */ React.createElement(Route, {
-        key: name,
-        render: () => render(name)
-      });
-    }
-    if (Array.isArray(path)) {
-      return path.map((path2) => /* @__PURE__ */ React.createElement(Route, {
-        key: name,
-        exact: true,
-        path: path2,
-        render: () => render(name)
-      }));
-    }
-    return /* @__PURE__ */ React.createElement(Route, {
-      key: name,
-      exact: true,
-      path,
-      render: () => render(name)
-    });
-  }));
+var Oe = Object.defineProperty, Se = Object.defineProperties;
+var xe = Object.getOwnPropertyDescriptors;
+var W = Object.getOwnPropertySymbols;
+var ce = Object.prototype.hasOwnProperty, le = Object.prototype.propertyIsEnumerable;
+var ae = (t, e, n) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, f = (t, e) => {
+  for (var n in e || (e = {}))
+    ce.call(e, n) && ae(t, n, e[n]);
+  if (W)
+    for (var n of W(e))
+      le.call(e, n) && ae(t, n, e[n]);
+  return t;
+}, E = (t, e) => Se(t, xe(e));
+var M = (t, e) => {
+  var n = {};
+  for (var i in t)
+    ce.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
+  if (t != null && W)
+    for (var i of W(t))
+      e.indexOf(i) < 0 && le.call(t, i) && (n[i] = t[i]);
+  return n;
 };
-const StyledViewContainer = styled.div`
+import { asDescriptor as ue, ComponentPlatform as Ae, createComponentModel as De, ComponentQuery as Me, WidgetRenderState as C } from "@telia-ace/widget-core";
+import { Grid as pe, useRouteData as Ne, useRouter as Le, useProperties as me, useContext as te, useContainer as j, useComponentNode as ne, useScroll as fe, transitionComposer as $e, paddedBorderTabStyle as ke, useComponent as Pe, useComponentDescriptor as Re, filterCssPropsStyle as Ve, Typography as _e, useComponentPlatform as ge, useIsMounted as Ie, useColumns as ze, useLayout as Te, ComponentNodeContext as Be, ComponentPropertyContext as je, filterCssProps as Ge } from "@telia-ace/widget-ui";
+import d, { useState as T, forwardRef as ye, useMemo as He, Suspense as We, useEffect as B, useContext as Fe } from "react";
+import R, { css as be, ThemeContext as we, ThemeProvider as Ke } from "styled-components";
+import { appendClassNames as U, notifyDataLoaded as Ue, lock as Z, removeNullAndUndefinedValues as he, uuid as Ye } from "@telia-ace/widget-utilities";
+import { TransitionGroup as qe, Transition as Qe } from "react-transition-group";
+import { Switch as Ze, Route as J } from "react-router";
+import { onWidgetUrl as Je } from "@telia-ace/widget-routing";
+import { readStorage as N, StorageMedium as v, createStorageWriter as _, StorageCategory as I, StorageScope as Xe } from "@telia-ace/widget-services";
+import { supportBootstrapping as et } from "@webprovisions/bootstrapping";
+import { WidgetState as tt, WidgetType as nt } from "@webprovisions/platform";
+var ee = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(ee || {});
+const it = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[t] > n[e] ? "back" : "forth", ve = ({ views: t, location: e, render: n }) => /* @__PURE__ */ d.createElement(Ze, {
+  location: e && E(f({}, e), {
+    pathname: e.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(J, {
+    key: i,
+    exact: !0,
+    path: o,
+    render: () => n(i)
+  })) : /* @__PURE__ */ d.createElement(J, {
+    key: i,
+    exact: !0,
+    path: s,
+    render: () => n(i)
+  }) : /* @__PURE__ */ d.createElement(J, {
+    key: i,
+    render: () => n(i)
+  });
+})), st = R.div`
     position: relative;
     width: 100%;
     flex: 1;
-`;
-const StyledView$2 = styled(Grid)`
+`, ot = R(pe)`
     position: absolute;
     left: 0;
     right: 0;
-    ${(p) => !!p.animationCss && p.animationCss}
-    ${(p) => !!p.scrollableCss && p.scrollableCss}
-`;
-const routeHierarchy = {
+    ${(t) => !!t.animationCss && t.animationCss}
+    ${(t) => !!t.scrollableCss && t.scrollableCss}
+`, rt = {
   index: 1,
   search: 2,
   browse: 3,
@@ -103,234 +72,169 @@ const routeHierarchy = {
   contact: 5,
   "contact-method": 6,
   conversation: 7
-};
-const AnimatedView = (_a) => {
-  var _b = _a, { className = "" } = _b, other = __objRest(_b, ["className"]);
-  const [routeName, setRouteName] = useState("index");
-  const [transitionDirection, setTransitionDirection] = useState(SlideDirection.forth);
-  const nextRoute = useRouteData();
-  const router = useRouter();
-  const properties = useProperties();
-  const context = useContext();
-  const container = useContainer();
-  const node = useComponentNode();
-  const { gap = "0" } = context;
-  const _a2 = properties, { columns = 1, animation = "none", scrollable = false } = _a2, areaProperties = __objRest(_a2, ["columns", "animation", "scrollable"]);
-  const [scrollableCss, elem] = useScroll(scrollable);
-  if (!node || !router) {
+}, at = (n) => {
+  var i = n, { className: t = "" } = i, e = M(i, ["className"]);
+  const [s, o] = T("index"), [r, c] = T(ee.forth), a = Ne(), l = Le(), h = me(), u = te(), p = j(), g = ne(), { gap: m = "0" } = u, O = h, { columns: b = 1, animation: y = "none", scrollable: S = !1 } = O, L = M(O, ["columns", "animation", "scrollable"]), [x, $] = fe(S);
+  if (!g || !l)
     return null;
-  }
-  const { location } = router;
-  if (nextRoute.name !== routeName && nextRoute.name !== "" && animation) {
-    setTransitionDirection(determineSlideDirection(routeName, nextRoute.name, routeHierarchy));
-    setRouteName(nextRoute.name);
-  }
-  const { views } = container.get("$settings");
-  if (!Object.keys(views).length) {
+  const { location: q } = l;
+  a.name !== s && a.name !== "" && y && (c(it(s, a.name, rt)), o(a.name));
+  const { views: V } = p.get("$settings");
+  if (!Object.keys(V).length)
     return null;
-  }
-  const renderView = (name, transitionState, direction) => {
-    const animationStyles = getAnimation(transitionState, direction);
-    const childNode = node.getChildren(name)[0];
-    return /* @__PURE__ */ React.createElement(StyledView$2, __spreadProps(__spreadValues(__spreadProps(__spreadValues(__spreadValues({}, other), areaProperties), {
-      scrollableCss,
-      ref: elem,
-      columns,
-      gap
-    }), animationStyles), {
-      className: appendClassNames(className, "humany-view")
-    }), /* @__PURE__ */ React.createElement(Component, {
-      id: childNode.id,
+  const oe = (w, k, z) => {
+    const G = D(k, z), H = g.getChildren(w)[0];
+    return /* @__PURE__ */ d.createElement(ot, E(f(E(f(f({}, e), L), {
+      scrollableCss: x,
+      ref: $,
+      columns: b,
+      gap: m
+    }), G), {
+      className: U(t, "humany-view")
+    }), /* @__PURE__ */ d.createElement(ie, {
+      id: H.id,
       branch: "default"
     }));
-  };
-  const getAnimation = (transitionState, direction) => {
-    if (animation === "slide" || animation === "fade") {
+  }, D = (w, k) => {
+    if (y === "slide" || y === "fade")
       return {
-        animationCss: transitionComposer.composeViewTransition(transitionState, animation, direction),
-        ["data-state"]: transitionState
+        animationCss: $e.composeViewTransition(w, y, k),
+        ["data-state"]: w
       };
-    }
-    return;
   };
-  return /* @__PURE__ */ React.createElement(StyledViewContainer, {
+  return /* @__PURE__ */ d.createElement(st, {
     className: "humany-animated-view"
-  }, /* @__PURE__ */ React.createElement(TransitionGroup, {
+  }, /* @__PURE__ */ d.createElement(qe, {
     component: null,
-    childFactory: (child) => React.cloneElement(child, { direction: transitionDirection })
-  }, /* @__PURE__ */ React.createElement(Transition, {
-    key: routeName,
+    childFactory: (w) => d.cloneElement(w, { direction: r })
+  }, /* @__PURE__ */ d.createElement(Qe, {
+    key: s,
     timeout: { enter: 500, exit: 500 },
-    onEnter: (node2) => node2 == null ? void 0 : node2.clientHeight,
-    unmountOnExit: true,
-    direction: SlideDirection.forth
-  }, (state, { direction }) => /* @__PURE__ */ React.createElement(Switch, {
-    views,
-    location,
-    render: (name) => renderView(name, state, direction)
+    onEnter: (w) => w == null ? void 0 : w.clientHeight,
+    unmountOnExit: !0,
+    direction: ee.forth
+  }, (w, { direction: k }) => /* @__PURE__ */ d.createElement(ve, {
+    views: V,
+    location: q,
+    render: (z) => oe(z, w, k)
   }))));
-};
-const StyledView$1 = styled(Grid)`
-    ${(p) => !!p.scrollableCss && p.scrollableCss}
-`;
-const View = (_c) => {
-  var _d = _c, { className = "" } = _d, other = __objRest(_d, ["className"]);
-  const properties = useProperties();
-  const context = useContext();
-  const container = useContainer();
-  const node = useComponentNode();
-  const { views } = container.get("$settings");
-  const { gap = "0" } = context;
-  const _a = properties, { columns = 1, animation = "none", scrollable = false } = _a, areaProperties = __objRest(_a, ["columns", "animation", "scrollable"]);
-  const [scrollableCss, elem] = useScroll(scrollable);
-  if (!node) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(StyledView$1, __spreadProps(__spreadValues(__spreadValues({}, other), areaProperties), {
-    scrollableCss,
-    ref: elem,
-    columns,
-    gap,
-    className: appendClassNames(className, "humany-view")
-  }), /* @__PURE__ */ React.createElement(Switch, {
-    views,
-    render: (name) => {
-      const childNode = node.getChildren(name)[0];
-      return /* @__PURE__ */ React.createElement(Component, {
-        id: childNode.id,
-        node: childNode,
+}, ct = R(pe)`
+    ${(t) => !!t.scrollableCss && t.scrollableCss}
+`, lt = (n) => {
+  var i = n, { className: t = "" } = i, e = M(i, ["className"]);
+  const s = me(), o = te(), r = j(), c = ne(), { views: a } = r.get("$settings"), { gap: l = "0" } = o, y = s, { columns: h = 1, animation: u = "none", scrollable: p = !1 } = y, g = M(y, ["columns", "animation", "scrollable"]), [m, b] = fe(p);
+  return c ? /* @__PURE__ */ d.createElement(ct, E(f(f({}, e), g), {
+    scrollableCss: m,
+    ref: b,
+    columns: h,
+    gap: l,
+    className: U(t, "humany-view")
+  }), /* @__PURE__ */ d.createElement(ve, {
+    views: a,
+    render: (S) => {
+      const L = c.getChildren(S)[0];
+      return /* @__PURE__ */ d.createElement(ie, {
+        id: L.id,
+        node: L,
         branch: "default"
       });
     }
-  }));
-};
-const styling = css`
+  })) : null;
+}, Y = be`
     outline: none;
     box-sizing: border-box;
     * {
-        ${(p) => {
-  var _a;
-  return !((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && "outline: none;";
+        ${(t) => {
+  var e;
+  return !((e = t.theme.accessibility) != null && e.isTabbing) && "outline: none;";
 }}
         box-sizing: border-box;
     }
 
-    grid-column: ${(p) => p["data-indent"] ? `${p["data-indent"] + 1} / ${p["data-indent"] + p["data-width"] + 1}` : `span ${p["data-width"]}`};
+    grid-column: ${(t) => t["data-indent"] ? `${t["data-indent"] + 1} / ${t["data-indent"] + t["data-width"] + 1}` : `span ${t["data-width"]}`};
 
-    ${(p) => {
-  var _a;
-  return ((_a = p.theme.fonts) == null ? void 0 : _a.type) && `
-    font-family: ${p.theme.fonts.type};
+    ${(t) => {
+  var e;
+  return ((e = t.theme.fonts) == null ? void 0 : e.type) && `
+    font-family: ${t.theme.fonts.type};
 
     input, textarea {
-      font-family: ${p.theme.fonts.type};
+      font-family: ${t.theme.fonts.type};
     }
   `;
 }}
 
-    ${(p) => {
-  var _a;
-  return ((_a = p.theme.fonts) == null ? void 0 : _a.base) && `
-    font-size: ${p.theme.fonts.base};
+    ${(t) => {
+  var e;
+  return ((e = t.theme.fonts) == null ? void 0 : e.base) && `
+    font-size: ${t.theme.fonts.base};
   `;
 }}
 
   &:focus {
-        ${(p) => {
-  var _a;
-  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && paddedBorderTabStyle;
+        ${(t) => {
+  var e;
+  return ((e = t.theme.accessibility) == null ? void 0 : e.isTabbing) && ke;
 }};
     }
-`;
-const StyledView = styled(View)`
-    ${styling}
-`;
-const StyledAnimatedView = styled(AnimatedView)`
-    ${styling}
-`;
-styled.div`
+`, ut = R(lt)`
+    ${Y}
+`, ht = R(at)`
+    ${Y}
+`, dt = R.div`
     text-align: center;
-    ${(p) => {
-  var _a, _b, _c;
-  return typeof ((_a = p.theme.colors) == null ? void 0 : _a.warning) !== "undefined" && css`
-            color: ${(_b = p.theme.colors) == null ? void 0 : _b.warning};
-            border: 2px dashed ${(_c = p.theme.colors) == null ? void 0 : _c.warning};
+    ${(t) => {
+  var e, n, i;
+  return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) != "undefined" && be`
+            color: ${(n = t.theme.colors) == null ? void 0 : n.warning};
+            border: 2px dashed ${(i = t.theme.colors) == null ? void 0 : i.warning};
         `;
 }}
-    ${(p) => typeof p.theme.borderRadius !== "undefined" && `border-radius: ${p.theme.borderRadius};`}
-  ${styling}
-`;
-const ResolvableComponent = forwardRef((_e, ref) => {
-  var _f = _e, { className = "", children } = _f, other = __objRest(_f, ["className", "children"]);
-  const ResolvedComponent = useComponent();
-  const { name, type, id } = useComponentDescriptor();
-  const StyledResolvableComponent = useMemo(() => {
-    if (ResolvedComponent) {
-      return styled(ResolvedComponent)`
-                    ${styling}
-                    ${filterCssPropsStyle}
-                `;
-    }
-    return null;
-  }, [ResolvedComponent]);
-  if (typeof ResolvedComponent === "undefined") {
-    return null;
-  }
-  if (ResolvedComponent === null || StyledResolvableComponent === null) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Suspense, {
+    ${(t) => typeof t.theme.borderRadius != "undefined" && `border-radius: ${t.theme.borderRadius};`}
+  ${Y}
+`, pt = ye((s, i) => {
+  var o = s, { className: t = "", children: e } = o, n = M(o, ["className", "children"]);
+  const r = Pe(), { name: c, type: a, id: l } = Re(), h = He(() => r ? R(r)`
+                    ${Y}
+                    ${Ve}
+                ` : null, [r]);
+  return typeof r == "undefined" ? null : r === null || h === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ d.createElement(dt, E(f({}, n), {
+    title: `type: ${a}, definition-id: ${c}, instance-id: ${l}`,
+    className: U(t, "humany-non-resolved-component")
+  }), /* @__PURE__ */ d.createElement(_e, {
+    variant: "h5"
+  }, "Non Resolved Component Type")) : null : /* @__PURE__ */ d.createElement(We, {
     fallback: null
-  }, /* @__PURE__ */ React.createElement(StyledResolvableComponent, __spreadProps(__spreadValues({
-    ref
-  }, other), {
-    className: appendClassNames(className, "humany-component", `humany-component-${name}`)
-  }), children));
-});
-var useComponentNodeProperties = (id) => {
-  const node = useComponentNode(id);
-  const components = useComponentPlatform();
-  const [properties, setProperties] = useState({});
-  const isMounted = useIsMounted();
-  useEffect(() => {
-    if (node && isMounted.current) {
-      setProperties(node.attributes.properties);
-    }
-  }, [node, id, isMounted]);
-  useEffect(() => {
-    if (components) {
-      const unsubscribe = components.events.subscribe("components:properties-changed", (event, data) => {
-        if (node === data.node && isMounted.current) {
-          setProperties(data.node.attributes.properties);
-        }
+  }, /* @__PURE__ */ d.createElement(h, E(f({
+    ref: i
+  }, n), {
+    className: U(t, "humany-component", `humany-component-${c}`)
+  }), e));
+}), mt = (t) => {
+  const e = ne(t), n = ge(), [i, s] = T({}), o = Ie();
+  return B(() => {
+    e && o.current && s(e.attributes.properties);
+  }, [e, t, o]), B(() => {
+    if (n) {
+      const r = n.events.subscribe("components:properties-changed", (c, a) => {
+        e === a.node && o.current && s(a.node.attributes.properties);
       });
       return () => {
-        unsubscribe();
+        r();
       };
     }
-  }, [components, isMounted, id, node]);
-  return properties;
-};
-const isVisible = (size, node) => {
-  if (node) {
-    return true;
-  }
-  if (typeof size === "string") {
-    return size === "full";
-  }
-  return size > 0;
-};
-const Component = forwardRef((_g, ref) => {
-  var _h = _g, {
-    className = "",
-    isTabbing = false,
-    id,
-    branch,
-    node,
-    ariaLabel,
-    tabIndex,
-    context: extraContext
-  } = _h, other = __objRest(_h, [
+  }, [n, o, t, e]), i;
+}, ft = (t, e) => e ? !0 : typeof t == "string" ? t === "full" : t > 0, ie = ye((h, l) => {
+  var u = h, {
+    className: t = "",
+    isTabbing: e = !1,
+    id: n,
+    branch: i,
+    node: s,
+    ariaLabel: o,
+    tabIndex: r,
+    context: c
+  } = u, a = M(u, [
     "className",
     "isTabbing",
     "id",
@@ -340,255 +244,160 @@ const Component = forwardRef((_g, ref) => {
     "tabIndex",
     "context"
   ]);
-  var _b;
-  const components = useComponentPlatform();
-  const container = useContainer();
-  const [descriptor, setDescriptor] = useState();
-  const themeContext = React.useContext(ThemeContext) || {};
-  const columns = useColumns();
-  const context = useContext(id);
-  const properties = useComponentNodeProperties(id);
-  const { size = "none", indent = 0 } = useLayout(id);
-  const visible = isVisible(size, node);
-  useEffect(() => {
-    if (components) {
-      if (id && !node) {
-        const componentNode = components.nodes.get(id);
-        if (componentNode) {
-          setDescriptor(asDescriptor(componentNode, branch));
-          if (visible) {
-            const unmount = componentNode.mount(container);
-            return () => {
-              unmount();
-            };
-          }
+  var re;
+  const p = ge(), g = j(), [m, b] = T(), y = d.useContext(we) || {}, S = ze(), L = te(n), x = mt(n), { size: $ = "none", indent: q = 0 } = Te(n), V = ft($, s);
+  if (B(() => {
+    if (p) {
+      if (n && !s) {
+        const A = p.nodes.get(n);
+        if (A && (b(ue(A, i)), V)) {
+          const Q = A.mount(g);
+          return () => {
+            Q();
+          };
         }
-      } else if (node) {
-        setDescriptor(asDescriptor(node, branch));
-        const unmount = node.mount(container);
+      } else if (s) {
+        b(ue(s, i));
+        const A = s.mount(g);
         return () => {
-          unmount();
+          A();
         };
       }
     }
-  }, [components, id, node, visible]);
-  if (!descriptor || !visible) {
+  }, [p, n, s, V]), !m || !V)
     return null;
-  }
-  const mergedContexts = __spreadValues(__spreadValues({}, context), extraContext || {});
-  const _a = mergedContexts, {
-    cardinal,
-    fonts: contextFonts = {},
-    accessibility = {}
-  } = _a, restContext = __objRest(_a, [
+  const H = f(f({}, L), c || {}), {
+    cardinal: D,
+    fonts: O = {},
+    accessibility: w = {}
+  } = H, k = M(H, [
     "cardinal",
     "fonts",
     "accessibility"
-  ]);
-  const fonts = {
-    type: contextFonts.type,
-    base: contextFonts.base || "16px",
-    small: contextFonts.small || "0.8em",
-    normal: contextFonts.normal || "1em",
-    medium: contextFonts.medium || "1.2em",
-    large: contextFonts.large || "1.6em",
-    huge: contextFonts.huge || "2.5em"
-  };
-  const theme = __spreadProps(__spreadValues({}, restContext), {
-    fonts,
-    accessibility: __spreadProps(__spreadValues({}, accessibility), {
-      isTabbing: ((_b = themeContext.accessibility) == null ? void 0 : _b.isTabbing) || isTabbing
+  ]), z = {
+    type: O.type,
+    base: O.base || "16px",
+    small: O.small || "0.8em",
+    normal: O.normal || "1em",
+    medium: O.medium || "1.2em",
+    large: O.large || "1.6em",
+    huge: O.huge || "2.5em"
+  }, G = E(f({}, k), {
+    fonts: z,
+    accessibility: E(f({}, w), {
+      isTabbing: ((re = y.accessibility) == null ? void 0 : re.isTabbing) || e
     })
   });
-  if (typeof cardinal === "number") {
-    theme.sizes = {
-      cardinal,
-      small: `${cardinal}px`,
-      normal: `${cardinal * 3}px`,
-      medium: `${cardinal * 5}px`,
-      large: `${cardinal * 8}px`
-    };
-  }
-  return /* @__PURE__ */ React.createElement(ThemeProvider, {
-    theme
-  }, /* @__PURE__ */ React.createElement(ComponentNodeContext.Provider, {
-    value: descriptor
-  }, /* @__PURE__ */ React.createElement(ComponentPropertyContext.Provider, {
-    value: properties
+  return typeof D == "number" && (G.sizes = {
+    cardinal: D,
+    small: `${D}px`,
+    normal: `${D * 3}px`,
+    medium: `${D * 5}px`,
+    large: `${D * 8}px`
+  }), /* @__PURE__ */ d.createElement(Ke, {
+    theme: G
+  }, /* @__PURE__ */ d.createElement(Be.Provider, {
+    value: m
+  }, /* @__PURE__ */ d.createElement(je.Provider, {
+    value: x
   }, (() => {
-    const props = __spreadValues({
-      "data-width": size === "full" ? columns : Math.min(size, columns),
-      "data-indent": indent,
-      "data-name": descriptor.name,
-      "data-node-id": descriptor.id,
-      "data-component-type": descriptor.type,
-      "aria-label": ariaLabel,
-      tabIndex,
-      id: descriptor.id,
-      role: properties && properties.role
-    }, other);
-    switch (descriptor.type) {
-      case "view": {
-        return typeof properties.animation === "string" && properties.animation !== "none" ? /* @__PURE__ */ React.createElement(StyledAnimatedView, __spreadProps(__spreadValues({}, props), {
-          className
-        })) : /* @__PURE__ */ React.createElement(StyledView, __spreadProps(__spreadValues({}, props), {
-          className
+    const A = f({
+      "data-width": $ === "full" ? S : Math.min($, S),
+      "data-indent": q,
+      "data-name": m.name,
+      "data-node-id": m.id,
+      "data-component-type": m.type,
+      "aria-label": o,
+      tabIndex: r,
+      id: m.id,
+      role: x && x.role
+    }, a);
+    switch (m.type) {
+      case "view":
+        return typeof x.animation == "string" && x.animation !== "none" ? /* @__PURE__ */ d.createElement(ht, E(f({}, A), {
+          className: t
+        })) : /* @__PURE__ */ d.createElement(ut, E(f({}, A), {
+          className: t
         }));
-      }
       default: {
-        const cssProps = filterCssProps(properties);
-        return /* @__PURE__ */ React.createElement(ResolvableComponent, __spreadProps(__spreadValues(__spreadValues({
-          ref
-        }, props), cssProps), {
-          className
+        const Q = Ge(x);
+        return /* @__PURE__ */ d.createElement(pt, E(f(f({
+          ref: l
+        }, A), Q), {
+          className: t
         }));
       }
     }
   })())));
-});
-const DetachedComponent$1 = ({ builder }) => {
-  const container = useContainer();
-  const [node, setNode] = useState(null);
-  useEffect(() => {
-    container.getAsync("components").then((components) => {
-      return builder(components).then((createdNode) => {
-        setNode(createdNode);
-      });
+}), gt = ({ builder: t }) => {
+  const e = j(), [n, i] = T(null);
+  return B(() => {
+    e.getAsync("components").then((s) => t(s).then((o) => {
+      i(o);
+    }));
+  }, []), B(() => () => {
+    n && e.getAsync("components").then((s) => {
+      s.nodes.detached = s.nodes.detached.filter((o) => o.id !== n.id);
     });
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (node) {
-        container.getAsync("components").then((components) => {
-          components.nodes.detached = components.nodes.detached.filter((n) => n.id !== node.id);
-        });
-      }
-    };
-  }, [node]);
-  if (!node) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Component, {
-    id: node.id,
-    node,
+  }, [n]), n ? /* @__PURE__ */ d.createElement(ie, {
+    id: n.id,
+    node: n,
     branch: "default"
-  });
-};
-var detachedComponent = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  }) : null;
+}, yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  "default": DetachedComponent$1
-}, Symbol.toStringTag, { value: "Module" }));
-const DetachedComponent = React.lazy(() => Promise.resolve().then(function() {
-  return detachedComponent;
-}));
-const NotFound = ({ showSearch = false }) => {
-  const themeContext = useContext$1(ThemeContext);
-  const container = useContainer();
-  return /* @__PURE__ */ React.createElement(React.Suspense, {
+  default: gt
+}, Symbol.toStringTag, { value: "Module" })), bt = d.lazy(() => Promise.resolve().then(() => yt)), qt = ({ showSearch: t = !1 }) => {
+  const e = Fe(we), n = j();
+  return /* @__PURE__ */ d.createElement(d.Suspense, {
     fallback: null
-  }, /* @__PURE__ */ React.createElement(DetachedComponent, {
-    builder: (components) => {
-      return container.get("settings").then((settings) => {
-        var _a;
-        const { properties, context } = Object.keys(settings.components).reduce((acc, key) => {
-          if (settings.components[key].type === "not-found") {
-            acc.properties = settings.components[key].properties;
-            acc.context = settings.components[key].context;
-          }
-          return acc;
-        }, { properties: {}, context: {} });
-        properties.showSearch = showSearch;
-        const node = components.createNode("area", { detached: true });
-        node.name = "not-found-area";
-        node.writeLayout({
-          size: "full"
-        });
-        if (showSearch) {
-          const searchComponentProps = Object.keys(settings.components).reduce((acc, key) => {
-            if (settings.components[key].type === "search") {
-              return settings.components[key].properties;
-            }
-            return acc;
-          }, {});
-          const searchNode = components.createNode("search", { detached: true });
-          searchNode.writeLayout({ size: "full" });
-          searchNode.writeProperties(__spreadValues({
-            "css-margin-bottom": ((_a = themeContext == null ? void 0 : themeContext.sizes) == null ? void 0 : _a.normal) || "15px"
-          }, searchComponentProps));
-          node.appendChild(searchNode);
-        }
-        const notFoundNode = components.createNode("not-found", { detached: true });
-        notFoundNode.writeLayout({ size: "full" });
-        notFoundNode.writeProperties(properties);
-        notFoundNode.writeContext(context);
-        node.appendChild(notFoundNode);
-        return node;
-      });
-    }
+  }, /* @__PURE__ */ d.createElement(bt, {
+    builder: (i) => n.get("settings").then((s) => {
+      var l;
+      const { properties: o, context: r } = Object.keys(s.components).reduce((h, u) => (s.components[u].type === "not-found" && (h.properties = s.components[u].properties, h.context = s.components[u].context), h), { properties: {}, context: {} });
+      o.showSearch = t;
+      const c = i.createNode("area", { detached: !0 });
+      if (c.name = "not-found-area", c.writeLayout({
+        size: "full"
+      }), t) {
+        const h = Object.keys(s.components).reduce((p, g) => s.components[g].type === "search" ? s.components[g].properties : p, {}), u = i.createNode("search", { detached: !0 });
+        u.writeLayout({ size: "full" }), u.writeProperties(f({
+          "css-margin-bottom": ((l = e == null ? void 0 : e.sizes) == null ? void 0 : l.normal) || "15px"
+        }, h)), c.appendChild(u);
+      }
+      const a = i.createNode("not-found", { detached: !0 });
+      return a.writeLayout({ size: "full" }), a.writeProperties(o), a.writeContext(r), c.appendChild(a), c;
+    })
   }));
-};
-const renderSymbol = (symbol) => {
-  if (symbol) {
-    const { type, content } = symbol;
-    switch (type) {
+}, wt = (t) => {
+  if (t) {
+    const { type: e, content: n } = t;
+    switch (e) {
       case "FontAwesome":
-        return `<i class="humany-icon fa fa-${content}"></i>`;
+        return `<i class="humany-icon fa fa-${n}"></i>`;
       case "Uri":
-        return `<i class="humany-icon humany-custom-icon" style="background: url(${content}) no-repeat center center;background-size: contain;"></i>`;
+        return `<i class="humany-icon humany-custom-icon" style="background: url(${n}) no-repeat center center;background-size: contain;"></i>`;
       default:
         return "";
     }
   }
-};
-const triggerTabHandler = (triggerDOMElement) => {
-  const toggleTabbing = (element, tabbing) => {
-    if (!element) {
-      return;
-    }
-    if (tabbing) {
-      element.classList.add("humany-tabbing");
-    } else {
-      element.classList.remove("humany-tabbing");
-    }
-  };
-  const handleKeydown = (e) => {
-    if (e.key === "Tab") {
-      toggleTabbing(triggerDOMElement, true);
-    } else if (!(e.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger"))) {
-      toggleTabbing(triggerDOMElement, false);
-    }
-  };
-  const handleClick = (e) => {
-    if (document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing")) {
-      return;
-    }
-    toggleTabbing(triggerDOMElement, false);
+}, vt = (t) => {
+  const e = (s, o) => {
+    !s || (o ? s.classList.add("humany-tabbing") : s.classList.remove("humany-tabbing"));
+  }, n = (s) => {
+    s.key === "Tab" ? e(t, !0) : s.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || e(t, !1);
+  }, i = (s) => {
+    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || e(t, !1);
   };
-  document.addEventListener("keydown", handleKeydown);
-  document.addEventListener("click", handleClick);
-  return () => {
-    document.removeEventListener("keydown", handleKeydown);
-    document.removeEventListener("click", handleClick);
+  return document.addEventListener("keydown", n), document.addEventListener("click", i), () => {
+    document.removeEventListener("keydown", n), document.removeEventListener("click", i);
   };
 };
-function createTriggerElement(element, options) {
-  const { symbol, widgetName, label = "", ariaLabel = "", tooltip = "" } = options;
-  element.classList.add("humany-trigger");
-  element.classList.add(`humany_${widgetName}`);
-  if (label.length) {
-    element.classList.add("humany-has-text");
-  }
-  if (ariaLabel.length && !element.getAttribute("aria-label")) {
-    element.setAttribute("aria-label", ariaLabel);
-  }
-  if (ariaLabel.length && !element.getAttribute("tabindex")) {
-    element.setAttribute("tabindex", "0");
-  }
-  if (tooltip.length && !element.getAttribute("title")) {
-    element.setAttribute("title", tooltip);
-  }
-  const symbolHtml = renderSymbol(symbol) || "";
-  element.innerHTML = `${symbolHtml}
+function Et(t, e) {
+  const { symbol: n, widgetName: i, label: s = "", ariaLabel: o = "", tooltip: r = "" } = e;
+  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 c = wt(n) || "";
+  return t.innerHTML = `${c}
           <span class="humany-close">
             <svg width="18" height="9" viewBox="0 0 18 9" fill="none" xmlns="http://www.w3.org/2000/svg">
               <path d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z" fill="white"/>
@@ -606,594 +415,303 @@ function createTriggerElement(element, options) {
                 stroke-miterlimit="10" />
             </svg>
           </span>
-          ${label.length ? `<span>${label}</span>` : ""}`;
-  setTimeout(() => element && element.classList.add("humany-rendered"));
-  return triggerTabHandler(element);
+          ${s.length ? `<span>${s}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), vt(t);
 }
-function setInactive(elements, title) {
-  if (elements instanceof HTMLElement) {
-    if (title) {
-      elements.setAttribute("title", title);
-    }
-    elements.classList.remove("humany-active");
-    elements.classList.remove("humany-loading");
-  } else if (elements instanceof Array) {
-    elements.forEach((e) => {
-      if (title) {
-        e.setAttribute("title", title);
-      }
-      e.classList.remove("humany-active");
-      e.classList.remove("humany-loading");
-    });
-  }
+function Ct(t, e) {
+  t instanceof HTMLElement ? (e && t.setAttribute("title", e), t.classList.remove("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((n) => {
+    e && n.setAttribute("title", e), n.classList.remove("humany-active"), n.classList.remove("humany-loading");
+  });
 }
-function setLoading(elements) {
-  if (elements instanceof HTMLElement) {
-    elements.classList.remove("humany-active");
-    elements.classList.add("humany-loading");
-  } else if (elements instanceof Array) {
-    elements.forEach((e) => {
-      e.classList.remove("humany-active");
-      e.classList.add("humany-loading");
-    });
-  }
+function Ot(t) {
+  t instanceof HTMLElement ? (t.classList.remove("humany-active"), t.classList.add("humany-loading")) : t instanceof Array && t.forEach((e) => {
+    e.classList.remove("humany-active"), e.classList.add("humany-loading");
+  });
 }
-function setActive(elements, title) {
-  if (elements instanceof HTMLElement) {
-    if (title) {
-      elements.setAttribute("title", title);
-    }
-    elements.classList.add("humany-active");
-    elements.classList.remove("humany-loading");
-  } else if (elements instanceof Array) {
-    elements.forEach((e) => {
-      if (title) {
-        e.setAttribute("title", title);
-      }
-      e.classList.add("humany-active");
-      e.classList.remove("humany-loading");
-    });
-  }
+function Ee(t, e) {
+  t instanceof HTMLElement ? (e && t.setAttribute("title", e), t.classList.add("humany-active"), t.classList.remove("humany-loading")) : t instanceof Array && t.forEach((n) => {
+    e && n.setAttribute("title", e), n.classList.add("humany-active"), n.classList.remove("humany-loading");
+  });
 }
-var TriggerType = /* @__PURE__ */ ((TriggerType2) => {
-  TriggerType2["Inline"] = "inline";
-  TriggerType2["Link"] = "link";
-  TriggerType2["Badge"] = "badge";
-  TriggerType2["Unsupported"] = "unsupported";
-  return TriggerType2;
-})(TriggerType || {});
-const determineProvidedElements = (widgetDOMElement, triggerDOMElement) => {
-  if (widgetDOMElement && triggerDOMElement) {
-    return "both";
-  }
-  if (widgetDOMElement) {
-    return "widgetDOM";
-  }
-  if (triggerDOMElement) {
-    return "triggerDOM";
-  }
-  return "none";
-};
-const determineTriggerType = (triggerDefinition) => {
-  if (!triggerDefinition) {
-    return "inline";
-  }
-  if (typeof triggerDefinition === "boolean" && triggerDefinition) {
-    return "link";
-  }
-  if (typeof triggerDefinition === "object" && !Array.isArray(triggerDefinition)) {
-    return "badge";
-  }
-  return "unsupported";
-};
-const prepareDOMElements = (name, providedWidgetElement, providedTriggerElement, triggerDefinition, waitWithReplace = false) => {
-  var _a, _b;
-  const providedElements = determineProvidedElements(providedWidgetElement, providedTriggerElement);
-  const triggerType = determineTriggerType(triggerDefinition);
-  const cachedOriginals = {
-    widgetDOMElement: providedWidgetElement ? providedWidgetElement.cloneNode(true) : void 0,
-    triggerDOMElement: providedTriggerElement ? providedTriggerElement.cloneNode(true) : void 0
-  };
-  const output = {
-    triggerType,
-    cachedOriginals,
+var P = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(P || {});
+const St = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "none", Ce = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", xt = (t, e, n, i, s = !1) => {
+  var l, h;
+  const o = St(e, n), r = Ce(i), c = {
+    widgetDOMElement: e ? e.cloneNode(!0) : void 0,
+    triggerDOMElement: n ? n.cloneNode(!0) : void 0
+  }, a = {
+    triggerType: r,
+    cachedOriginals: c,
     widgetDOMElement: document.createElement("div")
   };
-  switch (providedElements) {
+  switch (o) {
     case "both": {
-      output.widgetDOMElement = providedWidgetElement || document.createElement("div");
-      if (triggerType !== "inline") {
-        output.triggerDOMElement = providedTriggerElement;
-      }
+      a.widgetDOMElement = e || document.createElement("div"), r !== "inline" && (a.triggerDOMElement = n);
       break;
     }
     case "widgetDOM": {
-      output.widgetDOMElement = providedWidgetElement || document.createElement("div");
-      if (triggerType !== "inline") {
-        const triggerElement = document.body.appendChild(document.createElement("a"));
-        if (triggerType === "link") {
-          triggerElement.innerText = name;
-        }
-        output.triggerDOMElement = triggerElement;
+      if (a.widgetDOMElement = e || document.createElement("div"), r !== "inline") {
+        const u = document.body.appendChild(document.createElement("a"));
+        r === "link" && (u.innerText = t), a.triggerDOMElement = u;
       }
       break;
     }
     case "triggerDOM": {
-      const widgetElement = document.createElement("div");
-      output.widgetDOMElement = widgetElement;
-      if (triggerType === "inline") {
-        widgetElement.id = (providedTriggerElement == null ? void 0 : providedTriggerElement.id) || "";
-        if (waitWithReplace) {
-          widgetElement.style.display = "none";
-          (_a = providedTriggerElement == null ? void 0 : providedTriggerElement.parentNode) == null ? void 0 : _a.appendChild(widgetElement);
-          output.callback = () => {
-            var _a2;
-            (_a2 = providedTriggerElement == null ? void 0 : providedTriggerElement.parentNode) == null ? void 0 : _a2.replaceChild(widgetElement, providedTriggerElement);
-            widgetElement.style.display = (providedTriggerElement == null ? void 0 : providedTriggerElement.style.display) || "block";
-          };
-        } else {
-          (_b = providedTriggerElement == null ? void 0 : providedTriggerElement.parentNode) == null ? void 0 : _b.replaceChild(widgetElement, providedTriggerElement);
-        }
-        output.cachedOriginals.widgetDOMElement = providedTriggerElement;
-        output.cachedOriginals.triggerDOMElement = void 0;
-      } else {
-        output.widgetDOMElement = document.body.appendChild(widgetElement);
-        output.triggerDOMElement = providedTriggerElement;
-      }
+      const u = document.createElement("div");
+      a.widgetDOMElement = u, r === "inline" ? (u.id = (n == null ? void 0 : n.id) || "", s ? (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), u.style.display = (n == null ? void 0 : n.style.display) || "block";
+      }) : (h = n == null ? void 0 : n.parentNode) == null || h.replaceChild(u, n), a.cachedOriginals.widgetDOMElement = n, a.cachedOriginals.triggerDOMElement = void 0) : (a.widgetDOMElement = document.body.appendChild(u), a.triggerDOMElement = n);
       break;
     }
     case "none": {
-      const widgetElement = document.body.appendChild(document.createElement("div"));
-      output.widgetDOMElement = widgetElement;
-      if (triggerType !== "inline") {
-        const triggerElement = document.body.appendChild(document.createElement("a"));
-        if (triggerType === "link") {
-          triggerElement.innerText = name;
-        }
-        output.triggerDOMElement = triggerElement;
+      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 = t), a.triggerDOMElement = p;
       }
       break;
     }
   }
-  return output;
-};
-const MODALS_STORAGE_KEY = "modals";
-class ViewOutlet {
-  constructor(container, options) {
-    this.options = options;
-    this.unsubscribe = [];
-    this.container = container.createChild(this);
-    this.container.register("widgetDOMElement", this.options.widgetDOMElement);
-    this.container.register("triggerDOMElement", this.options.triggerDOMElement);
-    const widget = this.container.get("$widget");
-    this.options.widgetDOMElement.classList.add("humany-widget");
-    this.options.widgetDOMElement.classList.add(`humany_${widget.name}`);
-    const widgetDOMElements = container.get("widgetDOMElements") || [];
-    container.register("widgetDOMElements", [
-      ...widgetDOMElements,
+  return a;
+}, At = "modals";
+class Dt {
+  constructor(e, n) {
+    this.options = n, this.unsubscribe = [], this.container = e.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
+    const i = this.container.get("$widget");
+    this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${i.name}`);
+    const s = e.get("widgetDOMElements") || [];
+    e.register("widgetDOMElements", [
+      ...s,
       this.options.widgetDOMElement
     ]);
   }
   render() {
-    const { widgetDOMElement, triggerDOMElement } = this.options;
-    const widget = this.container.get("$widget");
-    if (widgetDOMElement.getAttribute("data-rendered") === "true") {
-      return Promise.resolve();
-    }
-    if (triggerDOMElement && this.options.triggerType === TriggerType.Badge) {
-      setLoading(triggerDOMElement);
-    }
-    return import("./render.js").then((module) => module.default(this.container, widgetDOMElement)).then(() => {
-      widgetDOMElement.setAttribute("data-rendered", "true");
-      if (triggerDOMElement && this.options.triggerType === TriggerType.Badge) {
-        const tooltip = this.options.triggerOptions.openTooltip;
-        setActive(triggerDOMElement, tooltip);
+    const { widgetDOMElement: e, triggerDOMElement: n } = this.options, i = this.container.get("$widget");
+    return e.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === P.Badge && Ot(n), import("./render.8763910e.js").then((s) => s.default(this.container, e)).then(() => {
+      if (e.setAttribute("data-rendered", "true"), n && this.options.triggerType === P.Badge) {
+        const o = this.options.triggerOptions.openTooltip;
+        Ee(n, o);
       }
-      notifyDataLoaded(this.container, widgetDOMElement);
-      const widgets = this.container.get("$environment").widgets.all();
-      readStorage(this.container, MODALS_STORAGE_KEY, StorageMedium.Session).then((modals) => {
-        if (modals) {
-          modals.forEach((modal) => {
-            if (widgets.find((w) => w.name === modal.name && w.state === "activated")) {
-              widget.events.dispatch("widget:modal-opened", modal);
-            }
-          });
-        }
+      Ue(this.container, e);
+      const s = this.container.get("$environment").widgets.all();
+      N(this.container, At, v.Session).then((o) => {
+        o && o.forEach((r) => {
+          s.find((c) => c.name === r.name && c.state === "activated") && i.events.dispatch("widget:modal-opened", r);
+        });
       });
-    });
+    }));
   }
-  renderBadge(options) {
-    const { triggerDOMElement } = this.options;
-    if (!triggerDOMElement) {
+  renderBadge(e) {
+    const { triggerDOMElement: n } = this.options;
+    if (!n)
       return;
-    }
-    if (!triggerDOMElement.getAttribute("role")) {
-      triggerDOMElement.setAttribute("role", "button");
-    }
-    const { name } = this.container.get("$widget");
-    const { label, symbol, ariaLabel, closedTooltip, openTooltip } = options;
-    const triggerOptions = { closedTooltip, openTooltip };
-    this.options.triggerOptions = triggerOptions;
-    const removeTriggerListeners = createTriggerElement(triggerDOMElement, {
-      label,
-      symbol,
-      ariaLabel,
-      widgetName: name,
-      tooltip: closedTooltip
+    n.getAttribute("role") || n.setAttribute("role", "button");
+    const { name: i } = this.container.get("$widget"), { label: s, symbol: o, ariaLabel: r, closedTooltip: c, openTooltip: a } = e, l = { closedTooltip: c, openTooltip: a };
+    this.options.triggerOptions = l;
+    const h = Et(n, {
+      label: s,
+      symbol: o,
+      ariaLabel: r,
+      widgetName: i,
+      tooltip: c
     });
-    this.unsubscribe.push(removeTriggerListeners);
+    this.unsubscribe.push(h);
   }
   dispose() {
-    return import("./unmount.js").then((module) => {
-      var _a, _b, _c, _d;
-      const { triggerDOMElement, widgetDOMElement } = this.options;
-      module.default(widgetDOMElement);
-      if (this.options.cachedOriginals.widgetDOMElement) {
-        if (widgetDOMElement) {
-          (_a = widgetDOMElement.parentNode) == null ? void 0 : _a.replaceChild(this.options.cachedOriginals.widgetDOMElement, widgetDOMElement);
-        }
-      }
-      if (this.options.cachedOriginals.triggerDOMElement) {
-        if (triggerDOMElement) {
-          (_b = triggerDOMElement.parentNode) == null ? void 0 : _b.replaceChild(this.options.cachedOriginals.triggerDOMElement, triggerDOMElement);
-        }
-      }
-      this.unsubscribe.forEach((unsubscribe) => {
-        unsubscribe();
-      });
-      (_c = widgetDOMElement.parentNode) == null ? void 0 : _c.removeChild(widgetDOMElement);
-      (_d = triggerDOMElement == null ? void 0 : triggerDOMElement.parentNode) == null ? void 0 : _d.removeChild(triggerDOMElement);
+    return import("./unmount.b0816844.js").then((e) => {
+      var s, o, r, c;
+      const { triggerDOMElement: n, widgetDOMElement: i } = this.options;
+      e.default(i), this.options.cachedOriginals.widgetDOMElement && i && ((s = i.parentNode) == null || s.replaceChild(this.options.cachedOriginals.widgetDOMElement, i)), this.options.cachedOriginals.triggerDOMElement && n && ((o = n.parentNode) == null || o.replaceChild(this.options.cachedOriginals.triggerDOMElement, n)), this.unsubscribe.forEach((a) => {
+        a();
+      }), (r = i.parentNode) == null || r.removeChild(i), (c = n == null ? void 0 : n.parentNode) == null || c.removeChild(n);
     });
   }
 }
-const STORAGE_KEY = "changesets";
-const convertSettingsToAttributes = (settings) => {
-  const attributes = { tags: settings.tags };
-  if (settings.context && typeof settings.context !== "function") {
-    attributes.context = settings.context;
-  }
-  if (settings.properties && typeof settings.properties !== "function") {
-    attributes.properties = settings.properties;
-  }
-  if (settings.layout && typeof settings.layout !== "function") {
-    attributes.layout = settings.layout;
-  }
-  return attributes;
+const F = "changesets", Mt = (t) => {
+  const e = { tags: t.tags };
+  return t.context && typeof t.context != "function" && (e.context = t.context), t.properties && typeof t.properties != "function" && (e.properties = t.properties), t.layout && typeof t.layout != "function" && (e.layout = t.layout), e;
 };
-class LocalStorageChangesetProvider {
-  constructor(container, storageWriter) {
-    this.container = container;
-    this.storageWriter = storageWriter;
-  }
-  static create(container) {
-    return createStorageWriter(container, STORAGE_KEY, StorageCategory.Necessary, {
-      medium: StorageMedium.Local
-    }).then((storageWriter) => new LocalStorageChangesetProvider(container, storageWriter));
+class se {
+  constructor(e, n) {
+    this.container = e, this.storageWriter = n;
+  }
+  static create(e) {
+    return _(e, F, I.Necessary, {
+      medium: v.Local
+    }).then((n) => new se(e, n));
+  }
+  write(e, n, i, s) {
+    return Z(this)(() => N(this.container, F, v.Local).then((o = {}) => {
+      const { keys: r = [], items: c = {} } = o, a = r.indexOf(e);
+      return a > -1 && r.splice(a, 1), r.push(e), c[e] = {
+        options: s,
+        attributes: Mt(i),
+        rules: n.rules
+      }, this.storageWriter({ keys: r, items: c });
+    }));
   }
-  write(key, target, attributes, options) {
-    return lock(this)(() => {
-      return readStorage(this.container, STORAGE_KEY, StorageMedium.Local).then((bag = {}) => {
-        const { keys = [], items = {} } = bag;
-        const existingIndex = keys.indexOf(key);
-        if (existingIndex > -1) {
-          keys.splice(existingIndex, 1);
-        }
-        keys.push(key);
-        items[key] = {
-          options,
-          attributes: convertSettingsToAttributes(attributes),
-          rules: target.rules
-        };
-        return this.storageWriter({ keys, items });
-      });
-    });
+  remove(e) {
+    return Z(this)(() => N(this.container, F, v.Local).then((n = {}) => {
+      const { keys: i = [], items: s = {} } = n, o = i.indexOf(e);
+      if (o > -1)
+        return i.splice(o, 1), delete s[e], this.storageWriter(n);
+    }));
   }
-  remove(key) {
-    return lock(this)(() => {
-      return readStorage(this.container, STORAGE_KEY, StorageMedium.Local).then((bag = {}) => {
-        const { keys = [], items = {} } = bag;
-        const indexToRemove = keys.indexOf(key);
-        if (indexToRemove > -1) {
-          keys.splice(indexToRemove, 1);
-          delete items[key];
-          return this.storageWriter(bag);
+  load(e) {
+    return Z(this)(() => N(this.container, F, v.Local).then((n = {}) => {
+      const { keys: i = [], items: s = {} } = n;
+      i.forEach((o) => {
+        const r = s[o];
+        if (r) {
+          const { rules: c, attributes: a, options: l } = r;
+          e.write({
+            attributes: a,
+            options: l,
+            target: new Me(e, c)
+          });
         }
       });
-    });
-  }
-  load(platform) {
-    return lock(this)(() => {
-      return readStorage(this.container, STORAGE_KEY, StorageMedium.Local).then((bag = {}) => {
-        const { keys = [], items = {} } = bag;
-        keys.forEach((key) => {
-          const item = items[key];
-          if (item) {
-            const { rules, attributes, options } = item;
-            platform.write({
-              attributes,
-              options,
-              target: new ComponentQuery(platform, rules)
-            });
-          }
-        });
-      });
-    });
+    }));
   }
 }
-const createPlatform = (widget) => {
-  const { container } = widget;
-  return LocalStorageChangesetProvider.create(container).then((localStorage) => {
-    const settings = container.get("$settings");
-    const providers = { localStorage };
-    const platform = new ComponentPlatform(widget, providers);
-    const destructComponentModel = createComponentModel(platform, settings);
-    widget.events.subscribe("widget:state-change", (event, data) => {
-      if (data.state === WidgetState.Deactivating) {
-        destructComponentModel();
-      }
-    });
-    return platform;
+const Nt = (t) => {
+  const { container: e } = t;
+  return se.create(e).then((n) => {
+    const i = e.get("$settings"), s = { localStorage: n }, o = new Ae(t, s), r = De(o, i);
+    return t.events.subscribe("widget:state-change", (c, a) => {
+      a.state === tt.Deactivating && r();
+    }), o;
   });
-};
-const createSiteProvider = (site, forceHttps) => {
-  return () => {
-    const parseLocation = (href) => {
-      const link = document.createElement("a");
-      link.href = href;
-      return link;
-    };
-    let location = window.location;
-    if (site === "referrer" && document.referrer) {
-      location = parseLocation(document.referrer);
-    }
-    return [forceHttps ? "https:" : "", "//", location.host, location.pathname].join("");
+}, Lt = (t, e) => () => {
+  const n = (s) => {
+    const o = document.createElement("a");
+    return o.href = s, o;
   };
-};
-const createRoutingService = (container) => {
-  return import("@telia-ace/widget-routing").then(({ RoutingService, HistoryMode }) => {
-    return container.get("settings").then((settings) => {
-      const {
-        routing: { initialPath = "/", mode = HistoryMode.scopedHash, basePath },
-        views
-      } = settings;
-      const routingService = new RoutingService(container, {
-        initialPath,
-        mode,
-        routes: Object.keys(views).map((name) => ({
-          name,
-          path: views[name].path
-        })),
-        basePath
-      });
-      return routingService;
-    });
+  let i = window.location;
+  return t === "referrer" && document.referrer && (i = n(document.referrer)), [e ? "https:" : "", "//", i.host, i.pathname].join("");
+}, $t = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: e, HistoryMode: n }) => t.get("settings").then((i) => {
+  const {
+    routing: { initialPath: s = "/", mode: o = n.scopedHash, basePath: r },
+    views: c
+  } = i;
+  return new e(t, {
+    initialPath: s,
+    mode: o,
+    routes: Object.keys(c).map((l) => ({
+      name: l,
+      path: c[l].path
+    })),
+    basePath: r
   });
-};
-const createStorageService = (container) => {
-  return import("@telia-ace/widget-services").then(({ StorageProvider }) => {
-    return new StorageProvider();
+})), kt = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: e }) => new e()), Pt = (t) => import("@telia-ace/knowledge-serviceclient").then(({ ServiceClient: e, ServiceProxy: n }) => t.get("settings").then((i) => {
+  const { name: s, events: o } = t.get("$widget"), {
+    data: { projection: r = "", site: c = "current", forceHttps: a = !1 }
+  } = i, l = new n(r, { credentials: "same-origin" }), h = new e(l, {
+    funnel: s.replace("_contact-method", "").replace("_contact", ""),
+    site: Lt(c, a)
   });
-};
-const createServiceClient = (container) => {
-  return import("@telia-ace/knowledge-serviceclient").then(({ ServiceClient, ServiceProxy }) => {
-    return container.get("settings").then((settings) => {
-      const { name, events } = container.get("$widget");
-      const {
-        data: { projection = "", site = "current", forceHttps = false }
-      } = settings;
-      const proxy = new ServiceProxy(projection, { credentials: "same-origin" });
-      const client = new ServiceClient(proxy, {
-        funnel: name.replace("_contact-method", "").replace("_contact", ""),
-        site: createSiteProvider(site, forceHttps)
-      });
-      events.subscribe("widget:settings-updated", (event, { data }) => {
-        if (data && data.projection !== projection) {
-          client.proxy.setBaseUrl(data.projection);
-        }
-      });
-      return client;
-    });
-  });
-};
-const createActionResolver = (container) => {
-  return import("@telia-ace/widget-core").then(({ ActionResolver }) => {
-    return new ActionResolver(container);
-  });
-};
-const createComponentResolver = (container) => {
-  return import("@telia-ace/widget-core").then(({ ComponentResolver }) => {
-    return new ComponentResolver(container);
-  });
-};
-const createComponentPlatform = (container) => {
-  return import("@telia-ace/widget-core").then(({ ComponentPlatform: ComponentPlatform2, createComponentModel: createComponentModel2 }) => {
-    return createPlatform(container.get("$widget"));
-  });
-};
-const SETTINGS_STORAGE_KEY = "$settings";
-const OPEN_STORAGE_KEY = "open";
-const STICKY_WIDGET_STORAGE_KEY = "activeStickyWidget";
-class Widget extends WidgetType {
-  constructor(container) {
-    super(container);
-    this.outlets = /* @__PURE__ */ new Map();
-    this.activated = void 0;
-    this.subs = [];
-    this.handleBootstrapping = (activationData) => {
-      const options = {
-        triggerDOMElement: activationData.sourceDOMElement,
+  return o.subscribe("widget:settings-updated", (u, { data: p }) => {
+    p && p.projection !== r && h.proxy.setBaseUrl(p.projection);
+  }), h;
+})), Rt = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: e }) => new e(t)), Vt = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: e }) => new e(t)), _t = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: e, createComponentModel: n }) => Nt(t.get("$widget"))), X = "$settings", K = "open", de = "activeStickyWidget";
+class Qt extends nt {
+  constructor(e) {
+    super(e), this.outlets = /* @__PURE__ */ new Map(), this.activated = void 0, this.subs = [], this.handleBootstrapping = (n) => {
+      const i = {
+        triggerDOMElement: n.sourceDOMElement,
         withRenderState: "storage"
       };
-      this.container.get("settings").then((settings) => {
-        const { activate } = settings;
-        const shouldActivate = typeof activate === "undefined" || activate === null || activate === true;
-        if (shouldActivate) {
-          this.activated = (this.activated || this.widget.activate()).then(() => this.attach(options));
-        }
-      });
-    };
-    this.container.registerAsync("storage", () => createStorageService(this.container));
-    this.container.registerFactory("settings", () => {
-      return readStorage(this.container, SETTINGS_STORAGE_KEY, StorageMedium.Local).then((settings = {}) => {
-        return __spreadValues(__spreadValues({}, this.container.get("$settings")), settings);
+      this.container.get("settings").then((s) => {
+        const { activate: o } = s;
+        (typeof o == "undefined" || o === null || o === !0) && (this.activated = (this.activated || this.widget.activate()).then(() => this.attach(i)));
       });
-    });
-    supportBootstrapping(this, "load", this.handleBootstrapping);
-    this.container.registerAsync("componentResolver", () => createComponentResolver(this.container));
-    this.container.registerAsync("matchingClient", () => createServiceClient(this.container));
-    this.container.registerAsync("router", () => createRoutingService(this.container));
-    this.container.registerAsync("actionResolver", () => createActionResolver(this.container));
-    this.container.register("matchMedia", window.matchMedia);
-    this.container.registerAsync("components", () => createComponentPlatform(this.container));
+    }, this.container.registerAsync("storage", () => kt(this.container)), this.container.registerFactory("settings", () => N(this.container, X, v.Local).then((n = {}) => f(f({}, this.container.get("$settings")), n))), et(this, "load", this.handleBootstrapping), this.container.registerAsync("componentResolver", () => Vt(this.container)), this.container.registerAsync("matchingClient", () => Pt(this.container)), this.container.registerAsync("router", () => $t(this.container)), this.container.registerAsync("actionResolver", () => Rt(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => _t(this.container));
   }
   initialize() {
-    const promises = this.container.getManyAsync("actionResolver", "router", "components");
-    return Promise.all([promises, this.container.get("settings")]).then(([{ actionResolver, router, components }, settings]) => {
-      var _a;
-      actionResolver.subscribe(this.widget.name, (origin, action, value) => this.onAction(action, value));
-      const switchViewNodes = (routeName) => {
-        components.nodes.query({ type: "view" }).forEach((viewNode) => {
-          components.setSwitch(viewNode, routeName);
+    const e = this.container.getManyAsync("actionResolver", "router", "components");
+    return Promise.all([e, this.container.get("settings")]).then(([{ actionResolver: n, router: i, components: s }, o]) => {
+      var a;
+      n.subscribe(this.widget.name, (l, h, u) => this.onAction(h, u));
+      const r = (l) => {
+        s.nodes.query({ type: "view" }).forEach((h) => {
+          s.setSwitch(h, l);
         });
-      };
-      const initialRoute = ((_a = router.getInitialRoute()) == null ? void 0 : _a.name) || "index";
-      switchViewNodes(initialRoute);
-      this.events.subscribe("widget:data-loaded", (e, { element }) => {
-        if (this.widget.container.get("seoConfiguration")) {
-          this.events.dispatch("widget:preloaded-replaced", {
-            element
-          });
-        }
-      });
-      this.events.subscribe("router:change", (e, { previous = { routeData: {} }, next = { routeData: {} } }) => {
-        const { routeData: prevData } = previous;
-        const { routeData: nextData } = next;
-        const notFoundView = Object.keys(settings.views).reduce((acc, key) => {
-          const view = settings.views[key];
-          if (typeof view.path === "undefined") {
-            return key;
-          }
-          return acc;
-        }, "");
-        if (!nextData.name && notFoundView) {
-          switchViewNodes(notFoundView);
-        } else {
-          switchViewNodes(nextData.name);
-        }
-        removeNullAndUndefinedValues(prevData && prevData.params);
-        removeNullAndUndefinedValues(nextData && nextData.params);
-        this.container.getAsync("actionResolver").then((actionResolver2) => {
-          actionResolver2.action(this.widget.name, "routeChange", {
-            next: nextData,
-            previous: prevData
+      }, c = ((a = i.getInitialRoute()) == null ? void 0 : a.name) || "index";
+      return r(c), this.events.subscribe("widget:data-loaded", (l, { element: h }) => {
+        this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
+          element: h
+        });
+      }), this.events.subscribe("router:change", (l, { previous: h = { routeData: {} }, next: u = { routeData: {} } }) => {
+        const { routeData: p } = h, { routeData: g } = u, m = Object.keys(o.views).reduce((b, y) => typeof o.views[y].path == "undefined" ? y : b, "");
+        !g.name && m ? r(m) : r(g.name), he(p && p.params), he(g && g.params), this.container.getAsync("actionResolver").then((b) => {
+          b.action(this.widget.name, "routeChange", {
+            next: g,
+            previous: p
           });
         });
-      });
-      return router.initialize();
+      }), i.initialize();
     });
   }
-  attach(attachData = {}) {
-    return this.container.get("settings").then(({ trigger }) => {
-      var _a, _b;
+  attach(e = {}) {
+    return this.container.get("settings").then(({ trigger: n }) => {
+      var p, g;
       const {
-        widgetDOMElement,
-        key = uuid(),
-        triggerDOMElement,
-        withRenderState
-      } = attachData;
-      const triggerType = determineTriggerType(trigger);
-      const waitWithReplace = triggerType === TriggerType.Inline && ((triggerDOMElement == null ? void 0 : triggerDOMElement.childElementCount) || 0) > 0;
-      const outletOptions = prepareDOMElements(this.widget.name, widgetDOMElement, triggerDOMElement, trigger, waitWithReplace);
-      if (this.outlets.size < 1 && !withRenderState) {
-        this.setRenderState("unset");
-      }
-      const swap = () => {
-        const isReady = () => widgetDOMElement2.querySelectorAll("[data-loading=true]").length === 0;
-        const [widgetDOMElement2] = this.widget.container.get("widgetDOMElements");
-        const watcher = (mutations, observer2) => {
-          if (isReady()) {
-            if (outletOptions.callback) {
-              outletOptions.callback();
-            }
-            observer2.disconnect();
-          }
-        };
-        const options = {
-          attributes: true,
-          subtree: true
+        widgetDOMElement: i,
+        key: s = Ye(),
+        triggerDOMElement: o,
+        withRenderState: r
+      } = e, a = Ce(n) === P.Inline && ((o == null ? void 0 : o.childElementCount) || 0) > 0, l = xt(this.widget.name, i, o, n, a);
+      this.outlets.size < 1 && !r && this.setRenderState("unset");
+      const h = () => {
+        const m = () => b.querySelectorAll("[data-loading=true]").length === 0, [b] = this.widget.container.get("widgetDOMElements"), y = (x, $) => {
+          m() && (l.callback && l.callback(), $.disconnect());
+        }, S = {
+          attributes: !0,
+          subtree: !0
         };
-        if (isReady()) {
-          outletOptions.callback && outletOptions.callback();
-        }
-        const observer = new MutationObserver(watcher);
-        observer.observe(widgetDOMElement2, options);
+        m() && l.callback && l.callback(), new MutationObserver(y).observe(b, S);
       };
-      if (waitWithReplace) {
-        this.widget.container.getAsync("dataClient").then(({ events }) => {
-          events.subscribe("data-client:fetched", (event, data) => {
-            if (data.unresolvedQueries === 0) {
-              swap();
-            }
-          });
+      a && this.widget.container.getAsync("dataClient").then(({ events: m }) => {
+        m.subscribe("data-client:fetched", (b, y) => {
+          y.unresolvedQueries === 0 && h();
         });
-      }
-      const outlet = this.getOrCreateViewOutlet(key, outletOptions);
-      this.outlets.set(key, outlet);
-      this.widget.events.dispatch("widget:attached", {}, { bubbles: true });
-      if (outletOptions.triggerType === TriggerType.Badge && trigger) {
-        (_a = outletOptions.triggerDOMElement) == null ? void 0 : _a.setAttribute("aria-expanded", "false");
-        outlet == null ? void 0 : outlet.renderBadge(trigger);
-      }
-      if (outletOptions.triggerType !== TriggerType.Inline) {
-        (_b = outletOptions.triggerDOMElement) == null ? void 0 : _b.addEventListener("click", (event) => {
-          event.preventDefault();
-          this.container.get("settings").then(({ trigger: updatedTrigger }) => {
-            outlet.render().then(() => this.renderState()).then((renderState) => {
-              if (updatedTrigger && updatedTrigger.action && updatedTrigger.action === "hide") {
-                return renderState === WidgetRenderState.open ? this.hide() : this.open();
-              }
-              return renderState === WidgetRenderState.open ? this.close() : this.open();
-            });
-          });
+      });
+      const u = this.getOrCreateViewOutlet(s, l);
+      if (this.outlets.set(s, u), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), l.triggerType === P.Badge && n && ((p = l.triggerDOMElement) == null || p.setAttribute("aria-expanded", "false"), u == null || u.renderBadge(n)), l.triggerType !== P.Inline && ((g = l.triggerDOMElement) == null || g.addEventListener("click", (m) => {
+        m.preventDefault(), this.container.get("settings").then(({ trigger: b }) => {
+          u.render().then(() => this.renderState()).then((y) => b && b.action && b.action === "hide" ? y === C.open ? this.hide() : this.open() : y === C.open ? this.close() : this.open());
         });
-      }
-      if (this.outlets.size > 1) {
-        return this.renderState().then((state) => {
-          this.triggerStateIfApplicable(state);
+      })), this.outlets.size > 1)
+        return this.renderState().then((m) => {
+          this.triggerStateIfApplicable(m);
         });
-      }
-      if (withRenderState) {
-        if (withRenderState === "storage") {
-          return this.renderState().then((state) => {
-            if (outletOptions.triggerType === TriggerType.Inline) {
-              this.triggerStateIfApplicable("open");
-              return;
-            }
-            this.triggerStateIfApplicable(state);
-          });
-        }
-        return this.triggerStateIfApplicable(withRenderState);
-      }
+      if (r)
+        return r === "storage" ? this.renderState().then((m) => {
+          if (l.triggerType === P.Inline) {
+            this.triggerStateIfApplicable("open");
+            return;
+          }
+          this.triggerStateIfApplicable(m);
+        }) : this.triggerStateIfApplicable(r);
     });
   }
-  detach(key) {
-    if (key) {
-      if (this.outlets.has(key)) {
-        const outlet = this.outlets.get(key);
-        outlet == null ? void 0 : outlet.dispose();
-        this.outlets.delete(key);
+  detach(e) {
+    if (e) {
+      if (this.outlets.has(e)) {
+        const n = this.outlets.get(e);
+        n == null || n.dispose(), this.outlets.delete(e);
         return;
       }
+      process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${e}`);
       return;
     }
-    this.outlets.forEach((outlet) => {
-      outlet.dispose();
-    });
-    this.outlets.clear();
+    this.outlets.forEach((n) => {
+      n.dispose();
+    }), this.outlets.clear();
   }
-  triggerStateIfApplicable(input) {
-    return this.container.getAsync("router").then((router) => {
-      switch (input) {
+  triggerStateIfApplicable(e) {
+    return this.container.getAsync("router").then((n) => {
+      switch (e) {
         case "closed":
           this.close();
           break;
@@ -1201,216 +719,151 @@ class Widget extends WidgetType {
           this.open();
           break;
         case "hidden":
-          this.hide();
-          router.start();
+          this.hide(), n.start();
           break;
         default:
           return;
       }
     });
   }
-  getOrCreateViewOutlet(key, options) {
-    return this.outlets.has(key) ? this.outlets.get(key) : new ViewOutlet(this.container, options);
+  getOrCreateViewOutlet(e, n) {
+    return this.outlets.has(e) ? this.outlets.get(e) : new Dt(this.container, n);
   }
-  render(renderData = {}) {
-    if (renderData.open) {
-      const options = __spreadProps(__spreadValues({}, renderData), {
+  render(e = {}) {
+    if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), e.open) {
+      const n = E(f({}, e), {
         withRenderState: "open"
       });
-      return this.attach(options);
+      return this.attach(n);
     }
-    return this.attach(renderData);
+    return this.attach(e);
   }
-  activate(data) {
-    if (data == null ? void 0 : data.override) {
-      this.setSettings(() => data.override);
-    }
-    if (data == null ? void 0 : data.apiNotificationPriorityBy) {
-      this.container.register("apiNotificationPriorityBy", data.apiNotificationPriorityBy);
-    }
+  activate(e) {
+    e != null && e.override && this.setSettings(() => e.override), e != null && e.apiNotificationPriorityBy && this.container.register("apiNotificationPriorityBy", e.apiNotificationPriorityBy);
   }
-  setSettings(fn) {
+  setSettings(e) {
     return Promise.all([
       this.container.get("settings"),
-      createStorageWriter(this.container, SETTINGS_STORAGE_KEY, StorageCategory.Necessary, {
-        medium: StorageMedium.Local
+      _(this.container, X, I.Necessary, {
+        medium: v.Local
       })
-    ]).then(([settings, write]) => {
-      return Promise.resolve(fn(settings)).then((override) => {
-        return write(override).then(() => {
-          const updated = __spreadValues(__spreadValues({}, settings), override);
-          this.widget.events.dispatch("widget:settings-updated", updated);
-          return updated;
-        });
-      });
-    });
+    ]).then(([n, i]) => Promise.resolve(e(n)).then((s) => i(s).then(() => {
+      const o = f(f({}, n), s);
+      return this.widget.events.dispatch("widget:settings-updated", o), o;
+    })));
   }
   clearSettings() {
-    return createStorageWriter(this.container, SETTINGS_STORAGE_KEY, StorageCategory.Necessary, { medium: StorageMedium.Local }).then((write) => write()).then(() => this.container.get("settings")).then((settings) => {
-      this.widget.events.dispatch("widget:settings-updated", settings);
+    return _(this.container, X, I.Necessary, { medium: v.Local }).then((e) => e()).then(() => this.container.get("settings")).then((e) => {
+      this.widget.events.dispatch("widget:settings-updated", e);
     });
   }
-  action({ action, value }) {
-    return this.container.getAsync("actionResolver").then((actionResolver) => {
-      actionResolver.action(this.widget.name, action, value);
+  action({ action: e, value: n }) {
+    return this.container.getAsync("actionResolver").then((i) => {
+      i.action(this.widget.name, e, n);
     });
   }
   renderState() {
-    if (onWidgetUrl(this.container)) {
-      return Promise.resolve(WidgetRenderState.open);
-    }
-    const readSessionOpen = () => readStorage(this.container, OPEN_STORAGE_KEY, StorageMedium.Session).then((value = WidgetRenderState.closed) => value);
-    const readLocalOpen = () => readStorage(this.container, OPEN_STORAGE_KEY, StorageMedium.Session).then((value = WidgetRenderState.closed) => value);
-    return this.container.getAsync("router").then((routing) => {
-      if (routing.isSticky()) {
-        return readLocalOpen().then((localOpen) => {
-          return localOpen === WidgetRenderState.open ? localOpen : readSessionOpen();
-        });
-      }
-      return readSessionOpen();
-    });
+    if (Je(this.container))
+      return Promise.resolve(C.open);
+    const e = () => N(this.container, K, v.Session).then((i = C.closed) => i), n = () => N(this.container, K, v.Session).then((i = C.closed) => i);
+    return this.container.getAsync("router").then((i) => i.isSticky() ? n().then((s) => s === C.open ? s : e()) : e());
   }
   hide() {
-    if (this.outlets.size < 1) {
-      return Promise.resolve();
-    }
-    this.outlets.forEach((outlet) => outlet.render());
-    return this.action({ action: "hide" }).then(() => {
-      this.setTriggerState(false);
-    });
+    return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn("hide(): No-op as no view outlets are registered. Invoke the attach() command first."), Promise.resolve()) : (this.outlets.forEach((e) => e.render()), this.action({ action: "hide" }).then(() => {
+      this.setTriggerState(!1);
+    }));
   }
   open() {
-    if (this.outlets.size < 1) {
-      return Promise.resolve();
-    }
-    this.outlets.forEach((outlet) => outlet.render());
-    return this.action({ action: "open" }).then(() => {
-      this.widget.events.dispatch("tracking:widget-rendered", {});
-      return this.onOpen();
-    });
+    return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn("open(): No-op as no view outlets are registered. Invoke the attach() command first."), Promise.resolve()) : (this.outlets.forEach((e) => e.render()), this.action({ action: "open" }).then(() => (this.widget.events.dispatch("tracking:widget-rendered", {}), this.onOpen())));
   }
   close() {
-    if (this.outlets.size < 1) {
-      return Promise.resolve();
-    }
-    return this.action({ action: "close" }).then(() => this.onClose());
+    return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn("close(): No-op as no view outlets are registered. Invoke the attach() command first."), Promise.resolve()) : this.action({ action: "close" }).then(() => this.onClose());
   }
   show() {
-    return this.open();
+    return process.env.NODE_ENV !== "production" && console.warn("show(): Command is deprecated and will be removed in the future. Use open() instead."), this.open();
   }
-  onAction(action, value) {
-    switch (action) {
+  onAction(e, n) {
+    switch (e) {
       case "close":
       case "open":
       case "hide":
-        const newState = action === "open" ? WidgetRenderState.open : action === "close" ? WidgetRenderState.closed : WidgetRenderState.hidden;
-        return this.setRenderState(newState).then(() => {
-          this.setTriggerState(newState === WidgetRenderState.open);
-          if (newState !== WidgetRenderState.hidden) {
-            newState === WidgetRenderState.open ? this.onOpen() : this.onClose();
-          } else {
-            this.outlets.forEach((outlet) => {
-              var _a;
-              return (_a = outlet.options.triggerDOMElement) == null ? void 0 : _a.setAttribute("aria-expanded", "false");
-            });
-          }
+        const i = e === "open" ? C.open : e === "close" ? C.closed : C.hidden;
+        return this.setRenderState(i).then(() => {
+          this.setTriggerState(i === C.open), i !== C.hidden ? i === C.open ? this.onOpen() : this.onClose() : this.outlets.forEach((s) => {
+            var o;
+            return (o = s.options.triggerDOMElement) == null ? void 0 : o.setAttribute("aria-expanded", "false");
+          });
         });
     }
   }
-  setRenderState(newState) {
-    const { invoke, events } = this.container.get("$widget");
+  setRenderState(e) {
+    const { invoke: n, events: i } = this.container.get("$widget");
     return Promise.all([
-      createStorageWriter(this.container, OPEN_STORAGE_KEY, StorageCategory.Necessary, {
-        medium: StorageMedium.Session
+      _(this.container, K, I.Necessary, {
+        medium: v.Session
       }),
-      createStorageWriter(this.container, OPEN_STORAGE_KEY, StorageCategory.Necessary, {
-        medium: StorageMedium.Local,
+      _(this.container, K, I.Necessary, {
+        medium: v.Local,
         duration: { minutes: 5 }
       }),
       this.container.getAsync("router"),
-      invoke("renderState")
-    ]).then(([writeSessionOpen, writeLocalOpen, routing, previousRenderState]) => {
-      if (newState === "unset" || !newState) {
-        writeLocalOpen();
-        writeSessionOpen();
-      } else {
-        if (routing.isSticky()) {
-          writeLocalOpen(newState);
-        }
-        writeSessionOpen(newState);
-      }
-      events.dispatch("widget:render-state-changed", {
-        previous: previousRenderState,
-        next: newState
+      n("renderState")
+    ]).then(([s, o, r, c]) => {
+      e === "unset" || !e ? (o(), s()) : (r.isSticky() && o(e), s(e)), i.dispatch("widget:render-state-changed", {
+        previous: c,
+        next: e
       });
     });
   }
   onOpen() {
-    return this.container.getAsync("router").then((router) => {
-      this.outlets.forEach((outlet) => {
-        var _a;
-        return (_a = outlet.options.triggerDOMElement) == null ? void 0 : _a.setAttribute("aria-expanded", "true");
-      });
-      return router.start();
-    });
+    return this.container.getAsync("router").then((e) => (this.outlets.forEach((n) => {
+      var i;
+      return (i = n.options.triggerDOMElement) == null ? void 0 : i.setAttribute("aria-expanded", "true");
+    }), e.start()));
   }
   onClose() {
-    const services = this.container.getManyAsync("router", "components");
-    const resetActivateProp = () => {
-      return this.container.get("settings").then((widgetSettings) => {
-        const { activate } = this.container.get("$settings");
-        if (widgetSettings.activate !== activate) {
-          return this.setSettings(() => Promise.resolve({ activate }));
-        }
-        return Promise.resolve();
-      });
-    };
-    return resetActivateProp().then(() => {
-      return services;
-    }).then(({
-      router,
-      components
+    const e = this.container.getManyAsync("router", "components");
+    return (() => this.container.get("settings").then((i) => {
+      const { activate: s } = this.container.get("$settings");
+      return i.activate !== s ? this.setSettings(() => Promise.resolve({ activate: s })) : Promise.resolve();
+    }))().then(() => e).then(({
+      router: i,
+      components: s
     }) => {
-      const visibleNodes = components.nodes.visible;
-      this.outlets.forEach((outlet) => {
-        var _a;
-        return (_a = outlet.options.triggerDOMElement) == null ? void 0 : _a.setAttribute("aria-expanded", "false");
-      });
-      if (visibleNodes.filter((c) => c.attributes.properties.animation && c.attributes.properties.animation !== "none").length) {
-        return new Promise((resolve) => {
-          setTimeout(() => {
-            resolve(router);
-          }, 200);
-        });
-      }
-      return Promise.resolve(router);
-    }).then((router) => router.stop());
-  }
-  setTriggerState(open) {
-    this.outlets.forEach((outlet) => {
+      const o = s.nodes.visible;
+      return this.outlets.forEach((r) => {
+        var c;
+        return (c = r.options.triggerDOMElement) == null ? void 0 : c.setAttribute("aria-expanded", "false");
+      }), o.filter((r) => r.attributes.properties.animation && r.attributes.properties.animation !== "none").length ? new Promise((r) => {
+        setTimeout(() => {
+          r(i);
+        }, 200);
+      }) : Promise.resolve(i);
+    }).then((i) => i.stop());
+  }
+  setTriggerState(e) {
+    this.outlets.forEach((n) => {
       const {
-        options: { triggerDOMElement, triggerOptions }
-      } = outlet;
-      const { openTooltip, closedTooltip } = triggerOptions || {};
-      if (triggerDOMElement) {
-        open ? setActive(triggerDOMElement, openTooltip) : setInactive(triggerDOMElement, closedTooltip);
-      }
+        options: { triggerDOMElement: i, triggerOptions: s }
+      } = n, { openTooltip: o, closedTooltip: r } = s || {};
+      i && (e ? Ee(i, o) : Ct(i, r));
     });
   }
   deactivate() {
-    this.subs.forEach((s) => s());
-    const promises = [];
-    this.outlets.forEach((outlet) => promises.push(outlet.dispose()));
-    return readStorage(this.container, STICKY_WIDGET_STORAGE_KEY, StorageMedium.Local).then((value) => {
-      if (value === this.widget.name) {
-        return createStorageWriter(this.container, STICKY_WIDGET_STORAGE_KEY, StorageCategory.Necessary, {
-          medium: StorageMedium.Local,
-          scope: StorageScope.Implementation
-        }).then((write) => write()).then(() => Promise.all(promises));
-      }
-      return Promise.all(promises);
-    });
+    this.subs.forEach((n) => n());
+    const e = [];
+    return this.outlets.forEach((n) => e.push(n.dispose())), N(this.container, de, v.Local).then((n) => n === this.widget.name ? _(this.container, de, I.Necessary, {
+      medium: v.Local,
+      scope: Xe.Implementation
+    }).then((i) => i()).then(() => Promise.all(e)) : Promise.all(e));
   }
 }
-export { Component, DetachedComponent$1 as DetachedComponent, Widget as GridWidget, NotFound, Widget, styling as genericComponentStyling };
+export {
+  ie as Component,
+  gt as DetachedComponent,
+  Qt as GridWidget,
+  qt as NotFound,
+  Qt as Widget,
+  Y as genericComponentStyling
+};
 //# sourceMappingURL=index.js.map