@mirweb/mir-web-components 1.14.0 → 1.15.0

package/dist/mir-web-components.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as he, withDirectives as K, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Se, mergeProps as F, createVNode as I, Transition as Ie, withCtx as k, withModifiers as ue, createBlock as T, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as Te, normalizeStyle as x, isRef as X, unref as y, onMounted as me, watch as Z, onUnmounted as qe } from "vue";
-const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
+import { defineComponent as b, computed as q, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as c, createElementVNode as t, renderSlot as d, pushScopeId as N, popScopeId as E, createTextVNode as Y, ref as C, resolveDirective as pe, withDirectives as G, Fragment as V, renderList as P, vShow as W, normalizeProps as H, guardReactiveProps as R, toRefs as Ie, mergeProps as F, createVNode as I, Transition as Ce, withCtx as k, withModifiers as ue, createBlock as T, createCommentVNode as _, watchEffect as me, withKeys as Te, useSlots as qe, normalizeStyle as Q, isRef as x, unref as y, onMounted as fe, watch as X, onUnmounted as Ae } from "vue";
+const Le = ["aria-label"], De = /* @__PURE__ */ b({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -18,14 +18,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     return (o, u) => (s(), i("button", {
       class: h(["button", "button--" + l.value]),
       "aria-label": o.ariaLabel
-    }, c(l.value === "close" ? "" : o.buttonText), 11, Ae));
+    }, c(l.value === "close" ? "" : o.buttonText), 11, Le));
   }
 }), g = (e, a) => {
   const r = e.__vccOpts || e;
   for (const [l, o] of a)
     r[l] = o;
   return r;
-}, ie = /* @__PURE__ */ g(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (N("data-v-d8d77aaf"), e = e(), E(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ b({
+}, ie = /* @__PURE__ */ g(De, [["__scopeId", "data-v-f61b579c"]]), Ve = (e) => (N("data-v-d8d77aaf"), e = e(), E(), e), Pe = ["id", "name", "value", "disabled", "required", "checked"], Fe = ["for"], Me = /* @__PURE__ */ Ve(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Oe = /* @__PURE__ */ b({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -54,21 +54,21 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         checked: o.checked,
         class: "checkbox__checkbox",
         onChange: l
-      }, null, 40, Ve),
+      }, null, 40, Pe),
       t("label", {
         for: o.id,
         class: h(["checkbox__label", o.required ? "required" : ""])
       }, [
-        Fe,
+        Me,
         d(o.$slots, "default", {}, void 0, !0)
-      ], 10, Pe)
+      ], 10, Fe)
     ], 2));
   }
-}), fe = /* @__PURE__ */ g(Me, [["__scopeId", "data-v-d8d77aaf"]]), Oe = (e) => (N("data-v-2e1e44c1"), e = e(), E(), e), ze = ["aria-label"], He = /* @__PURE__ */ Oe(() => /* @__PURE__ */ t("img", {
+}), ve = /* @__PURE__ */ g(Oe, [["__scopeId", "data-v-d8d77aaf"]]), ze = (e) => (N("data-v-2e1e44c1"), e = e(), E(), e), He = ["aria-label"], Re = /* @__PURE__ */ ze(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), Re = /* @__PURE__ */ b({
+}, null, -1)), Ne = /* @__PURE__ */ b({
   __name: "chip",
   props: {
     text: { default: "" }
@@ -85,11 +85,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         "aria-label": r.value
       }, [
         Y(c(l.text) + " ", 1),
-        He
-      ], 8, ze)
+        Re
+      ], 8, He)
     ]));
   }
-}), Ne = /* @__PURE__ */ g(Re, [["__scopeId", "data-v-2e1e44c1"]]), Ee = ["value"], je = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Ue = ["aria-labelledby", "aria-activedescendant"], Je = ["aria-selected", "data-value"], We = /* @__PURE__ */ b({
+}), Ee = /* @__PURE__ */ g(Ne, [["__scopeId", "data-v-2e1e44c1"]]), je = ["value"], Ue = ["id"], Ge = { class: "listbox__dropdown" }, Ke = ["id", "aria-labelledby", "aria-disabled"], Je = ["aria-labelledby", "aria-activedescendant"], We = ["aria-selected", "data-value"], Ye = /* @__PURE__ */ b({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -121,7 +121,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       const S = m.target;
       S.getAttribute("role") === "option" && (J(S), se(), (L = u.value) == null || L.focus());
     }
-    function U(m) {
+    function K(m) {
       var L;
       const S = m.key;
       switch (S) {
@@ -129,10 +129,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         case "ArrowDown": {
           m.preventDefault();
           const D = l.options.findIndex(
-            (Q) => Q.value === l.modelValue
+            (Z) => Z.value === l.modelValue
           );
-          let G = D ? n.value[D] : n.value[0];
-          S === "ArrowUp" ? D - 1 >= 0 && (G = n.value[D - 1]) : D + 1 <= l.options.length && (G = n.value[D + 1]), G && J(G);
+          let U = D ? n.value[D] : n.value[0];
+          S === "ArrowUp" ? D - 1 >= 0 && (U = n.value[D - 1]) : D + 1 <= l.options.length && (U = n.value[D + 1]), U && J(U);
           break;
         }
         case "Home":
@@ -141,7 +141,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           break;
         case "End":
         case "PageDown":
-          m.preventDefault(), $e();
+          m.preventDefault(), we();
           break;
         case "Enter":
         case "Escape":
@@ -159,7 +159,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         switch (m.key) {
           case "ArrowUp":
           case "ArrowDown":
-            m.preventDefault(), _e(), U(m);
+            m.preventDefault(), _e(), K(m);
             break;
         }
     }
@@ -195,20 +195,20 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       var L, D;
       const S = m.getAttribute("data-value");
       if (l.modelValue) {
-        const G = l.options.findIndex(
-          (Be) => Be.value === l.modelValue
-        ), Q = n.value[G];
-        ce(Q);
+        const U = l.options.findIndex(
+          (Se) => Se.value === l.modelValue
+        ), Z = n.value[U];
+        ce(Z);
       }
       if (m.setAttribute("aria-selected", "true"), (L = p.value) == null || L.setAttribute(
         "aria-activedescendant",
         S || ""
       ), ne(S || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
-        const G = p.value.clientHeight + p.value.scrollTop, Q = m.offsetTop + m.offsetHeight;
-        Q > G ? p.value.scrollTop = Q - ((D = p.value) == null ? void 0 : D.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
+        const U = p.value.clientHeight + p.value.scrollTop, Z = m.offsetTop + m.offsetHeight;
+        Z > U ? p.value.scrollTop = Z - ((D = p.value) == null ? void 0 : D.clientHeight) : m.offsetTop < p.value.scrollTop && (p.value.scrollTop = m.offsetTop);
       }
     }
-    function $e() {
+    function we() {
       var S;
       const m = (S = n.value) == null ? void 0 : S[l.options.length - 1];
       J(m);
@@ -221,11 +221,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       var m, S;
       $.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (S = p.value) == null || S.focus();
     }
-    function we() {
+    function Be() {
       l.disabled || ($.value ? _e() : se());
     }
     return (m, S) => {
-      const L = he("click-outside");
+      const L = pe("click-outside");
       return s(), i("div", {
         ref: "listbox",
         class: "listbox__wrapper",
@@ -238,8 +238,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             "is-disabled": m.disabled,
             "is-required": m.required
           }, "listbox__label"])
-        }, c(m.label), 11, je),
-        K((s(), i("div", Ge, [
+        }, c(m.label), 11, Ue),
+        G((s(), i("div", Ge, [
           t("button", {
             id: `${m.name}-button-label`,
             ref_key: "listboxButton",
@@ -249,10 +249,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             "aria-haspopup": "listbox",
             "aria-disabled": m.disabled,
             class: h(["listbox__button", o.value]),
-            onClick: we,
+            onClick: Be,
             onKeydown: le
           }, c(m.modelValue ? oe.value : m.placeholder), 43, Ke),
-          K(t("ul", {
+          G(t("ul", {
             ref_key: "listboxNode",
             ref: p,
             "aria-labelledby": `${m.name}-label`,
@@ -260,11 +260,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             tabindex: "0",
             role: "listbox",
             class: "listbox__list",
-            onKeydown: U,
+            onKeydown: K,
             onClick: de
           }, [
-            (s(!0), i(V, null, P(m.options, (D, G) => (s(), i("li", {
-              key: `${m.name}-option-${G}`,
+            (s(!0), i(V, null, P(m.options, (D, U) => (s(), i("li", {
+              key: `${m.name}-option-${U}`,
               ref_for: !0,
               ref_key: "listboxOptions",
               ref: n,
@@ -272,17 +272,17 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               "data-value": D.value,
               class: "listbox__option",
               role: "option"
-            }, c(D.label), 9, Je))), 128))
-          ], 40, Ue), [
+            }, c(D.label), 9, We))), 128))
+          ], 40, Je), [
             [W, !$.value]
           ])
         ])), [
           [L, se]
         ])
-      ], 8, Ee);
+      ], 8, je);
     };
   }
-}), Ye = /* @__PURE__ */ g(We, [["__scopeId", "data-v-a17afd8c"]]), Qe = { class: "image__wrapper" }, Ze = /* @__PURE__ */ b({
+}), Qe = /* @__PURE__ */ g(Ye, [["__scopeId", "data-v-a17afd8c"]]), Ze = { class: "image__wrapper" }, Xe = /* @__PURE__ */ b({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -294,11 +294,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Qe, [
+    return (a, r) => (s(), i("div", Ze, [
       d(a.$slots, "default", H(R(a.$attrs)))
     ]));
   }
-}), M = /* @__PURE__ */ g(Ze, [["__scopeId", "data-v-4f7fe350"]]), Xe = { class: "label__wrapper" }, xe = ["aria-label", "label-dark"], et = /* @__PURE__ */ b({
+}), M = /* @__PURE__ */ g(Xe, [["__scopeId", "data-v-4f7fe350"]]), xe = { class: "label__wrapper" }, et = ["aria-label", "label-dark"], tt = /* @__PURE__ */ b({
   __name: "label",
   props: {
     text: {},
@@ -306,15 +306,15 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
   },
   setup(e) {
     const a = e, r = q(() => `Label: ${a.text}`);
-    return (l, o) => (s(), i("div", Xe, [
+    return (l, o) => (s(), i("div", xe, [
       t("span", {
         "aria-label": r.value,
         "label-dark": l.labelDark,
         class: h(l.labelDark ? "label--dark" : "label--light")
-      }, c(l.text), 11, xe)
+      }, c(l.text), 11, et)
     ]));
   }
-}), ee = /* @__PURE__ */ g(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, A = /* @__PURE__ */ b({
+}), ee = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-7d9d3a8a"]]), at = { class: "link__wrapper" }, A = /* @__PURE__ */ b({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -337,10 +337,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       true: "add-underline",
       false: "remove-underline"
     }, l = e, o = q(() => a[l.linkType]), u = q(() => r[l.underline]), p = q(() => {
-      const { ...n } = Se(l);
+      const { ...n } = Ie(l);
       return n;
     });
-    return (n, v) => (s(), i("div", tt, [
+    return (n, v) => (s(), i("div", at, [
       t("div", F(p.value, {
         class: ["mir-link", [
           o.value,
@@ -353,7 +353,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ], 16)
     ]));
   }
-}), at = (e) => (N("data-v-60c6ff7e"), e = e(), E(), e), ot = ["id", "name", "value", "checked", "disabled", "required"], lt = ["for"], st = /* @__PURE__ */ at(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), it = /* @__PURE__ */ b({
+}), ot = (e) => (N("data-v-60c6ff7e"), e = e(), E(), e), lt = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], it = /* @__PURE__ */ ot(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), rt = /* @__PURE__ */ b({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -382,17 +382,17 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         required: o.required,
         class: "radio__radio",
         onChange: l
-      }, null, 40, ot),
+      }, null, 40, lt),
       t("label", {
         for: o.id,
         class: h(["radio__label", o.required ? "required" : ""])
       }, [
-        st,
+        it,
         d(o.$slots, "default", {}, void 0, !0)
-      ], 10, lt)
+      ], 10, st)
     ], 2));
   }
-}), rt = /* @__PURE__ */ g(it, [["__scopeId", "data-v-60c6ff7e"]]), nt = { class: "select__wrapper" }, dt = ["for"], ct = ["id", "disabled", "name", "value"], ut = ["value"], _t = /* @__PURE__ */ b({
+}), nt = /* @__PURE__ */ g(rt, [["__scopeId", "data-v-60c6ff7e"]]), dt = { class: "select__wrapper" }, ct = ["for"], ut = ["id", "disabled", "name", "value"], _t = ["value"], ht = /* @__PURE__ */ b({
   __name: "select",
   props: {
     id: {},
@@ -405,11 +405,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (s(), i("div", nt, [
+    return (a, r) => (s(), i("div", dt, [
       t("label", {
         for: a.id,
         class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
-      }, c(a.label), 11, dt),
+      }, c(a.label), 11, ct),
       t("select", {
         id: a.id,
         class: h(a.disabled ? "disabled" : ""),
@@ -423,11 +423,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         (s(!0), i(V, null, P(a.options, (l) => (s(), i("option", {
           key: l.value,
           value: l.value
-        }, c(l.text), 9, ut))), 128))
-      ], 42, ct)
+        }, c(l.text), 9, _t))), 128))
+      ], 42, ut)
     ]));
   }
-}), ht = /* @__PURE__ */ g(_t, [["__scopeId", "data-v-d5c46463"]]), pt = { class: "modal__wrapper" }, mt = /* @__PURE__ */ b({
+}), pt = /* @__PURE__ */ g(ht, [["__scopeId", "data-v-d5c46463"]]), mt = { class: "modal__wrapper" }, ft = /* @__PURE__ */ b({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -438,13 +438,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     const r = e, l = a, o = () => {
       l("update:show", !r.show);
     };
-    return (u, p) => (s(), i("div", pt, [
-      I(Ie, {
+    return (u, p) => (s(), i("div", mt, [
+      I(Ce, {
         duration: 300,
         name: "nested"
       }, {
         default: k(() => [
-          K(t("dialog", {
+          G(t("dialog", {
             class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
@@ -474,7 +474,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       })
     ]));
   }
-}), ve = /* @__PURE__ */ g(mt, [["__scopeId", "data-v-0c868c23"]]), ft = { class: "slider__wrapper" }, vt = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], kt = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ b({
+}), ge = /* @__PURE__ */ g(ft, [["__scopeId", "data-v-0c868c23"]]), vt = { class: "slider__wrapper" }, gt = { class: "slider__label" }, bt = ["for"], kt = ["aria-label"], yt = { class: "slider__content" }, $t = ["id", "name", "value", "min", "step", "max"], wt = { class: "modal-information" }, Bt = /* @__PURE__ */ b({
   __name: "slider",
   props: {
     label: {},
@@ -494,7 +494,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       var $;
       ($ = u.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
     };
-    return pe(() => {
+    return me(() => {
       if (u.value) {
         l("update:modelValue", o.value);
         const f = n(o.value, r.min, r.max);
@@ -502,12 +502,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         v(f + $);
       }
     }), (f, $) => (s(), i("div", null, [
-      t("div", ft, [
-        t("div", vt, [
+      t("div", vt, [
+        t("div", gt, [
           t("label", {
             for: f.id,
             class: h([f.variant, ""])
-          }, c(f.label), 11, gt),
+          }, c(f.label), 11, bt),
           f.information ? (s(), i("i", {
             key: 0,
             role: "button",
@@ -516,10 +516,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             tabindex: "0",
             "aria-haspopup": "dialog",
             onClick: $[0] || ($[0] = (B) => p.value = !p.value),
-            onKeyup: $[1] || ($[1] = Ce((B) => p.value = !p.value, ["enter"]))
-          }, null, 42, bt)) : _("", !0)
+            onKeyup: $[1] || ($[1] = Te((B) => p.value = !p.value, ["enter"]))
+          }, null, 42, kt)) : _("", !0)
         ]),
-        t("div", kt, [
+        t("div", yt, [
           t("span", {
             class: h([f.variant, "slider__minmax"])
           }, c(f.min), 3),
@@ -535,7 +535,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             max: f.max,
             class: h(f.variant),
             onInput: $[2] || ($[2] = ({ target: B }) => o.value = parseFloat(B.value))
-          }, null, 42, yt),
+          }, null, 42, $t),
           t("span", {
             class: h([f.variant, "slider__minmax"])
           }, c(f.max), 3)
@@ -544,19 +544,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           class: h([f.variant, "slider__value"])
         }, c(f.modelValue), 3)
       ]),
-      f.information ? (s(), T(ve, {
+      f.information ? (s(), T(ge, {
         key: 0,
         show: p.value,
         "onUpdate:show": $[3] || ($[3] = (B) => p.value = B)
       }, {
         default: k(() => [
-          t("p", $t, c(f.information), 1)
+          t("p", wt, c(f.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : _("", !0)
     ]));
   }
-}), Bt = /* @__PURE__ */ g(wt, [["__scopeId", "data-v-24a83011"]]), St = { class: "textarea-wrapper" }, It = ["for"], Ct = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Tt = { class: "textarea-info" }, qt = { key: 0 }, At = /* @__PURE__ */ b({
+}), St = /* @__PURE__ */ g(Bt, [["__scopeId", "data-v-24a83011"]]), It = { class: "textarea-wrapper" }, Ct = ["for"], Tt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, At = { key: 0 }, Lt = /* @__PURE__ */ b({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -570,11 +570,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (s(), i("div", St, [
+    return (a, r) => (s(), i("div", It, [
       t("label", {
         for: a.id,
         class: h({ required: a.required })
-      }, c(a.labelText) + c(a.required ? " *" : ""), 11, It),
+      }, c(a.labelText) + c(a.required ? " *" : ""), 11, Ct),
       t("div", {
         class: h(
           a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
@@ -594,11 +594,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
           onInput: r[0] || (r[0] = (l) => a.$emit("update:modelValue", l.target.value))
-        }, null, 42, Ct)
+        }, null, 42, Tt)
       ], 2),
-      t("div", Tt, [
+      t("div", qt, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", qt, " Too many characters. Please make it shorter ")) : _("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", At, " Too many characters. Please make it shorter ")) : _("", !0)
         ]),
         t("p", {
           class: h(
@@ -608,16 +608,16 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ]));
   }
-}), Lt = /* @__PURE__ */ g(At, [["__scopeId", "data-v-7ecd7bf5"]]), Dt = { class: "text-field__wrapper" }, Vt = ["for"], Pt = { key: 0 }, Ft = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = ["aria-expanded"], Ot = ["id", "type", "value", "placeholder", "required", "disabled", "name"], zt = {
+}), Dt = /* @__PURE__ */ g(Lt, [["__scopeId", "data-v-7ecd7bf5"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = ["aria-expanded"], zt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
   key: 2,
   class: "search"
-}, Ht = {
+}, Rt = {
   key: 3,
   class: "errorMessage"
-}, Rt = {
+}, Nt = {
   key: 4,
   class: "helperText"
-}, Nt = /* @__PURE__ */ b({
+}, Et = /* @__PURE__ */ b({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -649,7 +649,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     ), p = q(
       () => o.value ? "password" : "text"
     );
-    return (n, v) => (s(), i("div", Dt, [
+    return (n, v) => (s(), i("div", Vt, [
       t("label", {
         for: n.id,
         class: h([
@@ -657,8 +657,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           n.disabled ? "disabled" : "",
           n.search ? "search" : ""
         ])
-      }, c(n.label), 11, Vt),
-      l.value === "password" ? (s(), i("div", Pt, [
+      }, c(n.label), 11, Pt),
+      l.value === "password" ? (s(), i("div", Ft, [
         t("input", {
           id: n.id,
           ref: "passwordField",
@@ -669,14 +669,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           disabled: n.disabled,
           name: n.fieldName,
           onInput: v[0] || (v[0] = (f) => n.$emit("update:modelValue", f.target.value))
-        }, null, 40, Ft),
+        }, null, 40, Mt),
         t("i", {
           role: "button",
           class: h([u.value]),
           "aria-controls": "password",
           "aria-expanded": !o.value,
           onClick: v[1] || (v[1] = (f) => o.value = !o.value)
-        }, null, 10, Mt)
+        }, null, 10, Ot)
       ])) : (s(), i("input", {
         key: 1,
         id: n.id,
@@ -693,13 +693,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         disabled: n.disabled,
         name: n.fieldName,
         onInput: v[2] || (v[2] = (f) => n.$emit("update:modelValue", f.target.value))
-      }, null, 42, Ot)),
-      n.search ? (s(), i("button", zt)) : _("", !0),
-      n.errorMessage ? (s(), i("strong", Ht, c(n.errorMessage), 1)) : _("", !0),
-      n.helperText ? (s(), i("span", Rt, c(n.helperText), 1)) : _("", !0)
+      }, null, 42, zt)),
+      n.search ? (s(), i("button", Ht)) : _("", !0),
+      n.errorMessage ? (s(), i("strong", Rt, c(n.errorMessage), 1)) : _("", !0),
+      n.helperText ? (s(), i("span", Nt, c(n.helperText), 1)) : _("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-1d92973b"]]), jt = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ b({
+}), jt = /* @__PURE__ */ g(Et, [["__scopeId", "data-v-1d92973b"]]), Ut = { class: "video__wrapper" }, Gt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ b({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -718,13 +718,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
   setup(e, { expose: a }) {
     const r = e;
     let l = C(null);
-    return pe(() => {
+    return me(() => {
       l.value && (r.play ? l.value.play() : r.play || l.value.pause());
     }), a({
       resetVideo: () => {
         l.value && (l.value.currentTime = 0, l.value.play());
       }
-    }), (u, p) => (s(), i("div", jt, [
+    }), (u, p) => (s(), i("div", Ut, [
       u.localVideo ? (s(), i("video", {
         key: 0,
         ref_key: "videoRef",
@@ -753,7 +753,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       }, null, 8, Kt))
     ]));
   }
-}), te = /* @__PURE__ */ g(Ut, [["__scopeId", "data-v-c6a0feb6"]]), Jt = { class: "address__wrapper" }, Wt = { class: "address__content" }, Yt = { class: "address__flag" }, Qt = { class: "address__address" }, Zt = { class: "address__name" }, Xt = { key: 0 }, xt = { class: "address__contact" }, ea = ["href"], ta = ["href"], aa = ["href"], oa = /* @__PURE__ */ b({
+}), te = /* @__PURE__ */ g(Jt, [["__scopeId", "data-v-c6a0feb6"]]), Wt = { class: "address__wrapper" }, Yt = { class: "address__content" }, Qt = { class: "address__flag" }, Zt = { class: "address__address" }, Xt = { class: "address__name" }, xt = { key: 0 }, ea = { class: "address__contact" }, ta = ["href"], aa = ["href"], oa = ["href"], la = /* @__PURE__ */ b({
   __name: "address",
   props: {
     name: {},
@@ -766,19 +766,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     email: {}
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Jt, [
-      t("div", Wt, [
-        t("div", Yt, [
+    return (a, r) => (s(), i("div", Wt, [
+      t("div", Yt, [
+        t("div", Qt, [
           d(a.$slots, "address-flag", {}, void 0, !0)
         ]),
-        t("div", Qt, [
-          t("p", Zt, c(a.name), 1),
+        t("div", Zt, [
+          t("p", Xt, c(a.name), 1),
           t("p", null, c(a.company), 1),
           t("p", null, c(a.addressLine1), 1),
           t("p", null, c(a.addressLine2), 1),
-          a.addressLine3 ? (s(), i("p", Xt, c(a.addressLine3), 1)) : _("", !0)
+          a.addressLine3 ? (s(), i("p", xt, c(a.addressLine3), 1)) : _("", !0)
         ]),
-        t("div", xt, [
+        t("div", ea, [
           a.website ? (s(), T(A, {
             key: 0,
             underline: "false",
@@ -788,7 +788,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               t("a", {
                 href: "https://" + a.website,
                 class: "address__website"
-              }, c(a.website), 9, ea)
+              }, c(a.website), 9, ta)
             ]),
             _: 1
           })) : _("", !0),
@@ -801,19 +801,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               t("a", {
                 href: "tel:" + l,
                 class: "address__phone"
-              }, c(l), 9, ta)
+              }, c(l), 9, aa)
             ]),
             _: 2
           }, 1024))), 128)),
           t("a", {
             href: "mailto:" + a.email,
             class: "address__email"
-          }, c(a.email), 9, aa)
+          }, c(a.email), 9, oa)
         ])
       ])
     ]));
   }
-}), la = /* @__PURE__ */ g(oa, [["__scopeId", "data-v-6f5f6a44"]]), sa = (e) => (N("data-v-a44fd57d"), e = e(), E(), e), ia = { class: "bullet-list__wrapper" }, ra = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), na = /* @__PURE__ */ b({
+}), sa = /* @__PURE__ */ g(la, [["__scopeId", "data-v-6f5f6a44"]]), ia = (e) => (N("data-v-a44fd57d"), e = e(), E(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ b({
   __name: "bullet-list",
   props: {
     list: {
@@ -833,20 +833,20 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ia, [
+    return (a, r) => (s(), i("div", ra, [
       t("div", {
         class: h(["bullet-list", e.variant])
       }, [
         t("ul", null, [
           (s(!0), i(V, null, P(e.list, (l) => (s(), i("li", { key: l }, [
-            ra,
+            na,
             Y(" " + c(l), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), da = /* @__PURE__ */ g(na, [["__scopeId", "data-v-a44fd57d"]]), ca = { class: "card__wrapper" }, ua = { key: 2 }, _a = { key: 5 }, ha = /* @__PURE__ */ b({
+}), ca = /* @__PURE__ */ g(da, [["__scopeId", "data-v-a44fd57d"]]), ua = { class: "card__wrapper" }, _a = { key: 2 }, ha = { key: 5 }, pa = /* @__PURE__ */ b({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -868,7 +868,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
   },
   emits: ["clicked"],
   setup(e) {
-    const a = Te();
+    const a = qe();
     let r = C(!1);
     const l = {
       xsmall: {
@@ -892,7 +892,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         height: "335"
       }
     }, o = e, u = q(() => l[o.size]), p = q(() => o.variant === "article" || o.variant === "product" ? `card--${o.size}-${o.variant}` : `card--${o.variant}`);
-    return (n, v) => (s(), i("div", ca, [
+    return (n, v) => (s(), i("div", ua, [
       t("div", {
         class: h(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
@@ -901,11 +901,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           p.value,
           n.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: x([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: v[0] || (v[0] = (f) => X(r) ? r.value = !0 : r = !0),
-        onMouseout: v[1] || (v[1] = (f) => X(r) ? r.value = !1 : r = !1),
-        onFocus: v[2] || (v[2] = (f) => X(r) ? r.value = !0 : r = !0),
-        onBlur: v[3] || (v[3] = (f) => X(r) ? r.value = !1 : r = !1)
+        style: Q([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: v[0] || (v[0] = (f) => x(r) ? r.value = !0 : r = !0),
+        onMouseout: v[1] || (v[1] = (f) => x(r) ? r.value = !1 : r = !1),
+        onFocus: v[2] || (v[2] = (f) => x(r) ? r.value = !0 : r = !0),
+        onBlur: v[3] || (v[3] = (f) => x(r) ? r.value = !1 : r = !1)
       }, [
         n.mediaType === "image" ? (s(), T(M, { key: 0 }, {
           default: k(() => [
@@ -937,7 +937,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        y(a)["card-label"] ? (s(), i("div", ua, [
+        y(a)["card-label"] ? (s(), i("div", _a, [
           d(n.$slots, "card-label")
         ])) : _("", !0),
         n.variant === "product" ? (s(), i("div", {
@@ -954,11 +954,11 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
         }, c(n.headline), 3)),
-        n.variant === "product" ? (s(), i("p", _a, c(n.paragraph), 1)) : _("", !0)
+        n.variant === "product" ? (s(), i("p", ha, c(n.paragraph), 1)) : _("", !0)
       ], 38)
     ]));
   }
-}), pa = /* @__PURE__ */ g(ha, [["__scopeId", "data-v-364d219c"]]), ma = { class: "column-card__content" }, fa = { class: "column-card__headline" }, va = { class: "column-card__bodytext" }, ga = /* @__PURE__ */ b({
+}), ma = /* @__PURE__ */ g(pa, [["__scopeId", "data-v-364d219c"]]), fa = { class: "column-card__content" }, va = { class: "column-card__headline" }, ga = { class: "column-card__bodytext" }, ba = /* @__PURE__ */ b({
   __name: "column-card",
   props: {
     headline: {},
@@ -980,7 +980,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     return (o, u) => (s(), i("div", {
       class: h(["column-card", l.value])
     }, [
-      t("div", ma, [
+      t("div", fa, [
         o.image.filename ? (s(), i("div", {
           key: 0,
           class: h(["column-card__image", { cover: o.imageFit, contain: !o.imageFit }])
@@ -990,8 +990,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             alt: o.image.alt
           })), void 0, !0)
         ], 2)) : _("", !0),
-        t("h3", fa, c(o.headline), 1),
-        t("div", va, [
+        t("h3", va, c(o.headline), 1),
+        t("div", ga, [
           d(o.$slots, "column-card-body", {}, void 0, !0)
         ]),
         o.linkType === "link" ? (s(), T(A, {
@@ -1007,10 +1007,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ], 2));
   }
-}), ge = /* @__PURE__ */ g(ga, [["__scopeId", "data-v-a505d05e"]]), ba = (e) => (N("data-v-e4a362a9"), e = e(), E(), e), ka = { class: "event__wrapper" }, ya = { class: "event__headline" }, $a = { class: "event__date-location" }, wa = /* @__PURE__ */ ba(() => /* @__PURE__ */ t("br", null, null, -1)), Ba = {
+}), be = /* @__PURE__ */ g(ba, [["__scopeId", "data-v-a505d05e"]]), ka = (e) => (N("data-v-e4a362a9"), e = e(), E(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, wa = { class: "event__date-location" }, Ba = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Sa = {
   key: 0,
   class: "event__info"
-}, Sa = { class: "event__exhibitor" }, Ia = /* @__PURE__ */ b({
+}, Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ b({
   __name: "event-card",
   props: {
     eventType: {
@@ -1040,46 +1040,46 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ka, [
+    return (a, r) => (s(), i("div", ya, [
       I(ee, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", ya, c(e.headline), 1),
-      t("div", $a, [
+      t("div", $a, c(e.headline), 1),
+      t("div", wa, [
         Y(c(e.dateTime) + " ", 1),
-        wa,
-        e.info ? (s(), i("div", Ba, c(e.info), 1)) : _("", !0),
+        Ba,
+        e.info ? (s(), i("div", Sa, c(e.info), 1)) : _("", !0),
         Y(" " + c(e.location), 1)
       ]),
-      t("div", Sa, c(e.exhibitor), 1)
+      t("div", Ia, c(e.exhibitor), 1)
     ]));
   }
-}), Ca = /* @__PURE__ */ g(Ia, [["__scopeId", "data-v-e4a362a9"]]), re = (e) => (N("data-v-93ee37aa"), e = e(), E(), e), Ta = { class: "flashcard-side flashcard-front" }, qa = {
+}), Ta = /* @__PURE__ */ g(Ca, [["__scopeId", "data-v-e4a362a9"]]), re = (e) => (N("data-v-93ee37aa"), e = e(), E(), e), qa = { class: "flashcard-side flashcard-front" }, Aa = {
   key: 0,
   class: "content"
-}, Aa = { key: 0 }, La = {
+}, La = { key: 0 }, Da = {
   key: 1,
   class: "flashcard-body"
-}, Da = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
+}, Va = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Va = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
+}, null, -1)), Pa = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
-}, null, -1)), Pa = {
+}, null, -1)), Fa = {
   key: 0,
   class: "content"
-}, Fa = { key: 0 }, Ma = {
+}, Ma = { key: 0 }, Oa = {
   key: 1,
   class: "flashcard-body"
-}, Oa = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
+}, za = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), za = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
+}, null, -1)), Ha = /* @__PURE__ */ re(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
-}, null, -1)), Ha = /* @__PURE__ */ b({
+}, null, -1)), Ra = /* @__PURE__ */ b({
   __name: "flashcard",
   props: {
     name: {},
@@ -1111,13 +1111,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             "flashcard--lg": l.size === "lg"
           }])
         }, [
-          t("div", Ta, [
-            l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", qa, [
-              l.name ? (s(), i("h3", Aa, c(l.name), 1)) : _("", !0),
-              l.bodytext ? (s(), i("div", La, [
+          t("div", qa, [
+            l.name || ((u = l.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", Aa, [
+              l.name ? (s(), i("h3", La, c(l.name), 1)) : _("", !0),
+              l.bodytext ? (s(), i("div", Da, [
                 d(l.$slots, "flashcard-front-body", H(R({ bodytext: l.bodytext })), void 0, !0)
               ])) : _("", !0),
-              Da
+              Va
             ])) : (s(), i("div", {
               key: 1,
               class: h(["flashcard-image", {
@@ -1126,7 +1126,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               }])
             }, [
               d(l.$slots, "flashcard-front-image", H(R({ src: (p = l.image) == null ? void 0 : p.filename, alt: (n = l.image) == null ? void 0 : n.alt })), void 0, !0),
-              Va
+              Pa
             ], 2))
           ]),
           t("div", {
@@ -1135,12 +1135,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               (v = l.imagebackside) != null && v.filename ? "flashcard-back--image" : "flashcard-back--no-image"
             ])
           }, [
-            l.namebackside || l.bodytextbackside.length > 0 ? (s(), i("div", Pa, [
-              l.namebackside ? (s(), i("h3", Fa, c(l.namebackside), 1)) : _("", !0),
-              l.bodytextbackside ? (s(), i("div", Ma, [
+            l.namebackside || l.bodytextbackside.length > 0 ? (s(), i("div", Fa, [
+              l.namebackside ? (s(), i("h3", Ma, c(l.namebackside), 1)) : _("", !0),
+              l.bodytextbackside ? (s(), i("div", Oa, [
                 d(l.$slots, "flashcard-back-body", H(R({ bodytextbackside: l.bodytextbackside })), void 0, !0)
               ])) : _("", !0),
-              Oa
+              za
             ])) : (s(), i("div", {
               key: 1,
               class: h(["flashcard-image", {
@@ -1149,14 +1149,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               }])
             }, [
               d(l.$slots, "flashcard-back-image", H(R({ src: (f = l.imagebackside) == null ? void 0 : f.filename, alt: ($ = l.imagebackside) == null ? void 0 : $.alt })), void 0, !0),
-              za
+              Ha
             ], 2))
           ], 2)
         ], 2)
       ]);
     };
   }
-}), be = /* @__PURE__ */ g(Ha, [["__scopeId", "data-v-93ee37aa"]]), Ra = { class: "text__wrapper" }, Na = { class: "text__headline" }, Ea = { class: "text__paragraph" }, ja = /* @__PURE__ */ b({
+}), ke = /* @__PURE__ */ g(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ua = /* @__PURE__ */ b({
   __name: "text-card",
   props: {
     label: {
@@ -1173,24 +1173,24 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ra, [
+    return (a, r) => (s(), i("div", Na, [
       I(ee, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", Na, c(e.headline), 1),
-      t("div", Ea, [
+      t("div", Ea, c(e.headline), 1),
+      t("div", ja, [
         t("p", null, c(e.paragraph), 1)
       ])
     ]));
   }
-}), Ga = /* @__PURE__ */ g(ja, [["__scopeId", "data-v-ebdea819"]]), Ka = { class: "accordions" }, Ua = { class: "accordions__wrapper" }, Ja = { class: "accordion" }, Wa = ["onClick"], Ya = { class: "accordion__headline" }, Qa = { class: "accordion__icon" }, Za = {
+}), Ga = /* @__PURE__ */ g(Ua, [["__scopeId", "data-v-ebdea819"]]), Ka = { class: "accordions" }, Ja = { class: "accordions__wrapper" }, Wa = { class: "accordion" }, Ya = ["onClick"], Qa = { class: "accordion__headline" }, Za = { class: "accordion__icon" }, Xa = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
-}, Xa = {
+}, xa = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/22x21/adfe5d1742/icon_substract.svg"
-}, xa = { class: "accordion__bodytext" }, eo = /* @__PURE__ */ b({
+}, eo = { class: "accordion__bodytext" }, to = /* @__PURE__ */ b({
   __name: "accordion",
   props: {
     accordions: {}
@@ -1201,27 +1201,27 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       u > -1 ? a.value.splice(u, 1) : a.value.push(o);
     }, l = (o) => a.value.includes(o);
     return (o, u) => (s(), i("section", Ka, [
-      t("div", Ua, [
+      t("div", Ja, [
         (s(!0), i(V, null, P(o.accordions, (p) => (s(), i("div", {
           key: p._uid
         }, [
-          t("div", Ja, [
+          t("div", Wa, [
             t("div", {
               class: "accordion__header",
               onClick: (n) => r(p._uid)
             }, [
-              t("h3", Ya, c(p.headline), 1),
-              t("span", Qa, [
-                l(p._uid) ? (s(), i("img", Xa)) : (s(), i("img", Za))
+              t("h3", Qa, c(p.headline), 1),
+              t("span", Za, [
+                l(p._uid) ? (s(), i("img", xa)) : (s(), i("img", Xa))
               ])
-            ], 8, Wa),
+            ], 8, Ya),
             t("div", {
               class: h(["accordion__content", { "accordion__content--reverse": p.imageFirst }]),
-              style: x({
+              style: Q({
                 display: l(p._uid) ? "flex" : "none"
               })
             }, [
-              t("div", xa, [
+              t("div", eo, [
                 d(o.$slots, "accordion-body", F({ ref_for: !0 }, { body: p.bodytext }), void 0, !0)
               ]),
               I(M, null, {
@@ -1243,10 +1243,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ]));
   }
-}), to = /* @__PURE__ */ g(eo, [["__scopeId", "data-v-0e6f6da8"]]), ao = {
+}), ao = /* @__PURE__ */ g(to, [["__scopeId", "data-v-0e6f6da8"]]), oo = {
   key: 0,
   class: "card__content"
-}, oo = { key: 0 }, lo = { key: 1 }, so = { class: "card__cards" }, io = /* @__PURE__ */ b({
+}, lo = { key: 0 }, so = { key: 1 }, io = { class: "card__cards" }, ro = /* @__PURE__ */ b({
   __name: "card-display",
   props: {
     headline: {
@@ -1279,23 +1279,23 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           e.isBlock ? "card-display__wrapper--block" : "card-display__wrapper--inline"
         ])
       }, [
-        e.headline || e.paragraph ? (s(), i("div", ao, [
-          e.headline ? (s(), i("h2", oo, c(e.headline), 1)) : _("", !0),
-          e.paragraph ? (s(), i("p", lo, c(e.paragraph), 1)) : _("", !0)
+        e.headline || e.paragraph ? (s(), i("div", oo, [
+          e.headline ? (s(), i("h2", lo, c(e.headline), 1)) : _("", !0),
+          e.paragraph ? (s(), i("p", so, c(e.paragraph), 1)) : _("", !0)
         ])) : _("", !0),
-        t("div", so, [
+        t("div", io, [
           d(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ], 2)
     ], 2));
   }
-}), ro = /* @__PURE__ */ g(io, [["__scopeId", "data-v-659726bd"]]), no = { class: "column-grid__top-section" }, co = {
+}), no = /* @__PURE__ */ g(ro, [["__scopeId", "data-v-659726bd"]]), co = { class: "column-grid__top-section" }, uo = {
   key: 0,
   class: "column-grid__headline"
-}, uo = {
+}, _o = {
   key: 1,
   class: "column-grid__bodytext"
-}, _o = { class: "column-grid__teaser-list" }, ho = /* @__PURE__ */ b({
+}, ho = { class: "column-grid__teaser-list" }, po = /* @__PURE__ */ b({
   __name: "column-grid",
   props: {
     headline: { default: "" },
@@ -1312,9 +1312,9 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
         a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
       ])
     }, [
-      t("div", no, [
-        a.headline ? (s(), i("h2", co, c(a.headline), 1)) : _("", !0),
-        a.bodytext ? (s(), i("div", uo, [
+      t("div", co, [
+        a.headline ? (s(), i("h2", uo, c(a.headline), 1)) : _("", !0),
+        a.bodytext ? (s(), i("div", _o, [
           d(a.$slots, "column-grid-body", {}, void 0, !0),
           a.linkType === "link" ? (s(), T(A, {
             key: 0,
@@ -1328,8 +1328,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           }, 8, ["link-type"])) : _("", !0)
         ])) : _("", !0)
       ]),
-      t("div", _o, [
-        (s(!0), i(V, null, P(a.columns, (l) => (s(), T(ge, {
+      t("div", ho, [
+        (s(!0), i(V, null, P(a.columns, (l) => (s(), T(be, {
           key: l._uid,
           headline: l.headline,
           bodytext: l.bodytext,
@@ -1362,10 +1362,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ], 2));
   }
-}), po = /* @__PURE__ */ g(ho, [["__scopeId", "data-v-d27098ae"]]), mo = { class: "facts__wrapper" }, fo = { class: "facts__content" }, vo = { class: "facts__headline" }, go = { class: "facts" }, bo = { class: "fact__value" }, ko = { class: "fact__metric" }, yo = {
+}), mo = /* @__PURE__ */ g(po, [["__scopeId", "data-v-d27098ae"]]), fo = { class: "facts__wrapper" }, vo = { class: "facts__content" }, go = { class: "facts__headline" }, bo = { class: "facts" }, ko = { class: "fact__value" }, yo = { class: "fact__metric" }, $o = {
   key: 0,
   class: "facts__link"
-}, $o = /* @__PURE__ */ b({
+}, wo = /* @__PURE__ */ b({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1389,23 +1389,23 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", mo, [
-      t("div", fo, [
-        t("h2", vo, c(a.headline), 1),
-        t("div", go, [
+    return (a, r) => (s(), i("div", fo, [
+      t("div", vo, [
+        t("h2", go, c(a.headline), 1),
+        t("div", bo, [
           (s(!0), i(V, null, P(a.facts, (l) => (s(), i("div", {
             key: l.value + l.metric,
             class: "fact"
           }, [
-            t("div", bo, [
+            t("div", ko, [
               t("span", null, c(l.value), 1)
             ]),
-            t("div", ko, [
+            t("div", yo, [
               t("span", null, c(l.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (s(), i("div", yo, [
+        a.link ? (s(), i("div", $o, [
           I(A, {
             "link-type": "regular_light",
             arrow: ""
@@ -1419,13 +1419,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ]));
   }
-}), wo = /* @__PURE__ */ g($o, [["__scopeId", "data-v-d2b231d4"]]), Bo = { class: "features__wrapper" }, So = { class: "features__content" }, Io = {
+}), Bo = /* @__PURE__ */ g(wo, [["__scopeId", "data-v-d2b231d4"]]), So = { class: "features__wrapper" }, Io = { class: "features__content" }, Co = {
   key: 0,
   class: "features__headline"
-}, Co = {
+}, To = {
   key: 1,
   class: "features__body"
-}, To = { class: "element__headline" }, qo = { class: "element__body" }, Ao = /* @__PURE__ */ b({
+}, qo = { class: "element__headline" }, Ao = { class: "element__body" }, Lo = /* @__PURE__ */ b({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1433,12 +1433,12 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Bo, [
-      t("div", So, [
-        a.headline ? (s(), i("div", Io, [
+    return (a, r) => (s(), i("div", So, [
+      t("div", Io, [
+        a.headline ? (s(), i("div", Co, [
           t("h2", null, c(a.headline), 1)
         ])) : _("", !0),
-        a.hasBody ? (s(), i("div", Co, [
+        a.hasBody ? (s(), i("div", To, [
           d(a.$slots, "features-body", {}, void 0, !0)
         ])) : _("", !0),
         t("div", {
@@ -1459,8 +1459,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               ]),
               _: 2
             }, 1024),
-            t("p", To, c(l.headline), 1),
-            t("p", qo, c(l.body), 1),
+            t("p", qo, c(l.headline), 1),
+            t("p", Ao, c(l.body), 1),
             l.link && l.linkText ? (s(), T(A, {
               key: 0,
               "link-type": "regular_light",
@@ -1476,13 +1476,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ]));
   }
-}), Lo = /* @__PURE__ */ g(Ao, [["__scopeId", "data-v-72cf514b"]]), Do = { class: "flashcard-wrapper" }, Vo = {
+}), Do = /* @__PURE__ */ g(Lo, [["__scopeId", "data-v-72cf514b"]]), Vo = { class: "flashcard-wrapper" }, Po = {
   key: 0,
   class: "flashcard-wrapper__headline"
-}, Po = {
+}, Fo = {
   key: 1,
   class: "flashcard-wrapper__bodytext"
-}, Fo = /* @__PURE__ */ b({
+}, Mo = /* @__PURE__ */ b({
   __name: "flashcards",
   props: {
     headline: {},
@@ -1499,15 +1499,15 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     return (o, u) => (s(), i("div", {
       class: h(["flashcards", o.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
     }, [
-      t("div", Do, [
+      t("div", Vo, [
         t("div", {
           class: h([
             { "no-bodytext": !r.value },
             "flashcard-wrapper__top-section"
           ])
         }, [
-          o.headline ? (s(), i("h2", Vo, c(o.headline), 1)) : _("", !0),
-          o.body ? (s(), i("div", Po, [
+          o.headline ? (s(), i("h2", Po, c(o.headline), 1)) : _("", !0),
+          o.body ? (s(), i("div", Fo, [
             d(o.$slots, "flashcard-wrapper-body", {}, void 0, !0)
           ])) : _("", !0)
         ], 2),
@@ -1518,7 +1518,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             lg: l.value === "lg"
           }])
         }, [
-          (s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(y(be), {
+          (s(!0), i(V, null, P(o.flashcards, (p) => (s(), T(y(ke), {
             key: p._uid,
             name: p.name,
             bodytext: p.bodytext,
@@ -1548,7 +1548,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ], 2));
   }
-}), Mo = /* @__PURE__ */ g(Fo, [["__scopeId", "data-v-de3c8751"]]), Oo = { class: "form__content" }, zo = { class: "form__information" }, Ho = { class: "form__headline" }, Ro = { class: "form__body" }, No = { class: "form__script" }, Eo = /* @__PURE__ */ b({
+}), Oo = /* @__PURE__ */ g(Mo, [["__scopeId", "data-v-de3c8751"]]), zo = { class: "form__content" }, Ho = { class: "form__information" }, Ro = { class: "form__headline" }, No = { class: "form__body" }, Eo = { class: "form__script" }, jo = /* @__PURE__ */ b({
   __name: "form-script",
   props: {
     headline: { default: "" },
@@ -1565,10 +1565,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     return (o, u) => (s(), i("div", {
       class: h(["form__wrapper", l.value])
     }, [
-      t("div", Oo, [
-        t("div", zo, [
-          t("h2", Ho, c(o.headline), 1),
-          t("div", Ro, [
+      t("div", zo, [
+        t("div", Ho, [
+          t("h2", Ro, c(o.headline), 1),
+          t("div", No, [
             d(o.$slots, "form-body", {}, void 0, !0)
           ]),
           o.linkType === "link" ? (s(), T(A, {
@@ -1582,13 +1582,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             _: 3
           }, 8, ["link-type"])) : _("", !0)
         ]),
-        t("div", No, [
+        t("div", Eo, [
           d(o.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), jo = /* @__PURE__ */ g(Eo, [["__scopeId", "data-v-b8b02bae"]]), Go = { class: "headline__wrapper" }, Ko = { class: "headline__h1" }, Uo = /* @__PURE__ */ b({
+}), Uo = /* @__PURE__ */ g(jo, [["__scopeId", "data-v-b8b02bae"]]), Go = { class: "headline__wrapper" }, Ko = { class: "headline__h1" }, Jo = /* @__PURE__ */ b({
   __name: "headline",
   props: {
     headline: {
@@ -1618,7 +1618,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ], 2)
     ]));
   }
-}), Jo = /* @__PURE__ */ g(Uo, [["__scopeId", "data-v-3ef1567e"]]), Wo = (e) => (N("data-v-22f9be13"), e = e(), E(), e), Yo = { class: "hero__wrapper" }, Qo = { class: "hero__content" }, Zo = { class: "hero__top" }, Xo = { class: "hero__elements" }, xo = { class: "hero__headline" }, el = { class: "hero__link" }, tl = { class: "hero__video" }, al = /* @__PURE__ */ Wo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ol = { class: "hero__video__video" }, ll = { class: "hero__image" }, sl = /* @__PURE__ */ b({
+}), Wo = /* @__PURE__ */ g(Jo, [["__scopeId", "data-v-3ef1567e"]]), Yo = (e) => (N("data-v-22f9be13"), e = e(), E(), e), Qo = { class: "hero__wrapper" }, Zo = { class: "hero__content" }, Xo = { class: "hero__top" }, xo = { class: "hero__elements" }, el = { class: "hero__headline" }, tl = { class: "hero__link" }, al = { class: "hero__video" }, ol = /* @__PURE__ */ Yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ll = { class: "hero__video__video" }, sl = { class: "hero__image" }, il = /* @__PURE__ */ b({
   __name: "hero",
   props: {
     headline: {
@@ -1627,14 +1627,14 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Yo, [
-      t("div", Qo, [
-        t("div", Zo, [
-          t("div", Xo, [
-            t("div", xo, [
+    return (a, r) => (s(), i("div", Qo, [
+      t("div", Zo, [
+        t("div", Xo, [
+          t("div", xo, [
+            t("div", el, [
               t("h1", null, c(e.headline), 1)
             ]),
-            t("div", el, [
+            t("div", tl, [
               I(A, {
                 "link-type": "regular_light",
                 arrow: ""
@@ -1647,19 +1647,19 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             ])
           ])
         ]),
-        t("div", tl, [
-          al,
-          t("div", ol, [
+        t("div", al, [
+          ol,
+          t("div", ll, [
             d(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          t("div", ll, [
+          t("div", sl, [
             d(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), il = /* @__PURE__ */ g(sl, [["__scopeId", "data-v-22f9be13"]]), rl = { class: "image__wrapper" }, nl = { class: "image__content" }, dl = { class: "image__image" }, cl = { class: "image__caption" }, ul = /* @__PURE__ */ b({
+}), rl = /* @__PURE__ */ g(il, [["__scopeId", "data-v-22f9be13"]]), nl = { class: "image__wrapper" }, dl = { class: "image__content" }, cl = { class: "image__image" }, ul = { class: "image__caption" }, _l = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1683,9 +1683,9 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", rl, [
-      t("div", nl, [
-        t("div", dl, [
+    return (a, r) => (s(), i("div", nl, [
+      t("div", dl, [
+        t("div", cl, [
           I(M, null, {
             default: k(() => [
               d(a.$slots, "image", H(R({
@@ -1699,17 +1699,17 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             _: 3
           })
         ]),
-        t("p", cl, c(e.caption), 1)
+        t("p", ul, c(e.caption), 1)
       ])
     ]));
   }
-}), _l = /* @__PURE__ */ g(ul, [["__scopeId", "data-v-c583d657"]]), hl = { class: "gallery__large" }, pl = {
+}), hl = /* @__PURE__ */ g(_l, [["__scopeId", "data-v-c583d657"]]), pl = { class: "gallery__large" }, ml = {
   key: 0,
   class: "image image--large"
-}, ml = {
+}, fl = {
   key: 1,
   class: "video"
-}, fl = /* @__PURE__ */ b({
+}, vl = /* @__PURE__ */ b({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1737,8 +1737,8 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", hl, [
-          o.mediaLarge && o.mediaType === "image" ? (s(), i("div", pl, [
+        t("div", pl, [
+          o.mediaLarge && o.mediaType === "image" ? (s(), i("div", ml, [
             I(M, null, {
               default: k(() => [
                 d(o.$slots, "image-large", H(R({
@@ -1750,7 +1750,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
               _: 3
             })
           ])) : _("", !0),
-          o.mediaLarge && o.mediaType === "video" ? (s(), i("div", ml, [
+          o.mediaLarge && o.mediaType === "video" ? (s(), i("div", fl, [
             I(te, {
               src: o.mediaLarge.src,
               "local-video": "",
@@ -1766,7 +1766,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
           ])) : _("", !0)
         ]),
         t("div", {
-          style: x([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          style: Q([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
           class: h([
             "gallery__small",
             o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
@@ -1807,10 +1807,10 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ], 2)
     ], 2));
   }
-}), vl = /* @__PURE__ */ g(fl, [["__scopeId", "data-v-04a9ee0f"]]), gl = { class: "logo-wall__wrapper" }, bl = { class: "logo-wall__content" }, kl = {
+}), gl = /* @__PURE__ */ g(vl, [["__scopeId", "data-v-04a9ee0f"]]), bl = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, yl = {
   key: 0,
   class: "logo-wall__text"
-}, yl = { key: 0 }, $l = { key: 1 }, wl = { class: "logo-wall__logos" }, Bl = { class: "logo-wall__link" }, Sl = /* @__PURE__ */ b({
+}, $l = { key: 0 }, wl = { key: 1 }, Bl = { class: "logo-wall__logos" }, Sl = { class: "logo-wall__link" }, Il = /* @__PURE__ */ b({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1828,13 +1828,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", gl, [
-      t("div", bl, [
-        e.headline || e.body ? (s(), i("div", kl, [
-          e.headline ? (s(), i("h2", yl, c(e.headline), 1)) : _("", !0),
-          e.body ? (s(), i("p", $l, c(e.body), 1)) : _("", !0)
+    return (a, r) => (s(), i("div", bl, [
+      t("div", kl, [
+        e.headline || e.body ? (s(), i("div", yl, [
+          e.headline ? (s(), i("h2", $l, c(e.headline), 1)) : _("", !0),
+          e.body ? (s(), i("p", wl, c(e.body), 1)) : _("", !0)
         ])) : _("", !0),
-        t("div", wl, [
+        t("div", Bl, [
           (s(!0), i(V, null, P(e.logos, (l) => (s(), i("div", {
             key: l.src + l.alt,
             class: "logo-wall__logo"
@@ -1852,7 +1852,7 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Bl, [
+        t("div", Sl, [
           I(A, {
             "link-type": "regular_light",
             arrow: !0
@@ -1866,13 +1866,13 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
       ])
     ]));
   }
-}), Il = /* @__PURE__ */ g(Sl, [["__scopeId", "data-v-fd489289"]]), Cl = { class: "micro-stories__top" }, Tl = {
+}), Cl = /* @__PURE__ */ g(Il, [["__scopeId", "data-v-fd489289"]]), Tl = { class: "micro-stories__top" }, ql = {
   key: 0,
   class: "micro-stories__headline"
-}, ql = {
+}, Al = {
   key: 1,
   class: "micro-stories__body"
-}, Al = { class: "micro-stories__splide" }, Ll = /* @__PURE__ */ b({
+}, Ll = { class: "micro-stories__splide" }, Dl = /* @__PURE__ */ b({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1888,32 +1888,32 @@ const Ae = ["aria-label"], Le = /* @__PURE__ */ b({
     return (o, u) => (s(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Cl, [
-        o.headline ? (s(), i("div", Tl, [
+      t("div", Tl, [
+        o.headline ? (s(), i("div", ql, [
           t("h2", null, c(o.headline), 1)
         ])) : _("", !0),
-        o.body ? (s(), i("div", ql, [
+        o.body ? (s(), i("div", Al, [
           d(o.$slots, "micro-stories-body")
         ])) : _("", !0)
       ]),
-      t("div", Al, [
+      t("div", Ll, [
         d(o.$slots, "micro-stories-slides")
       ]),
       d(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Dl = {}, Vl = { class: "policy__wrapper" }, Pl = { class: "policy__content" };
-function Fl(e, a) {
-  return s(), i("div", Vl, [
-    t("div", Pl, [
+}), Vl = {}, Pl = { class: "policy__wrapper" }, Fl = { class: "policy__content" };
+function Ml(e, a) {
+  return s(), i("div", Pl, [
+    t("div", Fl, [
       d(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a"]]), Ol = { class: "product-hero__wrapper" }, zl = { class: "product-hero__content" }, Hl = { class: "product-hero__headline" }, Rl = { class: "product-hero__video" }, Nl = { class: "product-hero__insignia" }, El = {
+const Ol = /* @__PURE__ */ g(Vl, [["render", Ml], ["__scopeId", "data-v-ea887d7a"]]), zl = { class: "product-hero__wrapper" }, Hl = { class: "product-hero__content" }, Rl = { class: "product-hero__headline" }, Nl = { class: "product-hero__video" }, El = { class: "product-hero__insignia" }, jl = {
   key: 0,
   class: "product-hero__logo"
-}, jl = {
+}, Ul = {
   key: 1,
   class: "product-hero__certification"
 }, Gl = /* @__PURE__ */ b({
@@ -1951,10 +1951,10 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ol, [
-      t("div", zl, [
-        t("div", Hl, c(e.headline), 1),
-        t("div", Rl, [
+    return (a, r) => (s(), i("div", zl, [
+      t("div", Hl, [
+        t("div", Rl, c(e.headline), 1),
+        t("div", Nl, [
           e.videoSrc !== "" ? (s(), T(te, {
             key: 0,
             play: "",
@@ -1972,8 +1972,8 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           })),
-          t("div", Nl, [
-            e.logoSrc ? (s(), i("div", El, [
+          t("div", El, [
+            e.logoSrc ? (s(), i("div", jl, [
               I(y(M), null, {
                 default: k(() => [
                   d(a.$slots, "product-hero-logo", {}, void 0, !0)
@@ -1981,7 +1981,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : _("", !0),
-            e.isCertified ? (s(), i("div", jl, [
+            e.isCertified ? (s(), i("div", Ul, [
               I(y(M), null, {
                 default: k(() => [
                   d(a.$slots, "product-hero-certification", {}, void 0, !0)
@@ -1994,7 +1994,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), Kl = /* @__PURE__ */ g(Gl, [["__scopeId", "data-v-deab9c3a"]]), Ul = { class: "promo__content" }, Jl = /* @__PURE__ */ b({
+}), Kl = /* @__PURE__ */ g(Gl, [["__scopeId", "data-v-deab9c3a"]]), Jl = { class: "promo__content" }, Wl = /* @__PURE__ */ b({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -2023,7 +2023,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
         o.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      t("div", Ul, [
+      t("div", Jl, [
         o.mediaType === "image" ? (s(), i("div", {
           key: 0,
           class: h([
@@ -2099,10 +2099,10 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Wl = /* @__PURE__ */ g(Jl, [["__scopeId", "data-v-df54d965"]]), Yl = (e) => (N("data-v-e3cc8e27"), e = e(), E(), e), Ql = { class: "quote__wrapper" }, Zl = { class: "quote__content" }, Xl = /* @__PURE__ */ Yl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), xl = { class: "quote__quote" }, es = { class: "quote__quote-text" }, ts = { class: "quote__author" }, as = {
+}), Yl = /* @__PURE__ */ g(Wl, [["__scopeId", "data-v-df54d965"]]), Ql = (e) => (N("data-v-e3cc8e27"), e = e(), E(), e), Zl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Ql(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), es = { class: "quote__quote" }, ts = { class: "quote__quote-text" }, as = { class: "quote__author" }, os = {
   key: 0,
   class: "quote__image"
-}, os = { class: "quote__text" }, ls = { class: "quote__author-name" }, ss = { class: "quote__author-title" }, is = /* @__PURE__ */ b({
+}, ls = { class: "quote__text" }, ss = { class: "quote__author-name" }, is = { class: "quote__author-title" }, rs = /* @__PURE__ */ b({
   __name: "quote",
   props: {
     quote: {
@@ -2124,13 +2124,13 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ql, [
-      t("div", Zl, [
-        Xl,
-        t("div", xl, [
-          t("p", es, c(e.quote), 1),
-          t("div", ts, [
-            e.authorImage ? (s(), i("div", as, [
+    return (a, r) => (s(), i("div", Zl, [
+      t("div", Xl, [
+        xl,
+        t("div", es, [
+          t("p", ts, c(e.quote), 1),
+          t("div", as, [
+            e.authorImage ? (s(), i("div", os, [
               I(M, null, {
                 default: k(() => [
                   d(a.$slots, "author-image", H(R({
@@ -2142,22 +2142,22 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : _("", !0),
-            t("div", os, [
-              t("p", ls, c(e.author), 1),
-              t("p", ss, c(e.authorTitle), 1)
+            t("div", ls, [
+              t("p", ss, c(e.author), 1),
+              t("p", is, c(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), rs = /* @__PURE__ */ g(is, [["__scopeId", "data-v-e3cc8e27"]]), ns = { class: "rich-text__wrapper" }, ds = {
+}), ns = /* @__PURE__ */ g(rs, [["__scopeId", "data-v-e3cc8e27"]]), ds = { class: "rich-text__wrapper" }, cs = {
   key: 0,
   class: "rich-text__links"
-}, cs = {
+}, us = {
   key: 0,
   class: "rich-text__bullet-list"
-}, us = /* @__PURE__ */ b({
+}, _s = /* @__PURE__ */ b({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -2176,7 +2176,7 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", ns, [
+      t("div", ds, [
         a.label ? (s(), T(ee, {
           key: 0,
           text: a.label,
@@ -2202,11 +2202,11 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
             ])
           }, [
             d(a.$slots, "rich-text-content"),
-            a.links ? (s(), i("div", ds, [
+            a.links ? (s(), i("div", cs, [
               d(a.$slots, "rich-text-links")
             ])) : _("", !0)
           ], 2),
-          a.bulletList ? (s(), i("div", cs, [
+          a.bulletList ? (s(), i("div", us, [
             d(a.$slots, "rich-text-bullet-list")
           ])) : _("", !0),
           a.image ? (s(), i("div", {
@@ -2227,12 +2227,12 @@ const Ml = /* @__PURE__ */ g(Dl, [["render", Fl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), _s = /* @__PURE__ */ g(us, [["__scopeId", "data-v-5441d67a"]]), hs = {}, ps = { class: "rich-text" }, ms = { class: "rich-text__wrapper" }, fs = { class: "rich-text__content rich-text__content--left-aligned" }, vs = { class: "rich-text__body" };
-function gs(e, a) {
-  return s(), i("div", ps, [
-    t("div", ms, [
-      t("div", fs, [
-        t("div", vs, [
+}), hs = /* @__PURE__ */ g(_s, [["__scopeId", "data-v-5441d67a"]]), ps = {}, ms = { class: "rich-text" }, fs = { class: "rich-text__wrapper" }, vs = { class: "rich-text__content rich-text__content--left-aligned" }, gs = { class: "rich-text__body" };
+function bs(e, a) {
+  return s(), i("div", ms, [
+    t("div", fs, [
+      t("div", vs, [
+        t("div", gs, [
           t("div", null, [
             d(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
@@ -2244,10 +2244,10 @@ function gs(e, a) {
     ])
   ]);
 }
-const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2"]]), ks = (e) => (N("data-v-798e7a06"), e = e(), E(), e), ys = { class: "timeline__wrapper" }, $s = { class: "timeline__content" }, ws = { class: "timeline__items" }, Bs = { class: "item__left" }, Ss = /* @__PURE__ */ ks(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const ks = /* @__PURE__ */ g(ps, [["render", bs], ["__scopeId", "data-v-776750d2"]]), ys = (e) => (N("data-v-798e7a06"), e = e(), E(), e), $s = { class: "timeline__wrapper" }, ws = { class: "timeline__content" }, Bs = { class: "timeline__items" }, Ss = { class: "item__left" }, Is = /* @__PURE__ */ ys(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Is = { class: "item__right" }, Cs = ["innerHTML"], Ts = /* @__PURE__ */ b({
+], -1)), Cs = { class: "item__right" }, Ts = ["innerHTML"], qs = /* @__PURE__ */ b({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2256,7 +2256,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return me(() => {
+    return fe(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (l) => {
           l.forEach((o) => {
@@ -2270,16 +2270,16 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
       a.forEach((l) => {
         r.observe(l);
       });
-    }), (a, r) => (s(), i("div", ys, [
-      t("div", $s, [
-        t("div", ws, [
+    }), (a, r) => (s(), i("div", $s, [
+      t("div", ws, [
+        t("div", Bs, [
           (s(!0), i(V, null, P(e.timelineItems, (l) => (s(), i("div", {
             key: l.year,
             class: "timeline__item faded"
           }, [
-            t("div", Bs, c(l.year), 1),
-            Ss,
-            t("div", Is, [
+            t("div", Ss, c(l.year), 1),
+            Is,
+            t("div", Cs, [
               I(M, null, {
                 default: k(() => [
                   l.media.src ? d(a.$slots, "timeline-image", F({
@@ -2290,23 +2290,23 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                 _: 2
               }, 1024),
               t("div", {
-                style: x([l.media.src ? "" : "margin-top: 0px"]),
+                style: Q([l.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, Cs)
+              }, null, 12, Ts)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), qs = /* @__PURE__ */ g(Ts, [["__scopeId", "data-v-798e7a06"]]), As = { class: "vimeo" }, Ls = { class: "vimeo__wrapper" }, Ds = {
+}), As = /* @__PURE__ */ g(qs, [["__scopeId", "data-v-798e7a06"]]), Ls = { class: "vimeo" }, Ds = { class: "vimeo__wrapper" }, Vs = {
   key: 0,
   class: "vimeo__headline"
-}, Vs = {
+}, Ps = {
   key: 1,
   class: "vimeo__description"
-}, Ps = /* @__PURE__ */ b({
+}, Fs = /* @__PURE__ */ b({
   __name: "vimeo",
   props: {
     headline: {
@@ -2319,22 +2319,23 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", As, [
-      t("div", Ls, [
-        e.headline ? (s(), i("h2", Ds, c(e.headline), 1)) : _("", !0),
+    return (a, r) => (s(), i("div", Ls, [
+      t("div", Ds, [
+        e.headline ? (s(), i("h2", Vs, c(e.headline), 1)) : _("", !0),
         d(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (s(), i("p", Vs, c(e.description), 1)) : _("", !0)
+        e.description ? (s(), i("p", Ps, c(e.description), 1)) : _("", !0)
       ])
     ]));
   }
-}), Fs = /* @__PURE__ */ g(Ps, [["__scopeId", "data-v-90a2b109"]]), Ms = { class: "academy-overview" }, Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Ns = { class: "academy-overview__button-wrapper" }, Es = {
+}), Ms = /* @__PURE__ */ g(Fs, [["__scopeId", "data-v-90a2b109"]]), Os = { class: "academy-overview__content-wrapper" }, zs = { class: "academy-overview__content" }, Hs = { class: "academy-overview__title" }, Rs = { class: "academy-overview__description" }, Ns = { class: "academy-overview__button-wrapper" }, Es = {
   key: 0,
   class: "academy-overview__stats"
-}, js = { class: "academy-overview__stats-row" }, Gs = { class: "academy-overview__stat" }, Ks = { class: "academy-overview__value" }, Us = { class: "academy-overview__label" }, Js = { class: "academy-overview__stat" }, Ws = { class: "academy-overview__value" }, Ys = { class: "academy-overview__label" }, Qs = /* @__PURE__ */ b({
+}, js = { class: "academy-overview__stats-row" }, Us = { class: "academy-overview__stat" }, Gs = { class: "academy-overview__value" }, Ks = { class: "academy-overview__label" }, Js = { class: "academy-overview__stat" }, Ws = { class: "academy-overview__value" }, Ys = { class: "academy-overview__label" }, he = "https://a.storyblok.com/f/230581/1202x489/e76c5d687c/mirsaic-dark.svg?cv=1695126163753", Qs = /* @__PURE__ */ b({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
       headline: "Welcome back",
+      cover: "",
       lessonValue: 0,
       lessonLabel: "Lessons Completed",
       pointsValue: 0,
@@ -2343,35 +2344,43 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ms, [
+    const a = e, r = q(() => a.hero.cover ? {
+      backgroundImage: `url("${he}"), url(${a.hero.cover})`
+    } : {
+      backgroundImage: `url("${he}"), linear-gradient(155deg, #143a67 0%, #0c0931 100%)`
+    });
+    return (l, o) => (s(), i("div", {
+      class: "academy-overview",
+      style: Q(r.value)
+    }, [
       t("div", Os, [
         t("div", zs, [
           t("div", null, [
-            t("h1", Hs, c(a.hero.headline), 1),
+            t("h1", Hs, c(l.hero.headline), 1),
             t("div", Rs, [
-              d(a.$slots, "academy-description", {}, void 0, !0)
+              d(l.$slots, "academy-description", {}, void 0, !0)
             ]),
             t("div", Ns, [
-              d(a.$slots, "button", {}, void 0, !0)
+              d(l.$slots, "button", {}, void 0, !0)
             ])
           ]),
-          a.hero.showStats ? (s(), i("div", Es, [
+          l.hero.showStats ? (s(), i("div", Es, [
             t("div", js, [
-              t("div", Gs, [
-                t("div", Ks, c(a.hero.lessonValue), 1),
-                t("div", Us, c(a.hero.lessonLabel), 1)
+              t("div", Us, [
+                t("div", Gs, c(l.hero.lessonValue), 1),
+                t("div", Ks, c(l.hero.lessonLabel), 1)
               ]),
               t("div", Js, [
-                t("div", Ws, c(a.hero.pointsValue), 1),
-                t("div", Ys, c(a.hero.pointsLabel), 1)
+                t("div", Ws, c(l.hero.pointsValue), 1),
+                t("div", Ys, c(l.hero.pointsLabel), 1)
               ])
             ])
           ])) : _("", !0)
         ])
       ])
-    ]));
+    ], 4));
   }
-}), Zs = /* @__PURE__ */ g(Qs, [["__scopeId", "data-v-3a18e703"]]), Xs = { class: "not-found__wrapper" }, xs = { class: "not-found__content" }, ei = { class: "not-found__headline" }, ti = { class: "not-found__body" }, ai = /* @__PURE__ */ b({
+}), Zs = /* @__PURE__ */ g(Qs, [["__scopeId", "data-v-0d5af4d2"]]), Xs = { class: "not-found__wrapper" }, xs = { class: "not-found__content" }, ei = { class: "not-found__headline" }, ti = { class: "not-found__body" }, ai = /* @__PURE__ */ b({
   __name: "404",
   props: {
     headline: {
@@ -2419,7 +2428,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ke = (e) => (N("data-v-a0ab0743"), e = e(), E(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
+}), di = /* @__PURE__ */ g(ni, [["__scopeId", "data-v-03a6a216"]]), ye = (e) => (N("data-v-a0ab0743"), e = e(), E(), e), ci = { class: "footer__wrapper" }, ui = { class: "footer__content" }, _i = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" },
@@ -2431,7 +2440,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
 }, gi = {
   key: 1,
   class: "section__title"
-}, bi = { key: 0 }, ki = { key: 1 }, yi = { key: 2 }, $i = { key: 3 }, wi = { key: 4 }, Bi = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("br", null, null, -1)), Si = {
+}, bi = { key: 0 }, ki = { key: 1 }, yi = { key: 2 }, $i = { key: 3 }, wi = { key: 4 }, Bi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("br", null, null, -1)), Si = {
   key: 0,
   href: "mailto:china@mir-robots.com"
 }, Ii = {
@@ -2443,7 +2452,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
 }, Ti = {
   key: 1,
   href: "tel:+4520377577"
-}, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
+}, qi = { class: "footer__bottom" }, Ai = { class: "copyright" }, Li = { class: "footer__policy" }, Di = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Vi = {
   key: 0,
   class: "footer__social"
 }, Pi = ["href", "aria-label"], Fi = {
@@ -2571,15 +2580,15 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), ye = (e) => (N("data-v-fc6c9400"), e = e(), E(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ni = { class: "mir-link-logo" }, Ei = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Gi = {
+}), zi = /* @__PURE__ */ g(Oi, [["__scopeId", "data-v-a0ab0743"]]), $e = (e) => (N("data-v-fc6c9400"), e = e(), E(), e), Hi = { class: "header__wrapper" }, Ri = { class: "nav-wrapper" }, Ni = { class: "mir-link-logo" }, Ei = { class: "main-nav-items" }, ji = { class: "secondary-nav-items" }, Ui = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ki = {
+}, Gi = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdown arrow"
-}, Ui = {
+}, Ki = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdown arrow",
@@ -2591,7 +2600,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
   key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, Zi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("img", {
+}, Zi = /* @__PURE__ */ $e(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portal switcher icon",
   width: "20",
@@ -2605,7 +2614,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
 }, lr = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, sr = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("img", {
+}, sr = /* @__PURE__ */ $e(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profile dropdown icon",
   width: "20",
@@ -2674,29 +2683,29 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
     let l = null;
     const o = e;
     let u = C(o.burgerState), p = C(o.search), n = C(o.showDropDown), v = C(o.showPortalSwitcherDropDown), f = C(o.showProfileDropDown), $ = C(o.isAuthenticated);
-    Z(
+    X(
       () => o.burgerState,
       (w) => u.value = w
-    ), Z(
+    ), X(
       () => o.search,
       (w) => p.value = w
-    ), Z(
+    ), X(
       () => o.showDropDown,
       (w) => n.value = w
-    ), Z(
+    ), X(
       () => o.showPortalSwitcherDropDown,
       (w) => v.value = w
-    ), Z(
+    ), X(
       () => o.showProfileDropDown,
       (w) => f.value = w
-    ), Z(
+    ), X(
       () => o.isAuthenticated,
       (w) => $.value = w
-    ), me(() => {
+    ), fe(() => {
       l = (w) => {
         w.target.closest("#menu-dropdown") || (n.value = !1), w.target.closest("#menu-portal-switcher") || (v.value = !1), w.target.closest("#menu-profile-dropdown") || (f.value = !1);
       }, window.addEventListener("click", l);
-    }), qe(() => {
+    }), Ae(() => {
       l !== null && window.removeEventListener("click", l);
     });
     const B = r;
@@ -2712,9 +2721,9 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
     function de() {
       u.value = !u.value, B("update:burgerState", u.value);
     }
-    let U = C(null), le = C(null);
+    let K = C(null), le = C(null);
     function ce() {
-      U.value && U.value.blur();
+      K.value && K.value.blur();
     }
     return a({
       defocusSearchButton: ce
@@ -2728,16 +2737,16 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
             d(w.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", ji, [
-            e.useDropdown ? (s(), i("div", Gi, [
+            e.useDropdown ? (s(), i("div", Ui, [
               t("button", {
                 class: "nav-dropdown-btn",
                 "aria-label": "Toggle Dropdown",
                 onClick: ae
               }, [
                 d(w.$slots, "dropdown-title", {}, void 0, !0),
-                y(n) === !1 ? (s(), i("img", Ki)) : (s(), i("img", Ui))
+                y(n) === !1 ? (s(), i("img", Gi)) : (s(), i("img", Ki))
               ]),
-              K(t("div", Ji, [
+              G(t("div", Ji, [
                 d(w.$slots, "dropdown-links", {}, void 0, !0)
               ], 512), [
                 [W, y(n)]
@@ -2746,12 +2755,12 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
             y(p) ? (s(), i("div", Wi, [
               t("button", {
                 ref_key: "navSearchButton",
-                ref: U,
+                ref: K,
                 class: "search-icon",
                 "aria-label": "Toggle search",
                 onClick: j[0] || (j[0] = (O) => {
                   var z;
-                  return w.$emit("clickSearch"), (z = y(U)) == null ? void 0 : z.blur();
+                  return w.$emit("clickSearch"), (z = y(K)) == null ? void 0 : z.blur();
                 })
               }, [
                 t("img", {
@@ -2768,7 +2777,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                 "aria-label": "Toggle Portal",
                 onClick: oe
               }, Xi),
-              K(t("div", xi, [
+              G(t("div", xi, [
                 t("ul", er, [
                   (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
                     key: z,
@@ -2778,7 +2787,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                       default: k(() => [
                         t("a", {
                           href: O.link,
-                          onClick: j[1] || (j[1] = (J) => X(n) ? n.value = !1 : n = !1)
+                          onClick: j[1] || (j[1] = (J) => x(n) ? n.value = !1 : n = !1)
                         }, [
                           t("img", {
                             src: O.icon
@@ -2804,7 +2813,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                 class: "nav-profile-dropdown-btn",
                 onClick: ne
               }, ir)) : _("", !0),
-              K(t("div", rr, [
+              G(t("div", rr, [
                 d(w.$slots, "profile-dropdown-links", {}, void 0, !0)
               ], 512), [
                 [W, y(f)]
@@ -2844,7 +2853,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                   "menu-portal-switcher-btn": !0,
                   "is-active": y(v)
                 }),
-                style: x({
+                style: Q({
                   backgroundColor: y(v) && y(u) === !0 ? "#1a76bc" : y(v) ? "#cbeefa" : "transparent"
                 }),
                 onClick: ue(oe, ["prevent"])
@@ -2856,7 +2865,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                   height: "20"
                 }, null, 8, hr)
               ], 6),
-              K(t("div", pr, [
+              G(t("div", pr, [
                 t("ul", mr, [
                   (s(!0), i(V, null, P(e.portals, (O, z) => (s(), i("li", {
                     key: z,
@@ -2866,7 +2875,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
                       default: k(() => [
                         t("a", {
                           href: O.link,
-                          onClick: j[3] || (j[3] = (J) => X(n) ? n.value = !1 : n = !1)
+                          onClick: j[3] || (j[3] = (J) => x(n) ? n.value = !1 : n = !1)
                         }, [
                           t("img", {
                             src: O.icon
@@ -2895,7 +2904,7 @@ const bs = /* @__PURE__ */ g(hs, [["render", gs], ["__scopeId", "data-v-776750d2
               }, null, 8, gr)
             ])
           ]),
-          K(t("div", br, [
+          G(t("div", br, [
             t("ul", null, [
               d(w.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
@@ -2989,11 +2998,11 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
     }
     const n = q(() => l.options.length > 8);
     return (v, f) => {
-      const $ = he("click-outside");
-      return K((s(), i("div", zr, [
+      const $ = pe("click-outside");
+      return G((s(), i("div", zr, [
         t("button", {
           class: h(["dropdown-button", { clicked: r.value }]),
-          style: x({ "z-index": r.value ? 2 : 0 }),
+          style: Q({ "z-index": r.value ? 2 : 0 }),
           "aria-expanded": r.value ? "true" : "false",
           onClick: f[0] || (f[0] = (B) => r.value = !r.value)
         }, [
@@ -3004,7 +3013,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
         t("div", {
           class: h([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
         }, [
-          (s(!0), i(V, null, P(v.options, (B) => (s(), T(y(fe), {
+          (s(!0), i(V, null, P(v.options, (B) => (s(), T(y(ve), {
             id: B.value,
             key: B.value,
             name: B.text,
@@ -3025,7 +3034,7 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
       ]);
     };
   }
-}), Nr = /* @__PURE__ */ g(Rr, [["__scopeId", "data-v-678cc92e"]]), Er = { class: "promo__content" }, jr = { class: "pallet-jack__media-wrap" }, Gr = { class: "pallet-jack-link" }, Kr = { class: "pallet-jack__media-wrap__inner-wrap" }, Ur = { class: "pallet-jack__media-wrap__content-wrap" }, Jr = { class: "regular-blue" }, Wr = /* @__PURE__ */ b({
+}), Nr = /* @__PURE__ */ g(Rr, [["__scopeId", "data-v-678cc92e"]]), Er = { class: "promo__content" }, jr = { class: "pallet-jack__media-wrap" }, Ur = { class: "pallet-jack-link" }, Gr = { class: "pallet-jack__media-wrap__inner-wrap" }, Kr = { class: "pallet-jack__media-wrap__content-wrap" }, Jr = { class: "regular-blue" }, Wr = /* @__PURE__ */ b({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -3059,13 +3068,13 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
           ])
         }, [
           t("div", jr, [
-            t("div", Gr, [
+            t("div", Ur, [
               d(o.$slots, "pallet-jack-link")
             ]),
-            t("div", Kr, [
+            t("div", Gr, [
               d(o.$slots, "pallet-jack-video")
             ]),
-            t("div", Ur, [
+            t("div", Kr, [
               t("h3", Jr, c(o.headline), 1),
               t("p", null, c(o.shortDescription), 1)
             ])
@@ -3115,54 +3124,54 @@ const Or = /* @__PURE__ */ g(Pr, [["render", Mr], ["__scopeId", "data-v-c07a6cf3
   }
 }), Yr = /* @__PURE__ */ g(Wr, [["__scopeId", "data-v-00c0bad3"]]), Zr = {
   install: (e) => {
-    e.component("AtomButton", ie), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", A), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Nr), e.component("AtomSlider", Bt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Et), e.component("AtomVideo", te), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", da), e.component("MoleculeCard", pa), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", Ca), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", to), e.component("BlockFacts", wo), e.component("BlockFeatures", Lo), e.component("BlockFlashcards", Mo), e.component("BlockFormScript", jo), e.component("BlockHeadline", Jo), e.component("BlockHero", il), e.component("BlockImage", _l), e.component("BlockImageGallery", vl), e.component("BlockLogoWall", Il), e.component("BlockMicroStories", Ll), e.component("BlockPolicy", Ml), e.component("BlockProductHero", Kl), e.component("BlockPromo", Wl), e.component("BlockQuote", rs), e.component("BlockRichText", _s), e.component("BlockRichTextColumns", bs), e.component("BlockTimeline", qs), e.component("BlockCardDisplay", ro), e.component("BlockColumnGrid", po), e.component("BlockVimeo", Fs), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
+    e.component("AtomButton", ie), e.component("AtomCheckbox", ve), e.component("AtomChip", Ee), e.component("AtomDropdown", Qe), e.component("AtomImage", M), e.component("AtomLabel", ee), e.component("AtomLink", A), e.component("AtomRadioButton", nt), e.component("AtomSelect", pt), e.component("AtomSelectMultiple", Nr), e.component("AtomSlider", St), e.component("AtomTextarea", Dt), e.component("AtomTextField", jt), e.component("AtomVideo", te), e.component("MoleculeAddress", sa), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", be), e.component("MoleculeEventCard", Ta), e.component("MoleculeFlashcard", ke), e.component("MoleculeModal", ge), e.component("MoleculeTextCard", Ga), e.component("BlockAccordion", ao), e.component("BlockFacts", Bo), e.component("BlockFeatures", Do), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Uo), e.component("BlockHeadline", Wo), e.component("BlockHero", rl), e.component("BlockImage", hl), e.component("BlockImageGallery", gl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Dl), e.component("BlockPolicy", Ol), e.component("BlockProductHero", Kl), e.component("BlockPromo", Yl), e.component("BlockQuote", ns), e.component("BlockRichText", hs), e.component("BlockRichTextColumns", ks), e.component("BlockTimeline", As), e.component("BlockCardDisplay", no), e.component("BlockColumnGrid", mo), e.component("BlockVimeo", Ms), e.component("BlockPalletJack", Yr), e.component("BlockFrontPageHero", Zs), e.component("Organism404", oi), e.component("OrganismFilter", di), e.component("OrganismFooter", zi), e.component("OrganismHeader", $r), e.component("OrganismLanguageSwitcher", qr), e.component("OrganismPagination", Vr), e.component("OrganismSearch", Or);
   }
 };
 export {
   ie as AtomButton,
-  fe as AtomCheckbox,
-  Ne as AtomChip,
-  Ye as AtomDropdown,
+  ve as AtomCheckbox,
+  Ee as AtomChip,
+  Qe as AtomDropdown,
   M as AtomImage,
   ee as AtomLabel,
   A as AtomLink,
-  rt as AtomRadioButton,
-  ht as AtomSelect,
+  nt as AtomRadioButton,
+  pt as AtomSelect,
   Nr as AtomSelectMultiple,
-  Bt as AtomSlider,
-  Et as AtomTextField,
-  Lt as AtomTextarea,
+  St as AtomSlider,
+  jt as AtomTextField,
+  Dt as AtomTextarea,
   te as AtomVideo,
-  to as BlockAccordion,
-  ro as BlockCardDisplay,
-  po as BlockColumnGrid,
-  wo as BlockFacts,
-  Lo as BlockFeatures,
-  Mo as BlockFlashcards,
-  jo as BlockFormScript,
+  ao as BlockAccordion,
+  no as BlockCardDisplay,
+  mo as BlockColumnGrid,
+  Bo as BlockFacts,
+  Do as BlockFeatures,
+  Oo as BlockFlashcards,
+  Uo as BlockFormScript,
   Zs as BlockFrontPageHero,
-  Jo as BlockHeadline,
-  il as BlockHero,
-  _l as BlockImage,
-  vl as BlockImageGallery,
-  Il as BlockLogoWall,
-  Ll as BlockMicroStories,
+  Wo as BlockHeadline,
+  rl as BlockHero,
+  hl as BlockImage,
+  gl as BlockImageGallery,
+  Cl as BlockLogoWall,
+  Dl as BlockMicroStories,
   Yr as BlockPalletJack,
-  Ml as BlockPolicy,
+  Ol as BlockPolicy,
   Kl as BlockProductHero,
-  Wl as BlockPromo,
-  rs as BlockQuote,
-  _s as BlockRichText,
-  bs as BlockRichTextColumns,
-  qs as BlockTimeline,
-  Fs as BlockVimeo,
-  la as MoleculeAddress,
-  da as MoleculeBulletList,
-  pa as MoleculeCard,
-  ge as MoleculeColumnCard,
-  Ca as MoleculeEventCard,
-  be as MoleculeFlashcard,
-  ve as MoleculeModal,
+  Yl as BlockPromo,
+  ns as BlockQuote,
+  hs as BlockRichText,
+  ks as BlockRichTextColumns,
+  As as BlockTimeline,
+  Ms as BlockVimeo,
+  sa as MoleculeAddress,
+  ca as MoleculeBulletList,
+  ma as MoleculeCard,
+  be as MoleculeColumnCard,
+  Ta as MoleculeEventCard,
+  ke as MoleculeFlashcard,
+  ge as MoleculeModal,
   Ga as MoleculeTextCard,
   oi as Organism404,
   di as OrganismFilter,