slippers-ui 3.1.48 → 3.1.49

package/dist/slippers-ui.es.js

@@ -1,142 +1,142 @@
-import { defineComponent as L, computed as k, createElementBlock as l, openBlock as s, mergeProps as X, renderSlot as y, normalizeClass as m, createElementVNode as v, createBlock as D, resolveDynamicComponent as ee, normalizeStyle as te, withCtx as T, createCommentVNode as V, ref as S, onMounted as K, onUnmounted as ae, createVNode as C, unref as A, Fragment as P, renderList as M, withModifiers as x, toDisplayString as I, createTextVNode as G, resolveComponent as de, withDirectives as U, vShow as Y, normalizeProps as ce, guardReactiveProps as ue, onBeforeUnmount as oe, onBeforeMount as pe, vModelSelect as ve } from "vue";
-import { _ as N, C as se, a as ne, b as le, c as fe } from "./chunks/ChevronLgUp-HZ_-4Y4K.js";
-const he = ["href"], ge = /* @__PURE__ */ L({
+import { defineComponent as L, computed as w, createElementBlock as l, openBlock as s, mergeProps as X, renderSlot as $, normalizeClass as m, createElementVNode as f, createBlock as D, resolveDynamicComponent as ee, normalizeStyle as te, withCtx as T, createCommentVNode as V, ref as S, onMounted as K, onUnmounted as ae, createVNode as C, unref as A, Fragment as P, renderList as B, withModifiers as x, toDisplayString as I, 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 ve, vModelSelect as fe } from "vue";
+import { _ as N, C as se, a as ne, b as le, c as he } from "./chunks/ChevronLgUp-HZ_-4Y4K.js";
+const ge = ["href"], me = /* @__PURE__ */ L({
   __name: "SlpButton",
   props: {
     disabled: { type: Boolean },
     variant: {},
     href: {}
   },
-  setup(p) {
-    const e = p, n = k(() => e.disabled ?? !1), i = k(() => e.variant ?? "primary");
-    k(() => e.href ?? "");
-    const a = k(() => {
+  setup(v) {
+    const e = v, n = w(() => e.disabled ?? !1), i = w(() => e.variant ?? "primary");
+    w(() => e.href ?? "");
+    const t = w(() => {
       let o = [`slp-btn-${i.value}`];
       return n.value && o.push("slp-btn-disabled"), o.join(" ");
     });
     return (o, u) => e.href ? (s(), l("a", X({ key: 0 }, o.$attrs, {
-      class: ["slp-btn", a.value],
+      class: ["slp-btn", t.value],
       href: e.href
     }), [
-      y(o.$slots, "default", {}, void 0, !0)
-    ], 16, he)) : (s(), l("button", X({ key: 1 }, o.$attrs, {
-      class: ["slp-btn", a.value],
+      $(o.$slots, "default", {}, void 0, !0)
+    ], 16, ge)) : (s(), l("button", X({ key: 1 }, o.$attrs, {
+      class: ["slp-btn", t.value],
       type: "button"
     }), [
-      y(o.$slots, "default", {}, void 0, !0)
+      $(o.$slots, "default", {}, void 0, !0)
     ], 16));
   }
-}), Q = /* @__PURE__ */ N(ge, [["__scopeId", "data-v-c6fd7cb9"]]), me = /* @__PURE__ */ L({
+}), Q = /* @__PURE__ */ N(me, [["__scopeId", "data-v-c6fd7cb9"]]), _e = /* @__PURE__ */ L({
   __name: "SlpColumn",
   props: {
     cols: {},
     size: {}
   },
-  setup(p) {
-    const e = p, n = k(() => e.cols ?? null), i = k(() => e.size ?? "md"), a = k(() => n.value ? `slp-col-${i.value}-${n.value}` : `slp-col-${i.value}`);
+  setup(v) {
+    const e = v, n = w(() => e.cols ?? null), i = w(() => e.size ?? "md"), t = w(() => n.value ? `slp-col-${i.value}-${n.value}` : `slp-col-${i.value}`);
     return (o, u) => (s(), l("div", {
-      class: m(a.value)
+      class: m(t.value)
     }, [
-      y(o.$slots, "default", {}, void 0, !0)
+      $(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), Vt = /* @__PURE__ */ N(me, [["__scopeId", "data-v-00b68f22"]]), _e = {
+}), Pt = /* @__PURE__ */ N(_e, [["__scopeId", "data-v-00b68f22"]]), be = {
   key: 0,
   class: "slp-full-light-purple-background"
-}, be = {
+}, ye = {
   key: 1,
   class: "slp-charcoal-grey-background"
-}, ye = {
+}, $e = {
   key: 2,
   class: "slp-gradient-background"
-}, $e = {
+}, ke = {
   key: 3,
   class: "slp-full-gradient-background"
-}, ke = {
+}, we = {
   key: 4,
   class: "slp-full-charcoal-background"
-}, we = {
+}, Se = {
   key: 5,
   class: "slp-partial-charcoal-background"
-}, Se = {
+}, Ie = {
   key: 6,
   class: "slp-half-grey-background"
-}, Ie = {
+}, Ce = {
   key: 7,
   class: "slp-partial-white-background"
-}, Ce = {
+}, Ne = {
   key: 8,
   class: "slp-partial-grey-background"
-}, Ne = /* @__PURE__ */ L({
+}, Le = /* @__PURE__ */ L({
   __name: "SlpContainer",
   props: {
     fluid: { type: Boolean },
     variant: {}
   },
-  setup(p) {
-    const e = p, n = k(() => e.fluid ?? !1), i = k(() => e.variant ?? "white"), a = k(() => n.value ? "fluid" : "");
-    return (o, u) => i.value === "light-purple-100" ? (s(), l("div", _e, [
-      v("div", {
-        class: m(["slp-container", a.value])
+  setup(v) {
+    const e = v, n = w(() => e.fluid ?? !1), i = w(() => e.variant ?? "white"), t = w(() => n.value ? "fluid" : "");
+    return (o, u) => i.value === "light-purple-100" ? (s(), l("div", be, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "grey-100" ? (s(), l("div", be, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "grey-100" ? (s(), l("div", ye, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "gradient" ? (s(), l("div", ye, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "gradient" ? (s(), l("div", $e, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "gradient-full" ? (s(), l("div", $e, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "gradient-full" ? (s(), l("div", ke, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "charcoal-100" ? (s(), l("div", ke, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "charcoal-100" ? (s(), l("div", we, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "charcoal-75" ? (s(), l("div", we, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "charcoal-75" ? (s(), l("div", Se, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "grey-50" ? (s(), l("div", Se, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "grey-50" ? (s(), l("div", Ie, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "white-75" ? (s(), l("div", Ie, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "white-75" ? (s(), l("div", Ce, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
-    ])) : i.value === "grey-75" ? (s(), l("div", Ce, [
-      v("div", {
-        class: m(["slp-container", a.value])
+    ])) : i.value === "grey-75" ? (s(), l("div", Ne, [
+      f("div", {
+        class: m(["slp-container", t.value])
       }, [
-        y(o.$slots, "default", {}, void 0, !0)
+        $(o.$slots, "default", {}, void 0, !0)
       ], 2)
     ])) : (s(), l("div", {
       key: 9,
-      class: m(["slp-container", a.value])
+      class: m(["slp-container", t.value])
     }, [
-      y(o.$slots, "default", {}, void 0, !0)
+      $(o.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), ie = /* @__PURE__ */ N(Ne, [["__scopeId", "data-v-e594efe8"]]), Le = /* @__PURE__ */ L({
+}), ie = /* @__PURE__ */ N(Le, [["__scopeId", "data-v-e594efe8"]]), Te = /* @__PURE__ */ L({
   __name: "SlpIcon",
   props: {
     size: {
@@ -155,46 +155,46 @@ const he = ["href"], ge = /* @__PURE__ */ L({
       required: !0
     }
   },
-  setup(p) {
-    const e = p, n = k(() => {
-      const a = ["slp-icon"];
-      return typeof e.size == "string" && isNaN(Number(e.size)) && a.push(`slp-icon--size-${e.size}`), e.color && !e.color.startsWith("#") && a.push(`slp-icon--color-${e.color}`), a;
-    }), i = k(() => {
+  setup(v) {
+    const e = v, n = w(() => {
+      const t = ["slp-icon"];
+      return typeof e.size == "string" && isNaN(Number(e.size)) && t.push(`slp-icon--size-${e.size}`), e.color && !e.color.startsWith("#") && t.push(`slp-icon--color-${e.color}`), t;
+    }), i = w(() => {
       var o;
-      const a = {};
-      if ((o = e.color) != null && o.startsWith("#") && (a.color = e.color, a.fill = e.color), typeof e.size == "number" || !isNaN(Number(e.size))) {
+      const t = {};
+      if ((o = e.color) != null && o.startsWith("#") && (t.color = e.color, t.fill = e.color), typeof e.size == "number" || !isNaN(Number(e.size))) {
         const u = typeof e.size == "number" ? e.size : Number(e.size);
-        a.width = `${u}px`, a.height = `${u}px`;
+        t.width = `${u}px`, t.height = `${u}px`;
       }
-      return a;
+      return t;
     });
-    return (a, o) => {
+    return (t, o) => {
       var u, r;
-      return s(), D(ee(p.icon), {
+      return s(), D(ee(v.icon), {
         class: m(["slp-icon", n.value]),
         style: te(i.value),
         role: "img",
         "aria-hidden": "true",
-        "data-icon-name": ((r = (u = p.icon) == null ? void 0 : u.__docgenInfo) == null ? void 0 : r.displayName) || ""
+        "data-icon-name": ((r = (u = v.icon) == null ? void 0 : u.__docgenInfo) == null ? void 0 : r.displayName) || ""
       }, null, 8, ["class", "style", "data-icon-name"]);
     };
   }
-}), W = /* @__PURE__ */ N(Le, [["__scopeId", "data-v-c3411281"]]), Te = {}, ze = { class: "slp-row" };
-function Ee(p, e) {
+}), W = /* @__PURE__ */ N(Te, [["__scopeId", "data-v-c3411281"]]), Ee = {}, ze = { class: "slp-row" };
+function Ve(v, e) {
   return s(), l("div", ze, [
-    y(p.$slots, "default", {}, void 0, !0)
+    $(v.$slots, "default", {}, void 0, !0)
   ]);
 }
-const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f"]]), Ve = {
+const Bt = /* @__PURE__ */ N(Ee, [["render", Ve], ["__scopeId", "data-v-adc8d02f"]]), Pe = {
   key: 0,
   class: "arrow-symbol"
-}, Pe = /* @__PURE__ */ L({
+}, Be = /* @__PURE__ */ L({
   __name: "SlpTypography",
   props: {
     variant: {},
     tag: {}
   },
-  setup(p) {
+  setup(v) {
     const e = [
       "display1",
       "heading1",
@@ -217,21 +217,21 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
       "arrow",
       "quotes",
       "emphasis"
-    ], n = ["span", "h1", "h2", "h3", "h4", "h5", "p", "div"], i = p, a = k(() => e.includes(i.variant || "") ? i.variant : "body1"), o = k(() => n.includes(i.tag || "") ? i.tag : "span"), u = k(() => `slp-text-${a.value}`);
+    ], n = ["span", "h1", "h2", "h3", "h4", "h5", "p", "div"], i = v, t = w(() => e.includes(i.variant || "") ? i.variant : "body1"), o = w(() => n.includes(i.tag || "") ? i.tag : "span"), u = w(() => `slp-text-${t.value}`);
     return (r, d) => (s(), D(ee(o.value), {
       class: m(u.value)
     }, {
       default: T(() => [
-        y(r.$slots, "default", {}, void 0, !0),
-        a.value === "arrow" ? (s(), l("span", Ve, "→")) : V("", !0)
+        $(r.$slots, "default", {}, void 0, !0),
+        t.value === "arrow" ? (s(), l("span", Pe, "→")) : V("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), H = /* @__PURE__ */ N(Pe, [["__scopeId", "data-v-64ad2128"]]), Me = {
+}), q = /* @__PURE__ */ N(Be, [["__scopeId", "data-v-64ad2128"]]), Me = {
   key: 0,
   class: "dropdown-menu"
-}, Be = ["onClick"], Ge = { class: "side-navigation" }, Oe = ["data-ga-name", "onClick"], Re = /* @__PURE__ */ L({
+}, Ge = ["onClick"], Oe = { class: "side-navigation" }, Re = ["data-ga-name", "onClick"], Ae = /* @__PURE__ */ L({
   __name: "SlpSideNavigation",
   props: {
     position: {
@@ -247,54 +247,54 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
       required: !0
     }
   },
-  setup(p) {
-    const e = p, n = S(null), i = (g) => {
-      n.value && !n.value.contains(g.target) && (r.value = !1);
-    }, a = S(null), o = S(null);
+  setup(v) {
+    const e = v, n = S(null), i = (p) => {
+      n.value && !n.value.contains(p.target) && (r.value = !1);
+    }, t = S(null), o = S(null);
     let u = null;
-    const r = S(!1), d = S(!0), t = (g) => {
-      window.location.hash = g, r.value = !1;
-    }, c = () => {
+    const r = S(!1), d = S(!0), c = (p) => {
+      window.location.hash = p, r.value = !1;
+    }, a = () => {
       if (!o.value) return;
-      const g = (window.innerHeight - 120 - 48) * -1;
+      const p = (window.innerHeight - 120 - 48) * -1;
       u = new IntersectionObserver(
-        ($) => {
-          $.forEach((_) => {
-            _.isIntersecting ? a.value = _.target.id : d.value && (e.navigationItems.length > 0 && (a.value = e.navigationItems[0].id), d.value = !1);
+        (k) => {
+          k.forEach((_) => {
+            _.isIntersecting ? t.value = _.target.id : d.value && (e.navigationItems.length > 0 && (t.value = e.navigationItems[0].id), d.value = !1);
           });
         },
         {
-          rootMargin: `-120px 0px ${g}px 0px`,
+          rootMargin: `-120px 0px ${p}px 0px`,
           threshold: 0
         }
-      ), e.navigationItems.forEach(($) => {
-        const _ = document.getElementById($.id);
+      ), e.navigationItems.forEach((k) => {
+        const _ = document.getElementById(k.id);
         _ && u.observe(_);
       });
     };
     return K(() => {
       document.addEventListener("click", i), window.addEventListener("load", () => {
-        c();
-      }), document.readyState === "complete" && c();
+        a();
+      }), document.readyState === "complete" && a();
     }), ae(() => {
       u && u.disconnect(), document.removeEventListener("click", i);
-    }), (g, $) => (s(), l("div", {
+    }), (p, k) => (s(), l("div", {
       class: m([
         "side-navigation-layout",
         `side-navigation-layout--${e.position}`,
         { "side-navigation--dark": e.darkMode }
       ])
     }, [
-      v("div", {
+      f("div", {
         ref_key: "dropdownRef",
         ref: n,
         class: "side-navigation-dropdown"
       }, [
-        v("button", {
+        f("button", {
           class: "dropdown-toggle",
-          onClick: $[0] || ($[0] = (_) => r.value = !r.value)
+          onClick: k[0] || (k[0] = (_) => r.value = !r.value)
         }, [
-          $[1] || ($[1] = v("span", null, "Jump to a section", -1)),
+          k[1] || (k[1] = f("span", null, "Jump to a section", -1)),
           C(W, {
             icon: r.value ? A(se) : A(ne),
             color: "black",
@@ -302,45 +302,45 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
           }, null, 8, ["icon"])
         ]),
         r.value ? (s(), l("ul", Me, [
-          (s(!0), l(P, null, M(e.navigationItems, (_) => (s(), l("li", {
+          (s(!0), l(P, null, B(e.navigationItems, (_) => (s(), l("li", {
             key: _.id,
             class: "dropdown-item"
           }, [
-            v("a", {
+            f("a", {
               href: "#",
               class: "dropdown-link",
-              onClick: x((z) => t(_.id), ["prevent"])
-            }, I(_.text), 9, Be)
+              onClick: x((E) => c(_.id), ["prevent"])
+            }, I(_.text), 9, Ge)
           ]))), 128))
         ])) : V("", !0)
       ], 512),
-      v("nav", Ge, [
-        y(g.$slots, "navigation-header", {}, void 0, !0),
-        v("ul", null, [
-          (s(!0), l(P, null, M(e.navigationItems, (_) => (s(), l("li", {
+      f("nav", Oe, [
+        $(p.$slots, "navigation-header", {}, void 0, !0),
+        f("ul", null, [
+          (s(!0), l(P, null, B(e.navigationItems, (_) => (s(), l("li", {
             key: _.id,
             class: "side-navigation__item"
           }, [
-            v("a", {
+            f("a", {
               href: "#",
-              class: m(["side-navigation__link", { "side-navigation__link--active": a.value === _.id }]),
+              class: m(["side-navigation__link", { "side-navigation__link--active": t.value === _.id }]),
               "data-ga-name": _.text,
               "data-ga-location": "side anchor",
-              onClick: x((z) => t(_.id), ["prevent"])
-            }, I(_.text), 11, Oe)
+              onClick: x((E) => c(_.id), ["prevent"])
+            }, I(_.text), 11, Re)
           ]))), 128))
         ])
       ]),
-      v("div", {
+      f("div", {
         ref_key: "slotContentRef",
         ref: o,
         class: "side-navigation-content"
       }, [
-        y(g.$slots, "default", {}, void 0, !0)
+        $(p.$slots, "default", {}, void 0, !0)
       ], 512)
     ], 2));
   }
-}), Mt = /* @__PURE__ */ N(Re, [["__scopeId", "data-v-1bd8ef5a"]]), Ae = ["for"], De = ["name", "value", "id", "checked", "disabled"], We = /* @__PURE__ */ L({
+}), Mt = /* @__PURE__ */ N(Ae, [["__scopeId", "data-v-1bd8ef5a"]]), De = ["for"], We = ["name", "value", "id", "checked", "disabled"], qe = /* @__PURE__ */ L({
   __name: "SlpRadioButton",
   props: {
     option: {},
@@ -348,32 +348,32 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
     config: {}
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: e }) {
-    const n = e, i = (a) => {
-      const o = a.target;
+  setup(v, { emit: e }) {
+    const n = e, i = (t) => {
+      const o = t.target;
       n("update:modelValue", o.value);
     };
-    return (a, o) => {
+    return (t, o) => {
       var u, r, d;
       return s(), l("label", {
-        for: a.option,
-        class: m(["slp-radio", { disabled: (u = a.config) == null ? void 0 : u.disabled }])
+        for: t.option,
+        class: m(["slp-radio", { disabled: (u = t.config) == null ? void 0 : u.disabled }])
       }, [
-        G(I(a.option) + " ", 1),
-        v("input", {
+        G(I(t.option) + " ", 1),
+        f("input", {
           type: "radio",
-          name: a.name,
-          value: a.option,
-          id: a.option,
+          name: t.name,
+          value: t.option,
+          id: t.option,
           onInput: i,
-          checked: (r = a.config) == null ? void 0 : r.checked,
-          disabled: (d = a.config) == null ? void 0 : d.disabled
-        }, null, 40, De),
-        o[0] || (o[0] = v("span", { class: "slp-radio__checkmark" }, null, -1))
-      ], 10, Ae);
+          checked: (r = t.config) == null ? void 0 : r.checked,
+          disabled: (d = t.config) == null ? void 0 : d.disabled
+        }, null, 40, We),
+        o[0] || (o[0] = f("span", { class: "slp-radio__checkmark" }, null, -1))
+      ], 10, De);
     };
   }
-}), He = /* @__PURE__ */ N(We, [["__scopeId", "data-v-f37e970e"]]), qe = /* @__PURE__ */ L({
+}), He = /* @__PURE__ */ N(qe, [["__scopeId", "data-v-f37e970e"]]), Ue = /* @__PURE__ */ L({
   __name: "SlpRadioButtonGroup",
   props: {
     options: {},
@@ -384,11 +384,11 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
     } }
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: e }) {
+  setup(v, { emit: e }) {
     const n = {
       VERTICAL: "vertical",
       HORIZONTAL: "horizontal"
-    }, i = e, a = (o) => {
+    }, i = e, t = (o) => {
       i("update:modelValue", o);
     };
     return (o, u) => {
@@ -400,41 +400,41 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
         }])
       }, {
         default: T(() => [
-          (s(!0), l(P, null, M(o.options, (t) => (s(), D(He, {
-            key: t.value,
-            option: t.value,
+          (s(!0), l(P, null, B(o.options, (c) => (s(), D(He, {
+            key: c.value,
+            option: c.value,
             name: o.name,
             config: {
-              ...t.config,
-              checked: t.value === o.modelValue
+              ...c.config,
+              checked: c.value === o.modelValue
             },
-            "onUpdate:modelValue": a
+            "onUpdate:modelValue": t
           }, null, 8, ["option", "name", "config"]))), 128))
         ]),
         _: 1
       }, 8, ["class"]);
     };
   }
-}), Bt = /* @__PURE__ */ N(qe, [["__scopeId", "data-v-ae31ec89"]]), Ue = {
+}), Gt = /* @__PURE__ */ N(Ue, [["__scopeId", "data-v-ae31ec89"]]), Ke = {
   key: 0,
   class: "slp-loading-round"
-}, Ke = {
+}, je = {
   key: 1,
   class: "slp-loading-linear"
-}, je = /* @__PURE__ */ L({
+}, Fe = /* @__PURE__ */ L({
   name: "SlpLoader",
   __name: "SlpLoader",
   props: {
     config: {}
   },
-  setup(p) {
-    const e = p;
+  setup(v) {
+    const e = v;
     return (n, i) => {
-      var a;
-      return ((a = e.config) == null ? void 0 : a.variant) === "round" ? (s(), l("div", Ue)) : (s(), l("div", Ke));
+      var t;
+      return ((t = e.config) == null ? void 0 : t.variant) === "round" ? (s(), l("div", Ke)) : (s(), l("div", je));
     };
   }
-}), Gt = /* @__PURE__ */ N(je, [["__scopeId", "data-v-ee32411b"]]), Fe = ["href", "data-ga-name", "data-ga-location"], Ze = /* @__PURE__ */ L({
+}), Ot = /* @__PURE__ */ N(Fe, [["__scopeId", "data-v-ee32411b"]]), Ze = ["href", "data-ga-name", "data-ga-location"], Je = /* @__PURE__ */ L({
   __name: "Tree",
   props: {
     text: { default: "" },
@@ -448,51 +448,51 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
       mobile: !1
     }) }
   },
-  setup(p) {
+  setup(v) {
     return (e, n) => {
-      var a, o, u, r, d, t;
+      var t, o, u, r, d, c;
       const i = de("Tree", !0);
       return s(), l("div", {
-        class: m([`depth-${(a = e.config) == null ? void 0 : a.depth}`, { mobile: (o = e.config) == null ? void 0 : o.mobile }])
+        class: m([`depth-${(t = e.config) == null ? void 0 : t.depth}`, { mobile: (o = e.config) == null ? void 0 : o.mobile }])
       }, [
         e.text ? (s(), l("a", {
           key: 0,
           class: m(["anchor", { selected: (u = e.config) == null ? void 0 : u.isSelected }]),
           href: (r = e.config) == null ? void 0 : r.href,
           "data-ga-name": (d = e.config) == null ? void 0 : d.dataGaName,
-          "data-ga-location": (t = e.config) == null ? void 0 : t.dataGaLocation
-        }, I(e.text), 11, Fe)) : V("", !0),
-        (s(!0), l(P, null, M(e.nodes, (c) => {
-          var g, $, _, z, O, f;
+          "data-ga-location": (c = e.config) == null ? void 0 : c.dataGaLocation
+        }, I(e.text), 11, Ze)) : V("", !0),
+        (s(!0), l(P, null, B(e.nodes, (a) => {
+          var p, k, _, E, O, h;
           return s(), D(i, {
-            key: c.text,
-            nodes: c.nodes,
-            text: c.text,
+            key: a.text,
+            nodes: a.nodes,
+            text: a.text,
             config: {
-              href: ((g = c.config) == null ? void 0 : g.href) ?? "",
-              dataGaName: ($ = c.config) == null ? void 0 : $.dataGaName,
-              dataGaLocation: (_ = c.config) == null ? void 0 : _.dataGaLocation,
-              depth: (((z = e.config) == null ? void 0 : z.depth) ?? 0) + 1,
-              isSelected: (O = c.config) == null ? void 0 : O.isSelected,
-              mobile: (f = e.config) == null ? void 0 : f.mobile
+              href: ((p = a.config) == null ? void 0 : p.href) ?? "",
+              dataGaName: (k = a.config) == null ? void 0 : k.dataGaName,
+              dataGaLocation: (_ = a.config) == null ? void 0 : _.dataGaLocation,
+              depth: (((E = e.config) == null ? void 0 : E.depth) ?? 0) + 1,
+              isSelected: (O = a.config) == null ? void 0 : O.isSelected,
+              mobile: (h = e.config) == null ? void 0 : h.mobile
             }
           }, null, 8, ["nodes", "text", "config"]);
         }), 128))
       ], 2);
     };
   }
-}), re = /* @__PURE__ */ N(Ze, [["__scopeId", "data-v-c3be63ed"]]), Je = { class: "dropdown__list" }, Ye = { class: "horizontal-rule slp-my-16" }, Qe = /* @__PURE__ */ L({
+}), re = /* @__PURE__ */ N(Je, [["__scopeId", "data-v-c3be63ed"]]), Ye = { class: "dropdown__list" }, Qe = { class: "horizontal-rule slp-my-16" }, Xe = /* @__PURE__ */ L({
   __name: "SlpAnchorDropdown",
   props: {
     dropdownLabel: { default: "Jump to a section" },
     anchors: {},
     hyperlinks: {}
   },
-  setup(p) {
+  setup(v) {
     const e = S(!1), n = () => {
       e.value = !e.value;
     };
-    return (i, a) => {
+    return (i, t) => {
       var o, u, r;
       return s(), l("div", {
         class: m(["dropdown", { hide: !e.value }])
@@ -503,15 +503,15 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
           onClick: n
         }, {
           default: T(() => [
-            v("span", null, I(i.dropdownLabel), 1),
+            f("span", null, I(i.dropdownLabel), 1),
             C(W, {
               icon: e.value ? A(se) : A(ne)
             }, null, 8, ["icon"])
           ]),
           _: 1
         }),
-        v("div", Je, [
-          U(C(H, {
+        f("div", Ye, [
+          U(C(q, {
             tag: "div",
             variant: "body3-bold",
             class: "nav-heading"
@@ -528,10 +528,10 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
             nodes: i.anchors.data,
             onClick: n
           }, null, 8, ["nodes"]),
-          U(v("div", Ye, null, 512), [
+          U(f("div", Qe, null, 512), [
             [Y, (o = i.hyperlinks) == null ? void 0 : o.data.length]
           ]),
-          U(C(H, {
+          U(C(q, {
             tag: "div",
             variant: "body3-bold",
             class: "nav-heading"
@@ -546,8 +546,8 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
           }, 512), [
             [Y, (u = i.hyperlinks) == null ? void 0 : u.text]
           ]),
-          v("ul", null, [
-            (s(!0), l(P, null, M((r = i.hyperlinks) == null ? void 0 : r.data, (d) => (s(), l("li", {
+          f("ul", null, [
+            (s(!0), l(P, null, B((r = i.hyperlinks) == null ? void 0 : r.data, (d) => (s(), l("li", {
               key: d.text
             }, [
               C(Q, {
@@ -556,7 +556,7 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
                 href: d.config.href
               }, {
                 default: T(() => [
-                  v("span", null, I(d.text), 1),
+                  f("span", null, I(d.text), 1),
                   C(Q, { variant: "icon" }, {
                     default: T(() => [
                       C(W, {
@@ -575,127 +575,127 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
       ], 2);
     };
   }
-}), Xe = /* @__PURE__ */ N(Qe, [["__scopeId", "data-v-bd9281e3"]]), xe = { key: 0 }, et = {
+}), xe = /* @__PURE__ */ N(Xe, [["__scopeId", "data-v-bd9281e3"]]), et = { key: 0 }, tt = {
   key: 1,
   id: "collapsible-sidebar-wrapper"
-}, tt = { id: "collapsible-sidebar-content" }, at = { id: "collapsible-sidebar" }, ot = { class: "anchors" }, st = /* @__PURE__ */ L({
+}, at = { id: "collapsible-sidebar-content" }, ot = { id: "collapsible-sidebar" }, st = { class: "anchors" }, nt = /* @__PURE__ */ L({
   __name: "SlpSideNavigationWithTree",
   props: {
     anchors: {},
     hyperlinks: {},
     alwaysExpanded: { type: Boolean }
   },
-  setup(p) {
-    const e = p, n = S([]), i = S(null), a = S([]), o = S(
-      e.anchors.data.map((f) => ({
-        text: f.text,
-        nodes: f.nodes,
+  setup(v) {
+    const e = v, n = S([]), i = S(null), t = S([]), o = S(
+      e.anchors.data.map((h) => ({
+        text: h.text,
+        nodes: h.nodes,
         config: {
-          href: f.config.href,
-          dataGaName: f.config.dataGaName,
-          dataGaLocation: f.config.dataGaLocation,
+          href: h.config.href,
+          dataGaName: h.config.dataGaName,
+          dataGaLocation: h.config.dataGaLocation,
           depth: 0,
           mobile: !1
         }
       }))
     ), u = S(!1), r = S(!0);
     let d = null;
-    const t = (f, h = []) => (f.forEach((w) => {
-      w.config.href && h.push(w.config.href), w.nodes && t(w.nodes, h);
-    }), h), c = (f) => {
-      const h = [], w = (E) => E.some((b, B) => (h.push(B), b.config.href === f || b.nodes && w(b.nodes) ? !0 : (h.pop(), !1)));
-      return w(e.anchors.data), h;
-    }, g = (f) => {
-      const h = a.value, w = i.value, E = (b, B, R) => {
-        const q = h[R] === B, j = b.config.href === w, F = {
-          text: b.text,
+    const c = (h, g = []) => (h.forEach((b) => {
+      b.config.href && g.push(b.config.href), b.nodes && c(b.nodes, g);
+    }), g), a = (h) => {
+      const g = [], b = (z) => z.some((y, M) => (g.push(M), y.config.href === h || y.nodes && b(y.nodes) ? !0 : (g.pop(), !1)));
+      return b(e.anchors.data), g;
+    }, p = (h) => {
+      const g = t.value, b = i.value, z = (y, M, R) => {
+        const H = g[R] === M, j = y.config.href === b, F = {
+          text: y.text,
           config: {
-            href: b.config.href,
-            dataGaName: b.config.dataGaName,
-            dataGaLocation: b.config.dataGaLocation,
+            href: y.config.href,
+            dataGaName: y.config.dataGaName,
+            dataGaLocation: y.config.dataGaLocation,
             // Highlight only the exact node (or first one on very first load)
-            isSelected: j || f && R === 0 && B === 0 && !w
+            isSelected: j || h && R === 0 && M === 0 && !b
           }
         };
-        return e.alwaysExpanded ? b.nodes && (F.nodes = b.nodes.map(
-          (Z, J) => E(Z, J, R + 1)
-        )) : q && b.nodes && (F.nodes = b.nodes.map(
-          (Z, J) => E(Z, J, R + 1)
+        return e.alwaysExpanded ? y.nodes && (F.nodes = y.nodes.map(
+          (Z, J) => z(Z, J, R + 1)
+        )) : H && y.nodes && (F.nodes = y.nodes.map(
+          (Z, J) => z(Z, J, R + 1)
         )), F;
       };
-      return e.anchors.data.map((b, B) => E(b, B, 0));
-    }, $ = (f) => {
-      var w, E;
-      let h = null;
-      for (const b of f) {
-        if (!b.isIntersecting) continue;
-        const B = ((w = b.boundingClientRect) == null ? void 0 : w.top) ?? Number.POSITIVE_INFINITY;
-        if (!h) {
-          h = b;
+      return e.anchors.data.map((y, M) => z(y, M, 0));
+    }, k = (h) => {
+      var b, z;
+      let g = null;
+      for (const y of h) {
+        if (!y.isIntersecting) continue;
+        const M = ((b = y.boundingClientRect) == null ? void 0 : b.top) ?? Number.POSITIVE_INFINITY;
+        if (!g) {
+          g = y;
           continue;
         }
-        const R = ((E = h.boundingClientRect) == null ? void 0 : E.top) ?? Number.POSITIVE_INFINITY, q = B >= 0 && (R < 0 || B < R), j = !q && b.intersectionRatio > h.intersectionRatio;
-        (q || j) && (h = b);
+        const R = ((z = g.boundingClientRect) == null ? void 0 : z.top) ?? Number.POSITIVE_INFINITY, H = M >= 0 && (R < 0 || M < R), j = !H && y.intersectionRatio > g.intersectionRatio;
+        (H || j) && (g = y);
       }
-      return h;
-    }, _ = (f) => {
-      const h = $(f);
-      if (h && h.isIntersecting) {
-        const w = `#${h.target.id}`;
-        i.value = w, a.value = c(w), n.value = a.value.slice(), o.value = g(!1), r.value = !1;
+      return g;
+    }, _ = (h) => {
+      const g = k(h);
+      if (g && g.isIntersecting) {
+        const b = `#${g.target.id}`;
+        i.value = b, t.value = a(b), n.value = t.value.slice(), o.value = p(!1), r.value = !1;
         return;
       }
-      r.value && !e.alwaysExpanded && (o.value = g(!0), r.value = !1);
-    }, z = () => {
+      r.value && !e.alwaysExpanded && (o.value = p(!0), r.value = !1);
+    }, E = () => {
       u.value = window.innerWidth < 768;
     }, O = () => {
-      const f = t(e.anchors.data), h = f[0] || null;
-      i.value = h, a.value = h ? c(h) : [], o.value = g(!0), r.value = !1;
-      const w = (window.innerHeight - 120 - 48) * -1;
+      const h = c(e.anchors.data), g = h[0] || null;
+      i.value = g, t.value = g ? a(g) : [], o.value = p(!0), r.value = !1;
+      const b = (window.innerHeight - 120 - 48) * -1;
       d = new IntersectionObserver(_, {
-        rootMargin: `-120px 0px ${w}px 0px`,
+        rootMargin: `-120px 0px ${b}px 0px`,
         threshold: 0
       }), setTimeout(() => {
-        f.forEach((E) => {
-          const b = document.querySelector(E);
-          b && (d == null || d.observe(b));
+        h.forEach((z) => {
+          const y = document.querySelector(z);
+          y && (d == null || d.observe(y));
         });
       }, 0);
     };
     return K(() => {
-      z(), window.addEventListener("resize", z), O();
+      E(), window.addEventListener("resize", E), O();
     }), ae(() => {
-      window.removeEventListener("resize", z), d && d.disconnect();
-    }), (f, h) => (s(), l("div", null, [
-      u.value ? (s(), l("div", xe, [
-        C(Xe, ce(ue({ anchors: f.anchors, hyperlinks: f.hyperlinks })), null, 16),
-        y(f.$slots, "default", {}, void 0, !0)
-      ])) : (s(), l("div", et, [
-        v("div", tt, [
-          y(f.$slots, "default", {}, void 0, !0)
+      window.removeEventListener("resize", E), d && d.disconnect();
+    }), (h, g) => (s(), l("div", null, [
+      u.value ? (s(), l("div", et, [
+        C(xe, ce(ue({ anchors: h.anchors, hyperlinks: h.hyperlinks })), null, 16),
+        $(h.$slots, "default", {}, void 0, !0)
+      ])) : (s(), l("div", tt, [
+        f("div", at, [
+          $(h.$slots, "default", {}, void 0, !0)
         ]),
-        v("nav", at, [
-          y(f.$slots, "header", {}, void 0, !0),
-          v("div", ot, [
-            f.anchors.text ? (s(), D(H, {
+        f("nav", ot, [
+          $(h.$slots, "header", {}, void 0, !0),
+          f("div", st, [
+            h.anchors.text ? (s(), D(q, {
               key: 0,
               tag: "div",
               variant: "body3-bold",
               class: "nav-heading"
             }, {
               default: T(() => [
-                G(I(f.anchors.text), 1)
+                G(I(h.anchors.text), 1)
               ]),
               _: 1
             })) : V("", !0),
             C(re, { nodes: o.value }, null, 8, ["nodes"])
           ]),
-          y(f.$slots, "footer", {}, void 0, !0)
+          $(h.$slots, "footer", {}, void 0, !0)
         ])
       ]))
     ]));
   }
-}), Ot = /* @__PURE__ */ N(st, [["__scopeId", "data-v-32a730be"]]), nt = ["id", "aria-describedby"], lt = { class: "slp-tooltip__wrapper" }, it = ["id", "data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], rt = ["id"], dt = ["id", "aria-describedby"], ct = { class: "slp-tooltip__wrapper" }, ut = ["id"], pt = ["data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], vt = ["id"], ft = /* @__PURE__ */ L({
+}), Rt = /* @__PURE__ */ N(nt, [["__scopeId", "data-v-32a730be"]]), lt = ["id", "data-tooltip-open", "aria-describedby"], it = { class: "slp-tooltip__wrapper" }, rt = ["id", "data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], dt = ["id"], ct = ["id", "data-tooltip-open", "aria-describedby"], ut = { class: "slp-tooltip__wrapper" }, pt = ["id"], vt = ["data-ga-features", "data-ga-features-sub", "data-ga-features-sub-card", "data-ga-name", "data-ga-location", "href"], ft = ["id"], ht = /* @__PURE__ */ L({
   __name: "SlpTooltip",
   props: {
     text: { default: "" },
@@ -705,130 +705,141 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
     id: { default: "" },
     dataProperties: { default: null }
   },
-  setup(p) {
-    const e = p, n = S(!1), i = S(""), a = S(""), o = S(""), u = (t) => {
-      e.mode === "hover" && (n.value = t.type === "mouseenter");
+  setup(v) {
+    const e = v, n = S(!1), i = S(""), t = S(""), o = S(""), u = (a) => {
+      e.mode === "hover" && (n.value = a.type === "mouseenter");
     }, r = () => {
-      n.value = e.mode === "click" ? !n.value : !1;
-    }, d = (t) => {
-      t.target.id !== e.id && (n.value = !1);
+      e.mode === "click" ? (c(), n.value = !n.value) : n.value = !1;
+    }, d = (a) => {
+      a.target.id !== e.id && (n.value = !1);
+    }, c = () => {
+      document.querySelectorAll('[data-tooltip-open="true"]').forEach((p) => {
+        p.setAttribute("data-tooltip-open", "false");
+      });
     };
     return K(() => {
       if (e.mode === "click" && document.addEventListener("click", d), e.text) {
-        const t = e.text.match(/\[(.*?)\]/), c = e.text.match(/\((.*?)\)/);
-        i.value = t ? t[1] : "", a.value = c ? c[1] : "", o.value = e.text.replace(`(${a.value})`, "").replace(`[${i.value}]`, "").trim();
+        const a = e.text.match(/\[(.*?)\]/), p = e.text.match(/\((.*?)\)/);
+        i.value = a ? a[1] : "", t.value = p ? p[1] : "", o.value = e.text.replace(`(${t.value})`, "").replace(`[${i.value}]`, "").trim();
+      }
+    }), pe(n, (a) => {
+      if (e.mode === "click" && e.id) {
+        const p = document.getElementById(e.id);
+        p && p.setAttribute("data-tooltip-open", a.toString());
       }
     }), oe(() => {
       document.removeEventListener("click", d);
-    }), (t, c) => {
-      var g, $, _, z, O, f;
-      return t.mode === "hover" ? (s(), l("div", {
+    }), (a, p) => {
+      var k, _, E, O, h, g;
+      return a.mode === "hover" ? (s(), l("div", {
         key: 0,
-        id: t.id,
+        id: a.id,
+        "data-tooltip-open": n.value,
         "aria-label": "Click to open tooltip with more information.",
-        "aria-describedby": `${t.id}-content`,
+        "aria-describedby": `${a.id}-content`,
         class: "slp-tooltip",
         onMouseenter: u,
         onMouseleave: u,
         onClick: r
       }, [
-        v("div", lt, [
-          y(t.$slots, "default", {}, void 0, !0),
+        f("div", it, [
+          $(a.$slots, "default", {}, void 0, !0),
           n.value ? (s(), l("div", {
             key: 0,
-            class: m(["slp-tooltip__content", `${t.position} ${t.mode === "hover" ? "hover-mode" : ""}`])
+            class: m(["slp-tooltip__content", `${a.position} ${a.mode === "hover" ? "hover-mode" : ""}`])
           }, [
             G(I(o.value) + " ", 1),
-            t.text ? (s(), l("a", {
+            a.text ? (s(), l("a", {
               key: 0,
-              id: `${t.id}-content`,
-              "data-ga-features": t.dataProperties && t.dataProperties.features.toLowerCase() || null,
-              "data-ga-features-sub": (g = t.dataProperties) == null ? void 0 : g.sub,
-              "data-ga-features-sub-card": ($ = t.dataProperties) == null ? void 0 : $.card,
-              "data-ga-name": (_ = t.dataProperties) == null ? void 0 : _.plan,
-              "data-ga-location": t.dataProperties ? "features content" : null,
+              id: `${a.id}-content`,
+              "data-ga-features": a.dataProperties && a.dataProperties.features.toLowerCase() || null,
+              "data-ga-features-sub": (k = a.dataProperties) == null ? void 0 : k.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: a.value
-            }, I(i.value), 9, it)) : t.list ? (s(), l("ul", {
+              href: t.value
+            }, I(i.value), 9, rt)) : a.list ? (s(), l("ul", {
               key: 1,
-              id: `${t.id}-content`,
+              id: `${a.id}-content`,
               role: "tooltip",
               class: "slp-tooltip__list"
             }, [
-              (s(!0), l(P, null, M(t.list, (h) => (s(), l("li", {
-                key: h.text
-              }, I(h.text), 1))), 128))
-            ], 8, rt)) : V("", !0)
+              (s(!0), l(P, null, B(a.list, (b) => (s(), l("li", {
+                key: b.text
+              }, I(b.text), 1))), 128))
+            ], 8, dt)) : V("", !0)
           ], 2)) : V("", !0)
         ])
-      ], 40, nt)) : (s(), l("button", {
+      ], 40, lt)) : (s(), l("button", {
         key: 1,
-        id: t.id,
+        id: a.id,
+        "data-tooltip-open": n.value,
         "aria-label": "Click to open tooltip with more information.",
-        "aria-describedby": `${t.id}-content`,
-        class: m(`slp-tooltip ${t.mode === "click" ? "button-mode" : ""}`),
+        "aria-describedby": `${a.id}-content`,
+        class: m(`slp-tooltip ${a.mode === "click" ? "button-mode" : ""}`),
         onClick: r
       }, [
-        v("div", ct, [
-          y(t.$slots, "default", {}, void 0, !0),
+        f("div", ut, [
+          $(a.$slots, "default", {}, void 0, !0),
           n.value ? (s(), l("div", {
             key: 0,
-            class: m(["slp-tooltip__content", `${t.position} ${t.mode === "hover" ? "hover-mode" : ""}`])
+            class: m(["slp-tooltip__content", `${a.position}`])
           }, [
-            t.text ? (s(), l("span", {
+            a.text ? (s(), l("span", {
               key: 0,
-              id: `${t.id}-content`,
+              id: `${a.id}-content`,
               role: "tooltip"
             }, [
               G(I(o.value) + " ", 1),
-              i.value && a.value ? (s(), l("a", {
+              i.value && t.value ? (s(), l("a", {
                 key: 0,
-                "data-ga-features": t.dataProperties && t.dataProperties.features.toLowerCase() || null,
-                "data-ga-features-sub": (z = t.dataProperties) == null ? void 0 : z.sub,
-                "data-ga-features-sub-card": (O = t.dataProperties) == null ? void 0 : O.card,
-                "data-ga-name": (f = t.dataProperties) == null ? void 0 : f.plan,
-                "data-ga-location": t.dataProperties ? "features content" : null,
-                href: a.value
-              }, I(i.value), 9, pt)) : V("", !0)
-            ], 8, ut)) : (s(), l("ul", {
+                "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
+              }, I(i.value), 9, vt)) : V("", !0)
+            ], 8, pt)) : (s(), l("ul", {
               key: 1,
-              id: `${t.id}-content`,
+              id: `${a.id}-content`,
               role: "tooltip",
               class: "slp-tooltip__list"
             }, [
-              (s(!0), l(P, null, M(t.list, (h) => (s(), l("li", {
-                key: h.text
-              }, I(h.text), 1))), 128))
-            ], 8, vt))
+              (s(!0), l(P, null, B(a.list, (b) => (s(), l("li", {
+                key: b.text
+              }, I(b.text), 1))), 128))
+            ], 8, ft))
           ], 2)) : V("", !0)
         ])
-      ], 10, dt));
+      ], 10, ct));
     };
   }
-}), ht = /* @__PURE__ */ N(ft, [["__scopeId", "data-v-65f0a03a"]]), gt = {
+}), gt = /* @__PURE__ */ N(ht, [["__scopeId", "data-v-61f7f0e5"]]), mt = {
   key: 0,
   class: "breadcrumb",
   vocab: "https://schema.org/",
   typeof: "BreadcrumbList"
-}, mt = ["onMouseenter", "onMouseleave"], _t = ["data-ga-name", "data-ga-location", "href"], bt = {
+}, _t = ["onMouseenter", "onMouseleave"], bt = ["data-ga-name", "data-ga-location", "href"], yt = {
   key: 0,
   class: "breadcrumb__chevron"
-}, yt = ["content"], $t = {
+}, $t = ["content"], kt = {
   key: 1,
   class: "breadcrumb",
   vocab: "https://schema.org/",
   typeof: "BreadcrumbList"
-}, kt = ["href", "data-ga-name", "data-ga-location"], wt = ["content"], St = /* @__PURE__ */ L({
+}, wt = ["href", "data-ga-name", "data-ga-location"], St = ["content"], It = /* @__PURE__ */ L({
   __name: "SlpBreadcrumb",
   props: {
     crumbs: { default: () => [] },
     router: {}
   },
-  setup(p) {
-    const e = p, n = S(e.crumbs), i = S(!1), a = (r) => {
+  setup(v) {
+    const e = v, n = S(e.crumbs), i = S(!1), t = (r) => {
       const d = r.split(" ");
-      for (let t = 0; t < d.length; t++)
-        d[t] = d[t][0].toUpperCase() + d[t].substr(1);
+      for (let c = 0; c < d.length; c++)
+        d[c] = d[c][0].toUpperCase() + d[c].substr(1);
       return d.join(" ");
     }, o = () => {
       i.value = window.innerWidth < 768;
@@ -838,97 +849,97 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
         hover: !n.value[r].hover
       });
     };
-    return pe(() => {
+    return ve(() => {
       if (e.router) {
-        const r = e.router.currentRoute.path, d = r.startsWith("/") ? r.substring(1).split("/") : r.split("/"), t = [];
-        let c = "";
-        d.forEach((g) => {
-          c = `${c}/${g}`;
-          const $ = e.router.match(c);
-          $.params.slug !== null && g.length && t.push({
-            title: a(g.replace(/-/g, " ")),
+        const r = e.router.currentRoute.path, d = r.startsWith("/") ? r.substring(1).split("/") : r.split("/"), c = [];
+        let a = "";
+        d.forEach((p) => {
+          a = `${a}/${p}`;
+          const k = e.router.match(a);
+          k.params.slug !== null && p.length && c.push({
+            title: t(p.replace(/-/g, " ")),
             hover: !1,
-            ...$
+            ...k
           });
-        }), n.value = t;
+        }), n.value = c;
       }
     }), K(() => {
       o(), window.addEventListener("resize", o);
     }), oe(() => {
       window.removeEventListener("resize", o);
-    }), (r, d) => n.value && !i.value ? (s(), l("ol", gt, [
-      (s(!0), l(P, null, M(n.value, (t, c) => (s(), l("li", {
-        key: t.title,
+    }), (r, d) => n.value && !i.value ? (s(), l("ol", mt, [
+      (s(!0), l(P, null, B(n.value, (c, a) => (s(), l("li", {
+        key: c.title,
         class: m(["breadcrumb__crumb", {
-          "breadcrumb__crumb--disabled": c === n.value.length - 1
+          "breadcrumb__crumb--disabled": a === n.value.length - 1
         }]),
         property: "itemListElement",
         typeof: "ListItem",
-        onMouseenter: (g) => u(c),
-        onMouseleave: (g) => u(c)
+        onMouseenter: (p) => u(a),
+        onMouseleave: (p) => u(a)
       }, [
-        C(ht, {
-          text: t.title,
+        C(gt, {
+          text: c.title,
           class: "breadcrumb__crumb__tooltip",
           position: "top"
         }, {
           default: T(() => [
-            v("a", {
+            f("a", {
               property: "item",
               typeof: "WebPage",
-              "data-ga-name": t.dataGaName || t.title.toLowerCase(),
-              "data-ga-location": t.dataGaLocation || "breadcrumb",
-              href: c !== n.value.length - 1 ? t.path : void 0
+              "data-ga-name": c.dataGaName || c.title.toLowerCase(),
+              "data-ga-location": c.dataGaLocation || "breadcrumb",
+              href: a !== n.value.length - 1 ? c.path : void 0
             }, [
-              C(H, {
+              C(q, {
                 tag: "span",
                 variant: "body3",
                 property: "name"
               }, {
                 default: T(() => [
-                  G(I(t.title.length > 18 ? t.title.substring(0, 18).concat("...") : t.title), 1)
+                  G(I(c.title.length > 18 ? c.title.substring(0, 18).concat("...") : c.title), 1)
                 ]),
                 _: 2
               }, 1024)
-            ], 8, _t)
+            ], 8, bt)
           ]),
           _: 2
         }, 1032, ["text"]),
-        c !== n.value.length - 1 ? (s(), l("span", bt, [
+        a !== n.value.length - 1 ? (s(), l("span", yt, [
           C(W, {
             color: "accent-500",
             size: "xs",
             icon: A(le)
           }, null, 8, ["icon"])
         ])) : V("", !0),
-        v("meta", {
+        f("meta", {
           property: "position",
-          content: c + 1
-        }, null, 8, yt)
-      ], 42, mt))), 128))
-    ])) : n.value && i.value ? (s(), l("ol", $t, [
-      (s(!0), l(P, null, M(n.value, (t) => (s(), l("li", {
-        key: t.title,
+          content: a + 1
+        }, null, 8, $t)
+      ], 42, _t))), 128))
+    ])) : n.value && i.value ? (s(), l("ol", kt, [
+      (s(!0), l(P, null, B(n.value, (c) => (s(), l("li", {
+        key: c.title,
         class: "breadcrumb__crumb breadcrumb__crumb--mobile",
         property: "itemListElement",
         typeof: "ListItem"
       }, [
-        v("a", {
+        f("a", {
           class: "slp-flex slp-align-items-center",
           href: n.value[n.value.length - 2].path,
-          "data-ga-name": t.dataGaName || t.title.toLowerCase(),
-          "data-ga-location": t.dataGaLocation || "breadcrumb",
+          "data-ga-name": c.dataGaName || c.title.toLowerCase(),
+          "data-ga-location": c.dataGaLocation || "breadcrumb",
           property: "item",
           typeof: "WebPage"
         }, [
-          v("span", null, [
+          f("span", null, [
             C(W, {
               color: "accent-500",
               size: "xs",
-              icon: A(fe)
+              icon: A(he)
             }, null, 8, ["icon"])
           ]),
-          C(H, {
+          C(q, {
             class: "slp-ml-8",
             tag: "span",
             variant: "body2",
@@ -939,18 +950,18 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
             ]),
             _: 1
           })
-        ], 8, kt),
-        v("meta", {
+        ], 8, wt),
+        f("meta", {
           property: "position",
           content: n.value.length - 1
-        }, null, 8, wt)
+        }, null, 8, St)
       ]))), 128))
     ])) : V("", !0);
   }
-}), Rt = /* @__PURE__ */ N(St, [["__scopeId", "data-v-6894f4b8"]]), It = ["value"], Ct = {
+}), At = /* @__PURE__ */ N(It, [["__scopeId", "data-v-6894f4b8"]]), Ct = ["value"], Nt = {
   key: 1,
   class: "dropdown"
-}, Nt = /* @__PURE__ */ L({
+}, Lt = /* @__PURE__ */ L({
   __name: "SlpDropdown",
   props: {
     modelValue: {},
@@ -959,21 +970,21 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
     valueKey: {}
   },
   emits: ["update:modelValue"],
-  setup(p, { emit: e }) {
-    const n = p, i = e, a = (r, d) => {
+  setup(v, { emit: e }) {
+    const n = v, i = e, t = (r, d) => {
       if (typeof r == "object" && r !== null) {
         if (!d) {
-          const g = Object.keys(r)[0];
-          return r[g];
+          const p = Object.keys(r)[0];
+          return r[p];
         }
-        const t = d.split(".");
-        let c = r;
-        for (const g of t)
-          c = c == null ? void 0 : c[g];
-        return c;
+        const c = d.split(".");
+        let a = r;
+        for (const p of c)
+          a = a == null ? void 0 : a[p];
+        return a;
       }
       return r;
-    }, o = k(() => n.options.length > 0 ? a(n.options[0], n.valueKey) : ""), u = k({
+    }, o = w(() => n.options.length > 0 ? t(n.options[0], n.valueKey) : ""), u = w({
       // Getter: Called when the template reads selectedValue
       // Returns the current modelValue from parent (or empty string if undefined)
       get: () => n.modelValue ?? o.value,
@@ -982,32 +993,32 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
       set: (r) => i("update:modelValue", r)
     });
     return (r, d) => {
-      var t;
-      return (t = r.options) != null && t.length ? U((s(), l("select", {
+      var c;
+      return (c = r.options) != null && c.length ? U((s(), l("select", {
         key: 0,
-        "onUpdate:modelValue": d[0] || (d[0] = (c) => u.value = c),
+        "onUpdate:modelValue": d[0] || (d[0] = (a) => u.value = a),
         class: "dropdown"
       }, [
-        (s(!0), l(P, null, M(r.options, (c, g) => (s(), l("option", {
-          key: `${a(c, r.valueKey)}-${g}`,
-          value: a(c, r.valueKey)
-        }, I(a(c, r.labelKey)), 9, It))), 128))
+        (s(!0), l(P, null, B(r.options, (a, p) => (s(), l("option", {
+          key: `${t(a, r.valueKey)}-${p}`,
+          value: t(a, r.valueKey)
+        }, I(t(a, r.labelKey)), 9, Ct))), 128))
       ], 512)), [
-        [ve, u.value]
-      ]) : (s(), l("div", Ct, d[1] || (d[1] = [
-        v("p", null, "No options available", -1)
+        [fe, u.value]
+      ]) : (s(), l("div", Nt, d[1] || (d[1] = [
+        f("p", null, "No options available", -1)
       ])));
     };
   }
-}), At = /* @__PURE__ */ N(Nt, [["__scopeId", "data-v-4a5d0657"]]), Lt = ["id"], Tt = /* @__PURE__ */ L({
+}), Dt = /* @__PURE__ */ N(Lt, [["__scopeId", "data-v-4a5d0657"]]), Tt = ["id"], Et = /* @__PURE__ */ L({
   __name: "SlpSection",
   props: {
     backgroundColor: {
       type: String,
       required: !1,
-      validator(p) {
-        const e = /^#([A-Fa-f0-9]{3}){1,2}$/.test(p), n = /^\$color-[a-zA-Z0-9-]+$/.test(p);
-        return p ? e || n : !0;
+      validator(v) {
+        const e = /^#([A-Fa-f0-9]{3}){1,2}$/.test(v), n = /^\$color-[a-zA-Z0-9-]+$/.test(v);
+        return v ? e || n : !0;
       }
     },
     id: {
@@ -1015,42 +1026,42 @@ const Pt = /* @__PURE__ */ N(Te, [["render", Ee], ["__scopeId", "data-v-adc8d02f
       required: !1
     }
   },
-  setup(p) {
-    const e = p, n = k(() => {
-      var a;
-      return !e.backgroundColor || (a = e.backgroundColor) != null && a.startsWith("$") ? {} : { backgroundColor: e.backgroundColor };
-    }), i = k(() => {
-      var a, o;
-      return (a = e.backgroundColor) != null && a.startsWith("$") ? `slp-background-${(o = e.backgroundColor) == null ? void 0 : o.slice(1)}` : null;
+  setup(v) {
+    const e = v, n = w(() => {
+      var t;
+      return !e.backgroundColor || (t = e.backgroundColor) != null && t.startsWith("$") ? {} : { backgroundColor: e.backgroundColor };
+    }), i = w(() => {
+      var t, o;
+      return (t = e.backgroundColor) != null && t.startsWith("$") ? `slp-background-${(o = e.backgroundColor) == null ? void 0 : o.slice(1)}` : null;
     });
-    return (a, o) => (s(), l("section", {
+    return (t, o) => (s(), l("section", {
       style: te(n.value),
       class: m(i.value),
-      id: p.id || void 0
+      id: v.id || void 0
     }, [
       C(ie, null, {
         default: T(() => [
-          y(a.$slots, "default", {}, void 0, !0)
+          $(t.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       })
-    ], 14, Lt));
+    ], 14, Tt));
   }
-}), Dt = /* @__PURE__ */ N(Tt, [["__scopeId", "data-v-2b3ad016"]]);
+}), Wt = /* @__PURE__ */ N(Et, [["__scopeId", "data-v-2b3ad016"]]);
 export {
-  Rt as SlpBreadcrumb,
+  At as SlpBreadcrumb,
   Q as SlpButton,
-  Vt as SlpColumn,
+  Pt as SlpColumn,
   ie as SlpContainer,
-  At as SlpDropdown,
+  Dt as SlpDropdown,
   W as SlpIcon,
-  Gt as SlpLoader,
+  Ot as SlpLoader,
   He as SlpRadioButton,
-  Bt as SlpRadioButtonGroup,
-  Pt as SlpRow,
-  Dt as SlpSection,
+  Gt as SlpRadioButtonGroup,
+  Bt as SlpRow,
+  Wt as SlpSection,
   Mt as SlpSideNavigation,
-  Ot as SlpSideNavigationWithTree,
-  ht as SlpTooltip,
-  H as SlpTypography
+  Rt as SlpSideNavigationWithTree,
+  gt as SlpTooltip,
+  q as SlpTypography
 };