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

package/dist/index.js

@@ -1,996 +1,26 @@
-var ve = Object.defineProperty, Ee = Object.defineProperties;
-var Ce = Object.getOwnPropertyDescriptors;
-var G = Object.getOwnPropertySymbols;
-var re = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
-var ie = (t, e, n) => e in t ? ve(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, p = (t, e) => {
-  for (var n in e || (e = {}))
-    re.call(e, n) && ie(t, n, e[n]);
-  if (G)
-    for (var n of G(e))
-      ae.call(e, n) && ie(t, n, e[n]);
-  return t;
-}, C = (t, e) => Ee(t, Ce(e));
-var M = (t, e) => {
-  var n = {};
-  for (var o in t)
-    re.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
-  if (t != null && G)
-    for (var o of G(t))
-      e.indexOf(o) < 0 && ae.call(t, o) && (n[o] = t[o]);
-  return n;
-};
-var ce = (t, e, n) => new Promise((o, s) => {
-  var i = (a) => {
-    try {
-      c(n.next(a));
-    } catch (l) {
-      s(l);
-    }
-  }, r = (a) => {
-    try {
-      c(n.throw(a));
-    } catch (l) {
-      s(l);
-    }
-  }, c = (a) => a.done ? o(a.value) : Promise.resolve(a.value).then(i, r);
-  c((n = n.apply(t, e)).next());
-});
-import { Grid as de, useRouteData as Oe, useRouter as Se, useProperties as he, useContext as ee, useContainer as B, useComponentNode as te, useScroll as me, transitionComposer as Ae, paddedBorderTabStyle as $e, useComponent as xe, useComponentDescriptor as De, filterCssPropsStyle as Me, Typography as Ne, useComponentPlatform as pe, useIsMounted as Le, useColumns as Pe, useLayout as ke, ComponentNodeContext as Re, ComponentPropertyContext as Ve, filterCssProps as _e } from "@telia-ace/widget-ui";
-import h, { useState as T, forwardRef as fe, useMemo as Ie, Suspense as Te, useEffect as z } from "react";
-import { css as ge, ThemeProvider as ze, useTheme as Be } from "@emotion/react";
-import { asDescriptor as J, ComponentPlatform as je, createComponentModel as Fe, ComponentQuery as Ge, WidgetRenderState as O } from "@telia-ace/widget-core";
-import k from "@emotion/styled";
-import { appendClassNames as K, notifyDataLoaded as We, lock as q, removeNullAndUndefinedValues as le, uuid as He } from "@telia-ace/widget-utilities";
-import { TransitionGroup as Ke, Transition as Ue } from "react-transition-group";
-import { Switch as Ye, Route as Q } from "react-router";
-import { onWidgetUrl as qe } from "@telia-ace/widget-routing";
-import { readStorage as N, StorageMedium as v, createStorageWriter as V, StorageCategory as _, StorageScope as Qe } from "@telia-ace/widget-services";
-import { supportBootstrapping as Ze } from "@webprovisions/bootstrapping";
-import { WidgetState as Je, WidgetType as Xe } from "@webprovisions/platform";
-var X = /* @__PURE__ */ ((t) => (t.back = "back", t.forth = "forth", t))(X || {});
-const et = (t, e, n) => typeof n[t] == "number" && typeof n[e] == "number" && n[t] > n[e] ? "back" : "forth", tt = ({ views: t, location: e, render: n }) => /* @__PURE__ */ h.createElement(
-  Ye,
-  {
-    location: e && C(p({}, e), {
-      pathname: e.pathname.split("?")[0]
-    })
-  },
-  [
-    ...Object.keys(t).filter((o) => !!t[o].path),
-    ...Object.keys(t).filter((o) => !t[o].path)
-  ].map((o) => {
-    const { path: s } = t[o];
-    return s ? Array.isArray(s) ? s.map((i) => /* @__PURE__ */ h.createElement(Q, { key: o, exact: !0, path: i, render: () => n(o) })) : /* @__PURE__ */ h.createElement(Q, { key: o, exact: !0, path: s, render: () => n(o) }) : /* @__PURE__ */ h.createElement(Q, { key: o, render: () => n(o) });
-  })
-), ye = tt, nt = k.div`
-    position: relative;
-    width: 100%;
-    flex: 1;
-`, ot = k(de)`
-    position: absolute;
-    left: 0;
-    right: 0;
-    ${(t) => !!t.animationCss && t.animationCss}
-    ${(t) => !!t.scrollableCss && t.scrollableCss}
-`, st = {
-  index: 1,
-  search: 2,
-  browse: 3,
-  guide: 4,
-  contact: 5,
-  "contact-method": 6,
-  conversation: 7
-}, it = (n) => {
-  var o = n, { className: t = "" } = o, e = M(o, ["className"]);
-  const [s, i] = T("index"), [r, c] = T(X.forth), a = Oe(), l = Se(), d = he(), u = ee(), f = B(), m = te(), { gap: g = "0" } = u, F = d, { columns: b = 1, animation: y = "none", scrollable: E = !1 } = F, A = M(F, ["columns", "animation", "scrollable"]), [j, L] = me(E);
-  if (!m || !l)
-    return null;
-  const { location: se } = l;
-  a.name !== s && a.name !== "" && y && (c(et(s, a.name, st)), i(a.name));
-  const { views: $ } = f.get("$settings");
-  if (!Object.keys($).length)
-    return null;
-  const x = (w, D, R) => {
-    const S = Y(D, R), I = m.getChildren(w)[0];
-    return /* @__PURE__ */ h.createElement(
-      ot,
-      C(p(C(p(p({}, e), A), {
-        scrollableCss: j,
-        ref: L,
-        columns: b,
-        gap: g
-      }), S), {
-        className: K(t, "humany-view")
-      }),
-      /* @__PURE__ */ h.createElement(ne, { id: I.id, branch: "default" })
-    );
-  }, Y = (w, D) => {
-    if (y === "slide" || y === "fade")
-      return {
-        animationCss: Ae.composeViewTransition(
-          w,
-          y,
-          D
-        ),
-        ["data-state"]: w
-      };
-  };
-  return /* @__PURE__ */ h.createElement(nt, { className: "humany-animated-view" }, /* @__PURE__ */ h.createElement(
-    Ke,
-    {
-      component: null,
-      childFactory: (w) => h.cloneElement(w, { direction: r })
-    },
-    /* @__PURE__ */ h.createElement(
-      Ue,
-      {
-        key: s,
-        timeout: { enter: 500, exit: 500 },
-        onEnter: (w) => w == null ? void 0 : w.clientHeight,
-        unmountOnExit: !0,
-        direction: X.forth
-      },
-      (w, { direction: D }) => /* @__PURE__ */ h.createElement(
-        ye,
-        {
-          views: $,
-          location: se,
-          render: (R) => x(R, w, D)
-        }
-      )
-    )
-  ));
-}, rt = it, at = k(de)`
-    ${(t) => !!t.scrollableCss && t.scrollableCss}
-`, ct = (n) => {
-  var o = n, { className: t = "" } = o, e = M(o, ["className"]);
-  const s = he(), i = ee(), r = B(), c = te(), { views: a } = r.get("$settings"), { gap: l = "0" } = i, y = s, { columns: d = 1, animation: u = "none", scrollable: f = !1 } = y, m = M(y, ["columns", "animation", "scrollable"]), [g, b] = me(f);
-  return c ? /* @__PURE__ */ h.createElement(
-    at,
-    C(p(p({}, e), m), {
-      scrollableCss: g,
-      ref: b,
-      columns: d,
-      gap: l,
-      className: K(t, "humany-view")
-    }),
-    /* @__PURE__ */ h.createElement(
-      ye,
-      {
-        views: a,
-        render: (E) => {
-          const A = c.getChildren(E)[0];
-          return /* @__PURE__ */ h.createElement(ne, { id: A.id, node: A, branch: "default" });
-        }
-      }
-    )
-  ) : null;
-}, lt = ct, U = (t) => {
-  var e, n;
-  return ge`
-    outline: none;
-    box-sizing: border-box;
-    * {
-        box-sizing: border-box;
-        outline: none;
-    }
-
-    grid-column: ${t["data-indent"] ? `${t["data-indent"] + 1} / ${t["data-indent"] + (t["data-width"] || 0) + 1}` : `span ${t["data-width"]}`};
-
-    ${((e = t.theme.fonts) == null ? void 0 : e.type) && `
-    font-family: ${t.theme.fonts.type};
-
-    input, textarea {
-      font-family: ${t.theme.fonts.type};
-    }
-  `}
-
-    ${((n = t.theme.fonts) == null ? void 0 : n.base) && `
-    font-size: ${t.theme.fonts.base};
-  `}
-
-  &:focus-visible {
-        ${$e(t)};
-    }
-`;
-}, ut = k(lt)`
-    ${(t) => U(t)}
-`, dt = k(rt)`
-    ${(t) => U(t)}
-`, ht = k.div`
-    text-align: center;
-    ${(t) => {
-  var e, n, o;
-  return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) != "undefined" && ge`
-            color: ${(n = t.theme.colors) == null ? void 0 : n.warning};
-            border: 2px dashed ${(o = t.theme.colors) == null ? void 0 : o.warning};
-        `;
-}}
-    ${(t) => typeof t.theme.borderRadius != "undefined" && `border-radius: ${t.theme.borderRadius};`}
-  ${(t) => U(t)}
-`, mt = fe(
-  (s, o) => {
-    var i = s, { className: t = "", children: e } = i, n = M(i, ["className", "children"]);
-    const r = xe(), { name: c, type: a, id: l } = De(), d = Ie(() => r ? k(r)`
-                    ${U}
-                    ${Me}
-                ` : null, [r]);
-    return typeof r == "undefined" ? null : r === null || d === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ h.createElement(
-      ht,
-      C(p({}, n), {
-        title: `type: ${a}, definition-id: ${c}, instance-id: ${l}`,
-        className: K(t, "humany-non-resolved-component")
-      }),
-      /* @__PURE__ */ h.createElement(Ne, { variant: "h5" }, "Non Resolved Component Type")
-    ) : null : /* @__PURE__ */ h.createElement(Te, { fallback: null }, /* @__PURE__ */ h.createElement(
-      d,
-      C(p({
-        ref: o
-      }, n), {
-        className: K(
-          t,
-          "humany-component",
-          `humany-component-${c}`
-        )
-      }),
-      e
-    ));
-  }
-), pt = mt, ft = (t) => {
-  const e = te(t), n = pe(), [o, s] = T({}), i = Le();
-  return z(() => {
-    e && i.current && s(e.attributes.properties);
-  }, [e, t, i]), z(() => {
-    if (n) {
-      const r = n.events.subscribe(
-        "components:properties-changed",
-        (c, a) => {
-          e === a.node && i.current && s(a.node.attributes.properties);
-        }
-      );
-      return () => {
-        r();
-      };
-    }
-  }, [n, i, t, e]), o;
-}, gt = (t, e) => e ? !0 : typeof t == "string" ? t === "full" : t > 0, yt = fe(
-  (l, a) => {
-    var d = l, { className: t = "", id: e, branch: n, node: o, ariaLabel: s, tabIndex: i, context: r } = d, c = M(d, ["className", "id", "branch", "node", "ariaLabel", "tabIndex", "context"]);
-    const u = pe(), f = B(), [m, g] = T(), b = Pe(), y = ee(e), E = ft(e), { size: A = "none", indent: j = 0 } = ke(e), L = gt(A, o);
-    if (z(() => {
-      if (u) {
-        if (e && !o) {
-          const S = u.nodes.get(e);
-          if (S && (g(J(S, n)), L)) {
-            const I = S.mount(f);
-            return () => {
-              I();
-            };
-          }
-        } else if (o) {
-          g(J(o, n));
-          const S = o.mount(f);
-          return () => {
-            S();
-          };
-        }
-      }
-    }, [u, e, o, L]), !m || !L)
-      return null;
-    const R = p(p({}, y), r || {}), {
-      cardinal: $,
-      fonts: x = {},
-      accessibility: Y = {}
-    } = R, F = M(R, [
-      "cardinal",
-      "fonts",
-      "accessibility"
-    ]), w = {
-      type: x.type,
-      base: x.base || "16px",
-      small: x.small || "0.8em",
-      normal: x.normal || "1em",
-      medium: x.medium || "1.2em",
-      large: x.large || "1.6em",
-      huge: x.huge || "2.5em"
-    }, D = C(p({}, F), {
-      fonts: w,
-      accessibility: p({}, Y)
-    });
-    return typeof $ == "number" && (D.sizes = {
-      cardinal: $,
-      small: `${$}px`,
-      normal: `${$ * 3}px`,
-      medium: `${$ * 5}px`,
-      large: `${$ * 8}px`
-    }), /* @__PURE__ */ h.createElement(ze, { theme: D }, /* @__PURE__ */ h.createElement(Re.Provider, { value: m }, /* @__PURE__ */ h.createElement(Ve.Provider, { value: E }, (() => {
-      const S = p({
-        "data-width": A === "full" ? b : Math.min(A, b),
-        "data-indent": j,
-        "data-name": m.name,
-        "data-node-id": m.id,
-        "data-component-type": m.type,
-        "aria-label": s,
-        tabIndex: i,
-        id: m.id,
-        role: E && E.role
-      }, c);
-      switch (m.type) {
-        case "view":
-          return typeof E.animation == "string" && E.animation !== "none" ? /* @__PURE__ */ h.createElement(dt, C(p({}, S), { className: t })) : /* @__PURE__ */ h.createElement(ut, C(p({}, S), { className: t }));
-        default: {
-          const I = _e(E);
-          return /* @__PURE__ */ h.createElement(
-            pt,
-            C(p(p({
-              ref: a
-            }, S), I), {
-              className: t
-            })
-          );
-        }
-      }
-    })())));
-  }
-), ne = yt, bt = ({ builder: t }) => {
-  const e = B(), [n, o] = T(null);
-  return z(() => {
-    e.getAsync("components").then((s) => t(s).then((i) => {
-      o(i);
-    }));
-  }, []), z(() => () => {
-    n && e.getAsync("components").then((s) => {
-      s.nodes.detached = s.nodes.detached.filter(
-        (i) => i.id !== n.id
-      );
-    });
-  }, [n]), n ? /* @__PURE__ */ h.createElement(ne, { id: n.id, node: n, branch: "default" }) : null;
-}, wt = bt, vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: wt
-}, Symbol.toStringTag, { value: "Module" })), Et = h.lazy(() => Promise.resolve().then(() => vt)), Ct = ({ showSearch: t = !1 }) => {
-  const e = Be(), n = B();
-  return /* @__PURE__ */ h.createElement(h.Suspense, { fallback: null }, /* @__PURE__ */ h.createElement(
-    Et,
-    {
-      builder: (o) => n.get("settings").then((s) => {
-        var l;
-        const { properties: i, context: r } = Object.keys(s.components).reduce(
-          (d, u) => (s.components[u].type === "not-found" && (d.properties = s.components[u].properties, d.context = s.components[u].context), d),
-          { properties: {}, context: {} }
-        );
-        i.showSearch = t;
-        const c = o.createNode("area", { detached: !0 });
-        if (c.name = "not-found-area", c.writeLayout({
-          size: "full"
-        }), t) {
-          const d = Object.keys(s.components).reduce(
-            (f, m) => s.components[m].type === "search" ? s.components[m].properties : f,
-            {}
-          ), u = o.createNode("search", { detached: !0 });
-          u.writeLayout({ size: "full" }), u.writeProperties(p({
-            "css-margin-bottom": ((l = e == null ? void 0 : e.sizes) == null ? void 0 : l.normal) || "15px"
-          }, d)), c.appendChild(u);
-        }
-        const a = o.createNode("not-found", { detached: !0 });
-        return a.writeLayout({ size: "full" }), a.writeProperties(i), a.writeContext(r), c.appendChild(a), c;
-      })
-    }
-  ));
-}, Xt = Ct, Ot = (t) => `w-${t}`, en = (t, e, n) => ce(void 0, null, function* () {
-  const o = n.nodes.get(t);
-  if (!e) {
-    console.warn("Could not find resolver. Make sure it is registered on the container.");
-    return;
-  }
-  if (!o) {
-    console.warn(`Unable to find node with id: ${t}`);
-    return;
-  }
-  const s = J(o);
-  if (!(s != null && s.type)) {
-    console.warn(`Could not get descriptor for: ${o.name}`);
-    return;
-  }
-  const i = Ot(s.type);
-  if (customElements.get(i))
-    return;
-  const r = e.getComponent(s.type);
-  if (!r) {
-    console.warn("Component is missing or using incorrect import.");
-    return;
-  }
-  const c = yield r();
-  if (!customElements.get(i))
-    try {
-      customElements.define(i, c.default);
-    } catch (a) {
-      console.log("error", a);
-    }
-  return customElements.whenDefined(i).then(() => ({
-    nodeId: t,
-    tag: i
-  }));
-}), St = (t) => {
-  if (t) {
-    const { type: e, content: n } = t;
-    switch (e) {
-      case "FontAwesome":
-        return `<i class="humany-icon fa fa-${n}"></i>`;
-      case "Uri":
-        return `<i class="humany-icon humany-custom-icon" style="background: url(${n}) no-repeat center center;background-size: contain;"></i>`;
-      default:
-        return "";
-    }
-  }
-}, At = (t) => {
-  const e = (s, i) => {
-    !s || (i ? 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);
-  }, o = (s) => {
-    document.activeElement && document.activeElement.classList.contains("humany-trigger") && document.activeElement.classList.contains("humany-tabbing") || e(t, !1);
-  };
-  return document.addEventListener("keydown", n), document.addEventListener("click", o), () => {
-    document.removeEventListener("keydown", n), document.removeEventListener("click", o);
-  };
-};
-function $t(t, e) {
-  const { symbol: n, widgetName: o, label: s = "", ariaLabel: i = "", tooltip: r = "" } = e;
-  t.classList.add("humany-trigger"), t.classList.add(`humany_${o}`), s.length && t.classList.add("humany-has-text"), i.length && !t.getAttribute("aria-label") && t.setAttribute("aria-label", i), i.length && !t.getAttribute("tabindex") && t.setAttribute("tabindex", "0"), r.length && !t.getAttribute("title") && t.setAttribute("title", r);
-  const c = St(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"/>
-            </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>
-          ${s.length ? `<span>${s}</span>` : ""}`, setTimeout(() => t && t.classList.add("humany-rendered")), At(t);
-}
-function xt(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 Dt(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 be(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 P = /* @__PURE__ */ ((t) => (t.Inline = "inline", t.Link = "link", t.Badge = "badge", t.Unsupported = "unsupported", t))(P || {});
-const Mt = (t, e) => t && e ? "both" : t ? "widgetDOM" : e ? "triggerDOM" : "none", we = (t) => t ? typeof t == "boolean" && t ? "link" : typeof t == "object" && !Array.isArray(t) ? "badge" : "unsupported" : "inline", Nt = (t, e, n, o, s = !1) => {
-  var l, d;
-  const i = Mt(
-    e,
-    n
-  ), r = we(o), 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 (i) {
-    case "both": {
-      a.widgetDOMElement = e || document.createElement("div"), r !== "inline" && (a.triggerDOMElement = n);
-      break;
-    }
-    case "widgetDOM": {
-      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 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 f;
-        (f = n == null ? void 0 : n.parentNode) == null || f.replaceChild(
-          u,
-          n
-        ), u.style.display = (n == null ? void 0 : n.style.display) || "block";
-      }) : (d = n == null ? void 0 : n.parentNode) == null || d.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 u = document.body.appendChild(document.createElement("div"));
-      if (a.widgetDOMElement = u, r !== "inline") {
-        const f = document.body.appendChild(document.createElement("a"));
-        r === "link" && (f.innerText = t), a.triggerDOMElement = f;
-      }
-      break;
-    }
-  }
-  return a;
-}, Lt = "modals";
-class Pt {
-  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 o = this.container.get("$widget");
-    this.options.widgetDOMElement.classList.add("humany-widget"), this.options.widgetDOMElement.classList.add(`humany_${o.name}`);
-    const s = e.get("widgetDOMElements") || [];
-    e.register("widgetDOMElements", [
-      ...s,
-      this.options.widgetDOMElement
-    ]);
-  }
-  render() {
-    const { widgetDOMElement: e, triggerDOMElement: n } = this.options, o = this.container.get("$widget");
-    return e.getAttribute("data-rendered") === "true" ? Promise.resolve() : (n && this.options.triggerType === P.Badge && Dt(n), import("./render.8116b1de.js").then((s) => s.default(o.name, this.container, e)).then(() => {
-      if (e.setAttribute("data-rendered", "true"), n && this.options.triggerType === P.Badge) {
-        const i = this.options.triggerOptions.openTooltip;
-        be(n, i);
-      }
-      We(this.container, e);
-      const s = this.container.get("$environment").widgets.all();
-      N(
-        this.container,
-        Lt,
-        v.Session
-      ).then((i) => {
-        i && i.forEach((r) => {
-          s.find(
-            (c) => c.name === r.name && c.state === "activated"
-          ) && o.events.dispatch("widget:modal-opened", r);
-        });
-      });
-    }));
-  }
-  renderBadge(e) {
-    const { triggerDOMElement: n } = this.options;
-    if (!n)
-      return;
-    n.getAttribute("role") || n.setAttribute("role", "button");
-    const { name: o } = this.container.get("$widget"), { label: s, symbol: i, ariaLabel: r, closedTooltip: c, openTooltip: a } = e, l = { closedTooltip: c, openTooltip: a };
-    this.options.triggerOptions = l;
-    const d = $t(n, {
-      label: s,
-      symbol: i,
-      ariaLabel: r,
-      widgetName: o,
-      tooltip: c
-    });
-    this.unsubscribe.push(d);
-  }
-  dispose() {
-    return import("./unmount.b0816844.js").then((e) => {
-      var s, i, r, c;
-      const { triggerDOMElement: n, widgetDOMElement: o } = this.options;
-      e.default(o), this.options.cachedOriginals.widgetDOMElement && o && ((s = o.parentNode) == null || s.replaceChild(
-        this.options.cachedOriginals.widgetDOMElement,
-        o
-      )), this.options.cachedOriginals.triggerDOMElement && n && ((i = n.parentNode) == null || i.replaceChild(
-        this.options.cachedOriginals.triggerDOMElement,
-        n
-      )), this.unsubscribe.forEach((a) => {
-        a();
-      }), (r = o.parentNode) == null || r.removeChild(o), (c = n == null ? void 0 : n.parentNode) == null || c.removeChild(n);
-    });
-  }
-}
-const W = "changesets", kt = (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 oe {
-  constructor(e, n) {
-    this.container = e, this.storageWriter = n;
-  }
-  static create(e) {
-    return V(e, W, _.Necessary, {
-      medium: v.Local
-    }).then((n) => new oe(e, n));
-  }
-  write(e, n, o, s) {
-    return q(this)(() => N(
-      this.container,
-      W,
-      v.Local
-    ).then((i = {}) => {
-      const { keys: r = [], items: c = {} } = i, a = r.indexOf(e);
-      return a > -1 && r.splice(a, 1), r.push(e), c[e] = {
-        options: s,
-        attributes: kt(o),
-        rules: n.rules
-      }, this.storageWriter({ keys: r, items: c });
-    }));
-  }
-  remove(e) {
-    return q(this)(() => N(
-      this.container,
-      W,
-      v.Local
-    ).then((n = {}) => {
-      const { keys: o = [], items: s = {} } = n, i = o.indexOf(e);
-      if (i > -1)
-        return o.splice(i, 1), delete s[e], this.storageWriter(n);
-    }));
-  }
-  load(e) {
-    return q(this)(() => N(
-      this.container,
-      W,
-      v.Local
-    ).then((n = {}) => {
-      const { keys: o = [], items: s = {} } = n;
-      o.forEach((i) => {
-        const r = s[i];
-        if (r) {
-          const { rules: c, attributes: a, options: l } = r;
-          e.write({
-            attributes: a,
-            options: l,
-            target: new Ge(e, c)
-          });
-        }
-      });
-    }));
-  }
-}
-const Rt = (t) => {
-  const { container: e } = t;
-  return oe.create(e).then((n) => {
-    const o = e.get("$settings"), s = { localStorage: n }, i = new je(t, s), r = Fe(i, o);
-    return t.events.subscribe("widget:state-change", (c, a) => {
-      a.state === Je.Deactivating && r();
-    }), i;
-  });
-}, Vt = (t) => import("@telia-ace/widget-routing").then(({ RoutingService: e, HistoryMode: n }) => t.get("settings").then((o) => {
-  const {
-    routing: { initialPath: s = "/", mode: i = n.scopedHash, basePath: r },
-    views: c
-  } = o;
-  return new e(t, {
-    initialPath: s,
-    mode: i,
-    routes: Object.keys(c).map((l) => ({
-      name: l,
-      path: c[l].path
-    })),
-    basePath: r
-  });
-})), _t = (t) => import("@telia-ace/widget-services").then(({ StorageProvider: e }) => new e()), It = (t) => import("@telia-ace/widget-core").then(({ ActionResolver: e }) => new e(t)), Tt = (t) => import("@telia-ace/widget-core").then(({ ComponentResolver: e }) => new e(t)), zt = (t) => import("@telia-ace/widget-core").then(({ ComponentPlatform: e, createComponentModel: n }) => Rt(t.get("$widget"))), Z = "$settings", H = "open", ue = "activeStickyWidget";
-class tn extends Xe {
-  constructor(e) {
-    super(e), this.outlets = /* @__PURE__ */ new Map(), this.activated = void 0, this.subs = [], this.handleBootstrapping = (n) => {
-      const o = {
-        triggerDOMElement: n.sourceDOMElement,
-        withRenderState: "storage"
-      };
-      this.container.get("settings").then((s) => {
-        const { activate: i } = s;
-        (typeof i == "undefined" || i === null || i === !0) && (this.activated = (this.activated || this.widget.activate()).then(
-          () => this.attach(o)
-        ));
-      });
-    }, this.container.registerAsync("storage", () => _t(this.container)), this.container.registerFactory("settings", () => N(
-      this.container,
-      Z,
-      v.Local
-    ).then((n = {}) => p(p({}, this.container.get("$settings")), n))), Ze(this, "load", this.handleBootstrapping), this.container.registerAsync(
-      "componentResolver",
-      () => Tt(this.container).then((n) => (this.events.dispatch("widget:component-resolver-registered", { resolver: n }), n))
-    ), this.container.registerAsync("router", () => Vt(this.container)), this.container.registerAsync("actionResolver", () => It(this.container)), this.container.register("matchMedia", window.matchMedia), this.container.registerAsync("components", () => zt(this.container));
-  }
-  initialize() {
-    const e = this.container.getManyAsync(
-      "actionResolver",
-      "router",
-      "components"
-    );
-    return Promise.all([e, this.container.get("settings")]).then(
-      ([{ actionResolver: n, router: o, components: s }, i]) => {
-        var a;
-        n.subscribe(
-          this.widget.name,
-          (l, d, u) => this.onAction(d, u)
-        );
-        const r = (l) => {
-          s.nodes.query({ type: "view" }).forEach((d) => {
-            s.setSwitch(d, l);
-          });
-        }, c = ((a = o.getInitialRoute()) == null ? void 0 : a.name) || "index";
-        return r(c), this.events.subscribe("widget:data-loaded", (l, { element: d }) => {
-          this.widget.container.get("seoConfiguration") && this.events.dispatch("widget:preloaded-replaced", {
-            element: d
-          });
-        }), this.events.subscribe(
-          "router:change",
-          (l, { previous: d = { routeData: {} }, next: u = { routeData: {} } }) => {
-            const { routeData: f } = d, { routeData: m } = u, g = Object.keys(i.views).reduce((b, y) => typeof i.views[y].path == "undefined" ? y : b, "");
-            !m.name && g ? r(g) : r(m.name), le(f && f.params), le(m && m.params), this.container.getAsync("actionResolver").then((b) => {
-              b.action(this.widget.name, "routeChange", {
-                next: m,
-                previous: f
-              });
-            });
-          }
-        ), o.initialize();
-      }
-    );
-  }
-  attach(e = {}) {
-    return this.container.get("settings").then(({ trigger: n }) => {
-      var f, m;
-      const {
-        widgetDOMElement: o,
-        key: s = He(),
-        triggerDOMElement: i,
-        withRenderState: r
-      } = e, a = we(n) === P.Inline && ((i == null ? void 0 : i.childElementCount) || 0) > 0, l = Nt(
-        this.widget.name,
-        o,
-        i,
-        n,
-        a
-      );
-      this.outlets.size < 1 && !r && this.setRenderState("unset");
-      const d = () => {
-        const g = () => b.querySelectorAll("[data-loading=true]").length === 0, [b] = this.widget.container.get("widgetDOMElements"), y = (j, L) => {
-          g() && (l.callback && l.callback(), L.disconnect());
-        }, E = {
-          attributes: !0,
-          subtree: !0,
-          childList: !0
-        };
-        g() && l.callback && l.callback(), new MutationObserver(y).observe(b, E);
-      };
-      a && this.widget.container.getAsync("dataClient").then(({ events: g }) => {
-        g.subscribe("data-client:fetched", (b, y) => {
-          y.unresolvedQueries === 0 && d();
-        });
-      });
-      const u = this.getOrCreateViewOutlet(s, l);
-      if (this.outlets.set(s, u), this.widget.events.dispatch("widget:attached", {}, { bubbles: !0 }), l.triggerType === P.Badge && n && ((f = l.triggerDOMElement) == null || f.setAttribute("aria-expanded", "false"), u == null || u.renderBadge(n)), l.triggerType !== P.Inline && ((m = l.triggerDOMElement) == null || m.addEventListener("click", (g) => {
-        g.preventDefault(), this.container.get("settings").then(({ trigger: b }) => {
-          u.render().then(() => this.renderState()).then((y) => b && b.action && b.action === "hide" ? y === O.open ? this.hide() : this.open() : y === O.open ? this.close() : this.open());
-        });
-      })), this.outlets.size > 1)
-        return this.renderState().then((g) => {
-          this.triggerStateIfApplicable(g);
-        });
-      if (r)
-        return r === "storage" ? this.renderState().then((g) => {
-          if (l.triggerType === P.Inline) {
-            this.triggerStateIfApplicable("open");
-            return;
-          }
-          this.triggerStateIfApplicable(g);
-        }) : this.triggerStateIfApplicable(r);
-    });
-  }
-  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((n) => {
-      n.dispose();
-    }), this.outlets.clear();
-  }
-  triggerStateIfApplicable(e) {
-    return this.container.getAsync("router").then((n) => {
-      switch (e) {
-        case "closed":
-          this.close();
-          break;
-        case "open":
-          this.open();
-          break;
-        case "hidden":
-          this.hide(), n.start();
-          break;
-        default:
-          return;
-      }
-    });
-  }
-  getOrCreateViewOutlet(e, n) {
-    return this.outlets.has(e) ? this.outlets.get(e) : new Pt(this.container, n);
-  }
-  render(e = {}) {
-    if (process.env.NODE_ENV !== "production" && console.warn("widget.render() is deprecated. Use widget.attach() instead."), e.open) {
-      const n = C(p({}, e), {
-        withRenderState: "open"
-      });
-      return this.attach(n);
-    }
-    return this.attach(e);
-  }
-  activate(e) {
-    e != null && e.override && this.setSettings(() => e.override), e != null && e.apiNotificationPriorityBy && this.container.register("apiNotificationPriorityBy", e.apiNotificationPriorityBy);
-  }
-  setSettings(e) {
-    return Promise.all([
-      this.container.get("settings"),
-      V(this.container, Z, _.Necessary, {
-        medium: v.Local
-      })
-    ]).then(([n, o]) => Promise.resolve(e(n)).then((s) => o(s).then(() => {
-      const i = p(p({}, n), s);
-      return this.widget.events.dispatch("widget:settings-updated", i), i;
-    })));
-  }
-  clearSettings() {
-    return V(
-      this.container,
-      Z,
-      _.Necessary,
-      { medium: v.Local }
-    ).then((e) => e()).then(() => this.container.get("settings")).then((e) => {
-      this.widget.events.dispatch("widget:settings-updated", e);
-    });
-  }
-  action({ action: e, value: n }) {
-    return this.container.getAsync("actionResolver").then((o) => {
-      o.action(this.widget.name, e, n);
-    });
-  }
-  renderState() {
-    if (qe(this.container))
-      return Promise.resolve(O.open);
-    const e = () => N(
-      this.container,
-      H,
-      v.Session
-    ).then((o = O.closed) => o), n = () => N(
-      this.container,
-      H,
-      v.Session
-    ).then((o = O.closed) => o);
-    return this.container.getAsync("router").then((o) => o.isSticky() ? n().then((s) => s === O.open ? s : e()) : e());
-  }
-  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((e) => e.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((e) => e.render()), this.action({ action: "open" }).then(() => (this.widget.events.dispatch("tracking:widget-rendered", {}), this.onOpen())));
-  }
-  close() {
-    return this.outlets.size < 1 ? (process.env.NODE_ENV !== "production" && console.warn(
-      "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(e, n) {
-    switch (e) {
-      case "close":
-      case "open":
-      case "hide":
-        const o = e === "open" ? O.open : e === "close" ? O.closed : O.hidden;
-        return this.setRenderState(o).then(() => {
-          this.setTriggerState(o === O.open), o !== O.hidden ? o === O.open ? this.onOpen() : this.onClose() : this.outlets.forEach(
-            (s) => {
-              var i;
-              return (i = s.options.triggerDOMElement) == null ? void 0 : i.setAttribute("aria-expanded", "false");
-            }
-          );
-        });
-    }
-  }
-  setRenderState(e) {
-    const { invoke: n, events: o } = this.container.get("$widget");
-    return Promise.all([
-      V(this.container, H, _.Necessary, {
-        medium: v.Session
-      }),
-      V(this.container, H, _.Necessary, {
-        medium: v.Local,
-        duration: { minutes: 5 }
-      }),
-      this.container.getAsync("router"),
-      n("renderState")
-    ]).then(([s, i, r, c]) => {
-      e === "unset" || !e ? (i(), s()) : (r.isSticky() && i(e), s(e)), o.dispatch("widget:render-state-changed", {
-        previous: c,
-        next: e
-      });
-    });
-  }
-  onOpen() {
-    return this.container.getAsync("router").then((e) => (this.outlets.forEach(
-      (n) => {
-        var o;
-        return (o = n.options.triggerDOMElement) == null ? void 0 : o.setAttribute("aria-expanded", "true");
-      }
-    ), e.start()));
-  }
-  onClose() {
-    const e = this.container.getManyAsync("router", "components");
-    return (() => this.container.get("settings").then((o) => {
-      const { activate: s } = this.container.get("$settings");
-      return o.activate !== s ? this.setSettings(() => Promise.resolve({ activate: s })) : Promise.resolve();
-    }))().then(() => e).then(
-      ({
-        router: o,
-        components: s
-      }) => {
-        const i = s.nodes.visible;
-        return this.outlets.forEach(
-          (r) => {
-            var c;
-            return (c = r.options.triggerDOMElement) == null ? void 0 : c.setAttribute("aria-expanded", "false");
-          }
-        ), i.filter(
-          (r) => r.attributes.properties.animation && r.attributes.properties.animation !== "none"
-        ).length ? new Promise((r) => {
-          setTimeout(() => {
-            r(o);
-          }, 200);
-        }) : Promise.resolve(o);
-      }
-    ).then((o) => o.stop());
-  }
-  setTriggerState(e) {
-    this.outlets.forEach((n) => {
-      const {
-        options: { triggerDOMElement: o, triggerOptions: s }
-      } = n, { openTooltip: i, closedTooltip: r } = s || {};
-      o && (e ? be(o, i) : xt(o, r));
-    });
-  }
-  deactivate() {
-    this.subs.forEach((n) => n());
-    const e = [];
-    return this.outlets.forEach((n) => e.push(n.dispose())), N(
-      this.container,
-      ue,
-      v.Local
-    ).then((n) => n === this.widget.name ? V(
-      this.container,
-      ue,
-      _.Necessary,
-      {
-        medium: v.Local,
-        scope: Qe.Implementation
-      }
-    ).then((o) => o()).then(() => Promise.all(e)) : Promise.all(e));
-  }
-}
+import { C as D, D as N, a as f, N as h, a as u, W as v, s as x, r as y } from "./index.c6989014.js";
+import "@telia-ace/widget-ui";
+import "react";
+import "@emotion/react";
+import "@telia-ace/widget-core";
+import "@emotion/styled";
+import "@telia-ace/widget-utilities";
+import "react-transition-group";
+import "react-router";
+import "@open-wc/lit-helpers";
+import "lit";
+import "@telia-ace/widget-routing";
+import "@telia-ace/widget-services";
+import "@webprovisions/bootstrapping";
+import "@webprovisions/platform";
 export {
-  ne as Component,
-  wt as DetachedComponent,
-  tn as GridWidget,
-  Xt as NotFound,
-  tn as Widget,
-  U as genericComponentStyling,
-  en as resolveComponent
+  D as Component,
+  N as DetachedComponent,
+  f as GridWidget,
+  h as NotFound,
+  u as Widget,
+  v as WidgetComponent,
+  x as genericComponentStyling,
+  y as resolveComponent
 };
 //# sourceMappingURL=index.js.map