@telia-ace/widget-ui 1.0.28-experimental.11 → 1.0.28-experimental.13

package/dist/index.js

@@ -1,25 +1,25 @@
 var vt = Object.defineProperty, wt = Object.defineProperties;
 var Et = Object.getOwnPropertyDescriptors;
 var se = Object.getOwnPropertySymbols;
-var Ve = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var _e = (e, t, n) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+var Be = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable;
+var Ve = (e, t, n) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
   for (var n in t || (t = {}))
-    Ve.call(t, n) && _e(e, n, t[n]);
+    Be.call(t, n) && Ve(e, n, t[n]);
   if (se)
     for (var n of se(t))
-      Be.call(t, n) && _e(e, n, t[n]);
+      Ie.call(t, n) && Ve(e, n, t[n]);
   return e;
 }, k = (e, t) => wt(e, Et(t));
 var S = (e, t) => {
   var n = {};
   for (var o in e)
-    Ve.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+    Be.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
   if (e != null && se)
     for (var o of se(e))
-      t.indexOf(o) < 0 && Be.call(e, o) && (n[o] = e[o]);
+      t.indexOf(o) < 0 && Ie.call(e, o) && (n[o] = e[o]);
   return n;
 };
-var pe = (e, t, n) => new Promise((o, r) => {
+var ie = (e, t, n) => new Promise((o, r) => {
   var i = (u) => {
     try {
       l(n.next(u));
@@ -36,21 +36,21 @@ var pe = (e, t, n) => new Promise((o, r) => {
   l((n = n.apply(e, t)).next());
 });
 import { Container as $t, WidgetState as xt } from "@webprovisions/platform";
-import s, { forwardRef as V, createContext as Q, useContext as U, useState as x, useEffect as w, useRef as R, useCallback as T, useImperativeHandle as we, useMemo as ae, Component as kt, lazy as Lt } from "react";
-import { ComponentPlatform as Ae, asDescriptor as Ke, createEventSubscriber as Mt, ComponentQuery as St, WidgetRenderState as ie, extendComponent as Ye } from "@telia-ace/widget-core";
+import s, { forwardRef as V, createContext as Q, useContext as U, useState as x, useEffect as w, useRef as R, useCallback as T, useImperativeHandle as we, useMemo as ce, Component as kt, lazy as Lt } from "react";
+import { ComponentPlatform as Ee, asDescriptor as Ke, createEventSubscriber as Mt, ComponentQuery as St, WidgetRenderState as ae, extendComponent as Ye } from "@telia-ace/widget-core";
 import { css as L, keyframes as Ue } from "@emotion/react";
 import y from "@emotion/styled";
-import { kebabCase as Rt, appendClassNames as M, uuid as ee, removeNullAndUndefinedValues as Ne, Logger as fe } from "@telia-ace/widget-utilities";
-import { LitElement as Tt, css as Xe, html as Pe, unsafeCSS as zt } from "lit";
-import { property as X, customElement as Ht, state as Y } from "lit/decorators.js";
-import { unsafeStatic as Dt, html as _t } from "lit/static-html.js";
-import { CSSTransition as qe, Transition as Vt } from "react-transition-group";
+import { kebabCase as Rt, appendClassNames as M, uuid as ee, removeNullAndUndefinedValues as Pe, Logger as fe } from "@telia-ace/widget-utilities";
+import { LitElement as Tt, css as qe, html as Ne, unsafeCSS as Dt } from "lit";
+import { property as q, customElement as zt, state as Y } from "lit/decorators.js";
+import { unsafeStatic as _t, html as Ht } from "lit/static-html.js";
+import { CSSTransition as Xe, Transition as Vt } from "react-transition-group";
 import { createPortal as Bt } from "react-dom";
-import { HistoryMode as Ie, getSpecificWidgetPath as Nt } from "@telia-ace/widget-routing";
+import { HistoryMode as We, getSpecificWidgetPath as It } from "@telia-ace/widget-routing";
 import { Link as ge } from "react-router-dom";
-import We from "htmr";
+import Oe from "htmr";
 import { dedupeMixin as Qe } from "@open-wc/dedupe-mixin";
-const Pt = (e) => e === "entering" || e === "entered", It = (e) => e === "exiting" || e === "exited", K = {
+const Pt = (e) => e === "entering" || e === "entered", Nt = (e) => e === "exiting" || e === "exited", K = {
   fade: {
     in: "opacity: 1;",
     out: "opacity: 0;"
@@ -86,7 +86,7 @@ const Pt = (e) => e === "entering" || e === "entered", It = (e) => e === "exitin
     const a = r && r.length > 0 && L`
                 ${r.map((l) => K[l] ? K[l].out : "")}
             `;
-    if (It(e)) {
+    if (Nt(e)) {
       const l = o.transitionKeys.split(" ");
       return l && l.length > 0 && e === "exiting" ? L`
                     ${a};
@@ -122,7 +122,7 @@ const Pt = (e) => e === "entering" || e === "entered", It = (e) => e === "exitin
   get: (e) => K[e]
 };
 var ye = /* @__PURE__ */ ((e) => (e.Opera = "opera", e.Chrome = "chrome", e.Firefox = "firefox", e.Safari = "safari", e.Edge = "edge", e.EdgeChromium = "edge-chromium", e.Blink = "blink", e.IE = "internet-explorer", e))(ye || {});
-const Oe = () => {
+const Ze = () => {
   const {
     opr: e,
     opera: t,
@@ -161,7 +161,7 @@ const Oe = () => {
   } else
     t[n] = o;
   return t;
-}, {}), Zt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ s.createElement(so, f({}, t)) : null, Yr = Zt, jt = (e) => new RegExp("^#", "i").test(e), Ft = (e) => (o) => {
+}, {}), Zt = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ s.createElement(so, f({}, t)) : null, Yr = Zt, jt = (e) => new RegExp("^#", "i").test(e), At = (e) => (o) => {
   var r = o, { children: t } = r, n = S(r, ["children"]);
   const {
     implementation: i,
@@ -176,7 +176,7 @@ const Oe = () => {
       return /* @__PURE__ */ s.createElement(gr, { widgetName: p }, t);
   }
   return /* @__PURE__ */ s.createElement("a", f({}, n), t);
-}, At = Ft, Ge = (e) => {
+}, Ft = At, Ge = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => {
     n.indexOf("css-") > -1 && (t[n] = e[n]);
@@ -199,7 +199,7 @@ const Oe = () => {
     e.scroll || ((d) => e.smooth ? d.scrollIntoView({ behavior: "smooth" }) : d.scrollIntoView())
   ), !1), m = e, { scroll: a, smooth: l, to: u } = m, c = S(m, ["scroll", "smooth", "to"]);
   return t === "a" && (c.href = "javascript:;"), /* @__PURE__ */ s.createElement(t, k(f({}, c), { onClick: i }), e.children);
-}, ce = (e) => (t, n) => {
+}, le = (e) => (t, n) => {
   let o = t, r = "";
   if (["h1", "h2", "h3", "h4", "h5", "h6"].includes(t))
     o = t;
@@ -218,15 +218,15 @@ const Oe = () => {
         }
     `;
 };
-function Xt(e, t) {
-  return t ? We(e, t) : We(e);
+function qt(e, t) {
+  return t ? Oe(e, t) : Oe(e);
 }
-const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBody: e }), Qt = (e, t) => ({
+const Xt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBody: e }), Qt = (e, t) => ({
   transform: {
-    a: At(e),
-    img: qt(t)
+    a: Ft(e),
+    img: Xt(t)
   }
-}), Gt = (e) => Ut(e, "a"), Jt = Gt, ue = V((r, o) => {
+}), Gt = (e) => Ut(e, "a"), Jt = Gt, de = V((r, o) => {
   var i = r, { className: e, children: t } = i, n = S(i, ["className", "children"]);
   return /* @__PURE__ */ s.createElement(
     en,
@@ -278,14 +278,14 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   type: "",
   name: "",
   branch: ""
-}), rn = Q({}), sn = Q(null), an = Q(null), cn = () => U(Je), Ee = cn, ln = () => U(nn), N = ln, un = (e, t) => {
-  const n = Ee().id, o = N();
+}), rn = Q({}), sn = Q(null), an = Q(null), cn = () => U(Je), $e = cn, ln = () => U(nn), I = ln, un = (e, t) => {
+  const n = $e().id, o = I();
   return (r, i) => {
     (t || o).getAsync("actionResolver").then((a) => {
       a.action(e || n, r, i);
     });
   };
-}, Xr = un, dn = (e) => {
+}, qr = un, dn = (e) => {
   const t = U(Je), n = G(), [o, r] = x();
   return w(() => {
     if ((e || t.id) && n) {
@@ -293,20 +293,20 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       r(i);
     }
   }, [e, t.id, n]), o;
-}, $e = dn, mn = () => {
+}, xe = dn, mn = () => {
   const e = R(!1);
   return w(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }, Z = mn, hn = (e) => {
-  const t = N(), [n, o] = x(null), r = Z();
+  const t = I(), [n, o] = x(null), r = Z();
   return w(() => {
-    Ae.getInstance(e || t).then((i) => {
+    Ee.getInstance(e || t).then((i) => {
       r.current && o(i);
     });
   }, [r]), n;
 }, G = hn, pn = () => {
-  const e = $e(), t = G(), [n, o] = x([]), r = Z(), i = T(
+  const e = xe(), t = G(), [n, o] = x([]), r = Z(), i = T(
     (a) => {
       if (t && r.current && a) {
         const l = t.getBranch(a), u = a.getChildren(l).map((c) => Ke(c));
@@ -331,8 +331,8 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [e, t, i]), n;
-}, qr = pn, fn = () => U(on), Qr = fn, gn = (e, t) => {
-  const n = Ee(), o = N(), [r, i] = x(void 0), a = Z(), l = e || n.type || "";
+}, Xr = pn, fn = () => U(on), Qr = fn, gn = (e, t) => {
+  const n = $e(), o = I(), [r, i] = x(void 0), a = Z(), l = e || n.type || "";
   return w(() => {
     if (l) {
       let u;
@@ -350,7 +350,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     }
   }, [a, l, t, o]), r;
 }, Gr = gn, Cn = (e) => {
-  const t = $e(e), n = G(), [o, r] = x({}), i = Z();
+  const t = xe(e), n = G(), [o, r] = x({}), i = Z();
   return w(() => {
     t && i.current && r(t.attributes.context);
   }, [i, t]), w(() => {
@@ -367,7 +367,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     }
   }, [i, n, t]), o;
 }, yn = Cn, bn = () => U(an), Jr = bn, vn = () => {
-  const e = G(), t = Ee(), [n, o] = x([]), [r, i] = x();
+  const e = G(), t = $e(), [n, o] = x([]), [r, i] = x();
   return w(() => {
     if (e && t) {
       const a = new St(e).withId(t.id), l = e.actions(a, t.type || ee());
@@ -397,7 +397,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     };
   }, [e, n]);
 }, wn = (e) => {
-  const t = N(), { events: n } = (e || t).get("$widget");
+  const t = I(), { events: n } = (e || t).get("$widget");
   return n;
 }, En = wn, $n = () => {
   const [e, t] = x(!1);
@@ -425,8 +425,8 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     [o]
   );
   return O("keydown", r, window), O("keyup", i, window), n;
-}, q = xn, kn = (e) => {
-  const t = $e(e), n = G(), [o, r] = x({}), i = Z();
+}, X = xn, kn = (e) => {
+  const t = xe(e), n = G(), [o, r] = x({}), i = Z();
   return w(() => {
     t && i.current && r(t.attributes.layout);
   }, [t, i]), w(() => {
@@ -448,7 +448,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     t.current = e;
   }), t.current;
 }, et = Ln, Mn = () => U(rn), os = Mn, Sn = (e) => {
-  const [t, n] = x(), o = N(), r = Z();
+  const [t, n] = x(), o = I(), r = Z();
   return w(() => {
     let i;
     const a = (e || o).get("$widget");
@@ -463,11 +463,11 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
           case "close":
           case "open":
             r.current && n(
-              p === "open" ? ie.open : ie.closed
+              p === "open" ? ae.open : ae.closed
             );
             break;
           case "hide":
-            r.current && n(ie.hidden);
+            r.current && n(ae.hidden);
         }
       });
     }), () => {
@@ -475,7 +475,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     };
   }, [r]), t;
 }, rs = Sn, Rn = () => U(sn), tt = Rn, Tn = (e) => {
-  const t = N(), n = tt(), [o, r] = x({ name: "", params: {} }), i = Z();
+  const t = I(), n = tt(), [o, r] = x({ name: "", params: {} }), i = Z();
   return w(() => {
     const a = (e || t).get("$widget");
     if (!a)
@@ -484,13 +484,13 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     return l.subscribe("router:change", (c, { next: { routeData: m } }) => {
       if (i.current) {
         const { name: p, params: d } = m;
-        Ne(d), r({ name: p, params: d });
+        Pe(d), r({ name: p, params: d });
       }
     });
   }, [i, e, t]), w(() => {
     if (n && n.history && i.current) {
       const a = n.getRouteData(), { name: l, params: u } = a;
-      Ne(u), r({ name: l, params: u });
+      Pe(u), r({ name: l, params: u });
     }
   }, [n, i]), o;
 }, ss = Tn, nt = (e) => {
@@ -519,9 +519,9 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     },
     [t, n]
   );
-  return O("scroll", r, t.current, () => t.current && e), O("touchstart", i, t.current, () => t.current && e), O("touchmove", u, t.current, () => t.current && e), e ? [zn, t] : ["", t];
-}, zn = `
-    overflow-y: ${Oe() === ye.Chrome || Oe() === ye.EdgeChromium ? "overlay" : "auto"};
+  return O("scroll", r, t.current, () => t.current && e), O("touchstart", i, t.current, () => t.current && e), O("touchmove", u, t.current, () => t.current && e), e ? [Dn, t] : ["", t];
+}, Dn = `
+    overflow-y: ${Ze() === ye.Chrome || Ze() === ye.EdgeChromium ? "overlay" : "auto"};
     overflow-x: hidden;
     -ms-overflow-style: none; /* IE 10+ */
     scrollbar-width: thin; /* Firefox */
@@ -548,20 +548,20 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
             background-color: #7F7F7F;
         }
     }
-`, Hn = () => {
-  const [e, t] = x(null), n = N(), o = Z();
+`, zn = () => {
+  const [e, t] = x(null), n = I(), o = Z();
   return w(() => {
     n.get("settings").then((r) => {
       o.current && t(r);
     });
   }, [o]), e;
-}, is = Hn, Dn = (e = !1) => {
+}, is = zn, _n = (e = !1) => {
   const [t, n] = x(e), o = T((r) => {
     n(typeof r == "boolean" ? r : (i) => !i);
   }, []);
   return [t, o];
-}, ot = Dn, as = (e) => {
-  const t = N(), n = G(), o = t.get("widgetDOMElement"), [r, i] = x(null), [a, l] = x(null), u = Z();
+}, ot = _n, as = (e) => {
+  const t = I(), n = G(), o = t.get("widgetDOMElement"), [r, i] = x(null), [a, l] = x(null), u = Z();
   w(() => {
     if (n && u.current) {
       const m = n.nodes.all.find((d) => d.name === "root-area"), p = n.nodes.all.find((d) => d.type === "view");
@@ -582,7 +582,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     [e, u, r, a]
   );
   O("transitionend", c, r), O("transitionend", c, a);
-}, _n = (e, t, n = [], o) => {
+}, Hn = (e, t, n = [], o) => {
   const r = En(o);
   return w(() => {
     if (r) {
@@ -592,12 +592,12 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
       };
     }
   }, [r].concat(n)), (i) => r == null ? void 0 : r.dispatch(e, i);
-}, de = _n, Vn = (e, t) => {
-  const n = de("widget:menu-toggled", (o, r) => {
+}, me = Hn, Vn = (e, t) => {
+  const n = me("widget:menu-toggled", (o, r) => {
     r !== e && t();
   });
   return () => n(e);
-}, xe = Vn, Bn = (o) => {
+}, ke = Vn, Bn = (o) => {
   var r = o, { className: e, children: t } = r, n = S(r, ["className", "children"]);
   return /* @__PURE__ */ s.createElement(
     "span",
@@ -606,7 +606,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     }, B(n)),
     t
   );
-}, ke = Bn, rt = (e) => L`
+}, Le = Bn, rt = (e) => L`
     display: flex;
     justify-content: center;
     flex-direction: column;
@@ -615,7 +615,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     border: ${e.theme.border};
     box-shadow: ${e.theme.boxShadow || "none"};
     ${e["data-loading"] && "min-height: 150px;"}
-`, Nn = (e) => {
+`, In = (e) => {
   var t, n, o;
   return L`
     cursor: pointer;
@@ -631,7 +631,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   var a;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: i } = e;
   return L`
-        ${Nn(e)}
+        ${In(e)}
         border: 1px solid ${o ? n : t};
         background-color: ${o ? t : n};
 
@@ -661,11 +661,11 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
             }
 
             &:focus-visible {
-                ${A(e)};
+                ${F(e)};
             }
         `}
     `;
-}, A = (e) => {
+}, F = (e) => {
   var t, n, o;
   return L`
     outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
@@ -673,15 +673,15 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     border-color: transparent;
 `;
 }, Pn = (e) => L`
-    ${A(e)}
+    ${F(e)}
     text-decoration: underline;
 `, ls = (e) => {
   var t;
   return L`
-    ${A(e)}
+    ${F(e)}
     outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
-}, Le = y(ue)`
+}, Me = y(de)`
     position: absolute;
     top: ${(e) => {
   var t;
@@ -701,7 +701,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
     }
 
     &:focus-visible {
-        ${A}
+        ${F}
         padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -709,7 +709,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
         height: 15px;
         box-sizing: content-box;
     }
-`, Ze = y(ke)`
+`, je = y(Le)`
     font-size: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
@@ -720,7 +720,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-`, In = (e) => {
+`, Nn = (e) => {
   var t;
   return L`
     padding: 0;
@@ -746,7 +746,7 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   var t, n, o, r;
   return L`
     > div {
-        ${ce(e)(
+        ${le(e)(
     "> h1",
     L`
                 margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
@@ -758,9 +758,9 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   )}
     }
     > ul {
-        ${In(e)}
+        ${Nn(e)}
     }
-    ${ce(e)(
+    ${le(e)(
     "h1",
     L`
             display: flex;
@@ -1357,10 +1357,10 @@ const qt = (e) => (t) => /* @__PURE__ */ s.createElement(Uo, { attrs: t, htmlBod
   h6: "h6",
   p: "p",
   span: "span"
-}, Fn = ({ variant: e, component: t, className: n, children: o }) => {
+}, An = ({ variant: e, component: t, className: n, children: o }) => {
   const { typographyVariantMapping: r = {} } = yn(), i = f(f({}, jn), r), a = t || i[e] || "span";
-  return /* @__PURE__ */ s.createElement(An, { className: n, as: a }, o);
-}, An = y.span``, J = Fn;
+  return /* @__PURE__ */ s.createElement(Fn, { className: n, as: a }, o);
+}, Fn = y.span``, J = An;
 var Kn = /* @__PURE__ */ ((e) => (e.SlideInLeft = "slide-in-left", e.SlideInRight = "slide-in-right", e.SlideInBottom = "slide-in-bottom", e.SlideInTop = "slide-in-top", e))(Kn || {});
 const Yn = 300, Un = ({
   className: e,
@@ -1378,28 +1378,28 @@ const Yn = 300, Un = ({
   w(() => {
     o && o(h);
   }, [h]);
-  const v = q("Escape");
+  const v = X("Escape");
   w(() => {
     v && C(!1);
   }, [v]), O(
     "click",
-    (_) => {
-      const { target: z } = _;
-      !m.current || !d.current || !z || m.current !== z && d.current !== z && !d.current.contains(z) && !m.current.contains(z) && C(!1);
+    (H) => {
+      const { target: D } = H;
+      !m.current || !d.current || !D || m.current !== D && d.current !== D && !d.current.contains(D) && !m.current.contains(D) && C(!1);
     },
     window
   );
-  const g = xe(b.current, () => {
+  const g = ke(b.current, () => {
     C(!1);
   });
-  de("router:changed", () => {
+  me("router:changed", () => {
     C(!1);
   }), w(() => {
     h && c.current ? c.current.focus() : !h && m.current && E && m.current.focus();
   }, [h, c.current, m.current]);
-  const H = eo[l.type];
+  const z = eo[l.type];
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
-    qe,
+    Xe,
     {
       in: h,
       className: "humany-drawer-transition",
@@ -1408,7 +1408,7 @@ const Yn = 300, Un = ({
       timeout: u
     },
     /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
-      H,
+      z,
       {
         duration: u,
         fullScreen: i,
@@ -1422,7 +1422,7 @@ const Yn = 300, Un = ({
         ref: d
       },
       /* @__PURE__ */ s.createElement(
-        Le,
+        Me,
         {
           onClick: () => C(!1),
           tabIndex: 0,
@@ -1431,18 +1431,18 @@ const Yn = 300, Un = ({
         },
         /* @__PURE__ */ s.createElement(ne, { symbol: { type: "Svg", content: "close" } })
       ),
-      !!n && /* @__PURE__ */ s.createElement(Xn, { variant: "h1", className: "humany-drawer-header" }, n),
+      !!n && /* @__PURE__ */ s.createElement(qn, { variant: "h1", className: "humany-drawer-header" }, n),
       t
     ))
   ), s.cloneElement(r, {
-    onClick: (_) => {
+    onClick: (H) => {
       C(), g();
     },
     ref: m,
     "aria-label": r.props.title,
     "aria-expanded": h
   }));
-}, ms = Un, me = y.div`
+}, ms = Un, he = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -1459,7 +1459,7 @@ const Yn = 300, Un = ({
     box-shadow: ${(e) => e.theme.boxShadow};
     background: #ffffff;
     ${(e) => e.css && e.css}
-`, Xn = y(J)`
+`, qn = y(J)`
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -1482,11 +1482,11 @@ const Yn = 300, Un = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     line-height: 1.2em;
-`, he = (e) => L`
+`, pe = (e) => L`
     transition: ${e.duration}ms;
-`, qn = y(me)`
+`, Xn = y(he)`
     max-height: 0;
-    ${he}
+    ${pe}
 
     &.humany-drawer-transition-enter {
         max-height: 0;
@@ -1501,8 +1501,8 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         max-height: 0;
     }
-`, Qn = y(me)`
-    ${he}
+`, Qn = y(he)`
+    ${pe}
     transform: translateX(100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1519,8 +1519,8 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(100%);
     }
-`, Gn = y(me)`
-    ${he}
+`, Gn = y(he)`
+    ${pe}
     transform: translateX(-100%);
     height: ${(e) => e.fullScreen ? "100%" : "auto"};
 
@@ -1537,8 +1537,8 @@ const Yn = 300, Un = ({
     &.humany-drawer-transition-exit-done {
         transform: translateX(-100%);
     }
-`, Jn = y(me)`
-    ${he}
+`, Jn = y(he)`
+    ${pe}
     bottom: unset;
     top: 0;
     height: 0;
@@ -1557,7 +1557,7 @@ const Yn = 300, Un = ({
         height: 0;
     }
 `, eo = {
-  ["slide-in-bottom"]: qn,
+  ["slide-in-bottom"]: Xn,
   ["slide-in-right"]: Qn,
   ["slide-in-left"]: Gn,
   ["slide-in-top"]: Jn
@@ -1585,28 +1585,28 @@ const Yn = 300, Un = ({
     var l = a, { className: e = "", children: t = null, trigger: n, closeButtonAriaLabel: o } = l, r = S(l, ["className", "children", "trigger", "closeButtonAriaLabel"]);
     const u = R(), c = R(), m = R();
     we(i, () => m.current, [m.current]);
-    const p = R(ee()), [d, h] = x(!1), C = et(d), [{ x: E, y: b }, v] = st(d, p.current, m.current), g = q("Escape");
+    const p = R(ee()), [d, h] = x(!1), C = et(d), [{ x: E, y: b }, v] = st(d, p.current, m.current), g = X("Escape");
     w(() => {
       g && h(!1);
     }, [g]), w(() => {
       d && u.current ? u.current.focus() : !d && c.current && C && c.current.focus();
     }, [d, u.current, c.current]), O(
       "click",
-      (z) => {
-        const { target: I } = z;
-        !m.current || !I || m.current !== I && !m.current.contains(I) && h(!1);
+      (D) => {
+        const { target: N } = D;
+        !m.current || !N || m.current !== N && !m.current.contains(N) && h(!1);
       },
       window
-    ), de("router:changed", () => {
+    ), me("router:changed", () => {
       h(!1);
     });
-    const H = xe(p.current, () => {
+    const z = ke(p.current, () => {
       h(!1);
-    }), _ = T(
-      (z) => {
-        z.stopPropagation(), v(z, c.current), h(!d), H();
+    }), H = T(
+      (D) => {
+        D.stopPropagation(), v(D, c.current), h(!d), z();
       },
-      [H, v, h]
+      [z, v, h]
     );
     return /* @__PURE__ */ s.createElement(s.Fragment, null, d && /* @__PURE__ */ s.createElement(te, null, /* @__PURE__ */ s.createElement(
       oo,
@@ -1622,7 +1622,7 @@ const Yn = 300, Un = ({
         ref: m
       }),
       /* @__PURE__ */ s.createElement(
-        Le,
+        Me,
         {
           onClick: () => h(!1),
           tabIndex: 0,
@@ -1633,7 +1633,7 @@ const Yn = 300, Un = ({
       ),
       t
     )), s.cloneElement(n, {
-      onClick: _,
+      onClick: H,
       ref: c,
       "aria-label": n.props.title,
       "aria-expanded": d
@@ -1684,11 +1684,11 @@ const Yn = 300, Un = ({
 `, it = V(
   (i, r) => {
     var a = i, { htmlParseInstruction: e = null, className: t, html: n } = a, o = S(a, ["htmlParseInstruction", "className", "html"]);
-    const l = N(), [u, c] = x();
+    const l = I(), [u, c] = x();
     return w(() => {
       const m = Qt(l, n), p = k(f(f({}, m), e), {
         transform: f(f({}, m.transform), e == null ? void 0 : e.transform)
-      }), d = Xt(n, p);
+      }), d = qt(n, p);
       c(d);
     }, [n, e]), /* @__PURE__ */ s.createElement(
       "div",
@@ -1752,8 +1752,8 @@ const Yn = 300, Un = ({
       var g;
       t && ((g = E == null ? void 0 : E.current) == null || g.focus());
     }, [t, m, E]);
-    const b = (g, H) => {
-      C(g), n && n(g), i && g && H.target.select();
+    const b = (g, z) => {
+      C(g), n && n(g), i && g && z.target.select();
     }, v = k(f({}, B(c)), {
       disabled: l,
       autoFocus: t,
@@ -1807,7 +1807,7 @@ const Yn = 300, Un = ({
       }),
       n ? /* @__PURE__ */ s.createElement(J, { variant: "h1" }, i ? /* @__PURE__ */ s.createElement(ne, { symbol: i }) : null, n) : null,
       t ? /* @__PURE__ */ s.createElement(it, { html: t, htmlParseInstruction: r }) : null,
-      e ? /* @__PURE__ */ s.createElement(ke, null, e) : null
+      e ? /* @__PURE__ */ s.createElement(Le, null, e) : null
     );
   }
 ), ho = V(
@@ -1885,7 +1885,7 @@ const Yn = 300, Un = ({
   (u, l) => {
     var c = u, { className: e, onClick: t = () => {
     }, name: n = "", to: o = "", params: r = {}, children: i } = c, a = S(c, ["className", "onClick", "name", "to", "params", "children"]);
-    const m = tt(), p = N();
+    const m = tt(), p = I();
     if (!m)
       return null;
     let d = "";
@@ -1914,7 +1914,7 @@ const Yn = 300, Un = ({
       } catch (v) {
         return /* @__PURE__ */ s.createElement(ge, f({}, h), i);
       }
-      d && m.settings.mode && m.settings.mode === Ie.browser && d[0] !== "/" && (d = `/${d}`);
+      d && m.settings.mode && m.settings.mode === We.browser && d[0] !== "/" && (d = `/${d}`);
     } else if (o && m.history)
       d = m.history.createHref({
         hash: "",
@@ -1926,13 +1926,13 @@ const Yn = 300, Un = ({
       return process.env.NODE_ENV !== "production" && fe.warn(
         'Unable to generate path for route link. Either specify route name or use the "to" prop.'
       ), null;
-    if (m.settings && m.settings.mode === Ie.scopedHash) {
+    if (m.settings && m.settings.mode === We.scopedHash) {
       const C = p.get("$widget").name;
-      d = Nt(d, C);
+      d = It(d, C);
     }
     return h.as ? /* @__PURE__ */ s.createElement(go, k(f({}, h), { as: h.as }), i) : /* @__PURE__ */ s.createElement(ge, k(f({}, h), { to: d }), i);
   }
-), go = y.span``, Me = V(
+), go = y.span``, Se = V(
   (E, C) => {
     var b = E, {
       className: e,
@@ -2037,7 +2037,7 @@ const Yn = 300, Un = ({
     [o]
   );
   return /* @__PURE__ */ s.createElement(
-    qe,
+    Xe,
     {
       in: e,
       className: "humany-overlay-transition",
@@ -2176,17 +2176,17 @@ const Yn = 300, Un = ({
   const a = R(null), [l, u] = x(!1), [c, m] = x(!1), b = o.style || {}, { width: p, height: d } = b, h = S(b, ["width", "height"]), C = T(() => {
     const g = a.current;
     if (g) {
-      const H = window.innerWidth / g.width, _ = window.innerHeight / g.height, z = Math.min(H, _);
-      return _ >= 1 && H >= 1 ? 1 : z;
+      const z = window.innerWidth / g.width, H = window.innerHeight / g.height, D = Math.min(z, H);
+      return H >= 1 && z >= 1 ? 1 : D;
     }
     return 1;
-  }, [l, t.src]), E = ae(() => {
+  }, [l, t.src]), E = ce(() => {
     const g = a.current;
     if (g) {
       if (!c) {
         m(!0);
-        const H = C();
-        n(H);
+        const z = C();
+        n(z);
       }
       return g.width >= g.height ? [`${e * t.originalWidth}px`, "auto"] : ["auto", `${e * t.originalHeight}px`];
     }
@@ -2195,7 +2195,7 @@ const Yn = 300, Un = ({
   return w(() => (u(!1), function() {
     m(!1);
   }), [t.src]), /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(To, { loading: !l }), /* @__PURE__ */ s.createElement(
-    zo,
+    Do,
     k(f({
       onLoad: () => {
         u(!0);
@@ -2209,12 +2209,12 @@ const Yn = 300, Un = ({
       src: t.src,
       loaded: l
     })
-  ), /* @__PURE__ */ s.createElement(Ho, null));
+  ), /* @__PURE__ */ s.createElement(zo, null));
 }, To = y(So)`
     svg circle {
         stroke: #ffffff;
     }
-`, zo = y.img`
+`, Do = y.img`
     transform: none;
 
     ${(e) => e.imageSize && L`
@@ -2225,11 +2225,11 @@ const Yn = 300, Un = ({
     vertical-align: middle;
     position: relative;
     ${(e) => !e.loaded && "display:none;"}
-`, Ho = y.div`
+`, zo = y.div`
     height: 100%;
     display: inline-block;
     vertical-align: middle;
-`, Do = Ro, _o = () => {
+`, _o = Ro, Ho = () => {
   const e = R(), [t, n] = x(!0), o = T(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
@@ -2237,42 +2237,42 @@ const Yn = 300, Un = ({
   }), [t, e]);
   return [t, o];
 }, Vo = ({ attrs: e, htmlBody: t }) => {
-  var He;
-  const n = q("Escape"), o = q("ArrowLeft"), r = q("ArrowRight"), [i, a] = x(1), [l, u] = x({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = x(!1), [p, d] = _o(), [h, C] = x(null), [E, b] = x(null), v = R(null), g = R(null), H = R(null), _ = R(null);
+  var _e;
+  const n = X("Escape"), o = X("ArrowLeft"), r = X("ArrowRight"), [i, a] = x(1), [l, u] = x({ top: 0, left: 0, x: 0, y: 0 }), [c, m] = x(!1), [p, d] = Ho(), [h, C] = x(null), [E, b] = x(null), v = R(null), g = R(null), z = R(null), H = R(null);
   w(() => {
     n && C(null);
   }, [n]), w(() => {
     a(1);
   }, [h]), w(() => {
-    var j, F;
+    var j, A;
     if (h === null || g.current === null)
       return;
-    const $ = g.current.firstElementChild, D = (j = H.current) == null ? void 0 : j.querySelector(".nav-left"), W = (F = H.current) == null ? void 0 : F.querySelector(".nav-right");
+    const $ = g.current.firstElementChild, _ = (j = z.current) == null ? void 0 : j.querySelector(".nav-left"), W = (A = z.current) == null ? void 0 : A.querySelector(".nav-right");
     if (E === "Right")
-      re && W ? W.focus() : oe && D && D.focus();
+      re && W ? W.focus() : oe && _ && _.focus();
     else if (E === "Left")
-      oe && D ? D.focus() : re && W && W.focus();
+      oe && _ ? _.focus() : re && W && W.focus();
     else {
       if (!$)
         return;
       $.focus();
     }
-  }, [h, g, H, E]), w(() => {
+  }, [h, g, z, E]), w(() => {
     if (o) {
       if (oe)
-        return Te();
+        return De();
     } else if (r && re)
       return ze();
   }, [o, r]);
-  const z = ae(() => {
+  const D = ce(() => {
     const $ = document.createElement("div");
     $.innerHTML = t || "";
-    const D = $.getElementsByTagName("img");
-    return Array.from(D).reduce((j, F) => {
-      const De = F.getAttribute("src"), Ct = F.height || Number.parseInt(F.style.height, 10), yt = F.width || Number.parseInt(F.style.width, 10);
-      if (De) {
+    const _ = $.getElementsByTagName("img");
+    return Array.from(_).reduce((j, A) => {
+      const He = A.getAttribute("src"), Ct = A.height || Number.parseInt(A.style.height, 10), yt = A.width || Number.parseInt(A.style.width, 10);
+      if (He) {
         const bt = {
-          src: De,
+          src: He,
           originalWidth: yt,
           originalHeight: Ct
         };
@@ -2280,55 +2280,55 @@ const Yn = 300, Un = ({
       }
       return j;
     }, []);
-  }, [t]), I = T(() => {
+  }, [t]), N = T(() => {
     const { src: $ } = e;
     if ($) {
-      const D = z.findIndex((W, j) => W.src === $);
-      C(D);
+      const _ = D.findIndex((W, j) => W.src === $);
+      C(_);
     }
-  }, [z, e]), dt = T(($) => {
+  }, [D, e]), dt = T(($) => {
     C(null);
-  }, []), Re = T(
+  }, []), Te = T(
     ($) => {
       a($ ? i + i * 0.25 : i - i * 0.25);
     },
     [a, i]
   ), mt = T(() => {
     if (h !== null) {
-      const { src: $ } = z[h];
+      const { src: $ } = D[h];
       $ && window.open($, "_self");
     }
-  }, [z, h]), ht = T(
+  }, [D, h]), ht = T(
     ($) => {
-      const D = _.current;
-      D && (u({ top: D.scrollTop, left: D.scrollLeft, x: $.clientX, y: $.clientY }), m(!0));
+      const _ = H.current;
+      _ && (u({ top: _.scrollTop, left: _.scrollLeft, x: $.clientX, y: $.clientY }), m(!0));
     },
-    [_]
+    [H]
   ), pt = T(
     ($) => {
-      const D = _.current;
-      if (D && c) {
+      const _ = H.current;
+      if (_ && c) {
         const W = $.clientX - l.x, j = $.clientY - l.y;
-        D.scrollTop = l.top - j, D.scrollLeft = l.left - W;
+        _.scrollTop = l.top - j, _.scrollLeft = l.left - W;
       }
     },
     [c, l]
   ), ft = ($) => {
     $.preventDefault(), m(!1);
-  }, gt = ae(() => {
-    if (_.current) {
-      const $ = _.current.getElementsByTagName("img");
+  }, gt = ce(() => {
+    if (H.current) {
+      const $ = H.current.getElementsByTagName("img");
       if ($ && $.length) {
-        const D = $[0];
-        return D.width > window.innerWidth || D.height > window.innerHeight;
+        const _ = $[0];
+        return _.width > window.innerWidth || _.height > window.innerHeight;
       }
     }
     return !1;
-  }, [_, i]), Te = () => {
+  }, [H, i]), De = () => {
     h !== null && (b("Left"), C(h - 1));
   }, ze = () => {
     h !== null && (b("Right"), C(h + 1));
-  }, oe = h !== null && h > 0 && z.length > 1, re = h !== null && z.length - 1 > h;
+  }, oe = h !== null && h > 0 && D.length > 1, re = h !== null && D.length - 1 > h;
   return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(at, { visible: h !== null, onClick: dt }, /* @__PURE__ */ s.createElement(
     jo,
     {
@@ -2337,8 +2337,8 @@ const Yn = 300, Un = ({
       onTouchStart: () => d(),
       onKeyDown: () => d()
     },
-    /* @__PURE__ */ s.createElement(Fo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
-      Io,
+    /* @__PURE__ */ s.createElement(Ao, { show: p.toString() }, /* @__PURE__ */ s.createElement(
+      No,
       {
         ref: g,
         buttons: [
@@ -2362,32 +2362,32 @@ const Yn = 300, Un = ({
       {
         scrolling: c.toString(),
         isDraggable: gt.toString(),
-        ref: _,
+        ref: H,
         onMouseMove: pt,
         onMouseDown: ht,
         onMouseUp: ft
       },
       h !== null && /* @__PURE__ */ s.createElement(
-        Do,
+        _o,
         k(f({
           changeZoom: ($) => {
             a($);
           },
           zoomState: i
         }, e), {
-          image: z[h]
+          image: D[h]
         })
       )
     ),
     /* @__PURE__ */ s.createElement(
       Oo,
       {
-        ref: H,
+        ref: z,
         show: p.toString(),
         buttons: [
           {
             id: "previous",
-            onClick: Te,
+            onClick: De,
             icon: "caret-left",
             circle: !0,
             show: oe,
@@ -2406,19 +2406,19 @@ const Yn = 300, Un = ({
         ]
       }
     ),
-    /* @__PURE__ */ s.createElement(Ao, { show: p.toString() }, /* @__PURE__ */ s.createElement(
+    /* @__PURE__ */ s.createElement(Fo, { show: p.toString() }, /* @__PURE__ */ s.createElement(
       Wo,
       {
         buttons: [
           {
             id: "zoom-out",
-            onClick: () => Re(!1),
+            onClick: () => Te(!1),
             icon: "zoom-out",
             ariaLabel: "Zoom out"
           },
           {
             id: "zoom-in",
-            onClick: () => Re(!0),
+            onClick: () => Te(!0),
             icon: "zoom-in",
             ariaLabel: "Zoom in"
           }
@@ -2429,17 +2429,17 @@ const Yn = 300, Un = ({
     Bo,
     {
       ref: v,
-      onClick: I,
+      onClick: N,
       onKeyDown: ($) => {
-        $.key === "Enter" && ($.preventDefault(), I());
+        $.key === "Enter" && ($.preventDefault(), N());
       },
       tabIndex: 0
     },
-    /* @__PURE__ */ s.createElement(Yo, k(f({}, e), { alt: ((He = e.alt) == null ? void 0 : He.toString()) || "" }))
+    /* @__PURE__ */ s.createElement(Yo, k(f({}, e), { alt: ((_e = e.alt) == null ? void 0 : _e.toString()) || "" }))
   ));
-}, Se = V(
+}, Re = V(
   ({ show: e = "true", buttons: t, className: n }, o) => /* @__PURE__ */ s.createElement(
-    No,
+    Io,
     {
       ref: o,
       show: e,
@@ -2469,16 +2469,16 @@ const Yn = 300, Un = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Bo = y(Me)`
+`, Bo = y(Se)`
     display: inline-block !important;
-`, No = y(ct)`
+`, Io = y(ct)`
     position: fixed;
     display: flex;
     gap: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
 }};
-`, be = "39px", Po = y(ue)`
+`, be = "39px", Po = y(de)`
     width: ${be};
     height: ${be};
     display: flex;
@@ -2506,7 +2506,7 @@ const Yn = 300, Un = ({
                   }
 
                   &:focus-visible {
-                      ${A(e)}
+                      ${F(e)}
                       outline-color: #ffffff;
                       background-color: transparent;
 
@@ -2528,7 +2528,7 @@ const Yn = 300, Un = ({
                       outline-color: #ffffff;
                   }
                   &:focus-visible {
-                      ${A(e)}
+                      ${F(e)}
                   }
               `;
 }}
@@ -2543,7 +2543,7 @@ const Yn = 300, Un = ({
                   opacity: 0;
                   pointer-events: none;
               `}
-`, Io = y(Se)`
+`, No = y(Re)`
     top: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2552,7 +2552,7 @@ const Yn = 300, Un = ({
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
 }};
-`, Wo = y(Se)`
+`, Wo = y(Re)`
     bottom: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.large;
@@ -2560,7 +2560,7 @@ const Yn = 300, Un = ({
     width: 100%;
     align-items: center;
     justify-content: center;
-`, Oo = y(Se)`
+`, Oo = y(Re)`
     display: block;
     button {
         position: fixed;
@@ -2605,10 +2605,10 @@ const Yn = 300, Un = ({
     z-index: 5;
 `, jo = y.div`
     width: 100%;
-`, Fo = y(lt)`
+`, Ao = y(lt)`
     top: 0px;
     background-image: linear-gradient(to bottom, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
-`, Ao = y(lt)`
+`, Fo = y(lt)`
     bottom: 0px;
     background-image: linear-gradient(to top, rgb(34, 34, 34, 0.8), rgba(34, 34, 34, 0));
 `, Ko = y.div`
@@ -2622,16 +2622,16 @@ const Yn = 300, Un = ({
     cursor: ${(e) => e.isDraggable === "true" ? e.scrolling === "true" ? "grabbing" : "grab" : "auto"};
 `, Yo = y.img`
     cursor: pointer;
-`, Uo = Vo, Xo = V(
+`, Uo = Vo, qo = V(
   (l, a) => {
     var u = l, { className: e, children: t, trigger: n, onOverlayClick: o = () => {
     }, close: r = !1 } = u, i = S(u, ["className", "children", "trigger", "onOverlayClick", "close"]);
-    const [c, m] = ot(), [p, d] = nt(!0), h = R(), C = R(ee()), E = q("Escape");
+    const [c, m] = ot(), [p, d] = nt(!0), h = R(), C = R(ee()), E = X("Escape");
     w(() => {
       (E || r) && m(!1);
     }, [E, r]), w(() => {
       c && h.current && h.current.focus();
-    }, [c, h.current]), de("router:changed", () => {
+    }, [c, h.current]), me("router:changed", () => {
       m(!1);
     });
     const b = T(
@@ -2645,7 +2645,7 @@ const Yn = 300, Un = ({
         m(!1);
       }
     }));
-    const v = T(() => xe(C.current, () => {
+    const v = T(() => ke(C.current, () => {
       m(!1);
     }), [C.current]);
     return /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(at, { visible: c, onClick: b }, /* @__PURE__ */ s.createElement(
@@ -2662,7 +2662,7 @@ const Yn = 300, Un = ({
         ref: d
       }),
       /* @__PURE__ */ s.createElement(
-        Le,
+        Me,
         {
           onClick: () => m(!1),
           tabIndex: 0,
@@ -2677,7 +2677,7 @@ const Yn = 300, Un = ({
       }
     }));
   }
-), qo = Xo, Qo = y.div`
+), Xo = qo, Qo = y.div`
     font-family: ${(e) => {
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.type;
@@ -2715,8 +2715,8 @@ const Yn = 300, Un = ({
     var p;
     i(), (p = u == null ? void 0 : u.current) == null || p.close();
   }, [i]);
-  return /* @__PURE__ */ s.createElement(Jo, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ s.createElement(Ze, null, n), o && /* @__PURE__ */ s.createElement(Ze, null, o), l && /* @__PURE__ */ s.createElement(er, { onClick: m }, l), a && /* @__PURE__ */ s.createElement(tr, { onClick: c }, a));
-}, Cs = Go, Jo = y(qo)`
+  return /* @__PURE__ */ s.createElement(Jo, { className: e, trigger: t, ref: u, onOverlayClick: c }, n && /* @__PURE__ */ s.createElement(je, null, n), o && /* @__PURE__ */ s.createElement(je, null, o), l && /* @__PURE__ */ s.createElement(er, { onClick: m }, l), a && /* @__PURE__ */ s.createElement(tr, { onClick: c }, a));
+}, Cs = Go, Jo = y(Xo)`
     display: block;
 
     span {
@@ -2734,7 +2734,7 @@ const Yn = 300, Un = ({
 }};
         }
     }
-`, er = y(ue)`
+`, er = y(de)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2762,9 +2762,9 @@ const Yn = 300, Un = ({
     }
 
     &:focus-visible {
-        ${A}
+        ${F}
     }
-`, tr = y(ue)`
+`, tr = y(de)`
     display: inline-block;
     min-width: 50px;
     ${(e) => {
@@ -2783,7 +2783,7 @@ const Yn = 300, Un = ({
 }};
 
     &:focus-visible {
-        ${A};
+        ${F};
     }
 `, nr = ({
   header: e = "",
@@ -2794,7 +2794,7 @@ const Yn = 300, Un = ({
     display: flex;
     flex-wrap: wrap;
 `, rr = y.div`
-    ${(e) => ce(e)(
+    ${(e) => le(e)(
   "h2",
   L`
                 padding: 0;
@@ -2811,7 +2811,7 @@ const Yn = 300, Un = ({
 
     ${(e) => {
   var t;
-  return ce(e)(
+  return le(e)(
     "h3",
     L`
                 text-transform: uppercase;
@@ -2883,13 +2883,13 @@ class ar extends kt {
 const bs = ar, cr = V(
   (a, i) => {
     var l = a, { className: e, description: t, text: n, children: o } = l, r = S(l, ["className", "description", "text", "children"]);
-    return /* @__PURE__ */ s.createElement(Me, k(f({ className: M(e, "humany-text-link") }, r), { ref: i }), o, /* @__PURE__ */ s.createElement(ke, null, n), t ? /* @__PURE__ */ s.createElement(it, { html: t, className: "humany-description" }) : null);
+    return /* @__PURE__ */ s.createElement(Se, k(f({ className: M(e, "humany-text-link") }, r), { ref: i }), o, /* @__PURE__ */ s.createElement(Le, null, n), t ? /* @__PURE__ */ s.createElement(it, { html: t, className: "humany-description" }) : null);
   }
 );
 var lr = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(lr || {});
-const ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ s.createElement("span", { className: M(e, "humany-timestamp") }, dr(n, t)), vs = ur, je = (e) => `0${e}`.slice(-2);
+const ur = ({ className: e = "", format: t = "hh:mm", timestamp: n }) => /* @__PURE__ */ s.createElement("span", { className: M(e, "humany-timestamp") }, dr(n, t)), vs = ur, Ae = (e) => `0${e}`.slice(-2);
 function dr(e, t) {
-  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${je(a)}-${je(l)}`;
+  const n = new Date(e), o = n.toTimeString().split(" ")[0].split(":"), r = o.length > 1 ? `${o[0]}:${o[1]}` : o[0], i = n.getFullYear(), a = n.getMonth() + 1, l = n.getDate(), u = `${i}-${Ae(a)}-${Ae(l)}`;
   return t === "yyyy-mm-dd" ? u : t === "hh:mm" ? r : `${u} ${r}`;
 }
 const mr = (i) => {
@@ -3030,7 +3030,7 @@ const mr = (i) => {
   (l, a) => {
     var u = l, { className: e, children: t, onClick: n = () => {
     }, widgetName: o, activationOptions: r } = u, i = S(u, ["className", "children", "onClick", "widgetName", "activationOptions"]);
-    const c = N(), m = () => {
+    const c = I(), m = () => {
       const { implementation: h } = c.get("$widget");
       return h.widgets.get(o);
     };
@@ -3045,7 +3045,7 @@ const mr = (i) => {
       if (C) {
         const b = () => {
           C.invoke("renderState").then(
-            (v) => v === ie.open ? C.invoke("close") : C.invoke("open")
+            (v) => v === ae.open ? C.invoke("close") : C.invoke("open")
           ).then(() => {
             C.events.subscribeOnce("widget:area-rendered", (v, g) => {
               c.get(
@@ -3063,7 +3063,7 @@ const mr = (i) => {
       h.key === "Enter" && (h.preventDefault(), p(h));
     };
     return /* @__PURE__ */ s.createElement(
-      Me,
+      Se,
       k(f({
         className: M(e, "humany-widget-link"),
         onKeyDown: d,
@@ -3078,7 +3078,7 @@ const mr = (i) => {
   }
 ), $s = V(
   ({ portalId: e = "humany-widget-overlay-portal", className: t, children: n }, o) => {
-    const r = N(), i = ae(() => {
+    const r = I(), i = ce(() => {
       if (!r)
         return null;
       const a = r.get("widgetDOMElement");
@@ -3107,7 +3107,7 @@ const mr = (i) => {
   t,
   Lt(() => n)
 ), Ye(e, t, o || (() => {
-}), t, r))), xs = yr, br = (e, t, n, o, r) => pe(void 0, null, function* () {
+}), t, r))), xs = yr, br = (e, t, n, o, r) => ie(void 0, null, function* () {
   const i = yield e.getAsync("componentResolver");
   return console.log("registering component", t, n), i.registerComponent(t, () => n), yield Ye(e, t, o || (() => {
   }), t, r);
@@ -3118,7 +3118,7 @@ var vr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, ut = (e, t
   return o && r && vr(t, n, r), r;
 };
 const Er = (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e);
-let le = class extends Tt {
+let ue = class extends Tt {
   constructor() {
     super(...arguments), this.variant = "span";
   }
@@ -3127,16 +3127,16 @@ let le = class extends Tt {
     return t ? t.trim() : e;
   }
   render() {
-    const e = Er(this.variant) ? this._getTag(this.variant) : this.variant, t = Dt(e);
-    return _t`
+    const e = Er(this.variant) ? this._getTag(this.variant) : this.variant, t = _t(e);
+    return Ht`
       <${t}>
         <slot />
       </${t}>
     `;
   }
 };
-le.styles = [
-  Xe`
+ue.styles = [
+  qe`
             h1,
             h2,
             h3,
@@ -3154,11 +3154,11 @@ le.styles = [
         `
 ];
 ut([
-  X({ type: String })
-], le.prototype, "variant", 2);
-le = ut([
-  Ht("ui-typography")
-], le);
+  q({ type: String })
+], ue.prototype, "variant", 2);
+ue = ut([
+  zt("ui-typography")
+], ue);
 class Ls {
   constructor(t) {
     (this.host = t).addController(this);
@@ -3174,7 +3174,38 @@ class Ls {
     this.host.removeEventListener("set-properties", this.propertyChangeHandler);
   }
 }
-const ve = "context.connectEvent", Ms = Qe(
+class Ms {
+  constructor(t) {
+    this.nodeId = "", this._host = t;
+  }
+  initialize() {
+    return ie(this, null, function* () {
+      if (this.nodeId = this._host.getAttribute("nodeId"), !this.nodeId) {
+        console.warn("Could not get node id in DataProvider.");
+        return;
+      }
+      if (this.container = this._requestInstance("container"), !this.container) {
+        console.warn("Could not get data in DataProvider. Container was not defined.");
+        return;
+      }
+      const t = yield Ee.getInstance(this.container);
+      if (this.node = t.nodes.get(this.nodeId), !this.node) {
+        console.warn(`Could not get component node with ID: ${this.nodeId}.`);
+        return;
+      }
+    });
+  }
+  _requestInstance(t) {
+    const n = new CustomEvent("request-instance", {
+      detail: { key: t },
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0
+    });
+    return this._host.dispatchEvent(n), n.detail.instance;
+  }
+}
+const ve = "context.connectEvent", Ss = Qe(
   (e) => {
     class t extends e {
       constructor() {
@@ -3263,10 +3294,10 @@ var xr = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Fe = (e, t
     (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
   return o && r && xr(t, n, r), r;
 };
-const Ss = (e) => {
+const Rs = (e) => {
   class t extends e {
     constructor(...o) {
-      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => pe(this, null, function* () {
+      super(), this.hasPendingChildren = !1, this.pendingCount = 0, this.addEventListener("pending-state", (r) => ie(this, null, function* () {
         this.hasPendingChildren = !0, this.pendingCount++, yield r.detail.promise, this.pendingCount--, this.hasPendingChildren = this.pendingCount !== 0;
       }));
     }
@@ -3276,7 +3307,7 @@ const Ss = (e) => {
   ], t.prototype, "hasPendingChildren", 2), Fe([
     Y()
   ], t.prototype, "pendingCount", 2), t;
-}, Rs = (e) => {
+}, Ts = (e) => {
   class t extends e {
     constructor(...o) {
       super(), this._instances = /* @__PURE__ */ new Map(), this.addEventListener("request-instance", (r) => {
@@ -3303,16 +3334,16 @@ const Ss = (e) => {
   }
   return t;
 }, Mr = (e) => {
-  var n, o, r, i, a, l, u, c, m, p, d, h, C, E, b, v, g, H, _, z, I;
+  var n, o, r, i, a, l, u, c, m, p, d, h, C, E, b, v, g, z, H, D, N;
   const t = {};
-  return e.cardinal && (t["--cardinal"] = `${e.cardinal}px`), e.gap && (t["--gap"] = `${e.gap}`), (n = e.fonts) != null && n.type && (t["--fonts-type"] = `${e.fonts.type}`), (o = e.fonts) != null && o.small && (t["--fonts-small"] = `${e.fonts.small}`), (r = e.fonts) != null && r.normal && (t["--fonts-normal"] = `${e.fonts.small}`), (i = e.fonts) != null && i.medium && (t["--fonts-medium"] = `${e.fonts.medium}`), (a = e.fonts) != null && a.large && (t["--fonts-large"] = `${e.fonts.large}`), (l = e.fonts) != null && l.huge && (t["--fonts-huge"] = `${e.fonts.huge}`), (u = e.colors) != null && u.accent && (t["--colors-accent"] = `${e.colors.accent}`), (c = e.colors) != null && c.link && (t["--colors-link"] = `${e.colors.link}`), (m = e.colors) != null && m.primary && (t["--colors-primary"] = `${e.colors.primary}`), (p = e.colors) != null && p.text && (t["--colors-text"] = `${e.colors.text}`), (d = e.colors) != null && d.textLight && (t["--colors-textLight"] = `${e.colors.textLight}`), (h = e.colors) != null && h.warning && (t["--colors-warning"] = `${e.colors.warning}`), (C = e.accessibility) != null && C.border && (t["--accessibility-border"] = `${e.accessibility.border}`), (b = (E = e.accessibility) == null ? void 0 : E.colors) != null && b.inactiveText && (t["--accessibility-colors-inactiveText"] = `${e.accessibility.colors.inactiveText}`), (g = (v = e.accessibility) == null ? void 0 : v.colors) != null && g.activeText && (t["--accessibility-colors-activeText"] = `${e.accessibility.colors.activeText}`), e.inputBorder && (t["--inputBorder"] = `${e.inputBorder}`), e.borderRadius && (t["--borderRadius"] = `${e.borderRadius}`), e.boxShadow && (t["--boxShadow"] = `${e.boxShadow}`), e.border && (t["--border"] = `${e.border}`), (H = e.sizes) != null && H.small && (t["--size-small"] = `${e.sizes.small}`), (_ = e.sizes) != null && _.normal && (t["--size-normal"] = `${e.sizes.normal}`), (z = e.sizes) != null && z.medium && (t["--size-medium"] = `${e.sizes.medium}`), (I = e.sizes) != null && I.large && (t["--size-large"] = `${e.sizes.large}`), e.typographyVariantMapping && (e.typographyVariantMapping.h1 && (t["--typography-h1"] = `${e.typographyVariantMapping.h1}`), e.typographyVariantMapping.h2 && (t["--typography-h2"] = `${e.typographyVariantMapping.h2}`), e.typographyVariantMapping.h3 && (t["--typography-h3"] = `${e.typographyVariantMapping.h3}`), e.typographyVariantMapping.h4 && (t["--typography-h4"] = `${e.typographyVariantMapping.h4}`), e.typographyVariantMapping.h5 && (t["--typography-h5"] = `${e.typographyVariantMapping.h5}`), e.typographyVariantMapping.h6 && (t["--typography-h6"] = `${e.typographyVariantMapping.h6}`)), t;
+  return e.cardinal && (t["--cardinal"] = `${e.cardinal}px`), e.gap && (t["--gap"] = `${e.gap}`), (n = e.fonts) != null && n.type && (t["--fonts-type"] = `${e.fonts.type}`), (o = e.fonts) != null && o.small && (t["--fonts-small"] = `${e.fonts.small}`), (r = e.fonts) != null && r.normal && (t["--fonts-normal"] = `${e.fonts.small}`), (i = e.fonts) != null && i.medium && (t["--fonts-medium"] = `${e.fonts.medium}`), (a = e.fonts) != null && a.large && (t["--fonts-large"] = `${e.fonts.large}`), (l = e.fonts) != null && l.huge && (t["--fonts-huge"] = `${e.fonts.huge}`), (u = e.colors) != null && u.accent && (t["--colors-accent"] = `${e.colors.accent}`), (c = e.colors) != null && c.link && (t["--colors-link"] = `${e.colors.link}`), (m = e.colors) != null && m.primary && (t["--colors-primary"] = `${e.colors.primary}`), (p = e.colors) != null && p.text && (t["--colors-text"] = `${e.colors.text}`), (d = e.colors) != null && d.textLight && (t["--colors-textLight"] = `${e.colors.textLight}`), (h = e.colors) != null && h.warning && (t["--colors-warning"] = `${e.colors.warning}`), (C = e.accessibility) != null && C.border && (t["--accessibility-border"] = `${e.accessibility.border}`), (b = (E = e.accessibility) == null ? void 0 : E.colors) != null && b.inactiveText && (t["--accessibility-colors-inactiveText"] = `${e.accessibility.colors.inactiveText}`), (g = (v = e.accessibility) == null ? void 0 : v.colors) != null && g.activeText && (t["--accessibility-colors-activeText"] = `${e.accessibility.colors.activeText}`), e.inputBorder && (t["--inputBorder"] = `${e.inputBorder}`), e.borderRadius && (t["--borderRadius"] = `${e.borderRadius}`), e.boxShadow && (t["--boxShadow"] = `${e.boxShadow}`), e.border && (t["--border"] = `${e.border}`), (z = e.sizes) != null && z.small && (t["--size-small"] = `${e.sizes.small}`), (H = e.sizes) != null && H.normal && (t["--size-normal"] = `${e.sizes.normal}`), (D = e.sizes) != null && D.medium && (t["--size-medium"] = `${e.sizes.medium}`), (N = e.sizes) != null && N.large && (t["--size-large"] = `${e.sizes.large}`), e.typographyVariantMapping && (e.typographyVariantMapping.h1 && (t["--typography-h1"] = `${e.typographyVariantMapping.h1}`), e.typographyVariantMapping.h2 && (t["--typography-h2"] = `${e.typographyVariantMapping.h2}`), e.typographyVariantMapping.h3 && (t["--typography-h3"] = `${e.typographyVariantMapping.h3}`), e.typographyVariantMapping.h4 && (t["--typography-h4"] = `${e.typographyVariantMapping.h4}`), e.typographyVariantMapping.h5 && (t["--typography-h5"] = `${e.typographyVariantMapping.h5}`), e.typographyVariantMapping.h6 && (t["--typography-h6"] = `${e.typographyVariantMapping.h6}`)), t;
 };
 var Sr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, P = (e, t, n, o) => {
   for (var r = o > 1 ? void 0 : o ? Rr(t, n) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (r = (o ? a(t, n, r) : a(r)) || r);
   return o && r && Sr(t, n, r), r;
 };
-const Tr = (e) => `w-${e}`, Ts = (e) => {
+const Tr = (e) => `w-${e}`, Ds = (e) => {
   class t extends $r(Lr(e)) {
     constructor() {
       super(), this.listeners = [], this.setColumns = (o) => {
@@ -3334,7 +3365,7 @@ const Tr = (e) => `w-${e}`, Ts = (e) => {
     }
     connectedCallback() {
       super.connectedCallback(), this.container = this.requestInstance("container"), this.container && Promise.all([
-        Ae.getInstance(this.container),
+        Ee.getInstance(this.container),
         this.container.getAsync("componentResolver")
       ]).then((o) => {
         const r = o[0], i = o[1], a = r.nodes.get(this.nodeId || "");
@@ -3394,38 +3425,38 @@ const Tr = (e) => `w-${e}`, Ts = (e) => {
       return this._context ? Mr(this._context) : {};
     }
     render() {
-      const o = super.render(), r = this._getContextStyles(), i = Pe`
-        <style>
-          :host {
-            ${Object.entries(r).map(([a, l]) => Xe`
-              ${zt(`${a}: ${l};`)}
-            `)}
-          }
-        </style>
-      `;
-      return Pe`
-        <style>
-          :host {
-            --size: ${this._layout.size || "full"};
-            --width: ${(this._layout.size || "full") === "full" ? "var(--columns)" : `min(var(--columns), ${this._layout.size})`};
-            grid-column: span var(--width);
-          }
-        </style>
+      const o = super.render(), r = this._getContextStyles(), i = Ne`
+                <style>
+                    :host {
+                      ${Object.entries(r).map(([a, l]) => qe`
+                            ${Dt(`${a}: ${l};`)}
+                        `)}
+                    }
+                </style>
+            `;
+      return Ne`
+                <style>
+                    :host {
+                        --size: ${this._layout.size || "full"};
+                        --width: ${(this._layout.size || "full") === "full" ? "var(--columns)" : `min(var(--columns), ${this._layout.size})`};
+                        grid-column: span var(--width);
+                    }
+                </style>
 
-        ${i} ${o}
-      `;
+                ${i} ${o}
+            `;
     }
   }
   return P([
-    X({ type: String })
+    q({ type: String })
   ], t.prototype, "nodeId", 2), P([
-    X({ type: String })
+    q({ type: String })
   ], t.prototype, "branch", 2), P([
-    X({ type: String })
+    q({ type: String })
   ], t.prototype, "width", 2), P([
-    X({ type: Number })
+    q({ type: Number })
   ], t.prototype, "_columns", 2), P([
-    X({ type: Number })
+    q({ type: Number })
   ], t.prototype, "columns", 2), P([
     Y()
   ], t.prototype, "_width", 2), P([
@@ -3440,15 +3471,16 @@ const Tr = (e) => `w-${e}`, Ts = (e) => {
 };
 export {
   Jt as AnchorLink,
-  ue as Button,
+  de as Button,
   Ur as Checkbox,
   on as ColumnContext,
   Je as ComponentNodeContext,
   rn as ComponentPropertyContext,
   Cs as Confirm,
-  Ms as ConsumerMixin,
+  Ss as ConsumerMixin,
   nn as ContainerContext,
   an as ConversationContext,
+  Ms as DataProvider,
   lr as DateFormats,
   ms as Drawer,
   Kn as DrawerAnimationType,
@@ -3461,63 +3493,63 @@ export {
   ho as ItemList,
   gs as ItemTree,
   Uo as Lightbox,
-  Me as Link,
+  Se as Link,
   uo as List,
-  qo as Modal,
+  Xo as Modal,
   Ls as NodeConnector,
   ys as NotFound,
   at as Overlay,
   mo as Paragraph,
-  Ss as PendingState,
+  Rs as PendingState,
   te as Portal,
-  Rs as ProviderMixin,
+  Ts as ProviderMixin,
   Lr as Requester,
   fo as RouteLink,
   sn as RoutingContext,
-  Ze as StyledText,
+  je as StyledText,
   ne as SymbolBadge,
   bs as TabStop,
-  ke as Text,
+  Le as Text,
   cr as TextLink,
   vs as Timestamp,
   ws as Tooltip,
   Es as TransitionComponent,
   J as Typography,
-  le as TypographyUi,
-  Ts as WidgetComponentMixin,
+  ue as TypographyUi,
+  Ds as WidgetComponentMixin,
   gr as WidgetLink,
   $s as WidgetOverlayOutlet,
-  A as borderTabStyle,
-  Oe as browser,
-  Nn as buttonCss,
+  F as borderTabStyle,
+  Ze as browser,
+  In as buttonCss,
   rt as contentBox,
   B as convertToStringAttributes,
   Yr as createEmptyComponent,
   xs as createReactComponent,
   ks as createWebComponent,
   Qt as defaultRenderInstructions,
-  At as embeddedLinkMapper,
+  Ft as embeddedLinkMapper,
   Yt as filterCssProps,
   Kt as filterCssPropsStyle,
   Ut as genericHashLink,
   ds as genericHtml,
-  ce as headingElement,
-  qt as imageLightboxRenderer,
+  le as headingElement,
+  Xt as imageLightboxRenderer,
   cs as invertedHoverButton,
   us as itemList,
   Pn as linkTabStyle,
-  In as list,
+  Nn as list,
   ls as paddedBorderTabStyle,
-  Xt as processHtmlString,
+  qt as processHtmlString,
   Ce as transitionComposer,
-  Xr as useAction,
-  qr as useChildren,
+  qr as useAction,
+  Xr as useChildren,
   Qr as useColumns,
   Gr as useComponent,
-  Ee as useComponentDescriptor,
-  $e as useComponentNode,
+  $e as useComponentDescriptor,
+  xe as useComponentNode,
   G as useComponentPlatform,
-  N as useContainer,
+  I as useContainer,
   yn as useContext,
   Jr as useConversation,
   es as useDispatch,
@@ -3525,7 +3557,7 @@ export {
   En as useEvents,
   Z as useIsMounted,
   ts as useIsTabbing,
-  q as useKeyPress,
+  X as useKeyPress,
   ns as useLayout,
   et as usePrevious,
   os as useProperties,
@@ -3536,7 +3568,7 @@ export {
   is as useSettings,
   ot as useToggle,
   as as useTransitionEnd,
-  xe as useUniqueMenu,
-  de as useWidgetEvent
+  ke as useUniqueMenu,
+  me as useWidgetEvent
 };
 //# sourceMappingURL=index.js.map