@mirweb/mir-web-components 1.7.13 → 1.7.15

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as D, openBlock as s, createElementBlock as i, normalizeClass as p, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as O, popScopeId as H, createTextVNode as G, ref as C, resolveDirective as _e, withDirectives as K, Fragment as P, renderList as F, vShow as Q, normalizeProps as q, guardReactiveProps as L, toRefs as Se, mergeProps as X, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as T, createCommentVNode as h, watchEffect as pe, withKeys as Ce, useSlots as qe, normalizeStyle as x, isRef as ce, unref as I, onMounted as me, watch as Y, onUnmounted as Ae } from "vue";
+import { defineComponent as g, computed as A, openBlock as s, createElementBlock as i, normalizeClass as p, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as J, ref as C, resolveDirective as _e, withDirectives as U, Fragment as T, renderList as V, vShow as Z, normalizeProps as O, guardReactiveProps as z, toRefs as Se, mergeProps as M, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as L, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as qe, normalizeStyle as x, isRef as ce, unref as I, onMounted as me, watch as Q, onUnmounted as Ae } from "vue";
 const Le = ["aria-label"], De = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -14,18 +14,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, o = D(() => a[r.variant]);
-    return (l, _) => (s(), i("button", {
+    }, r = e, o = A(() => a[r.variant]);
+    return (l, u) => (s(), i("button", {
       class: p(["button", "button--" + o.value]),
       "aria-label": l.ariaLabel
     }, d(o.value === "close" ? "" : l.buttonText), 11, Le));
   }
-}), f = (e, a) => {
+}), v = (e, a) => {
   const r = e.__vccOpts || e;
   for (const [o, l] of a)
     r[o] = l;
   return r;
-}, se = /* @__PURE__ */ f(De, [["__scopeId", "data-v-f61b579c"]]), Te = (e) => (O("data-v-0c4c6d8e"), e = e(), H(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ g({
+}, se = /* @__PURE__ */ v(De, [["__scopeId", "data-v-f61b579c"]]), Te = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -38,10 +38,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, o = (l) => {
-      const _ = l.target;
-      r("input", _.checked);
+      const u = l.target;
+      r("input", u.checked);
     };
-    return (l, _) => (s(), i("div", {
+    return (l, u) => (s(), i("div", {
       class: p(["checkbox__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -64,7 +64,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ], 10, Pe)
     ], 2));
   }
-}), ve = /* @__PURE__ */ f(Me, [["__scopeId", "data-v-0c4c6d8e"]]), ze = (e) => (O("data-v-08813346"), e = e(), H(), e), Oe = ["aria-label"], He = /* @__PURE__ */ ze(() => /* @__PURE__ */ t("img", {
+}), fe = /* @__PURE__ */ v(Me, [["__scopeId", "data-v-0c4c6d8e"]]), Oe = (e) => (H("data-v-08813346"), e = e(), R(), e), ze = ["aria-label"], He = /* @__PURE__ */ Oe(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -75,21 +75,21 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = D(() => `Chip: ${a.text}`);
+    const a = e, r = A(() => `Chip: ${a.text}`);
     return (o, l) => (s(), i("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (_) => o.$emit("remove-chip"))
+      onClick: l[0] || (l[0] = (u) => o.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
         "aria-label": r.value
       }, [
-        G(d(o.text) + " ", 1),
+        J(d(o.text) + " ", 1),
         He
-      ], 8, Oe)
+      ], 8, ze)
     ]));
   }
-}), Ne = /* @__PURE__ */ f(Re, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], je = ["id"], Ke = { class: "listbox__dropdown" }, Ue = ["id", "aria-labelledby", "aria-disabled"], Ge = ["aria-labelledby", "aria-activedescendant"], Je = ["aria-selected", "data-value"], We = /* @__PURE__ */ g({
+}), Ne = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], je = ["id"], Ke = { class: "listbox__dropdown" }, Ue = ["id", "aria-labelledby", "aria-disabled"], Ge = ["aria-labelledby", "aria-activedescendant"], Je = ["aria-selected", "data-value"], We = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -107,7 +107,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, o = e, l = D(() => r[o.variant]), _ = C(null), n = C(null), u = C([]), b = C(0), v = C(""), k = C(!0), w = C(0), te = a, ie = D(() => {
+    }, o = e, l = A(() => r[o.variant]), u = C(null), h = C(null), n = C([]), b = C(0), f = C(""), k = C(!0), w = C(0), te = a, ie = A(() => {
       const m = o.options.find(
         (B) => B.value === o.modelValue
       );
@@ -117,27 +117,27 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       te("update:modelValue", m);
     }
     function ne(m) {
-      var A;
+      var q;
       const B = m.target;
-      B.getAttribute("role") === "option" && (J(B), oe(), (A = _.value) == null || A.focus());
+      B.getAttribute("role") === "option" && (W(B), oe(), (q = u.value) == null || q.focus());
     }
-    function U(m) {
-      var A;
+    function G(m) {
+      var q;
       const B = m.key;
       switch (B) {
         case "ArrowUp":
         case "ArrowDown": {
           m.preventDefault();
-          const V = o.options.findIndex(
-            (W) => W.value === o.modelValue
+          const D = o.options.findIndex(
+            (Y) => Y.value === o.modelValue
           );
-          let R = V ? u.value[V] : u.value[0];
-          B === "ArrowUp" ? V - 1 >= 0 && (R = u.value[V - 1]) : V + 1 <= o.options.length && (R = u.value[V + 1]), R && J(R);
+          let N = D ? n.value[D] : n.value[0];
+          B === "ArrowUp" ? D - 1 >= 0 && (N = n.value[D - 1]) : D + 1 <= o.options.length && (N = n.value[D + 1]), N && W(N);
           break;
         }
         case "Home":
         case "PageUp":
-          m.preventDefault(), N();
+          m.preventDefault(), E();
           break;
         case "End":
         case "PageDown":
@@ -145,11 +145,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          m.preventDefault(), oe(), (A = _.value) == null || A.focus();
+          m.preventDefault(), oe(), (q = u.value) == null || q.focus();
           break;
         default: {
-          const V = E(B);
-          V && J(V);
+          const D = j(B);
+          D && W(D);
           break;
         }
       }
@@ -159,7 +159,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         switch (m.key) {
           case "ArrowUp":
           case "ArrowDown":
-            m.preventDefault(), ue(), U(m);
+            m.preventDefault(), ue(), G(m);
             break;
         }
     }
@@ -168,64 +168,64 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
     function $() {
       b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
-        v.value = "", b.value = 0;
+        f.value = "", b.value = 0;
       }, 500);
     }
-    function E(m) {
+    function j(m) {
       let B = "";
-      (v.value === "" || B !== m) && (w.value = o.options.findIndex(
-        (V) => V.value === o.modelValue
-      )), v.value = B === m ? m : v.value + m, B = m, $();
-      let A = j(
+      (f.value === "" || B !== m) && (w.value = o.options.findIndex(
+        (D) => D.value === o.modelValue
+      )), f.value = B === m ? m : f.value + m, B = m, $();
+      let q = K(
         w.value + 1,
         o.options.length
       );
-      return !A && v.value.length === 1 && (A = j(0, w.value)), w.value = (w.value + 1) % o.options.length, A;
+      return !q && f.value.length === 1 && (q = K(0, w.value)), w.value = (w.value + 1) % o.options.length, q;
     }
-    function j(m, B) {
-      for (let A = m; A < B; A++)
-        if (o.options[A].label && o.options[A].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
-          return u.value[A];
+    function K(m, B) {
+      for (let q = m; q < B; q++)
+        if (o.options[q].label && o.options[q].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
+          return n.value[q];
       return null;
     }
-    function N() {
-      J(u.value[0]);
+    function E() {
+      W(n.value[0]);
     }
-    function J(m) {
-      var A, V;
+    function W(m) {
+      var q, D;
       const B = m.getAttribute("data-value");
       if (o.modelValue) {
-        const R = o.options.findIndex(
+        const N = o.options.findIndex(
           (Be) => Be.value === o.modelValue
-        ), W = u.value[R];
-        de(W);
+        ), Y = n.value[N];
+        de(Y);
       }
-      if (m.setAttribute("aria-selected", "true"), (A = n.value) == null || A.setAttribute(
+      if (m.setAttribute("aria-selected", "true"), (q = h.value) == null || q.setAttribute(
         "aria-activedescendant",
         B || ""
-      ), re(B || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
-        const R = n.value.clientHeight + n.value.scrollTop, W = m.offsetTop + m.offsetHeight;
-        W > R ? n.value.scrollTop = W - ((V = n.value) == null ? void 0 : V.clientHeight) : m.offsetTop < n.value.scrollTop && (n.value.scrollTop = m.offsetTop);
+      ), re(B || ""), h.value && h.value.scrollHeight > h.value.clientHeight) {
+        const N = h.value.clientHeight + h.value.scrollTop, Y = m.offsetTop + m.offsetHeight;
+        Y > N ? h.value.scrollTop = Y - ((D = h.value) == null ? void 0 : D.clientHeight) : m.offsetTop < h.value.scrollTop && (h.value.scrollTop = m.offsetTop);
       }
     }
     function $e() {
       var B;
-      const m = (B = u.value) == null ? void 0 : B[o.options.length - 1];
-      J(m);
+      const m = (B = n.value) == null ? void 0 : B[o.options.length - 1];
+      W(m);
     }
     function oe() {
       var m;
-      k.value = !0, (m = _.value) == null || m.removeAttribute("aria-expanded");
+      k.value = !0, (m = u.value) == null || m.removeAttribute("aria-expanded");
     }
     function ue() {
       var m, B;
-      k.value = !1, (m = _.value) == null || m.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
+      k.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (B = h.value) == null || B.focus();
     }
     function we() {
       o.disabled || (k.value ? ue() : oe());
     }
     return (m, B) => {
-      const A = _e("click-outside");
+      const q = _e("click-outside");
       return s(), i("div", {
         ref: "listbox",
         class: "listbox__wrapper",
@@ -239,11 +239,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             "is-required": m.required
           }, "listbox__label"])
         }, d(m.label), 11, je),
-        K((s(), i("div", Ke, [
+        U((s(), i("div", Ke, [
           t("button", {
             id: `${m.name}-button-label`,
             ref_key: "listboxButton",
-            ref: _,
+            ref: u,
             "aria-labelledby": `${m.name}-label ${m.name}-button-label`,
             type: "button",
             "aria-haspopup": "listbox",
@@ -252,37 +252,37 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             onClick: we,
             onKeydown: ae
           }, d(m.modelValue ? ie.value : m.placeholder), 43, Ue),
-          K(t("ul", {
+          U(t("ul", {
             ref_key: "listboxNode",
-            ref: n,
+            ref: h,
             "aria-labelledby": `${m.name}-label`,
             "aria-activedescendant": m.modelValue,
             tabindex: "0",
             role: "listbox",
             class: "listbox__list",
-            onKeydown: U,
+            onKeydown: G,
             onClick: ne
           }, [
-            (s(!0), i(P, null, F(m.options, (V, R) => (s(), i("li", {
-              key: `${m.name}-option-${R}`,
+            (s(!0), i(T, null, V(m.options, (D, N) => (s(), i("li", {
+              key: `${m.name}-option-${N}`,
               ref_for: !0,
               ref_key: "listboxOptions",
-              ref: u,
-              "aria-selected": V.value === m.modelValue,
-              "data-value": V.value,
+              ref: n,
+              "aria-selected": D.value === m.modelValue,
+              "data-value": D.value,
               class: "listbox__option",
               role: "option"
-            }, d(V.label), 9, Je))), 128))
+            }, d(D.label), 9, Je))), 128))
           ], 40, Ge), [
-            [Q, !k.value]
+            [Z, !k.value]
           ])
         ])), [
-          [A, oe]
+          [q, oe]
         ])
       ], 8, Ee);
     };
   }
-}), Ye = /* @__PURE__ */ f(We, [["__scopeId", "data-v-a17afd8c"]]), Qe = { class: "image__wrapper" }, Ze = /* @__PURE__ */ g({
+}), Ye = /* @__PURE__ */ v(We, [["__scopeId", "data-v-a17afd8c"]]), Qe = { class: "image__wrapper" }, Ze = /* @__PURE__ */ g({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -295,17 +295,17 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", Qe, [
-      c(a.$slots, "default", q(L(a.$attrs)))
+      c(a.$slots, "default", O(z(a.$attrs)))
     ]));
   }
-}), z = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-e10217bd"]]), Xe = { class: "label__wrapper" }, xe = ["aria-label", "label-dark"], et = /* @__PURE__ */ g({
+}), F = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-e10217bd"]]), Xe = { class: "label__wrapper" }, xe = ["aria-label", "label-dark"], et = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = D(() => `Label: ${a.text}`);
+    const a = e, r = A(() => `Label: ${a.text}`);
     return (o, l) => (s(), i("div", Xe, [
       t("span", {
         "aria-label": r.value,
@@ -314,7 +314,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       }, d(o.text), 11, xe)
     ]));
   }
-}), Z = /* @__PURE__ */ f(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, M = /* @__PURE__ */ g({
+}), X = /* @__PURE__ */ v(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, P = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -336,24 +336,24 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, o = e, l = D(() => a[o.linkType]), _ = D(() => r[o.underline]), n = D(() => {
-      const { ...u } = Se(o);
-      return u;
+    }, o = e, l = A(() => a[o.linkType]), u = A(() => r[o.underline]), h = A(() => {
+      const { ...n } = Se(o);
+      return n;
     });
-    return (u, b) => (s(), i("div", tt, [
-      t("div", X(n.value, {
+    return (n, b) => (s(), i("div", tt, [
+      t("div", M(h.value, {
         class: ["mir-link", [
           l.value,
-          u.disabled ? "disabled" : "",
-          _.value,
-          u.arrow ? "link-arrow" : ""
+          n.disabled ? "disabled" : "",
+          u.value,
+          n.arrow ? "link-arrow" : ""
         ]]
       }), [
-        c(u.$slots, "default")
+        c(n.$slots, "default")
       ], 16)
     ]));
   }
-}), at = (e) => (O("data-v-60c6ff7e"), e = e(), H(), e), ot = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], lt = /* @__PURE__ */ at(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), it = /* @__PURE__ */ g({
+}), at = (e) => (H("data-v-60c6ff7e"), e = e(), R(), e), ot = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], lt = /* @__PURE__ */ at(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), it = /* @__PURE__ */ g({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -366,10 +366,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, o = (l) => {
-      const _ = l.target;
-      r("input", _.checked);
+      const u = l.target;
+      r("input", u.checked);
     };
-    return (l, _) => (s(), i("div", {
+    return (l, u) => (s(), i("div", {
       class: p(["radio__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -392,7 +392,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ], 10, st)
     ], 2));
   }
-}), rt = /* @__PURE__ */ f(it, [["__scopeId", "data-v-60c6ff7e"]]), nt = { class: "select__wrapper" }, dt = ["for"], ct = ["id", "disabled", "name", "value"], ut = ["value"], _t = /* @__PURE__ */ g({
+}), rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-60c6ff7e"]]), nt = { class: "select__wrapper" }, dt = ["for"], ct = ["id", "disabled", "name", "value"], ut = ["value"], _t = /* @__PURE__ */ g({
   __name: "select",
   props: {
     id: {},
@@ -420,14 +420,14 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           a.$emit("update:modelValue", o.target.value), o.target.blur();
         })
       }, [
-        (s(!0), i(P, null, F(a.options, (o) => (s(), i("option", {
+        (s(!0), i(T, null, V(a.options, (o) => (s(), i("option", {
           key: o.value,
           value: o.value
         }, d(o.text), 9, ut))), 128))
       ], 42, ct)
     ]));
   }
-}), ht = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-d5c46463"]]), pt = { class: "modal__wrapper" }, mt = /* @__PURE__ */ g({
+}), ht = /* @__PURE__ */ v(_t, [["__scopeId", "data-v-d5c46463"]]), pt = { class: "modal__wrapper" }, mt = /* @__PURE__ */ g({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -438,43 +438,43 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     const r = e, o = a, l = () => {
       o("update:show", !r.show);
     };
-    return (_, n) => (s(), i("div", pt, [
+    return (u, h) => (s(), i("div", pt, [
       S(Ie, {
         duration: 300,
         name: "nested"
       }, {
         default: y(() => [
-          K(t("div", {
-            class: p(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
+          U(t("div", {
+            class: p(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: l
           }, [
             t("div", {
               id: "modal",
-              class: p([_.searchBar ? "search" : ""]),
-              onClick: n[0] || (n[0] = he(() => {
+              class: p([u.searchBar ? "search" : ""]),
+              onClick: h[0] || (h[0] = he(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                _.searchBar ? h("", !0) : (s(), T(se, {
+                u.searchBar ? _("", !0) : (s(), L(se, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: l
                 }))
               ]),
-              c(_.$slots, "default", {}, void 0, !0)
+              c(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Q, _.show]
+            [Z, u.show]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), fe = /* @__PURE__ */ f(mt, [["__scopeId", "data-v-80f0fb08"]]), vt = { class: "slider__wrapper" }, ft = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], yt = { class: "slider__content" }, kt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ g({
+}), ve = /* @__PURE__ */ v(mt, [["__scopeId", "data-v-80f0fb08"]]), ft = { class: "slider__wrapper" }, vt = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], yt = { class: "slider__content" }, kt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ g({
   __name: "slider",
   props: {
     label: {},
@@ -490,73 +490,73 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, o = a, l = C(r.modelValue), _ = C(), n = C(!1), u = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
+    const r = e, o = a, l = C(r.modelValue), u = C(), h = C(!1), n = (f, k, w) => (f - k) / (w - k) * 100, b = (f) => {
       var k;
-      (k = _.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
+      (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return pe(() => {
-      if (_.value) {
+      if (u.value) {
         o("update:modelValue", l.value);
-        const v = u(l.value, r.min, r.max);
-        let k = (50 - v) / 100;
-        b(v + k);
+        const f = n(l.value, r.min, r.max);
+        let k = (50 - f) / 100;
+        b(f + k);
       }
-    }), (v, k) => (s(), i("div", null, [
-      t("div", vt, [
-        t("div", ft, [
+    }), (f, k) => (s(), i("div", null, [
+      t("div", ft, [
+        t("div", vt, [
           t("label", {
-            for: v.id,
-            class: p([v.variant, ""])
-          }, d(v.label), 11, gt),
-          v.information ? (s(), i("i", {
+            for: f.id,
+            class: p([f.variant, ""])
+          }, d(f.label), 11, gt),
+          f.information ? (s(), i("i", {
             key: 0,
             role: "button",
-            class: p([v.variant, "slider__information"]),
-            "aria-label": v.informationLabel,
+            class: p([f.variant, "slider__information"]),
+            "aria-label": f.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: k[0] || (k[0] = (w) => n.value = !n.value),
-            onKeyup: k[1] || (k[1] = Ce((w) => n.value = !n.value, ["enter"]))
-          }, null, 42, bt)) : h("", !0)
+            onClick: k[0] || (k[0] = (w) => h.value = !h.value),
+            onKeyup: k[1] || (k[1] = Ce((w) => h.value = !h.value, ["enter"]))
+          }, null, 42, bt)) : _("", !0)
         ]),
         t("div", yt, [
           t("span", {
-            class: p([v.variant, "slider__minmax"])
-          }, d(v.min), 3),
+            class: p([f.variant, "slider__minmax"])
+          }, d(f.min), 3),
           t("input", {
-            id: v.id,
+            id: f.id,
             ref_key: "slider",
-            ref: _,
+            ref: u,
             type: "range",
-            name: v.name,
-            value: v.modelValue,
-            min: v.min,
-            step: v.step,
-            max: v.max,
-            class: p(v.variant),
+            name: f.name,
+            value: f.modelValue,
+            min: f.min,
+            step: f.step,
+            max: f.max,
+            class: p(f.variant),
             onInput: k[2] || (k[2] = ({ target: w }) => l.value = parseFloat(w.value))
           }, null, 42, kt),
           t("span", {
-            class: p([v.variant, "slider__minmax"])
-          }, d(v.max), 3)
+            class: p([f.variant, "slider__minmax"])
+          }, d(f.max), 3)
         ]),
         t("span", {
-          class: p([v.variant, "slider__value"])
-        }, d(v.modelValue), 3)
+          class: p([f.variant, "slider__value"])
+        }, d(f.modelValue), 3)
       ]),
-      v.information ? (s(), T(fe, {
+      f.information ? (s(), L(ve, {
         key: 0,
-        show: n.value,
-        "onUpdate:show": k[3] || (k[3] = (w) => n.value = w)
+        show: h.value,
+        "onUpdate:show": k[3] || (k[3] = (w) => h.value = w)
       }, {
         default: y(() => [
-          t("p", $t, d(v.information), 1)
+          t("p", $t, d(f.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : h("", !0)
+      }, 8, ["show"])) : _("", !0)
     ]));
   }
-}), Bt = /* @__PURE__ */ f(wt, [["__scopeId", "data-v-24a83011"]]), St = { id: "textarea-wrapper" }, It = ["for"], Ct = ["id"], qt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], At = { class: "textarea-info" }, Lt = { key: 0 }, Dt = /* @__PURE__ */ g({
+}), Bt = /* @__PURE__ */ v(wt, [["__scopeId", "data-v-24a83011"]]), St = { id: "textarea-wrapper" }, It = ["for"], Ct = ["id"], qt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], At = { class: "textarea-info" }, Lt = { key: 0 }, Dt = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -596,7 +596,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ], 8, Ct),
       t("div", At, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Lt, " Too many characters. Please make it shorter ")) : h("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Lt, " Too many characters. Please make it shorter ")) : _("", !0)
         ]),
         t("p", {
           class: p(
@@ -606,7 +606,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Tt = /* @__PURE__ */ f(Dt, [["__scopeId", "data-v-220a973c"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], zt = ["aria-expanded"], Ot = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
+}), Tt = /* @__PURE__ */ v(Dt, [["__scopeId", "data-v-220a973c"]]), 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"
 }, Rt = {
@@ -642,62 +642,62 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, o = D(() => a[r.type]), l = C(!0), _ = D(
+    }, r = e, o = A(() => a[r.type]), l = C(!0), u = A(
       () => l.value ? "showPassword" : "hidePassword"
-    ), n = D(
+    ), h = A(
       () => l.value ? "password" : "text"
     );
-    return (u, b) => (s(), i("div", Vt, [
+    return (n, b) => (s(), i("div", Vt, [
       t("label", {
-        for: u.id,
+        for: n.id,
         class: p([
-          u.required ? "required" : "",
-          u.disabled ? "disabled" : "",
-          u.search ? "search" : ""
+          n.required ? "required" : "",
+          n.disabled ? "disabled" : "",
+          n.search ? "search" : ""
         ])
-      }, d(u.label), 11, Pt),
+      }, d(n.label), 11, Pt),
       o.value === "password" ? (s(), i("div", Ft, [
         t("input", {
-          id: u.id,
+          id: n.id,
           ref: "passwordField",
-          type: n.value,
-          value: u.modelValue,
-          placeholder: u.placeholder,
-          required: u.required,
-          disabled: u.disabled,
-          name: u.fieldName,
-          onInput: b[0] || (b[0] = (v) => u.$emit("update:modelValue", v.target.value))
+          type: h.value,
+          value: n.modelValue,
+          placeholder: n.placeholder,
+          required: n.required,
+          disabled: n.disabled,
+          name: n.fieldName,
+          onInput: b[0] || (b[0] = (f) => n.$emit("update:modelValue", f.target.value))
         }, null, 40, Mt),
         t("i", {
           role: "button",
-          class: p([_.value]),
+          class: p([u.value]),
           "aria-controls": "password",
           "aria-expanded": !l.value,
-          onClick: b[1] || (b[1] = (v) => l.value = !l.value)
-        }, null, 10, zt)
+          onClick: b[1] || (b[1] = (f) => l.value = !l.value)
+        }, null, 10, Ot)
       ])) : (s(), i("input", {
         key: 1,
-        id: u.id,
+        id: n.id,
         ref: "textField",
         type: o.value,
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        required: u.required,
+        value: n.modelValue,
+        placeholder: n.placeholder,
+        required: n.required,
         class: p([
-          u.invalid ? "invalid" : "",
-          u.valid ? "valid" : "",
-          u.search ? "search" : ""
+          n.invalid ? "invalid" : "",
+          n.valid ? "valid" : "",
+          n.search ? "search" : ""
         ]),
-        disabled: u.disabled,
-        name: u.fieldName,
-        onInput: b[2] || (b[2] = (v) => u.$emit("update:modelValue", v.target.value))
-      }, null, 42, Ot)),
-      u.search ? (s(), i("i", Ht)) : h("", !0),
-      u.errorMessage ? (s(), i("strong", Rt, d(u.errorMessage), 1)) : h("", !0),
-      u.helperText ? (s(), i("span", Nt, d(u.helperText), 1)) : h("", !0)
+        disabled: n.disabled,
+        name: n.fieldName,
+        onInput: b[2] || (b[2] = (f) => n.$emit("update:modelValue", f.target.value))
+      }, null, 42, zt)),
+      n.search ? (s(), i("i", Ht)) : _("", !0),
+      n.errorMessage ? (s(), i("strong", Rt, d(n.errorMessage), 1)) : _("", !0),
+      n.helperText ? (s(), i("span", Nt, d(n.helperText), 1)) : _("", !0)
     ]));
   }
-}), jt = /* @__PURE__ */ f(Et, [["__scopeId", "data-v-414b9435"]]), Kt = { class: "video__wrapper" }, Ut = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Gt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ g({
+}), jt = /* @__PURE__ */ v(Et, [["__scopeId", "data-v-414b9435"]]), Kt = { class: "video__wrapper" }, Ut = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Gt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -722,36 +722,36 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       resetVideo: () => {
         o.value && (o.value.currentTime = 0, o.value.play());
       }
-    }), (_, n) => (s(), i("div", Kt, [
-      _.localVideo ? (s(), i("video", {
+    }), (u, h) => (s(), i("div", Kt, [
+      u.localVideo ? (s(), i("video", {
         key: 0,
         ref_key: "videoRef",
         ref: o,
-        "aria-label": _.ariaLabel,
-        controls: _.controls,
-        poster: _.poster,
-        width: _.width,
-        height: _.height,
-        autoplay: _.autoplay,
-        loop: _.loop,
-        muted: _.muted,
+        "aria-label": u.ariaLabel,
+        controls: u.controls,
+        poster: u.poster,
+        width: u.width,
+        height: u.height,
+        autoplay: u.autoplay,
+        loop: u.loop,
+        muted: u.muted,
         type: "video/mp4",
         playsinline: "",
-        src: _.src
+        src: u.src
       }, null, 8, Ut)) : (s(), i("iframe", {
         key: 1,
-        src: _.src,
-        "aria-label": _.ariaLabel,
-        title: _.title,
-        width: _.width,
-        height: _.height,
+        src: u.src,
+        "aria-label": u.ariaLabel,
+        title: u.title,
+        width: u.width,
+        height: u.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
       }, null, 8, Gt))
     ]));
   }
-}), ee = /* @__PURE__ */ f(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"], sa = /* @__PURE__ */ g({
+}), ee = /* @__PURE__ */ v(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"], sa = /* @__PURE__ */ g({
   __name: "address",
   props: {
     name: {},
@@ -774,10 +774,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           t("p", null, d(a.company), 1),
           t("p", null, d(a.addressLine1), 1),
           t("p", null, d(a.addressLine2), 1),
-          a.addressLine3 ? (s(), i("p", xt, d(a.addressLine3), 1)) : h("", !0)
+          a.addressLine3 ? (s(), i("p", xt, d(a.addressLine3), 1)) : _("", !0)
         ]),
         t("div", ea, [
-          a.website ? (s(), T(M, {
+          a.website ? (s(), L(P, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -789,8 +789,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               }, d(a.website), 9, ta)
             ]),
             _: 1
-          })) : h("", !0),
-          (s(!0), i(P, null, F(a.phoneNumbers, (o) => (s(), T(M, {
+          })) : _("", !0),
+          (s(!0), i(T, null, V(a.phoneNumbers, (o) => (s(), L(P, {
             key: o,
             underline: "false",
             "link-type": "regular"
@@ -811,7 +811,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), la = /* @__PURE__ */ f(sa, [["__scopeId", "data-v-e1c72a18"]]), ia = (e) => (O("data-v-a44fd57d"), e = e(), H(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ g({
+}), la = /* @__PURE__ */ v(sa, [["__scopeId", "data-v-e1c72a18"]]), ia = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -836,15 +836,15 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         class: p(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (s(!0), i(P, null, F(e.list, (o) => (s(), i("li", { key: o }, [
+          (s(!0), i(T, null, V(e.list, (o) => (s(), i("li", { key: o }, [
             na,
-            G(" " + d(o), 1)
+            J(" " + d(o), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), ca = /* @__PURE__ */ f(da, [["__scopeId", "data-v-a44fd57d"]]), ua = { class: "card__wrapper" }, _a = { key: 2 }, ha = { key: 5 }, pa = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ v(da, [["__scopeId", "data-v-a44fd57d"]]), ua = { class: "card__wrapper" }, _a = { key: 2 }, ha = { key: 5 }, pa = /* @__PURE__ */ g({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -889,23 +889,23 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, _ = D(() => o[l.size]);
-    return (n, u) => (s(), i("div", ua, [
+    }, l = e, u = A(() => o[l.size]), h = A(() => l.variant === "article" || l.variant === "product" ? `card--${l.size}-${l.variant}` : `card--${l.variant}`);
+    return (n, b) => (s(), i("div", ua, [
       t("div", {
         class: p(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
           n.orientation === "vertical" ? "vertical" : "horizontal",
-          _.value.class,
-          n.size === "large" && n.variant === "article" ? "card--large-article" : n.size === "small" && n.variant === "article" ? "card--small-article" : n.size === "xsmall" && n.variant === "article" ? "card--xsmall-article" : n.size === "medium" && n.variant === "article" ? "card--medium-article" : n.size === "large" && n.variant === "product" ? "card--large-product" : n.size === "small" && n.variant === "product" ? "card--small-product" : n.size === "xsmall" && n.variant === "product" ? "card--xsmall-product" : n.size === "medium" && n.variant === "product" ? "card--medium-product" : n.variant === "product" ? "card--product" : "card--article",
+          u.value.class,
+          h.value,
           n.variant === "product" ? "card--product" : "card--article"
         ]]),
         style: x([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: u[0] || (u[0] = (b) => ce(r) ? r.value = !0 : r = !0),
-        onMouseout: u[1] || (u[1] = (b) => ce(r) ? r.value = !1 : r = !1)
+        onMouseover: b[0] || (b[0] = (f) => ce(r) ? r.value = !0 : r = !0),
+        onMouseout: b[1] || (b[1] = (f) => ce(r) ? r.value = !1 : r = !1)
       }, [
-        n.mediaType === "image" ? (s(), T(z, { key: 0 }, {
+        n.mediaType === "image" ? (s(), L(F, { key: 0 }, {
           default: y(() => [
-            c(n.$slots, "card-image", X({
+            c(n.$slots, "card-image", M({
               src: n.imgSrc,
               width: "596",
               height: "335",
@@ -926,8 +926,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             "aria-label": n.arialabel,
             controls: !1,
             poster: n.imgSrc,
-            width: _.value.width,
-            height: _.value.height,
+            width: u.value.width,
+            height: u.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
@@ -935,7 +935,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         ], 2)),
         I(a)["card-label"] ? (s(), i("div", _a, [
           c(n.$slots, "card-label")
-        ])) : h("", !0),
+        ])) : _("", !0),
         n.variant === "product" ? (s(), i("div", {
           key: 3,
           class: p([
@@ -950,11 +950,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
         }, d(n.headline), 3)),
-        n.variant === "product" ? (s(), i("p", ha, d(n.paragraph), 1)) : h("", !0)
+        n.variant === "product" ? (s(), i("p", ha, d(n.paragraph), 1)) : _("", !0)
       ], 38)
     ]));
   }
-}), ma = /* @__PURE__ */ f(pa, [["__scopeId", "data-v-7ac3d4a0"]]), va = { class: "column-card" }, fa = { class: "column-card__content" }, ga = { class: "column-card__headline" }, ba = { class: "column-card__bodytext" }, ya = /* @__PURE__ */ g({
+}), ma = /* @__PURE__ */ v(pa, [["__scopeId", "data-v-cb201b36"]]), fa = { class: "column-card" }, va = { class: "column-card__content" }, ga = { class: "column-card__headline" }, ba = { class: "column-card__bodytext" }, ya = /* @__PURE__ */ g({
   __name: "column-card",
   props: {
     headline: {},
@@ -963,17 +963,17 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     imageFit: { type: Boolean }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", va, [
-      t("div", fa, [
+    return (a, r) => (s(), i("div", fa, [
+      t("div", va, [
         a.image.filename ? (s(), i("div", {
           key: 0,
           class: p(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
         }, [
-          c(a.$slots, "column-card-image", q(L({
+          c(a.$slots, "column-card-image", O(z({
             src: a.image.filename,
             alt: a.image.alt
           })), void 0, !0)
-        ], 2)) : h("", !0),
+        ], 2)) : _("", !0),
         t("h3", ga, d(a.headline), 1),
         t("div", ba, [
           c(a.$slots, "column-card-body", {}, void 0, !0)
@@ -981,7 +981,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ge = /* @__PURE__ */ f(ya, [["__scopeId", "data-v-fc3755f9"]]), ka = (e) => (O("data-v-2c394add"), e = e(), H(), e), $a = { class: "event__wrapper" }, wa = { class: "event__headline" }, Ba = { class: "event__date-location" }, Sa = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ g({
+}), ge = /* @__PURE__ */ v(ya, [["__scopeId", "data-v-fc3755f9"]]), ka = (e) => (H("data-v-2c394add"), e = e(), R(), e), $a = { class: "event__wrapper" }, wa = { class: "event__headline" }, Ba = { class: "event__date-location" }, Sa = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Ia = { class: "event__exhibitor" }, Ca = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -1007,20 +1007,20 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", $a, [
-      S(Z, {
+      S(X, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
       t("div", wa, d(e.headline), 1),
       t("div", Ba, [
-        G(d(e.dateTime), 1),
+        J(d(e.dateTime), 1),
         Sa,
-        G(d(e.location), 1)
+        J(d(e.location), 1)
       ]),
       t("div", Ia, d(e.exhibitor), 1)
     ]));
   }
-}), qa = /* @__PURE__ */ f(Ca, [["__scopeId", "data-v-2c394add"]]), le = (e) => (O("data-v-93ee37aa"), e = e(), H(), e), Aa = { class: "flashcard-side flashcard-front" }, La = {
+}), qa = /* @__PURE__ */ v(Ca, [["__scopeId", "data-v-2c394add"]]), le = (e) => (H("data-v-93ee37aa"), e = e(), R(), e), Aa = { class: "flashcard-side flashcard-front" }, La = {
   key: 0,
   class: "content"
 }, Da = { key: 0 }, Ta = {
@@ -1035,10 +1035,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
 }, null, -1)), Fa = {
   key: 0,
   class: "content"
-}, Ma = { key: 0 }, za = {
+}, Ma = { key: 0 }, Oa = {
   key: 1,
   class: "flashcard-body"
-}, Oa = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
+}, za = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
   class: "flip-icon",
   src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
 }, null, -1)), Ha = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
@@ -1063,7 +1063,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       a.value = !a.value;
     }
     return (o, l) => {
-      var _, n, u, b, v, k;
+      var u, h, n, b, f, k;
       return s(), i("div", {
         class: "flashcard-container",
         onClick: r
@@ -1077,11 +1077,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           }])
         }, [
           t("div", Aa, [
-            o.name || ((_ = o.bodytext) == null ? void 0 : _.length) > 0 ? (s(), i("div", La, [
-              o.name ? (s(), i("h3", Da, d(o.name), 1)) : h("", !0),
+            o.name || ((u = o.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", La, [
+              o.name ? (s(), i("h3", Da, d(o.name), 1)) : _("", !0),
               o.bodytext ? (s(), i("div", Ta, [
-                c(o.$slots, "flashcard-front-body", q(L({ bodytext: o.bodytext })), void 0, !0)
-              ])) : h("", !0),
+                c(o.$slots, "flashcard-front-body", O(z({ bodytext: o.bodytext })), void 0, !0)
+              ])) : _("", !0),
               Va
             ])) : (s(), i("div", {
               key: 1,
@@ -1090,7 +1090,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
                 cover: !o.imageFit
               }])
             }, [
-              c(o.$slots, "flashcard-front-image", q(L({ src: (n = o.image) == null ? void 0 : n.filename, alt: (u = o.image) == null ? void 0 : u.alt })), void 0, !0),
+              c(o.$slots, "flashcard-front-image", O(z({ src: (h = o.image) == null ? void 0 : h.filename, alt: (n = o.image) == null ? void 0 : n.alt })), void 0, !0),
               Pa
             ], 2))
           ]),
@@ -1101,11 +1101,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             ])
           }, [
             o.namebackside || o.bodytextbackside.length > 0 ? (s(), i("div", Fa, [
-              o.namebackside ? (s(), i("h3", Ma, d(o.namebackside), 1)) : h("", !0),
-              o.bodytextbackside ? (s(), i("div", za, [
-                c(o.$slots, "flashcard-back-body", q(L({ bodytextbackside: o.bodytextbackside })), void 0, !0)
-              ])) : h("", !0),
-              Oa
+              o.namebackside ? (s(), i("h3", Ma, d(o.namebackside), 1)) : _("", !0),
+              o.bodytextbackside ? (s(), i("div", Oa, [
+                c(o.$slots, "flashcard-back-body", O(z({ bodytextbackside: o.bodytextbackside })), void 0, !0)
+              ])) : _("", !0),
+              za
             ])) : (s(), i("div", {
               key: 1,
               class: p(["flashcard-image", {
@@ -1113,7 +1113,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
                 cover: !o.imageFitBack
               }])
             }, [
-              c(o.$slots, "flashcard-back-image", q(L({ src: (v = o.imagebackside) == null ? void 0 : v.filename, alt: (k = o.imagebackside) == null ? void 0 : k.alt })), void 0, !0),
+              c(o.$slots, "flashcard-back-image", O(z({ src: (f = o.imagebackside) == null ? void 0 : f.filename, alt: (k = o.imagebackside) == null ? void 0 : k.alt })), void 0, !0),
               Ha
             ], 2))
           ], 2)
@@ -1121,7 +1121,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ]);
     };
   }
-}), be = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ka = /* @__PURE__ */ g({
+}), be = /* @__PURE__ */ v(Ra, [["__scopeId", "data-v-93ee37aa"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ka = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -1139,7 +1139,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", Na, [
-      S(Z, {
+      S(X, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1149,7 +1149,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ua = /* @__PURE__ */ f(Ka, [["__scopeId", "data-v-ebdea819"]]), Ga = { class: "accordions" }, Ja = { class: "accordions__wrapper" }, Wa = { class: "accordion" }, Ya = ["onClick"], Qa = { class: "accordion__headline" }, Za = { class: "accordion__icon" }, Xa = {
+}), Ua = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-ebdea819"]]), Ga = { 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 = {
@@ -1162,40 +1162,43 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   setup(e) {
     const a = C([]), r = (l) => {
-      const _ = a.value.indexOf(l);
-      _ > -1 ? a.value.splice(_, 1) : a.value.push(l);
+      const u = a.value.indexOf(l);
+      u > -1 ? a.value.splice(u, 1) : a.value.push(l);
     }, o = (l) => a.value.includes(l);
-    return (l, _) => (s(), i("section", Ga, [
+    return (l, u) => (s(), i("section", Ga, [
       t("div", Ja, [
-        (s(!0), i(P, null, F(l.accordions, (n) => (s(), i("div", {
-          key: n._uid
+        (s(!0), i(T, null, V(l.accordions, (h) => (s(), i("div", {
+          key: h._uid
         }, [
           t("div", Wa, [
             t("div", {
               class: "accordion__header",
-              onClick: (u) => r(n._uid)
+              onClick: (n) => r(h._uid)
             }, [
-              t("h3", Qa, d(n.headline), 1),
+              t("h3", Qa, d(h.headline), 1),
               t("span", Za, [
-                o(n._uid) ? (s(), i("img", xa)) : (s(), i("img", Xa))
+                o(h._uid) ? (s(), i("img", xa)) : (s(), i("img", Xa))
               ])
             ], 8, Ya),
             t("div", {
-              class: p(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
+              class: p(["accordion__content", { "accordion__content--reverse": h.imageFirst }]),
               style: x({
-                display: o(n._uid) ? "flex" : "none"
+                display: o(h._uid) ? "flex" : "none"
               })
             }, [
               t("div", eo, [
-                c(l.$slots, "accordion-body", q(L({ body: n.bodytext })), void 0, !0)
+                c(l.$slots, "accordion-body", M({ ref_for: !0 }, { body: h.bodytext }), void 0, !0)
               ]),
-              S(z, null, {
+              S(F, null, {
                 default: y(() => [
-                  n.image ? c(l.$slots, "accordion-image", q(X({ key: 0 }, {
-                    src: n.image.filename,
-                    alt: n.image.alt,
+                  h.image ? c(l.$slots, "accordion-image", M({
+                    key: 0,
+                    ref_for: !0
+                  }, {
+                    src: h.image.filename,
+                    alt: h.image.alt,
                     class: "accordion__image"
-                  })), void 0, !0) : h("", !0)
+                  }), void 0, !0) : _("", !0)
                 ]),
                 _: 2
               }, 1024)
@@ -1205,7 +1208,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-0e6f6da8"]]), oo = { class: "card-display__wrapper" }, so = {
+}), ao = /* @__PURE__ */ v(to, [["__scopeId", "data-v-0e6f6da8"]]), oo = { class: "card-display__wrapper" }, so = {
   key: 0,
   class: "card__content"
 }, lo = { key: 0 }, io = { key: 1 }, ro = { class: "card__cards" }, no = /* @__PURE__ */ g({
@@ -1233,16 +1236,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }, [
       t("div", oo, [
         e.headline || e.paragraph ? (s(), i("div", so, [
-          e.headline ? (s(), i("h2", lo, d(e.headline), 1)) : h("", !0),
-          e.paragraph ? (s(), i("p", io, d(e.paragraph), 1)) : h("", !0)
-        ])) : h("", !0),
+          e.headline ? (s(), i("h2", lo, d(e.headline), 1)) : _("", !0),
+          e.paragraph ? (s(), i("p", io, d(e.paragraph), 1)) : _("", !0)
+        ])) : _("", !0),
         t("div", ro, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), co = /* @__PURE__ */ f(no, [["__scopeId", "data-v-e8033cff"]]), uo = { class: "column-grid__top-section" }, _o = {
+}), co = /* @__PURE__ */ v(no, [["__scopeId", "data-v-e5d1b11a"]]), uo = { class: "column-grid__top-section" }, _o = {
   key: 0,
   class: "column-grid__headline"
 }, ho = {
@@ -1264,13 +1267,13 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     }, [
       t("div", uo, [
-        a.headline ? (s(), i("h2", _o, d(a.headline), 1)) : h("", !0),
+        a.headline ? (s(), i("h2", _o, d(a.headline), 1)) : _("", !0),
         a.bodytext ? (s(), i("div", ho, [
           c(a.$slots, "column-grid-body", {}, void 0, !0)
-        ])) : h("", !0)
+        ])) : _("", !0)
       ]),
       t("div", po, [
-        (s(!0), i(P, null, F(a.columns, (o) => (s(), T(ge, {
+        (s(!0), i(T, null, V(a.columns, (o) => (s(), L(ge, {
           key: o._uid,
           headline: o.headline,
           bodytext: o.bodytext,
@@ -1278,21 +1281,24 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           "image-fit": o.imageFit
         }, {
           "column-card-body": y(() => [
-            c(a.$slots, "column-card-body", q(L({ body: o.bodytext })), void 0, !0)
+            c(a.$slots, "column-card-body", M({ ref_for: !0 }, { body: o.bodytext }), void 0, !0)
           ]),
           "column-card-image": y(() => [
-            o.image ? c(a.$slots, "column-card-image", q(X({ key: 0 }, {
+            o.image ? c(a.$slots, "column-card-image", M({
+              key: 0,
+              ref_for: !0
+            }, {
               src: o.image.filename,
               alt: o.image.alt,
               style: { "object-fit": o.imageFit ? "cover" : "contain" }
-            })), void 0, !0) : h("", !0)
+            }), void 0, !0) : _("", !0)
           ]),
           _: 2
         }, 1032, ["headline", "bodytext", "image", "image-fit"]))), 128))
       ])
     ], 2));
   }
-}), vo = /* @__PURE__ */ f(mo, [["__scopeId", "data-v-c07b3f47"]]), fo = { class: "facts__wrapper" }, go = { class: "facts__content" }, bo = { class: "facts__headline" }, yo = { class: "facts" }, ko = { class: "fact__value" }, $o = { class: "fact__metric" }, wo = {
+}), fo = /* @__PURE__ */ v(mo, [["__scopeId", "data-v-c07b3f47"]]), vo = { class: "facts__wrapper" }, go = { class: "facts__content" }, bo = { class: "facts__headline" }, yo = { class: "facts" }, ko = { class: "fact__value" }, $o = { class: "fact__metric" }, wo = {
   key: 0,
   class: "facts__link"
 }, Bo = /* @__PURE__ */ g({
@@ -1319,11 +1325,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", fo, [
+    return (a, r) => (s(), i("div", vo, [
       t("div", go, [
         t("h2", bo, d(a.headline), 1),
         t("div", yo, [
-          (s(!0), i(P, null, F(a.facts, (o) => (s(), i("div", {
+          (s(!0), i(T, null, V(a.facts, (o) => (s(), i("div", {
             key: o.value + o.metric,
             class: "fact"
           }, [
@@ -1336,7 +1342,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         a.link ? (s(), i("div", wo, [
-          S(M, {
+          S(P, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1345,11 +1351,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             ]),
             _: 3
           })
-        ])) : h("", !0)
+        ])) : _("", !0)
       ])
     ]));
   }
-}), So = /* @__PURE__ */ f(Bo, [["__scopeId", "data-v-d2b231d4"]]), Io = { class: "features__wrapper" }, Co = { class: "features__content" }, qo = {
+}), So = /* @__PURE__ */ v(Bo, [["__scopeId", "data-v-d2b231d4"]]), Io = { class: "features__wrapper" }, Co = { class: "features__content" }, qo = {
   key: 0,
   class: "features__headline"
 }, Ao = {
@@ -1367,25 +1373,25 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       t("div", Co, [
         a.headline ? (s(), i("div", qo, [
           t("h2", null, d(a.headline), 1)
-        ])) : h("", !0),
+        ])) : _("", !0),
         a.body ? (s(), i("div", Ao, [
           c(a.$slots, "features-body", {}, void 0, !0)
-        ])) : h("", !0),
+        ])) : _("", !0),
         t("div", {
           class: p(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (s(!0), i(P, null, F(a.elements, (o) => (s(), i("div", {
+          (s(!0), i(T, null, V(a.elements, (o) => (s(), i("div", {
             key: o.headline,
             class: "features__element"
           }, [
-            S(z, { class: "element__icon" }, {
+            S(F, { class: "element__icon" }, {
               default: y(() => [
-                c(a.$slots, "features-icon", q(L({
+                c(a.$slots, "features-icon", M({ ref_for: !0 }, {
                   src: o.icon.src,
                   height: 30,
                   width: 30,
                   alt: o.icon.alt
-                })), void 0, !0)
+                }), void 0, !0)
               ]),
               _: 2
             }, 1024),
@@ -1396,13 +1402,13 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Vo = /* @__PURE__ */ f(To, [["__scopeId", "data-v-57a22df7"]]), Po = { class: "flashcard-wrapper" }, Fo = {
+}), Vo = /* @__PURE__ */ v(To, [["__scopeId", "data-v-57a22df7"]]), Po = { class: "flashcard-wrapper" }, Fo = {
   key: 0,
   class: "flashcard-wrapper__headline"
 }, Mo = {
   key: 1,
   class: "flashcard-wrapper__bodytext"
-}, zo = /* @__PURE__ */ g({
+}, Oo = /* @__PURE__ */ g({
   __name: "flashcards",
   props: {
     headline: {},
@@ -1411,12 +1417,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     flashcards: {}
   },
   setup(e) {
-    const a = e, r = D(() => a.body.trim().length > 0), o = D(() => {
-      var _;
-      const l = (_ = a.flashcards) == null ? void 0 : _.length;
+    const a = e, r = A(() => a.body.trim().length > 0), o = A(() => {
+      var u;
+      const l = (u = a.flashcards) == null ? void 0 : u.length;
       return l === 4 || l === 5 ? "sm" : l === 6 || l === 3 ? "md" : l === 2 ? "lg" : "sm";
     });
-    return (l, _) => (s(), i("div", {
+    return (l, u) => (s(), i("div", {
       class: p(["flashcards", l.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
     }, [
       t("div", Po, [
@@ -1426,10 +1432,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             "flashcard-wrapper__top-section"
           ])
         }, [
-          l.headline ? (s(), i("h2", Fo, d(l.headline), 1)) : h("", !0),
+          l.headline ? (s(), i("h2", Fo, d(l.headline), 1)) : _("", !0),
           l.body ? (s(), i("div", Mo, [
             c(l.$slots, "flashcard-wrapper-body", {}, void 0, !0)
-          ])) : h("", !0)
+          ])) : _("", !0)
         ], 2),
         t("div", {
           class: p(["flashcard-wrapper__teaser-list", {
@@ -1438,29 +1444,29 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             lg: o.value === "lg"
           }])
         }, [
-          (s(!0), i(P, null, F(l.flashcards, (n) => (s(), T(I(be), {
-            key: n._uid,
-            name: n.name,
-            bodytext: n.bodytext,
-            image: n.image,
-            namebackside: n.namebackside ? n.namebackside : "",
-            bodytextbackside: n.bodytextbackside,
-            imagebackside: n.imagebackside ? n.imagebackside : { filename: "", alt: "" },
+          (s(!0), i(T, null, V(l.flashcards, (h) => (s(), L(I(be), {
+            key: h._uid,
+            name: h.name,
+            bodytext: h.bodytext,
+            image: h.image,
+            namebackside: h.namebackside ? h.namebackside : "",
+            bodytextbackside: h.bodytextbackside,
+            imagebackside: h.imagebackside ? h.imagebackside : { filename: "", alt: "" },
             size: o.value,
-            "image-fit": n.imageFit,
-            "image-fit-back": n.imageFitBack
+            "image-fit": h.imageFit,
+            "image-fit-back": h.imageFitBack
           }, {
-            "flashcard-front-body": y(({ bodytext: u }) => [
-              c(l.$slots, "flashcard-front-body", q(L({ bodytext: u })), void 0, !0)
+            "flashcard-front-body": y(({ bodytext: n }) => [
+              c(l.$slots, "flashcard-front-body", M({ ref_for: !0 }, { bodytext: n }), void 0, !0)
             ]),
-            "flashcard-front-image": y(({ src: u, alt: b }) => [
-              c(l.$slots, "flashcard-front-image", q(L({ src: u, alt: b })), void 0, !0)
+            "flashcard-front-image": y(({ src: n, alt: b }) => [
+              c(l.$slots, "flashcard-front-image", M({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
             ]),
-            "flashcard-back-body": y(({ bodytextbackside: u }) => [
-              c(l.$slots, "flashcard-back-body", q(L({ bodytextbackside: u })), void 0, !0)
+            "flashcard-back-body": y(({ bodytextbackside: n }) => [
+              c(l.$slots, "flashcard-back-body", M({ ref_for: !0 }, { bodytextbackside: n }), void 0, !0)
             ]),
-            "flashcard-back-image": y(({ src: u, alt: b }) => [
-              c(l.$slots, "flashcard-back-image", q(L({ src: u, alt: b })), void 0, !0)
+            "flashcard-back-image": y(({ src: n, alt: b }) => [
+              c(l.$slots, "flashcard-back-image", M({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
             ]),
             _: 2
           }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
@@ -1468,7 +1474,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), Oo = /* @__PURE__ */ f(zo, [["__scopeId", "data-v-de3c8751"]]), Ho = { class: "form__wrapper" }, Ro = { class: "form__content" }, No = { class: "form__information" }, Eo = { class: "form__headline" }, jo = { class: "form__body" }, Ko = { class: "form__script" }, Uo = /* @__PURE__ */ g({
+}), zo = /* @__PURE__ */ v(Oo, [["__scopeId", "data-v-de3c8751"]]), Ho = { class: "form__wrapper" }, Ro = { class: "form__content" }, No = { class: "form__information" }, Eo = { class: "form__headline" }, jo = { class: "form__body" }, Ko = { class: "form__script" }, Uo = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1491,7 +1497,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Go = /* @__PURE__ */ f(Uo, [["__scopeId", "data-v-87a67c13"]]), Jo = { class: "headline__wrapper" }, Wo = { class: "headline__h1" }, Yo = /* @__PURE__ */ g({
+}), Go = /* @__PURE__ */ v(Uo, [["__scopeId", "data-v-87a67c13"]]), Jo = { class: "headline__wrapper" }, Wo = { class: "headline__h1" }, Yo = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1521,7 +1527,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ], 2)
     ]));
   }
-}), Qo = /* @__PURE__ */ f(Yo, [["__scopeId", "data-v-3ef1567e"]]), Zo = (e) => (O("data-v-22f9be13"), e = e(), H(), e), Xo = { class: "hero__wrapper" }, xo = { class: "hero__content" }, es = { class: "hero__top" }, ts = { class: "hero__elements" }, as = { class: "hero__headline" }, os = { class: "hero__link" }, ss = { class: "hero__video" }, ls = /* @__PURE__ */ Zo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), is = { class: "hero__video__video" }, rs = { class: "hero__image" }, ns = /* @__PURE__ */ g({
+}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-3ef1567e"]]), Zo = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Xo = { class: "hero__wrapper" }, xo = { class: "hero__content" }, es = { class: "hero__top" }, ts = { class: "hero__elements" }, as = { class: "hero__headline" }, os = { class: "hero__link" }, ss = { class: "hero__video" }, ls = /* @__PURE__ */ Zo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), is = { class: "hero__video__video" }, rs = { class: "hero__image" }, ns = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1538,7 +1544,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               t("h1", null, d(e.headline), 1)
             ]),
             t("div", os, [
-              S(M, {
+              S(P, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1562,7 +1568,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ds = /* @__PURE__ */ f(ns, [["__scopeId", "data-v-22f9be13"]]), cs = { class: "image__wrapper" }, us = { class: "image__content" }, _s = { class: "image__image" }, hs = { class: "image__caption" }, ps = /* @__PURE__ */ g({
+}), ds = /* @__PURE__ */ v(ns, [["__scopeId", "data-v-22f9be13"]]), cs = { class: "image__wrapper" }, us = { class: "image__content" }, _s = { class: "image__image" }, hs = { class: "image__caption" }, ps = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1589,9 +1595,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     return (a, r) => (s(), i("div", cs, [
       t("div", us, [
         t("div", _s, [
-          S(z, null, {
+          S(F, null, {
             default: y(() => [
-              c(a.$slots, "image", q(L({
+              c(a.$slots, "image", O(z({
                 width: 984,
                 height: e.fullHeight ? "100%" : 554,
                 src: e.src,
@@ -1606,7 +1612,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ms = /* @__PURE__ */ f(ps, [["__scopeId", "data-v-c583d657"]]), vs = { class: "gallery__large" }, fs = {
+}), ms = /* @__PURE__ */ v(ps, [["__scopeId", "data-v-c583d657"]]), fs = { class: "gallery__large" }, vs = {
   key: 0,
   class: "image image--large"
 }, gs = {
@@ -1628,8 +1634,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, o = D(() => a[r.bgColor]);
-    return (l, _) => (s(), i("div", {
+    }, r = e, o = A(() => a[r.bgColor]);
+    return (l, u) => (s(), i("div", {
       class: p(["gallery__wrapper", o.value])
     }, [
       t("div", {
@@ -1638,11 +1644,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", vs, [
-          l.mediaLarge && l.mediaType === "image" ? (s(), i("div", fs, [
-            S(z, null, {
+        t("div", fs, [
+          l.mediaLarge && l.mediaType === "image" ? (s(), i("div", vs, [
+            S(F, null, {
               default: y(() => [
-                c(l.$slots, "image-large", q(L({
+                c(l.$slots, "image-large", O(z({
                   width: 617,
                   height: 530,
                   src: l.mediaLarge.src,
@@ -1651,7 +1657,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               ]),
               _: 3
             })
-          ])) : h("", !0),
+          ])) : _("", !0),
           l.mediaLarge && l.mediaType === "video" ? (s(), i("div", gs, [
             S(ee, {
               src: l.mediaLarge.src,
@@ -1665,7 +1671,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : h("", !0)
+          ])) : _("", !0)
         ]),
         t("div", {
           style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
@@ -1674,18 +1680,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (s(!0), i(P, null, F(l.mediaSmall, (n) => (s(), i("div", {
-            key: n.src + n.alt,
+          (s(!0), i(T, null, V(l.mediaSmall, (h) => (s(), i("div", {
+            key: h.src + h.alt,
             class: "image image--small"
           }, [
-            S(z, null, {
+            S(F, null, {
               default: y(() => [
-                c(l.$slots, "image-small", q(L({
+                c(l.$slots, "image-small", M({ ref_for: !0 }, {
                   width: 328,
                   height: 246,
-                  src: n.src,
-                  alt: n.alt
-                })))
+                  src: h.src,
+                  alt: h.alt
+                }))
               ]),
               _: 2
             }, 1024)
@@ -1695,12 +1701,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             class: p(["body", l.bgColor === "dark" ? "body--dark" : ""])
           }, [
             t("p", null, d(l.body), 1)
-          ], 2)) : h("", !0)
+          ], 2)) : _("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), ys = /* @__PURE__ */ f(bs, [["__scopeId", "data-v-fcf0b1bc"]]), ks = { class: "logo-wall__wrapper" }, $s = { class: "logo-wall__content" }, ws = {
+}), ys = /* @__PURE__ */ v(bs, [["__scopeId", "data-v-4997f83a"]]), ks = { class: "logo-wall__wrapper" }, $s = { class: "logo-wall__content" }, ws = {
   key: 0,
   class: "logo-wall__text"
 }, Bs = { key: 0 }, Ss = { key: 1 }, Is = { class: "logo-wall__logos" }, Cs = { class: "logo-wall__link" }, qs = /* @__PURE__ */ g({
@@ -1724,29 +1730,29 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     return (a, r) => (s(), i("div", ks, [
       t("div", $s, [
         e.headline || e.body ? (s(), i("div", ws, [
-          e.headline ? (s(), i("h2", Bs, d(e.headline), 1)) : h("", !0),
-          e.body ? (s(), i("p", Ss, d(e.body), 1)) : h("", !0)
-        ])) : h("", !0),
+          e.headline ? (s(), i("h2", Bs, d(e.headline), 1)) : _("", !0),
+          e.body ? (s(), i("p", Ss, d(e.body), 1)) : _("", !0)
+        ])) : _("", !0),
         t("div", Is, [
-          (s(!0), i(P, null, F(e.logos, (o) => (s(), i("div", {
+          (s(!0), i(T, null, V(e.logos, (o) => (s(), i("div", {
             key: o.src + o.alt,
             class: "logo-wall__logo"
           }, [
-            S(z, null, {
+            S(F, null, {
               default: y(() => [
-                c(a.$slots, "logo-wall-logo", q(L({
+                c(a.$slots, "logo-wall-logo", M({ ref_for: !0 }, {
                   width: 130,
                   height: 130,
                   src: o.src,
                   alt: o.alt
-                })), void 0, !0)
+                }), void 0, !0)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ]),
         t("div", Cs, [
-          S(M, {
+          S(P, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1759,7 +1765,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), As = /* @__PURE__ */ f(qs, [["__scopeId", "data-v-fd489289"]]), Ls = { class: "micro-stories__top" }, Ds = {
+}), As = /* @__PURE__ */ v(qs, [["__scopeId", "data-v-fd489289"]]), Ls = { class: "micro-stories__top" }, Ds = {
   key: 0,
   class: "headline"
 }, Ts = {
@@ -1777,17 +1783,17 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = D(() => a[o.bgColor]), o = e;
-    return (l, _) => (s(), i("div", {
+    }, r = A(() => a[o.bgColor]), o = e;
+    return (l, u) => (s(), i("div", {
       class: p(["micro-stories__wrapper", r.value])
     }, [
       t("div", Ls, [
         l.headline ? (s(), i("div", Ds, [
           t("h2", null, d(l.headline), 1)
-        ])) : h("", !0),
+        ])) : _("", !0),
         l.body ? (s(), i("div", Ts, [
           t("p", null, d(l.body), 1)
-        ])) : h("", !0)
+        ])) : _("", !0)
       ]),
       t("div", Vs, [
         c(l.$slots, "micro-stories-slides")
@@ -1795,15 +1801,15 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       c(l.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Fs = {}, Ms = { class: "policy__wrapper" }, zs = { class: "policy__content" };
-function Os(e, a) {
+}), Fs = {}, Ms = { class: "policy__wrapper" }, Os = { class: "policy__content" };
+function zs(e, a) {
   return s(), i("div", Ms, [
-    t("div", zs, [
+    t("div", Os, [
       c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a"]]), Rs = { class: "product-hero__wrapper" }, Ns = { class: "product-hero__content" }, Es = { class: "product-hero__headline" }, js = { class: "product-hero__video" }, Ks = { class: "product-hero__insignia" }, Us = {
+const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a"]]), Rs = { class: "product-hero__wrapper" }, Ns = { class: "product-hero__content" }, Es = { class: "product-hero__headline" }, js = { class: "product-hero__video" }, Ks = { class: "product-hero__insignia" }, Us = {
   key: 0,
   class: "product-hero__logo"
 }, Gs = {
@@ -1848,7 +1854,7 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
       t("div", Ns, [
         t("div", Es, d(e.headline), 1),
         t("div", js, [
-          e.videoSrc !== "" ? (s(), T(ee, {
+          e.videoSrc !== "" ? (s(), L(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -1859,7 +1865,7 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (s(), T(I(z), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (s(), L(I(F), { key: 1 }, {
             default: y(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
@@ -1867,27 +1873,27 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
           })),
           t("div", Ks, [
             e.logoSrc ? (s(), i("div", Us, [
-              S(I(z), null, {
+              S(I(F), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
+            ])) : _("", !0),
             e.isCertified ? (s(), i("div", Gs, [
-              S(I(z), null, {
+              S(I(F), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : h("", !0)
+            ])) : _("", !0)
           ])
         ])
       ])
     ]));
   }
-}), Ws = /* @__PURE__ */ f(Js, [["__scopeId", "data-v-deab9c3a"]]), Ys = { class: "promo__content" }, Qs = /* @__PURE__ */ g({
+}), Ws = /* @__PURE__ */ v(Js, [["__scopeId", "data-v-deab9c3a"]]), Ys = { class: "promo__content" }, Qs = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1907,8 +1913,8 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, o = D(() => a[r.variant]);
-    return (l, _) => (s(), i("div", {
+    }, r = e, o = A(() => a[r.variant]);
+    return (l, u) => (s(), i("div", {
       class: p([
         "promo__wrapper",
         o.value,
@@ -1924,13 +1930,13 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
             l.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          S(z, null, {
+          S(F, null, {
             default: y(() => [
-              c(l.$slots, "promo-image", q(L({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              c(l.$slots, "promo-image", O(z({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : h("", !0),
+        ], 2)) : _("", !0),
         l.mediaType === "video" ? (s(), i("div", {
           key: 1,
           class: p([
@@ -1949,18 +1955,18 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
             play: "",
             poster: l.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : h("", !0),
+        ], 2)) : _("", !0),
         t("div", {
           class: p([
             "promo__text",
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), T(Z, {
+          l.label ? (s(), L(X, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : h("", !0),
+          }, null, 8, ["text", "label-dark"])) : _("", !0),
           t("div", {
             class: p([
               "promo__title",
@@ -1969,7 +1975,7 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
           }, [
             c(l.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (s(), T(M, {
+          l.linkType === "link" ? (s(), L(P, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -1978,8 +1984,8 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
               c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0),
-          l.linkType === "button" ? (s(), T(M, {
+          }, 8, ["link-type"])) : _("", !0),
+          l.linkType === "button" ? (s(), L(P, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -1987,12 +1993,12 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
               c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0)
+          }, 8, ["link-type"])) : _("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), Zs = /* @__PURE__ */ f(Qs, [["__scopeId", "data-v-df54d965"]]), Xs = (e) => (O("data-v-e3cc8e27"), e = e(), H(), e), xs = { class: "quote__wrapper" }, el = { class: "quote__content" }, tl = /* @__PURE__ */ Xs(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), al = { class: "quote__quote" }, ol = { class: "quote__quote-text" }, sl = { class: "quote__author" }, ll = {
+}), Zs = /* @__PURE__ */ v(Qs, [["__scopeId", "data-v-df54d965"]]), Xs = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), xs = { class: "quote__wrapper" }, el = { class: "quote__content" }, tl = /* @__PURE__ */ Xs(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), al = { class: "quote__quote" }, ol = { class: "quote__quote-text" }, sl = { class: "quote__author" }, ll = {
   key: 0,
   class: "quote__image"
 }, il = { class: "quote__text" }, rl = { class: "quote__author-name" }, nl = { class: "quote__author-title" }, dl = /* @__PURE__ */ g({
@@ -2024,9 +2030,9 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
           t("p", ol, d(e.quote), 1),
           t("div", sl, [
             e.authorImage ? (s(), i("div", ll, [
-              S(z, null, {
+              S(F, null, {
                 default: y(() => [
-                  c(a.$slots, "author-image", q(L({
+                  c(a.$slots, "author-image", O(z({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2034,7 +2040,7 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
+            ])) : _("", !0),
             t("div", il, [
               t("p", rl, d(e.author), 1),
               t("p", nl, d(e.authorTitle), 1)
@@ -2044,7 +2050,7 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-e3cc8e27"]]), ul = { class: "rich-text__wrapper" }, _l = {
+}), cl = /* @__PURE__ */ v(dl, [["__scopeId", "data-v-e3cc8e27"]]), ul = { class: "rich-text__wrapper" }, _l = {
   key: 0,
   class: "rich-text__links"
 }, hl = {
@@ -2070,18 +2076,18 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
       ])
     }, [
       t("div", ul, [
-        a.label ? (s(), T(Z, {
+        a.label ? (s(), L(X, {
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : h("", !0),
+        }, null, 8, ["text"])) : _("", !0),
         a.headline ? (s(), i("h2", {
           key: 1,
           class: p([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, d(a.headline), 3)) : h("", !0),
+        }, d(a.headline), 3)) : _("", !0),
         t("div", {
           class: p([
             "rich-text__content",
@@ -2097,11 +2103,11 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
             c(a.$slots, "rich-text-content"),
             a.links ? (s(), i("div", _l, [
               c(a.$slots, "rich-text-links")
-            ])) : h("", !0)
+            ])) : _("", !0)
           ], 2),
           a.bulletList ? (s(), i("div", hl, [
             c(a.$slots, "rich-text-bullet-list")
-          ])) : h("", !0),
+          ])) : _("", !0),
           a.image ? (s(), i("div", {
             key: 1,
             class: p([
@@ -2109,20 +2115,20 @@ const Hs = /* @__PURE__ */ f(Fs, [["render", Os], ["__scopeId", "data-v-ea887d7a
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            S(z, null, {
+            S(F, null, {
               default: y(() => [
-                c(a.$slots, "rich-text-image", q(L({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", O(z({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : h("", !0)
+          ], 2)) : _("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), ml = /* @__PURE__ */ f(pl, [["__scopeId", "data-v-db485b9d"]]), vl = {}, fl = { class: "rich-text" }, gl = { class: "rich-text__wrapper" }, bl = { class: "rich-text__content rich-text__content--left-aligned" }, yl = { class: "rich-text__body" };
+}), ml = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-db485b9d"]]), fl = {}, vl = { class: "rich-text" }, gl = { class: "rich-text__wrapper" }, bl = { class: "rich-text__content rich-text__content--left-aligned" }, yl = { class: "rich-text__body" };
 function kl(e, a) {
-  return s(), i("div", fl, [
+  return s(), i("div", vl, [
     t("div", gl, [
       t("div", bl, [
         t("div", yl, [
@@ -2137,7 +2143,7 @@ function kl(e, a) {
     ])
   ]);
 }
-const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2"]]), wl = (e) => (O("data-v-e254e1e0"), e = e(), H(), e), Bl = { class: "timeline__wrapper" }, Sl = { class: "timeline__content" }, Il = { class: "timeline__items" }, Cl = { class: "item__left" }, ql = /* @__PURE__ */ wl(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2"]]), wl = (e) => (H("data-v-798e7a06"), e = e(), R(), e), Bl = { class: "timeline__wrapper" }, Sl = { class: "timeline__content" }, Il = { class: "timeline__items" }, Cl = { class: "item__left" }, ql = /* @__PURE__ */ wl(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Al = { class: "item__right" }, Ll = ["innerHTML"], Dl = /* @__PURE__ */ g({
@@ -2166,16 +2172,19 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
     }), (a, r) => (s(), i("div", Bl, [
       t("div", Sl, [
         t("div", Il, [
-          (s(!0), i(P, null, F(e.timelineItems, (o) => (s(), i("div", {
+          (s(!0), i(T, null, V(e.timelineItems, (o) => (s(), i("div", {
             key: o.year,
             class: "timeline__item faded"
           }, [
             t("div", Cl, d(o.year), 1),
             ql,
             t("div", Al, [
-              S(z, null, {
+              S(F, null, {
                 default: y(() => [
-                  o.media.src ? c(a.$slots, "timeline-image", q(X({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : h("", !0)
+                  o.media.src ? c(a.$slots, "timeline-image", M({
+                    key: 0,
+                    ref_for: !0
+                  }, { src: o.media.src, alt: o.media.alt }), void 0, !0) : _("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -2190,13 +2199,13 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Tl = /* @__PURE__ */ f(Dl, [["__scopeId", "data-v-e254e1e0"]]), Vl = { class: "vimeo" }, Pl = { class: "vimeo__wrapper" }, Fl = {
+}), Tl = /* @__PURE__ */ v(Dl, [["__scopeId", "data-v-798e7a06"]]), Vl = { class: "vimeo" }, Pl = { class: "vimeo__wrapper" }, Fl = {
   key: 0,
   class: "vimeo__headline"
 }, Ml = {
   key: 1,
   class: "vimeo__description"
-}, zl = /* @__PURE__ */ g({
+}, Ol = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -2211,13 +2220,13 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
   setup(e) {
     return (a, r) => (s(), i("div", Vl, [
       t("div", Pl, [
-        e.headline ? (s(), i("h2", Fl, d(e.headline), 1)) : h("", !0),
+        e.headline ? (s(), i("h2", Fl, d(e.headline), 1)) : _("", !0),
         c(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (s(), i("p", Ml, d(e.description), 1)) : h("", !0)
+        e.description ? (s(), i("p", Ml, d(e.description), 1)) : _("", !0)
       ])
     ]));
   }
-}), Ol = /* @__PURE__ */ f(zl, [["__scopeId", "data-v-90a2b109"]]), Hl = { class: "academy-overview" }, Rl = { class: "academy-overview__content-wrapper" }, Nl = { class: "academy-overview__content" }, El = { class: "academy-overview__title" }, jl = { class: "academy-overview__description" }, Kl = {
+}), zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-90a2b109"]]), Hl = { class: "academy-overview" }, Rl = { class: "academy-overview__content-wrapper" }, Nl = { class: "academy-overview__content" }, El = { class: "academy-overview__title" }, jl = { class: "academy-overview__description" }, Kl = {
   key: 0,
   class: "academy-overview__button-wrapper"
 }, Ul = {
@@ -2243,7 +2252,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
           t("div", null, [
             t("h1", El, d(a.hero.headline), 1),
             t("p", jl, d(a.hero.description), 1),
-            a.hero.showStats ? h("", !0) : (s(), i("div", Kl, [
+            a.hero.showStats ? _("", !0) : (s(), i("div", Kl, [
               c(a.$slots, "button", {}, void 0, !0)
             ]))
           ]),
@@ -2258,12 +2267,12 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
                 t("div", Xl, d(a.hero.pointsLabel), 1)
               ])
             ])
-          ])) : h("", !0)
+          ])) : _("", !0)
         ])
       ])
     ]));
   }
-}), ei = /* @__PURE__ */ f(xl, [["__scopeId", "data-v-98275425"]]), ti = { class: "not-found__wrapper" }, ai = { class: "not-found__content" }, oi = { class: "not-found__headline" }, si = { class: "not-found__body" }, li = /* @__PURE__ */ g({
+}), ei = /* @__PURE__ */ v(xl, [["__scopeId", "data-v-98275425"]]), ti = { class: "not-found__wrapper" }, ai = { class: "not-found__content" }, oi = { class: "not-found__headline" }, si = { class: "not-found__body" }, li = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -2281,7 +2290,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), ii = /* @__PURE__ */ f(li, [["__scopeId", "data-v-b829ca6c"]]), ri = { class: "filter__wrapper" }, ni = { class: "filter__content" }, di = { class: "filter__dropdowns" }, ci = { class: "filter__chips" }, ui = /* @__PURE__ */ g({
+}), ii = /* @__PURE__ */ v(li, [["__scopeId", "data-v-b829ca6c"]]), ri = { class: "filter__wrapper" }, ni = { class: "filter__content" }, di = { class: "filter__dropdowns" }, ci = { class: "filter__chips" }, ui = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -2306,16 +2315,16 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (o) => a.$emit("clearFilters"))
-          }, d(e.removeAll), 1)) : h("", !0)
+          }, d(e.removeAll), 1)) : _("", !0)
         ])
       ])
     ]));
   }
-}), _i = /* @__PURE__ */ f(ui, [["__scopeId", "data-v-31c1ba00"]]), ye = (e) => (O("data-v-3d0cbbd5"), e = e(), H(), e), hi = { class: "footer__wrapper" }, pi = { class: "footer__content" }, mi = {
+}), _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-31c1ba00"]]), ye = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), hi = { class: "footer__wrapper" }, pi = { class: "footer__content" }, mi = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" }
-}, vi = { class: "footer__sections" }, fi = { class: "section__title" }, gi = { class: "section__list" }, bi = { class: "section" }, yi = {
+}, fi = { class: "footer__sections" }, vi = { class: "section__title" }, gi = { class: "section__list" }, bi = { class: "section" }, yi = {
   key: 0,
   class: "section__title"
 }, ki = {
@@ -2336,7 +2345,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
 }, Ti = { class: "footer__bottom" }, Vi = { class: "copyright" }, Pi = { class: "footer__policy" }, Fi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Mi = {
   key: 0,
   class: "footer__social"
-}, zi = ["href", "aria-label"], Oi = {
+}, Oi = ["href", "aria-label"], zi = {
   key: 1,
   class: "footer__social"
 }, Hi = ["href", "aria-label"], Ri = /* @__PURE__ */ g({
@@ -2354,13 +2363,13 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
   setup(e) {
     return (a, r) => (s(), i("div", hi, [
       t("footer", pi, [
-        a.language === "zh" ? (s(), i("img", mi)) : h("", !0),
-        t("div", vi, [
-          (s(!0), i(P, null, F(a.footerSections, (o) => (s(), i("div", {
+        a.language === "zh" ? (s(), i("img", mi)) : _("", !0),
+        t("div", fi, [
+          (s(!0), i(T, null, V(a.footerSections, (o) => (s(), i("div", {
             key: o.title,
             class: "section"
           }, [
-            t("span", fi, d(o.title), 1),
+            t("span", vi, d(o.title), 1),
             t("nav", null, [
               t("ul", gi, [
                 c(a.$slots, "section-links", {
@@ -2374,9 +2383,9 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
             t("address", null, [
               a.language === "zh" ? (s(), i("span", $i, "上海浦东新区金桥出口加工区")) : (s(), i("span", wi, "Energivej 51")),
               a.language === "zh" ? (s(), i("span", Bi, "桂桥路1201号10栋2楼")) : (s(), i("span", Si, "5260 Odense S")),
-              a.language !== "zh" ? (s(), i("span", Ii, "CVR: 35251235")) : h("", !0),
+              a.language !== "zh" ? (s(), i("span", Ii, "CVR: 35251235")) : _("", !0),
               Ci,
-              S(M, {
+              S(P, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -2386,7 +2395,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
                 ]),
                 _: 1
               }),
-              S(M, {
+              S(P, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -2408,14 +2417,14 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
             }, [
               t("span", null, [
                 Fi,
-                G(d(a.changeRegion), 1)
+                J(d(a.changeRegion), 1)
               ])
             ]),
             c(a.$slots, "footer-privacy-link"),
             c(a.$slots, "footer-cookie-link")
           ]),
           a.language !== "zh" ? (s(), i("div", Mi, [
-            (s(!0), i(P, null, F(a.socialMedia, (o) => (s(), T(M, {
+            (s(!0), i(T, null, V(a.socialMedia, (o) => (s(), L(P, {
               key: o.title,
               underline: "false",
               "link-type": "regular"
@@ -2431,12 +2440,12 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
                     height: "14",
                     class: p(["footer__social--icon", [o.title ? "bg-" + o.title : ""]])
                   }, null, 2)
-                ], 8, zi)
+                ], 8, Oi)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (s(), i("div", Oi, [
-            (s(!0), i(P, null, F(a.socialMediaChina, (o) => (s(), T(M, {
+          ])) : (s(), i("div", zi, [
+            (s(!0), i(T, null, V(a.socialMediaChina, (o) => (s(), L(P, {
               key: o.title,
               underline: "false",
               "link-type": "regular"
@@ -2461,7 +2470,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Ni = /* @__PURE__ */ f(Ri, [["__scopeId", "data-v-3d0cbbd5"]]), ke = (e) => (O("data-v-d9449aaf"), e = e(), H(), e), Ei = { class: "header__wrapper" }, ji = { class: "nav-wrapper" }, Ki = { class: "mir-link-logo" }, Ui = { class: "main-nav-items" }, Gi = {
+}), Ni = /* @__PURE__ */ v(Ri, [["__scopeId", "data-v-3d0cbbd5"]]), ke = (e) => (H("data-v-ca578d77"), e = e(), R(), e), Ei = { class: "header__wrapper" }, ji = { class: "nav-wrapper" }, Ki = { class: "mir-link-logo" }, Ui = { class: "main-nav-items" }, Gi = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
@@ -2505,7 +2514,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
 ], dr = { class: "profile-dropdown-content" }, cr = { class: "mobile-logo-search-burger-wrapper" }, ur = { class: "mobile-mir-link-logo" }, _r = {
   key: 0,
   class: "mobile-search-wrapper"
-}, hr = ["src"], pr = ["src"], mr = { class: "mobile-menu-content-wrapper" }, vr = { class: "mobile-dropdown-content" }, fr = /* @__PURE__ */ g({
+}, hr = ["src"], pr = ["src"], mr = { class: "mobile-menu-content-wrapper" }, fr = { class: "mobile-dropdown-content" }, vr = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2559,52 +2568,52 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
   setup(e, { expose: a, emit: r }) {
     let o = null;
     const l = e;
-    let _ = C(l.burgerState), n = C(l.search), u = C(l.showDropDown), b = C(l.showPortalSwitcherDropDown), v = C(l.showProfileDropDown), k = C(l.isAuthenticated);
-    Y(
+    let u = C(l.burgerState), h = C(l.search), n = C(l.showDropDown), b = C(l.showPortalSwitcherDropDown), f = C(l.showProfileDropDown), k = C(l.isAuthenticated);
+    Q(
       () => l.burgerState,
-      ($) => _.value = $
-    ), Y(
+      ($) => u.value = $
+    ), Q(
       () => l.search,
-      ($) => n.value = $
-    ), Y(
+      ($) => h.value = $
+    ), Q(
       () => l.showDropDown,
-      ($) => u.value = $
-    ), Y(
+      ($) => n.value = $
+    ), Q(
       () => l.showPortalSwitcherDropDown,
       ($) => b.value = $
-    ), Y(
+    ), Q(
       () => l.showProfileDropDown,
-      ($) => v.value = $
-    ), Y(
+      ($) => f.value = $
+    ), Q(
       () => l.isAuthenticated,
       ($) => k.value = $
     ), me(() => {
       o = ($) => {
-        $.target.closest("#menu-dropdown") || (u.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (v.value = !1);
+        $.target.closest("#menu-dropdown") || (n.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (f.value = !1);
       }, window.addEventListener("click", o);
     }), Ae(() => {
       o !== null && window.removeEventListener("click", o);
     });
     const w = r;
     function te() {
-      u.value = !u.value, w("update:showDropDown", u.value);
+      n.value = !n.value, w("update:showDropDown", n.value);
     }
     function ie() {
       b.value = !b.value, w("update:showPortalSwitcherDropDown", b.value);
     }
     function re() {
-      v.value = !v.value, w("update:showProfileDropDown", v.value);
+      f.value = !f.value, w("update:showProfileDropDown", f.value);
     }
     function ne() {
-      _.value = !_.value, w("update:burgerState", _.value);
+      u.value = !u.value, w("update:burgerState", u.value);
     }
-    let U = C(null), ae = C(null);
+    let G = C(null), ae = C(null);
     function de() {
-      U.value && U.value.blur();
+      G.value && G.value.blur();
     }
     return a({
       defocusSearchButton: de
-    }), ($, E) => (s(), i("div", Ei, [
+    }), ($, j) => (s(), i("div", Ei, [
       t("nav", null, [
         t("div", ji, [
           t("div", Ki, [
@@ -2619,53 +2628,53 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
               onClick: te
             }, [
               c($.$slots, "dropdown-title", {}, void 0, !0),
-              I(u) === !1 ? (s(), i("img", Ji)) : (s(), i("img", Wi))
+              I(n) === !1 ? (s(), i("img", Ji)) : (s(), i("img", Wi))
             ]),
-            K(t("div", Yi, [
+            U(t("div", Yi, [
               c($.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Q, I(u)]
+              [Z, I(n)]
             ])
-          ], 512)) : h("", !0),
-          I(n) ? (s(), i("div", Qi, [
+          ], 512)) : _("", !0),
+          I(h) ? (s(), i("div", Qi, [
             t("button", {
               ref_key: "navSearchButton",
-              ref: U,
+              ref: G,
               class: "search-icon",
-              onClick: E[0] || (E[0] = (j) => {
-                var N;
-                return $.$emit("clickSearch"), (N = I(U)) == null ? void 0 : N.blur();
+              onClick: j[0] || (j[0] = (K) => {
+                var E;
+                return $.$emit("clickSearch"), (E = I(G)) == null ? void 0 : E.blur();
               })
             }, [
               t("img", {
-                src: I(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
                 width: "20",
                 height: "20"
               }, null, 8, Zi)
             ], 512)
-          ])) : h("", !0),
+          ])) : _("", !0),
           e.usePortalSwitcher ? (s(), i("div", Xi, [
             t("button", {
               class: "nav-portal-switcher-btn",
               onClick: ie
             }, er),
-            K(t("div", tr, [
+            U(t("div", tr, [
               t("ul", ar, [
-                (s(!0), i(P, null, F(e.portals, (j, N) => (s(), i("li", {
-                  key: N,
+                (s(!0), i(T, null, V(e.portals, (K, E) => (s(), i("li", {
+                  key: E,
                   class: "portal-switcher-link"
                 }, [
-                  S(I(M), { "link-type": "regular" }, {
+                  S(I(P), { "link-type": "regular" }, {
                     default: y(() => [
                       t("a", {
-                        href: j.link,
-                        onClick: E[1] || (E[1] = (J) => ce(u) ? u.value = !1 : u = !1)
+                        href: K.link,
+                        onClick: j[1] || (j[1] = (W) => ce(n) ? n.value = !1 : n = !1)
                       }, [
                         t("img", {
-                          src: j.icon
+                          src: K.icon
                         }, null, 8, sr),
-                        t("div", null, d(j.name), 1)
+                        t("div", null, d(K.name), 1)
                       ], 8, or)
                     ]),
                     _: 2
@@ -2673,51 +2682,51 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
                 ]))), 128))
               ])
             ], 512), [
-              [Q, I(b)]
+              [Z, I(b)]
             ])
-          ])) : h("", !0),
+          ])) : _("", !0),
           e.useProfileDropdown ? (s(), i("div", lr, [
-            I(k) ? h("", !0) : (s(), i("div", ir, [
+            I(k) ? _("", !0) : (s(), i("div", ir, [
               c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
             I(k) ? (s(), i("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
               onClick: re
-            }, nr)) : h("", !0),
-            K(t("div", dr, [
+            }, nr)) : _("", !0),
+            U(t("div", dr, [
               c($.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Q, I(v)]
+              [Z, I(f)]
             ])
-          ])) : h("", !0)
+          ])) : _("", !0)
         ]),
         t("div", {
-          class: p(["mobile-nav-wrapper", I(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: p(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
           t("div", cr, [
             t("div", ur, [
               c($.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(n) ? (s(), i("div", _r, [
+            I(h) ? (s(), i("div", _r, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: ae,
                 class: "search-icon",
                 "aria-label": "Toggle search",
-                onClick: E[2] || (E[2] = (j) => {
-                  var N;
-                  return $.$emit("clickSearch"), (N = I(ae)) == null ? void 0 : N.blur();
+                onClick: j[2] || (j[2] = (K) => {
+                  var E;
+                  return $.$emit("clickSearch"), (E = I(ae)) == null ? void 0 : E.blur();
                 })
               }, [
                 t("img", {
-                  src: I(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: I(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
                   width: "20",
                   height: "20"
                 }, null, 8, hr)
               ], 512)
-            ])) : h("", !0),
+            ])) : _("", !0),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
@@ -2727,26 +2736,26 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: I(_) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
+                src: I(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
               }, null, 8, pr)
             ])
           ]),
-          K(t("div", mr, [
+          U(t("div", mr, [
             t("ul", null, [
               c($.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", vr, [
+            t("ul", fr, [
               c($.$slots, "mobile-dropdown-title", {}, void 0, !0),
               c($.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Q, I(_)]
+            [Z, I(u)]
           ])
         ], 2)
       ])
     ]));
   }
-}), gr = /* @__PURE__ */ f(fr, [["__scopeId", "data-v-d9449aaf"]]), br = { class: "language__wrapper" }, yr = { class: "language__content" }, kr = { class: "language__headline" }, $r = { class: "language__paragraph" }, wr = { class: "language__links" }, Br = /* @__PURE__ */ g({
+}), gr = /* @__PURE__ */ v(vr, [["__scopeId", "data-v-ca578d77"]]), br = { class: "language__wrapper" }, yr = { class: "language__content" }, kr = { class: "language__headline" }, $r = { class: "language__paragraph" }, wr = { class: "language__links" }, Br = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2769,7 +2778,7 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Sr = /* @__PURE__ */ f(Br, [["__scopeId", "data-v-dc8cc97e"]]), Ir = { class: "pagination__wrapper" }, Cr = { class: "pagination__content" }, qr = /* @__PURE__ */ g({
+}), Sr = /* @__PURE__ */ v(Br, [["__scopeId", "data-v-dc8cc97e"]]), Ir = { class: "pagination__wrapper" }, Cr = { class: "pagination__content" }, qr = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2801,13 +2810,13 @@ const $l = /* @__PURE__ */ f(vl, [["render", kl], ["__scopeId", "data-v-776750d2
       ])
     ]));
   }
-}), Ar = /* @__PURE__ */ f(qr, [["__scopeId", "data-v-da6d07c9"]]), Lr = {}, Dr = { class: "search__wrapper" };
+}), Ar = /* @__PURE__ */ v(qr, [["__scopeId", "data-v-da6d07c9"]]), Lr = {}, Dr = { class: "search__wrapper" };
 function Tr(e, a) {
   return s(), i("div", Dr, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3"]]), Pr = { class: "dropdown" }, Fr = ["aria-expanded"], Mr = /* @__PURE__ */ g({
+const Vr = /* @__PURE__ */ v(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3"]]), Pr = { class: "dropdown" }, Fr = ["aria-expanded"], Mr = /* @__PURE__ */ g({
   __name: "select-multiple",
   props: {
     label: { default: "" },
@@ -2817,30 +2826,30 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
   emits: ["filter", "remove-filter"],
   setup(e, { emit: a }) {
     const r = C(!1), o = e, l = a;
-    function _(b) {
+    function u(b) {
       o.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
     }
-    function n() {
+    function h() {
       r.value = !1;
     }
-    const u = D(() => o.options.length > 8);
-    return (b, v) => {
+    const n = A(() => o.options.length > 8);
+    return (b, f) => {
       const k = _e("click-outside");
-      return K((s(), i("div", Pr, [
+      return U((s(), i("div", Pr, [
         t("button", {
           class: "dropdown-button",
           style: x({ "z-index": r.value ? 2 : 0 }),
           "aria-expanded": r.value ? "true" : "false",
-          onClick: v[0] || (v[0] = (w) => r.value = !r.value)
+          onClick: f[0] || (f[0] = (w) => r.value = !r.value)
         }, [
           c(b.$slots, "button", {}, () => [
-            G(d(b.label), 1)
+            J(d(b.label), 1)
           ], !0)
         ], 12, Fr),
         t("div", {
-          class: p([{ hidden: !r.value, "adjust-height": u.value }, "dropdown-content"])
+          class: p([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
         }, [
-          (s(!0), i(P, null, F(b.options, (w) => (s(), T(I(ve), {
+          (s(!0), i(T, null, V(b.options, (w) => (s(), L(I(fe), {
             id: w.value,
             key: w.value,
             name: w.text,
@@ -2848,20 +2857,20 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
             disabled: !1,
             value: w.value,
             checked: b.selectedOptions.includes(w.value),
-            onInput: (te) => _(w.value)
+            onInput: (te) => u(w.value)
           }, {
             default: y(() => [
-              G(d(w.text), 1)
+              J(d(w.text), 1)
             ]),
             _: 2
           }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
         ], 2)
       ])), [
-        [k, n]
+        [k, h]
       ]);
     };
   }
-}), zr = /* @__PURE__ */ f(Mr, [["__scopeId", "data-v-164647da"]]), Or = { class: "promo__content" }, Hr = { class: "pallet-jack__media-wrap" }, Rr = { class: "pallet-jack-link" }, Nr = { class: "pallet-jack__media-wrap__inner-wrap" }, Er = { class: "pallet-jack__media-wrap__content-wrap" }, jr = { class: "regular-blue" }, Kr = /* @__PURE__ */ g({
+}), Or = /* @__PURE__ */ v(Mr, [["__scopeId", "data-v-164647da"]]), zr = { class: "promo__content" }, Hr = { class: "pallet-jack__media-wrap" }, Rr = { class: "pallet-jack-link" }, Nr = { class: "pallet-jack__media-wrap__inner-wrap" }, Er = { class: "pallet-jack__media-wrap__content-wrap" }, jr = { class: "regular-blue" }, Kr = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2879,15 +2888,15 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, o = D(() => a[r.variant]);
-    return (l, _) => (s(), i("div", {
+    }, r = e, o = A(() => a[r.variant]);
+    return (l, u) => (s(), i("div", {
       class: p([
         "promo__wrapper",
         o.value,
         l.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Or, [
+      t("div", zr, [
         t("div", {
           class: p([
             "promo__video",
@@ -2913,11 +2922,11 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), T(Z, {
+          l.label ? (s(), L(X, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : h("", !0),
+          }, null, 8, ["text", "label-dark"])) : _("", !0),
           t("div", {
             class: p([
               "promo__title",
@@ -2926,7 +2935,7 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
           }, [
             c(l.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (s(), T(M, {
+          l.linkType === "link" ? (s(), L(P, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -2935,8 +2944,8 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
               c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0),
-          l.linkType === "button" ? (s(), T(M, {
+          }, 8, ["link-type"])) : _("", !0),
+          l.linkType === "button" ? (s(), L(P, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -2944,37 +2953,37 @@ const Vr = /* @__PURE__ */ f(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
               c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0)
+          }, 8, ["link-type"])) : _("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), Ur = /* @__PURE__ */ f(Kr, [["__scopeId", "data-v-00c0bad3"]]), Jr = {
+}), Ur = /* @__PURE__ */ v(Kr, [["__scopeId", "data-v-00c0bad3"]]), Jr = {
   install: (e) => {
-    e.component("AtomButton", se), e.component("AtomCheckbox", ve), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", z), e.component("AtomLabel", Z), e.component("AtomLink", M), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", zr), e.component("AtomSlider", Bt), e.component("AtomTextarea", Tt), e.component("AtomTextField", jt), e.component("AtomVideo", ee), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", qa), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", fe), e.component("MoleculeTextCard", Ua), e.component("BlockAccordion", ao), e.component("BlockFacts", So), e.component("BlockFeatures", Vo), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Go), e.component("BlockHeadline", Qo), e.component("BlockHero", ds), e.component("BlockImage", ms), e.component("BlockImageGallery", ys), e.component("BlockLogoWall", As), e.component("BlockMicroStories", Ps), e.component("BlockPolicy", Hs), e.component("BlockProductHero", Ws), e.component("BlockPromo", Zs), e.component("BlockQuote", cl), e.component("BlockRichText", ml), e.component("BlockRichTextColumns", $l), e.component("BlockTimeline", Tl), e.component("BlockCardDisplay", co), e.component("BlockColumnGrid", vo), e.component("BlockVimeo", Ol), e.component("BlockPalletJack", Ur), e.component("BlockFrontPageHero", ei), e.component("Organism404", ii), e.component("OrganismFilter", _i), e.component("OrganismFooter", Ni), e.component("OrganismHeader", gr), e.component("OrganismLanguageSwitcher", Sr), e.component("OrganismPagination", Ar), e.component("OrganismSearch", Vr);
+    e.component("AtomButton", se), e.component("AtomCheckbox", fe), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", F), e.component("AtomLabel", X), e.component("AtomLink", P), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Or), e.component("AtomSlider", Bt), e.component("AtomTextarea", Tt), e.component("AtomTextField", jt), e.component("AtomVideo", ee), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", qa), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ua), e.component("BlockAccordion", ao), e.component("BlockFacts", So), e.component("BlockFeatures", Vo), e.component("BlockFlashcards", zo), e.component("BlockFormScript", Go), e.component("BlockHeadline", Qo), e.component("BlockHero", ds), e.component("BlockImage", ms), e.component("BlockImageGallery", ys), e.component("BlockLogoWall", As), e.component("BlockMicroStories", Ps), e.component("BlockPolicy", Hs), e.component("BlockProductHero", Ws), e.component("BlockPromo", Zs), e.component("BlockQuote", cl), e.component("BlockRichText", ml), e.component("BlockRichTextColumns", $l), e.component("BlockTimeline", Tl), e.component("BlockCardDisplay", co), e.component("BlockColumnGrid", fo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Ur), e.component("BlockFrontPageHero", ei), e.component("Organism404", ii), e.component("OrganismFilter", _i), e.component("OrganismFooter", Ni), e.component("OrganismHeader", gr), e.component("OrganismLanguageSwitcher", Sr), e.component("OrganismPagination", Ar), e.component("OrganismSearch", Vr);
   }
 };
 export {
   se as AtomButton,
-  ve as AtomCheckbox,
+  fe as AtomCheckbox,
   Ne as AtomChip,
   Ye as AtomDropdown,
-  z as AtomImage,
-  Z as AtomLabel,
-  M as AtomLink,
+  F as AtomImage,
+  X as AtomLabel,
+  P as AtomLink,
   rt as AtomRadioButton,
   ht as AtomSelect,
-  zr as AtomSelectMultiple,
+  Or as AtomSelectMultiple,
   Bt as AtomSlider,
   jt as AtomTextField,
   Tt as AtomTextarea,
   ee as AtomVideo,
   ao as BlockAccordion,
   co as BlockCardDisplay,
-  vo as BlockColumnGrid,
+  fo as BlockColumnGrid,
   So as BlockFacts,
   Vo as BlockFeatures,
-  Oo as BlockFlashcards,
+  zo as BlockFlashcards,
   Go as BlockFormScript,
   ei as BlockFrontPageHero,
   Qo as BlockHeadline,
@@ -2991,14 +3000,14 @@ export {
   ml as BlockRichText,
   $l as BlockRichTextColumns,
   Tl as BlockTimeline,
-  Ol as BlockVimeo,
+  zl as BlockVimeo,
   la as MoleculeAddress,
   ca as MoleculeBulletList,
   ma as MoleculeCard,
   ge as MoleculeColumnCard,
   qa as MoleculeEventCard,
   be as MoleculeFlashcard,
-  fe as MoleculeModal,
+  ve as MoleculeModal,
   Ua as MoleculeTextCard,
   ii as Organism404,
   _i as OrganismFilter,