slippers-ui 3.2.4 → 3.2.6

package/dist/slippers-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as S, createElementBlock as l, openBlock as a, mergeProps as X, renderSlot as $, normalizeClass as m, createElementVNode as p, createBlock as D, resolveDynamicComponent as ee, normalizeStyle as te, withCtx as T, createCommentVNode as B, ref as I, onMounted as j, onUnmounted as oe, createVNode as C, unref as A, Fragment as M, renderList as V, withModifiers as x, toDisplayString as L, createTextVNode as G, resolveComponent as de, withDirectives as U, vShow as Y, normalizeProps as ce, guardReactiveProps as ue, watch as pe, onBeforeUnmount as ae, onBeforeMount as ve, vModelSelect as fe } from "vue";
+import { defineComponent as N, computed as S, openBlock as o, createElementBlock as l, mergeProps as X, renderSlot as $, normalizeClass as m, createElementVNode as p, createBlock as D, resolveDynamicComponent as ee, normalizeStyle as te, withCtx as T, createCommentVNode as B, ref as I, onMounted as j, onUnmounted as ae, createVNode as C, unref as A, Fragment as M, renderList as V, withModifiers as x, toDisplayString as L, createTextVNode as G, resolveComponent as de, withDirectives as U, vShow as Y, normalizeProps as ce, guardReactiveProps as ue, watch as pe, onBeforeUnmount as oe, onBeforeMount as fe, vModelSelect as ve } from "vue";
 const he = ["href"], ge = /* @__PURE__ */ N({
   __name: "SlpButton",
   props: {
@@ -13,12 +13,12 @@ const he = ["href"], ge = /* @__PURE__ */ N({
       let s = [`slp-btn-${i.value}`];
       return n.value && s.push("slp-btn-disabled"), s.join(" ");
     });
-    return (s, v) => e.href ? (a(), l("a", X({ key: 0 }, s.$attrs, {
+    return (s, f) => e.href ? (o(), l("a", X({ key: 0 }, s.$attrs, {
       class: ["slp-btn", t.value],
       href: e.href
     }), [
       $(s.$slots, "default", {}, void 0, !0)
-    ], 16, he)) : (a(), l("button", X({ key: 1 }, s.$attrs, {
+    ], 16, he)) : (o(), l("button", X({ key: 1 }, s.$attrs, {
       class: ["slp-btn", t.value],
       type: "button"
     }), [
@@ -38,7 +38,7 @@ const he = ["href"], ge = /* @__PURE__ */ N({
   },
   setup(c) {
     const e = c, n = S(() => e.cols ?? null), i = S(() => e.size ?? "md"), t = S(() => n.value ? `slp-col-${i.value}-${n.value}` : `slp-col-${i.value}`);
-    return (s, v) => (a(), l("div", {
+    return (s, f) => (o(), l("div", {
       class: m(t.value)
     }, [
       $(s.$slots, "default", {}, void 0, !0)
@@ -79,61 +79,61 @@ const he = ["href"], ge = /* @__PURE__ */ N({
   },
   setup(c) {
     const e = c, n = S(() => e.fluid ?? !1), i = S(() => e.variant ?? "white"), t = S(() => n.value ? "fluid" : "");
-    return (s, v) => i.value === "light-purple-100" ? (a(), l("div", _e, [
+    return (s, f) => i.value === "light-purple-100" ? (o(), l("div", _e, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "grey-100" ? (a(), l("div", be, [
+    ])) : i.value === "grey-100" ? (o(), l("div", be, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "gradient" ? (a(), l("div", ye, [
+    ])) : i.value === "gradient" ? (o(), l("div", ye, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "gradient-full" ? (a(), l("div", $e, [
+    ])) : i.value === "gradient-full" ? (o(), l("div", $e, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "charcoal-100" ? (a(), l("div", ke, [
+    ])) : i.value === "charcoal-100" ? (o(), l("div", ke, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "charcoal-75" ? (a(), l("div", we, [
+    ])) : i.value === "charcoal-75" ? (o(), l("div", we, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "grey-50" ? (a(), l("div", Se, [
+    ])) : i.value === "grey-50" ? (o(), l("div", Se, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "white-75" ? (a(), l("div", Ie, [
+    ])) : i.value === "white-75" ? (o(), l("div", Ie, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "grey-75" ? (a(), l("div", Le, [
+    ])) : i.value === "grey-75" ? (o(), l("div", Le, [
       p("div", {
         class: m(["slp-container", t.value])
       }, [
         $(s.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : (a(), l("div", {
+    ])) : (o(), l("div", {
       key: 9,
       class: m(["slp-container", t.value])
     }, [
@@ -167,25 +167,25 @@ const he = ["href"], ge = /* @__PURE__ */ N({
       var s;
       const t = {};
       if ((s = e.color) != null && s.startsWith("#") && (t.color = e.color, t.fill = e.color), typeof e.size == "number" || !isNaN(Number(e.size))) {
-        const v = typeof e.size == "number" ? e.size : Number(e.size);
-        t.width = `${v}px`, t.height = `${v}px`;
+        const f = typeof e.size == "number" ? e.size : Number(e.size);
+        t.width = `${f}px`, t.height = `${f}px`;
       }
       return t;
     });
     return (t, s) => {
-      var v, r;
-      return a(), D(ee(c.icon), {
+      var f, r;
+      return o(), D(ee(c.icon), {
         class: m(["slp-icon", n.value]),
         style: te(i.value),
         role: "img",
         "aria-hidden": "true",
-        "data-icon-name": ((r = (v = c.icon) == null ? void 0 : v.__docgenInfo) == null ? void 0 : r.displayName) || ""
+        "data-icon-name": ((r = (f = c.icon) == null ? void 0 : f.__docgenInfo) == null ? void 0 : r.displayName) || ""
       }, null, 8, ["class", "style", "data-icon-name"]);
     };
   }
 }), W = /* @__PURE__ */ k(Ne, [["__scopeId", "data-v-c3411281"]]), Te = {}, Ee = { class: "slp-row" };
 function ze(c, e) {
-  return a(), l("div", Ee, [
+  return o(), l("div", Ee, [
     $(c.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -221,13 +221,13 @@ const jt = /* @__PURE__ */ k(Te, [["render", ze], ["__scopeId", "data-v-adc8d02f
       "arrow",
       "quotes",
       "emphasis"
-    ], n = ["span", "h1", "h2", "h3", "h4", "h5", "p", "div"], i = c, t = S(() => e.includes(i.variant || "") ? i.variant : "body1"), s = S(() => n.includes(i.tag || "") ? i.tag : "span"), v = S(() => `slp-text-${t.value}`);
-    return (r, d) => (a(), D(ee(s.value), {
-      class: m(v.value)
+    ], n = ["span", "h1", "h2", "h3", "h4", "h5", "p", "div"], i = c, t = S(() => e.includes(i.variant || "") ? i.variant : "body1"), s = S(() => n.includes(i.tag || "") ? i.tag : "span"), f = S(() => `slp-text-${t.value}`);
+    return (r, d) => (o(), D(ee(s.value), {
+      class: m(f.value)
     }, {
       default: T(() => [
         $(r.$slots, "default", {}, void 0, !0),
-        t.value === "arrow" ? (a(), l("span", Be, "→")) : B("", !0)
+        t.value === "arrow" ? (o(), l("span", Be, "→")) : B("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -239,7 +239,7 @@ const jt = /* @__PURE__ */ k(Te, [["render", ze], ["__scopeId", "data-v-adc8d02f
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Ge(c, e) {
-  return a(), l("svg", Pe, e[0] || (e[0] = [
+  return o(), l("svg", Pe, e[0] || (e[0] = [
     p("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -253,7 +253,7 @@ const se = /* @__PURE__ */ k(Ve, [["render", Ge]]), Oe = {}, Re = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Ae(c, e) {
-  return a(), l("svg", Re, e[0] || (e[0] = [
+  return o(), l("svg", Re, e[0] || (e[0] = [
     p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -267,7 +267,7 @@ const De = /* @__PURE__ */ k(Oe, [["render", Ae]]), We = {}, qe = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function He(c, e) {
-  return a(), l("svg", qe, e[0] || (e[0] = [
+  return o(), l("svg", qe, e[0] || (e[0] = [
     p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -283,7 +283,7 @@ const le = /* @__PURE__ */ k(We, [["render", He]]), Ue = {}, je = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function Ke(c, e) {
-  return a(), l("svg", je, e[0] || (e[0] = [
+  return o(), l("svg", je, e[0] || (e[0] = [
     p("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -316,37 +316,37 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     }
   },
   setup(c) {
-    const e = c, n = I(null), i = (f) => {
-      n.value && !n.value.contains(f.target) && (r.value = !1);
+    const e = c, n = I(null), i = (v) => {
+      n.value && !n.value.contains(v.target) && (r.value = !1);
     }, t = I(null), s = I(null);
-    let v = null;
-    const r = I(!1), d = I(!0), u = (f) => {
-      window.location.hash = f, r.value = !1;
-    }, o = () => {
+    let f = null;
+    const r = I(!1), d = I(!0), u = (v) => {
+      window.location.hash = v, r.value = !1;
+    }, a = () => {
       if (!s.value) return;
-      const f = (window.innerHeight - 120 - 48) * -1;
-      v = new IntersectionObserver(
+      const v = (window.innerHeight - 120 - 48) * -1;
+      f = new IntersectionObserver(
         (w) => {
           w.forEach((_) => {
             _.isIntersecting ? t.value = _.target.id : d.value && (e.navigationItems.length > 0 && (t.value = e.navigationItems[0].id), d.value = !1);
           });
         },
         {
-          rootMargin: `-120px 0px ${f}px 0px`,
+          rootMargin: `-120px 0px ${v}px 0px`,
           threshold: 0
         }
       ), e.navigationItems.forEach((w) => {
         const _ = document.getElementById(w.id);
-        _ && v.observe(_);
+        _ && f.observe(_);
       });
     };
     return j(() => {
       document.addEventListener("click", i), window.addEventListener("load", () => {
-        o();
-      }), document.readyState === "complete" && o();
-    }), oe(() => {
-      v && v.disconnect(), document.removeEventListener("click", i);
-    }), (f, w) => (a(), l("div", {
+        a();
+      }), document.readyState === "complete" && a();
+    }), ae(() => {
+      f && f.disconnect(), document.removeEventListener("click", i);
+    }), (v, w) => (o(), l("div", {
       class: m([
         "side-navigation-layout",
         `side-navigation-layout--${e.position}`,
@@ -369,8 +369,8 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
             size: "sm"
           }, null, 8, ["icon"])
         ]),
-        r.value ? (a(), l("ul", Ze, [
-          (a(!0), l(M, null, V(e.navigationItems, (_) => (a(), l("li", {
+        r.value ? (o(), l("ul", Ze, [
+          (o(!0), l(M, null, V(e.navigationItems, (_) => (o(), l("li", {
             key: _.id,
             class: "dropdown-item"
           }, [
@@ -386,9 +386,9 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
         class: "side-navigation",
         "aria-label": c.navigationLabel
       }, [
-        $(f.$slots, "navigation-header", {}, void 0, !0),
+        $(v.$slots, "navigation-header", {}, void 0, !0),
         p("ul", null, [
-          (a(!0), l(M, null, V(e.navigationItems, (_) => (a(), l("li", {
+          (o(!0), l(M, null, V(e.navigationItems, (_) => (o(), l("li", {
             key: _.id,
             class: "side-navigation__item"
           }, [
@@ -407,7 +407,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
         ref: s,
         class: "side-navigation-content"
       }, [
-        $(f.$slots, "default", {}, void 0, !0)
+        $(v.$slots, "default", {}, void 0, !0)
       ], 512)
     ], 2));
   }
@@ -425,10 +425,10 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       n("update:modelValue", s.value);
     };
     return (t, s) => {
-      var v, r, d;
-      return a(), l("label", {
+      var f, r, d;
+      return o(), l("label", {
         for: t.option,
-        class: m(["slp-radio", { disabled: (v = t.config) == null ? void 0 : v.disabled }])
+        class: m(["slp-radio", { disabled: (f = t.config) == null ? void 0 : f.disabled }])
       }, [
         G(L(t.option) + " ", 1),
         p("input", {
@@ -444,7 +444,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       ], 10, Xe);
     };
   }
-}), tt = /* @__PURE__ */ k(et, [["__scopeId", "data-v-f37e970e"]]), ot = /* @__PURE__ */ N({
+}), tt = /* @__PURE__ */ k(et, [["__scopeId", "data-v-f37e970e"]]), at = /* @__PURE__ */ N({
   __name: "SlpRadioButtonGroup",
   props: {
     options: {},
@@ -462,16 +462,16 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     }, i = e, t = (s) => {
       i("update:modelValue", s);
     };
-    return (s, v) => {
+    return (s, f) => {
       var r, d;
-      return a(), D(ne, {
+      return o(), D(ne, {
         class: m(["slp-radio-group", {
           "slp-radio-group--vertical": ((r = s.config) == null ? void 0 : r.orientation) === n.VERTICAL,
           "slp-radio-group--horizontal": ((d = s.config) == null ? void 0 : d.orientation) === n.HORIZONTAL
         }])
       }, {
         default: T(() => [
-          (a(!0), l(M, null, V(s.options, (u) => (a(), D(tt, {
+          (o(!0), l(M, null, V(s.options, (u) => (o(), D(tt, {
             key: u.value,
             option: u.value,
             name: s.name,
@@ -486,7 +486,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       }, 8, ["class"]);
     };
   }
-}), Zt = /* @__PURE__ */ k(ot, [["__scopeId", "data-v-ae31ec89"]]), at = {
+}), Zt = /* @__PURE__ */ k(at, [["__scopeId", "data-v-ae31ec89"]]), ot = {
   key: 0,
   class: "slp-loading-round"
 }, nt = {
@@ -502,7 +502,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     const e = c;
     return (n, i) => {
       var t;
-      return ((t = e.config) == null ? void 0 : t.variant) === "round" ? (a(), l("div", at)) : (a(), l("div", nt));
+      return ((t = e.config) == null ? void 0 : t.variant) === "round" ? (o(), l("div", ot)) : (o(), l("div", nt));
     };
   }
 }), Ft = /* @__PURE__ */ k(st, [["__scopeId", "data-v-ee32411b"]]), lt = ["href", "data-ga-name", "data-ga-location"], it = /* @__PURE__ */ N({
@@ -521,30 +521,30 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
   },
   setup(c) {
     return (e, n) => {
-      var t, s, v, r, d, u;
+      var t, s, f, r, d, u;
       const i = de("Tree", !0);
-      return a(), l("div", {
+      return o(), l("div", {
         class: m([`depth-${(t = e.config) == null ? void 0 : t.depth}`, { mobile: (s = e.config) == null ? void 0 : s.mobile }])
       }, [
-        e.text ? (a(), l("a", {
+        e.text ? (o(), l("a", {
           key: 0,
-          class: m(["anchor", { selected: (v = e.config) == null ? void 0 : v.isSelected }]),
+          class: m(["anchor", { selected: (f = e.config) == null ? void 0 : f.isSelected }]),
           href: (r = e.config) == null ? void 0 : r.href,
           "data-ga-name": (d = e.config) == null ? void 0 : d.dataGaName,
           "data-ga-location": (u = e.config) == null ? void 0 : u.dataGaLocation
         }, L(e.text), 11, lt)) : B("", !0),
-        (a(!0), l(M, null, V(e.nodes, (o) => {
-          var f, w, _, E, O, h;
-          return a(), D(i, {
-            key: o.text,
-            nodes: o.nodes,
-            text: o.text,
+        (o(!0), l(M, null, V(e.nodes, (a) => {
+          var v, w, _, E, O, h;
+          return o(), D(i, {
+            key: a.text,
+            nodes: a.nodes,
+            text: a.text,
             config: {
-              href: ((f = o.config) == null ? void 0 : f.href) ?? "",
-              dataGaName: (w = o.config) == null ? void 0 : w.dataGaName,
-              dataGaLocation: (_ = o.config) == null ? void 0 : _.dataGaLocation,
+              href: ((v = a.config) == null ? void 0 : v.href) ?? "",
+              dataGaName: (w = a.config) == null ? void 0 : w.dataGaName,
+              dataGaLocation: (_ = a.config) == null ? void 0 : _.dataGaLocation,
               depth: (((E = e.config) == null ? void 0 : E.depth) ?? 0) + 1,
-              isSelected: (O = o.config) == null ? void 0 : O.isSelected,
+              isSelected: (O = a.config) == null ? void 0 : O.isSelected,
               mobile: (h = e.config) == null ? void 0 : h.mobile
             }
           }, null, 8, ["nodes", "text", "config"]);
@@ -564,8 +564,8 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       e.value = !e.value;
     };
     return (i, t) => {
-      var s, v, r;
-      return a(), l("div", {
+      var s, f, r;
+      return o(), l("div", {
         class: m(["dropdown", { hide: !e.value }])
       }, [
         C(Q, {
@@ -615,10 +615,10 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
             }),
             _: 1
           }, 512), [
-            [Y, (v = i.hyperlinks) == null ? void 0 : v.text]
+            [Y, (f = i.hyperlinks) == null ? void 0 : f.text]
           ]),
           p("ul", null, [
-            (a(!0), l(M, null, V((r = i.hyperlinks) == null ? void 0 : r.data, (d) => (a(), l("li", {
+            (o(!0), l(M, null, V((r = i.hyperlinks) == null ? void 0 : r.data, (d) => (o(), l("li", {
               key: d.text
             }, [
               C(Q, {
@@ -646,10 +646,10 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       ], 2);
     };
   }
-}), ut = /* @__PURE__ */ k(ct, [["__scopeId", "data-v-bd9281e3"]]), pt = { key: 0 }, vt = {
+}), ut = /* @__PURE__ */ k(ct, [["__scopeId", "data-v-bd9281e3"]]), pt = { key: 0 }, ft = {
   key: 1,
   id: "collapsible-sidebar-wrapper"
-}, ft = { id: "collapsible-sidebar-content" }, ht = { id: "collapsible-sidebar" }, gt = { class: "anchors" }, mt = /* @__PURE__ */ N({
+}, vt = { id: "collapsible-sidebar-content" }, ht = { id: "collapsible-sidebar" }, gt = { class: "anchors" }, mt = /* @__PURE__ */ N({
   __name: "SlpSideNavigationWithTree",
   props: {
     anchors: {},
@@ -669,14 +669,14 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
           mobile: !1
         }
       }))
-    ), v = I(!1), r = I(!0);
+    ), f = I(!1), r = I(!0);
     let d = null;
     const u = (h, g = []) => (h.forEach((b) => {
       b.config.href && g.push(b.config.href), b.nodes && u(b.nodes, g);
-    }), g), o = (h) => {
+    }), g), a = (h) => {
       const g = [], b = (z) => z.some((y, P) => (g.push(P), y.config.href === h || y.nodes && b(y.nodes) ? !0 : (g.pop(), !1)));
       return b(e.anchors.data), g;
-    }, f = (h) => {
+    }, v = (h) => {
       const g = t.value, b = i.value, z = (y, P, R) => {
         const H = g[R] === P, K = y.config.href === b, Z = {
           text: y.text,
@@ -713,15 +713,15 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       const g = w(h);
       if (g && g.isIntersecting) {
         const b = `#${g.target.id}`;
-        i.value = b, t.value = o(b), n.value = t.value.slice(), s.value = f(!1), r.value = !1;
+        i.value = b, t.value = a(b), n.value = t.value.slice(), s.value = v(!1), r.value = !1;
         return;
       }
-      r.value && !e.alwaysExpanded && (s.value = f(!0), r.value = !1);
+      r.value && !e.alwaysExpanded && (s.value = v(!0), r.value = !1);
     }, E = () => {
-      v.value = window.innerWidth < 768;
+      f.value = window.innerWidth < 768;
     }, O = () => {
       const h = u(e.anchors.data), g = h[0] || null;
-      i.value = g, t.value = g ? o(g) : [], s.value = f(!0), r.value = !1;
+      i.value = g, t.value = g ? a(g) : [], s.value = v(!0), r.value = !1;
       const b = (window.innerHeight - 120 - 48) * -1;
       d = new IntersectionObserver(_, {
         rootMargin: `-120px 0px ${b}px 0px`,
@@ -735,20 +735,20 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     };
     return j(() => {
       E(), window.addEventListener("resize", E), O();
-    }), oe(() => {
+    }), ae(() => {
       window.removeEventListener("resize", E), d && d.disconnect();
-    }), (h, g) => (a(), l("div", null, [
-      v.value ? (a(), l("div", pt, [
+    }), (h, g) => (o(), l("div", null, [
+      f.value ? (o(), l("div", pt, [
         C(ut, ce(ue({ anchors: h.anchors, hyperlinks: h.hyperlinks })), null, 16),
         $(h.$slots, "default", {}, void 0, !0)
-      ])) : (a(), l("div", vt, [
-        p("div", ft, [
+      ])) : (o(), l("div", ft, [
+        p("div", vt, [
           $(h.$slots, "default", {}, void 0, !0)
         ]),
         p("nav", ht, [
           $(h.$slots, "header", {}, void 0, !0),
           p("div", gt, [
-            h.anchors.text ? (a(), D(q, {
+            h.anchors.text ? (o(), D(q, {
               key: 0,
               tag: "div",
               variant: "body3-bold",
@@ -777,108 +777,108 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     dataProperties: { default: null }
   },
   setup(c) {
-    const e = c, n = I(!1), i = I(""), t = I(""), s = I(""), v = (o) => {
-      e.mode === "hover" && (n.value = o.type === "mouseenter");
+    const e = c, n = I(!1), i = I(""), t = I(""), s = I(""), f = (a) => {
+      e.mode === "hover" && (n.value = a.type === "mouseenter");
     }, r = () => {
       e.mode === "click" ? (u(), n.value = !n.value) : n.value = !1;
-    }, d = (o) => {
-      o.target.id !== e.id && (n.value = !1);
+    }, d = (a) => {
+      a.target.id !== e.id && (n.value = !1);
     }, u = () => {
-      document.querySelectorAll('[data-tooltip-open="true"]').forEach((f) => {
-        f.setAttribute("data-tooltip-open", "false");
+      document.querySelectorAll('[data-tooltip-open="true"]').forEach((v) => {
+        v.setAttribute("data-tooltip-open", "false");
       });
     };
     return j(() => {
       if (e.mode === "click" && document.addEventListener("click", d), e.text) {
-        const o = e.text.match(/\[(.*?)\]/), f = e.text.match(/\[.*?\]\((.*?)\)/);
-        i.value = o ? o[1] : "", t.value = f ? f[1] : "", s.value = e.text.replace(`(${t.value})`, "").replace(`[${i.value}]`, "").trim();
+        const a = e.text.match(/\[(.*?)\]/), v = e.text.match(/\[.*?\]\((.*?)\)/);
+        i.value = a ? a[1] : "", t.value = v ? v[1] : "", s.value = e.text.replace(`(${t.value})`, "").replace(`[${i.value}]`, "").trim();
       }
-    }), pe(n, (o) => {
+    }), pe(n, (a) => {
       if (e.mode === "click" && e.id) {
-        const f = document.getElementById(e.id);
-        f && f.setAttribute("data-tooltip-open", o.toString());
+        const v = document.getElementById(e.id);
+        v && v.setAttribute("data-tooltip-open", a.toString());
       }
-    }), ae(() => {
+    }), oe(() => {
       document.removeEventListener("click", d);
-    }), (o, f) => {
+    }), (a, v) => {
       var w, _, E, O, h, g;
-      return o.mode === "hover" ? (a(), l("div", {
+      return a.mode === "hover" ? (o(), l("div", {
         key: 0,
-        id: o.id,
+        id: a.id,
         "data-tooltip-open": n.value,
         "aria-label": "Click to open tooltip with more information.",
-        "aria-describedby": `${o.id}-content`,
+        "aria-describedby": `${a.id}-content`,
         class: "slp-tooltip",
-        onMouseenter: v,
-        onMouseleave: v,
+        onMouseenter: f,
+        onMouseleave: f,
         onClick: r
       }, [
         p("div", bt, [
-          $(o.$slots, "default", {}, void 0, !0),
-          n.value ? (a(), l("div", {
+          $(a.$slots, "default", {}, void 0, !0),
+          n.value ? (o(), l("div", {
             key: 0,
-            class: m(["slp-tooltip__content", `${o.position} ${o.mode === "hover" ? "hover-mode" : ""}`])
+            class: m(["slp-tooltip__content", `${a.position} ${a.mode === "hover" ? "hover-mode" : ""}`])
           }, [
             G(L(s.value) + " ", 1),
-            o.text ? (a(), l("a", {
+            a.text ? (o(), l("a", {
               key: 0,
-              id: `${o.id}-content`,
-              "data-ga-features": o.dataProperties && o.dataProperties.features.toLowerCase() || null,
-              "data-ga-features-sub": (w = o.dataProperties) == null ? void 0 : w.sub,
-              "data-ga-features-sub-card": (_ = o.dataProperties) == null ? void 0 : _.card,
-              "data-ga-name": (E = o.dataProperties) == null ? void 0 : E.plan,
-              "data-ga-location": o.dataProperties ? "features content" : null,
+              id: `${a.id}-content`,
+              "data-ga-features": a.dataProperties && a.dataProperties.features.toLowerCase() || null,
+              "data-ga-features-sub": (w = a.dataProperties) == null ? void 0 : w.sub,
+              "data-ga-features-sub-card": (_ = a.dataProperties) == null ? void 0 : _.card,
+              "data-ga-name": (E = a.dataProperties) == null ? void 0 : E.plan,
+              "data-ga-location": a.dataProperties ? "features content" : null,
               role: "tooltip",
               href: t.value
-            }, L(i.value), 9, yt)) : o.list ? (a(), l("ul", {
+            }, L(i.value), 9, yt)) : a.list ? (o(), l("ul", {
               key: 1,
-              id: `${o.id}-content`,
+              id: `${a.id}-content`,
               role: "tooltip",
               class: "slp-tooltip__list"
             }, [
-              (a(!0), l(M, null, V(o.list, (b) => (a(), l("li", {
+              (o(!0), l(M, null, V(a.list, (b) => (o(), l("li", {
                 key: b.text
               }, L(b.text), 1))), 128))
             ], 8, $t)) : B("", !0)
           ], 2)) : B("", !0)
         ])
-      ], 40, _t)) : (a(), l("button", {
+      ], 40, _t)) : (o(), l("button", {
         key: 1,
-        id: o.id,
+        id: a.id,
         "data-tooltip-open": n.value,
         "aria-label": "Click to open tooltip with more information.",
-        "aria-describedby": `${o.id}-content`,
-        class: m(`slp-tooltip ${o.mode === "click" ? "button-mode" : ""}`),
+        "aria-describedby": `${a.id}-content`,
+        class: m(`slp-tooltip ${a.mode === "click" ? "button-mode" : ""}`),
         onClick: r
       }, [
         p("div", wt, [
-          $(o.$slots, "default", {}, void 0, !0),
-          n.value ? (a(), l("div", {
+          $(a.$slots, "default", {}, void 0, !0),
+          n.value ? (o(), l("div", {
             key: 0,
-            class: m(["slp-tooltip__content", `${o.position}`])
+            class: m(["slp-tooltip__content", `${a.position}`])
           }, [
-            o.text ? (a(), l("span", {
+            a.text ? (o(), l("span", {
               key: 0,
-              id: `${o.id}-content`,
+              id: `${a.id}-content`,
               role: "tooltip"
             }, [
               G(L(s.value) + " ", 1),
-              i.value && t.value ? (a(), l("a", {
+              i.value && t.value ? (o(), l("a", {
                 key: 0,
-                "data-ga-features": o.dataProperties && o.dataProperties.features.toLowerCase() || null,
-                "data-ga-features-sub": (O = o.dataProperties) == null ? void 0 : O.sub,
-                "data-ga-features-sub-card": (h = o.dataProperties) == null ? void 0 : h.card,
-                "data-ga-name": (g = o.dataProperties) == null ? void 0 : g.plan,
-                "data-ga-location": o.dataProperties ? "features content" : null,
+                "data-ga-features": a.dataProperties && a.dataProperties.features.toLowerCase() || null,
+                "data-ga-features-sub": (O = a.dataProperties) == null ? void 0 : O.sub,
+                "data-ga-features-sub-card": (h = a.dataProperties) == null ? void 0 : h.card,
+                "data-ga-name": (g = a.dataProperties) == null ? void 0 : g.plan,
+                "data-ga-location": a.dataProperties ? "features content" : null,
                 href: t.value
               }, L(i.value), 9, It)) : B("", !0)
-            ], 8, St)) : (a(), l("ul", {
+            ], 8, St)) : (o(), l("ul", {
               key: 1,
-              id: `${o.id}-content`,
+              id: `${a.id}-content`,
               role: "tooltip",
               class: "slp-tooltip__list"
             }, [
-              (a(!0), l(M, null, V(o.list, (b) => (a(), l("li", {
+              (o(!0), l(M, null, V(a.list, (b) => (o(), l("li", {
                 key: b.text
               }, L(b.text), 1))), 128))
             ], 8, Lt))
@@ -914,21 +914,21 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       return d.join(" ");
     }, s = () => {
       i.value = window.innerWidth < 768;
-    }, v = (r) => {
+    }, f = (r) => {
       n.value[r] && (n.value[r] = {
         ...n.value[r],
         hover: !n.value[r].hover
       });
     };
-    return ve(() => {
+    return fe(() => {
       if (e.router) {
         const r = e.router.currentRoute.path, d = r.startsWith("/") ? r.substring(1).split("/") : r.split("/"), u = [];
-        let o = "";
-        d.forEach((f) => {
-          o = `${o}/${f}`;
-          const w = e.router.match(o);
-          w.params.slug !== null && f.length && u.push({
-            title: t(f.replace(/-/g, " ")),
+        let a = "";
+        d.forEach((v) => {
+          a = `${a}/${v}`;
+          const w = e.router.match(a);
+          w.params.slug !== null && v.length && u.push({
+            title: t(v.replace(/-/g, " ")),
             hover: !1,
             ...w
           });
@@ -936,18 +936,18 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       }
     }), j(() => {
       s(), window.addEventListener("resize", s);
-    }), ae(() => {
+    }), oe(() => {
       window.removeEventListener("resize", s);
-    }), (r, d) => n.value && !i.value ? (a(), l("ol", Tt, [
-      (a(!0), l(M, null, V(n.value, (u, o) => (a(), l("li", {
+    }), (r, d) => n.value && !i.value ? (o(), l("ol", Tt, [
+      (o(!0), l(M, null, V(n.value, (u, a) => (o(), l("li", {
         key: u.title,
         class: m(["breadcrumb__crumb", {
-          "breadcrumb__crumb--disabled": o === n.value.length - 1
+          "breadcrumb__crumb--disabled": a === n.value.length - 1
         }]),
         property: "itemListElement",
         typeof: "ListItem",
-        onMouseenter: (f) => v(o),
-        onMouseleave: (f) => v(o)
+        onMouseenter: (v) => f(a),
+        onMouseleave: (v) => f(a)
       }, [
         C(Nt, {
           text: u.title,
@@ -960,7 +960,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
               typeof: "WebPage",
               "data-ga-name": u.dataGaName || u.title.toLowerCase(),
               "data-ga-location": u.dataGaLocation || "breadcrumb",
-              href: o !== n.value.length - 1 ? u.path : void 0
+              href: a !== n.value.length - 1 ? u.path : void 0
             }, [
               C(q, {
                 tag: "span",
@@ -976,7 +976,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
           ]),
           _: 2
         }, 1032, ["text"]),
-        o !== n.value.length - 1 ? (a(), l("span", Bt, [
+        a !== n.value.length - 1 ? (o(), l("span", Bt, [
           C(W, {
             color: "accent-500",
             size: "xs",
@@ -985,11 +985,11 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
         ])) : B("", !0),
         p("meta", {
           property: "position",
-          content: o + 1
+          content: a + 1
         }, null, 8, Mt)
       ], 42, Et))), 128))
-    ])) : n.value && i.value ? (a(), l("ol", Vt, [
-      (a(!0), l(M, null, V(n.value, (u) => (a(), l("li", {
+    ])) : n.value && i.value ? (o(), l("ol", Vt, [
+      (o(!0), l(M, null, V(n.value, (u) => (o(), l("li", {
         key: u.title,
         class: "breadcrumb__crumb breadcrumb__crumb--mobile",
         property: "itemListElement",
@@ -1045,17 +1045,17 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     const n = c, i = e, t = (r, d) => {
       if (typeof r == "object" && r !== null) {
         if (!d) {
-          const f = Object.keys(r)[0];
-          return r[f];
+          const v = Object.keys(r)[0];
+          return r[v];
         }
         const u = d.split(".");
-        let o = r;
-        for (const f of u)
-          o = o == null ? void 0 : o[f];
-        return o;
+        let a = r;
+        for (const v of u)
+          a = a == null ? void 0 : a[v];
+        return a;
       }
       return r;
-    }, s = S(() => n.options.length > 0 ? t(n.options[0], n.valueKey) : ""), v = S({
+    }, s = S(() => n.options.length > 0 ? t(n.options[0], n.valueKey) : ""), f = S({
       // Getter: Called when the template reads selectedValue
       // Returns the current modelValue from parent (or empty string if undefined)
       get: () => n.modelValue ?? s.value,
@@ -1065,18 +1065,18 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
     });
     return (r, d) => {
       var u;
-      return (u = r.options) != null && u.length ? U((a(), l("select", {
+      return (u = r.options) != null && u.length ? U((o(), l("select", {
         key: 0,
-        "onUpdate:modelValue": d[0] || (d[0] = (o) => v.value = o),
+        "onUpdate:modelValue": d[0] || (d[0] = (a) => f.value = a),
         class: "dropdown"
       }, [
-        (a(!0), l(M, null, V(r.options, (o, f) => (a(), l("option", {
-          key: `${t(o, r.valueKey)}-${f}`,
-          value: t(o, r.valueKey)
-        }, L(t(o, r.labelKey)), 9, Rt))), 128))
+        (o(!0), l(M, null, V(r.options, (a, v) => (o(), l("option", {
+          key: `${t(a, r.valueKey)}-${v}`,
+          value: t(a, r.valueKey)
+        }, L(t(a, r.labelKey)), 9, Rt))), 128))
       ], 512)), [
-        [fe, v.value]
-      ]) : (a(), l("div", At, d[1] || (d[1] = [
+        [ve, f.value]
+      ]) : (o(), l("div", At, d[1] || (d[1] = [
         p("p", null, "No options available", -1)
       ])));
     };
@@ -1105,7 +1105,7 @@ const ie = /* @__PURE__ */ k(Ue, [["render", Ke]]), Ze = {
       var t, s;
       return (t = e.backgroundColor) != null && t.startsWith("$") ? `slp-background-${(s = e.backgroundColor) == null ? void 0 : s.slice(1)}` : null;
     });
-    return (t, s) => (a(), l("section", {
+    return (t, s) => (o(), l("section", {
       style: te(n.value),
       class: m(i.value),
       id: c.id || void 0