@telia-ace/knowledge-widget-components-guide 1.0.24-next.1 → 1.0.24-next.3

package/dist/guide.19e7d4a1.js

@@ -1,810 +0,0 @@
-var be = Object.defineProperty, fe = Object.defineProperties;
-var ye = Object.getOwnPropertyDescriptors;
-var W = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var _ = (t, e, a) => e in t ? be(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a, S = (t, e) => {
-  for (var a in e || (e = {}))
-    ee.call(e, a) && _(t, a, e[a]);
-  if (W)
-    for (var a of W(e))
-      te.call(e, a) && _(t, a, e[a]);
-  return t;
-}, D = (t, e) => fe(t, ye(e));
-var F = (t, e) => {
-  var a = {};
-  for (var o in t)
-    ee.call(t, o) && e.indexOf(o) < 0 && (a[o] = t[o]);
-  if (t != null && W)
-    for (var o of W(t))
-      e.indexOf(o) < 0 && te.call(t, o) && (a[o] = t[o]);
-  return a;
-};
-import { ContactList as oe, contactLink as pe } from "@telia-ace/knowledge-widget-adapters";
-import { NotFound as $e, Component as Ee } from "@telia-ace/knowledge-widget-types-grid";
-import { List as ke, TextLink as le, paddedBorderTabStyle as re, useRouteData as G, Feedback as we, StyledHeaderText as xe, useDispatch as se, useProperties as q, Text as J, SymbolBadge as T, useContainer as ie, Tooltip as ze, StyledListButton as O, DropdownList as ce, useFavorites as Le, StyledText as ae, FavoriteButton as Se, DrawerList as me, DrawerAnimationType as de, useChildren as Be, Lightbox as Ne, DialogLink as Ce, embeddedLinkMapper as ve, createEmptyComponent as De, Loader as Re, loadingOpacity as Fe, Paragraph as Oe, genericHtml as Te, headingElement as Ie, DialogList as We, contentBox as He, Metadata as Me, Button as Pe, linkTabStyle as je } from "@telia-ace/knowledge-widget-ui";
-import { appendClassNames as H, buildCategoryTrail as Ae, createParams as Ve } from "@telia-ace/widget-utilities";
-import n, { useMemo as M, useState as Ge, useEffect as qe, useCallback as V, forwardRef as Je } from "react";
-import r, { css as K } from "styled-components";
-import { PickerTypes as p } from "@telia-ace/knowledge-widget-core";
-const Ke = ({
-  className: t,
-  defaultAnswerVersionLabel: e,
-  guide: { perspective: a, perspectives: o },
-  availablePerspectives: u = []
-}) => {
-  const { name: c, params: l } = G(), h = M(() => !o || !u.length ? [] : u.filter(({ name: m }) => !!o[m]).map(({ name: m, title: d }) => ({ label: d, connection: o[m] })), [o, u]);
-  return /* @__PURE__ */ n.createElement(Qe, {
-    className: H(t, "humany-guide-answer-version-picker"),
-    items: h,
-    renderItem: (m) => {
-      const d = m.label === "Default" ? e : m.label, g = a === m.connection, b = g && (!l.connection || a === l.connection);
-      return /* @__PURE__ */ n.createElement("li", {
-        key: m.connection,
-        "data-version": m.connection
-      }, /* @__PURE__ */ n.createElement(Ue, {
-        key: m.connection,
-        forwardedAs: b ? "span" : void 0,
-        text: d,
-        routeName: c,
-        selected: g,
-        "aria-label": d,
-        title: d,
-        params: D(S({}, l), {
-          connection: m.connection
-        })
-      }));
-    }
-  });
-}, Qe = r(ke)`
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-
-    list-style: none;
-    padding: 0;
-    margin: 0;
-
-    li:not(:last-child) {
-        margin: 0 calc(${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}} * 2) 0 0;
-    }
-
-    li > span {
-        cursor: default;
-    }
-`, Ue = r(le)`
-    font-weight: 300;
-    color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    text-decoration: none;
-
-    ${(t) => t.selected && K`
-            font-weight: bold;
-            text-decoration: underline;
-        `}
-
-    &:focus-visible {
-        ${re};
-    }
-`, Xe = r(oe)`
-    border-top: ${(t) => t.theme.border};
-    ${(t) => t.backButtonShown === "true" && `border-bottom: ${t.theme.border};`}
-`, Ye = r(we)`
-    ${(t) => {
-  var e, a;
-  return `padding: ${(e = t.theme.sizes) == null ? void 0 : e.large} ${(a = t.theme.sizes) == null ? void 0 : a.large};`;
-}}
-`, Ze = r(xe)`
-    ${(t) => {
-  var e, a;
-  return `padding: ${(e = t.theme.sizes) == null ? void 0 : e.large} ${(a = t.theme.sizes) == null ? void 0 : a.large};`;
-}}
-
-    display: block;
-    font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.normal;
-}};
-    font-weight: bold;
-`, _e = ({ backButtonShown: t = !1, accordion: e = !1 }) => {
-  const a = se(), {
-    loading: o = !1,
-    dialog: u = [],
-    guide: c,
-    handoverContactMethods: l = [],
-    contactHeader: h,
-    showFeedback: m,
-    feedbackDirection: d = "horizontal",
-    feedbackRecognitionLabel: g,
-    feedbackGiven: b,
-    feedbackHeader: $,
-    positiveFeedbackLabel: E,
-    negativeFeedbackLabel: f,
-    contactFeedbackLabel: s
-  } = q();
-  return !m || !c || !c.allowFeedback || o && !b || u.length ? null : b && g && !l.length ? /* @__PURE__ */ n.createElement(Ze, {
-    accordion: e ? "true" : "false"
-  }, g) : c.hasHandover && l.length ? /* @__PURE__ */ n.createElement(Xe, {
-    backButtonShown: t ? "true" : "false",
-    accordion: e ? "true" : "false",
-    header: h,
-    contactMethods: l,
-    dispatch: a
-  }) : /* @__PURE__ */ n.createElement(Ye, {
-    accordion: e ? "true" : "false",
-    positive: E,
-    negative: c.hasHandover ? s : f,
-    header: $,
-    selected: b,
-    onFeedback: (k) => a("feedback", k),
-    direction: d
-  });
-}, et = ({
-  guide: { categories: t = [] },
-  toolbar: { picker: e = p.NONE }
-}) => {
-  const [a, o] = Ge([]), u = ie();
-  return qe(() => {
-    Ae(
-      "index",
-      t.map((c) => c.toString()),
-      u
-    ).then((c) => {
-      o(c);
-    });
-  }, [t]), a.length ? /* @__PURE__ */ n.createElement(ze, {
-    className: "humany-guide-category-tooltip",
-    sticky: e === p.DRAWER,
-    content: /* @__PURE__ */ n.createElement(n.Fragment, null, a.map((c) => /* @__PURE__ */ n.createElement(tt, {
-      className: "humany-guide-category-trail",
-      key: c.map((l) => l.id).join(".")
-    }, c.map((l, h) => /* @__PURE__ */ n.createElement(J, {
-      className: "humany-guide-category-trail-segment",
-      key: l.id
-    }, l.symbol && h === 0 && /* @__PURE__ */ n.createElement(T, {
-      size: 14,
-      symbol: l.symbol
-    }), l.title, h !== c.length - 1 && /* @__PURE__ */ n.createElement(at, {
-      className: "humany-category-separator"
-    }, "/"))))))
-  }, e === p.DRAWER ? /* @__PURE__ */ n.createElement(O, {
-    className: "humany-guide-category-tooltip-button",
-    "data-has-label": "false",
-    "data-has-symbol": "true"
-  }, /* @__PURE__ */ n.createElement(ne, {
-    size: 19,
-    symbol: { type: "Svg", content: "information" }
-  })) : /* @__PURE__ */ n.createElement(ne, {
-    size: 19,
-    symbol: { type: "Svg", content: "information" }
-  })) : null;
-}, tt = r.div`
-    i,
-    svg {
-        margin: 0 ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}} 0 0;
-    }
-
-    &:not(:last-child) {
-        margin: 0 0 ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}};
-    }
-`, at = r(J)`
-    margin: 0 ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}};
-`, ne = r(T)`
-    display: block;
-`, nt = ({
-  header: t,
-  tooltip: e,
-  printActionLabel: a,
-  copyActionLabel: o,
-  addFavoriteTooltip: u,
-  removeFavoriteCancelLabel: c,
-  removeFavoriteConfirmLabel: l,
-  removeFavoriteHeader: h,
-  removeFavoriteLabel: m,
-  removeFavoriteTooltip: d,
-  toolbarFunctionsCloseButtonAriaLabel: g,
-  allowCopy: b = !1,
-  allowPrint: $ = !1,
-  showFavoriteToggle: E = !1,
-  picker: f = p.NONE,
-  guide: s,
-  dispatch: k
-}) => {
-  const [B, C] = Le(), i = V(
-    (y) => {
-      s && k("copy", s);
-    },
-    [s, k]
-  ), z = V(() => {
-    s && k("print");
-  }, [s, k]), L = M(() => {
-    const { id: y, title: R } = s, v = [];
-    if (b && v.push({
-      type: "copy",
-      child: /* @__PURE__ */ n.createElement(O, {
-        "data-has-label": o ? "true" : "false",
-        "data-has-symbol": "true",
-        title: o,
-        "aria-label": a,
-        onClick: i
-      }, /* @__PURE__ */ n.createElement(A, {
-        size: 16,
-        symbol: { type: "Svg", content: "copy" }
-      }), o && /* @__PURE__ */ n.createElement(ae, null, o))
-    }), $ && v.push({
-      type: "print",
-      child: /* @__PURE__ */ n.createElement(O, {
-        "data-has-label": a ? "true" : "false",
-        "data-has-symbol": "true",
-        title: a,
-        "aria-label": a,
-        onClick: z
-      }, /* @__PURE__ */ n.createElement(A, {
-        size: 16,
-        symbol: { type: "Svg", content: "print" }
-      }), a && /* @__PURE__ */ n.createElement(ae, null, a))
-    }), E) {
-      const I = B.indexOf(y) > -1;
-      v.push({
-        type: "favorite",
-        child: /* @__PURE__ */ n.createElement(Se, {
-          id: y,
-          guideTitle: R,
-          isFavorite: I,
-          buttonLabel: I ? d : u,
-          addFavoriteTooltip: u,
-          removeFavoriteCancelLabel: c,
-          removeFavoriteConfirmLabel: l,
-          removeFavoriteHeader: h,
-          removeFavoriteLabel: m,
-          removeFavoriteTooltip: d,
-          actions: C
-        })
-      });
-    }
-    return v;
-  }, [
-    B,
-    s,
-    b,
-    $,
-    E,
-    a,
-    o,
-    u,
-    c,
-    l,
-    h,
-    m,
-    d
-  ]);
-  if (!L.length)
-    return null;
-  const w = /* @__PURE__ */ n.createElement(lt, {
-    tabIndex: 0,
-    title: e,
-    "data-has-symbol": "true",
-    "data-has-label": "false"
-  }, /* @__PURE__ */ n.createElement(A, {
-    symbol: { type: "Svg", content: "options" },
-    size: 18
-  })), N = ({ type: y, child: R }) => /* @__PURE__ */ n.createElement("li", {
-    key: y,
-    "data-function-type": y
-  }, R);
-  return f === p.DROPDOWN ? /* @__PURE__ */ n.createElement(ot, {
-    className: "humany-guide-functions-dropdown-list",
-    header: t,
-    items: L,
-    trigger: w,
-    renderItem: N,
-    closeButtonAriaLabel: g
-  }) : f === p.DRAWER ? /* @__PURE__ */ n.createElement(me, {
-    className: "humany-guide-functions-drawer-list",
-    animation: { type: de.SlideInBottom },
-    header: t,
-    items: L,
-    trigger: w,
-    renderItem: N,
-    closeButtonAriaLabel: g
-  }) : null;
-}, A = r(T)`
-    circle {
-        fill: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-
-    line,
-    path,
-    rect {
-        stroke: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-`, ot = r(ce)`
-    display: block;
-    min-height: auto;
-`, lt = r(O)`
-    padding: calc(${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}} * 2) 0;
-`, rt = (t, e) => {
-  var a;
-  return ((a = e.find((o) => o.id === t.id)) == null ? void 0 : a.label) || "";
-}, st = (c) => {
-  var l = c, {
-    header: t,
-    tooltip: e,
-    picker: a = p.NONE,
-    guide: o
-  } = l, u = F(l, [
-    "header",
-    "tooltip",
-    "picker",
-    "guide"
-  ]);
-  const { name: h, params: m } = G(), d = M(() => Object.keys(o.translations || {}).reduce((E, f) => {
-    const s = {};
-    return s.key = f, s.id = (o.translations || {})[f], s.label = u[`${f}LanguageLabel`], (s.id || s.label) && E.push(s), E;
-  }, []), [o, u]);
-  if (!d.length)
-    return null;
-  const g = rt(o, d), b = /* @__PURE__ */ n.createElement(it, {
-    tabIndex: 0,
-    title: e,
-    "data-has-symbol": "true",
-    "data-has-label": a === p.DROPDOWN && g ? "true" : "false"
-  }, a === p.DROPDOWN && /* @__PURE__ */ n.createElement(n.Fragment, null, g && /* @__PURE__ */ n.createElement(mt, null, g), /* @__PURE__ */ n.createElement(dt, {
-    symbol: { type: "Svg", content: "caret-down" },
-    size: 11
-  })), a === p.DRAWER && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(ct, {
-    symbol: { type: "Svg", content: "language" },
-    size: 20
-  }))), $ = ({ label: E, key: f, id: s }) => /* @__PURE__ */ n.createElement("li", {
-    key: f,
-    "data-language": f
-  }, /* @__PURE__ */ n.createElement(ht, {
-    tabIndex: 0,
-    text: E,
-    routeName: h,
-    selected: o.id === s,
-    params: Ve(D(S({}, m), {
-      connection: void 0,
-      guide: s
-    }))
-  }));
-  return a === p.DROPDOWN ? /* @__PURE__ */ n.createElement(ut, {
-    className: "humany-guide-languages-dropdown-list",
-    header: t,
-    items: d,
-    trigger: b,
-    renderItem: $
-  }) : a === p.DRAWER ? /* @__PURE__ */ n.createElement(me, {
-    className: "humany-guide-languages-drawer-list",
-    animation: { type: de.SlideInBottom },
-    header: t,
-    items: d,
-    trigger: b,
-    renderItem: $
-  }) : null;
-}, it = r(O)`
-    &&& {
-        margin: 0 ${(t) => {
-  var e;
-  return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2)`;
-}} 0 0;
-    }
-`, ct = r(T)`
-    circle {
-        fill: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-
-    line,
-    path,
-    rect {
-        stroke: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-`, mt = r(J)`
-    margin: 0 ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}} 0 0;
-    font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.normal;
-}};
-`, dt = r(T)`
-    align-self: flex-end;
-    stroke-width: 2px;
-    stroke-linecap: round;
-
-    && {
-        width: 0.6em;
-        height: 1em;
-    }
-    line {
-        stroke: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    }
-`, ut = r(ce)`
-    display: block;
-    min-height: auto;
-`, ht = r(le)`
-    color: ${(t) => {
-  var e, a;
-  return t.selected ? (e = t.theme.colors) == null ? void 0 : e.primary : (a = t.theme.colors) == null ? void 0 : a.text;
-}};
-    ${(t) => t.selected && "font-weight: bold;"}
-
-    outline: none;
-    &:focus-visible {
-        ${re}
-        text-decoration: underline;
-    }
-`, gt = (t) => {
-  const {
-    allowCopy: e = !1,
-    allowPrint: a = !1,
-    guideCategories: o = !1,
-    language: u = !1,
-    showFavoriteToggle: c = !1,
-    picker: l = p.NONE
-  } = t;
-  return !e && !a && !u && !c && !o || l === p.NONE;
-}, bt = ({ className: t = "", dispatch: e }) => {
-  const y = q(), {
-    toolbarLanguageHeader: a,
-    toolbarFunctionsHeader: o,
-    toolbarLanguageTooltip: u,
-    toolbarFunctionsTooltip: c,
-    toolbarFunctionsCloseButtonAriaLabel: l,
-    printActionLabel: h,
-    copyActionLabel: m,
-    addFavoriteTooltip: d,
-    removeFavoriteCancelLabel: g,
-    removeFavoriteConfirmLabel: b,
-    removeFavoriteHeader: $,
-    removeFavoriteLabel: E,
-    removeFavoriteTooltip: f,
-    guide: s,
-    toolbar: k
-  } = y, B = F(y, [
-    "toolbarLanguageHeader",
-    "toolbarFunctionsHeader",
-    "toolbarLanguageTooltip",
-    "toolbarFunctionsTooltip",
-    "toolbarFunctionsCloseButtonAriaLabel",
-    "printActionLabel",
-    "copyActionLabel",
-    "addFavoriteTooltip",
-    "removeFavoriteCancelLabel",
-    "removeFavoriteConfirmLabel",
-    "removeFavoriteHeader",
-    "removeFavoriteLabel",
-    "removeFavoriteTooltip",
-    "guide",
-    "toolbar"
-  ]);
-  if (!s || !k || gt(k))
-    return null;
-  const { language: C, guideCategories: i, allowCopy: z, allowPrint: L, showFavoriteToggle: w, picker: N } = k;
-  return /* @__PURE__ */ n.createElement(ft, {
-    className: H("humany-guide-toolbar", t)
-  }, C && Object.keys(s.translations || {}).length > 1 && /* @__PURE__ */ n.createElement(st, S({
-    guide: s,
-    header: a,
-    tooltip: u,
-    picker: N
-  }, B)), i && /* @__PURE__ */ n.createElement(et, {
-    guide: s,
-    toolbar: k
-  }), (z || L || w) && /* @__PURE__ */ n.createElement(nt, {
-    guide: s,
-    header: o,
-    tooltip: c,
-    printActionLabel: h,
-    copyActionLabel: m,
-    addFavoriteTooltip: d,
-    removeFavoriteCancelLabel: g,
-    removeFavoriteConfirmLabel: b,
-    removeFavoriteHeader: $,
-    removeFavoriteLabel: E,
-    removeFavoriteTooltip: f,
-    toolbarFunctionsCloseButtonAriaLabel: l,
-    allowCopy: z,
-    allowPrint: L,
-    showFavoriteToggle: w,
-    picker: N,
-    dispatch: e
-  }));
-}, ft = r.div`
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: 0 0 0 auto;
-
-    > :not(:last-child) {
-        margin: 0 calc(${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}} * 2) 0 0;
-    }
-`, Wt = Je(
-  (u, o) => {
-    var c = u, { className: t, accordion: e = !1 } = c, a = F(c, ["className", "accordion"]);
-    const {
-      loading: l = !1,
-      dialog: h = [],
-      contactMethods: m = [],
-      showHeader: d = !0,
-      showAnswerVersions: g = !1,
-      defaultAnswerVersionLabel: b = "Default",
-      backButtonLabel: $,
-      metadataByLabel: E,
-      metadataModifiedLabel: f,
-      metadataPublishedLabel: s,
-      availablePerspectives: k,
-      metadata: B,
-      toolbar: C,
-      guide: i,
-      error: z
-    } = q(), {
-      params: { connection: L }
-    } = G(), w = ie(), N = Be(), y = se(), R = M(() => ({
-      transform: {
-        img: (x) => /* @__PURE__ */ n.createElement(Ne, {
-          attrs: x,
-          htmlBody: (i == null ? void 0 : i.body) || ""
-        }),
-        a: (x) => {
-          const Y = x, { children: he } = Y, X = F(Y, ["children"])["data-target"];
-          if (X && h.length) {
-            const Z = h.find(
-              ({ connection: ge }) => ge === X
-            );
-            if (Z)
-              return /* @__PURE__ */ n.createElement(Ce, S({}, Z), he);
-          }
-          return ve(w)(x);
-        }
-      }
-    }), [i, w, h]), v = V(() => {
-      y("back");
-    }, [y]);
-    if (!i && !z && !l)
-      return De(w, D(S({}, a), {
-        className: H(t, "humany-guide")
-      }));
-    const { id: I = "", title: Q = "", body: P = "", translations: U = {} } = i || {};
-    if (z && z.status === 404)
-      return /* @__PURE__ */ n.createElement($e, {
-        showSearch: !1
-      });
-    const j = !!e && !!L, ue = Object.keys(U).find((x) => U[x] === `${I}`);
-    return /* @__PURE__ */ n.createElement(yt, D(S({
-      ref: o
-    }, a), {
-      "data-loading": l,
-      className: H(t, "humany-guide")
-    }), /* @__PURE__ */ n.createElement(wt, {
-      "data-loading": l,
-      accordion: e ? "true" : "false",
-      className: "humany-guide-content"
-    }, (g && i || !!C) && /* @__PURE__ */ n.createElement(kt, {
-      className: "humany-guide-top"
-    }, g && i && /* @__PURE__ */ n.createElement(Ke, {
-      defaultAnswerVersionLabel: b,
-      availablePerspectives: k,
-      guide: i
-    }), !!C && /* @__PURE__ */ n.createElement(bt, {
-      dispatch: y
-    })), !!(Q || P) && /* @__PURE__ */ n.createElement(pt, {
-      className: "humany-guide-body",
-      accordion: e ? "true" : "false",
-      header: d && Q || void 0,
-      html: P,
-      htmlParseInstruction: R,
-      lang: ue
-    }), h && P.indexOf("h-option-link") === -1 && /* @__PURE__ */ n.createElement(Et, {
-      dialog: h
-    }), /* @__PURE__ */ n.createElement($t, {
-      backButtonShown: j ? "true" : "false",
-      contactMethods: m,
-      dispatch: y,
-      guideId: i && i.id
-    }), !m.length && /* @__PURE__ */ n.createElement(_e, {
-      backButtonShown: j,
-      accordion: e
-    }), j && /* @__PURE__ */ n.createElement(Lt, {
-      "aria-label": $,
-      onClick: v
-    }, /* @__PURE__ */ n.createElement(St, {
-      width: "7",
-      height: "13",
-      viewBox: "0 0 7 13",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__PURE__ */ n.createElement("line", {
-      x1: "6.64645",
-      y1: "12.5513",
-      x2: "0.648357",
-      y2: "6.55319"
-    }), /* @__PURE__ */ n.createElement("line", {
-      x1: "0.646447",
-      y1: "6.64455",
-      x2: "6.64454",
-      y2: "0.646465"
-    })), $ && /* @__PURE__ */ n.createElement("span", null, $)), B && /* @__PURE__ */ n.createElement(xt, D(S({}, B), {
-      modified: i == null ? void 0 : i.modified,
-      published: i == null ? void 0 : i.published,
-      modifiedBy: i == null ? void 0 : i.modifiedBy,
-      publishedBy: i == null ? void 0 : i.publishedBy,
-      byLabel: E,
-      modifiedLabel: f,
-      publishedLabel: s
-    })), N.map((x) => /* @__PURE__ */ n.createElement(zt, {
-      key: x.id,
-      id: x.id,
-      branch: "default",
-      embedded: !0
-    }))), /* @__PURE__ */ n.createElement(Re, {
-      loading: l
-    }));
-  }
-), yt = r.div`
-    ${Fe}
-    min-width: 0;
-`, pt = r(Oe)`
-    ${Te}
-    ${(t) => {
-  var e;
-  return `padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};`;
-}}
-  display: block;
-    line-height: 1.6em;
-    ${Ie(
-  "h1",
-  K`
-            font-size: ${(t) => {
-    var e;
-    return (e = t.theme.fonts) == null ? void 0 : e.large;
-  }};
-            font-weight: normal;
-            line-height: 1.6em;
-            line-height: 1.6em;
-            margin: 0 0 ${(t) => {
-    var e;
-    return (e = t.theme.sizes) == null ? void 0 : e.small;
-  }};
-        `
-)}
-
-    p {
-        font-weight: 300;
-        font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.normal;
-}};
-        color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-        a {
-            display: inline;
-        }
-    }
-`, $t = r(oe)`
-    border-top: ${(t) => t.theme.border};
-    ${(t) => t.backButtonShown === "true" && `border-bottom: ${t.theme.border};`}
-`, Et = r(We)`
-    ${(t) => {
-  var e, a;
-  return `padding: 0 ${(e = t.theme.sizes) == null ? void 0 : e.large} ${(a = t.theme.sizes) == null ? void 0 : a.large};`;
-}}
-    display: block;
-`, kt = r.div`
-    ${(t) => {
-  var e, a;
-  return `padding: calc(${(e = t.theme.sizes) == null ? void 0 : e.normal}*2) ${(a = t.theme.sizes) == null ? void 0 : a.large};`;
-}}
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: ${(t) => t.theme.border};
-    border-radius: ${(t) => `${t.theme.borderRadius} ${t.theme.borderRadius}`} 0 0;
-    background-color: #ffffff;
-`, wt = r.div`
-    ${He}
-    display: block;
-    > a {
-        ${pe}
-    }
-
-    ${(t) => t.accordion === "true" && K`
-            white-space: normal;
-            box-shadow: none;
-            background-color: #fafafa;
-        `}
-`, xt = r(Me)`
-    display: block;
-    ${(t) => {
-  var e, a;
-  return `padding: calc(${(e = t.theme.sizes) == null ? void 0 : e.normal}*2) ${(a = t.theme.sizes) == null ? void 0 : a.large};`;
-}}
-    font-weight: 300;
-    font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.normal;
-}};
-    color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.text;
-}};
-    border-top: ${(t) => t.theme.border};
-`, zt = r(Ee)`
-    border-top: ${(t) => t.theme.border};
-`, Lt = r(Pe)`
-    ${(t) => {
-  var e, a;
-  return `padding: ${(e = t.theme.sizes) == null ? void 0 : e.normal} calc(${(a = t.theme.sizes) == null ? void 0 : a.normal} * 2);`;
-}}
-    color: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.primary;
-}};
-    text-decoration: underline;
-    font-size: ${(t) => {
-  var e;
-  return (e = t.theme.fonts) == null ? void 0 : e.normal;
-}};
-    span {
-        font-weight: 300;
-    }
-    &:focus-visible {
-        ${je}
-        padding: ${(t) => {
-  var e, a;
-  return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} / 2) ${(a = t.theme.sizes) == null ? void 0 : a.small}`;
-}};
-    }
-`, St = r.svg`
-    margin-right: ${(t) => {
-  var e;
-  return (e = t.theme.sizes) == null ? void 0 : e.small;
-}};
-    line {
-        stroke: ${(t) => {
-  var e;
-  return (e = t.theme.colors) == null ? void 0 : e.primary;
-}};
-    }
-`;
-export {
-  Wt as default
-};
-//# sourceMappingURL=guide.19e7d4a1.js.map