@telia-ace/widget-types-grid 1.0.30-experimental.5 → 1.0.30-experimental.7

package/dist/index.c6989014.js

@@ -0,0 +1,1465 @@
+var ee = Object.defineProperty, ne = Object.defineProperties;
+var se = Object.getOwnPropertyDescriptors;
+var nt = Object.getOwnPropertySymbols;
+var Ot = Object.prototype.hasOwnProperty, Nt = Object.prototype.propertyIsEnumerable;
+var xt = (n, t, e) => t in n ? ee(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, f = (n, t) => {
+  for (var e in t || (t = {}))
+    Ot.call(t, e) && xt(n, e, t[e]);
+  if (nt)
+    for (var e of nt(t))
+      Nt.call(t, e) && xt(n, e, t[e]);
+  return n;
+}, w = (n, t) => ne(n, se(t));
+var D = (n, t) => {
+  var e = {};
+  for (var s in n)
+    Ot.call(n, s) && t.indexOf(s) < 0 && (e[s] = n[s]);
+  if (n != null && nt)
+    for (var s of nt(n))
+      t.indexOf(s) < 0 && Nt.call(n, s) && (e[s] = n[s]);
+  return e;
+};
+var St = (n, t, e) => new Promise((s, i) => {
+  var o = (a) => {
+    try {
+      u(e.next(a));
+    } catch (c) {
+      i(c);
+    }
+  }, r = (a) => {
+    try {
+      u(e.throw(a));
+    } catch (c) {
+      i(c);
+    }
+  }, u = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(o, r);
+  u((e = e.apply(n, t)).next());
+});
+import { Grid as Bt, useRouteData as ie, useRouter as oe, useProperties as jt, useContext as $t, useContainer as X, useComponentNode as wt, useScroll as Wt, transitionComposer as re, paddedBorderTabStyle as ae, useComponent as ce, useComponentDescriptor as le, filterCssPropsStyle as ue, Typography as he, useComponentPlatform as Ut, useIsMounted as de, useColumns as pe, useLayout as me, ComponentNodeContext as fe, ComponentPropertyContext as ge, filterCssProps as ye } from "@telia-ace/widget-ui";
+import m, { useState as q, forwardRef as Ft, useMemo as ve, Suspense as be, useEffect as Y } from "react";
+import { css as Gt, ThemeProvider as $e, useTheme as we } from "@emotion/react";
+import { asDescriptor as ot, ComponentPlatform as Kt, createComponentModel as Ae, ComponentQuery as _e, WidgetRenderState as E } from "@telia-ace/widget-core";
+import H from "@emotion/styled";
+import { appendClassNames as rt, notifyDataLoaded as Ee, lock as mt, removeNullAndUndefinedValues as Mt, uuid as Ce } from "@telia-ace/widget-utilities";
+import { TransitionGroup as xe, Transition as Oe } from "react-transition-group";
+import { Switch as Ne, Route as ft } from "react-router";
+import { spread as Se } from "@open-wc/lit-helpers";
+import { nothing as Me, css as De, LitElement as Pe } from "lit";
+import { onWidgetUrl as Le } from "@telia-ace/widget-routing";
+import { readStorage as L, StorageMedium as A, createStorageWriter as z, StorageCategory as B, StorageScope as ke } from "@telia-ace/widget-services";
+import { supportBootstrapping as Re } from "@webprovisions/bootstrapping";
+import { WidgetState as Te, WidgetType as He } from "@webprovisions/platform";
+var bt = /* @__PURE__ */ ((n) => (n.back = "back", n.forth = "forth", n))(bt || {});
+const Ie = (n, t, e) => typeof e[n] == "number" && typeof e[t] == "number" && e[n] > e[t] ? "back" : "forth", Ve = ({ views: n, location: t, render: e }) => /* @__PURE__ */ m.createElement(
+  Ne,
+  {
+    location: t && w(f({}, t), {
+      pathname: t.pathname.split("?")[0]
+    })
+  },
+  [
+    ...Object.keys(n).filter((s) => !!n[s].path),
+    ...Object.keys(n).filter((s) => !n[s].path)
+  ].map((s) => {
+    const { path: i } = n[s];
+    return i ? Array.isArray(i) ? i.map((o) => /* @__PURE__ */ m.createElement(ft, { key: s, exact: !0, path: o, render: () => e(s) })) : /* @__PURE__ */ m.createElement(ft, { key: s, exact: !0, path: i, render: () => e(s) }) : /* @__PURE__ */ m.createElement(ft, { key: s, render: () => e(s) });
+  })
+), qt = Ve, ze = H.div`
+    position: relative;
+    width: 100%;
+    flex: 1;
+`, Be = H(Bt)`
+    position: absolute;
+    left: 0;
+    right: 0;
+    ${(n) => !!n.animationCss && n.animationCss}
+    ${(n) => !!n.scrollableCss && n.scrollableCss}
+`, je = {
+  index: 1,
+  search: 2,
+  browse: 3,
+  guide: 4,
+  contact: 5,
+  "contact-method": 6,
+  conversation: 7
+}, We = (e) => {
+  var s = e, { className: n = "" } = s, t = D(s, ["className"]);
+  const [i, o] = q("index"), [r, u] = q(bt.forth), a = ie(), c = oe(), d = jt(), l = $t(), h = X(), p = wt(), { gap: g = "0" } = l, et = d, { columns: y = 1, animation: v = "none", scrollable: _ = !1 } = et, x = D(et, ["columns", "animation", "scrollable"]), [tt, k] = Wt(_);
+  if (!p || !c)
+    return null;
+  const { location: Ct } = c;
+  a.name !== i && a.name !== "" && v && (u(Ie(i, a.name, je)), o(a.name));
+  const { views: O } = h.get("$settings");
+  if (!Object.keys(O).length)
+    return null;
+  const N = ($, M, V) => {
+    const C = pt(M, V), G = p.getChildren($)[0];
+    return /* @__PURE__ */ m.createElement(
+      Be,
+      w(f(w(f(f({}, t), x), {
+        scrollableCss: tt,
+        ref: k,
+        columns: y,
+        gap: g
+      }), C), {
+        className: rt(n, "humany-view")
+      }),
+      /* @__PURE__ */ m.createElement(At, { id: G.id, branch: "default" })
+    );
+  }, pt = ($, M) => {
+    if (v === "slide" || v === "fade")
+      return {
+        animationCss: re.composeViewTransition(
+          $,
+          v,
+          M
+        ),
+        ["data-state"]: $
+      };
+  };
+  return /* @__PURE__ */ m.createElement(ze, { className: "humany-animated-view" }, /* @__PURE__ */ m.createElement(
+    xe,
+    {
+      component: null,
+      childFactory: ($) => m.cloneElement($, { direction: r })
+    },
+    /* @__PURE__ */ m.createElement(
+      Oe,
+      {
+        key: i,
+        timeout: { enter: 500, exit: 500 },
+        onEnter: ($) => $ == null ? void 0 : $.clientHeight,
+        unmountOnExit: !0,
+        direction: bt.forth
+      },
+      ($, { direction: M }) => /* @__PURE__ */ m.createElement(
+        qt,
+        {
+          views: O,
+          location: Ct,
+          render: (V) => N(V, $, M)
+        }
+      )
+    )
+  ));
+}, Ue = We, Fe = H(Bt)`
+    ${(n) => !!n.scrollableCss && n.scrollableCss}
+`, Ge = (e) => {
+  var s = e, { className: n = "" } = s, t = D(s, ["className"]);
+  const i = jt(), o = $t(), r = X(), u = wt(), { views: a } = r.get("$settings"), { gap: c = "0" } = o, v = i, { columns: d = 1, animation: l = "none", scrollable: h = !1 } = v, p = D(v, ["columns", "animation", "scrollable"]), [g, y] = Wt(h);
+  return u ? /* @__PURE__ */ m.createElement(
+    Fe,
+    w(f(f({}, t), p), {
+      scrollableCss: g,
+      ref: y,
+      columns: d,
+      gap: c,
+      className: rt(n, "humany-view")
+    }),
+    /* @__PURE__ */ m.createElement(
+      qt,
+      {
+        views: a,
+        render: (_) => {
+          const x = u.getChildren(_)[0];
+          return /* @__PURE__ */ m.createElement(At, { id: x.id, node: x, branch: "default" });
+        }
+      }
+    )
+  ) : null;
+}, Ke = Ge, lt = (n) => {
+  var t, e;
+  return Gt`
+    outline: none;
+    box-sizing: border-box;
+    * {
+        box-sizing: border-box;
+        outline: none;
+    }
+
+    grid-column: ${n["data-indent"] ? `${n["data-indent"] + 1} / ${n["data-indent"] + (n["data-width"] || 0) + 1}` : `span ${n["data-width"]}`};
+
+    ${((t = n.theme.fonts) == null ? void 0 : t.type) && `
+    font-family: ${n.theme.fonts.type};
+
+    input, textarea {
+      font-family: ${n.theme.fonts.type};
+    }
+  `}
+
+    ${((e = n.theme.fonts) == null ? void 0 : e.base) && `
+    font-size: ${n.theme.fonts.base};
+  `}
+
+  &:focus-visible {
+        ${ae(n)};
+    }
+`;
+}, qe = H(Ke)`
+    ${(n) => lt(n)}
+`, Ye = H(Ue)`
+    ${(n) => lt(n)}
+`, Ze = H.div`
+    text-align: center;
+    ${(n) => {
+  var t, e, s;
+  return typeof ((t = n.theme.colors) == null ? void 0 : t.warning) != "undefined" && Gt`
+            color: ${(e = n.theme.colors) == null ? void 0 : e.warning};
+            border: 2px dashed ${(s = n.theme.colors) == null ? void 0 : s.warning};
+        `;
+}}
+    ${(n) => typeof n.theme.borderRadius != "undefined" && `border-radius: ${n.theme.borderRadius};`}
+  ${(n) => lt(n)}
+`, Qe = Ft(
+  (i, s) => {
+    var o = i, { className: n = "", children: t } = o, e = D(o, ["className", "children"]);
+    const r = ce(), { name: u, type: a, id: c } = le(), d = ve(() => r ? H(r)`
+                    ${lt}
+                    ${ue}
+                ` : null, [r]);
+    return typeof r == "undefined" ? null : r === null || d === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ m.createElement(
+      Ze,
+      w(f({}, e), {
+        title: `type: ${a}, definition-id: ${u}, instance-id: ${c}`,
+        className: rt(n, "humany-non-resolved-component")
+      }),
+      /* @__PURE__ */ m.createElement(he, { variant: "h5" }, "Non Resolved Component Type")
+    ) : null : /* @__PURE__ */ m.createElement(be, { fallback: null }, /* @__PURE__ */ m.createElement(
+      d,
+      w(f({
+        ref: s
+      }, e), {
+        className: rt(
+          n,
+          "humany-component",
+          `humany-component-${u}`
+        )
+      }),
+      t
+    ));
+  }
+), Je = Qe, Xe = (n) => {
+  const t = wt(n), e = Ut(), [s, i] = q({}), o = de();
+  return Y(() => {
+    t && o.current && i(t.attributes.properties);
+  }, [t, n, o]), Y(() => {
+    if (e) {
+      const r = e.events.subscribe(
+        "components:properties-changed",
+        (u, a) => {
+          t === a.node && o.current && i(a.node.attributes.properties);
+        }
+      );
+      return () => {
+        r();
+      };
+    }
+  }, [e, o, n, t]), s;
+}, tn = (n, t) => t ? !0 : typeof n == "string" ? n === "full" : n > 0, en = Ft(
+  (c, a) => {
+    var d = c, { className: n = "", id: t, branch: e, node: s, ariaLabel: i, tabIndex: o, context: r } = d, u = D(d, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
+    const l = Ut(), h = X(), [p, g] = q(), y = pe(), v = $t(t), _ = Xe(t), { size: x = "none", indent: tt = 0 } = me(t), k = tn(x, s);
+    if (Y(() => {
+      if (l) {
+        if (t && !s) {
+          const C = l.nodes.get(t);
+          if (C && (g(ot(C, e)), k)) {
+            const G = C.mount(h);
+            return () => {
+              G();
+            };
+          }
+        } else if (s) {
+          g(ot(s, e));
+          const C = s.mount(h);
+          return () => {
+            C();
+          };
+        }
+      }
+    }, [l, t, s, k]), !p || !k)
+      return null;
+    const V = f(f({}, v), r || {}), {
+      cardinal: O,
+      fonts: N = {},
+      accessibility: pt = {}
+    } = V, et = D(V, [
+      "cardinal",
+      "fonts",
+      "accessibility"
+    ]), $ = {
+      type: N.type,
+      base: N.base || "16px",
+      small: N.small || "0.8em",
+      normal: N.normal || "1em",
+      medium: N.medium || "1.2em",
+      large: N.large || "1.6em",
+      huge: N.huge || "2.5em"
+    }, M = w(f({}, et), {
+      fonts: $,
+      accessibility: f({}, pt)
+    });
+    return typeof O == "number" && (M.sizes = {
+      cardinal: O,
+      small: `${O}px`,
+      normal: `${O * 3}px`,
+      medium: `${O * 5}px`,
+      large: `${O * 8}px`
+    }), /* @__PURE__ */ m.createElement($e, { theme: M }, /* @__PURE__ */ m.createElement(fe.Provider, { value: p }, /* @__PURE__ */ m.createElement(ge.Provider, { value: _ }, (() => {
+      const C = f({
+        "data-width": x === "full" ? y : Math.min(x, y),
+        "data-indent": tt,
+        "data-name": p.name,
+        "data-node-id": p.id,
+        "data-component-type": p.type,
+        "aria-label": i,
+        tabIndex: o,
+        id: p.id,
+        role: _ && _.role
+      }, u);
+      switch (p.type) {
+        case "view":
+          return typeof _.animation == "string" && _.animation !== "none" ? /* @__PURE__ */ m.createElement(Ye, w(f({}, C), { className: n })) : /* @__PURE__ */ m.createElement(qe, w(f({}, C), { className: n }));
+        default: {
+          const G = ye(_);
+          return /* @__PURE__ */ m.createElement(
+            Je,
+            w(f(f({
+              ref: a
+            }, C), G), {
+              className: n
+            })
+          );
+        }
+      }
+    })())));
+  }
+), At = en, nn = ({ builder: n }) => {
+  const t = X(), [e, s] = q(null);
+  return Y(() => {
+    t.getAsync("components").then((i) => n(i).then((o) => {
+      s(o);
+    }));
+  }, []), Y(() => () => {
+    e && t.getAsync("components").then((i) => {
+      i.nodes.detached = i.nodes.detached.filter(
+        (o) => o.id !== e.id
+      );
+    });
+  }, [e]), e ? /* @__PURE__ */ m.createElement(At, { id: e.id, node: e, branch: "default" }) : null;
+}, sn = nn, on = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: sn
+}, Symbol.toStringTag, { value: "Module" })), rn = m.lazy(() => Promise.resolve().then(() => on)), an = ({ showSearch: n = !1 }) => {
+  const t = we(), e = X();
+  return /* @__PURE__ */ m.createElement(m.Suspense, { fallback: null }, /* @__PURE__ */ m.createElement(
+    rn,
+    {
+      builder: (s) => e.get("settings").then((i) => {
+        var c;
+        const { properties: o, context: r } = Object.keys(i.components).reduce(
+          (d, l) => (i.components[l].type === "not-found" && (d.properties = i.components[l].properties, d.context = i.components[l].context), d),
+          { properties: {}, context: {} }
+        );
+        o.showSearch = n;
+        const u = s.createNode("area", { detached: !0 });
+        if (u.name = "not-found-area", u.writeLayout({
+          size: "full"
+        }), n) {
+          const d = Object.keys(i.components).reduce(
+            (h, p) => i.components[p].type === "search" ? i.components[p].properties : h,
+            {}
+          ), l = s.createNode("search", { detached: !0 });
+          l.writeLayout({ size: "full" }), l.writeProperties(f({
+            "css-margin-bottom": ((c = t == null ? void 0 : t.sizes) == null ? void 0 : c.normal) || "15px"
+          }, d)), u.appendChild(l);
+        }
+        const a = s.createNode("not-found", { detached: !0 });
+        return a.writeLayout({ size: "full" }), a.writeProperties(o), a.writeContext(r), u.appendChild(a), u;
+      })
+    }
+  ));
+}, as = an;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const cn = (n) => (t) => typeof t == "function" ? ((e, s) => (customElements.define(e, s), s))(n, t) : ((e, s) => {
+  const { kind: i, elements: o } = s;
+  return { kind: i, elements: o, finisher(r) {
+    customElements.define(e, r);
+  } };
+})(n, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ln = (n, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? w(f({}, t), { finisher(e) {
+  e.createProperty(t.key, n);
+} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(e) {
+  e.createProperty(t.key, n);
+} };
+function _t(n) {
+  return (t, e) => e !== void 0 ? ((s, i, o) => {
+    i.constructor.createProperty(o, s);
+  })(n, t, e) : ln(n, t);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function ut(n) {
+  return _t(w(f({}, n), { state: !0 }));
+}
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var gt;
+((gt = window.HTMLSlotElement) === null || gt === void 0 ? void 0 : gt.prototype.assignedElements) != null;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var yt;
+const at = window, W = at.trustedTypes, Dt = W ? W.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, P = `lit$${(Math.random() + "").slice(9)}$`, Yt = "?" + P, un = `<${Yt}>`, U = document, ct = (n = "") => U.createComment(n), Z = (n) => n === null || typeof n != "object" && typeof n != "function", Zt = Array.isArray, hn = (n) => Zt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", K = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Pt = /-->/g, Lt = />/g, R = RegExp(`>|[ 	
+\f\r](?:([^\\s"'>=/]+)([ 	
+\f\r]*=[ 	
+\f\r]*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), kt = /'/g, Rt = /"/g, Qt = /^(?:script|style|textarea|title)$/i, dn = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), pn = dn(1), Q = Symbol.for("lit-noChange"), b = Symbol.for("lit-nothing"), Tt = /* @__PURE__ */ new WeakMap(), j = U.createTreeWalker(U, 129, null, !1), mn = (n, t) => {
+  const e = n.length - 1, s = [];
+  let i, o = t === 2 ? "<svg>" : "", r = K;
+  for (let a = 0; a < e; a++) {
+    const c = n[a];
+    let d, l, h = -1, p = 0;
+    for (; p < c.length && (r.lastIndex = p, l = r.exec(c), l !== null); )
+      p = r.lastIndex, r === K ? l[1] === "!--" ? r = Pt : l[1] !== void 0 ? r = Lt : l[2] !== void 0 ? (Qt.test(l[2]) && (i = RegExp("</" + l[2], "g")), r = R) : l[3] !== void 0 && (r = R) : r === R ? l[0] === ">" ? (r = i != null ? i : K, h = -1) : l[1] === void 0 ? h = -2 : (h = r.lastIndex - l[2].length, d = l[1], r = l[3] === void 0 ? R : l[3] === '"' ? Rt : kt) : r === Rt || r === kt ? r = R : r === Pt || r === Lt ? r = K : (r = R, i = void 0);
+    const g = r === R && n[a + 1].startsWith("/>") ? " " : "";
+    o += r === K ? c + un : h >= 0 ? (s.push(d), c.slice(0, h) + "$lit$" + c.slice(h) + P + g) : c + P + (h === -2 ? (s.push(void 0), a) : g);
+  }
+  const u = o + (n[e] || "<?>") + (t === 2 ? "</svg>" : "");
+  if (!Array.isArray(n) || !n.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return [Dt !== void 0 ? Dt.createHTML(u) : u, s];
+};
+class J {
+  constructor({ strings: t, _$litType$: e }, s) {
+    let i;
+    this.parts = [];
+    let o = 0, r = 0;
+    const u = t.length - 1, a = this.parts, [c, d] = mn(t, e);
+    if (this.el = J.createElement(c, s), j.currentNode = this.el.content, e === 2) {
+      const l = this.el.content, h = l.firstChild;
+      h.remove(), l.append(...h.childNodes);
+    }
+    for (; (i = j.nextNode()) !== null && a.length < u; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) {
+          const l = [];
+          for (const h of i.getAttributeNames())
+            if (h.endsWith("$lit$") || h.startsWith(P)) {
+              const p = d[r++];
+              if (l.push(h), p !== void 0) {
+                const g = i.getAttribute(p.toLowerCase() + "$lit$").split(P), y = /([.?@])?(.*)/.exec(p);
+                a.push({ type: 1, index: o, name: y[2], strings: g, ctor: y[1] === "." ? gn : y[1] === "?" ? vn : y[1] === "@" ? bn : dt });
+              } else
+                a.push({ type: 6, index: o });
+            }
+          for (const h of l)
+            i.removeAttribute(h);
+        }
+        if (Qt.test(i.tagName)) {
+          const l = i.textContent.split(P), h = l.length - 1;
+          if (h > 0) {
+            i.textContent = W ? W.emptyScript : "";
+            for (let p = 0; p < h; p++)
+              i.append(l[p], ct()), j.nextNode(), a.push({ type: 2, index: ++o });
+            i.append(l[h], ct());
+          }
+        }
+      } else if (i.nodeType === 8)
+        if (i.data === Yt)
+          a.push({ type: 2, index: o });
+        else {
+          let l = -1;
+          for (; (l = i.data.indexOf(P, l + 1)) !== -1; )
+            a.push({ type: 7, index: o }), l += P.length - 1;
+        }
+      o++;
+    }
+  }
+  static createElement(t, e) {
+    const s = U.createElement("template");
+    return s.innerHTML = t, s;
+  }
+}
+function F(n, t, e = n, s) {
+  var i, o, r, u;
+  if (t === Q)
+    return t;
+  let a = s !== void 0 ? (i = e._$Co) === null || i === void 0 ? void 0 : i[s] : e._$Cl;
+  const c = Z(t) ? void 0 : t._$litDirective$;
+  return (a == null ? void 0 : a.constructor) !== c && ((o = a == null ? void 0 : a._$AO) === null || o === void 0 || o.call(a, !1), c === void 0 ? a = void 0 : (a = new c(n), a._$AT(n, e, s)), s !== void 0 ? ((r = (u = e)._$Co) !== null && r !== void 0 ? r : u._$Co = [])[s] = a : e._$Cl = a), a !== void 0 && (t = F(n, a._$AS(n, t.values), a, s)), t;
+}
+class fn {
+  constructor(t, e) {
+    this.u = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  v(t) {
+    var e;
+    const { el: { content: s }, parts: i } = this._$AD, o = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : U).importNode(s, !0);
+    j.currentNode = o;
+    let r = j.nextNode(), u = 0, a = 0, c = i[0];
+    for (; c !== void 0; ) {
+      if (u === c.index) {
+        let d;
+        c.type === 2 ? d = new ht(r, r.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (d = new $n(r, this, t)), this.u.push(d), c = i[++a];
+      }
+      u !== (c == null ? void 0 : c.index) && (r = j.nextNode(), u++);
+    }
+    return o;
+  }
+  p(t) {
+    let e = 0;
+    for (const s of this.u)
+      s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
+  }
+}
+class ht {
+  constructor(t, e, s, i) {
+    var o;
+    this.type = 2, this._$AH = b, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = s, this.options = i, this._$Cm = (o = i == null ? void 0 : i.isConnected) === null || o === void 0 || o;
+  }
+  get _$AU() {
+    var t, e;
+    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cm;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const e = this._$AM;
+    return e !== void 0 && t.nodeType === 11 && (t = e.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, e = this) {
+    t = F(this, t, e), Z(t) ? t === b || t == null || t === "" ? (this._$AH !== b && this._$AR(), this._$AH = b) : t !== this._$AH && t !== Q && this.g(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : hn(t) ? this.k(t) : this.g(t);
+  }
+  O(t, e = this._$AB) {
+    return this._$AA.parentNode.insertBefore(t, e);
+  }
+  T(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  }
+  g(t) {
+    this._$AH !== b && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(U.createTextNode(t)), this._$AH = t;
+  }
+  $(t) {
+    var e;
+    const { values: s, _$litType$: i } = t, o = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = J.createElement(i.h, this.options)), i);
+    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === o)
+      this._$AH.p(s);
+    else {
+      const r = new fn(o, this), u = r.v(this.options);
+      r.p(s), this.T(u), this._$AH = r;
+    }
+  }
+  _$AC(t) {
+    let e = Tt.get(t.strings);
+    return e === void 0 && Tt.set(t.strings, e = new J(t)), e;
+  }
+  k(t) {
+    Zt(this._$AH) || (this._$AH = [], this._$AR());
+    const e = this._$AH;
+    let s, i = 0;
+    for (const o of t)
+      i === e.length ? e.push(s = new ht(this.O(ct()), this.O(ct()), this, this.options)) : s = e[i], s._$AI(o), i++;
+    i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
+  }
+  _$AR(t = this._$AA.nextSibling, e) {
+    var s;
+    for ((s = this._$AP) === null || s === void 0 || s.call(this, !1, !0, e); t && t !== this._$AB; ) {
+      const i = t.nextSibling;
+      t.remove(), t = i;
+    }
+  }
+  setConnected(t) {
+    var e;
+    this._$AM === void 0 && (this._$Cm = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
+  }
+}
+class dt {
+  constructor(t, e, s, i, o) {
+    this.type = 1, this._$AH = b, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = o, s.length > 2 || s[0] !== "" || s[1] !== "" ? (this._$AH = Array(s.length - 1).fill(new String()), this.strings = s) : this._$AH = b;
+  }
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t, e = this, s, i) {
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0)
+      t = F(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== Q, r && (this._$AH = t);
+    else {
+      const u = t;
+      let a, c;
+      for (t = o[0], a = 0; a < o.length - 1; a++)
+        c = F(this, u[s + a], e, a), c === Q && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === b ? t = b : t !== b && (t += (c != null ? c : "") + o[a + 1]), this._$AH[a] = c;
+    }
+    r && !i && this.j(t);
+  }
+  j(t) {
+    t === b ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
+  }
+}
+class gn extends dt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === b ? void 0 : t;
+  }
+}
+const yn = W ? W.emptyScript : "";
+class vn extends dt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== b ? this.element.setAttribute(this.name, yn) : this.element.removeAttribute(this.name);
+  }
+}
+class bn extends dt {
+  constructor(t, e, s, i, o) {
+    super(t, e, s, i, o), this.type = 5;
+  }
+  _$AI(t, e = this) {
+    var s;
+    if ((t = (s = F(this, t, e, 0)) !== null && s !== void 0 ? s : b) === Q)
+      return;
+    const i = this._$AH, o = t === b && i !== b || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== b && (i === b || o);
+    o && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var e, s;
+    typeof this._$AH == "function" ? this._$AH.call((s = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && s !== void 0 ? s : this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class $n {
+  constructor(t, e, s) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    F(this, t);
+  }
+}
+const Ht = at.litHtmlPolyfillSupport;
+Ht == null || Ht(J, ht), ((yt = at.litHtmlVersions) !== null && yt !== void 0 ? yt : at.litHtmlVersions = []).push("2.6.0");
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Jt = Symbol.for(""), wn = (n) => {
+  if ((n == null ? void 0 : n.r) === Jt)
+    return n == null ? void 0 : n._$litStatic$;
+}, An = (n) => ({ _$litStatic$: n, r: Jt }), It = /* @__PURE__ */ new Map(), _n = (n) => (t, ...e) => {
+  const s = e.length;
+  let i, o;
+  const r = [], u = [];
+  let a, c = 0, d = !1;
+  for (; c < s; ) {
+    for (a = t[c]; c < s && (o = e[c], (i = wn(o)) !== void 0); )
+      a += i + t[++c], d = !0;
+    u.push(o), r.push(a), c++;
+  }
+  if (c === s && r.push(t[s]), d) {
+    const l = r.join("$$lit$$");
+    (t = It.get(l)) === void 0 && (r.raw = r, It.set(l, t = r)), e = u;
+  }
+  return n(t, ...e);
+}, En = _n(pn), Cn = (n) => {
+  class t extends n {
+    requestInstance(s) {
+      const i = new CustomEvent("request-instance", {
+        detail: { key: s },
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0
+      });
+      return this.dispatchEvent(i), i.detail.instance;
+    }
+  }
+  return t;
+};
+var xn = Object.defineProperty, On = Object.getOwnPropertyDescriptor, I = (n, t, e, s) => {
+  for (var i = s > 1 ? void 0 : s ? On(t, e) : t, o = n.length - 1, r; o >= 0; o--)
+    (r = n[o]) && (i = (s ? r(t, e, i) : r(i)) || i);
+  return s && i && xn(t, e, i), i;
+};
+const Nn = (n) => `w-${n}`, Vt = (n = "none", t = 1) => n === "full" ? t : Math.min(n, t);
+let S = class extends Cn(Pe) {
+  constructor() {
+    super(...arguments), this.listeners = [], this.branch = "default", this._descriptor = null, this._properties = {}, this._context = {}, this._layout = {};
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.container = this.requestInstance("container"), this.container && Promise.all([
+      Kt.getInstance(this.container),
+      this.container.getAsync("componentResolver")
+    ]).then((n) => {
+      const t = n[0], e = n[1], s = t.nodes.get(this.nodeId || "");
+      if (s) {
+        this._descriptor = ot(s, this.branch), this._properties = s.attributes.properties, this._context = s.attributes.context, this._layout = s.attributes.layout;
+        const i = this.style.getPropertyValue("--columns") ? +this.style.getPropertyValue("--columns") : 1, o = Vt(this._layout.size, i), r = typeof this._layout.indent != "undefined" ? `${this._layout.indent + 1} / ${this._layout.indent + (o || 0) + 1}` : `span ${o}`;
+        this.style.setProperty("--gridColumn", r), this.listeners.push(
+          t.events.subscribe(
+            "components:properties-changed",
+            (d, l) => {
+              var h;
+              this.nodeId === ((h = l.node) == null ? void 0 : h.id) && (this._properties = l.node.attributes.properties);
+            }
+          )
+        ), this.listeners.push(
+          t.events.subscribe("components:context-changed", (d, l) => {
+            var h;
+            this.nodeId === ((h = l.node) == null ? void 0 : h.id) && (this._context = l.node.attributes.context);
+          })
+        ), this.listeners.push(
+          t.events.subscribe("components:layout-changed", (d, l) => {
+            var h;
+            this.nodeId === ((h = l.node) == null ? void 0 : h.id) && (this._layout = l.node.attributes.layout);
+          })
+        );
+        const u = s.mount(this.container);
+        if (this.listeners.push(u), !e) {
+          console.warn(
+            "Could not find resolver. Make sure it is registered on the container."
+          );
+          return;
+        }
+        const a = Nn(this._descriptor.type);
+        if (customElements.get(a))
+          return;
+        const c = e.getComponent(this._descriptor.type);
+        if (!c) {
+          console.warn("Component is missing or using incorrect import.");
+          return;
+        }
+        return c().then((d) => {
+          customElements.get(a) || customElements.define(a, d.default);
+        });
+      }
+    });
+  }
+  disconnectedCallback() {
+    this.listeners.forEach((n) => {
+      n();
+    });
+  }
+  mapProps() {
+    var t;
+    const n = this.style.getPropertyValue("--columns") ? +this.style.getPropertyValue("--columns") : 1;
+    return Object.entries(this._properties).reduce(
+      (e, [s, i]) => (typeof i == "object" ? e[`.${s}`] = i : e[s] = i, e),
+      {
+        "data-width": Vt(this._layout.size, n),
+        "data-indent": (t = this._layout.indent) != null ? t : 0,
+        id: this._descriptor.id,
+        "data-name": this._descriptor.name,
+        "data-component-type": this._descriptor.type,
+        "data-node-id": this.nodeId
+      }
+    );
+  }
+  render() {
+    if (!this._descriptor)
+      return Me;
+    const n = `w-${this._descriptor.type}`, t = this.mapProps();
+    return En`
+      <${An(n)}
+        ${Se(t)}
+        .layout=${this._layout}
+        .context=${this._context}
+      />
+    `;
+  }
+};
+S.styles = [
+  De`
+      :host {
+        outline: none;
+        box-sizing: border-box;
+      }
+
+      * {
+        box-sizing: border-box;
+        outline: none;
+      }
+
+      grid-column: var(--gridColumn);
+    `
+];
+I([
+  _t({ type: String })
+], S.prototype, "nodeId", 2);
+I([
+  _t({ type: String })
+], S.prototype, "branch", 2);
+I([
+  ut()
+], S.prototype, "_descriptor", 2);
+I([
+  ut()
+], S.prototype, "_properties", 2);
+I([
+  ut()
+], S.prototype, "_context", 2);
+I([
+  ut()
+], S.prototype, "_layout", 2);
+S = I([
+  cn("widget-component")
+], S);
+const Sn = (n) => `w-${n}`, cs = (n, t, e) => St(void 0, null, function* () {
+  const s = e.nodes.get(n);
+  if (!t) {
+    console.warn("Could not find resolver. Make sure it is registered on the container.");
+    return;
+  }
+  if (!s) {
+    console.warn(`Unable to find node with id: ${n}`);
+    return;
+  }
+  const i = ot(s);
+  if (!(i != null && i.type)) {
+    console.warn(`Could not get descriptor for: ${s.name}`);
+    return;
+  }
+  const o = Sn(i.type);
+  if (customElements.get(o))
+    return;
+  const r = t.getComponent(i.type);
+  if (!r) {
+    console.warn("Component is missing or using incorrect import.");
+    return;
+  }
+  const u = yield r();
+  if (!customElements.get(o))
+    try {
+      customElements.define(o, u.default);
+    } catch (a) {
+      console.log("error", a);
+    }
+  return customElements.whenDefined(o).then(() => ({
+    nodeId: n,
+    tag: o
+  }));
+}), Mn = (n) => {
+  if (n) {
+    const { type: t, content: e } = n;
+    switch (t) {
+      case "FontAwesome":
+        return `<i class="humany-icon fa fa-${e}"></i>`;
+      case "Uri":
+        return `<i class="humany-icon humany-custom-icon" style="background: url(${e}) no-repeat center center;background-size: contain;"></i>`;
+      default:
+        return "";
+    }
+  }
+}, Dn = (n) => {
+  const t = (i, o) => {
+    !i || (o ? i.classList.add("humany-tabbing") : i.classList.remove("humany-tabbing"));
+  }, e = (i) => {
+    i.key === "Tab" ? t(n, !0) : i.key === "Enter" && document.activeElement && document.activeElement.classList.contains("humany-trigger") || t(n, !1);
+  }, s = (i) => {
+    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || t(n, !1);
+  };
+  return document.addEventListener("keydown", e), document.addEventListener("click", s), () => {
+    document.removeEventListener("keydown", e), document.removeEventListener("click", s);
+  };
+};
+function Pn(n, t) {
+  const { symbol: e, widgetName: s, label: i = "", ariaLabel: o = "", tooltip: r = "" } = t;
+  n.classList.add("humany-trigger"), n.classList.add(`humany_${s}`), i.length && n.classList.add("humany-has-text"), o.length && !n.getAttribute("aria-label") && n.setAttribute("aria-label", o), o.length && !n.getAttribute("tabindex") && n.setAttribute("tabindex", "0"), r.length && !n.getAttribute("title") && n.setAttribute("title", r);
+  const u = Mn(e) || "";
+  return n.innerHTML = `${u}
+          <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"/>
+            </svg>
+          </span>
+          <span class="humany-loader">
+            <svg viewBox="25 25 50 50">
+              <circle
+                cx="50"
+                cy="50"
+                r="20"
+                fill="none"
+                stroke="#000"
+                stroke-width="2"
+                stroke-miterlimit="10" />
+            </svg>
+          </span>
+          ${i.length ? `<span>${i}</span>` : ""}`, setTimeout(() => n && n.classList.add("humany-rendered")), Dn(n);
+}
+function Ln(n, t) {
+  n instanceof HTMLElement ? (t && n.setAttribute("title", t), n.classList.remove("humany-active"), n.classList.remove("humany-loading")) : n instanceof Array && n.forEach((e) => {
+    t && e.setAttribute("title", t), e.classList.remove("humany-active"), e.classList.remove("humany-loading");
+  });
+}
+function kn(n) {
+  n instanceof HTMLElement ? (n.classList.remove("humany-active"), n.classList.add("humany-loading")) : n instanceof Array && n.forEach((t) => {
+    t.classList.remove("humany-active"), t.classList.add("humany-loading");
+  });
+}
+function Xt(n, t) {
+  n instanceof HTMLElement ? (t && n.setAttribute("title", t), n.classList.add("humany-active"), n.classList.remove("humany-loading")) : n instanceof Array && n.forEach((e) => {
+    t && e.setAttribute("title", t), e.classList.add("humany-active"), e.classList.remove("humany-loading");
+  });
+}
+var T = /* @__PURE__ */ ((n) => (n.Inline = "inline", n.Link = "link", n.Badge = "badge", n.Unsupported = "unsupported", n))(T || {});
+const Rn = (n, t) => n && t ? "both" : n ? "widgetDOM" : t ? "triggerDOM" : "none", te = (n) => n ? typeof n == "boolean" && n ? "link" : typeof n == "object" && !Array.isArray(n) ? "badge" : "unsupported" : "inline", Tn = (n, t, e, s, i = !1) => {
+  var c, d;
+  const o = Rn(
+    t,
+    e
+  ), r = te(s), u = {
+    widgetDOMElement: t ? t.cloneNode(!0) : void 0,
+    triggerDOMElement: e ? e.cloneNode(!0) : void 0
+  }, a = {
+    triggerType: r,
+    cachedOriginals: u,
+    widgetDOMElement: document.createElement("div")
+  };
+  switch (o) {
+    case "both": {
+      a.widgetDOMElement = t || document.createElement("div"), r !== "inline" && (a.triggerDOMElement = e);
+      break;
+    }
+    case "widgetDOM": {
+      if (a.widgetDOMElement = t || document.createElement("div"), r !== "inline") {
+        const l = document.body.appendChild(document.createElement("a"));
+        r === "link" && (l.innerText = n), a.triggerDOMElement = l;
+      }
+      break;
+    }
+    case "triggerDOM": {
+      const l = document.createElement("div");
+      a.widgetDOMElement = l, r === "inline" ? (l.id = (e == null ? void 0 : e.id) || "", i ? (l.style.display = "none", (c = e == null ? void 0 : e.parentNode) == null || c.appendChild(l), a.callback = () => {
+        var h;
+        (h = e == null ? void 0 : e.parentNode) == null || h.replaceChild(
+          l,
+          e
+        ), l.style.display = (e == null ? void 0 : e.style.display) || "block";
+      }) : (d = e == null ? void 0 : e.parentNode) == null || d.replaceChild(
+        l,
+        e
+      ), a.cachedOriginals.widgetDOMElement = e, a.cachedOriginals.triggerDOMElement = void 0) : (a.widgetDOMElement = document.body.appendChild(l), a.triggerDOMElement = e);
+      break;
+    }
+    case "none": {
+      const l = document.body.appendChild(document.createElement("div"));
+      if (a.widgetDOMElement = l, r !== "inline") {
+        const h = document.body.appendChild(document.createElement("a"));
+        r === "link" && (h.innerText = n), a.triggerDOMElement = h;
+      }
+      break;
+    }
+  }
+  return a;
+}, Hn = "modals";
+class In {
+  constructor(t, e) {
+    this.options = e, this.unsubscribe = [], this.container = t.createChild(this), this.container.register("widgetDOMElement", this.options.widgetDOMElement), this.container.register("triggerDOMElement", this.options.triggerDOMElement);
+    const s = this.container.get("$widget");
+    this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${s.name}`);
+    const i = t.get("widgetDOMElements") || [];
+    t.register("widgetDOMElements", [
+      ...i,
+      this.options.widgetDOMElement
+    ]);
+  }
+  render() {
+    const { widgetDOMElement: t, triggerDOMElement: e } = this.options, s = this.container.get("$widget");
+    return t.getAttribute("data-rendered") === "true" ? Promise.resolve() : (e && this.options.triggerType === T.Badge && kn(e), import("./render.0c0b70f9.js").then((i) => i.default(s.name, this.container, t)).then(() => {
+      if (t.setAttribute("data-rendered", "true"), e && this.options.triggerType === T.Badge) {
+        const o = this.options.triggerOptions.openTooltip;
+        Xt(e, o);
+      }
+      Ee(this.container, t);
+      const i = this.container.get("$environment").widgets.all();
+      L(
+        this.container,
+        Hn,
+        A.Session
+      ).then((o) => {
+        o && o.forEach((r) => {
+          i.find(
+            (u) => u.name === r.name && u.state === "activated"
+          ) && s.events.dispatch("widget:modal-opened", r);
+        });
+      });
+    }));
+  }
+  renderBadge(t) {
+    const { triggerDOMElement: e } = this.options;
+    if (!e)
+      return;
+    e.getAttribute("role") || e.setAttribute("role", "button");
+    const { name: s } = this.container.get("$widget"), { label: i, symbol: o, ariaLabel: r, closedTooltip: u, openTooltip: a } = t, c = { closedTooltip: u, openTooltip: a };
+    this.options.triggerOptions = c;
+    const d = Pn(e, {
+      label: i,
+      symbol: o,
+      ariaLabel: r,
+      widgetName: s,
+      tooltip: u
+    });
+    this.unsubscribe.push(d);
+  }
+  dispose() {
+    return import("./unmount.b0816844.js").then((t) => {
+      var i, o, r, u;
+      const { triggerDOMElement: e, widgetDOMElement: s } = this.options;
+      t.default(s), this.options.cachedOriginals.widgetDOMElement && s && ((i = s.parentNode) == null || i.replaceChild(
+        this.options.cachedOriginals.widgetDOMElement,
+        s
+      )), this.options.cachedOriginals.triggerDOMElement && e && ((o = e.parentNode) == null || o.replaceChild(
+        this.options.cachedOriginals.triggerDOMElement,
+        e
+      )), this.unsubscribe.forEach((a) => {
+        a();
+      }), (r = s.parentNode) == null || r.removeChild(s), (u = e == null ? void 0 : e.parentNode) == null || u.removeChild(e);
+    });
+  }
+}
+const st = "changesets", Vn = (n) => {
+  const t = { tags: n.tags };
+  return n.context && typeof n.context != "function" && (t.context = n.context), n.properties && typeof n.properties != "function" && (t.properties = n.properties), n.layout && typeof n.layout != "function" && (t.layout = n.layout), t;
+};
+class Et {
+  constructor(t, e) {
+    this.container = t, this.storageWriter = e;
+  }
+  static create(t) {
+    return z(t, st, B.Necessary, {
+      medium: A.Local
+    }).then((e) => new Et(t, e));
+  }
+  write(t, e, s, i) {
+    return mt(this)(() => L(
+      this.container,
+      st,
+      A.Local
+    ).then((o = {}) => {
+      const { keys: r = [], items: u = {} } = o, a = r.indexOf(t);
+      return a > -1 && r.splice(a, 1), r.push(t), u[t] = {
+        options: i,
+        attributes: Vn(s),
+        rules: e.rules
+      }, this.storageWriter({ keys: r, items: u });
+    }));
+  }
+  remove(t) {
+    return mt(this)(() => L(
+      this.container,
+      st,
+      A.Local
+    ).then((e = {}) => {
+      const { keys: s = [], items: i = {} } = e, o = s.indexOf(t);
+      if (o > -1)
+        return s.splice(o, 1), delete i[t], this.storageWriter(e);
+    }));
+  }
+  load(t) {
+    return mt(this)(() => L(
+      this.container,
+      st,
+      A.Local
+    ).then((e = {}) => {
+      const { keys: s = [], items: i = {} } = e;
+      s.forEach((o) => {
+        const r = i[o];
+        if (r) {
+          const { rules: u, attributes: a, options: c } = r;
+          t.write({
+            attributes: a,
+            options: c,
+            target: new _e(t, u)
+          });
+        }
+      });
+    }));
+  }
+}
+const zn = (n) => {
+  const { container: t } = n;
+  return Et.create(t).then((e) => {
+    const s = t.get("$settings"), i = { localStorage: e }, o = new Kt(n, i), r = Ae(o, s);
+    return n.events.subscribe("widget:state-change", (u, a) => {
+      a.state === Te.Deactivating && r();
+    }), o;
+  });
+}, Bn = (n) => import("@telia-ace/widget-routing").then(({ RoutingService: t, HistoryMode: e }) => n.get("settings").then((s) => {
+  const {
+    routing: { initialPath: i = "/", mode: o = e.scopedHash, basePath: r },
+    views: u
+  } = s;
+  return new t(n, {
+    initialPath: i,
+    mode: o,
+    routes: Object.keys(u).map((c) => ({
+      name: c,
+      path: u[c].path
+    })),
+    basePath: r
+  });
+})), jn = (n) => import("@telia-ace/widget-services").then(({ StorageProvider: t }) => new t()), Wn = (n) => import("@telia-ace/widget-core").then(({ ActionResolver: t }) => new t(n)), Un = (n) => import("@telia-ace/widget-core").then(({ ComponentResolver: t }) => new t(n)), Fn = (n) => import("@telia-ace/widget-core").then(({ ComponentPlatform: t, createComponentModel: e }) => zn(n.get("$widget"))), vt = "$settings", it = "open", zt = "activeStickyWidget";
+class ls extends He {
+  constructor(t) {
+    super(t), this.outlets = /* @__PURE__ */ new Map(), this.activated = void 0, this.subs = [], this.handleBootstrapping = (e) => {
+      const s = {
+        triggerDOMElement: e.sourceDOMElement,
+        withRenderState: "storage"
+      };
+      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(s)
+        ));
+      });
+    }, this.container.registerAsync("storage", () => jn(this.container)), this.container.registerFactory("settings", () => L(
+      this.container,
+      vt,
+      A.Local
+    ).then((e = {}) => f(f({}, this.container.get("$settings")), e))), Re(this, "load", this.handleBootstrapping), this.container.registerAsync(
+      "componentResolver",
+      () => Un(this.container)
+    ), this.container.registerAsync("router", () => Bn(this.container)), this.container.registerAsync("actionResolver", () => Wn(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => Fn(this.container));
+  }
+  initialize() {
+    const t = this.container.getManyAsync(
+      "actionResolver",
+      "router",
+      "components"
+    );
+    return Promise.all([t, this.container.get("settings")]).then(
+      ([{ actionResolver: e, router: s, components: i }, o]) => {
+        var a;
+        e.subscribe(
+          this.widget.name,
+          (c, d, l) => this.onAction(d, l)
+        );
+        const r = (c) => {
+          i.nodes.query({ type: "view" }).forEach((d) => {
+            i.setSwitch(d, c);
+          });
+        }, u = ((a = s.getInitialRoute()) == null ? void 0 : a.name) || "index";
+        return r(u), this.events.subscribe("widget:data-loaded", (c, { element: d }) => {
+          this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
+            element: d
+          });
+        }), this.events.subscribe(
+          "router:change",
+          (c, { previous: d = { routeData: {} }, next: l = { routeData: {} } }) => {
+            const { routeData: h } = d, { routeData: p } = l, g = Object.keys(o.views).reduce((y, v) => typeof o.views[v].path == "undefined" ? v : y, "");
+            !p.name && g ? r(g) : r(p.name), Mt(h && h.params), Mt(p && p.params), this.container.getAsync("actionResolver").then((y) => {
+              y.action(this.widget.name, "routeChange", {
+                next: p,
+                previous: h
+              });
+            });
+          }
+        ), s.initialize();
+      }
+    );
+  }
+  attach(t = {}) {
+    return this.container.get("settings").then(({ trigger: e }) => {
+      var h, p;
+      const {
+        widgetDOMElement: s,
+        key: i = Ce(),
+        triggerDOMElement: o,
+        withRenderState: r
+      } = t, a = te(e) === T.Inline && ((o == null ? void 0 : o.childElementCount) || 0) > 0, c = Tn(
+        this.widget.name,
+        s,
+        o,
+        e,
+        a
+      );
+      this.outlets.size < 1 && !r && this.setRenderState("unset");
+      const d = () => {
+        const g = () => y.querySelectorAll("[data-loading=true]").length === 0, [y] = this.widget.container.get("widgetDOMElements"), v = (tt, k) => {
+          g() && (c.callback && c.callback(), k.disconnect());
+        }, _ = {
+          attributes: !0,
+          subtree: !0,
+          childList: !0
+        };
+        g() && c.callback && c.callback(), new MutationObserver(v).observe(y, _);
+      };
+      a && this.widget.container.getAsync("dataClient").then(({ events: g }) => {
+        g.subscribe("data-client:fetched", (y, v) => {
+          v.unresolvedQueries === 0 && d();
+        });
+      });
+      const l = this.getOrCreateViewOutlet(i, c);
+      if (this.outlets.set(i, l), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), c.triggerType === T.Badge && e && ((h = c.triggerDOMElement) == null || h.setAttribute("aria-expanded", "false"), l == null || l.renderBadge(e)), c.triggerType !== T.Inline && ((p = c.triggerDOMElement) == null || p.addEventListener("click", (g) => {
+        g.preventDefault(), this.container.get("settings").then(({ trigger: y }) => {
+          l.render().then(() => this.renderState()).then((v) => y && y.action && y.action === "hide" ? v === E.open ? this.hide() : this.open() : v === E.open ? this.close() : this.open());
+        });
+      })), this.outlets.size > 1)
+        return this.renderState().then((g) => {
+          this.triggerStateIfApplicable(g);
+        });
+      if (r)
+        return r === "storage" ? this.renderState().then((g) => {
+          if (c.triggerType === T.Inline) {
+            this.triggerStateIfApplicable("open");
+            return;
+          }
+          this.triggerStateIfApplicable(g);
+        }) : this.triggerStateIfApplicable(r);
+    });
+  }
+  detach(t) {
+    if (t) {
+      if (this.outlets.has(t)) {
+        const e = this.outlets.get(t);
+        e == null || e.dispose(), this.outlets.delete(t);
+        return;
+      }
+      process.env.NODE_ENV !== "production" && console.warn(`detach(): Could not find View Outlet with key ${t}`);
+      return;
+    }
+    this.outlets.forEach((e) => {
+      e.dispose();
+    }), this.outlets.clear();
+  }
+  triggerStateIfApplicable(t) {
+    return this.container.getAsync("router").then((e) => {
+      switch (t) {
+        case "closed":
+          this.close();
+          break;
+        case "open":
+          this.open();
+          break;
+        case "hidden":
+          this.hide(), e.start();
+          break;
+        default:
+          return;
+      }
+    });
+  }
+  getOrCreateViewOutlet(t, e) {
+    return this.outlets.has(t) ? this.outlets.get(t) : new In(this.container, e);
+  }
+  render(t = {}) {
+    if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), t.open) {
+      const e = w(f({}, t), {
+        withRenderState: "open"
+      });
+      return this.attach(e);
+    }
+    return this.attach(t);
+  }
+  activate(t) {
+    t != null && t.override && this.setSettings(() => t.override), t != null && t.apiNotificationPriorityBy && this.container.register("apiNotificationPriorityBy", t.apiNotificationPriorityBy);
+  }
+  setSettings(t) {
+    return Promise.all([
+      this.container.get("settings"),
+      z(this.container, vt, B.Necessary, {
+        medium: A.Local
+      })
+    ]).then(([e, s]) => Promise.resolve(t(e)).then((i) => s(i).then(() => {
+      const o = f(f({}, e), i);
+      return this.widget.events.dispatch("widget:settings-updated", o), o;
+    })));
+  }
+  clearSettings() {
+    return z(
+      this.container,
+      vt,
+      B.Necessary,
+      { medium: A.Local }
+    ).then((t) => t()).then(() => this.container.get("settings")).then((t) => {
+      this.widget.events.dispatch("widget:settings-updated", t);
+    });
+  }
+  action({ action: t, value: e }) {
+    return this.container.getAsync("actionResolver").then((s) => {
+      s.action(this.widget.name, t, e);
+    });
+  }
+  renderState() {
+    if (Le(this.container))
+      return Promise.resolve(E.open);
+    const t = () => L(
+      this.container,
+      it,
+      A.Session
+    ).then((s = E.closed) => s), e = () => L(
+      this.container,
+      it,
+      A.Session
+    ).then((s = E.closed) => s);
+    return this.container.getAsync("router").then((s) => s.isSticky() ? e().then((i) => i === E.open ? i : t()) : t());
+  }
+  hide() {
+    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((t) => t.render()), this.action({ action: "hide" }).then(() => {
+      this.setTriggerState(!1);
+    }));
+  }
+  open() {
+    return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
+      "open(): No-op as no view outlets are registered. Invoke the attach() command first."
+    ), Promise.resolve()) : (this.outlets.forEach((t) => t.render()), this.action({ action: "open" }).then(() => (this.widget.events.dispatch("tracking:widget-rendered", {}), this.onOpen())));
+  }
+  close() {
+    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 process.env.NODE_ENV !== "production" && console.warn(
+      "show(): Command is deprecated and will be removed in the future. Use open() instead."
+    ), this.open();
+  }
+  onAction(t, e) {
+    switch (t) {
+      case "close":
+      case "open":
+      case "hide":
+        const s = t === "open" ? E.open : t === "close" ? E.closed : E.hidden;
+        return this.setRenderState(s).then(() => {
+          this.setTriggerState(s === E.open), s !== E.hidden ? s === E.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
+            (i) => {
+              var o;
+              return (o = i.options.triggerDOMElement) == null ? void 0 : o.setAttribute("aria-expanded", "false");
+            }
+          );
+        });
+    }
+  }
+  setRenderState(t) {
+    const { invoke: e, events: s } = this.container.get("$widget");
+    return Promise.all([
+      z(this.container, it, B.Necessary, {
+        medium: A.Session
+      }),
+      z(this.container, it, B.Necessary, {
+        medium: A.Local,
+        duration: { minutes: 5 }
+      }),
+      this.container.getAsync("router"),
+      e("renderState")
+    ]).then(([i, o, r, u]) => {
+      t === "unset" || !t ? (o(), i()) : (r.isSticky() && o(t), i(t)), s.dispatch("widget:render-state-changed", {
+        previous: u,
+        next: t
+      });
+    });
+  }
+  onOpen() {
+    return this.container.getAsync("router").then((t) => (this.outlets.forEach(
+      (e) => {
+        var s;
+        return (s = e.options.triggerDOMElement) == null ? void 0 : s.setAttribute("aria-expanded", "true");
+      }
+    ), t.start()));
+  }
+  onClose() {
+    const t = this.container.getManyAsync("router", "components");
+    return (() => this.container.get("settings").then((s) => {
+      const { activate: i } = this.container.get("$settings");
+      return s.activate !== i ? this.setSettings(() => Promise.resolve({ activate: i })) : Promise.resolve();
+    }))().then(() => t).then(
+      ({
+        router: s,
+        components: i
+      }) => {
+        const o = i.nodes.visible;
+        return this.outlets.forEach(
+          (r) => {
+            var u;
+            return (u = r.options.triggerDOMElement) == null ? void 0 : u.setAttribute("aria-expanded", "false");
+          }
+        ), o.filter(
+          (r) => r.attributes.properties.animation && r.attributes.properties.animation !== "none"
+        ).length ? new Promise((r) => {
+          setTimeout(() => {
+            r(s);
+          }, 200);
+        }) : Promise.resolve(s);
+      }
+    ).then((s) => s.stop());
+  }
+  setTriggerState(t) {
+    this.outlets.forEach((e) => {
+      const {
+        options: { triggerDOMElement: s, triggerOptions: i }
+      } = e, { openTooltip: o, closedTooltip: r } = i || {};
+      s && (t ? Xt(s, o) : Ln(s, r));
+    });
+  }
+  deactivate() {
+    this.subs.forEach((e) => e());
+    const t = [];
+    return this.outlets.forEach((e) => t.push(e.dispose())), L(
+      this.container,
+      zt,
+      A.Local
+    ).then((e) => e === this.widget.name ? z(
+      this.container,
+      zt,
+      B.Necessary,
+      {
+        medium: A.Local,
+        scope: ke.Implementation
+      }
+    ).then((s) => s()).then(() => Promise.all(t)) : Promise.all(t));
+  }
+}
+export {
+  At as C,
+  sn as D,
+  as as N,
+  S as W,
+  ls as a,
+  _t as e,
+  En as n,
+  An as o,
+  cs as r,
+  lt as s,
+  ut as t
+};
+//# sourceMappingURL=index.c6989014.js.map