@telia-ace/conversational-hub-bot-provider 0.0.13 → 0.0.14

package/contact-method-e3f88945.mjs

@@ -0,0 +1,1397 @@
+import { jsx as m, jsxs as $, Fragment as Ie } from "react/jsx-runtime";
+import { u as U, a as Ye, b as Ee, c as S, L as Fe, I as F, n as c, d as V, l as ne, i as se, e as A, f as P, h as q, g as y, T as le, B as Z, p as X, C as je, S as z, j as R, k as me, m as B, o as Ae, q as K, r as fe, P as Pe, s as Oe } from "./index-1ea9093c.mjs";
+import { useState as G, useEffect as N, forwardRef as O, useCallback as I, useMemo as He, useRef as _e, useImperativeHandle as Le } from "react";
+import "react-dom";
+function j(e = {}) {
+  const {
+    phrase: t = "",
+    category: o,
+    guideCategory: i,
+    contactCategory: r,
+    take: n,
+    connectionKey: s,
+    accordion: d,
+    id: f,
+    uriName: h,
+    sorting: g,
+    tag: l,
+    tagId: u,
+    tagTitle: x,
+    ...v
+  } = e, a = {};
+  return Object.keys(v).forEach((k) => {
+    typeof e[k] == "string" && (a[k] = e[k]);
+  }), 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)), f && (a.id = f), h && (+a.category || +a.guideCategory || +a.guide || +a.contactCategory || +a.contactMethod) && (a.uriName = h), s && (a.connectionKey = s), n && (a.take = n), g && (a.sorting = g), typeof d == "string" && d.length > 0 && (a.accordion = d), typeof l == "string" && l !== "0" && (a.tag = l), typeof l == "number" && l !== 0 && (a.tag = l), Array.isArray(l) && l.length && (a.tag = l), (typeof u == "string" || typeof u == "number") && (a.tagId = u), typeof x == "string" && (a.tagTitle = x), typeof a.tag == "string" && (a.tag = a.tag.split(",")), a;
+}
+const ee = (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 n in t)
+    t.hasOwnProperty(n) && t[n].from.test(e) && (r = r.replace(t[n].from, t[n].to));
+  return r = r.replace(o, "-"), r = r.replace(i, ""), r = r.toLowerCase(), r || "humany";
+}, Re = (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;
+}, te = (e = {}) => (Object.keys(e).forEach((t) => {
+  (e[t] === null || typeof e[t] > "u") && delete e[t];
+}), e), Be = () => {
+  const [e, t] = G(!1);
+  return N(() => {
+    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;
+}, ce = (e) => {
+  const t = U(), o = Ye(), [i, r] = G({
+    name: "",
+    params: {}
+  }), n = Ee();
+  return N(() => {
+    const s = (e || t).get("$widget");
+    if (!s)
+      return;
+    const { events: d } = s;
+    return d.subscribe(
+      "router:change",
+      (h, { next: { routeData: g } }) => {
+        if (n.current) {
+          const { name: l, params: u } = g;
+          te(u), r({ name: l, params: u });
+        }
+      }
+    );
+  }, [n, e, t]), N(() => {
+    if (o && o.history && n.current) {
+      const s = o.getRouteData(), { name: d, params: f } = s;
+      te(f), r({ name: d, params: f });
+    }
+  }, [o, n]), i;
+};
+var de = /* @__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))(de || {});
+const ge = ({
+  className: e = "",
+  format: t = "hh:mm",
+  timestamp: o
+}) => /* @__PURE__ */ m("span", { className: S(e, "humany-timestamp"), children: Ke(o, t) }), oe = (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], n = o.getFullYear(), s = o.getMonth() + 1, d = o.getDate(), f = `${n}-${oe(s)}-${oe(
+    d
+  )}`;
+  return t === "yyyy-mm-dd" ? f : t === "hh:mm" ? r : `${f} ${r}`;
+}
+const Ue = ({
+  title: e = "",
+  className: t,
+  id: o,
+  parent: i,
+  connection: r,
+  type: n,
+  target: s,
+  href: d,
+  children: f,
+  connectionKey: h
+}) => {
+  const g = {}, { name: l, params: u } = ce();
+  switch (n) {
+    case "default":
+    case "guide":
+      const { id: x, title: v } = i;
+      let a = h || r;
+      x !== o && !h && (a = void 0), g.routeName = l, g.params = j({
+        ...u,
+        guide: o,
+        connection: a,
+        uriName: ee(o === x ? v : e)
+      });
+      break;
+    case "link":
+      g.href = d, g.target = s;
+      break;
+  }
+  return /* @__PURE__ */ m(
+    Fe,
+    {
+      className: S(t, "humany-dialog-link"),
+      ...g,
+      children: f || /* @__PURE__ */ $(Ie, { children: [
+        n === "link" && /* @__PURE__ */ m(F, { faIcon: "link" }),
+        /* @__PURE__ */ m("span", { children: e })
+      ] })
+    }
+  );
+};
+O(
+  ({ className: e, dialog: t, ...o }, i) => t.length ? /* @__PURE__ */ m(
+    Ve,
+    {
+      className: S(e, "humany-dialog"),
+      items: t,
+      renderItem: (r) => /* @__PURE__ */ m("li", { "data-dialog": r.connection, children: /* @__PURE__ */ m(Ue, { ...r }) }, r.connection),
+      ...o,
+      ref: i
+    }
+  ) : null
+);
+const Ve = c(V)`
+  ${ne}
+  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) && se({
+    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;
+  }
+`;
+c(A)`
+  ${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;
+}};
+  }
+`;
+c.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;
+}};
+`;
+c.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;
+}};
+  }
+`;
+c(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;
+}};
+      }
+    }
+  }
+`;
+c(A)`
+  ${P}
+  font-family: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.type;
+}};
+  > div {
+    ${(e) => {
+  var t;
+  return q(e)(
+    "> h1",
+    y`
+          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 qe = (e) => y`
+  ${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"};
+  }
+`;
+c(F)`
+  && {
+    font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+  }
+  width: 1.2em;
+`;
+c(le)`
+  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 Ze = c(Z)`
+  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" && X}
+
+    svg, i {
+      ${(e) => e["data-has-label"] === "false" && e["data-has-symbol"] === "true" && y`
+          ${X(e)}
+          box-sizing: content-box;
+        `}
+    }
+  }
+
+  span {
+    flex: 1;
+    font-weight: 300;
+  }
+`, Ge = ({
+  addFavoriteTooltip: e,
+  removeFavoriteCancelLabel: t,
+  removeFavoriteConfirmLabel: o,
+  removeFavoriteHeader: i,
+  removeFavoriteLabel: r,
+  removeFavoriteTooltip: n,
+  id: s,
+  isFavorite: d,
+  guideTitle: f,
+  buttonLabel: h = "",
+  actions: { addFavorite: g, removeFavorite: l }
+}) => {
+  const u = I(() => {
+    l(s);
+  }, [s, l]), x = I(() => {
+    g(s);
+  }, [s, g]), v = `${d ? n : e}${f ? `: "${f}"` : ""}`;
+  return d ? /* @__PURE__ */ m(
+    je,
+    {
+      trigger: /* @__PURE__ */ $(
+        ie,
+        {
+          className: "humany-favorite-button",
+          title: v,
+          "aria-label": v,
+          "data-favorite": "true",
+          "data-has-label": h ? "true" : "false",
+          "data-has-symbol": "true",
+          children: [
+            /* @__PURE__ */ m(
+              z,
+              {
+                size: 16,
+                symbol: { type: "Svg", content: "star-empty" }
+              }
+            ),
+            h && /* @__PURE__ */ m(R, { children: h })
+          ]
+        }
+      ),
+      onConfirm: u,
+      cancelLabel: t,
+      confirmLabel: o,
+      header: i,
+      text: r
+    }
+  ) : /* @__PURE__ */ $(
+    ie,
+    {
+      className: "humany-favorite-button",
+      title: v,
+      "aria-label": v,
+      onClick: x,
+      "data-favorite": "false",
+      "data-has-label": h ? "true" : "false",
+      "data-has-symbol": "true",
+      children: [
+        /* @__PURE__ */ m(z, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
+        h && /* @__PURE__ */ m(R, { children: h })
+      ]
+    }
+  );
+}, ie = c(Ze)`
+  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, n, s, d;
+  return ((t = e.theme.colors) == null ? void 0 : t.text) && y`
+      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: ${(n = e.theme.colors) == null ? void 0 : n.text};
+          }
+        `};
+      }
+
+      &:hover {
+        svg {
+          ${e["data-favorite"] === "true" ? `
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        ` : `
+          fill: ${(s = e.theme.colors) == null ? void 0 : s.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: n,
+    selected: s,
+    ...d
+  }, f) => /* @__PURE__ */ $(
+    We,
+    {
+      className: S(o, "humany-feedback"),
+      "data-direction": t,
+      ...me(d),
+      ref: f,
+      children: [
+        !!i && /* @__PURE__ */ m(Je, { children: i }),
+        /* @__PURE__ */ $(
+          re,
+          {
+            className: "humany-feedback-button",
+            disabled: !!s,
+            "data-selected": s === "positive",
+            "data-direction": t,
+            onClick: () => e("positive"),
+            children: [
+              /* @__PURE__ */ m(F, { faIcon: "smile-o" }),
+              /* @__PURE__ */ m("span", { children: r })
+            ]
+          }
+        ),
+        /* @__PURE__ */ $(
+          re,
+          {
+            className: "humany-feedback-button",
+            disabled: !!s,
+            "data-selected": s === "negative",
+            "data-direction": t,
+            onClick: () => e("negative"),
+            children: [
+              /* @__PURE__ */ m(F, { faIcon: "frown-o" }),
+              /* @__PURE__ */ m("span", { children: n })
+            ]
+          }
+        )
+      ]
+    }
+  )
+);
+const Je = c(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;
+`, re = c(Z)`
+  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" && y`
+      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" && y`
+      min-width: 190px;
+    `}
+
+  ${(e) => {
+  var t, o;
+  return ((t = e.theme.colors) == null ? void 0 : t.primary) && se({
+    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;
+  }
+`, We = c.div`
+  ${(e) => {
+  var t;
+  return e["data-direction"] === "vertical" && y`
+      > button {
+        width: 100%;
+        &:not(:last-child) {
+          margin-bottom: ${(t = e.theme.sizes) == null ? void 0 : t.normal};
+        }
+      }
+    `;
+}}
+`, Qe = () => {
+  const e = U(), [t, o] = G([]), i = e.get("favorites");
+  N(() => {
+    if (i) {
+      o(i.get());
+      const { events: f } = e.get("$widget");
+      return f.subscribe(
+        "widget:favorites-updated",
+        (g, { updated: l }) => {
+          o([...l]);
+        }
+      );
+    }
+  }, []);
+  const r = (f) => i ? i.add(f) : Promise.resolve([]), n = (f) => i ? i.remove(f) : Promise.resolve([]), s = () => i ? i.clear() : Promise.resolve([]), d = I(
+    (f) => t.indexOf(f) > -1 ? n(f) : r(f),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t]
+  );
+  return [
+    t,
+    He(
+      () => ({
+        addFavorite: r,
+        removeFavorite: n,
+        clearFavorites: s,
+        toggleFavorite: d
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [t]
+    )
+  ];
+}, Xe = ({
+  format: e = de.YYYY_MM_DD_HH_MM,
+  className: t = "",
+  byLabel: o = "",
+  modifiedLabel: i = "",
+  publishedLabel: r = "",
+  modifiedBy: n = "",
+  publishedBy: s = "",
+  showModified: d = !1,
+  showPublished: f = !1,
+  modified: h,
+  published: g
+}) => {
+  const l = f && g ? /* @__PURE__ */ m(ae, { format: e, timestamp: g }) : null, u = d && h ? /* @__PURE__ */ m(ae, { format: e, timestamp: h }) : null;
+  return !l && !u ? null : /* @__PURE__ */ $(L, { className: S(t, "humany-metadata"), children: [
+    l && /* @__PURE__ */ $(L, { className: "humany-published", children: [
+      r,
+      l,
+      o && s && ` ${o.replace("{{editor}}", s)}`
+    ] }),
+    u && /* @__PURE__ */ $(L, { className: "humany-modified", children: [
+      l && ", ",
+      i,
+      u,
+      o && n && ` ${o.replace("{{editor}}", n)}`
+    ] })
+  ] });
+}, ae = c(ge)`
+  &:not(:first-child) {
+    margin-left: 4px;
+  }
+  &:not(:last-child) {
+    margin-right: 4px;
+  }
+`, L = c(le)`
+  font-style: italic;
+`, et = ({ tags: e }) => e.filter((t) => t.symbol).length ? /* @__PURE__ */ m(
+  it,
+  {
+    className: "humany-guide-list-tags",
+    items: e,
+    renderItem: ({ id: t, symbol: o, title: i }) => o && /* @__PURE__ */ m("li", { "data-tag": t, children: /* @__PURE__ */ m(rt, { size: 18, symbol: o, title: i }) }, t)
+  }
+) : null;
+O(({ title: e, id: t, route: o, symbolSize: i, collapseUri: r, children: n }, s) => {
+  const { params: d } = ce();
+  return /* @__PURE__ */ $(tt, { ref: s, "data-guide": t, children: [
+    /* @__PURE__ */ m(
+      B,
+      {
+        title: e,
+        "aria-label": e,
+        routeName: o,
+        params: j({
+          ...d,
+          uriName: r || void 0,
+          id: void 0,
+          guide: void 0,
+          accordion: void 0
+        }),
+        text: e,
+        children: /* @__PURE__ */ m(
+          z,
+          {
+            size: i,
+            symbol: { type: "Svg", content: "caret-up" }
+          }
+        )
+      }
+    ),
+    n
+  ] });
+});
+const tt = c.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: n = "down",
+    showTags: s = !1,
+    showFavoriteToggle: d = !1,
+    localPaging: f = !1,
+    onItemClick: h = () => {
+    },
+    dispatch: g = () => {
+    },
+    metadata: l = {},
+    pageLabel: u,
+    className: x,
+    children: v,
+    items: a,
+    renderItem: k,
+    addFavoriteTooltip: he,
+    removeFavoriteCancelLabel: ue,
+    removeFavoriteConfirmLabel: pe,
+    removeFavoriteHeader: ye,
+    removeFavoriteLabel: $e,
+    removeFavoriteTooltip: ve,
+    searchResultsEmptyLabel: be,
+    ...J
+  }, xe) => {
+    const W = Be(), T = _e(), M = Ae(a), { guide: we = "guide", page: ke = "index" } = t, {
+      guide: ze = ({ id: p }) => j({ guide: p }),
+      page: Q = () => j()
+    } = o, [Ce, Ne] = Qe();
+    Le(xe, () => T.current);
+    const H = (p) => {
+      const { id: w, title: b, tags: C, published: Y, modified: D, publishedBy: E, modifiedBy: _ } = p;
+      return /* @__PURE__ */ $(
+        "li",
+        {
+          "data-guide": w,
+          "has-metadata": (!!(l != null && l.showPublished) && !!Y || !!(l != null && l.showModified) && !!D).toString(),
+          children: [
+            /* @__PURE__ */ m(
+              B,
+              {
+                className: "humany-guide-link",
+                title: b,
+                "aria-label": b,
+                routeName: we,
+                onClick: (De) => h(De, p),
+                params: ze(p),
+                text: b,
+                children: /* @__PURE__ */ m(
+                  z,
+                  {
+                    size: i,
+                    symbol: {
+                      type: "Svg",
+                      content: e ? "caret-down" : "caret-right"
+                    }
+                  }
+                )
+              }
+            ),
+            d && /* @__PURE__ */ m(
+              Ge,
+              {
+                guideTitle: b,
+                addFavoriteTooltip: he,
+                removeFavoriteCancelLabel: ue,
+                removeFavoriteConfirmLabel: pe,
+                removeFavoriteHeader: ye,
+                removeFavoriteLabel: $e,
+                removeFavoriteTooltip: ve,
+                isFavorite: Ce.indexOf(w) > -1,
+                actions: Ne,
+                id: w
+              }
+            ),
+            s && /* @__PURE__ */ m(et, { tags: C }),
+            /* @__PURE__ */ m(
+              at,
+              {
+                ...l,
+                indent: e ? void 0 : i,
+                modified: D,
+                published: Y,
+                publishedBy: E,
+                modifiedBy: _
+              }
+            )
+          ]
+        },
+        w
+      );
+    }, Se = I(
+      (p, w, b) => k ? k(p, w, b, H) : H(p),
+      [k, H]
+    ), Te = I(
+      (p) => {
+        f && (p.preventDefault(), g("page", Q()));
+      },
+      [g, f]
+    );
+    N(() => {
+      if (M && M.length < a.length && T.current) {
+        const p = T.current.querySelectorAll(
+          ".humany-guide-list > ul > li"
+        ), w = p[M.length];
+        if (p.length === a.length && M.length) {
+          const b = p[M.length];
+          if (b) {
+            const C = b.querySelector(
+              ".humany-guide-link"
+            );
+            C && C.focus();
+          }
+        } else
+          w && new MutationObserver((C, Y) => {
+            C.forEach((D) => {
+              if (D.addedNodes) {
+                const E = Array.from(
+                  D.addedNodes
+                ).find((_) => _.tagName === "A");
+                E && Re(T.current, document.activeElement) && (W && E.focus(), Y.disconnect());
+              }
+            });
+          }).observe(w, {
+            attributes: !1,
+            characterData: !1,
+            childList: !0,
+            subtree: !0,
+            attributeOldValue: !1,
+            characterDataOldValue: !1
+          });
+      }
+    });
+    const Me = !!Object.keys(l).filter(
+      (p) => typeof l[p] < "u"
+    ).length;
+    return /* @__PURE__ */ $(
+      ot,
+      {
+        className: S(x, "humany-guide-list"),
+        "data-item-count": a.length,
+        items: a,
+        renderItem: Se,
+        isTabbing: W,
+        expandable: e ? "true" : "false",
+        "grid-items": s || d || Me ? "true" : "false",
+        ...me(J),
+        ref: T,
+        children: [
+          u ? /* @__PURE__ */ m(
+            B,
+            {
+              text: u,
+              title: u,
+              "aria-label": u,
+              routeName: ke,
+              role: r,
+              params: Q(),
+              onClick: Te,
+              children: /* @__PURE__ */ m(
+                z,
+                {
+                  size: i,
+                  symbol: { type: "Svg", content: `caret-${n}` }
+                }
+              )
+            }
+          ) : null,
+          v,
+          !J["data-loading"] && a.length === 0 && /* @__PURE__ */ m("p", { children: be })
+        ]
+      }
+    );
+  }
+);
+const ot = c(A)`
+  ${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) => q(e)(
+  "> h1",
+  y`
+          white-space: pre-wrap;
+        `
+)}
+  }
+
+  > ul > li {
+    ${(e) => {
+  var t, o;
+  return e["grid-items"] === "true" && y`
+        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" && y`
+          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 {
+        ${K}
+        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 {
+      ${K}
+      text-decoration: underline;
+    }
+  }
+`, it = c(V)`
+  ${ne}
+  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 = c(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 = c(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;
+  }
+`;
+c.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;
+`;
+c.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"};
+  }
+`;
+c.div`
+  position: relative;
+  margin: 0 auto;
+  width: 100px;
+  &:before {
+    content: '';
+    display: block;
+    padding-top: 100%;
+  }
+`;
+c.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;
+`;
+c(Z)`
+  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 {
+    ${K}
+    span {
+      color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.primary;
+}};
+      text-decoration: underline;
+    }
+  }
+`;
+c(A)`
+  ${qe}
+  ${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"] && y`
+      > div {
+        ${q(e)(
+  "h1",
+  y`
+            display: none;
+          `
+)}
+      }
+    `}
+
+  @media (hover: hover) {
+    button:hover {
+      text-decoration: underline;
+    }
+  }
+`;
+c(Pe)`
+  ${Oe}
+  font-weight: 300;
+
+  p {
+    white-space: normal;
+  }
+`;
+c.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) && y`
+          margin: ${(i = e.theme.sizes) == null ? void 0 : i.normal} 0;
+        `;
+}}
+    }
+  }
+
+  ${(e) => e["data-expanded"] && y`
+      .humany-paragraph {
+        display: block;
+      }
+    `}
+
+  > span {
+    display: block;
+    font-weight: 300;
+    color: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.accent;
+}};
+  }
+`;
+c(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;
+}};
+  }
+`;
+c(ge)`
+  font-size: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.small;
+}};
+  font-weight: 300;
+`;
+const dt = () => {
+  const e = U();
+  return N(() => {
+    console.log("container ", e, e.get("$widget"));
+  }, [e]), /* @__PURE__ */ m("div", { children: "Hej" });
+};
+export {
+  dt as default
+};