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

package/index.mjs

@@ -1,11 +1,11 @@
-import { jsx as a, jsxs as p, Fragment as te } from "react/jsx-runtime";
-import { useRouteData as ne, Link as He, Icon as I, List as E, list as ie, invertedHoverButton as ae, ItemList as C, itemList as D, Drawer as je, Dropdown as oe, headingElement as Y, Text as se, Button as _, paddedBorderTabStyle as V, Confirm as Re, SymbolBadge as z, StyledText as j, convertToStringAttributes as re, useKeyPress as T, useContainer as le, useEventListener as q, Timestamp as ce, DateFormats as de, TextLink as R, useIsTabbing as We, getHumanyIsTabbing as Ee, setHumanyIsTabbing as Ye, borderTabStyle as W, Paragraph as _e, genericHtml as Oe, AnchorLink as Ge, WidgetLink as Ke } from "@telia-ace/widget-ui";
+import { jsx as a, jsxs as p, Fragment as ne } from "react/jsx-runtime";
+import { useRouteData as ie, Link as je, Icon as I, List as Y, list as ae, invertedHoverButton as oe, ItemList as C, itemList as D, Drawer as Re, Dropdown as se, headingElement as _, Text as re, Button as O, paddedBorderTabStyle as q, Confirm as We, SymbolBadge as S, StyledText as R, convertToStringAttributes as le, useKeyPress as T, useContainer as ce, useEventListener as J, Timestamp as de, DateFormats as me, TextLink as W, useIsTabbing as Ee, getHumanyIsTabbing as Ye, setHumanyIsTabbing as _e, borderTabStyle as E, Paragraph as Oe, genericHtml as Ge, AnchorLink as Ke, WidgetLink as Ue } from "@telia-ace/widget-ui";
 export * from "@telia-ace/widget-ui";
-import { createParams as F, formatUrl as J, appendClassNames as k } from "@telia-ace/widget-utilities";
+import { createParams as F, formatUrl as Q, appendClassNames as w } from "@telia-ace/widget-utilities";
 import c from "@emotion/styled";
-import { forwardRef as A, useCallback as w, useState as N, useEffect as M, useMemo as Ue, useRef as me, useImperativeHandle as Ve } from "react";
-import { css as y, keyframes as he } from "@emotion/react";
-const fe = ({
+import { forwardRef as A, useCallback as b, useState as L, useEffect as M, useMemo as Ve, useRef as he, useImperativeHandle as qe } from "react";
+import { css as y, keyframes as fe } from "@emotion/react";
+const ue = ({
   title: t = "",
   className: e,
   id: n,
@@ -17,47 +17,47 @@ const fe = ({
   children: l,
   connectionKey: d
 }) => {
-  const u = {}, { name: h, params: f } = ne();
+  const f = {}, { name: u, params: h } = ie();
   switch (s) {
     case "default":
     case "guide":
-      const { id: v, title: $ } = i;
-      let x = d || o;
-      v !== n && !d && (x = void 0), u.routeName = h, u.params = F({
-        ...f,
+      const { id: $, title: v } = i;
+      let k = d || o;
+      $ !== n && !d && (k = void 0), f.routeName = u, f.params = F({
+        ...h,
         guide: n,
-        connection: x,
-        uriName: n === v ? J($) : J(t)
+        connection: k,
+        uriName: n === $ ? Q(v) : Q(t)
       });
       break;
     case "link":
-      u.href = m, u.target = r;
+      f.href = m, f.target = r;
       break;
   }
   return /* @__PURE__ */ a(
-    He,
+    je,
     {
-      className: k(e, "humany-dialog-link"),
-      ...u,
-      children: l || /* @__PURE__ */ p(te, { children: [
+      className: w(e, "humany-dialog-link"),
+      ...f,
+      children: l || /* @__PURE__ */ p(ne, { children: [
         s === "link" && /* @__PURE__ */ a(I, { faIcon: "link" }),
         /* @__PURE__ */ a("span", { children: t })
       ] })
     }
   );
-}, Mt = A(
+}, Pt = A(
   ({ className: t, dialog: e, ...n }, i) => e.length ? /* @__PURE__ */ a(
-    qe,
+    Je,
     {
-      className: k(t, "humany-dialog"),
+      className: w(t, "humany-dialog"),
       items: e,
-      renderItem: (o) => /* @__PURE__ */ a("li", { "data-dialog": o.connection, children: /* @__PURE__ */ a(fe, { ...o }) }, o.connection),
+      renderItem: (o) => /* @__PURE__ */ a("li", { "data-dialog": o.connection, children: /* @__PURE__ */ a(ue, { ...o }) }, o.connection),
       ...n,
       ref: i
     }
   ) : null
-), qe = c(E)`
-  ${ie}
+), Je = c(Y)`
+  ${ae}
   a {
     min-width: 150px;
     max-width: 400px;
@@ -65,7 +65,7 @@ const fe = ({
     white-space: normal;
     ${(t) => {
   var e, n;
-  return ((e = t.theme.colors) == null ? void 0 : e.primary) && ae({
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && oe({
     primaryColor: (n = t.theme.colors) == null ? void 0 : n.primary,
     secondaryColor: "#FFFFFF",
     theme: t.theme
@@ -79,7 +79,7 @@ const fe = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
   }
-`, Pt = ({
+`, Bt = ({
   trigger: t,
   header: e,
   className: n,
@@ -91,18 +91,18 @@ const fe = ({
   closeButtonAriaLabel: l,
   ...d
 }) => /* @__PURE__ */ a(
-  je,
+  Re,
   {
-    className: k(n, "humany-drawer-list"),
+    className: w(n, "humany-drawer-list"),
     trigger: t,
     header: e,
     animation: i,
     fullScreen: o,
     onToggle: s,
     closeButtonAriaLabel: l,
-    children: /* @__PURE__ */ a(Je, { ...d, children: r })
+    children: /* @__PURE__ */ a(Qe, { ...d, children: r })
   }
-), Je = c(C)`
+), Qe = c(C)`
   ${D}
   font-family: ${(t) => {
   var e;
@@ -120,17 +120,17 @@ const fe = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
   }
-`, Bt = ({
+`, Ht = ({
   items: t,
   renderItem: e,
   trigger: n,
   header: i,
   children: o
-}) => /* @__PURE__ */ a(oe, { className: "humany-dropdown-actions", trigger: n, children: /* @__PURE__ */ p(Qe, { children: [
-  !!i && /* @__PURE__ */ a(Xe, { children: i }),
-  t && e && /* @__PURE__ */ a(Ze, { items: t, renderItem: e }),
+}) => /* @__PURE__ */ a(se, { className: "humany-dropdown-actions", trigger: n, children: /* @__PURE__ */ p(Xe, { children: [
+  !!i && /* @__PURE__ */ a(Ze, { children: i }),
+  t && e && /* @__PURE__ */ a(et, { items: t, renderItem: e }),
   o
-] }) }), Qe = c.div`
+] }) }), Xe = c.div`
   background: #fff;
   border: #ccc 1px solid;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
@@ -142,7 +142,7 @@ const fe = ({
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
-`, Xe = c.div`
+`, Ze = c.div`
   padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.normal;
@@ -175,7 +175,7 @@ const fe = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }};
   }
-`, Ze = c(E)`
+`, et = c(Y)`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -210,21 +210,21 @@ const fe = ({
       }
     }
   }
-`, Ht = ({
+`, jt = ({
   trigger: t,
   className: e,
   children: n,
   closeButtonAriaLabel: i,
   ...o
 }) => /* @__PURE__ */ a(
-  oe,
+  se,
   {
-    className: k(e, "humany-dropdown-list"),
+    className: w(e, "humany-dropdown-list"),
     closeButtonAriaLabel: i,
     trigger: t,
-    children: /* @__PURE__ */ a(et, { ...o, children: n })
+    children: /* @__PURE__ */ a(tt, { ...o, children: n })
   }
-), et = c(C)`
+), tt = c(C)`
   ${D}
   font-family: ${(t) => {
   var e;
@@ -233,7 +233,7 @@ const fe = ({
   > div {
     ${(t) => {
   var e;
-  return Y(t)(
+  return _(t)(
     "> h1",
     y`
           font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
@@ -260,7 +260,7 @@ const fe = ({
       }
     }
   }
-`, tt = (t) => y`
+`, nt = (t) => y`
   ${t["data-loading"] && "position: relative;"};
   ${t["data-loading"] && "min-height: 150px;"}
   > * {
@@ -270,7 +270,7 @@ const fe = ({
   .humany-loader {
     opacity: ${t["data-loading"] ? "1" : "0"};
   }
-`, jt = c(I)`
+`, Rt = c(I)`
   && {
     font-size: ${(t) => {
   var e;
@@ -278,7 +278,7 @@ const fe = ({
 }};
   }
   width: 1.2em;
-`, Rt = c(se)`
+`, Wt = c(re)`
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.medium;
@@ -289,7 +289,7 @@ const fe = ({
   var e;
   return (e = t.theme.colors) == null ? void 0 : e.text;
 }};
-`, nt = c(_)`
+`, it = c(O)`
   display: flex;
   align-items: center;
 
@@ -303,11 +303,11 @@ const fe = ({
 }}
 
   &:focus-visible {
-    ${(t) => t["data-has-label"] === "true" && V}
+    ${(t) => t["data-has-label"] === "true" && q}
 
     svg, i {
       ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && y`
-          ${V(t)}
+          ${q(t)}
           box-sizing: content-box;
         `}
     }
@@ -317,7 +317,7 @@ const fe = ({
     flex: 1;
     font-weight: 300;
   }
-`, it = ({
+`, at = ({
   addFavoriteTooltip: t,
   removeFavoriteCancelLabel: e,
   removeFavoriteConfirmLabel: n,
@@ -328,60 +328,60 @@ const fe = ({
   isFavorite: m,
   guideTitle: l,
   buttonLabel: d = "",
-  actions: { addFavorite: u, removeFavorite: h }
+  actions: { addFavorite: f, removeFavorite: u }
 }) => {
-  const f = w(() => {
-    h(r);
-  }, [r, h]), v = w(() => {
+  const h = b(() => {
     u(r);
-  }, [r, u]), $ = `${m ? s : t}${l ? `: "${l}"` : ""}`;
+  }, [r, u]), $ = b(() => {
+    f(r);
+  }, [r, f]), v = `${m ? s : t}${l ? `: "${l}"` : ""}`;
   return m ? /* @__PURE__ */ a(
-    Re,
+    We,
     {
       trigger: /* @__PURE__ */ p(
-        Q,
+        X,
         {
           className: "humany-favorite-button",
-          title: $,
-          "aria-label": $,
+          title: v,
+          "aria-label": v,
           "data-favorite": "true",
           "data-has-label": d ? "true" : "false",
           "data-has-symbol": "true",
           children: [
             /* @__PURE__ */ a(
-              z,
+              S,
               {
                 size: 16,
                 symbol: { type: "Svg", content: "star-empty" }
               }
             ),
-            d && /* @__PURE__ */ a(j, { children: d })
+            d && /* @__PURE__ */ a(R, { children: d })
           ]
         }
       ),
-      onConfirm: f,
+      onConfirm: h,
       cancelLabel: e,
       confirmLabel: n,
       header: i,
       text: o
     }
   ) : /* @__PURE__ */ p(
-    Q,
+    X,
     {
       className: "humany-favorite-button",
-      title: $,
-      "aria-label": $,
-      onClick: v,
+      title: v,
+      "aria-label": v,
+      onClick: $,
       "data-favorite": "false",
       "data-has-label": d ? "true" : "false",
       "data-has-symbol": "true",
       children: [
-        /* @__PURE__ */ a(z, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
-        d && /* @__PURE__ */ a(j, { children: d })
+        /* @__PURE__ */ a(S, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
+        d && /* @__PURE__ */ a(R, { children: d })
       ]
     }
   );
-}, Q = c(nt)`
+}, X = c(it)`
   grid-area: favorite;
 
   &:focus-visible {
@@ -443,7 +443,7 @@ const fe = ({
       }
     `;
 }}
-`, Wt = A(
+`, Et = A(
   ({
     onFeedback: t = () => {
     },
@@ -455,16 +455,16 @@ const fe = ({
     selected: r,
     ...m
   }, l) => /* @__PURE__ */ p(
-    ot,
+    st,
     {
-      className: k(n, "humany-feedback"),
+      className: w(n, "humany-feedback"),
       "data-direction": e,
-      ...re(m),
+      ...le(m),
       ref: l,
       children: [
-        !!i && /* @__PURE__ */ a(at, { children: i }),
+        !!i && /* @__PURE__ */ a(ot, { children: i }),
         /* @__PURE__ */ p(
-          X,
+          Z,
           {
             className: "humany-feedback-button",
             disabled: !!r,
@@ -478,7 +478,7 @@ const fe = ({
           }
         ),
         /* @__PURE__ */ p(
-          X,
+          Z,
           {
             className: "humany-feedback-button",
             disabled: !!r,
@@ -494,7 +494,7 @@ const fe = ({
       ]
     }
   )
-), at = c(j)`
+), ot = c(R)`
   font-weight: normal;
   margin: 0 0 ${(t) => {
   var e;
@@ -505,7 +505,7 @@ const fe = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
   display: block;
-`, X = c(_)`
+`, Z = c(O)`
   display: inline-block;
   font-size: ${(t) => {
   var e;
@@ -533,7 +533,7 @@ const fe = ({
 
   ${(t) => {
   var e, n;
-  return ((e = t.theme.colors) == null ? void 0 : e.primary) && ae({
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && oe({
     active: t["data-selected"],
     primaryColor: (n = t.theme.colors) == null ? void 0 : n.primary,
     secondaryColor: "#FFFFFF",
@@ -547,7 +547,7 @@ const fe = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
   }
-`, ot = c.div`
+`, st = c.div`
   ${(t) => {
   var e;
   return t["data-direction"] === "vertical" && y`
@@ -559,13 +559,13 @@ const fe = ({
       }
     `;
 }}
-`, Et = () => {
-  const [t, e] = N(null), n = T("ArrowLeft"), i = T("ArrowRight"), o = T("ArrowUp"), s = T("ArrowDown");
+`, Yt = () => {
+  const [t, e] = L(null), n = T("ArrowLeft"), i = T("ArrowRight"), o = T("ArrowUp"), s = T("ArrowDown");
   return M(() => {
     e(n ? "left" : i ? "right" : o ? "up" : s ? "down" : null);
   }, [n, i, o, s]), t;
-}, Yt = (t, e) => {
-  const [n, i] = N(t), o = w(() => setTimeout(() => {
+}, _t = (t, e) => {
+  const [n, i] = L(t), o = b(() => setTimeout(() => {
     i(t);
   }, e), [e, i, t]);
   return M(
@@ -578,28 +578,28 @@ const fe = ({
     [o]
     // Only re-call effect if value or delay changes
   ), n;
-}, st = () => {
-  const t = le(), [e, n] = N([]), i = t.get("favorites");
+}, rt = () => {
+  const t = ce(), [e, n] = L([]), i = t.get("favorites");
   M(() => {
     if (i) {
       n(i.get());
       const { events: l } = t.get("$widget");
       return l.subscribe(
         "widget:favorites-updated",
-        (u, { updated: h }) => {
-          n([...h]);
+        (f, { updated: u }) => {
+          n([...u]);
         }
       );
     }
   }, []);
-  const o = (l) => i ? i.add(l) : Promise.resolve([]), s = (l) => i ? i.remove(l) : Promise.resolve([]), r = () => i ? i.clear() : Promise.resolve([]), m = w(
+  const o = (l) => i ? i.add(l) : Promise.resolve([]), s = (l) => i ? i.remove(l) : Promise.resolve([]), r = () => i ? i.clear() : Promise.resolve([]), m = b(
     (l) => e.indexOf(l) > -1 ? s(l) : o(l),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
   return [
     e,
-    Ue(
+    Ve(
       () => ({
         addFavorite: o,
         removeFavorite: s,
@@ -610,11 +610,11 @@ const fe = ({
       [e]
     )
   ];
-}, _t = () => {
-  const [t, e] = N(!1), n = me(), i = w(() => e(!0), [e]), o = w(() => e(!1), [e]);
-  return q("mouseenter", i, n.current), q("mouseleave", o, n.current), [t, n];
-}, rt = ({
-  format: t = de.YYYY_MM_DD_HH_MM,
+}, Ot = () => {
+  const [t, e] = L(!1), n = he(), i = b(() => e(!0), [e]), o = b(() => e(!1), [e]);
+  return J("mouseenter", i, n.current), J("mouseleave", o, n.current), [t, n];
+}, lt = ({
+  format: t = me.YYYY_MM_DD_HH_MM,
   className: e = "",
   byLabel: n = "",
   modifiedLabel: i = "",
@@ -624,43 +624,43 @@ const fe = ({
   showModified: m = !1,
   showPublished: l = !1,
   modified: d,
-  published: u
+  published: f
 }) => {
-  const h = l && u ? /* @__PURE__ */ a(Z, { format: t, timestamp: u }) : null, f = m && d ? /* @__PURE__ */ a(Z, { format: t, timestamp: d }) : null;
-  return !h && !f ? null : /* @__PURE__ */ p(H, { className: k(e, "humany-metadata"), children: [
-    h && /* @__PURE__ */ p(H, { className: "humany-published", children: [
+  const u = l && f ? /* @__PURE__ */ a(ee, { format: t, timestamp: f }) : null, h = m && d ? /* @__PURE__ */ a(ee, { format: t, timestamp: d }) : null;
+  return !u && !h ? null : /* @__PURE__ */ p(j, { className: w(e, "humany-metadata"), children: [
+    u && /* @__PURE__ */ p(j, { className: "humany-published", children: [
       o,
-      h,
+      u,
       n && r && ` ${n.replace("{{editor}}", r)}`
     ] }),
-    f && /* @__PURE__ */ p(H, { className: "humany-modified", children: [
-      h && ", ",
+    h && /* @__PURE__ */ p(j, { className: "humany-modified", children: [
+      u && ", ",
       i,
-      f,
+      h,
       n && s && ` ${n.replace("{{editor}}", s)}`
     ] })
   ] });
-}, Z = c(ce)`
+}, ee = c(de)`
   &:not(:first-child) {
     margin-left: 4px;
   }
   &:not(:last-child) {
     margin-right: 4px;
   }
-`, H = c(se)`
+`, j = c(re)`
   font-style: italic;
-`, lt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ a(
-  mt,
+`, ct = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ a(
+  ht,
   {
     className: "humany-guide-list-tags",
     items: t,
-    renderItem: ({ id: e, symbol: n, title: i }) => n && /* @__PURE__ */ a("li", { "data-tag": e, children: /* @__PURE__ */ a(ht, { size: 18, symbol: n, title: i }) }, e)
+    renderItem: ({ id: e, symbol: n, title: i }) => n && /* @__PURE__ */ a("li", { "data-tag": e, children: /* @__PURE__ */ a(ft, { size: 18, symbol: n, title: i }) }, e)
   }
-) : null, Ot = A(({ title: t, id: e, route: n, symbolSize: i, collapseUri: o, children: s }, r) => {
-  const { params: m } = ne();
-  return /* @__PURE__ */ p(ct, { ref: r, "data-guide": e, children: [
+) : null, Gt = A(({ title: t, id: e, route: n, symbolSize: i, collapseUri: o, children: s }, r) => {
+  const { params: m } = ie();
+  return /* @__PURE__ */ p(dt, { ref: r, "data-guide": e, children: [
     /* @__PURE__ */ a(
-      R,
+      W,
       {
         "aria-expanded": !0,
         title: t,
@@ -675,7 +675,7 @@ const fe = ({
         }),
         text: t,
         children: /* @__PURE__ */ a(
-          z,
+          S,
           {
             size: i,
             symbol: { type: "Svg", content: "caret-up" }
@@ -685,7 +685,7 @@ const fe = ({
     ),
     s
   ] });
-}), ct = c.li`
+}), dt = c.li`
   > a {
     grid-column: 1/-1;
     font-weight: bold;
@@ -698,7 +698,7 @@ const fe = ({
   > div {
     grid-column: 1/-1;
   }
-`, Gt = A(
+`, Kt = A(
   ({
     expandable: t = !1,
     routing: e = {},
@@ -708,53 +708,55 @@ const fe = ({
     pageCaret: s = "down",
     showTags: r = !1,
     showFavoriteToggle: m = !1,
-    localPaging: l = !1,
-    onItemClick: d = () => {
+    showTitleTooltip: l = !1,
+    localPaging: d = !1,
+    onItemClick: f = () => {
     },
     dispatch: u = () => {
     },
     metadata: h = {},
-    pageLabel: f,
+    pageLabel: $,
     className: v,
-    children: $,
-    items: x,
-    renderItem: S,
-    addFavoriteTooltip: ue,
-    removeFavoriteCancelLabel: ge,
-    removeFavoriteConfirmLabel: pe,
-    removeFavoriteHeader: ye,
-    removeFavoriteLabel: $e,
-    removeFavoriteTooltip: ve,
-    searchResultsEmptyLabel: xe,
-    ...O
-  }, be) => {
-    const we = We(), P = me(), { guide: ke = "guide", page: ze = "index" } = e, {
-      guide: Se = ({ id: g }) => F({ guide: g }),
-      page: G = () => F()
-    } = n, [Ne, Le] = st(), Te = le(), { events: Ie } = Te.get("$widget");
-    Ve(be, () => P.current);
-    const B = (g) => {
-      const { id: b, title: L, tags: Ae, published: K, modified: U, publishedBy: Me, modifiedBy: Pe } = g;
+    children: k,
+    items: z,
+    renderItem: P,
+    addFavoriteTooltip: ge,
+    removeFavoriteCancelLabel: pe,
+    removeFavoriteConfirmLabel: ye,
+    removeFavoriteHeader: $e,
+    removeFavoriteLabel: ve,
+    removeFavoriteTooltip: xe,
+    searchResultsEmptyLabel: be,
+    ...G
+  }, we) => {
+    const ke = Ee(), B = he(), { guide: ze = "guide", page: Se = "index" } = e, {
+      guide: Ne = ({ id: g }) => F({ guide: g }),
+      page: K = () => F()
+    } = n, [Le, Te] = rt(), Ie = ce(), { events: Fe } = Ie.get("$widget");
+    qe(we, () => B.current);
+    const H = (g) => {
+      const { id: x, title: N, tags: Me, published: U, modified: V, publishedBy: Pe, modifiedBy: Be } = g;
       return /* @__PURE__ */ p(
         "li",
         {
-          "data-guide": b,
-          "has-metadata": (!!(h != null && h.showPublished) && !!K || !!(h != null && h.showModified) && !!U).toString(),
+          "data-guide": x,
+          "has-metadata": (!!(h != null && h.showPublished) && !!U || !!(h != null && h.showModified) && !!V).toString(),
           children: [
             /* @__PURE__ */ a(
-              R,
+              W,
               {
                 className: "humany-guide-link",
-                routeName: ke,
-                onClick: (Be) => {
-                  d(Be, g), Ie.dispatch("tracking:guide-list-item-clicked", {
+                routeName: ze,
+                onClick: (He) => {
+                  f(He, g), Fe.dispatch("tracking:guide-list-item-clicked", {
                     guide: g
                   });
                 },
-                params: Se(g),
-                text: L,
+                params: Ne(g),
+                text: N,
+                title: l ? N : void 0,
                 children: /* @__PURE__ */ a(
-                  z,
+                  S,
                   {
                     size: i,
                     symbol: {
@@ -766,80 +768,80 @@ const fe = ({
               }
             ),
             m && /* @__PURE__ */ a(
-              it,
+              at,
               {
-                guideTitle: L,
-                addFavoriteTooltip: ue,
-                removeFavoriteCancelLabel: ge,
-                removeFavoriteConfirmLabel: pe,
-                removeFavoriteHeader: ye,
-                removeFavoriteLabel: $e,
-                removeFavoriteTooltip: ve,
-                isFavorite: Ne.indexOf(b) > -1,
-                actions: Le,
-                id: b
+                guideTitle: N,
+                addFavoriteTooltip: ge,
+                removeFavoriteCancelLabel: pe,
+                removeFavoriteConfirmLabel: ye,
+                removeFavoriteHeader: $e,
+                removeFavoriteLabel: ve,
+                removeFavoriteTooltip: xe,
+                isFavorite: Le.indexOf(x) > -1,
+                actions: Te,
+                id: x
               }
             ),
-            r && /* @__PURE__ */ a(lt, { tags: Ae }),
+            r && /* @__PURE__ */ a(ct, { tags: Me }),
             /* @__PURE__ */ a(
-              ft,
+              ut,
               {
                 ...h,
                 indent: t ? void 0 : i,
-                modified: U,
-                published: K,
-                publishedBy: Me,
-                modifiedBy: Pe
+                modified: V,
+                published: U,
+                publishedBy: Pe,
+                modifiedBy: Be
               }
             )
           ]
         },
-        b
+        x
       );
-    }, Fe = w(
-      (g, b, L) => S ? S(g, b, L, B) : B(g),
-      [S, B]
-    ), Ce = w(
+    }, Ce = b(
+      (g, x, N) => P ? P(g, x, N, H) : H(g),
+      [P, H]
+    ), De = b(
       (g) => {
-        l && (g.preventDefault(), u("page", G()));
+        d && (g.preventDefault(), u("page", K()));
       },
-      [u, l]
+      [u, d]
     );
     M(() => {
-      var b;
-      const g = (b = P.current) == null ? void 0 : b.querySelector(
+      var x;
+      const g = (x = B.current) == null ? void 0 : x.querySelector(
         ".humany-guide-list > ul > li .humany-guide-link"
       );
-      g && Ee() && (g.focus(), Ye(!1));
-    }, [x]);
-    const De = !!Object.keys(h).filter(
+      g && Ye() && (g.focus(), _e(!1));
+    }, [z]);
+    const Ae = !!Object.keys(h).filter(
       (g) => typeof h[g] < "u"
     ).length;
     return /* @__PURE__ */ p(
-      dt,
+      mt,
       {
-        className: k(v, "humany-guide-list"),
-        "data-item-count": x.length,
-        items: x,
-        renderItem: Fe,
-        isTabbing: we,
+        className: w(v, "humany-guide-list"),
+        "data-item-count": z.length,
+        items: z,
+        renderItem: Ce,
+        isTabbing: ke,
         expandable: t ? "true" : "false",
-        "grid-items": r || m || De ? "true" : "false",
-        ...re(O),
-        ref: P,
+        "grid-items": r || m || Ae ? "true" : "false",
+        ...le(G),
+        ref: B,
         children: [
-          f ? /* @__PURE__ */ a(
-            R,
+          $ ? /* @__PURE__ */ a(
+            W,
             {
-              text: f,
-              title: f,
-              "aria-label": f,
-              routeName: ze,
+              text: $,
+              title: $,
+              "aria-label": $,
+              routeName: Se,
               role: o,
-              params: G(),
-              onClick: Ce,
+              params: K(),
+              onClick: De,
               children: /* @__PURE__ */ a(
-                z,
+                S,
                 {
                   size: i,
                   symbol: { type: "Svg", content: `caret-${s}` }
@@ -847,13 +849,13 @@ const fe = ({
               )
             }
           ) : null,
-          $,
-          !O["data-loading"] && x.length === 0 && /* @__PURE__ */ a("p", { children: xe })
+          k,
+          !G["data-loading"] && z.length === 0 && /* @__PURE__ */ a("p", { children: be })
         ]
       }
     );
   }
-), dt = c(C)`
+), mt = c(C)`
   ${D}
   padding: ${(t) => {
   var e;
@@ -866,7 +868,7 @@ const fe = ({
   text-decoration: none;
 
   > div {
-    ${(t) => Y(t)(
+    ${(t) => _(t)(
   "> h1",
   y`
           white-space: pre-wrap;
@@ -957,7 +959,7 @@ const fe = ({
 }}
 
       &:focus-visible {
-        ${W}
+        ${E}
         text-decoration: underline;
       }
 
@@ -1000,12 +1002,12 @@ const fe = ({
     }
 
     &:focus-visible {
-      ${W}
+      ${E}
       text-decoration: underline;
     }
   }
-`, mt = c(E)`
-  ${ie}
+`, ht = c(Y)`
+  ${ae}
   display: flex;
   margin: 0 0 0 auto;
   grid-area: tags;
@@ -1020,7 +1022,7 @@ const fe = ({
     align-items: center;
     justify-content: space-between;
   }
-`, ht = c(z)`
+`, ft = c(S)`
   display: block;
   color: ${(t) => {
   var e;
@@ -1037,7 +1039,7 @@ const fe = ({
         font-size: ${t.size}px;
       `;
 }}
-`, ft = c(rt)`
+`, ut = c(lt)`
   grid-area: metadata;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1049,11 +1051,11 @@ const fe = ({
   var e;
   return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
 }}
-`, ut = he`
+`, gt = fe`
   100% {
     transform: rotate(360deg);
   }
-`, gt = he`
+`, pt = fe`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -1066,8 +1068,8 @@ const fe = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, pt = c.svg`
-  animation: ${ut} 2s linear infinite;
+`, yt = c.svg`
+  animation: ${gt} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -1078,7 +1080,7 @@ const fe = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, yt = c.div`
+`, $t = c.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -1097,7 +1099,7 @@ const fe = ({
   .humany-spinner-svg {
     opacity: ${(t) => t["data-loading"] ? "1" : "0"};
   }
-`, $t = c.div`
+`, vt = c.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -1106,18 +1108,18 @@ const fe = ({
     display: block;
     padding-top: 100%;
   }
-`, vt = c.circle`
+`, xt = c.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${gt} 1.5s ease-in-out infinite;
+  animation: ${pt} 1.5s ease-in-out infinite;
   stroke-linecap: round;
   stroke: ${(t) => {
   var e;
   return (e = t.theme.colors) == null ? void 0 : e.primary;
 }};
   stroke-width: 2px;
-`, xt = ({ loading: t = !1 }) => /* @__PURE__ */ a(yt, { className: "humany-loader", "data-loading": t, children: /* @__PURE__ */ a($t, { className: "humany-spinner", children: /* @__PURE__ */ a(pt, { className: "humany-spinner-svg", viewBox: "25 25 50 50", children: /* @__PURE__ */ a(
-  vt,
+`, bt = ({ loading: t = !1 }) => /* @__PURE__ */ a($t, { className: "humany-loader", "data-loading": t, children: /* @__PURE__ */ a(vt, { className: "humany-spinner", children: /* @__PURE__ */ a(yt, { className: "humany-spinner-svg", viewBox: "25 25 50 50", children: /* @__PURE__ */ a(
+  xt,
   {
     cx: "50",
     cy: "50",
@@ -1126,75 +1128,75 @@ const fe = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-) }) }) }), Kt = ({
+) }) }) }), Ut = ({
   className: t,
   showHeader: e,
   notificationList: n,
   loading: i,
   ...o
 }) => {
-  const [s, r] = N(null), {
+  const [s, r] = L(null), {
     id: m,
     title: l,
     symbol: d,
-    notifications: u = [],
-    defaultHeaderOptions: h = { visible: !0 }
+    notifications: f = [],
+    defaultHeaderOptions: u = { visible: !0 }
   } = n || {};
-  return !u.length && !i ? null : /* @__PURE__ */ a(
-    wt,
+  return !f.length && !i ? null : /* @__PURE__ */ a(
+    kt,
     {
       ...o,
       "data-loading": i,
-      "data-show-header": typeof e == "boolean" ? e : h.visible,
-      className: k(t, "humany-notification-list"),
+      "data-show-header": typeof e == "boolean" ? e : u.visible,
+      className: w(t, "humany-notification-list"),
       "data-notification-category": m,
       header: l,
       symbol: d,
-      items: u,
-      renderItem: ({ id: f, title: v, body: $, modified: x, expandable: S }) => /* @__PURE__ */ a(
-        kt,
+      items: f,
+      renderItem: ({ id: h, title: $, body: v, modified: k, expandable: z }) => /* @__PURE__ */ a(
+        zt,
         {
-          "data-notification": f,
-          "data-expanded": S ? s === f : !0,
-          children: S ? /* @__PURE__ */ p(te, { children: [
+          "data-notification": h,
+          "data-expanded": z ? s === h : !0,
+          children: z ? /* @__PURE__ */ p(ne, { children: [
             /* @__PURE__ */ p(
-              bt,
+              wt,
               {
-                title: v,
-                "aria-label": v,
-                "aria-expanded": s === f,
-                onClick: () => r(s === f ? null : f),
+                title: $,
+                "aria-label": $,
+                "aria-expanded": s === h,
+                onClick: () => r(s === h ? null : h),
                 children: [
-                  /* @__PURE__ */ a("span", { children: v }),
+                  /* @__PURE__ */ a("span", { children: $ }),
                   /* @__PURE__ */ a(
-                    zt,
+                    St,
                     {
                       size: 11,
                       symbol: {
                         type: "Svg",
-                        content: `caret-${s === f ? "up" : "down"}`
+                        content: `caret-${s === h ? "up" : "down"}`
                       }
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ a(ee, { html: $ }),
-            x && /* @__PURE__ */ a(
-              St,
+            /* @__PURE__ */ a(te, { html: v }),
+            k && /* @__PURE__ */ a(
+              Nt,
               {
-                format: de.YYYY_MM_DD,
-                timestamp: x
+                format: me.YYYY_MM_DD,
+                timestamp: k
               }
             )
-          ] }) : /* @__PURE__ */ a(ee, { html: $ })
+          ] }) : /* @__PURE__ */ a(te, { html: v })
         },
-        f
+        h
       ),
-      children: /* @__PURE__ */ a(xt, { loading: i })
+      children: /* @__PURE__ */ a(bt, { loading: i })
     }
   );
-}, bt = c(_)`
+}, wt = c(O)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1222,7 +1224,7 @@ const fe = ({
     white-space: nowrap;
   }
   &:focus-visible {
-    ${W}
+    ${E}
     span {
       color: ${(t) => {
   var e;
@@ -1231,8 +1233,8 @@ const fe = ({
       text-decoration: underline;
     }
   }
-`, wt = c(C)`
-  ${tt}
+`, kt = c(C)`
+  ${nt}
   ${D}
   overflow: hidden;
   justify-content: flex-start;
@@ -1242,7 +1244,7 @@ const fe = ({
 }};
   ${(t) => !t["data-show-header"] && y`
       > div {
-        ${Y(t)(
+        ${_(t)(
   "h1",
   y`
             display: none;
@@ -1256,14 +1258,14 @@ const fe = ({
       text-decoration: underline;
     }
   }
-`, ee = c(_e)`
-  ${Oe}
+`, te = c(Oe)`
+  ${Ge}
   font-weight: 300;
 
   p {
     white-space: normal;
   }
-`, kt = c.li`
+`, zt = c.li`
   .humany-paragraph {
     display: none;
     &:not(:only-child) {
@@ -1290,7 +1292,7 @@ const fe = ({
   return (e = t.theme.colors) == null ? void 0 : e.accent;
 }};
   }
-`, zt = c(z)`
+`, St = c(S)`
   margin: 0 0 0 ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.small;
@@ -1301,29 +1303,29 @@ const fe = ({
   return (e = t.theme.colors) == null ? void 0 : e.primary;
 }};
   }
-`, St = c(ce)`
+`, Nt = c(de)`
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.small;
 }};
   font-weight: 300;
-`, Nt = (t) => new RegExp("^#", "i").test(t), Lt = (t) => ({ children: e, ...n }) => {
+`, Lt = (t) => new RegExp("^#", "i").test(t), Tt = (t) => ({ children: e, ...n }) => {
   const {
     implementation: i,
     name: o
   } = t.get("$widget"), { href: s = "" } = n;
-  if (Nt(s))
-    return /* @__PURE__ */ a(Ge, { smooth: !0, to: s, children: e });
+  if (Lt(s))
+    return /* @__PURE__ */ a(Ke, { smooth: !0, to: s, children: e });
   const r = i.bindings.map((d) => d.replace(/\./g, "\\.")).join("|"), l = new RegExp(
     `^((http[s]?:)?//)?(${r})/([^\\s]+)`
   ).exec(s);
   if (l && l.length >= 4) {
     const d = l[4];
     if (i.widgets.get(d) && !d.startsWith("blob?") && !d.startsWith(o))
-      return /* @__PURE__ */ a(Ke, { widgetName: d, children: e });
+      return /* @__PURE__ */ a(Ue, { widgetName: d, children: e });
   }
   return /* @__PURE__ */ a("a", { ...n, children: e });
-}, Ut = (t, e = []) => ({
+}, Vt = (t, e = []) => ({
   transform: {
     a: (n) => {
       const { children: i, ...o } = n, s = o["data-target"];
@@ -1332,33 +1334,33 @@ const fe = ({
           ({ connection: l }) => l === s
         );
         if (m)
-          return /* @__PURE__ */ a(fe, { ...m, children: i });
+          return /* @__PURE__ */ a(ue, { ...m, children: i });
       }
-      return Lt(t)(n);
+      return Tt(t)(n);
     }
   }
 });
 export {
-  Ot as AccordionListItem,
-  fe as DialogLink,
-  Mt as DialogList,
-  Pt as DrawerList,
-  Bt as DropdownActions,
-  Ht as DropdownList,
-  it as FavoriteButton,
-  Wt as Feedback,
-  Gt as GuideList,
-  xt as Loader,
-  yt as LoaderWrapper,
-  rt as Metadata,
-  Kt as NotificationList,
-  jt as SmallCaret,
-  Rt as StyledHeaderText,
-  nt as StyledListButton,
-  Ut as guideRenderInstructions,
-  tt as loadingOpacity,
-  Et as useArrowKeys,
-  Yt as useDebounce,
-  st as useFavorites,
-  _t as useHover
+  Gt as AccordionListItem,
+  ue as DialogLink,
+  Pt as DialogList,
+  Bt as DrawerList,
+  Ht as DropdownActions,
+  jt as DropdownList,
+  at as FavoriteButton,
+  Et as Feedback,
+  Kt as GuideList,
+  bt as Loader,
+  $t as LoaderWrapper,
+  lt as Metadata,
+  Ut as NotificationList,
+  Rt as SmallCaret,
+  Wt as StyledHeaderText,
+  it as StyledListButton,
+  Vt as guideRenderInstructions,
+  nt as loadingOpacity,
+  Yt as useArrowKeys,
+  _t as useDebounce,
+  rt as useFavorites,
+  Ot as useHover
 };