@telia-ace/knowledge-widget-bot-provider 0.0.24 → 1.1.1-rc.0

package/notification-list-291a2001.mjs

@@ -0,0 +1,1449 @@
+import { jsx as n, jsxs as y, Fragment as ne } from "react/jsx-runtime";
+import { u as se, x as Ye, a as Ee, e as S, L as Fe, m as F, n as f, o as V, p as le, r as me, I as j, i as P, h as G, c as $, y as ce, B as J, z as Q, A as Ae, d as z, S as R, D as de, E as K, G as je, b as U, J as fe, P as Pe, g as Le } from "./index-cc31f772.mjs";
+import { useState as L, useEffect as M, forwardRef as O, useCallback as I, useMemo as Oe, useRef as _e, useImperativeHandle as Be } from "react";
+import "react-dom";
+function A(e = {}) {
+  const {
+    phrase: t = "",
+    category: o,
+    guideCategory: i,
+    contactCategory: r,
+    take: s,
+    connectionKey: l,
+    accordion: d,
+    id: c,
+    uriName: u,
+    sorting: h,
+    tag: m,
+    tagId: g,
+    tagTitle: v,
+    ...b
+  } = e, a = {};
+  return Object.keys(b).forEach((x) => {
+    typeof e[x] == "string" && (a[x] = e[x]);
+  }), typeof t == "string" && t.length && (a.phrase = t), t === null && (a.phrase = t), typeof i == "string" && i !== "0" && (a.guideCategory = i), typeof i == "number" && i !== 0 && (a.guideCategory = i), typeof i == "object" && i !== null && (typeof i.id == "string" && i.id !== "0" && (a.guideCategory = i.id), typeof i.id == "number" && i.id !== 0 && (a.guideCategory = i.id)), typeof r == "string" && r !== "0" && (a.contactCategory = r), typeof r == "number" && r !== 0 && (a.contactCategory = r), typeof r == "object" && r !== null && (typeof r.id == "string" && r.id !== "0" && (a.contactCategory = r.id), typeof r.id == "number" && r.id !== 0 && (a.contactCategory = r.id)), typeof o == "string" && o !== "0" && (a.category = o), typeof o == "number" && o !== 0 && (a.category = o), typeof o == "object" && o !== null && (typeof o.id == "string" && o.id !== "0" && (a.category = o.id), typeof o.id == "number" && o.id !== 0 && (a.category = o.id)), c && (a.id = c), u && (+a.category || +a.guideCategory || +a.guide || +a.contactCategory || +a.contactMethod) && (a.uriName = u), l && (a.connectionKey = l), s && (a.take = s), h && (a.sorting = h), typeof d == "string" && d.length > 0 && (a.accordion = d), typeof m == "string" && m !== "0" && (a.tag = m), typeof m == "number" && m !== 0 && (a.tag = m), Array.isArray(m) && m.length && (a.tag = m), (typeof g == "string" || typeof g == "number") && (a.tagId = g), typeof v == "string" && (a.tagTitle = v), typeof a.tag == "string" && (a.tag = a.tag.split(",")), a;
+}
+const X = (e) => {
+  if (!e)
+    return "";
+  const t = [
+    { from: /[äæǽ]+/gi, to: "ae" },
+    { from: /[öœ]+/gi, to: "oe" },
+    { from: /[ü]+/gi, to: "ue" },
+    { from: /[Ä]+/gi, to: "Ae" },
+    { from: /[Ü]+/gi, to: "Ue" },
+    { from: /[Ö]+/gi, to: "Oe" },
+    { from: /[ÀÁÂÃÄÅǺĀĂĄǍΑΆẢẠẦẪẨẬẰẮẴẲẶА]+/gi, to: "A" },
+    { from: /[àáâãåǻāăąǎªαάảạầấẫẩậằắẵẳặа]+/gi, to: "a" },
+    { from: /[Б]+/gi, to: "B" },
+    { from: /[б]+/gi, to: "b" },
+    { from: /[ÇĆĈĊČ]+/gi, to: "C" },
+    { from: /[çćĉċč]+/gi, to: "c" },
+    { from: /[Д]+/gi, to: "D" },
+    { from: /[д]+/gi, to: "d" },
+    { from: /[ÐĎĐΔ]+/gi, to: "Dj" },
+    { from: /[ðďđδ]+/gi, to: "dj" },
+    { from: /[ÈÉÊËĒĔĖĘĚΕΈẼẺẸỀẾỄỂỆЕЭ]+/gi, to: "E" },
+    { from: /[èéêëēĕėęěέεẽẻẹềếễểệеэ]+/gi, to: "e" },
+    { from: /[Ф]+/gi, to: "F" },
+    { from: /[ф]+/gi, to: "f" },
+    { from: /[ĜĞĠĢΓГҐ]+/gi, to: "G" },
+    { from: /[ĝğġģγгґ]+/gi, to: "g" },
+    { from: /[ĤĦ]+/gi, to: "H" },
+    { from: /[ĥħ]+/gi, to: "h" },
+    { from: /[ÌÍÎÏĨĪĬǏĮİΗΉΊΙΪỈỊИЫ]+/gi, to: "I" },
+    { from: /[ìíîïĩīĭǐįıηήίιϊỉịиыї]+/gi, to: "i" },
+    { from: /[Ĵ]+/gi, to: "J" },
+    { from: /[ĵ]+/gi, to: "j" },
+    { from: /[ĶΚК]+/gi, to: "K" },
+    { from: /[ķκк]+/gi, to: "k" },
+    { from: /[ĹĻĽĿŁΛЛ]+/gi, to: "L" },
+    { from: /[ĺļľŀłλл]+/gi, to: "l" },
+    { from: /[М]+/gi, to: "M" },
+    { from: /[м]+/gi, to: "m" },
+    { from: /[ÑŃŅŇΝН]+/gi, to: "N" },
+    { from: /[ñńņňʼnνн]+/gi, to: "n" },
+    { from: /[ÒÓÔÕŌŎǑŐƠØǾΟΌΩΏỎỌỒỐỖỔỘỜỚỠỞỢО]+/gi, to: "O" },
+    { from: /[òóôõōŏǒőơøǿºοόωώỏọồốỗổộờớỡởợо]+/gi, to: "o" },
+    { from: /[П]+/gi, to: "P" },
+    { from: /[п]+/gi, to: "p" },
+    { from: /[ŔŖŘΡР]+/gi, to: "R" },
+    { from: /[ŕŗřρр]+/gi, to: "r" },
+    { from: /[ŚŜŞȘŠΣС]+/gi, to: "S" },
+    { from: /[śŝşșšſσςс]+/gi, to: "s" },
+    { from: /[ȚŢŤŦτТ]+/gi, to: "T" },
+    { from: /[țţťŧт]+/gi, to: "t" },
+    { from: /[ÙÚÛŨŪŬŮŰŲƯǓǕǗǙǛŨỦỤỪỨỮỬỰУ]+/gi, to: "U" },
+    { from: /[ùúûũūŭůűųưǔǖǘǚǜυύϋủụừứữửựу]+/gi, to: "u" },
+    { from: /[ÝŸŶΥΎΫỲỸỶỴЙ]+/gi, to: "Y" },
+    { from: /[ýÿŷỳỹỷỵй]+/gi, to: "y" },
+    { from: /[В]+/gi, to: "V" },
+    { from: /[в]+/gi, to: "v" },
+    { from: /[Ŵ]+/gi, to: "W" },
+    { from: /[ŵ]+/gi, to: "w" },
+    { from: /[ŹŻŽΖЗ]+/gi, to: "Z" },
+    { from: /[źżžζз]+/gi, to: "z" },
+    { from: /[ÆǼ]+/gi, to: "AE" },
+    { from: /[ß]+/gi, to: "ss" },
+    { from: /[IJ]+/gi, to: "IJ" },
+    { from: /[ij]+/gi, to: "ij" },
+    { from: /[Œ]+/gi, to: "OE" },
+    { from: /[ƒ]+/gi, to: "f" },
+    { from: /[ξ]+/gi, to: "ks" },
+    { from: /[π]+/gi, to: "p" },
+    { from: /[β]+/gi, to: "v" },
+    { from: /[μ]+/gi, to: "m" },
+    { from: /[ψ]+/gi, to: "ps" },
+    { from: /[Ё]+/gi, to: "Yo" },
+    { from: /[ё]+/gi, to: "yo" },
+    { from: /[Є]+/gi, to: "Ye" },
+    { from: /[є]+/gi, to: "ye" },
+    { from: /[Ї]+/gi, to: "Yi" },
+    { from: /[Ж]+/gi, to: "Zh" },
+    { from: /[ж]+/gi, to: "zh" },
+    { from: /[Х]+/gi, to: "Kh" },
+    { from: /[х]+/gi, to: "kh" },
+    { from: /[Ц]+/gi, to: "Ts" },
+    { from: /[ц]+/gi, to: "ts" },
+    { from: /[Ч]+/gi, to: "Ch" },
+    { from: /[ч]+/gi, to: "ch" },
+    { from: /[Ш]+/gi, to: "Sh" },
+    { from: /[ш]+/gi, to: "sh" },
+    { from: /[Щ]+/gi, to: "Shch" },
+    { from: /[щ]+/gi, to: "shch" },
+    { from: /[ЪъЬь]+/gi, to: "" },
+    { from: /[Ю]+/gi, to: "Yu" },
+    { from: /[ю]+/gi, to: "yu" },
+    { from: /[Я]+/gi, to: "Ya" },
+    { from: /[я]+/gi, to: "ya" }
+  ], o = /[^a-zA-Z0-9]+/g, i = /[-]$/;
+  let r = e;
+  for (const s in t)
+    t.hasOwnProperty(s) && t[s].from.test(e) && (r = r.replace(t[s].from, t[s].to));
+  return r = r.replace(o, "-"), r = r.replace(i, ""), r = r.toLowerCase(), r || "humany";
+}, He = (e, t) => {
+  if (!e || !t)
+    return !0;
+  let o = t.parentNode, i = !1;
+  for (; o !== null; )
+    o === e && (i = !0), o = o.parentNode;
+  return i;
+}, ee = (e = {}) => (Object.keys(e).forEach((t) => {
+  (e[t] === null || typeof e[t] > "u") && delete e[t];
+}), e), Re = () => {
+  const [e, t] = L(!1);
+  return M(() => {
+    const o = () => {
+      t(!1);
+    }, i = (r) => {
+      r.keyCode === 9 && t(!0);
+    };
+    return window.addEventListener("keydown", i), window.addEventListener("click", o), () => {
+      window.removeEventListener("keydown", i), window.removeEventListener("click", o);
+    };
+  }, []), e;
+}, ge = (e) => {
+  const t = se(), o = Ye(), [i, r] = L({ name: "", params: {} }), s = Ee();
+  return M(() => {
+    const l = (e || t).get("$widget");
+    if (!l)
+      return;
+    const { events: d } = l;
+    return d.subscribe("router:change", (u, { next: { routeData: h } }) => {
+      if (s.current) {
+        const { name: m, params: g } = h;
+        ee(g), r({ name: m, params: g });
+      }
+    });
+  }, [s, e, t]), M(() => {
+    if (o && o.history && s.current) {
+      const l = o.getRouteData(), { name: d, params: c } = l;
+      ee(c), r({ name: d, params: c });
+    }
+  }, [o, s]), i;
+};
+var W = /* @__PURE__ */ ((e) => (e.HH_MM = "hh:mm", e.YYYY_MM_DD = "yyyy-mm-dd", e.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", e))(W || {});
+const he = ({ className: e = "", format: t = "hh:mm", timestamp: o }) => /* @__PURE__ */ n("span", { className: S(e, "humany-timestamp"), children: Ke(o, t) }), te = (e) => `0${e}`.slice(-2);
+function Ke(e, t) {
+  const o = new Date(e), i = o.toTimeString().split(" ")[0].split(":"), r = i.length > 1 ? `${i[0]}:${i[1]}` : i[0], s = o.getFullYear(), l = o.getMonth() + 1, d = o.getDate(), c = `${s}-${te(l)}-${te(d)}`;
+  return t === "yyyy-mm-dd" ? c : t === "hh:mm" ? r : `${c} ${r}`;
+}
+const Ue = ({
+  title: e = "",
+  className: t,
+  id: o,
+  parent: i,
+  connection: r,
+  type: s,
+  target: l,
+  href: d,
+  children: c,
+  connectionKey: u
+}) => {
+  const h = {}, { name: m, params: g } = ge();
+  switch (s) {
+    case "default":
+    case "guide":
+      const { id: v, title: b } = i;
+      let a = u || r;
+      v !== o && !u && (a = void 0), h.routeName = m, h.params = A({
+        ...g,
+        guide: o,
+        connection: a,
+        uriName: X(o === v ? b : e)
+      });
+      break;
+    case "link":
+      h.href = d, h.target = l;
+      break;
+  }
+  return /* @__PURE__ */ n(
+    Fe,
+    {
+      className: S(t, "humany-dialog-link"),
+      ...h,
+      children: c || /* @__PURE__ */ y(ne, { children: [
+        s === "link" && /* @__PURE__ */ n(F, { faIcon: "link" }),
+        /* @__PURE__ */ n("span", { children: e })
+      ] })
+    }
+  );
+};
+O(
+  ({ className: e, dialog: t, ...o }, i) => t.length ? /* @__PURE__ */ n(
+    Ve,
+    {
+      className: S(e, "humany-dialog"),
+      items: t,
+      renderItem: (r) => /* @__PURE__ */ n("li", { "data-dialog": r.connection, children: /* @__PURE__ */ n(Ue, { ...r }) }, r.connection),
+      ...o,
+      ref: i
+    }
+  ) : null
+);
+const Ve = f(V)`
+  ${le}
+  a {
+    min-width: 150px;
+    max-width: 400px;
+    display: block;
+    white-space: normal;
+    ${(e) => {
+  var t, o;
+  return ((t = e.theme.colors) == null ? void 0 : t.primary) && me({
+    primaryColor: (o = e.theme.colors) == null ? void 0 : o.primary,
+    secondaryColor: "#FFFFFF",
+    theme: e.theme
+  });
+}}
+  }
+
+  i {
+    margin: 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}} 0 0;
+  }
+`;
+f(j)`
+    ${P}
+    font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+    padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.medium;
+}};
+    > ul > li {
+        overflow: visible;
+        font-weight: 300;
+        font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+    }
+`;
+f.div`
+    background: #fff;
+    border: #ccc 1px solid;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+    font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+`;
+f.div`
+    padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+    padding-bottom: 0;
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+    font-weight: normal;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin: 0;
+        font-weight: normal;
+        padding-bottom: 0;
+    }
+
+    svg,
+    i {
+        margin-right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+    }
+`;
+f(V)`
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}} 0;
+
+    li {
+        background: #fff;
+
+        a {
+            display: block;
+            font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+            padding: ${(e) => {
+  var t, o;
+  return `${(t = e.theme.sizes) == null ? void 0 : t.small} ${(o = e.theme.sizes) == null ? void 0 : o.normal}`;
+}};
+            cursor: pointer;
+            color: #555;
+            text-decoration: none;
+
+            &:hover {
+                background: #f9f9f9;
+                color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+            }
+        }
+    }
+`;
+f(j)`
+    ${P}
+    font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+    > div {
+        ${(e) => {
+  var t;
+  return G(e)(
+    "> h1",
+    $`
+                    font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
+                    line-height: 1.2em;
+                `
+  );
+}}
+    }
+    > ul > li {
+        overflow: visible;
+        font-weight: 300;
+        font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+
+        a {
+            display: inline-block;
+
+            @media (hover: hover) {
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+`;
+const Ge = (e) => $`
+    ${e["data-loading"] && "position: relative;"};
+    ${e["data-loading"] && "min-height: 150px;"}
+    > * {
+        transition: 200ms ease-out opacity;
+        opacity: ${e["data-loading"] ? "0.5" : "1"};
+    }
+    .humany-loader {
+        opacity: ${e["data-loading"] ? "1" : "0"};
+    }
+`;
+f(F)`
+    && {
+        font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+    }
+    width: 1.2em;
+`;
+f(ce)`
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.medium;
+}};
+    font-weight: normal;
+    line-height: 1.2em;
+    color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+`;
+const Je = f(J)`
+    display: flex;
+    align-items: center;
+
+    ${(e) => {
+  var t;
+  return e["data-has-label"] === "true" && e["data-has-symbol"] === "true" && `
+        svg, i    {
+            margin: 0 ${(t = e.theme.sizes) == null ? void 0 : t.small} 0 0;
+        }
+    `;
+}}
+
+    &:focus-visible {
+        ${(e) => e["data-has-label"] === "true" && Q}
+
+        svg, i {
+            ${(e) => e["data-has-label"] === "false" && e["data-has-symbol"] === "true" && $`
+                    ${Q(e)}
+                    box-sizing: content-box;
+                `}
+        }
+    }
+
+    span {
+        flex: 1;
+        font-weight: 300;
+    }
+`, We = ({
+  addFavoriteTooltip: e,
+  removeFavoriteCancelLabel: t,
+  removeFavoriteConfirmLabel: o,
+  removeFavoriteHeader: i,
+  removeFavoriteLabel: r,
+  removeFavoriteTooltip: s,
+  id: l,
+  isFavorite: d,
+  guideTitle: c,
+  buttonLabel: u = "",
+  actions: { addFavorite: h, removeFavorite: m }
+}) => {
+  const g = I(() => {
+    m(l);
+  }, [l, m]), v = I(() => {
+    h(l);
+  }, [l, h]), b = `${d ? s : e}${c ? `: "${c}"` : ""}`;
+  return d ? /* @__PURE__ */ n(
+    Ae,
+    {
+      trigger: /* @__PURE__ */ y(
+        oe,
+        {
+          className: "humany-favorite-button",
+          title: b,
+          "aria-label": b,
+          "data-favorite": "true",
+          "data-has-label": u ? "true" : "false",
+          "data-has-symbol": "true",
+          children: [
+            /* @__PURE__ */ n(
+              z,
+              {
+                size: 16,
+                symbol: { type: "Svg", content: "star-empty" }
+              }
+            ),
+            u && /* @__PURE__ */ n(R, { children: u })
+          ]
+        }
+      ),
+      onConfirm: g,
+      cancelLabel: t,
+      confirmLabel: o,
+      header: i,
+      text: r
+    }
+  ) : /* @__PURE__ */ y(
+    oe,
+    {
+      className: "humany-favorite-button",
+      title: b,
+      "aria-label": b,
+      onClick: v,
+      "data-favorite": "false",
+      "data-has-label": u ? "true" : "false",
+      "data-has-symbol": "true",
+      children: [
+        /* @__PURE__ */ n(z, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
+        u && /* @__PURE__ */ n(R, { children: u })
+      ]
+    }
+  );
+}, oe = f(Je)`
+  grid-area: favorite;
+
+  &:focus-visible {
+    svg {
+      ${(e) => {
+  var t, o;
+  return e["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(t = e.theme.colors) == null ? void 0 : t.text};
+
+          path {
+            fill: ${(o = e.theme.colors) == null ? void 0 : o.text};
+          }
+        `;
+}}
+    }
+  }
+
+  ${(e) => {
+  var t, o, i, r, s, l, d;
+  return ((t = e.theme.colors) == null ? void 0 : t.text) && $`
+      svg {
+        stroke: ${(o = e.theme.colors) == null ? void 0 : o.text};
+
+        path {
+          stroke: ${(i = e.theme.colors) == null ? void 0 : i.text};
+        }
+
+        ${e["data-favorite"] === "true" && `
+          fill: ${(r = e.theme.colors) == null ? void 0 : r.text};
+
+          path {
+            fill: ${(s = e.theme.colors) == null ? void 0 : s.text};
+          }
+        `};
+      }
+
+      &:hover {
+        svg {
+          ${e["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(l = e.theme.colors) == null ? void 0 : l.text};
+
+          path {
+            fill: ${(d = e.theme.colors) == null ? void 0 : d.text};
+          }
+        `};
+        }
+      }
+    `;
+}}
+`;
+O(
+  ({
+    onFeedback: e = () => {
+    },
+    direction: t = "horizontal",
+    className: o,
+    header: i,
+    positive: r,
+    negative: s,
+    selected: l,
+    ...d
+  }, c) => /* @__PURE__ */ y(
+    qe,
+    {
+      className: S(o, "humany-feedback"),
+      "data-direction": t,
+      ...de(d),
+      ref: c,
+      children: [
+        !!i && /* @__PURE__ */ n(Ze, { children: i }),
+        /* @__PURE__ */ y(
+          ie,
+          {
+            className: "humany-feedback-button",
+            disabled: !!l,
+            "data-selected": l === "positive",
+            "data-direction": t,
+            onClick: () => e("positive"),
+            children: [
+              /* @__PURE__ */ n(F, { faIcon: "smile-o" }),
+              /* @__PURE__ */ n("span", { children: r })
+            ]
+          }
+        ),
+        /* @__PURE__ */ y(
+          ie,
+          {
+            className: "humany-feedback-button",
+            disabled: !!l,
+            "data-selected": l === "negative",
+            "data-direction": t,
+            onClick: () => e("negative"),
+            children: [
+              /* @__PURE__ */ n(F, { faIcon: "frown-o" }),
+              /* @__PURE__ */ n("span", { children: s })
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+const Ze = f(R)`
+    font-weight: normal;
+    margin: 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+    display: block;
+`, ie = f(J)`
+    display: inline-block;
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+    font-weight: 300;
+    && {
+        margin-right: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+    }
+
+    ${(e) => {
+  var t, o;
+  return e["data-direction"] === "horizontal" && $`
+            width: 225px;
+            max-width: calc(50% - ${(t = e.theme.sizes) == null ? void 0 : t.large} - ${(o = e.theme.sizes) == null ? void 0 : o.small});
+        `;
+}}
+
+    ${(e) => e["data-direction"] === "vertical" && $`
+            min-width: 190px;
+        `}
+
+  ${(e) => {
+  var t, o;
+  return ((t = e.theme.colors) == null ? void 0 : t.primary) && me({
+    active: e["data-selected"],
+    primaryColor: (o = e.theme.colors) == null ? void 0 : o.primary,
+    secondaryColor: "#FFFFFF",
+    theme: e.theme
+  });
+}}
+
+  i {
+        margin: 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}} 0 0;
+    }
+`, qe = f.div`
+    ${(e) => {
+  var t;
+  return e["data-direction"] === "vertical" && $`
+            > button {
+                width: 100%;
+                &:not(:last-child) {
+                    margin-bottom: ${(t = e.theme.sizes) == null ? void 0 : t.normal};
+                }
+            }
+        `;
+}}
+`, Qe = () => {
+  const e = se(), [t, o] = L([]), i = e.get("favorites");
+  M(() => {
+    if (i) {
+      o(i.get());
+      const { events: c } = e.get("$widget");
+      return c.subscribe(
+        "widget:favorites-updated",
+        (h, { updated: m }) => {
+          o([...m]);
+        }
+      );
+    }
+  }, []);
+  const r = (c) => i ? i.add(c) : Promise.resolve([]), s = (c) => i ? i.remove(c) : Promise.resolve([]), l = () => i ? i.clear() : Promise.resolve([]), d = I(
+    (c) => t.indexOf(c) > -1 ? s(c) : r(c),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t]
+  );
+  return [
+    t,
+    Oe(
+      () => ({
+        addFavorite: r,
+        removeFavorite: s,
+        clearFavorites: l,
+        toggleFavorite: d
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [t]
+    )
+  ];
+}, Xe = ({
+  format: e = W.YYYY_MM_DD_HH_MM,
+  className: t = "",
+  byLabel: o = "",
+  modifiedLabel: i = "",
+  publishedLabel: r = "",
+  modifiedBy: s = "",
+  publishedBy: l = "",
+  showModified: d = !1,
+  showPublished: c = !1,
+  modified: u,
+  published: h
+}) => {
+  const m = c && h ? /* @__PURE__ */ n(re, { format: e, timestamp: h }) : null, g = d && u ? /* @__PURE__ */ n(re, { format: e, timestamp: u }) : null;
+  return !m && !g ? null : /* @__PURE__ */ y(H, { className: S(t, "humany-metadata"), children: [
+    m && /* @__PURE__ */ y(H, { className: "humany-published", children: [
+      r,
+      m,
+      o && l && ` ${o.replace("{{editor}}", l)}`
+    ] }),
+    g && /* @__PURE__ */ y(H, { className: "humany-modified", children: [
+      m && ", ",
+      i,
+      g,
+      o && s && ` ${o.replace("{{editor}}", s)}`
+    ] })
+  ] });
+}, re = f(he)`
+    &:not(:first-child) {
+        margin-left: 4px;
+    }
+    &:not(:last-child) {
+        margin-right: 4px;
+    }
+`, H = f(ce)`
+    font-style: italic;
+`, et = ({ tags: e }) => e.filter((t) => t.symbol).length ? /* @__PURE__ */ n(
+  it,
+  {
+    className: "humany-guide-list-tags",
+    items: e,
+    renderItem: ({ id: t, symbol: o, title: i }) => o && /* @__PURE__ */ n("li", { "data-tag": t, children: /* @__PURE__ */ n(rt, { size: 18, symbol: o, title: i }) }, t)
+  }
+) : null;
+O(({ title: e, id: t, route: o, symbolSize: i, collapseUri: r, children: s }, l) => {
+  const { params: d } = ge();
+  return /* @__PURE__ */ y(tt, { ref: l, "data-guide": t, children: [
+    /* @__PURE__ */ n(
+      K,
+      {
+        title: e,
+        "aria-label": e,
+        routeName: o,
+        params: A({
+          ...d,
+          uriName: r || void 0,
+          id: void 0,
+          guide: void 0,
+          accordion: void 0
+        }),
+        text: e,
+        children: /* @__PURE__ */ n(
+          z,
+          {
+            size: i,
+            symbol: { type: "Svg", content: "caret-up" }
+          }
+        )
+      }
+    ),
+    s
+  ] });
+});
+const tt = f.li`
+  > a {
+    grid-column: 1/-1;
+    font-weight: bold;
+    margin: 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}} 0;
+  }
+
+  > div {
+    grid-column: 1/-1;
+  }
+`;
+O(
+  ({
+    expandable: e = !1,
+    routing: t = {},
+    paramMappers: o = {},
+    symbolSize: i = 11,
+    pageRole: r = "link",
+    pageCaret: s = "down",
+    showTags: l = !1,
+    showFavoriteToggle: d = !1,
+    localPaging: c = !1,
+    onItemClick: u = () => {
+    },
+    dispatch: h = () => {
+    },
+    metadata: m = {},
+    pageLabel: g,
+    className: v,
+    children: b,
+    items: a,
+    renderItem: x,
+    addFavoriteTooltip: ue,
+    removeFavoriteCancelLabel: pe,
+    removeFavoriteConfirmLabel: ye,
+    removeFavoriteHeader: $e,
+    removeFavoriteLabel: ve,
+    removeFavoriteTooltip: be,
+    ...xe
+  }, we) => {
+    const Z = Re(), C = _e(), T = je(a), { guide: ke = "guide", page: ze = "index" } = t, {
+      guide: Se = ({ id: p }) => A({ guide: p }),
+      page: q = () => A()
+    } = o, [Ne, Ce] = Qe();
+    Be(we, () => C.current);
+    const _ = (p) => {
+      const { id: k, title: w, tags: N, published: Y, modified: D, publishedBy: E, modifiedBy: B } = p;
+      return /* @__PURE__ */ y(
+        "li",
+        {
+          "data-guide": k,
+          "has-metadata": (!!(m != null && m.showPublished) && !!Y || !!(m != null && m.showModified) && !!D).toString(),
+          children: [
+            /* @__PURE__ */ n(
+              K,
+              {
+                className: "humany-guide-link",
+                title: w,
+                "aria-label": w,
+                routeName: ke,
+                onClick: (Ie) => u(Ie, p),
+                params: Se(p),
+                text: w,
+                children: /* @__PURE__ */ n(
+                  z,
+                  {
+                    size: i,
+                    symbol: {
+                      type: "Svg",
+                      content: e ? "caret-down" : "caret-right"
+                    }
+                  }
+                )
+              }
+            ),
+            d && /* @__PURE__ */ n(
+              We,
+              {
+                guideTitle: w,
+                addFavoriteTooltip: ue,
+                removeFavoriteCancelLabel: pe,
+                removeFavoriteConfirmLabel: ye,
+                removeFavoriteHeader: $e,
+                removeFavoriteLabel: ve,
+                removeFavoriteTooltip: be,
+                isFavorite: Ne.indexOf(k) > -1,
+                actions: Ce,
+                id: k
+              }
+            ),
+            l && /* @__PURE__ */ n(et, { tags: N }),
+            /* @__PURE__ */ n(
+              at,
+              {
+                ...m,
+                indent: e ? void 0 : i,
+                modified: D,
+                published: Y,
+                publishedBy: E,
+                modifiedBy: B
+              }
+            )
+          ]
+        },
+        k
+      );
+    }, Te = I(
+      (p, k, w) => x ? x(p, k, w, _) : _(p),
+      [x, _]
+    ), De = I(
+      (p) => {
+        c && (p.preventDefault(), h("page", q()));
+      },
+      [h, c]
+    );
+    M(() => {
+      if (T && T.length < a.length && C.current) {
+        const p = C.current.querySelectorAll(
+          ".humany-guide-list > ul > li"
+        ), k = p[T.length];
+        if (p.length === a.length && T.length) {
+          const w = p[T.length];
+          if (w) {
+            const N = w.querySelector(
+              ".humany-guide-link"
+            );
+            N && N.focus();
+          }
+        } else
+          k && new MutationObserver((N, Y) => {
+            N.forEach((D) => {
+              if (D.addedNodes) {
+                const E = Array.from(
+                  D.addedNodes
+                ).find((B) => B.tagName === "A");
+                E && He(C.current, document.activeElement) && (Z && E.focus(), Y.disconnect());
+              }
+            });
+          }).observe(k, {
+            attributes: !1,
+            characterData: !1,
+            childList: !0,
+            subtree: !0,
+            attributeOldValue: !1,
+            characterDataOldValue: !1
+          });
+      }
+    });
+    const Me = !!Object.keys(m).filter(
+      (p) => typeof m[p] < "u"
+    ).length;
+    return /* @__PURE__ */ y(
+      ot,
+      {
+        className: S(v, "humany-guide-list"),
+        "data-item-count": a.length,
+        items: a,
+        renderItem: Te,
+        isTabbing: Z,
+        expandable: e ? "true" : "false",
+        "grid-items": l || d || Me ? "true" : "false",
+        ...de(xe),
+        ref: C,
+        children: [
+          g ? /* @__PURE__ */ n(
+            K,
+            {
+              text: g,
+              title: g,
+              "aria-label": g,
+              routeName: ze,
+              role: r,
+              params: q(),
+              onClick: De,
+              children: /* @__PURE__ */ n(
+                z,
+                {
+                  size: i,
+                  symbol: { type: "Svg", content: `caret-${s}` }
+                }
+              )
+            }
+          ) : null,
+          b
+        ]
+      }
+    );
+  }
+);
+const ot = f(j)`
+  ${P}
+  padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+  overflow: auto;
+  justify-content: flex-start;
+  white-space: nowrap;
+  font-weight: 300;
+  text-decoration: none;
+
+  > div {
+    ${(e) => G(e)(
+  "> h1",
+  $`
+          white-space: pre-wrap;
+        `
+)}
+  }
+
+  > ul > li {
+    ${(e) => {
+  var t, o;
+  return e["grid-items"] === "true" && $`
+        display: grid;
+        grid-template-columns: auto 1fr 1fr;
+        gap: 0px 0px;
+        grid-template-areas: '. favorite tags';
+        align-items: center;
+
+        > button {
+          margin: 0 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.small};
+
+          &[data-favorite='false'] {
+            ${e.isTabbing ? "opacity: 0;" : "display: none;"};
+            &:focus {
+              opacity: 1;
+            }
+          }
+        }
+
+        > span {
+          font-size: ${(o = e.theme.fonts) == null ? void 0 : o.small};
+        }
+
+        &:hover {
+          button[data-favorite='false'] {
+            display: flex;
+            justify-self: flex-start;
+          }
+        }
+
+        &[has-metadata='true'] {
+          grid-template-rows: 1fr 1fr;
+          grid-template-areas:
+            '. favorite tags'
+            'metadata metadata metadata';
+        }
+      `;
+}}
+    > a {
+      color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100%;
+      display: inline-block;
+
+      svg {
+        margin: 0 calc(${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}}*2) 0 0;
+        line {
+          stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+        }
+      }
+
+      ${(e) => {
+  var t;
+  return e.expandable === "true" && $`
+          display: flex;
+          flex-direction: row-reverse;
+          justify-content: flex-end;
+          align-items: center;
+
+          span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+
+          svg {
+            margin: 0 0 0 ${(t = e.theme.sizes) == null ? void 0 : t.small};
+          }
+        `;
+}}
+
+      &:focus-visible {
+        ${U}
+        text-decoration: underline;
+      }
+
+      @media (hover: hover) {
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  > a {
+    color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+    margin: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}} 0 0;
+    align-self: flex-start;
+    align-items: center;
+    display: flex;
+
+    span {
+      text-decoration: underline;
+    }
+
+    svg {
+      margin: 0 calc(${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}}*2) 0 0;
+      line {
+        stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+      }
+    }
+
+    &:focus-visible {
+      ${U}
+      text-decoration: underline;
+    }
+  }
+`, it = f(V)`
+  ${le}
+  display: flex;
+  margin: 0 0 0 auto;
+  grid-area: tags;
+
+  li,
+  li:last-child {
+    margin: 0 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`, rt = f(z)`
+  display: block;
+  color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+  ${(e) => {
+  if (e.symbol.type === "Uri")
+    return `
+        width: ${e.size}px;
+        height: ${e.size}px;
+      `;
+  if (e.symbol.type === "FontAwesome")
+    return `
+        font-size: ${e.size}px;
+      `;
+}}
+`, at = f(Xe)`
+  grid-area: metadata;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+  ${(e) => {
+  var t;
+  return typeof e.indent == "number" && `text-indent: calc(${(t = e.theme.sizes) == null ? void 0 : t.small} * 2 + ${e.indent}px);`;
+}}
+`, nt = fe`
+  100% {
+    transform: rotate(360deg);
+  }
+`, st = fe`
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+`, lt = f.svg`
+    animation: ${nt} 2s linear infinite;
+    height: 100%;
+    transform-origin: center center;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    transition: 200ms ease-out opacity;
+`, mt = f.div`
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    pointer-events: ${(e) => e["data-loading"] ? "all" : "none"};
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    transition: 200ms ease-out opacity;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .humany-spinner-svg {
+        opacity: ${(e) => e["data-loading"] ? "1" : "0"};
+    }
+`, ct = f.div`
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    &:before {
+        content: '';
+        display: block;
+        padding-top: 100%;
+    }
+`, dt = f.circle`
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: ${st} 1.5s ease-in-out infinite;
+    stroke-linecap: round;
+    stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+    stroke-width: 2px;
+`, ft = ({ loading: e = !1 }) => /* @__PURE__ */ n(mt, { className: "humany-loader", "data-loading": e, children: /* @__PURE__ */ n(ct, { className: "humany-spinner", children: /* @__PURE__ */ n(lt, { className: "humany-spinner-svg", viewBox: "25 25 50 50", children: /* @__PURE__ */ n(
+  dt,
+  {
+    cx: "50",
+    cy: "50",
+    r: "20",
+    fill: "none",
+    "stroke-width": "2",
+    "stroke-miterlimit": "10"
+  }
+) }) }) }), wt = ({
+  className: e,
+  showHeader: t,
+  notificationList: o,
+  loading: i,
+  ...r
+}) => {
+  const [s, l] = L(null), {
+    id: d,
+    title: c,
+    symbol: u,
+    notifications: h = [],
+    defaultHeaderOptions: m = { visible: !0 }
+  } = o || {};
+  return !h.length && !i ? null : /* @__PURE__ */ n(
+    ht,
+    {
+      ...r,
+      "data-loading": i,
+      "data-show-header": typeof t == "boolean" ? t : m.visible,
+      className: S(e, "humany-notification-list"),
+      "data-notification-category": d,
+      header: c,
+      symbol: u,
+      items: h,
+      renderItem: ({ id: g, title: v, body: b, modified: a, expandable: x }) => /* @__PURE__ */ n(
+        ut,
+        {
+          "data-notification": g,
+          "data-expanded": x ? s === g : !0,
+          children: x ? /* @__PURE__ */ y(ne, { children: [
+            /* @__PURE__ */ y(
+              gt,
+              {
+                title: v,
+                "aria-label": v,
+                "aria-expanded": s === g,
+                onClick: () => l(s === g ? null : g),
+                children: [
+                  /* @__PURE__ */ n("span", { children: v }),
+                  /* @__PURE__ */ n(
+                    pt,
+                    {
+                      size: 11,
+                      symbol: {
+                        type: "Svg",
+                        content: `caret-${s === g ? "up" : "down"}`
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(ae, { html: b }),
+            a && /* @__PURE__ */ n(
+              yt,
+              {
+                format: W.YYYY_MM_DD,
+                timestamp: a
+              }
+            )
+          ] }) : /* @__PURE__ */ n(ae, { html: b })
+        },
+        g
+      ),
+      children: /* @__PURE__ */ n(ft, { loading: i })
+    }
+  );
+}, gt = f(J)`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    text-align: left;
+    svg,
+    i {
+        color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+    }
+    span {
+        color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+        font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.normal;
+}};
+        overflow: hidden;
+        text-overflow: ellipsis;
+        flex: 1;
+        white-space: nowrap;
+    }
+    &:focus-visible {
+        ${U}
+        span {
+            color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+            text-decoration: underline;
+        }
+    }
+`, ht = f(j)`
+    ${Ge}
+    ${P}
+  overflow: hidden;
+    justify-content: flex-start;
+    padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.large;
+}};
+    ${(e) => !e["data-show-header"] && $`
+            > div {
+                ${G(e)(
+  "h1",
+  $`
+                        display: none;
+                    `
+)}
+            }
+        `}
+
+    @media (hover: hover) {
+        button:hover {
+            text-decoration: underline;
+        }
+    }
+`, ae = f(Pe)`
+    ${Le}
+    font-weight: 300;
+
+    p {
+        white-space: normal;
+    }
+`, ut = f.li`
+    .humany-paragraph {
+        display: none;
+        &:not(:only-child) {
+            ${(e) => {
+  var t, o, i;
+  return ((t = e.theme.sizes) == null ? void 0 : t.cardinal) && ((o = e.theme.sizes) == null ? void 0 : o.normal) && $`
+                    margin: ${(i = e.theme.sizes) == null ? void 0 : i.normal} 0;
+                `;
+}}
+        }
+    }
+
+    ${(e) => e["data-expanded"] && $`
+            .humany-paragraph {
+                display: block;
+            }
+        `}
+
+    > span {
+        display: block;
+        font-weight: 300;
+        color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.accent;
+}};
+    }
+`, pt = f(z)`
+    margin: 0 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+    line {
+        stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+    }
+`, yt = f(he)`
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+    font-weight: 300;
+`;
+export {
+  wt as N,
+  A as c,
+  X as f,
+  ee as r,
+  ge as u
+};