@telia-ace/knowledge-widget-ui 1.1.2 → 1.1.3

package/index.mjs

@@ -1,33 +1,33 @@
 import { jsx as o, jsxs as p, Fragment as se } from "react/jsx-runtime";
-import { useRouteData as ie, Link as Me, Icon as P, List as G, list as re, invertedHoverButton as le, ItemList as j, itemList as R, Drawer as Pe, Dropdown as ce, headingElement as K, Text as de, Button as U, paddedBorderTabStyle as X, Confirm as Be, SymbolBadge as S, StyledText as _, convertToStringAttributes as me, useKeyPress as M, useContainer as je, useEventListener as Z, Timestamp as he, DateFormats as fe, TextLink as V, useIsTabbing as Re, usePrevious as We, borderTabStyle as q, Paragraph as Ee, genericHtml as He, AnchorLink as Oe, WidgetLink as Ye } from "@telia-ace/widget-ui";
+import { useRouteData as re, Link as Pe, Icon as P, List as G, list as le, invertedHoverButton as ce, ItemList as j, itemList as R, Drawer as Be, Dropdown as de, headingElement as K, Text as me, Button as U, paddedBorderTabStyle as Z, Confirm as je, SymbolBadge as S, StyledText as _, convertToStringAttributes as he, useKeyPress as M, useContainer as Re, useEventListener as ee, Timestamp as fe, DateFormats as ue, TextLink as V, useIsTabbing as We, usePrevious as Ee, borderTabStyle as q, Paragraph as He, genericHtml as Oe, AnchorLink as Ye, WidgetLink as _e } from "@telia-ace/widget-ui";
 export * from "@telia-ace/widget-ui";
-import { createParams as B, formatUrl as ee, appendClassNames as z, htmlParentContains as _e } from "@telia-ace/widget-utilities";
+import { createParams as B, formatUrl as te, appendClassNames as z, htmlParentContains as Ve } from "@telia-ace/widget-utilities";
 import c from "@emotion/styled";
-import { forwardRef as W, useCallback as k, useState as F, useEffect as E, useMemo as Ve, useRef as ue, useImperativeHandle as qe } from "react";
-import { css as y, keyframes as ge } from "@emotion/react";
-const pe = ({
+import { forwardRef as W, useCallback as k, useState as F, useEffect as E, useMemo as qe, useRef as ge, useImperativeHandle as Ge } from "react";
+import { css as y, keyframes as pe } from "@emotion/react";
+const ye = ({
   title: t = "",
   className: e,
   id: n,
   parent: a,
-  connection: s,
-  type: i,
+  connection: i,
+  type: s,
   target: r,
   href: m,
   children: l,
   connectionKey: d
 }) => {
-  const u = {}, { name: h, params: f } = ie();
-  switch (i) {
+  const u = {}, { name: h, params: f } = re();
+  switch (s) {
     case "default":
     case "guide":
-      const { id: x, title: $ } = a;
-      let v = d || s;
-      x !== n && !d && (v = void 0), u.routeName = h, u.params = B({
+      const { id: x, title: v } = a;
+      let $ = d || i;
+      x !== n && !d && ($ = void 0), u.routeName = h, u.params = B({
         ...f,
         guide: n,
-        connection: v,
-        uriName: n === x ? ee($) : ee(t)
+        connection: $,
+        uriName: n === x ? te(v) : te(t)
       });
       break;
     case "link":
@@ -35,29 +35,29 @@ const pe = ({
       break;
   }
   return /* @__PURE__ */ o(
-    Me,
+    Pe,
     {
       className: z(e, "humany-dialog-link"),
       ...u,
       children: l || /* @__PURE__ */ p(se, { children: [
-        i === "link" && /* @__PURE__ */ o(P, { faIcon: "link" }),
+        s === "link" && /* @__PURE__ */ o(P, { faIcon: "link" }),
         /* @__PURE__ */ o("span", { children: t })
       ] })
     }
   );
-}, Ct = W(
+}, At = W(
   ({ className: t, dialog: e, ...n }, a) => e.length ? /* @__PURE__ */ o(
-    Ge,
+    Ke,
     {
       className: z(t, "humany-dialog"),
       items: e,
-      renderItem: (s) => /* @__PURE__ */ o("li", { "data-dialog": s.connection, children: /* @__PURE__ */ o(pe, { ...s }) }, s.connection),
+      renderItem: (i) => /* @__PURE__ */ o("li", { "data-dialog": i.connection, children: /* @__PURE__ */ o(ye, { ...i }) }, i.connection),
       ...n,
       ref: a
     }
   ) : null
-), Ge = c(G)`
-  ${re}
+), Ke = c(G)`
+  ${le}
   a {
     min-width: 150px;
     max-width: 400px;
@@ -65,7 +65,7 @@ const pe = ({
     white-space: normal;
     ${(t) => {
   var e, n;
-  return ((e = t.theme.colors) == null ? void 0 : e.primary) && le({
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && ce({
     primaryColor: (n = t.theme.colors) == null ? void 0 : n.primary,
     secondaryColor: "#FFFFFF",
     theme: t.theme
@@ -79,30 +79,30 @@ const pe = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
   }
-`, At = ({
+`, Mt = ({
   trigger: t,
   header: e,
   className: n,
   animation: a,
-  fullScreen: s,
-  onToggle: i,
+  fullScreen: i,
+  onToggle: s,
   children: r,
   ref: m,
   closeButtonAriaLabel: l,
   ...d
 }) => /* @__PURE__ */ o(
-  Pe,
+  Be,
   {
     className: z(n, "humany-drawer-list"),
     trigger: t,
     header: e,
     animation: a,
-    fullScreen: s,
-    onToggle: i,
+    fullScreen: i,
+    onToggle: s,
     closeButtonAriaLabel: l,
-    children: /* @__PURE__ */ o(Ke, { ...d, children: r })
+    children: /* @__PURE__ */ o(Ue, { ...d, children: r })
   }
-), Ke = c(j)`
+), Ue = c(j)`
   ${R}
   font-family: ${(t) => {
   var e;
@@ -120,17 +120,17 @@ const pe = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
   }
-`, Mt = ({
+`, Pt = ({
   items: t,
   renderItem: e,
   trigger: n,
   header: a,
-  children: s
-}) => /* @__PURE__ */ o(ce, { className: "humany-dropdown-actions", trigger: n, children: /* @__PURE__ */ p(Ue, { children: [
-  !!a && /* @__PURE__ */ o(Je, { children: a }),
-  t && e && /* @__PURE__ */ o(Qe, { items: t, renderItem: e }),
-  s
-] }) }), Ue = c.div`
+  children: i
+}) => /* @__PURE__ */ o(de, { className: "humany-dropdown-actions", trigger: n, children: /* @__PURE__ */ p(Je, { children: [
+  !!a && /* @__PURE__ */ o(Qe, { children: a }),
+  t && e && /* @__PURE__ */ o(Xe, { items: t, renderItem: e }),
+  i
+] }) }), Je = c.div`
   background: #fff;
   border: #ccc 1px solid;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
@@ -142,7 +142,7 @@ const pe = ({
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
-`, Je = c.div`
+`, Qe = c.div`
   padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.normal;
@@ -175,7 +175,7 @@ const pe = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }};
   }
-`, Qe = c(G)`
+`, Xe = c(G)`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -210,21 +210,21 @@ const pe = ({
       }
     }
   }
-`, Pt = ({
+`, Bt = ({
   trigger: t,
   className: e,
   children: n,
   closeButtonAriaLabel: a,
-  ...s
+  ...i
 }) => /* @__PURE__ */ o(
-  ce,
+  de,
   {
     className: z(e, "humany-dropdown-list"),
     closeButtonAriaLabel: a,
     trigger: t,
-    children: /* @__PURE__ */ o(Xe, { ...s, children: n })
+    children: /* @__PURE__ */ o(Ze, { ...i, children: n })
   }
-), Xe = c(j)`
+), Ze = c(j)`
   ${R}
   font-family: ${(t) => {
   var e;
@@ -260,7 +260,7 @@ const pe = ({
       }
     }
   }
-`, Ze = (t) => y`
+`, et = (t) => y`
   ${t["data-loading"] && "position: relative;"};
   ${t["data-loading"] && "min-height: 150px;"}
   > * {
@@ -270,7 +270,7 @@ const pe = ({
   .humany-loader {
     opacity: ${t["data-loading"] ? "1" : "0"};
   }
-`, Bt = c(P)`
+`, jt = c(P)`
   && {
     font-size: ${(t) => {
   var e;
@@ -278,7 +278,7 @@ const pe = ({
 }};
   }
   width: 1.2em;
-`, jt = c(de)`
+`, Rt = c(me)`
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.medium;
@@ -289,7 +289,7 @@ const pe = ({
   var e;
   return (e = t.theme.colors) == null ? void 0 : e.text;
 }};
-`, et = c(U)`
+`, tt = c(U)`
   display: flex;
   align-items: center;
 
@@ -303,11 +303,11 @@ const pe = ({
 }}
 
   &:focus-visible {
-    ${(t) => t["data-has-label"] === "true" && X}
+    ${(t) => t["data-has-label"] === "true" && Z}
 
     svg, i {
       ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && y`
-          ${X(t)}
+          ${Z(t)}
           box-sizing: content-box;
         `}
     }
@@ -317,13 +317,13 @@ const pe = ({
     flex: 1;
     font-weight: 300;
   }
-`, tt = ({
+`, nt = ({
   addFavoriteTooltip: t,
   removeFavoriteCancelLabel: e,
   removeFavoriteConfirmLabel: n,
   removeFavoriteHeader: a,
-  removeFavoriteLabel: s,
-  removeFavoriteTooltip: i,
+  removeFavoriteLabel: i,
+  removeFavoriteTooltip: s,
   id: r,
   isFavorite: m,
   guideTitle: l,
@@ -334,16 +334,16 @@ const pe = ({
     h(r);
   }, [r, h]), x = k(() => {
     u(r);
-  }, [r, u]), $ = `${m ? i : t}${l ? `: "${l}"` : ""}`;
+  }, [r, u]), v = `${m ? s : t}${l ? `: "${l}"` : ""}`;
   return m ? /* @__PURE__ */ o(
-    Be,
+    je,
     {
       trigger: /* @__PURE__ */ p(
-        te,
+        ne,
         {
           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",
@@ -363,14 +363,14 @@ const pe = ({
       cancelLabel: e,
       confirmLabel: n,
       header: a,
-      text: s
+      text: i
     }
   ) : /* @__PURE__ */ p(
-    te,
+    ne,
     {
       className: "humany-favorite-button",
-      title: $,
-      "aria-label": $,
+      title: v,
+      "aria-label": v,
       onClick: x,
       "data-favorite": "false",
       "data-has-label": d ? "true" : "false",
@@ -381,7 +381,7 @@ const pe = ({
       ]
     }
   );
-}, te = c(et)`
+}, ne = c(tt)`
   grid-area: favorite;
 
   &:focus-visible {
@@ -406,7 +406,7 @@ const pe = ({
   }
 
   ${(t) => {
-  var e, n, a, s, i, r, m;
+  var e, n, a, i, s, r, m;
   return ((e = t.theme.colors) == null ? void 0 : e.text) && y`
       svg {
         stroke: ${(n = t.theme.colors) == null ? void 0 : n.text};
@@ -416,10 +416,10 @@ const pe = ({
         }
 
         ${t["data-favorite"] === "true" && `
-          fill: ${(s = t.theme.colors) == null ? void 0 : s.text};
+          fill: ${(i = t.theme.colors) == null ? void 0 : i.text};
 
           path {
-            fill: ${(i = t.theme.colors) == null ? void 0 : i.text};
+            fill: ${(s = t.theme.colors) == null ? void 0 : s.text};
           }
         `};
       }
@@ -443,28 +443,28 @@ const pe = ({
       }
     `;
 }}
-`, Rt = W(
+`, Wt = W(
   ({
     onFeedback: t = () => {
     },
     direction: e = "horizontal",
     className: n,
     header: a,
-    positive: s,
-    negative: i,
+    positive: i,
+    negative: s,
     selected: r,
     ...m
   }, l) => /* @__PURE__ */ p(
-    at,
+    ot,
     {
       className: z(n, "humany-feedback"),
       "data-direction": e,
-      ...me(m),
+      ...he(m),
       ref: l,
       children: [
-        !!a && /* @__PURE__ */ o(nt, { children: a }),
+        !!a && /* @__PURE__ */ o(at, { children: a }),
         /* @__PURE__ */ p(
-          ne,
+          ae,
           {
             className: "humany-feedback-button",
             disabled: !!r,
@@ -473,12 +473,12 @@ const pe = ({
             onClick: () => t("positive"),
             children: [
               /* @__PURE__ */ o(P, { faIcon: "smile-o" }),
-              /* @__PURE__ */ o("span", { children: s })
+              /* @__PURE__ */ o("span", { children: i })
             ]
           }
         ),
         /* @__PURE__ */ p(
-          ne,
+          ae,
           {
             className: "humany-feedback-button",
             disabled: !!r,
@@ -487,14 +487,14 @@ const pe = ({
             onClick: () => t("negative"),
             children: [
               /* @__PURE__ */ o(P, { faIcon: "frown-o" }),
-              /* @__PURE__ */ o("span", { children: i })
+              /* @__PURE__ */ o("span", { children: s })
             ]
           }
         )
       ]
     }
   )
-), nt = c(_)`
+), at = c(_)`
   font-weight: normal;
   margin: 0 0 ${(t) => {
   var e;
@@ -505,7 +505,7 @@ const pe = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
   display: block;
-`, ne = c(U)`
+`, ae = c(U)`
   display: inline-block;
   font-size: ${(t) => {
   var e;
@@ -533,7 +533,7 @@ const pe = ({
 
   ${(t) => {
   var e, n;
-  return ((e = t.theme.colors) == null ? void 0 : e.primary) && le({
+  return ((e = t.theme.colors) == null ? void 0 : e.primary) && ce({
     active: t["data-selected"],
     primaryColor: (n = t.theme.colors) == null ? void 0 : n.primary,
     secondaryColor: "#FFFFFF",
@@ -547,7 +547,7 @@ const pe = ({
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
   }
-`, at = c.div`
+`, ot = c.div`
   ${(t) => {
   var e;
   return t["data-direction"] === "vertical" && y`
@@ -559,27 +559,27 @@ const pe = ({
       }
     `;
 }}
-`, Wt = () => {
-  const [t, e] = F(null), n = M("ArrowLeft"), a = M("ArrowRight"), s = M("ArrowUp"), i = M("ArrowDown");
+`, Et = () => {
+  const [t, e] = F(null), n = M("ArrowLeft"), a = M("ArrowRight"), i = M("ArrowUp"), s = M("ArrowDown");
   return E(() => {
-    e(n ? "left" : a ? "right" : s ? "up" : i ? "down" : null);
-  }, [n, a, s, i]), t;
-}, Et = (t, e) => {
-  const [n, a] = F(t), s = k(() => setTimeout(() => {
+    e(n ? "left" : a ? "right" : i ? "up" : s ? "down" : null);
+  }, [n, a, i, s]), t;
+}, Ht = (t, e) => {
+  const [n, a] = F(t), i = k(() => setTimeout(() => {
     a(t);
   }, e), [e, a, t]);
   return E(
     () => {
-      const i = s();
+      const s = i();
       return () => {
-        clearTimeout(i);
+        clearTimeout(s);
       };
     },
-    [s]
+    [i]
     // Only re-call effect if value or delay changes
   ), n;
-}, ot = () => {
-  const t = je(), [e, n] = F([]), a = t.get("favorites");
+}, it = () => {
+  const t = Re(), [e, n] = F([]), a = t.get("favorites");
   E(() => {
     if (a) {
       n(a.get());
@@ -592,17 +592,17 @@ const pe = ({
       );
     }
   }, []);
-  const s = (l) => a ? a.add(l) : Promise.resolve([]), i = (l) => a ? a.remove(l) : Promise.resolve([]), r = () => a ? a.clear() : Promise.resolve([]), m = k(
-    (l) => e.indexOf(l) > -1 ? i(l) : s(l),
+  const i = (l) => a ? a.add(l) : Promise.resolve([]), s = (l) => a ? a.remove(l) : Promise.resolve([]), r = () => a ? a.clear() : Promise.resolve([]), m = k(
+    (l) => e.indexOf(l) > -1 ? s(l) : i(l),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
   return [
     e,
-    Ve(
+    qe(
       () => ({
-        addFavorite: s,
-        removeFavorite: i,
+        addFavorite: i,
+        removeFavorite: s,
         clearFavorites: r,
         toggleFavorite: m
       }),
@@ -610,26 +610,26 @@ const pe = ({
       [e]
     )
   ];
-}, Ht = () => {
-  const [t, e] = F(!1), n = ue(), a = k(() => e(!0), [e]), s = k(() => e(!1), [e]);
-  return Z("mouseenter", a, n.current), Z("mouseleave", s, n.current), [t, n];
+}, Ot = () => {
+  const [t, e] = F(!1), n = ge(), a = k(() => e(!0), [e]), i = k(() => e(!1), [e]);
+  return ee("mouseenter", a, n.current), ee("mouseleave", i, n.current), [t, n];
 }, st = ({
-  format: t = fe.YYYY_MM_DD_HH_MM,
+  format: t = ue.YYYY_MM_DD_HH_MM,
   className: e = "",
   byLabel: n = "",
   modifiedLabel: a = "",
-  publishedLabel: s = "",
-  modifiedBy: i = "",
+  publishedLabel: i = "",
+  modifiedBy: s = "",
   publishedBy: r = "",
   showModified: m = !1,
   showPublished: l = !1,
   modified: d,
   published: u
 }) => {
-  const h = l && u ? /* @__PURE__ */ o(ae, { format: t, timestamp: u }) : null, f = m && d ? /* @__PURE__ */ o(ae, { format: t, timestamp: d }) : null;
+  const h = l && u ? /* @__PURE__ */ o(oe, { format: t, timestamp: u }) : null, f = m && d ? /* @__PURE__ */ o(oe, { format: t, timestamp: d }) : null;
   return !h && !f ? null : /* @__PURE__ */ p(Y, { className: z(e, "humany-metadata"), children: [
     h && /* @__PURE__ */ p(Y, { className: "humany-published", children: [
-      s,
+      i,
       h,
       n && r && ` ${n.replace("{{editor}}", r)}`
     ] }),
@@ -637,28 +637,28 @@ const pe = ({
       h && ", ",
       a,
       f,
-      n && i && ` ${n.replace("{{editor}}", i)}`
+      n && s && ` ${n.replace("{{editor}}", s)}`
     ] })
   ] });
-}, ae = c(he)`
+}, oe = c(fe)`
   &:not(:first-child) {
     margin-left: 4px;
   }
   &:not(:last-child) {
     margin-right: 4px;
   }
-`, Y = c(de)`
+`, Y = c(me)`
   font-style: italic;
-`, it = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ o(
-  ct,
+`, rt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ o(
+  dt,
   {
     className: "humany-guide-list-tags",
     items: t,
-    renderItem: ({ id: e, symbol: n, title: a }) => n && /* @__PURE__ */ o("li", { "data-tag": e, children: /* @__PURE__ */ o(dt, { size: 18, symbol: n, title: a }) }, e)
+    renderItem: ({ id: e, symbol: n, title: a }) => n && /* @__PURE__ */ o("li", { "data-tag": e, children: /* @__PURE__ */ o(mt, { size: 18, symbol: n, title: a }) }, e)
   }
-) : null, Ot = W(({ title: t, id: e, route: n, symbolSize: a, collapseUri: s, children: i }, r) => {
-  const { params: m } = ie();
-  return /* @__PURE__ */ p(rt, { ref: r, "data-guide": e, children: [
+) : null, Yt = W(({ title: t, id: e, route: n, symbolSize: a, collapseUri: i, children: s }, r) => {
+  const { params: m } = re();
+  return /* @__PURE__ */ p(lt, { ref: r, "data-guide": e, children: [
     /* @__PURE__ */ o(
       V,
       {
@@ -667,7 +667,7 @@ const pe = ({
         routeName: n,
         params: B({
           ...m,
-          uriName: s || void 0,
+          uriName: i || void 0,
           id: void 0,
           guide: void 0,
           accordion: void 0
@@ -682,9 +682,9 @@ const pe = ({
         )
       }
     ),
-    i
+    s
   ] });
-}), rt = c.li`
+}), lt = c.li`
   > a {
     grid-column: 1/-1;
     font-weight: bold;
@@ -697,14 +697,14 @@ const pe = ({
   > div {
     grid-column: 1/-1;
   }
-`, Yt = W(
+`, _t = W(
   ({
     expandable: t = !1,
     routing: e = {},
     paramMappers: n = {},
     symbolSize: a = 11,
-    pageRole: s = "link",
-    pageCaret: i = "down",
+    pageRole: i = "link",
+    pageCaret: s = "down",
     showTags: r = !1,
     showFavoriteToggle: m = !1,
     localPaging: l = !1,
@@ -715,22 +715,23 @@ const pe = ({
     metadata: h = {},
     pageLabel: f,
     className: x,
-    children: $,
-    items: v,
+    children: v,
+    items: $,
     renderItem: N,
-    addFavoriteTooltip: ye,
-    removeFavoriteCancelLabel: $e,
-    removeFavoriteConfirmLabel: ve,
-    removeFavoriteHeader: xe,
-    removeFavoriteLabel: be,
-    removeFavoriteTooltip: we,
-    ...ke
-  }, ze) => {
-    const J = Re(), I = ue(), T = We(v), { guide: Se = "guide", page: Ne = "index" } = e, {
-      guide: Le = ({ id: g }) => B({ guide: g }),
-      page: Q = () => B()
-    } = n, [Ie, Te] = ot();
-    qe(ze, () => I.current);
+    addFavoriteTooltip: $e,
+    removeFavoriteCancelLabel: ve,
+    removeFavoriteConfirmLabel: xe,
+    removeFavoriteHeader: be,
+    removeFavoriteLabel: we,
+    removeFavoriteTooltip: ke,
+    searchResultsEmptyLabel: ze,
+    ...J
+  }, Se) => {
+    const Q = We(), I = ge(), T = Ee($), { guide: Ne = "guide", page: Le = "index" } = e, {
+      guide: Ie = ({ id: g }) => B({ guide: g }),
+      page: X = () => B()
+    } = n, [Te, De] = it();
+    Ge(Se, () => I.current);
     const H = (g) => {
       const { id: w, title: b, tags: L, published: C, modified: D, publishedBy: A, modifiedBy: O } = g;
       return /* @__PURE__ */ p(
@@ -745,9 +746,9 @@ const pe = ({
                 className: "humany-guide-link",
                 title: b,
                 "aria-label": b,
-                routeName: Se,
-                onClick: (Ae) => d(Ae, g),
-                params: Le(g),
+                routeName: Ne,
+                onClick: (Me) => d(Me, g),
+                params: Ie(g),
                 text: b,
                 children: /* @__PURE__ */ o(
                   S,
@@ -762,23 +763,23 @@ const pe = ({
               }
             ),
             m && /* @__PURE__ */ o(
-              tt,
+              nt,
               {
                 guideTitle: b,
-                addFavoriteTooltip: ye,
-                removeFavoriteCancelLabel: $e,
-                removeFavoriteConfirmLabel: ve,
-                removeFavoriteHeader: xe,
-                removeFavoriteLabel: be,
-                removeFavoriteTooltip: we,
-                isFavorite: Ie.indexOf(w) > -1,
-                actions: Te,
+                addFavoriteTooltip: $e,
+                removeFavoriteCancelLabel: ve,
+                removeFavoriteConfirmLabel: xe,
+                removeFavoriteHeader: be,
+                removeFavoriteLabel: we,
+                removeFavoriteTooltip: ke,
+                isFavorite: Te.indexOf(w) > -1,
+                actions: De,
                 id: w
               }
             ),
-            r && /* @__PURE__ */ o(it, { tags: L }),
+            r && /* @__PURE__ */ o(rt, { tags: L }),
             /* @__PURE__ */ o(
-              mt,
+              ht,
               {
                 ...h,
                 indent: t ? void 0 : a,
@@ -792,21 +793,21 @@ const pe = ({
         },
         w
       );
-    }, De = k(
+    }, Fe = k(
       (g, w, b) => N ? N(g, w, b, H) : H(g),
       [N, H]
-    ), Fe = k(
+    ), Ce = k(
       (g) => {
-        l && (g.preventDefault(), u("page", Q()));
+        l && (g.preventDefault(), u("page", X()));
       },
       [u, l]
     );
     E(() => {
-      if (T && T.length < v.length && I.current) {
+      if (T && T.length < $.length && I.current) {
         const g = I.current.querySelectorAll(
           ".humany-guide-list > ul > li"
         ), w = g[T.length];
-        if (g.length === v.length && T.length) {
+        if (g.length === $.length && T.length) {
           const b = g[T.length];
           if (b) {
             const L = b.querySelector(
@@ -821,7 +822,7 @@ const pe = ({
                 const A = Array.from(
                   D.addedNodes
                 ).find((O) => O.tagName === "A");
-                A && _e(I.current, document.activeElement) && (J && A.focus(), C.disconnect());
+                A && Ve(I.current, document.activeElement) && (Q && A.focus(), C.disconnect());
               }
             });
           }).observe(w, {
@@ -834,20 +835,20 @@ const pe = ({
           });
       }
     });
-    const Ce = !!Object.keys(h).filter(
+    const Ae = !!Object.keys(h).filter(
       (g) => typeof h[g] < "u"
     ).length;
     return /* @__PURE__ */ p(
-      lt,
+      ct,
       {
         className: z(x, "humany-guide-list"),
-        "data-item-count": v.length,
-        items: v,
-        renderItem: De,
-        isTabbing: J,
+        "data-item-count": $.length,
+        items: $,
+        renderItem: Fe,
+        isTabbing: Q,
         expandable: t ? "true" : "false",
-        "grid-items": r || m || Ce ? "true" : "false",
-        ...me(ke),
+        "grid-items": r || m || Ae ? "true" : "false",
+        ...he(J),
         ref: I,
         children: [
           f ? /* @__PURE__ */ o(
@@ -856,25 +857,26 @@ const pe = ({
               text: f,
               title: f,
               "aria-label": f,
-              routeName: Ne,
-              role: s,
-              params: Q(),
-              onClick: Fe,
+              routeName: Le,
+              role: i,
+              params: X(),
+              onClick: Ce,
               children: /* @__PURE__ */ o(
                 S,
                 {
                   size: a,
-                  symbol: { type: "Svg", content: `caret-${i}` }
+                  symbol: { type: "Svg", content: `caret-${s}` }
                 }
               )
             }
           ) : null,
-          $
+          v,
+          !J["data-loading"] && $.length === 0 && /* @__PURE__ */ o("p", { children: ze })
         ]
       }
     );
   }
-), lt = c(j)`
+), ct = c(j)`
   ${R}
   padding: ${(t) => {
   var e;
@@ -1025,8 +1027,8 @@ const pe = ({
       text-decoration: underline;
     }
   }
-`, ct = c(G)`
-  ${re}
+`, dt = c(G)`
+  ${le}
   display: flex;
   margin: 0 0 0 auto;
   grid-area: tags;
@@ -1041,7 +1043,7 @@ const pe = ({
     align-items: center;
     justify-content: space-between;
   }
-`, dt = c(S)`
+`, mt = c(S)`
   display: block;
   color: ${(t) => {
   var e;
@@ -1058,7 +1060,7 @@ const pe = ({
         font-size: ${t.size}px;
       `;
 }}
-`, mt = c(st)`
+`, ht = c(st)`
   grid-area: metadata;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1070,11 +1072,11 @@ const pe = ({
   var e;
   return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
 }}
-`, ht = ge`
+`, ft = pe`
   100% {
     transform: rotate(360deg);
   }
-`, ft = ge`
+`, ut = pe`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -1087,8 +1089,8 @@ const pe = ({
     stroke-dasharray: 89, 200;
     stroke-dashoffset: -124px;
   }
-`, ut = c.svg`
-  animation: ${ht} 2s linear infinite;
+`, gt = c.svg`
+  animation: ${ft} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
   width: 100%;
@@ -1099,7 +1101,7 @@ const pe = ({
   right: 0;
   margin: auto;
   transition: 200ms ease-out opacity;
-`, gt = c.div`
+`, pt = c.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -1118,7 +1120,7 @@ const pe = ({
   .humany-spinner-svg {
     opacity: ${(t) => t["data-loading"] ? "1" : "0"};
   }
-`, pt = c.div`
+`, yt = c.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -1127,18 +1129,18 @@ const pe = ({
     display: block;
     padding-top: 100%;
   }
-`, yt = c.circle`
+`, $t = c.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
-  animation: ${ft} 1.5s ease-in-out infinite;
+  animation: ${ut} 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;
-`, $t = ({ loading: t = !1 }) => /* @__PURE__ */ o(gt, { className: "humany-loader", "data-loading": t, children: /* @__PURE__ */ o(pt, { className: "humany-spinner", children: /* @__PURE__ */ o(ut, { className: "humany-spinner-svg", viewBox: "25 25 50 50", children: /* @__PURE__ */ o(
-  yt,
+`, vt = ({ loading: t = !1 }) => /* @__PURE__ */ o(pt, { className: "humany-loader", "data-loading": t, children: /* @__PURE__ */ o(yt, { className: "humany-spinner", children: /* @__PURE__ */ o(gt, { className: "humany-spinner-svg", viewBox: "25 25 50 50", children: /* @__PURE__ */ o(
+  $t,
   {
     cx: "50",
     cy: "50",
@@ -1147,14 +1149,14 @@ const pe = ({
     "stroke-width": "2",
     "stroke-miterlimit": "10"
   }
-) }) }) }), _t = ({
+) }) }) }), Vt = ({
   className: t,
   showHeader: e,
   notificationList: n,
   loading: a,
-  ...s
+  ...i
 }) => {
-  const [i, r] = F(null), {
+  const [s, r] = F(null), {
     id: m,
     title: l,
     symbol: d,
@@ -1162,9 +1164,9 @@ const pe = ({
     defaultHeaderOptions: h = { visible: !0 }
   } = n || {};
   return !u.length && !a ? null : /* @__PURE__ */ o(
-    xt,
+    bt,
     {
-      ...s,
+      ...i,
       "data-loading": a,
       "data-show-header": typeof e == "boolean" ? e : h.visible,
       className: z(t, "humany-notification-list"),
@@ -1172,50 +1174,50 @@ const pe = ({
       header: l,
       symbol: d,
       items: u,
-      renderItem: ({ id: f, title: x, body: $, modified: v, expandable: N }) => /* @__PURE__ */ o(
-        bt,
+      renderItem: ({ id: f, title: x, body: v, modified: $, expandable: N }) => /* @__PURE__ */ o(
+        wt,
         {
           "data-notification": f,
-          "data-expanded": N ? i === f : !0,
+          "data-expanded": N ? s === f : !0,
           children: N ? /* @__PURE__ */ p(se, { children: [
             /* @__PURE__ */ p(
-              vt,
+              xt,
               {
                 title: x,
                 "aria-label": x,
-                "aria-expanded": i === f,
-                onClick: () => r(i === f ? null : f),
+                "aria-expanded": s === f,
+                onClick: () => r(s === f ? null : f),
                 children: [
                   /* @__PURE__ */ o("span", { children: x }),
                   /* @__PURE__ */ o(
-                    wt,
+                    kt,
                     {
                       size: 11,
                       symbol: {
                         type: "Svg",
-                        content: `caret-${i === f ? "up" : "down"}`
+                        content: `caret-${s === f ? "up" : "down"}`
                       }
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ o(oe, { html: $ }),
-            v && /* @__PURE__ */ o(
-              kt,
+            /* @__PURE__ */ o(ie, { html: v }),
+            $ && /* @__PURE__ */ o(
+              zt,
               {
-                format: fe.YYYY_MM_DD,
-                timestamp: v
+                format: ue.YYYY_MM_DD,
+                timestamp: $
               }
             )
-          ] }) : /* @__PURE__ */ o(oe, { html: $ })
+          ] }) : /* @__PURE__ */ o(ie, { html: v })
         },
         f
       ),
-      children: /* @__PURE__ */ o($t, { loading: a })
+      children: /* @__PURE__ */ o(vt, { loading: a })
     }
   );
-}, vt = c(U)`
+}, xt = c(U)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1252,8 +1254,8 @@ const pe = ({
       text-decoration: underline;
     }
   }
-`, xt = c(j)`
-  ${Ze}
+`, bt = c(j)`
+  ${et}
   ${R}
   overflow: hidden;
   justify-content: flex-start;
@@ -1277,14 +1279,14 @@ const pe = ({
       text-decoration: underline;
     }
   }
-`, oe = c(Ee)`
-  ${He}
+`, ie = c(He)`
+  ${Oe}
   font-weight: 300;
 
   p {
     white-space: normal;
   }
-`, bt = c.li`
+`, wt = c.li`
   .humany-paragraph {
     display: none;
     &:not(:only-child) {
@@ -1311,7 +1313,7 @@ const pe = ({
   return (e = t.theme.colors) == null ? void 0 : e.accent;
 }};
   }
-`, wt = c(S)`
+`, kt = c(S)`
   margin: 0 0 0 ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.small;
@@ -1322,64 +1324,64 @@ const pe = ({
   return (e = t.theme.colors) == null ? void 0 : e.primary;
 }};
   }
-`, kt = c(he)`
+`, zt = c(fe)`
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.small;
 }};
   font-weight: 300;
-`, zt = (t) => new RegExp("^#", "i").test(t), St = (t) => ({ children: e, ...n }) => {
+`, St = (t) => new RegExp("^#", "i").test(t), Nt = (t) => ({ children: e, ...n }) => {
   const {
     implementation: a,
-    name: s
-  } = t.get("$widget"), { href: i = "" } = n;
-  if (zt(i))
-    return /* @__PURE__ */ o(Oe, { smooth: !0, to: i, children: e });
+    name: i
+  } = t.get("$widget"), { href: s = "" } = n;
+  if (St(s))
+    return /* @__PURE__ */ o(Ye, { smooth: !0, to: s, children: e });
   const r = a.bindings.map((d) => d.replace(/\./g, "\\.")).join("|"), l = new RegExp(
     `^((http[s]?:)?//)?(${r})/([^\\s]+)`
-  ).exec(i);
+  ).exec(s);
   if (l && l.length >= 4) {
     const d = l[4];
-    if (a.widgets.get(d) && !d.startsWith("blob?") && !d.startsWith(s))
-      return /* @__PURE__ */ o(Ye, { widgetName: d, children: e });
+    if (a.widgets.get(d) && !d.startsWith("blob?") && !d.startsWith(i))
+      return /* @__PURE__ */ o(_e, { widgetName: d, children: e });
   }
   return /* @__PURE__ */ o("a", { ...n, children: e });
-}, Vt = (t, e = []) => ({
+}, qt = (t, e = []) => ({
   transform: {
     a: (n) => {
-      const { children: a, ...s } = n, i = s["data-target"];
-      if (i && e.length) {
+      const { children: a, ...i } = n, s = i["data-target"];
+      if (s && e.length) {
         const m = e.find(
-          ({ connection: l }) => l === i
+          ({ connection: l }) => l === s
         );
         if (m)
-          return /* @__PURE__ */ o(pe, { ...m, children: a });
+          return /* @__PURE__ */ o(ye, { ...m, children: a });
       }
-      return St(t)(n);
+      return Nt(t)(n);
     }
   }
 });
 export {
-  Ot as AccordionListItem,
-  pe as DialogLink,
-  Ct as DialogList,
-  At as DrawerList,
-  Mt as DropdownActions,
-  Pt as DropdownList,
-  tt as FavoriteButton,
-  Rt as Feedback,
-  Yt as GuideList,
-  $t as Loader,
-  gt as LoaderWrapper,
+  Yt as AccordionListItem,
+  ye as DialogLink,
+  At as DialogList,
+  Mt as DrawerList,
+  Pt as DropdownActions,
+  Bt as DropdownList,
+  nt as FavoriteButton,
+  Wt as Feedback,
+  _t as GuideList,
+  vt as Loader,
+  pt as LoaderWrapper,
   st as Metadata,
-  _t as NotificationList,
-  Bt as SmallCaret,
-  jt as StyledHeaderText,
-  et as StyledListButton,
-  Vt as guideRenderInstructions,
-  Ze as loadingOpacity,
-  Wt as useArrowKeys,
-  Et as useDebounce,
-  ot as useFavorites,
-  Ht as useHover
+  Vt as NotificationList,
+  jt as SmallCaret,
+  Rt as StyledHeaderText,
+  tt as StyledListButton,
+  qt as guideRenderInstructions,
+  et as loadingOpacity,
+  Et as useArrowKeys,
+  Ht as useDebounce,
+  it as useFavorites,
+  Ot as useHover
 };