@telia-ace/knowledge-widget-types-grid 1.1.1-rc.1 → 1.1.1-rc.2

package/{index-e3bba2b0.mjs → index-a20f39e4.mjs}

@@ -1,11 +1,16 @@
 var Ye = Object.defineProperty;
 var je = (t, e, o) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
 var _ = (t, e, o) => (je(t, typeof e != "symbol" ? e + "" : e, o), o);
-import { ac as Oe, ad as C, ae as Re, o as Q, l as Le, af as re, ag as se, ah as Y, ai as m, aj as J, ak as ne, al as le, am as F, an as M, ao as E, ap as g, aq as me, ar as U, as as X, at as Ve, au as x, av as j, aw as ce, ax as Be, ay as G, az as He, aA as P, aB as de, aC as fe, aD as he, aE as _e, aF as qe } from "./index-f6d7c0ea.mjs";
+import { a9 as Oe, aa as C, ab as Re, o as Q, l as Le, ac as re, ad as se, ae as Y, af as J, ag as ne, ah as le, ai as M, aj as F, ak as E, al as me, am as U, an as X, ao as Ve, ap as x, aq as j, ar as ce, as as Be, at as G, au as He, av as P, aw as de, ax as fe, ay as _e, az as qe } from "./index-4a7683d6.mjs";
 import { jsx as c, jsxs as y, Fragment as Ge } from "react/jsx-runtime";
+import { css as g, keyframes as he } from "@emotion/react";
 import { useState as ge, useEffect as Z, lazy as Je, forwardRef as L, useCallback as A, useMemo as Ue, useRef as Ze, useImperativeHandle as Ke } from "react";
 import "react-dom";
+import "react-transition-group";
+import m from "@emotion/styled";
 import { c as O } from "./create-params-4e652cc7.mjs";
+import "react-router-dom";
+import "react-router";
 const ee = (t) => {
   if (!t)
     return "";
@@ -99,38 +104,38 @@ const ee = (t) => {
     { from: /[ю]+/gi, to: "yu" },
     { from: /[Я]+/gi, to: "Ya" },
     { from: /[я]+/gi, to: "ya" }
-  ], o = /[^a-zA-Z0-9]+/g, a = /[-]$/;
-  let i = t;
+  ], o = /[^a-zA-Z0-9]+/g, i = /[-]$/;
+  let a = t;
   for (const r in e)
-    e.hasOwnProperty(r) && e[r].from.test(t) && (i = i.replace(e[r].from, e[r].to));
-  return i = i.replace(o, "-"), i = i.replace(a, ""), i = i.toLowerCase(), i || "humany";
+    e.hasOwnProperty(r) && e[r].from.test(t) && (a = a.replace(e[r].from, e[r].to));
+  return a = a.replace(o, "-"), a = a.replace(i, ""), a = a.toLowerCase(), a || "humany";
 }, We = (t) => {
   let e;
   t.split(",")[0].indexOf("base64") !== -1 ? e = atob(t.split(",")[1]) : e = decodeURI(t.split(",")[1]);
-  const o = t.split(",")[0].split(":")[1].split(";")[0], a = [];
-  for (let i = 0; i < e.length; i++)
-    a[i] = e.charCodeAt(i);
-  return new Blob([new Uint8Array(a)], { type: o });
+  const o = t.split(",")[0].split(":")[1].split(";")[0], i = [];
+  for (let a = 0; a < e.length; a++)
+    i[a] = e.charCodeAt(a);
+  return new Blob([new Uint8Array(i)], { type: o });
 }, Qe = (t, e) => {
   if (!t || !e)
     return !0;
-  let o = e.parentNode, a = !1;
+  let o = e.parentNode, i = !1;
   for (; o !== null; )
-    o === t && (a = !0), o = o.parentNode;
-  return a;
-}, ue = (t, e = {}, o = {}, a = () => {
+    o === t && (i = !0), o = o.parentNode;
+  return i;
+}, ue = (t, e = {}, o = {}, i = () => {
 }) => {
-  t.properties && Object.keys(t.properties).forEach((i) => {
+  t.properties && Object.keys(t.properties).forEach((a) => {
     const r = {
-      schema: t.properties[i],
-      layout: e[i],
-      data: o[i]
-    }, n = { data: { options: (o["data:options"] || {})[i] } };
-    a(new Oe(i, r), n), typeof r.schema == "object" && ue(
+      schema: t.properties[a],
+      layout: e[a],
+      data: o[a]
+    }, n = { data: { options: (o["data:options"] || {})[a] } };
+    i(new Oe(a, r), n), typeof r.schema == "object" && ue(
       r.schema,
       r.layout,
       r.data,
-      a
+      i
     );
   });
 };
@@ -141,11 +146,11 @@ class Xe {
   findValue(e) {
   }
   traverse(e) {
-    const { schema: o, layout: a, data: i } = this.form;
-    ue(o, a, i, e);
+    const { schema: o, layout: i, data: a } = this.form;
+    ue(o, i, a, e);
   }
   export(e = !1) {
-    const o = new FormData(), a = {}, i = {};
+    const o = new FormData(), i = {}, a = {};
     return this.traverse((r, s) => {
       switch (r.component) {
         case "Name":
@@ -157,20 +162,20 @@ class Xe {
           const { data: n } = s, { options: l } = n;
           if (l) {
             const { fileName: f } = l;
-            a[r.name] = f;
+            i[r.name] = f;
           }
           if (e)
-            i[r.name] = { component: r, extra: s };
+            a[r.name] = { component: r, extra: s };
           else if (r.value) {
             const f = s.data.options.fileName || r.name, d = We(r.value);
             o.append(r.name, d, f);
           }
           break;
         default:
-          a[r.name] = r.value;
+          i[r.name] = r.value;
           break;
       }
-    }), o.append("components", JSON.stringify(a)), { formData: o, values: a, excluded: i };
+    }), o.append("components", JSON.stringify(i)), { formData: o, values: i, excluded: a };
   }
 }
 const et = () => {
@@ -178,27 +183,27 @@ const et = () => {
   return Z(() => {
     const o = () => {
       e(!1);
-    }, a = (i) => {
-      i.keyCode === 9 && e(!0);
+    }, i = (a) => {
+      a.keyCode === 9 && e(!0);
     };
-    return window.addEventListener("keydown", a), window.addEventListener("click", o), () => {
-      window.removeEventListener("keydown", a), window.removeEventListener("click", o);
+    return window.addEventListener("keydown", i), window.addEventListener("click", o), () => {
+      window.removeEventListener("keydown", i), window.removeEventListener("click", o);
     };
   }, []), t;
 };
 var pe = /* @__PURE__ */ ((t) => (t.HH_MM = "hh:mm", t.YYYY_MM_DD = "yyyy-mm-dd", t.YYYY_MM_DD_HH_MM = "yyyy-mm-dd hh:mm", t))(pe || {});
 const ye = ({ className: t = "", format: e = "hh:mm", timestamp: o }) => /* @__PURE__ */ c("span", { className: C(t, "humany-timestamp"), children: tt(o, e) }), te = (t) => `0${t}`.slice(-2);
 function tt(t, e) {
-  const o = new Date(t), a = o.toTimeString().split(" ")[0].split(":"), i = a.length > 1 ? `${a[0]}:${a[1]}` : a[0], r = o.getFullYear(), s = o.getMonth() + 1, n = o.getDate(), l = `${r}-${te(s)}-${te(n)}`;
-  return e === "yyyy-mm-dd" ? l : e === "hh:mm" ? i : `${l} ${i}`;
+  const o = new Date(t), i = o.toTimeString().split(" ")[0].split(":"), a = i.length > 1 ? `${i[0]}:${i[1]}` : i[0], r = o.getFullYear(), s = o.getMonth() + 1, n = o.getDate(), l = `${r}-${te(s)}-${te(n)}`;
+  return e === "yyyy-mm-dd" ? l : e === "hh:mm" ? a : `${l} ${a}`;
 }
-const ve = (t, e, o = !1) => t.getManyAsync("matchingClient", "router").then((a) => {
-  const { formData: i } = new Xe(e.body.form).export(o), { router: r, matchingClient: s } = a, { params: n } = r.getRouteData();
+const ve = (t, e, o = !1) => t.getManyAsync("matchingClient", "router").then((i) => {
+  const { formData: a } = new Xe(e.body.form).export(o), { router: r, matchingClient: s } = i, { params: n } = r.getRouteData();
   return s.customRequest(
     `contactmethods/${e.id}${o ? "/validatedwithpayload" : ""}`,
     "POST",
     {
-      body: i,
+      body: a,
       configuration: {
         guideId: e.body.guideId || n.guideId
       }
@@ -208,21 +213,21 @@ const ve = (t, e, o = !1) => t.getManyAsync("matchingClient", "router").then((a)
   valid: o.Validation.IsValid,
   errors: o.Validation.Errors,
   errorTypes: o.Validation.ErrorTypes
-})), at = (t, e) => ve(t, e, !0).then(
+})), it = (t, e) => ve(t, e, !0).then(
   (o) => Re.fromLegacyForm(e.id, o.ContactMethod.Form).get()
-), it = (t, e) => t.getAsync("matchingClient").then((o) => {
+), at = (t, e) => t.getAsync("matchingClient").then((o) => {
   o.completeContactMethod(e.id);
 }), rt = async (t, e) => {
   const o = t.get(e.clientName);
-  let { description: a, disabled: i, onClick: r } = e;
+  let { description: i, disabled: a, onClick: r } = e;
   if (o) {
     const { handleClick: s, handleDescription: n, handleDisabled: l } = o;
-    typeof s == "function" && (r = await Promise.resolve(s(e))), typeof n == "function" && (a = await Promise.resolve(n(e))), typeof l == "function" && (i = await Promise.resolve(l(e)));
+    typeof s == "function" && (r = await Promise.resolve(s(e))), typeof n == "function" && (i = await Promise.resolve(n(e))), typeof l == "function" && (a = await Promise.resolve(l(e)));
   }
   return Promise.resolve({
     ...e,
-    description: a,
-    disabled: i,
+    description: i,
+    disabled: a,
     onClick: r
   });
 };
@@ -248,8 +253,8 @@ class R {
           return n(s);
         }
       );
-      const i = o.components().ofType("guide").select();
-      i.actions.watch("guide.fetched", async (s, n) => {
+      const a = o.components().ofType("guide").select();
+      a.actions.watch("guide.fetched", async (s, n) => {
         const { contactMethods: l } = s;
         if (l) {
           const f = Promise.all(
@@ -262,7 +267,7 @@ class R {
           });
         }
         return n(s);
-      }), i.actions.watch("guide.handover", async (s, n) => {
+      }), a.actions.watch("guide.handover", async (s, n) => {
         const { handoverContactMethods: l } = s;
         if (l) {
           const f = Promise.all(
@@ -291,46 +296,46 @@ class R {
     return rt(this.adapters, e);
   }
   static getInstance(e, o = "contactMethods") {
-    return Le(e)(() => e.getAsync(o).then((a) => {
-      let i = a;
-      return i || Q.getInstance(e).then((r) => (i = new R(
+    return Le(e)(() => e.getAsync(o).then((i) => {
+      let a = i;
+      return a || Q.getInstance(e).then((r) => (a = new R(
         e,
         r
-      ), e.registerAsync(o, () => i), i));
+      ), e.registerAsync(o, () => a), a));
     }));
   }
   track(e = {}, o) {
-    const { events: a } = this.container.get("$widget");
-    a.dispatch("tracking:service-client-response", {
+    const { events: i } = this.container.get("$widget");
+    i.dispatch("tracking:service-client-response", {
       type: o,
       data: e
     });
   }
   complete(e) {
-    const { id: o, title: a, clientName: i, expanded: r, body: s } = e;
+    const { id: o, title: i, clientName: a, expanded: r, body: s } = e;
     this.track(
       {
-        contactMethod: { id: o, title: a, expanded: r, type: i },
+        contactMethod: { id: o, title: i, expanded: r, type: a },
         hasGuide: !!s.guideId
       },
       "contact-method-complete"
       /* ContactMethodComplete */
     );
-    const n = this.adapters.get(i);
+    const n = this.adapters.get(a);
     if (n && n.onComplete)
       return n.onComplete(e);
   }
   evaluate(e) {
-    const { clientName: o } = e, a = this.adapters.get(o);
-    return a && a.onEvaluate ? Promise.resolve(a.onEvaluate(e)) : Promise.resolve(e.body.form);
+    const { clientName: o } = e, i = this.adapters.get(o);
+    return i && i.onEvaluate ? Promise.resolve(i.onEvaluate(e)) : Promise.resolve(e.body.form);
   }
   validate(e) {
-    const { id: o, title: a, clientName: i } = e, r = this.adapters.get(i);
+    const { id: o, title: i, clientName: a } = e, r = this.adapters.get(a);
     return r && r.onValidate ? Promise.resolve(r.onValidate(e)).then(
       (s) => {
         this.track(
           {
-            contactMethod: { id: o, title: a, type: i },
+            contactMethod: { id: o, title: i, type: a },
             isValid: s.valid
           },
           "contact-method-validate"
@@ -342,21 +347,21 @@ class R {
     ) : Promise.resolve({ valid: !0 });
   }
   submit(e) {
-    const { clientName: o } = e, a = this.adapters.get(o);
-    return a && a.onSubmit ? Promise.resolve(a.onSubmit(e)).then((i) => (this.complete(e), i)) : Promise.resolve("");
+    const { clientName: o } = e, i = this.adapters.get(o);
+    return i && i.onSubmit ? Promise.resolve(i.onSubmit(e)).then((a) => (this.complete(e), a)) : Promise.resolve("");
   }
   create(e) {
-    const { clientName: o, render: a } = e;
+    const { clientName: o, render: i } = e;
     return this.adapters.set(o, {
-      onValidate: (i) => ot(this.container, i),
-      onEvaluate: (i) => at(this.container, i),
-      onComplete: (i) => it(this.container, i),
+      onValidate: (a) => ot(this.container, a),
+      onEvaluate: (a) => it(this.container, a),
+      onComplete: (a) => at(this.container, a),
       ...e
-    }), this.container.getAsync("componentResolver").then((i) => {
-      typeof a == "string" ? this.subs.push(i.registerAlias(o, a)) : this.subs.push(
-        i.registerComponent(
+    }), this.container.getAsync("componentResolver").then((a) => {
+      typeof i == "string" ? this.subs.push(a.registerAlias(o, i)) : this.subs.push(
+        a.registerComponent(
           o,
-          Je(() => a)
+          Je(() => i)
         )
       );
     });
@@ -365,12 +370,12 @@ class R {
     this.subs.forEach((e) => e());
   }
 }
-const Ft = R, st = ({
+const Yt = R, st = ({
   title: t = "",
   className: e,
   id: o,
-  parent: a,
-  connection: i,
+  parent: i,
+  connection: a,
   type: r,
   target: s,
   href: n,
@@ -381,8 +386,8 @@ const Ft = R, st = ({
   switch (r) {
     case "default":
     case "guide":
-      const { id: k, title: b } = a;
-      let w = f || i;
+      const { id: k, title: b } = i;
+      let w = f || a;
       k !== o && !f && (w = void 0), d.routeName = h, d.params = O({
         ...p,
         guide: o,
@@ -407,14 +412,14 @@ const Ft = R, st = ({
   );
 };
 L(
-  ({ className: t, dialog: e, ...o }, a) => e.length ? /* @__PURE__ */ c(
+  ({ className: t, dialog: e, ...o }, i) => e.length ? /* @__PURE__ */ c(
     nt,
     {
       className: C(t, "humany-dialog"),
       items: e,
-      renderItem: (i) => /* @__PURE__ */ c("li", { "data-dialog": i.connection, children: /* @__PURE__ */ c(st, { ...i }) }, i.connection),
+      renderItem: (a) => /* @__PURE__ */ c("li", { "data-dialog": a.connection, children: /* @__PURE__ */ c(st, { ...a }) }, a.connection),
       ...o,
-      ref: a
+      ref: i
     }
   ) : null
 );
@@ -442,8 +447,8 @@ const nt = m(J)`
 }} 0 0;
   }
 `;
-m(F)`
-    ${M}
+m(M)`
+    ${F}
     font-family: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.type;
@@ -544,8 +549,8 @@ m(J)`
         }
     }
 `;
-m(F)`
-    ${M}
+m(M)`
+    ${F}
     font-family: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.type;
@@ -645,8 +650,8 @@ const mt = m(U)`
   addFavoriteTooltip: t,
   removeFavoriteCancelLabel: e,
   removeFavoriteConfirmLabel: o,
-  removeFavoriteHeader: a,
-  removeFavoriteLabel: i,
+  removeFavoriteHeader: i,
+  removeFavoriteLabel: a,
   removeFavoriteTooltip: r,
   id: s,
   isFavorite: n,
@@ -686,8 +691,8 @@ const mt = m(U)`
       onConfirm: p,
       cancelLabel: e,
       confirmLabel: o,
-      header: a,
-      text: i
+      header: i,
+      text: a
     }
   ) : /* @__PURE__ */ y(
     oe,
@@ -730,17 +735,17 @@ const mt = m(U)`
   }
 
   ${(t) => {
-  var e, o, a, i, r, s, n;
+  var e, o, i, a, r, s, n;
   return ((e = t.theme.colors) == null ? void 0 : e.text) && g`
       svg {
         stroke: ${(o = t.theme.colors) == null ? void 0 : o.text};
 
         path {
-          stroke: ${(a = t.theme.colors) == null ? void 0 : a.text};
+          stroke: ${(i = t.theme.colors) == null ? void 0 : i.text};
         }
 
         ${t["data-favorite"] === "true" && `
-          fill: ${(i = t.theme.colors) == null ? void 0 : i.text};
+          fill: ${(a = t.theme.colors) == null ? void 0 : a.text};
 
           path {
             fill: ${(r = t.theme.colors) == null ? void 0 : r.text};
@@ -774,8 +779,8 @@ L(
     },
     direction: e = "horizontal",
     className: o,
-    header: a,
-    positive: i,
+    header: i,
+    positive: a,
     negative: r,
     selected: s,
     ...n
@@ -787,9 +792,9 @@ L(
       ...ce(n),
       ref: l,
       children: [
-        !!a && /* @__PURE__ */ c(dt, { children: a }),
+        !!i && /* @__PURE__ */ c(dt, { children: i }),
         /* @__PURE__ */ y(
-          ae,
+          ie,
           {
             className: "humany-feedback-button",
             disabled: !!s,
@@ -798,12 +803,12 @@ L(
             onClick: () => t("positive"),
             children: [
               /* @__PURE__ */ c(Y, { faIcon: "smile-o" }),
-              /* @__PURE__ */ c("span", { children: i })
+              /* @__PURE__ */ c("span", { children: a })
             ]
           }
         ),
         /* @__PURE__ */ y(
-          ae,
+          ie,
           {
             className: "humany-feedback-button",
             disabled: !!s,
@@ -831,7 +836,7 @@ const dt = m(j)`
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
     display: block;
-`, ae = m(U)`
+`, ie = m(U)`
     display: inline-block;
     font-size: ${(t) => {
   var e;
@@ -886,10 +891,10 @@ const dt = m(j)`
         `;
 }}
 `, ht = () => {
-  const t = Be(), [e, o] = ge([]), a = t.get("favorites");
+  const t = Be(), [e, o] = ge([]), i = t.get("favorites");
   Z(() => {
-    if (a) {
-      o(a.get());
+    if (i) {
+      o(i.get());
       const { events: l } = t.get("$widget");
       return l.subscribe(
         "widget:favorites-updated",
@@ -899,8 +904,8 @@ const dt = m(j)`
       );
     }
   }, []);
-  const i = (l) => a ? a.add(l) : Promise.resolve([]), r = (l) => a ? a.remove(l) : Promise.resolve([]), s = () => a ? a.clear() : Promise.resolve([]), n = A(
-    (l) => e.indexOf(l) > -1 ? r(l) : i(l),
+  const a = (l) => i ? i.add(l) : Promise.resolve([]), r = (l) => i ? i.remove(l) : Promise.resolve([]), s = () => i ? i.clear() : Promise.resolve([]), n = A(
+    (l) => e.indexOf(l) > -1 ? r(l) : a(l),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
   );
@@ -908,7 +913,7 @@ const dt = m(j)`
     e,
     Ue(
       () => ({
-        addFavorite: i,
+        addFavorite: a,
         removeFavorite: r,
         clearFavorites: s,
         toggleFavorite: n
@@ -921,8 +926,8 @@ const dt = m(j)`
   format: t = pe.YYYY_MM_DD_HH_MM,
   className: e = "",
   byLabel: o = "",
-  modifiedLabel: a = "",
-  publishedLabel: i = "",
+  modifiedLabel: i = "",
+  publishedLabel: a = "",
   modifiedBy: r = "",
   publishedBy: s = "",
   showModified: n = !1,
@@ -930,21 +935,21 @@ const dt = m(j)`
   modified: f,
   published: d
 }) => {
-  const h = l && d ? /* @__PURE__ */ c(ie, { format: t, timestamp: d }) : null, p = n && f ? /* @__PURE__ */ c(ie, { format: t, timestamp: f }) : null;
+  const h = l && d ? /* @__PURE__ */ c(ae, { format: t, timestamp: d }) : null, p = n && f ? /* @__PURE__ */ c(ae, { format: t, timestamp: f }) : null;
   return !h && !p ? null : /* @__PURE__ */ y(q, { className: C(e, "humany-metadata"), children: [
     h && /* @__PURE__ */ y(q, { className: "humany-published", children: [
-      i,
+      a,
       h,
       o && s && ` ${o.replace("{{editor}}", s)}`
     ] }),
     p && /* @__PURE__ */ y(q, { className: "humany-modified", children: [
       h && ", ",
-      a,
+      i,
       p,
       o && r && ` ${o.replace("{{editor}}", r)}`
     ] })
   ] });
-}, ie = m(ye)`
+}, ae = m(ye)`
     &:not(:first-child) {
         margin-left: 4px;
     }
@@ -958,10 +963,10 @@ const dt = m(j)`
   {
     className: "humany-guide-list-tags",
     items: t,
-    renderItem: ({ id: e, symbol: o, title: a }) => o && /* @__PURE__ */ c("li", { "data-tag": e, children: /* @__PURE__ */ c($t, { size: 18, symbol: o, title: a }) }, e)
+    renderItem: ({ id: e, symbol: o, title: i }) => o && /* @__PURE__ */ c("li", { "data-tag": e, children: /* @__PURE__ */ c($t, { size: 18, symbol: o, title: i }) }, e)
   }
 ) : null;
-L(({ title: t, id: e, route: o, symbolSize: a, collapseUri: i, children: r }, s) => {
+L(({ title: t, id: e, route: o, symbolSize: i, collapseUri: a, children: r }, s) => {
   const { params: n } = re();
   return /* @__PURE__ */ y(pt, { ref: s, "data-guide": e, children: [
     /* @__PURE__ */ c(
@@ -972,7 +977,7 @@ L(({ title: t, id: e, route: o, symbolSize: a, collapseUri: i, children: r }, s)
         routeName: o,
         params: O({
           ...n,
-          uriName: i || void 0,
+          uriName: a || void 0,
           id: void 0,
           guide: void 0,
           accordion: void 0
@@ -981,7 +986,7 @@ L(({ title: t, id: e, route: o, symbolSize: a, collapseUri: i, children: r }, s)
         children: /* @__PURE__ */ c(
           x,
           {
-            size: a,
+            size: i,
             symbol: { type: "Svg", content: "caret-up" }
           }
         )
@@ -1009,8 +1014,8 @@ L(
     expandable: t = !1,
     routing: e = {},
     paramMappers: o = {},
-    symbolSize: a = 11,
-    pageRole: i = "link",
+    symbolSize: i = 11,
+    pageRole: a = "link",
     pageCaret: r = "down",
     showTags: s = !1,
     showFavoriteToggle: n = !1,
@@ -1036,15 +1041,15 @@ L(
     const K = et(), N = Ze(), S = He(w), { guide: Se = "guide", page: Te = "index" } = e, {
       guide: Pe = ({ id: u }) => O({ guide: u }),
       page: W = () => O()
-    } = o, [Ae, Fe] = ht();
+    } = o, [Ae, Me] = ht();
     Ke(Ne, () => N.current);
     const B = (u) => {
-      const { id: $, title: v, tags: z, published: D, modified: T, publishedBy: I, modifiedBy: H } = u;
+      const { id: $, title: v, tags: z, published: I, modified: T, publishedBy: D, modifiedBy: H } = u;
       return /* @__PURE__ */ y(
         "li",
         {
           "data-guide": $,
-          "has-metadata": (!!(h != null && h.showPublished) && !!D || !!(h != null && h.showModified) && !!T).toString(),
+          "has-metadata": (!!(h != null && h.showPublished) && !!I || !!(h != null && h.showModified) && !!T).toString(),
           children: [
             /* @__PURE__ */ c(
               G,
@@ -1053,13 +1058,13 @@ L(
                 title: v,
                 "aria-label": v,
                 routeName: Se,
-                onClick: (Ie) => f(Ie, u),
+                onClick: (De) => f(De, u),
                 params: Pe(u),
                 text: v,
                 children: /* @__PURE__ */ c(
                   x,
                   {
-                    size: a,
+                    size: i,
                     symbol: {
                       type: "Svg",
                       content: t ? "caret-down" : "caret-right"
@@ -1079,7 +1084,7 @@ L(
                 removeFavoriteLabel: ke,
                 removeFavoriteTooltip: ze,
                 isFavorite: Ae.indexOf($) > -1,
-                actions: Fe,
+                actions: Me,
                 id: $
               }
             ),
@@ -1088,10 +1093,10 @@ L(
               bt,
               {
                 ...h,
-                indent: t ? void 0 : a,
+                indent: t ? void 0 : i,
                 modified: T,
-                published: D,
-                publishedBy: I,
+                published: I,
+                publishedBy: D,
                 modifiedBy: H
               }
             )
@@ -1099,7 +1104,7 @@ L(
         },
         $
       );
-    }, Me = A(
+    }, Fe = A(
       (u, $, v) => V ? V(u, $, v, B) : B(u),
       [V, B]
     ), Ee = A(
@@ -1122,13 +1127,13 @@ L(
             z && z.focus();
           }
         } else
-          $ && new MutationObserver((z, D) => {
+          $ && new MutationObserver((z, I) => {
             z.forEach((T) => {
               if (T.addedNodes) {
-                const I = Array.from(
+                const D = Array.from(
                   T.addedNodes
                 ).find((H) => H.tagName === "A");
-                I && Qe(N.current, document.activeElement) && (K && I.focus(), D.disconnect());
+                D && Qe(N.current, document.activeElement) && (K && D.focus(), I.disconnect());
               }
             });
           }).observe($, {
@@ -1141,7 +1146,7 @@ L(
           });
       }
     });
-    const De = !!Object.keys(h).filter(
+    const Ie = !!Object.keys(h).filter(
       (u) => typeof h[u] < "u"
     ).length;
     return /* @__PURE__ */ y(
@@ -1150,10 +1155,10 @@ L(
         className: C(k, "humany-guide-list"),
         "data-item-count": w.length,
         items: w,
-        renderItem: Me,
+        renderItem: Fe,
         isTabbing: K,
         expandable: t ? "true" : "false",
-        "grid-items": s || n || De ? "true" : "false",
+        "grid-items": s || n || Ie ? "true" : "false",
         ...ce(Ce),
         ref: N,
         children: [
@@ -1164,13 +1169,13 @@ L(
               title: p,
               "aria-label": p,
               routeName: Te,
-              role: i,
+              role: a,
               params: W(),
               onClick: Ee,
               children: /* @__PURE__ */ c(
                 x,
                 {
-                  size: a,
+                  size: i,
                   symbol: { type: "Svg", content: `caret-${r}` }
                 }
               )
@@ -1182,8 +1187,8 @@ L(
     );
   }
 );
-const yt = m(F)`
-  ${M}
+const yt = m(M)`
+  ${F}
   padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.large;
@@ -1378,11 +1383,11 @@ const yt = m(F)`
   var e;
   return typeof t.indent == "number" && `text-indent: calc(${(e = t.theme.sizes) == null ? void 0 : e.small} * 2 + ${t.indent}px);`;
 }}
-`, wt = de`
+`, wt = he`
   100% {
     transform: rotate(360deg);
   }
-`, xt = de`
+`, xt = he`
   0% {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
@@ -1488,9 +1493,9 @@ m(U)`
         }
     }
 `;
-m(F)`
+m(M)`
     ${lt}
-    ${M}
+    ${F}
   overflow: hidden;
     justify-content: flex-start;
     padding: ${(t) => {
@@ -1514,8 +1519,8 @@ m(F)`
         }
     }
 `;
-m(fe)`
-    ${he}
+m(de)`
+    ${fe}
     font-weight: 300;
 
     p {
@@ -1527,9 +1532,9 @@ m.li`
         display: none;
         &:not(:only-child) {
             ${(t) => {
-  var e, o, a;
+  var e, o, i;
   return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((o = t.theme.sizes) == null ? void 0 : o.normal) && g`
-                    margin: ${(a = t.theme.sizes) == null ? void 0 : a.normal} 0;
+                    margin: ${(i = t.theme.sizes) == null ? void 0 : i.normal} 0;
                 `;
 }}
         }
@@ -1569,7 +1574,7 @@ m(ye)`
 }};
     font-weight: 300;
 `;
-m(fe)`
+m(de)`
     ${(t) => {
   var e;
   return E(t)(
@@ -1582,7 +1587,7 @@ m(fe)`
 }}
 `;
 m(_e)`
-    ${he}
+    ${fe}
     font-weight: 300;
     line-height: 1.5em;
     button:focus-visible {
@@ -1594,7 +1599,7 @@ m(_e)`
     }
 `;
 const kt = (t) => {
-  var e, o, a, i, r, s, n, l;
+  var e, o, i, a, r, s, n, l;
   return g`
   display: flex;
   padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
@@ -1605,8 +1610,8 @@ const kt = (t) => {
     color: ${(o = t.theme.colors) == null ? void 0 : o.text};
   }
   i {
-    font-size: ${(a = t.theme.fonts) == null ? void 0 : a.large};
-    margin: 0 ${(i = t.theme.sizes) == null ? void 0 : i.large} 0 0;
+    font-size: ${(i = t.theme.fonts) == null ? void 0 : i.large};
+    margin: 0 ${(a = t.theme.sizes) == null ? void 0 : a.large} 0 0;
     min-height: ${(r = t.theme.fonts) == null ? void 0 : r.large};
     min-width: ${(s = t.theme.fonts) == null ? void 0 : s.large};
     line-height: ${(n = t.theme.fonts) == null ? void 0 : n.large};
@@ -1638,9 +1643,9 @@ m.div`
 }}
 `;
 const zt = (t) => {
-  var e, o, a;
+  var e, o, i;
   return g`
-    ${M(t)}
+    ${F(t)}
 
     > div {
         padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
@@ -1686,19 +1691,19 @@ const zt = (t) => {
 
     @media (hover: hover) {
         a:hover {
-            background-color: ${(a = t.theme.colors) == null ? void 0 : a.accent};
+            background-color: ${(i = t.theme.colors) == null ? void 0 : i.accent};
         }
     }
 `;
 };
-m(F)`
+m(M)`
     ${(t) => zt(t)}
 `;
 export {
-  Ft as ContactMethodPlatform,
+  Yt as ContactMethodPlatform,
   zt as contactItemList,
   kt as contactLink,
-  it as defaultComplete,
-  at as defaultEvaluate,
+  at as defaultComplete,
+  it as defaultEvaluate,
   ot as defaultValidate
 };