@telia-ace/widget-ui 1.3.39 → 1.3.41-rc.0

package/index.mjs

@@ -1,11 +1,11 @@
 var it = Object.defineProperty;
 var st = (e, t, n) => t in e ? it(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var te = (e, t, n) => (st(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { css as k, keyframes as Be } from "@emotion/react";
+import { css as $, keyframes as Be } from "@emotion/react";
 import { kebabCase as at, appendClassNames as M, uuid as _, removeNullAndUndefinedValues as He, Logger as de } from "@telia-ace/widget-utilities";
 import { jsx as i, jsxs as b, Fragment as U } from "react/jsx-runtime";
 import C from "@emotion/styled";
-import oe, { forwardRef as D, createContext as K, useContext as P, useState as w, useEffect as v, useRef as L, useCallback as E, useImperativeHandle as ge, createElement as ct, useMemo as re, Component as lt, lazy as dt } from "react";
+import oe, { forwardRef as D, createContext as K, useContext as P, useState as k, useEffect as v, useRef as L, useCallback as H, useImperativeHandle as ge, createElement as ct, useMemo as re, Component as lt, lazy as dt } from "react";
 import { CSSTransition as Ve, Transition as ut } from "react-transition-group";
 import { Container as ht, WidgetState as ft } from "@webprovisions/platform";
 import { ComponentPlatform as mt, asDescriptor as gt, createEventSubscriber as pt, ComponentQuery as Ct, WidgetRenderState as ne, extendComponent as yt } from "@telia-ace/widget-core";
@@ -48,16 +48,16 @@ const xt = (e) => e === "entering" || e === "entered", wt = (e) => e === "exitin
   compose: (e = "exited", t) => {
     const { enter: n, exit: o } = t, r = n.transitionKeys.split(" "), s = kt.indexOf(r[0]) > -1 ? "transform" : "opacity";
     if (xt(e))
-      return r && r.length > 0 ? k`
+      return r && r.length > 0 ? $`
           ${r && r.length > 0 && r.map((h) => F[h] ? F[h].in : "")}
           transition: ${s} ${n.duration}ms ${n.easing};
         ` : "";
-    const c = r && r.length > 0 && k`
+    const c = r && r.length > 0 && $`
         ${r.map((h) => F[h] ? F[h].out : "")}
       `;
     if (wt(e)) {
       const h = o.transitionKeys.split(" ");
-      return h && h.length > 0 && e === "exiting" ? k`
+      return h && h.length > 0 && e === "exiting" ? $`
           ${c};
           ${h.map((a) => F[a] ? F[a].out : "")}
           transition: ${s} ${o.duration}ms ${o.easing};
@@ -158,7 +158,7 @@ const Ne = () => {
   let t = "";
   return Object.keys(We(e)).forEach((n) => {
     n.indexOf("css-") > -1 && (t += `${n.replace("css-", "")}:${e[n]};`);
-  }), k`
+  }), $`
     ${t}
   `;
 }, Et = (e, t) => {
@@ -189,7 +189,7 @@ const Ne = () => {
     r,
     e.theme.typographyVariantMapping || {}
   );
-  return k`
+  return $`
       ${c} {
         ${n}
       }
@@ -280,7 +280,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     });
   };
 }, Ce = (e) => {
-  const t = P(Ze), n = Y(), [o, r] = w();
+  const t = P(Ze), n = Y(), [o, r] = k();
   return v(() => {
     if ((e || t.id) && n) {
       const s = n.nodes.get(e || t.id);
@@ -293,7 +293,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     e.current = !1;
   }), []), e;
 }, Y = (e) => {
-  const t = B(), [n, o] = w(null), r = Z();
+  const t = B(), [n, o] = k(null), r = Z();
   return v(() => {
     mt.getInstance(e || t).then(
       (s) => {
@@ -302,7 +302,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     );
   }, [r]), n;
 }, ko = () => {
-  const e = Ce(), t = Y(), [n, o] = w([]), r = Z(), s = E(
+  const e = Ce(), t = Y(), [n, o] = k([]), r = Z(), s = H(
     (c) => {
       if (t && r.current && c) {
         const h = t.getBranch(c), a = c.getChildren(h).map((l) => gt(l));
@@ -328,7 +328,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     }
   }, [e, t, s]), n;
 }, $o = () => P(Vt), Lo = (e, t) => {
-  const n = pe(), o = B(), [r, s] = w(void 0), c = Z(), h = e || n.type || "";
+  const n = pe(), o = B(), [r, s] = k(void 0), c = Z(), h = e || n.type || "";
   return v(() => {
     if (h) {
       let a;
@@ -346,7 +346,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     }
   }, [c, h, t, o]), r;
 }, Ot = (e) => {
-  const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
+  const t = Ce(e), n = Y(), [o, r] = k({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.context);
   }, [s, t]), v(() => {
@@ -363,7 +363,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     }
   }, [s, n, t]), o;
 }, Mo = () => P(It), So = () => {
-  const e = Y(), t = pe(), [n, o] = w([]), [r, s] = w();
+  const e = Y(), t = pe(), [n, o] = k([]), [r, s] = k();
   return v(() => {
     if (e && t) {
       const c = new Ct(e).withId(t.id), h = e.actions(c, t.type || _());
@@ -396,7 +396,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   const t = B(), { events: n } = (e || t).get("$widget");
   return n;
 }, Eo = () => {
-  const [e, t] = w(!1);
+  const [e, t] = k(!1);
   return v(() => {
     const n = () => {
       t(!1);
@@ -408,13 +408,13 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     };
   }, []), e;
 }, j = (e, t) => {
-  const [n, o] = w(!1), r = E(
+  const [n, o] = k(!1), r = H(
     (c) => {
       const { key: h } = c;
       h === e && (o(!0), t && t(c));
     },
     [o, t]
-  ), s = E(
+  ), s = H(
     ({ key: c }) => {
       c === e && o(!1);
     },
@@ -422,7 +422,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   );
   return W("keydown", r, window), W("keyup", s, window), n;
 }, Ho = (e) => {
-  const t = Ce(e), n = Y(), [o, r] = w({}), s = Z();
+  const t = Ce(e), n = Y(), [o, r] = k({}), s = Z();
   return v(() => {
     t && s.current && r(t.attributes.layout);
   }, [t, s]), v(() => {
@@ -444,7 +444,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     t.current = e;
   }), t.current;
 }, Ro = () => P(Wt), To = (e) => {
-  const [t, n] = w(), o = B(), r = Z();
+  const [t, n] = k(), o = B(), r = Z();
   return v(() => {
     let s;
     const c = (e || o).get("$widget");
@@ -471,7 +471,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
     };
   }, [r]), t;
 }, Oe = () => P(Zt), No = (e) => {
-  const t = B(), n = Oe(), [o, r] = w({
+  const t = B(), n = Oe(), [o, r] = k({
     name: "",
     params: {}
   }), s = Z();
@@ -498,18 +498,18 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 }, Ae = (e) => {
   const t = L(), n = L(0);
   let o;
-  const r = E(() => {
+  const r = H(() => {
     var l;
     (l = t.current) == null || l.classList.add("humany-scrolling"), clearTimeout(o), o = setTimeout(() => {
       var d;
       (d = t.current) == null || d.classList.remove("humany-scrolling");
     }, 500);
-  }, [t]), s = E(
+  }, [t]), s = H(
     (l) => {
       n.current = l.touches[0].clientY;
     },
     [t]
-  ), c = (l) => h(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, h = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = E(
+  ), c = (l) => h(l) ? l === t.current ? l : null : l.parentElement ? c(l.parentElement) : null, h = (l) => l.scrollWidth > l.clientWidth || l.scrollHeight > l.clientHeight, a = H(
     (l) => {
       if (!l.cancelable)
         return;
@@ -566,19 +566,19 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
         }
     }
 `, Do = () => {
-  const [e, t] = w(null), n = B(), o = Z();
+  const [e, t] = k(null), n = B(), o = Z();
   return v(() => {
     n.get("settings").then((r) => {
       o.current && t(r);
     });
   }, [o]), e;
 }, Fe = (e = !1) => {
-  const [t, n] = w(e), o = E((r) => {
+  const [t, n] = k(e), o = H((r) => {
     n(typeof r == "boolean" ? r : (s) => !s);
   }, []);
   return [t, o];
 }, zo = (e) => {
-  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = w(null), [c, h] = w(null), a = Z();
+  const t = B(), n = Y(), o = t.get("widgetDOMElement"), [r, s] = k(null), [c, h] = k(null), a = Z();
   v(() => {
     if (n && a.current) {
       const d = n.nodes.all.find((f) => f.name === "root-area"), u = n.nodes.all.find((f) => f.type === "view");
@@ -592,7 +592,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       }
     }
   }, [n, t, a]);
-  const l = E(
+  const l = H(
     (d) => {
       a.current && (d.target === r || d.target === c) && e();
     },
@@ -632,7 +632,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       children: t
     }
   )
-), Pe = (e) => k`
+), Pe = (e) => $`
   display: flex;
   justify-content: center;
   flex-direction: column;
@@ -643,7 +643,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   ${e["data-loading"] && "min-height: 150px;"}
 `, Pt = (e) => {
   var t, n, o;
-  return k`
+  return $`
   cursor: pointer;
   text-align: center;
   border: none;
@@ -656,7 +656,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 }, Bo = (e) => {
   var c;
   const { primaryColor: t, secondaryColor: n, active: o, theme: r, disabled: s } = e;
-  return k`
+  return $`
     ${Pt(e)}
     border: 1px solid ${o ? n : t};
     background-color: ${o ? t : n};
@@ -673,7 +673,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
       font-size: ${(c = r.fonts) == null ? void 0 : c.normal};
     }
 
-    ${!s && k`
+    ${!s && $`
       &:hover {
         background-color: ${t};
         color: ${n};
@@ -693,17 +693,17 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   `;
 }, O = (e) => {
   var t, n, o;
-  return k`
+  return $`
   outline: ${(t = e.theme.accessibility) == null ? void 0 : t.border};
   color: ${(o = (n = e.theme.accessibility) == null ? void 0 : n.colors) == null ? void 0 : o.inactiveText};
   border-color: transparent;
 `;
-}, jt = (e) => k`
+}, jt = (e) => $`
   ${O(e)}
   text-decoration: underline;
 `, Vo = (e) => {
   var t;
-  return k`
+  return $`
   ${O(e)}
   outline-offset: ${(t = e.theme.sizes) == null ? void 0 : t.small};
 `;
@@ -748,7 +748,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 }};
 `, Kt = (e) => {
   var t;
-  return k`
+  return $`
   padding: 0;
   margin: 0;
   list-style: none;
@@ -770,11 +770,11 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 `;
 }, Wo = (e) => {
   var t, n, o, r;
-  return k`
+  return $`
   > div {
     ${ie(e)(
     "> h1",
-    k`
+    $`
         margin: 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.normal};
         font-size: ${(n = e.theme.fonts) == null ? void 0 : n.medium};
         font-weight: normal;
@@ -788,7 +788,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   }
   ${ie(e)(
     "h1",
-    k`
+    $`
       display: flex;
       align-items: center;
       i {
@@ -806,7 +806,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
 `;
 }, Zo = (e) => {
   var t, n, o, r, s, c;
-  return k`
+  return $`
   font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
   font-weight: 300;
   line-height: 1.5em;
@@ -864,7 +864,7 @@ const Tt = (e) => (t) => /* @__PURE__ */ i(Tn, { attrs: t, htmlBody: e }), Nt =
   parent: t = document.body,
   children: n
 }) => {
-  const [o] = w(() => {
+  const [o] = k(() => {
     const r = document.getElementById(e) || document.createElement("div");
     return r.id = e, r;
   });
@@ -1514,22 +1514,22 @@ const qt = 300, Io = ({
     /* SlideInBottom */
   }
 }) => {
-  const { duration: a = qt } = h, l = L(), d = L(), [u, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), y = L(_());
+  const { duration: a = qt } = h, l = L(), d = L(), [u, f] = Ae(!0), [g, m] = Fe(), p = Ie(g), w = L(_());
   v(() => {
     o && o(g);
   }, [g]);
-  const $ = j("Escape");
+  const y = j("Escape");
   v(() => {
-    $ && m(!1);
-  }, [$]), W(
+    y && m(!1);
+  }, [y]), W(
     "click",
-    (S) => {
-      const { target: R } = S;
+    (E) => {
+      const { target: R } = E;
       !d.current || !f.current || !R || d.current !== R && f.current !== R && !f.current.contains(R) && !d.current.contains(R) && m(!1);
     },
     window
   );
-  const H = ye(y.current, () => {
+  const S = ye(w.current, () => {
     m(!1);
   });
   ae("router:changed", () => {
@@ -1555,7 +1555,7 @@ const qt = 300, Io = ({
             className: M(
               e,
               "humany-drawer",
-              `humany-drawer-${y.current}`
+              `humany-drawer-${w.current}`
             ),
             clientHeight: document.body.clientHeight,
             css: u,
@@ -1579,8 +1579,8 @@ const qt = 300, Io = ({
       }
     ),
     oe.cloneElement(r, {
-      onClick: (S) => {
-        m(), H();
+      onClick: (E) => {
+        m(), S();
       },
       ref: d,
       "aria-label": r.props.title,
@@ -1627,7 +1627,7 @@ const qt = 300, Io = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
   line-height: 1.2em;
-`, le = (e) => k`
+`, le = (e) => $`
   transition: ${e.duration}ms;
 `, Gt = C(ce)`
   max-height: 0;
@@ -1707,7 +1707,7 @@ const qt = 300, Io = ({
   "slide-in-left": en,
   "slide-in-top": tn
 }, je = (e, t, n) => {
-  const [o, r] = w(0), [s, c] = w(0), h = E(
+  const [o, r] = k(0), [s, c] = k(0), h = H(
     (a, l) => {
       if (a.preventDefault(), l) {
         const d = l.getBoundingClientRect();
@@ -1735,28 +1735,28 @@ const qt = 300, Io = ({
   }, s) => {
     const c = L(), h = L(), a = L();
     ge(s, () => a.current, [a.current]);
-    const l = L(_()), [d, u] = w(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), y = j("Escape");
+    const l = L(_()), [d, u] = k(!1), f = Ie(d), [{ x: g, y: m }, p] = je(d, l.current, a.current), w = j("Escape");
     v(() => {
-      y && u(!1);
-    }, [y]), v(() => {
+      w && u(!1);
+    }, [w]), v(() => {
       d && c.current ? c.current.focus() : !d && h.current && f && h.current.focus();
     }, [d, c.current, h.current]), W(
       "click",
       (N) => {
-        const { target: S } = N;
-        !a.current || !S || a.current !== S && !a.current.contains(S) && u(!1);
+        const { target: E } = N;
+        !a.current || !E || a.current !== E && !a.current.contains(E) && u(!1);
       },
       window
     ), ae("router:changed", () => {
       u(!1);
     });
-    const $ = ye(l.current, () => {
+    const y = ye(l.current, () => {
       u(!1);
-    }), H = E(
+    }), S = H(
       (N) => {
-        N.stopPropagation(), p(N, h.current), u(!d), $();
+        N.stopPropagation(), p(N, h.current), u(!d), y();
       },
-      [$, p, u]
+      [y, p, u]
     );
     return /* @__PURE__ */ b(U, { children: [
       d && /* @__PURE__ */ i(q, { children: /* @__PURE__ */ b(
@@ -1787,7 +1787,7 @@ const qt = 300, Io = ({
         }
       ) }),
       oe.cloneElement(n, {
-        onClick: H,
+        onClick: S,
         ref: h,
         "aria-label": n.props.title,
         "aria-expanded": d
@@ -1833,7 +1833,7 @@ const qt = 300, Io = ({
   ${St}
 `, Ke = D(
   ({ htmlParseInstruction: e = null, className: t, html: n, ...o }, r) => {
-    const s = B(), [c, h] = w();
+    const s = B(), [c, h] = k();
     v(() => {
       const d = Nt(s, n), u = {
         ...d,
@@ -1852,22 +1852,22 @@ const qt = 300, Io = ({
         return;
       new MutationObserver((f) => {
         f.forEach((g) => {
-          var $, H, N;
+          var y, S, N;
           let m = g.target;
           if (m.tagName === "DIV" && m.matches("[data-notification]") && m.getAttribute("data-expandable")) {
-            const S = m.firstChild;
-            if (S && S.nodeType === Node.TEXT_NODE) {
+            const E = m.firstChild;
+            if (E && E.nodeType === Node.TEXT_NODE) {
               const R = document.createElement("p");
-              R.appendChild(S), m.appendChild(R);
+              R.appendChild(E), m.appendChild(R);
               return;
             } else
-              S && S.nodeType === Node.ELEMENT_NODE && (m = S);
-          } else if (m.tagName !== "P" || !(($ = m.closest("[data-notification]")) != null && $.getAttribute("data-expandable")))
+              E && E.nodeType === Node.ELEMENT_NODE && (m = E);
+          } else if (m.tagName !== "P" || !((y = m.closest("[data-notification]")) != null && y.getAttribute("data-expandable")))
             return;
           if (!(m != null && m.closest(".humany-notification-row")))
             return;
-          const p = (H = m.closest(".humany-notification-row")) == null ? void 0 : H.getAttribute("data-node-id"), y = (N = m.closest("[data-notification]")) == null ? void 0 : N.getAttribute("data-notification");
-          m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(y), l.events.dispatch("notification:expandable", {
+          const p = (S = m.closest(".humany-notification-row")) == null ? void 0 : S.getAttribute("data-node-id"), w = (N = m.closest("[data-notification]")) == null ? void 0 : N.getAttribute("data-notification");
+          m.scrollWidth > m.clientWidth ? (l.container.expandableNotifications || (l.container.expandableNotifications = /* @__PURE__ */ new Set()), l.container.expandableNotifications.add(w), l.events.dispatch("notification:expandable", {
             expandable: !0,
             notificationRowId: p
           })) : l.events.dispatch("notification:expandable", {
@@ -1918,40 +1918,42 @@ const qt = 300, Io = ({
     },
     disabled: h = !1,
     type: a,
-    ...l
-  }, d) => {
-    const [u, f] = w(t), g = L();
-    ge(d, () => g.current), v(() => {
+    autoComplete: l,
+    ...d
+  }, u) => {
+    const [f, g] = k(t), m = L();
+    ge(u, () => m.current), v(() => {
       var y;
-      t && ((y = g == null ? void 0 : g.current) == null || y.focus());
-    }, [t, d, g]);
-    const m = (y, $) => {
-      f(y), n && n(y), s && y && $.target.select();
-    }, p = {
-      ...z(l),
+      t && ((y = m == null ? void 0 : m.current) == null || y.focus());
+    }, [t, u, m]);
+    const p = (y, S) => {
+      g(y), n && n(y), s && y && S.target.select();
+    }, w = {
+      ...z(d),
       disabled: h,
       autoFocus: t,
       type: a,
       onKeyDown: (y) => {
-        y.key === "Enter" && u && o(y), y.key === "Escape" && u && r(y);
+        y.key === "Enter" && f && o(y), y.key === "Escape" && f && r(y);
       },
-      onFocus: (y) => m(!0, y),
-      onBlur: (y) => m(!1, y),
+      onFocus: (y) => p(!0, y),
+      onBlur: (y) => p(!1, y),
       onChange: (y) => c(y.target.value || ""),
       className: M(e, "humany-input"),
-      "data-type": a
+      "data-type": a,
+      ...l && { autoComplete: l }
     };
     return a !== "textarea" ? /* @__PURE__ */ i(
       "input",
       {
-        ...p,
-        ref: g
+        ...w,
+        ref: m
       }
     ) : /* @__PURE__ */ i(
       "textarea",
       {
-        ...p,
-        ref: g
+        ...w,
+        ref: m
       }
     );
   }
@@ -2052,16 +2054,16 @@ const qt = 300, Io = ({
       items: u,
       ulProps: c,
       renderItem: (g) => {
-        const { id: m, selected: p, items: y, matches: $ } = g, H = p && l(y);
-        return !s && !$ ? null : /* @__PURE__ */ ct(
+        const { id: m, selected: p, items: w, matches: y } = g, S = p && l(w);
+        return !s && !y ? null : /* @__PURE__ */ ct(
           "li",
           {
             ...z(h),
             key: m,
             className: "humany-item-tree-item"
           },
-          n && n(g, f, H),
-          y && (r || H) && d(y, f + 1)
+          n && n(g, f, S),
+          w && (r || S) && d(w, f + 1)
         );
       }
     }
@@ -2110,14 +2112,14 @@ const qt = 300, Io = ({
           }
         );
       const m = Object.keys(r).reduce(
-        (p, y) => {
-          const $ = r[y];
-          if (Array.isArray($)) {
-            if ($.length === 0)
+        (p, w) => {
+          const y = r[w];
+          if (Array.isArray(y)) {
+            if (y.length === 0)
               return p;
-            p[y] = $.map((H) => typeof H == "string" ? encodeURIComponent(H) : H).join(",");
+            p[w] = y.map((S) => typeof S == "string" ? encodeURIComponent(S) : S).join(",");
           } else
-            p[y] = typeof $ == "string" ? encodeURIComponent($) : $;
+            p[w] = typeof y == "string" ? encodeURIComponent(y) : y;
           return p;
         },
         {}
@@ -2167,7 +2169,7 @@ const mn = (e) => {
     params: u,
     ...f
   }, g) => {
-    var N, S;
+    var N, E;
     const m = {
       title: s,
       role: d === "index" || d === "contact-method" || t ? "button" : void 0,
@@ -2195,8 +2197,8 @@ const mn = (e) => {
       }
     };
     f["data-client-name"] === "custom.link" && (m.role = "link");
-    const y = B().get("$settings"), $ = t && ((S = (N = y == null ? void 0 : y.data) == null ? void 0 : N.accessibility) == null ? void 0 : S.disableInactiveLink), H = f.description || "<p></p>";
-    return $ ? /* @__PURE__ */ b(gn, { className: "disabled-link", children: [
+    const w = B().get("$settings"), y = t && ((E = (N = w == null ? void 0 : w.data) == null ? void 0 : N.accessibility) == null ? void 0 : E.disableInactiveLink), S = f.description || "<p></p>";
+    return y ? /* @__PURE__ */ b(gn, { className: "disabled-link", children: [
       /* @__PURE__ */ i("div", { className: "icon-placeholder" }),
       /* @__PURE__ */ b("div", { className: "humany-contact-link-rich-content", children: [
         /* @__PURE__ */ i("span", { children: m.title }),
@@ -2204,7 +2206,7 @@ const mn = (e) => {
           "div",
           {
             className: "inner-span",
-            dangerouslySetInnerHTML: { __html: H }
+            dangerouslySetInnerHTML: { __html: S }
           }
         )
       ] })
@@ -2268,7 +2270,7 @@ const mn = (e) => {
   },
   ...r
 }) => {
-  const s = L(), c = E(
+  const s = L(), c = H(
     (h) => {
       h.target === s.current && o(h);
     },
@@ -2415,11 +2417,11 @@ const mn = (e) => {
   ...o
 }) => {
   var m;
-  const r = L(null), [s, c] = w(!1), [h, a] = w(!1), { width: l, height: d, ...u } = o.style || {}, f = E(() => {
+  const r = L(null), [s, c] = k(!1), [h, a] = k(!1), { width: l, height: d, ...u } = o.style || {}, f = H(() => {
     const p = r.current;
     if (p) {
-      const y = window.innerWidth / p.naturalWidth, $ = window.innerHeight / p.naturalHeight, H = Math.min(y, $);
-      return $ >= 1 && y >= 1 ? 1 : H;
+      const w = window.innerWidth / p.naturalWidth, y = window.innerHeight / p.naturalHeight, S = Math.min(w, y);
+      return y >= 1 && w >= 1 ? 1 : S;
     }
     return 1;
   }, [s, t.src]), g = re(() => {
@@ -2427,8 +2429,8 @@ const mn = (e) => {
     if (p && s) {
       if (!h) {
         a(!0);
-        const y = f();
-        n(y);
+        const w = f();
+        n(w);
       }
       return p.naturalWidth >= p.naturalHeight ? [`${e * p.naturalWidth}px`, "auto"] : ["auto", `${e * p.naturalHeight}px`];
     }
@@ -2463,7 +2465,7 @@ const mn = (e) => {
 `, En = C.img`
   transform: none;
 
-  ${(e) => e.imageSize && k`
+  ${(e) => e.imageSize && $`
       width: ${e.imageSize[0]};
       height: ${e.imageSize[1]};
       display: inline-block;
@@ -2476,7 +2478,7 @@ const mn = (e) => {
   display: inline-block;
   vertical-align: middle;
 `, Rn = () => {
-  const e = L(), [t, n] = w(!0), o = E(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+  const e = L(), [t, n] = k(!0), o = H(() => (t || n(!0), e.current && clearTimeout(e.current), e.current = setTimeout(() => {
     n(!1);
   }, 3e3), () => {
     e.current && clearTimeout(e.current);
@@ -2484,16 +2486,16 @@ const mn = (e) => {
   return [t, o];
 }, Tn = ({ attrs: e, htmlBody: t }) => {
   var Se;
-  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = w(1), [h, a] = w({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = w(!1), [u, f] = Rn(), [g, m] = w(null), [p, y] = w(null), $ = L(null), H = L(null), N = L(null), S = L(null), R = L(null), [qe, Qe] = w(null);
+  const n = j("Escape"), o = j("ArrowLeft"), r = j("ArrowRight"), [s, c] = k(1), [h, a] = k({ top: 0, left: 0, x: 0, y: 0 }), [l, d] = k(!1), [u, f] = Rn(), [g, m] = k(null), [p, w] = k(null), y = L(null), S = L(null), N = L(null), E = L(null), R = L(null), [qe, Qe] = k(null);
   v(() => {
     n && m(null);
   }, [n]), v(() => {
     c(1);
   }, [g]), v(() => {
     var I, ee;
-    if (g === null || H.current === null)
+    if (g === null || S.current === null)
       return;
-    const x = H.current.firstElementChild, T = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
+    const x = S.current.firstElementChild, T = (I = N.current) == null ? void 0 : I.querySelector(".nav-left"), V = (ee = N.current) == null ? void 0 : ee.querySelector(".nav-right");
     if (p === "Right")
       J && V ? V.focus() : G && T && T.focus();
     else if (p === "Left")
@@ -2503,7 +2505,7 @@ const mn = (e) => {
         return;
       x.focus();
     }
-  }, [g, H, N, p]), v(() => {
+  }, [g, S, N, p]), v(() => {
     if (o) {
       if (G)
         return Le();
@@ -2531,27 +2533,27 @@ const mn = (e) => {
       },
       []
     );
-  }, [t]), ke = E(() => {
+  }, [t]), ke = H(() => {
     const { src: x } = e;
     if (x) {
       const T = A.findIndex((V, I) => V.src === x);
       m(T);
     }
-  }, [A, e]), Ge = E((x) => {
+  }, [A, e]), Ge = H((x) => {
     m(null);
-  }, []), $e = E(
+  }, []), $e = H(
     (x) => {
       c(x ? s + s * 0.25 : s - s * 0.25);
     },
     [c, s]
-  ), Je = E(() => {
+  ), Je = H(() => {
     if (g !== null) {
       const { src: x } = A[g];
       x && window.open(x, "_self");
     }
-  }, [A, g]), et = E(
+  }, [A, g]), et = H(
     (x) => {
-      const T = S.current;
+      const T = E.current;
       T && (a({
         top: T.scrollTop,
         left: T.scrollLeft,
@@ -2559,10 +2561,10 @@ const mn = (e) => {
         y: x.clientY
       }), d(!0));
     },
-    [S]
-  ), tt = E(
+    [E]
+  ), tt = H(
     (x) => {
-      const T = S.current;
+      const T = E.current;
       if (T && l) {
         const V = x.clientX - h.x, I = x.clientY - h.y;
         T.scrollTop = h.top - I, T.scrollLeft = h.left - V;
@@ -2572,18 +2574,18 @@ const mn = (e) => {
   ), nt = (x) => {
     x.preventDefault(), d(!1);
   }, ot = re(() => {
-    if (S.current) {
-      const x = S.current.getElementsByTagName("img");
+    if (E.current) {
+      const x = E.current.getElementsByTagName("img");
       if (x && x.length) {
         const T = x[0];
         return T.width > window.innerWidth || T.height > window.innerHeight;
       }
     }
     return !1;
-  }, [S, s]), Le = () => {
-    g !== null && (y("Left"), m(g - 1));
+  }, [E, s]), Le = () => {
+    g !== null && (w("Left"), m(g - 1));
   }, Me = () => {
-    g !== null && (y("Right"), m(g + 1));
+    g !== null && (w("Right"), m(g + 1));
   }, G = g !== null && g > 0 && A.length > 1, J = g !== null && A.length - 1 > g;
   return /* @__PURE__ */ b(U, { children: [
     /* @__PURE__ */ i(Xe, { visible: g !== null, onClick: Ge, children: /* @__PURE__ */ b(
@@ -2597,7 +2599,7 @@ const mn = (e) => {
           /* @__PURE__ */ i(On, { show: u.toString(), children: /* @__PURE__ */ i(
             Bn,
             {
-              ref: H,
+              ref: S,
               buttons: [
                 {
                   id: "download",
@@ -2619,7 +2621,7 @@ const mn = (e) => {
             {
               scrolling: l.toString(),
               isDraggable: ot.toString(),
-              ref: S,
+              ref: E,
               onMouseMove: tt,
               onMouseDown: et,
               onMouseUp: nt,
@@ -2698,7 +2700,7 @@ const mn = (e) => {
     /* @__PURE__ */ i(
       Nn,
       {
-        ref: $,
+        ref: y,
         onClick: ke,
         onKeyDown: (x) => {
           x.key === "Enter" && (x.preventDefault(), ke());
@@ -2752,14 +2754,14 @@ const mn = (e) => {
 ), _e = C.div`
   transition: opacity 0.3s ease 0s;
   z-index: 5;
-  ${(e) => e.show === "true" ? "opacity: 1;" : k`
+  ${(e) => e.show === "true" ? "opacity: 1;" : $`
           opacity: 0;
           pointer-events: none;
         `}
 `, Nn = C(xe)`
   display: inline-block !important;
 
-  ${(e) => (e.alignment === "right" || e.alignment === "left") && k`
+  ${(e) => (e.alignment === "right" || e.alignment === "left") && $`
       float: ${e.alignment};
     `}
 `, Dn = C(_e)`
@@ -2776,7 +2778,7 @@ const mn = (e) => {
   justify-content: center;
   align-items: center;
 
-  ${(e) => e.icon === "caret-left" && k`
+  ${(e) => e.icon === "caret-left" && $`
       svg {
         position: relative;
         left: -2px;
@@ -2785,7 +2787,7 @@ const mn = (e) => {
 
   ${(e) => {
   var t;
-  return e.circle === "true" ? k`
+  return e.circle === "true" ? $`
           background-color: #ffffff;
           border-radius: 50%;
 
@@ -2808,7 +2810,7 @@ const mn = (e) => {
               }
             }
           }
-        ` : k`
+        ` : $`
           svg {
             path,
             line {
@@ -2824,13 +2826,13 @@ const mn = (e) => {
         `;
 }}
 
-    ${(e) => e.show === "true" ? k`
+    ${(e) => e.show === "true" ? $`
           opacity: 0.8;
           transition: opacity 0.3s ease 0s;
           &:hover {
             opacity: 1;
           }
-        ` : k`
+        ` : $`
           opacity: 0;
           pointer-events: none;
         `}
@@ -2939,9 +2941,9 @@ const mn = (e) => {
     }, [h, u.current]), ae("router:changed", () => {
       a(!1);
     });
-    const m = E(
-      (y) => {
-        a(!1), o(y);
+    const m = H(
+      (w) => {
+        a(!1), o(w);
       },
       [o, a]
     );
@@ -2950,7 +2952,7 @@ const mn = (e) => {
         a(!1);
       }
     }));
-    const p = E(() => ye(f.current, () => {
+    const p = H(() => ye(f.current, () => {
       a(!1);
     }), [f.current]);
     return /* @__PURE__ */ b(U, { children: [
@@ -2981,7 +2983,7 @@ const mn = (e) => {
         }
       ) }),
       oe.cloneElement(n, {
-        onClick: (y) => {
+        onClick: (w) => {
           a(), p();
         }
       })
@@ -3018,10 +3020,10 @@ const mn = (e) => {
   cancelLabel: c = "",
   confirmLabel: h = ""
 }) => {
-  const a = L(), l = E(() => {
+  const a = L(), l = H(() => {
     var u;
     r(), (u = a == null ? void 0 : a.current) == null || u.close();
-  }, [r]), d = E(() => {
+  }, [r]), d = H(() => {
     var u;
     s(), (u = a == null ? void 0 : a.current) == null || u.close();
   }, [s]);
@@ -3130,7 +3132,7 @@ const mn = (e) => {
 `, qn = C.div`
   ${(e) => ie(e)(
   "h2",
-  k`
+  $`
         padding: 0;
         margin: 0;
         color: gray;
@@ -3147,7 +3149,7 @@ const mn = (e) => {
   var t;
   return ie(e)(
     "h3",
-    k`
+    $`
         text-transform: uppercase;
         font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
       `
@@ -3251,7 +3253,7 @@ const Uo = ({
   sticky: o = !1,
   ...r
 }) => {
-  const [s, c] = w(!1), h = L(_()), a = L(), [{ x: l, y: d }, u] = je(s, h.current, a.current), f = (m) => {
+  const [s, c] = k(!1), h = L(_()), a = L(), [{ x: l, y: d }, u] = je(s, h.current, a.current), f = (m) => {
     const { target: p } = m;
     !a.current || !p || a.current !== p && !a.current.contains(p) && c(!1);
   };
@@ -3261,7 +3263,7 @@ const Uo = ({
         window.removeEventListener("click", f);
       };
   }, [s, o]);
-  const g = E(
+  const g = H(
     (m, p) => {
       u(m, a.current), c(p);
     },
@@ -3415,7 +3417,7 @@ const Uo = ({
           ).then(() => {
             f.events.subscribeOnce(
               "widget:area-rendered",
-              (p, y) => {
+              (p, w) => {
                 h.get(
                   "widgetDOMElement"
                 ) && f.events.dispatch("widget:modal-opened", {