@mirweb/mir-web-components 1.6.3 → 1.6.4

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as L, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as u, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as T, renderList as V, vShow as Q, normalizeProps as P, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as D, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Ie, normalizeStyle as x, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as qe } from "vue";
+import { defineComponent as g, computed as L, openBlock as l, createElementBlock as s, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as T, renderList as V, vShow as Q, normalizeProps as P, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as D, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Ie, normalizeStyle as x, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as qe } from "vue";
 const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -14,16 +14,16 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, s = L(() => a[r.variant]);
-    return (l, c) => (o(), i("button", {
-      class: m(["button", "button--" + s.value]),
-      "aria-label": l.ariaLabel
-    }, d(s.value === "close" ? "" : l.buttonText), 11, Ce));
+    }, r = e, i = L(() => a[r.variant]);
+    return (o, u) => (l(), s("button", {
+      class: m(["button", "button--" + i.value]),
+      "aria-label": o.ariaLabel
+    }, d(i.value === "close" ? "" : o.buttonText), 11, Ce));
   }
 }), f = (e, a) => {
   const r = e.__vccOpts || e;
-  for (const [s, l] of a)
-    r[s] = l;
+  for (const [i, o] of a)
+    r[i] = o;
   return r;
 }, le = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Pe = /* @__PURE__ */ g({
   __name: "checkbox",
@@ -37,30 +37,30 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, s = (l) => {
-      const c = l.target;
-      r("input", c.checked);
+    const r = a, i = (o) => {
+      const u = o.target;
+      r("input", u.checked);
     };
-    return (l, c) => (o(), i("div", {
-      class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
+    return (o, u) => (l(), s("div", {
+      class: m(["checkbox__wrapper", o.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: l.id,
+        id: o.id,
         type: "checkbox",
-        name: l.name,
-        value: l.value,
-        disabled: l.disabled,
-        required: l.required,
-        checked: l.checked,
+        name: o.name,
+        value: o.value,
+        disabled: o.disabled,
+        required: o.required,
+        checked: o.checked,
         class: "checkbox__checkbox",
-        onChange: s
+        onChange: i
       }, null, 40, De),
       t("label", {
-        for: l.id,
-        class: m(["checkbox__label", l.required ? "required" : ""])
+        for: o.id,
+        class: m(["checkbox__label", o.required ? "required" : ""])
       }, [
         Ve,
-        u(l.$slots, "default", {}, void 0, !0)
+        c(o.$slots, "default", {}, void 0, !0)
       ], 10, Te)
     ], 2));
   }
@@ -76,15 +76,15 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   emits: ["remove-chip"],
   setup(e) {
     const a = e, r = L(() => `Chip: ${a.text}`);
-    return (s, l) => (o(), i("div", {
+    return (i, o) => (l(), s("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (c) => s.$emit("remove-chip"))
+      onClick: o[0] || (o[0] = (u) => i.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
         "aria-label": r.value
       }, [
-        G(d(s.text) + " ", 1),
+        G(d(i.text) + " ", 1),
         Oe
       ], 8, Fe)
     ]));
@@ -107,9 +107,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, s = e, l = L(() => r[s.variant]), c = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te = a, se = L(() => {
-      const h = s.options.find(
-        (B) => B.value === s.modelValue
+    }, i = e, o = L(() => r[i.variant]), u = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te = a, se = L(() => {
+      const h = i.options.find(
+        (B) => B.value === i.modelValue
       );
       return h && h.label;
     });
@@ -119,7 +119,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     function re(h) {
       var C;
       const B = h.target;
-      B.getAttribute("role") === "option" && (J(B), oe(), (C = c.value) == null || C.focus());
+      B.getAttribute("role") === "option" && (J(B), oe(), (C = u.value) == null || C.focus());
     }
     function U(h) {
       var C;
@@ -128,11 +128,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         case "ArrowUp":
         case "ArrowDown": {
           h.preventDefault();
-          const A = s.options.findIndex(
-            (W) => W.value === s.modelValue
+          const A = i.options.findIndex(
+            (W) => W.value === i.modelValue
           );
           let z = A ? _.value[A] : _.value[0];
-          B === "ArrowUp" ? A - 1 >= 0 && (z = _.value[A - 1]) : A + 1 <= s.options.length && (z = _.value[A + 1]), z && J(z);
+          B === "ArrowUp" ? A - 1 >= 0 && (z = _.value[A - 1]) : A + 1 <= i.options.length && (z = _.value[A + 1]), z && J(z);
           break;
         }
         case "Home":
@@ -145,7 +145,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          h.preventDefault(), oe(), (C = c.value) == null || C.focus();
+          h.preventDefault(), oe(), (C = u.value) == null || C.focus();
           break;
         default: {
           const A = E(B);
@@ -155,7 +155,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       }
     }
     function ae(h) {
-      if (!s.disabled)
+      if (!i.disabled)
         switch (h.key) {
           case "ArrowUp":
           case "ArrowDown":
@@ -173,18 +173,18 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
     function E(h) {
       let B = "";
-      (v.value === "" || B !== h) && (w.value = s.options.findIndex(
-        (A) => A.value === s.modelValue
+      (v.value === "" || B !== h) && (w.value = i.options.findIndex(
+        (A) => A.value === i.modelValue
       )), v.value = B === h ? h : v.value + h, B = h, $();
       let C = j(
         w.value + 1,
-        s.options.length
+        i.options.length
       );
-      return !C && v.value.length === 1 && (C = j(0, w.value)), w.value = (w.value + 1) % s.options.length, C;
+      return !C && v.value.length === 1 && (C = j(0, w.value)), w.value = (w.value + 1) % i.options.length, C;
     }
     function j(h, B) {
       for (let C = h; C < B; C++)
-        if (s.options[C].label && s.options[C].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
+        if (i.options[C].label && i.options[C].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
           return _.value[C];
       return null;
     }
@@ -194,9 +194,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     function J(h) {
       var C, A;
       const B = h.getAttribute("data-value");
-      if (s.modelValue) {
-        const z = s.options.findIndex(
-          (ke) => ke.value === s.modelValue
+      if (i.modelValue) {
+        const z = i.options.findIndex(
+          (ke) => ke.value === i.modelValue
         ), W = _.value[z];
         ne(W);
       }
@@ -210,23 +210,23 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
     function ye() {
       var B;
-      const h = (B = _.value) == null ? void 0 : B[s.options.length - 1];
+      const h = (B = _.value) == null ? void 0 : B[i.options.length - 1];
       J(h);
     }
     function oe() {
       var h;
-      k.value = !0, (h = c.value) == null || h.removeAttribute("aria-expanded");
+      k.value = !0, (h = u.value) == null || h.removeAttribute("aria-expanded");
     }
     function ce() {
       var h, B;
-      k.value = !1, (h = c.value) == null || h.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
+      k.value = !1, (h = u.value) == null || h.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
     }
     function $e() {
-      s.disabled || (k.value ? ce() : oe());
+      i.disabled || (k.value ? ce() : oe());
     }
     return (h, B) => {
       const C = ue("click-outside");
-      return o(), i("div", {
+      return l(), s("div", {
         ref: "listbox",
         class: "listbox__wrapper",
         value: h.modelValue
@@ -239,16 +239,16 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             "is-required": h.required
           }, "listbox__label"])
         }, d(h.label), 11, Ne),
-        K((o(), i("div", Ee, [
+        K((l(), s("div", Ee, [
           t("button", {
             id: `${h.name}-button-label`,
             ref_key: "listboxButton",
-            ref: c,
+            ref: u,
             "aria-labelledby": `${h.name}-label ${h.name}-button-label`,
             type: "button",
             "aria-haspopup": "listbox",
             "aria-disabled": h.disabled,
-            class: m(["listbox__button", l.value]),
+            class: m(["listbox__button", o.value]),
             onClick: $e,
             onKeydown: ae
           }, d(h.modelValue ? se.value : h.placeholder), 43, je),
@@ -263,7 +263,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             onKeydown: U,
             onClick: re
           }, [
-            (o(!0), i(T, null, V(h.options, (A, z) => (o(), i("li", {
+            (l(!0), s(T, null, V(h.options, (A, z) => (l(), s("li", {
               key: `${h.name}-option-${z}`,
               ref_for: !0,
               ref_key: "listboxOptions",
@@ -294,8 +294,8 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", We, [
-      u(a.$slots, "default", P(O(a.$attrs)))
+    return (a, r) => (l(), s("div", We, [
+      c(a.$slots, "default", P(O(a.$attrs)))
     ]));
   }
 }), F = /* @__PURE__ */ f(Ye, [["__scopeId", "data-v-e10217bd"]]), Qe = { class: "label__wrapper" }, Ze = ["aria-label", "label-dark"], Xe = /* @__PURE__ */ g({
@@ -306,12 +306,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   setup(e) {
     const a = e, r = L(() => `Label: ${a.text}`);
-    return (s, l) => (o(), i("div", Qe, [
+    return (i, o) => (l(), s("div", Qe, [
       t("span", {
         "aria-label": r.value,
-        "label-dark": s.labelDark,
-        class: m(s.labelDark ? "label--dark" : "label--light")
-      }, d(s.text), 11, Ze)
+        "label-dark": i.labelDark,
+        class: m(i.labelDark ? "label--dark" : "label--light")
+      }, d(i.text), 11, Ze)
     ]));
   }
 }), Z = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-7d9d3a8a"]]), xe = { class: "link__wrapper" }, M = /* @__PURE__ */ g({
@@ -336,20 +336,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, l = L(() => a[s.linkType]), c = L(() => r[s.underline]), n = L(() => {
-      const { ..._ } = we(s);
+    }, i = e, o = L(() => a[i.linkType]), u = L(() => r[i.underline]), n = L(() => {
+      const { ..._ } = we(i);
       return _;
     });
-    return (_, b) => (o(), i("div", xe, [
+    return (_, b) => (l(), s("div", xe, [
       t("div", X(n.value, {
         class: ["mir-link", [
-          l.value,
+          o.value,
           _.disabled ? "disabled" : "",
-          c.value,
+          u.value,
           _.arrow ? "link-arrow" : ""
         ]]
       }), [
-        u(_.$slots, "default")
+        c(_.$slots, "default")
       ], 16)
     ]));
   }
@@ -365,30 +365,30 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, s = (l) => {
-      const c = l.target;
-      r("input", c.checked);
+    const r = a, i = (o) => {
+      const u = o.target;
+      r("input", u.checked);
     };
-    return (l, c) => (o(), i("div", {
-      class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
+    return (o, u) => (l(), s("div", {
+      class: m(["radio__wrapper", o.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: l.id,
+        id: o.id,
         type: "radio",
-        name: l.name,
-        value: l.value,
-        checked: l.checked,
-        disabled: l.disabled,
-        required: l.required,
+        name: o.name,
+        value: o.value,
+        checked: o.checked,
+        disabled: o.disabled,
+        required: o.required,
         class: "radio__radio",
-        onChange: s
+        onChange: i
       }, null, 40, tt),
       t("label", {
-        for: l.id,
-        class: m(["radio__label", l.required ? "required" : ""])
+        for: o.id,
+        class: m(["radio__label", o.required ? "required" : ""])
       }, [
         ot,
-        u(l.$slots, "default", {}, void 0, !0)
+        c(o.$slots, "default", {}, void 0, !0)
       ], 10, at)
     ], 2));
   }
@@ -405,7 +405,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (o(), i("div", it, [
+    return (a, r) => (l(), s("div", it, [
       t("label", {
         for: a.id,
         class: m([a.required ? "required" : "", a.disabled ? "disabled" : ""])
@@ -416,14 +416,14 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         disabled: a.disabled,
         name: a.name,
         value: a.modelValue,
-        onChange: r[0] || (r[0] = (s) => {
-          a.$emit("update:modelValue", s.target.value), s.target.blur();
+        onChange: r[0] || (r[0] = (i) => {
+          a.$emit("update:modelValue", i.target.value), i.target.blur();
         })
       }, [
-        (o(!0), i(T, null, V(a.options, (s) => (o(), i("option", {
-          key: s.value,
-          value: s.value
-        }, d(s.text), 9, dt))), 128))
+        (l(!0), s(T, null, V(a.options, (i) => (l(), s("option", {
+          key: i.value,
+          value: i.value
+        }, d(i.text), 9, dt))), 128))
       ], 42, nt)
     ]));
   }
@@ -435,39 +435,39 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:show"],
   setup(e, { emit: a }) {
-    const r = e, s = a, l = () => {
-      s("update:show", !r.show);
+    const r = e, i = a, o = () => {
+      i("update:show", !r.show);
     };
-    return (c, n) => (o(), i("div", _t, [
+    return (u, n) => (l(), s("div", _t, [
       S(Be, {
         duration: 300,
         name: "nested"
       }, {
         default: y(() => [
           K(t("div", {
-            class: m(["overlay", c.searchBar ? "overlay-search" : "overlay-default"]),
+            class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
-            onClick: l
+            onClick: o
           }, [
             t("div", {
               id: "modal",
-              class: m([c.searchBar ? "search" : ""]),
+              class: m([u.searchBar ? "search" : ""]),
               onClick: n[0] || (n[0] = _e(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                c.searchBar ? p("", !0) : (o(), D(le, {
+                u.searchBar ? p("", !0) : (l(), D(le, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
-                  onClick: l
+                  onClick: o
                 }))
               ]),
-              u(c.$slots, "default", {}, void 0, !0)
+              c(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Q, c.show]
+            [Q, u.show]
           ])
         ]),
         _: 3
@@ -490,25 +490,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, s = a, l = q(r.modelValue), c = q(), n = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
+    const r = e, i = a, o = q(r.modelValue), u = q(), n = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
       var k;
-      (k = c.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
+      (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
     };
     return he(() => {
-      if (c.value) {
-        s("update:modelValue", l.value);
-        const v = _(l.value, r.min, r.max);
+      if (u.value) {
+        i("update:modelValue", o.value);
+        const v = _(o.value, r.min, r.max);
         let k = (50 - v) / 100;
         b(v + k);
       }
-    }), (v, k) => (o(), i("div", null, [
+    }), (v, k) => (l(), s("div", null, [
       t("div", pt, [
         t("div", mt, [
           t("label", {
             for: v.id,
             class: m([v.variant, ""])
           }, d(v.label), 11, vt),
-          v.information ? (o(), i("i", {
+          v.information ? (l(), s("i", {
             key: 0,
             role: "button",
             class: m([v.variant, "slider__information"]),
@@ -526,7 +526,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           t("input", {
             id: v.id,
             ref_key: "slider",
-            ref: c,
+            ref: u,
             type: "range",
             name: v.name,
             value: v.modelValue,
@@ -534,7 +534,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             step: v.step,
             max: v.max,
             class: m(v.variant),
-            onInput: k[2] || (k[2] = ({ target: w }) => l.value = parseFloat(w.value))
+            onInput: k[2] || (k[2] = ({ target: w }) => o.value = parseFloat(w.value))
           }, null, 42, bt),
           t("span", {
             class: m([v.variant, "slider__minmax"])
@@ -544,7 +544,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           class: m([v.variant, "slider__value"])
         }, d(v.modelValue), 3)
       ]),
-      v.information ? (o(), D(ve, {
+      v.information ? (l(), D(ve, {
         key: 0,
         show: n.value,
         "onUpdate:show": k[3] || (k[3] = (w) => n.value = w)
@@ -570,7 +570,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (o(), i("div", wt, [
+    return (a, r) => (l(), s("div", wt, [
       t("label", {
         for: a.id,
         class: m({ required: a.required })
@@ -591,12 +591,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           class: m(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
-          onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
+          onInput: r[0] || (r[0] = (i) => a.$emit("update:modelValue", i.target.value))
         }, null, 42, It)
       ], 8, St),
       t("div", qt, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Ct, " Too many characters. Please make it shorter ")) : p("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), s("p", Ct, " Too many characters. Please make it shorter ")) : p("", !0)
         ]),
         t("p", {
           class: m(
@@ -642,12 +642,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, s = L(() => a[r.type]), l = q(!0), c = L(
-      () => l.value ? "showPassword" : "hidePassword"
+    }, r = e, i = L(() => a[r.type]), o = q(!0), u = L(
+      () => o.value ? "showPassword" : "hidePassword"
     ), n = L(
-      () => l.value ? "password" : "text"
+      () => o.value ? "password" : "text"
     );
-    return (_, b) => (o(), i("div", Dt, [
+    return (_, b) => (l(), s("div", Dt, [
       t("label", {
         for: _.id,
         class: m([
@@ -656,7 +656,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           _.search ? "search" : ""
         ])
       }, d(_.label), 11, Tt),
-      s.value === "password" ? (o(), i("div", Vt, [
+      i.value === "password" ? (l(), s("div", Vt, [
         t("input", {
           id: _.id,
           ref: "passwordField",
@@ -670,16 +670,16 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         }, null, 40, Pt),
         t("i", {
           role: "button",
-          class: m([c.value]),
+          class: m([u.value]),
           "aria-controls": "password",
-          "aria-expanded": !l.value,
-          onClick: b[1] || (b[1] = (v) => l.value = !l.value)
+          "aria-expanded": !o.value,
+          onClick: b[1] || (b[1] = (v) => o.value = !o.value)
         }, null, 10, Mt)
-      ])) : (o(), i("input", {
+      ])) : (l(), s("input", {
         key: 1,
         id: _.id,
         ref: "textField",
-        type: s.value,
+        type: i.value,
         value: _.modelValue,
         placeholder: _.placeholder,
         required: _.required,
@@ -692,9 +692,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         name: _.fieldName,
         onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
       }, null, 42, Ft)),
-      _.search ? (o(), i("i", Ot)) : p("", !0),
-      _.errorMessage ? (o(), i("strong", zt, d(_.errorMessage), 1)) : p("", !0),
-      _.helperText ? (o(), i("span", Ht, d(_.helperText), 1)) : p("", !0)
+      _.search ? (l(), s("i", Ot)) : p("", !0),
+      _.errorMessage ? (l(), s("strong", zt, d(_.errorMessage), 1)) : p("", !0),
+      _.helperText ? (l(), s("span", Ht, d(_.helperText), 1)) : p("", !0)
     ]));
   }
 }), Nt = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, jt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
@@ -715,36 +715,36 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   setup(e, { expose: a }) {
     const r = e;
-    let s = q(null);
+    let i = q(null);
     return he(() => {
-      s.value && (r.play ? s.value.play() : r.play || s.value.pause());
+      i.value && (r.play ? i.value.play() : r.play || i.value.pause());
     }), a({
       resetVideo: () => {
-        s.value && (s.value.currentTime = 0, s.value.play());
+        i.value && (i.value.currentTime = 0, i.value.play());
       }
-    }), (c, n) => (o(), i("div", Et, [
-      c.localVideo ? (o(), i("video", {
+    }), (u, n) => (l(), s("div", Et, [
+      u.localVideo ? (l(), s("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: s,
-        "aria-label": c.ariaLabel,
-        controls: c.controls,
-        poster: c.poster,
-        width: c.width,
-        height: c.height,
-        autoplay: c.autoplay,
-        loop: c.loop,
-        muted: c.muted,
+        ref: i,
+        "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: c.src
-      }, null, 8, jt)) : (o(), i("iframe", {
+        src: u.src
+      }, null, 8, jt)) : (l(), s("iframe", {
         key: 1,
-        src: c.src,
-        "aria-label": c.ariaLabel,
-        title: c.title,
-        width: c.width,
-        height: c.height,
+        src: u.src,
+        "aria-label": u.ariaLabel,
+        title: u.title,
+        width: u.width,
+        height: u.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
@@ -764,20 +764,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     email: {}
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Gt, [
+    return (a, r) => (l(), s("div", Gt, [
       t("div", Jt, [
         t("div", Wt, [
-          u(a.$slots, "address-flag", {}, void 0, !0)
+          c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Yt, [
           t("p", Qt, d(a.name), 1),
           t("p", null, d(a.company), 1),
           t("p", null, d(a.addressLine1), 1),
           t("p", null, d(a.addressLine2), 1),
-          a.addressLine3 ? (o(), i("p", Zt, d(a.addressLine3), 1)) : p("", !0)
+          a.addressLine3 ? (l(), s("p", Zt, d(a.addressLine3), 1)) : p("", !0)
         ]),
         t("div", Xt, [
-          a.website ? (o(), D(M, {
+          a.website ? (l(), D(M, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -790,16 +790,16 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : p("", !0),
-          (o(!0), i(T, null, V(a.phoneNumbers, (s) => (o(), D(M, {
-            key: s,
+          (l(!0), s(T, null, V(a.phoneNumbers, (i) => (l(), D(M, {
+            key: i,
             underline: "false",
             "link-type": "regular"
           }, {
             default: y(() => [
               t("a", {
-                href: "tel:" + s,
+                href: "tel:" + i,
                 class: "address__phone"
-              }, d(s), 9, ea)
+              }, d(i), 9, ea)
             ]),
             _: 2
           }, 1024))), 128)),
@@ -831,14 +831,14 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", sa, [
+    return (a, r) => (l(), s("div", sa, [
       t("div", {
         class: m(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (o(!0), i(T, null, V(e.list, (s) => (o(), i("li", { key: s }, [
+          (l(!0), s(T, null, V(e.list, (i) => (l(), s("li", { key: i }, [
             ia,
-            G(" " + d(s), 1)
+            G(" " + d(i), 1)
           ]))), 128))
         ])
       ], 2)
@@ -868,7 +868,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   setup(e) {
     const a = Ie();
     let r = q(!1);
-    const s = {
+    const i = {
       xsmall: {
         class: "card--xsmall",
         width: "241",
@@ -889,13 +889,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, c = L(() => s[l.size]);
-    return (n, _) => (o(), i("div", da, [
+    }, o = e, u = L(() => i[o.size]);
+    return (n, _) => (l(), s("div", da, [
       t("div", {
         class: m(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
           n.orientation === "vertical" ? "vertical" : "horizontal",
-          c.value.class,
+          u.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",
           n.variant === "product" ? "card--product" : "card--article"
         ]]),
@@ -903,9 +903,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         onMouseover: _[0] || (_[0] = (b) => de(r) ? r.value = !0 : r = !0),
         onMouseout: _[1] || (_[1] = (b) => de(r) ? r.value = !1 : r = !1)
       }, [
-        n.mediaType === "image" ? (o(), D(F, { key: 0 }, {
+        n.mediaType === "image" ? (l(), D(F, { key: 0 }, {
           default: y(() => [
-            u(n.$slots, "card-image", X({
+            c(n.$slots, "card-image", X({
               src: n.imgSrc,
               width: "596",
               height: "335",
@@ -915,7 +915,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             }, { srcset: n.srcSet }))
           ]),
           _: 3
-        })) : (o(), i("div", {
+        })) : (l(), s("div", {
           key: 1,
           class: m(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
@@ -926,31 +926,31 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             "aria-label": n.arialabel,
             controls: !1,
             poster: n.imgSrc,
-            width: c.value.width,
-            height: c.value.height,
+            width: u.value.width,
+            height: u.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(a)["card-label"] ? (o(), i("div", ca, [
-          u(n.$slots, "card-label")
+        I(a)["card-label"] ? (l(), s("div", ca, [
+          c(n.$slots, "card-label")
         ])) : p("", !0),
-        n.variant === "product" ? (o(), i("div", {
+        n.variant === "product" ? (l(), s("div", {
           key: 3,
           class: m([
             "card__headline",
             n.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, d(n.headline), 3)) : (o(), i("div", {
+        }, d(n.headline), 3)) : (l(), s("div", {
           key: 4,
           class: m([
             "card__headline",
             n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
         }, d(n.headline), 3)),
-        n.variant === "product" ? (o(), i("p", ua, d(n.paragraph), 1)) : p("", !0)
+        n.variant === "product" ? (l(), s("p", ua, d(n.paragraph), 1)) : p("", !0)
       ], 38)
     ]));
   }
@@ -963,20 +963,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     imageFit: { type: Boolean }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", pa, [
+    return (a, r) => (l(), s("div", pa, [
       t("div", ma, [
-        a.image.filename ? (o(), i("div", {
+        a.image.filename ? (l(), s("div", {
           key: 0,
           class: m(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
         }, [
-          u(a.$slots, "column-card-image", P(O({
+          c(a.$slots, "column-card-image", P(O({
             src: a.image.filename,
             alt: a.image.alt
           })), void 0, !0)
         ], 2)) : p("", !0),
         t("h3", va, d(a.headline), 1),
         t("div", fa, [
-          u(a.$slots, "column-card-body", {}, void 0, !0)
+          c(a.$slots, "column-card-body", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1006,7 +1006,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ya, [
+    return (a, r) => (l(), s("div", ya, [
       S(Z, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1037,7 +1037,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", qa, [
+    return (a, r) => (l(), s("div", qa, [
       S(Z, {
         "label-dark": !1,
         text: e.label ? e.label : ""
@@ -1060,13 +1060,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     accordions: {}
   },
   setup(e) {
-    const a = q([]), r = (l) => {
-      const c = a.value.indexOf(l);
-      c > -1 ? a.value.splice(c, 1) : a.value.push(l);
-    }, s = (l) => a.value.includes(l);
-    return (l, c) => (o(), i("section", Ta, [
+    const a = q([]), r = (o) => {
+      const u = a.value.indexOf(o);
+      u > -1 ? a.value.splice(u, 1) : a.value.push(o);
+    }, i = (o) => a.value.includes(o);
+    return (o, u) => (l(), s("section", Ta, [
       t("div", Va, [
-        (o(!0), i(T, null, V(l.accordions, (n) => (o(), i("div", {
+        (l(!0), s(T, null, V(o.accordions, (n) => (l(), s("div", {
           key: n._uid
         }, [
           t("div", Pa, [
@@ -1076,21 +1076,21 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             }, [
               t("h3", Fa, d(n.headline), 1),
               t("span", Oa, [
-                s(n._uid) ? (o(), i("img", Ha)) : (o(), i("img", za))
+                i(n._uid) ? (l(), s("img", Ha)) : (l(), s("img", za))
               ])
             ], 8, Ma),
             t("div", {
               class: m(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
               style: x({
-                display: s(n._uid) ? "flex" : "none"
+                display: i(n._uid) ? "flex" : "none"
               })
             }, [
               t("div", Ra, [
-                u(l.$slots, "accordion-body", P(O({ body: n.bodytext })), void 0, !0)
+                c(o.$slots, "accordion-body", P(O({ body: n.bodytext })), void 0, !0)
               ]),
               S(F, null, {
                 default: y(() => [
-                  n.image ? u(l.$slots, "accordion-image", P(X({ key: 0 }, {
+                  n.image ? c(o.$slots, "accordion-image", P(X({ key: 0 }, {
                     src: n.image.filename,
                     alt: n.image.alt,
                     class: "accordion__image"
@@ -1124,24 +1124,27 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", {
+    return (a, r) => (l(), s("div", {
       class: m([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
       t("div", ja, [
-        e.headline || e.paragraph ? (o(), i("div", Ka, [
-          e.headline ? (o(), i("h2", Ua, d(e.headline), 1)) : p("", !0),
-          e.paragraph ? (o(), i("p", Ga, d(e.paragraph), 1)) : p("", !0)
+        e.headline || e.paragraph ? (l(), s("div", Ka, [
+          e.headline ? (l(), s("h2", Ua, d(e.headline), 1)) : p("", !0),
+          e.paragraph ? (l(), s("p", Ga, d(e.paragraph), 1)) : p("", !0)
         ])) : p("", !0),
         t("div", Ja, [
-          u(a.$slots, "card-display-cards", {}, void 0, !0)
+          c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__headline" }, Za = { class: "column-grid__bodytext" }, Xa = { class: "column-grid__teaser-list" }, xa = /* @__PURE__ */ g({
+}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__top-section" }, Za = { class: "column-grid__headline" }, Xa = {
+  key: 0,
+  class: "column-grid__bodytext"
+}, xa = { class: "column-grid__teaser-list" }, eo = /* @__PURE__ */ g({
   __name: "column-grid",
   props: {
     headline: {},
@@ -1150,38 +1153,36 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     columns: {}
   },
   setup(e) {
-    const a = e, r = L(() => a.bodytext.length > 0);
-    return (s, l) => (o(), i("div", {
+    const a = e;
+    return L(() => a.bodytext.length > 0), (r, i) => (l(), s("div", {
       class: m([
         "column-grid",
-        s.bgColor === "dark" ? "column-grid--dark" : s.bgColor === "light" ? "column-grid--light" : "column-grid--white"
+        r.bgColor === "dark" ? "column-grid--dark" : r.bgColor === "light" ? "column-grid--light" : "column-grid--white"
       ])
     }, [
-      t("div", {
-        class: m([{ "no-bodytext": !r.value }, "column-grid__top-section"])
-      }, [
-        t("h2", Qa, d(s.headline), 1),
-        t("div", Za, [
-          u(s.$slots, "column-grid-body", P(O({ body: s.bodytext })), void 0, !0)
-        ])
-      ], 2),
-      t("div", Xa, [
-        (o(!0), i(T, null, V(s.columns, (c) => (o(), D(fe, {
-          key: c._uid,
-          headline: c.headline,
-          bodytext: c.bodytext,
-          image: c.image,
-          "image-fit": c.imageFit
+      t("div", Qa, [
+        t("h2", Za, d(r.headline), 1),
+        r.bodytext ? (l(), s("div", Xa, [
+          c(r.$slots, "column-grid-body", P(O({ body: r.bodytext })), void 0, !0)
+        ])) : p("", !0)
+      ]),
+      t("div", xa, [
+        (l(!0), s(T, null, V(r.columns, (o) => (l(), D(fe, {
+          key: o._uid,
+          headline: o.headline,
+          bodytext: o.bodytext,
+          image: o.image,
+          "image-fit": o.imageFit
         }, {
           "column-card-body": y(() => [
-            u(s.$slots, "column-card-body", P(O({ body: c.bodytext })), void 0, !0)
+            c(r.$slots, "column-card-body", P(O({ body: o.bodytext })), void 0, !0)
           ]),
           "column-card-image": y(() => [
-            c.image ? u(s.$slots, "column-card-image", P(X({ key: 0 }, {
-              src: c.image.filename,
-              alt: c.image.alt,
+            o.image ? c(r.$slots, "column-card-image", P(X({ key: 0 }, {
+              src: o.image.filename,
+              alt: o.image.alt,
               class: "column-card__image",
-              style: { "object-fit": c.imageFit ? "cover" : "contain" }
+              style: { "object-fit": o.imageFit ? "cover" : "contain" }
             })), void 0, !0) : p("", !0)
           ]),
           _: 2
@@ -1189,10 +1190,10 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), eo = /* @__PURE__ */ f(xa, [["__scopeId", "data-v-66d76191"]]), to = { class: "facts__wrapper" }, ao = { class: "facts__content" }, oo = { class: "facts__headline" }, lo = { class: "facts" }, so = { class: "fact__value" }, io = { class: "fact__metric" }, ro = {
+}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-04227a26"]]), ao = { class: "facts__wrapper" }, oo = { class: "facts__content" }, lo = { class: "facts__headline" }, so = { class: "facts" }, io = { class: "fact__value" }, ro = { class: "fact__metric" }, no = {
   key: 0,
   class: "facts__link"
-}, no = /* @__PURE__ */ g({
+}, co = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1216,29 +1217,29 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", to, [
-      t("div", ao, [
-        t("h2", oo, d(a.headline), 1),
-        t("div", lo, [
-          (o(!0), i(T, null, V(a.facts, (s) => (o(), i("div", {
-            key: s.value + s.metric,
+    return (a, r) => (l(), s("div", ao, [
+      t("div", oo, [
+        t("h2", lo, d(a.headline), 1),
+        t("div", so, [
+          (l(!0), s(T, null, V(a.facts, (i) => (l(), s("div", {
+            key: i.value + i.metric,
             class: "fact"
           }, [
-            t("div", so, [
-              t("span", null, d(s.value), 1)
-            ]),
             t("div", io, [
-              t("span", null, d(s.metric), 1)
+              t("span", null, d(i.value), 1)
+            ]),
+            t("div", ro, [
+              t("span", null, d(i.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (o(), i("div", ro, [
+        a.link ? (l(), s("div", no, [
           S(M, {
             "link-type": "regular_light",
             arrow: ""
           }, {
             default: y(() => [
-              u(a.$slots, "facts-link", {}, void 0, !0)
+              c(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1246,13 +1247,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), co = /* @__PURE__ */ f(no, [["__scopeId", "data-v-d2b231d4"]]), uo = { class: "features__wrapper" }, _o = { class: "features__content" }, ho = {
+}), uo = /* @__PURE__ */ f(co, [["__scopeId", "data-v-d2b231d4"]]), _o = { class: "features__wrapper" }, ho = { class: "features__content" }, po = {
   key: 0,
   class: "features__headline"
-}, po = {
+}, mo = {
   key: 1,
   class: "features__body"
-}, mo = { class: "element__headline" }, vo = { class: "element__body" }, fo = /* @__PURE__ */ g({
+}, vo = { class: "element__headline" }, fo = { class: "element__body" }, go = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1260,40 +1261,40 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", uo, [
-      t("div", _o, [
-        a.headline ? (o(), i("div", ho, [
+    return (a, r) => (l(), s("div", _o, [
+      t("div", ho, [
+        a.headline ? (l(), s("div", po, [
           t("h2", null, d(a.headline), 1)
         ])) : p("", !0),
-        a.body ? (o(), i("div", po, [
-          u(a.$slots, "features-body", {}, void 0, !0)
+        a.body ? (l(), s("div", mo, [
+          c(a.$slots, "features-body", {}, void 0, !0)
         ])) : p("", !0),
         t("div", {
           class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (o(!0), i(T, null, V(a.elements, (s) => (o(), i("div", {
-            key: s.headline,
+          (l(!0), s(T, null, V(a.elements, (i) => (l(), s("div", {
+            key: i.headline,
             class: "features__element"
           }, [
             S(F, { class: "element__icon" }, {
               default: y(() => [
-                u(a.$slots, "features-icon", P(O({
-                  src: s.icon.src,
+                c(a.$slots, "features-icon", P(O({
+                  src: i.icon.src,
                   height: 30,
                   width: 30,
-                  alt: s.icon.alt
+                  alt: i.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            t("p", mo, d(s.headline), 1),
-            t("p", vo, d(s.body), 1)
+            t("p", vo, d(i.headline), 1),
+            t("p", fo, d(i.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), go = /* @__PURE__ */ f(fo, [["__scopeId", "data-v-57a22df7"]]), bo = { class: "form__wrapper" }, yo = { class: "form__content" }, $o = { class: "form__information" }, ko = { class: "form__headline" }, wo = { class: "form__body" }, Bo = { class: "form__script" }, So = /* @__PURE__ */ g({
+}), bo = /* @__PURE__ */ f(go, [["__scopeId", "data-v-57a22df7"]]), yo = { class: "form__wrapper" }, $o = { class: "form__content" }, ko = { class: "form__information" }, wo = { class: "form__headline" }, Bo = { class: "form__body" }, So = { class: "form__script" }, Io = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1302,21 +1303,21 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", bo, [
-      t("div", yo, [
-        t("div", $o, [
-          t("h2", ko, d(e.headline), 1),
-          t("div", wo, [
-            u(a.$slots, "form-body", {}, void 0, !0)
+    return (a, r) => (l(), s("div", yo, [
+      t("div", $o, [
+        t("div", ko, [
+          t("h2", wo, d(e.headline), 1),
+          t("div", Bo, [
+            c(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", Bo, [
-          u(a.$slots, "form-script", {}, void 0, !0)
+        t("div", So, [
+          c(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Io = /* @__PURE__ */ f(So, [["__scopeId", "data-v-87a67c13"]]), qo = { class: "headline__wrapper" }, Co = { class: "headline__h1" }, Ao = /* @__PURE__ */ g({
+}), qo = /* @__PURE__ */ f(Io, [["__scopeId", "data-v-87a67c13"]]), Co = { class: "headline__wrapper" }, Ao = { class: "headline__h1" }, Lo = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1333,7 +1334,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", qo, [
+    return (a, r) => (l(), s("div", Co, [
       t("div", {
         class: m({
           "headline__content--article-and-submenu": e.article && e.subMenu,
@@ -1342,11 +1343,11 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", Co, d(e.headline), 1)
+        t("h1", Ao, d(e.headline), 1)
       ], 2)
     ]));
   }
-}), Lo = /* @__PURE__ */ f(Ao, [["__scopeId", "data-v-3ef1567e"]]), Do = (e) => (H("data-v-22f9be13"), e = e(), R(), e), To = { class: "hero__wrapper" }, Vo = { class: "hero__content" }, Po = { class: "hero__top" }, Mo = { class: "hero__elements" }, Fo = { class: "hero__headline" }, Oo = { class: "hero__link" }, zo = { class: "hero__video" }, Ho = /* @__PURE__ */ Do(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), Ro = { class: "hero__video__video" }, No = { class: "hero__image" }, Eo = /* @__PURE__ */ g({
+}), Do = /* @__PURE__ */ f(Lo, [["__scopeId", "data-v-3ef1567e"]]), To = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Vo = { class: "hero__wrapper" }, Po = { class: "hero__content" }, Mo = { class: "hero__top" }, Fo = { class: "hero__elements" }, Oo = { class: "hero__headline" }, zo = { class: "hero__link" }, Ho = { class: "hero__video" }, Ro = /* @__PURE__ */ To(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), No = { class: "hero__video__video" }, Eo = { class: "hero__image" }, jo = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1355,39 +1356,39 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", To, [
-      t("div", Vo, [
-        t("div", Po, [
-          t("div", Mo, [
-            t("div", Fo, [
+    return (a, r) => (l(), s("div", Vo, [
+      t("div", Po, [
+        t("div", Mo, [
+          t("div", Fo, [
+            t("div", Oo, [
               t("h1", null, d(e.headline), 1)
             ]),
-            t("div", Oo, [
+            t("div", zo, [
               S(M, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
                 default: y(() => [
-                  u(a.$slots, "hero-link", {}, void 0, !0)
+                  c(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])
           ])
         ]),
-        t("div", zo, [
-          Ho,
-          t("div", Ro, [
-            u(a.$slots, "hero-video", {}, void 0, !0)
-          ]),
+        t("div", Ho, [
+          Ro,
           t("div", No, [
-            u(a.$slots, "hero-image", {}, void 0, !0)
+            c(a.$slots, "hero-video", {}, void 0, !0)
+          ]),
+          t("div", Eo, [
+            c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), jo = /* @__PURE__ */ f(Eo, [["__scopeId", "data-v-22f9be13"]]), Ko = { class: "image__wrapper" }, Uo = { class: "image__content" }, Go = { class: "image__image" }, Jo = { class: "image__caption" }, Wo = /* @__PURE__ */ g({
+}), Ko = /* @__PURE__ */ f(jo, [["__scopeId", "data-v-22f9be13"]]), Uo = { class: "image__wrapper" }, Go = { class: "image__content" }, Jo = { class: "image__image" }, Wo = { class: "image__caption" }, Yo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1411,12 +1412,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ko, [
-      t("div", Uo, [
-        t("div", Go, [
+    return (a, r) => (l(), s("div", Uo, [
+      t("div", Go, [
+        t("div", Jo, [
           S(F, null, {
             default: y(() => [
-              u(a.$slots, "image", P(O({
+              c(a.$slots, "image", P(O({
                 width: 984,
                 height: e.fullHeight ? "100%" : 554,
                 src: e.src,
@@ -1427,20 +1428,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             _: 3
           })
         ]),
-        t("p", Jo, d(e.caption), 1)
+        t("p", Wo, d(e.caption), 1)
       ])
     ]));
   }
-}), Yo = /* @__PURE__ */ f(Wo, [["__scopeId", "data-v-c583d657"]]), Qo = { class: "gallery__large" }, Zo = {
+}), Qo = /* @__PURE__ */ f(Yo, [["__scopeId", "data-v-c583d657"]]), Zo = { class: "gallery__large" }, Xo = {
   key: 0,
   class: "image image--large"
-}, Xo = {
+}, xo = {
   key: 1,
   class: "video"
-}, xo = {
+}, el = {
   key: 0,
   class: "body"
-}, el = /* @__PURE__ */ g({
+}, tl = /* @__PURE__ */ g({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1456,35 +1457,35 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, s = L(() => a[r.bgColor]);
-    return (l, c) => (o(), i("div", {
-      class: m(["gallery__wrapper", s.value])
+    }, r = e, i = L(() => a[r.bgColor]);
+    return (o, u) => (l(), s("div", {
+      class: m(["gallery__wrapper", i.value])
     }, [
       t("div", {
         class: m([
           "gallery__content",
-          l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
+          o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", Qo, [
-          l.mediaLarge && l.mediaType === "image" ? (o(), i("div", Zo, [
+        t("div", Zo, [
+          o.mediaLarge && o.mediaType === "image" ? (l(), s("div", Xo, [
             S(F, null, {
               default: y(() => [
-                u(l.$slots, "image-large", P(O({
+                c(o.$slots, "image-large", P(O({
                   width: 617,
                   height: 530,
-                  src: l.mediaLarge.src,
-                  alt: l.mediaLarge.alt
+                  src: o.mediaLarge.src,
+                  alt: o.mediaLarge.alt
                 })))
               ]),
               _: 3
             })
           ])) : p("", !0),
-          l.mediaLarge && l.mediaType === "video" ? (o(), i("div", Xo, [
+          o.mediaLarge && o.mediaType === "video" ? (l(), s("div", xo, [
             S(ee, {
-              src: l.mediaLarge.src,
+              src: o.mediaLarge.src,
               "local-video": "",
-              "aria-label": l.mediaLarge.alt,
+              "aria-label": o.mediaLarge.alt,
               controls: !1,
               height: "530",
               width: "617",
@@ -1496,19 +1497,19 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
           ])) : p("", !0)
         ]),
         t("div", {
-          style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          style: x([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
           class: m([
             "gallery__small",
-            l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
+            o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (o(!0), i(T, null, V(l.mediaSmall, (n) => (o(), i("div", {
+          (l(!0), s(T, null, V(o.mediaSmall, (n) => (l(), s("div", {
             key: n.src + n.alt,
             class: "image image--small"
           }, [
             S(F, null, {
               default: y(() => [
-                u(l.$slots, "image-small", P(O({
+                c(o.$slots, "image-small", P(O({
                   width: 328,
                   height: 246,
                   src: n.src,
@@ -1518,17 +1519,17 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
               _: 2
             }, 1024)
           ]))), 128)),
-          l.mediaSmall.length < 2 ? (o(), i("div", xo, [
-            t("p", null, d(l.body), 1)
+          o.mediaSmall.length < 2 ? (l(), s("div", el, [
+            t("p", null, d(o.body), 1)
           ])) : p("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-0d271138"]]), al = { class: "logo-wall__wrapper" }, ol = { class: "logo-wall__content" }, ll = {
+}), al = /* @__PURE__ */ f(tl, [["__scopeId", "data-v-0d271138"]]), ol = { class: "logo-wall__wrapper" }, ll = { class: "logo-wall__content" }, sl = {
   key: 0,
   class: "logo-wall__text"
-}, sl = { key: 0 }, il = { key: 1 }, rl = { class: "logo-wall__logos" }, nl = { class: "logo-wall__link" }, dl = /* @__PURE__ */ g({
+}, il = { key: 0 }, rl = { key: 1 }, nl = { class: "logo-wall__logos" }, dl = { class: "logo-wall__link" }, cl = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1546,37 +1547,37 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", al, [
-      t("div", ol, [
-        e.headline || e.body ? (o(), i("div", ll, [
-          e.headline ? (o(), i("h2", sl, d(e.headline), 1)) : p("", !0),
-          e.body ? (o(), i("p", il, d(e.body), 1)) : p("", !0)
+    return (a, r) => (l(), s("div", ol, [
+      t("div", ll, [
+        e.headline || e.body ? (l(), s("div", sl, [
+          e.headline ? (l(), s("h2", il, d(e.headline), 1)) : p("", !0),
+          e.body ? (l(), s("p", rl, d(e.body), 1)) : p("", !0)
         ])) : p("", !0),
-        t("div", rl, [
-          (o(!0), i(T, null, V(e.logos, (s) => (o(), i("div", {
-            key: s.src + s.alt,
+        t("div", nl, [
+          (l(!0), s(T, null, V(e.logos, (i) => (l(), s("div", {
+            key: i.src + i.alt,
             class: "logo-wall__logo"
           }, [
             S(F, null, {
               default: y(() => [
-                u(a.$slots, "logo-wall-logo", P(O({
+                c(a.$slots, "logo-wall-logo", P(O({
                   width: 130,
                   height: 130,
-                  src: s.src,
-                  alt: s.alt
+                  src: i.src,
+                  alt: i.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ]),
-        t("div", nl, [
+        t("div", dl, [
           S(M, {
             "link-type": "regular_light",
             arrow: !0
           }, {
             default: y(() => [
-              u(a.$slots, "logo-wall-link", {}, void 0, !0)
+              c(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1584,13 +1585,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-fd489289"]]), ul = { class: "micro-stories__top" }, _l = {
+}), ul = /* @__PURE__ */ f(cl, [["__scopeId", "data-v-fd489289"]]), _l = { class: "micro-stories__top" }, hl = {
   key: 0,
   class: "headline"
-}, hl = {
+}, pl = {
   key: 1,
   class: "body"
-}, pl = { class: "micro-stories__splide" }, ml = /* @__PURE__ */ g({
+}, ml = { class: "micro-stories__splide" }, vl = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1602,39 +1603,39 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = L(() => a[s.bgColor]), s = e;
-    return (l, c) => (o(), i("div", {
+    }, r = L(() => a[i.bgColor]), i = e;
+    return (o, u) => (l(), s("div", {
       class: m(["micro-stories__wrapper", r.value])
     }, [
-      t("div", ul, [
-        l.headline ? (o(), i("div", _l, [
-          t("h2", null, d(l.headline), 1)
+      t("div", _l, [
+        o.headline ? (l(), s("div", hl, [
+          t("h2", null, d(o.headline), 1)
         ])) : p("", !0),
-        l.body ? (o(), i("div", hl, [
-          t("p", null, d(l.body), 1)
+        o.body ? (l(), s("div", pl, [
+          t("p", null, d(o.body), 1)
         ])) : p("", !0)
       ]),
-      t("div", pl, [
-        u(l.$slots, "micro-stories-slides")
+      t("div", ml, [
+        c(o.$slots, "micro-stories-slides")
       ]),
-      u(l.$slots, "micro-stories-controls")
+      c(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), vl = {}, fl = { class: "policy__wrapper" }, gl = { class: "policy__content" };
-function bl(e, a) {
-  return o(), i("div", fl, [
-    t("div", gl, [
-      u(e.$slots, "default", {}, void 0, !0)
+}), fl = {}, gl = { class: "policy__wrapper" }, bl = { class: "policy__content" };
+function yl(e, a) {
+  return l(), s("div", gl, [
+    t("div", bl, [
+      c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a"]]), $l = { class: "product-hero__wrapper" }, kl = { class: "product-hero__content" }, wl = { class: "product-hero__headline" }, Bl = { class: "product-hero__video" }, Sl = { class: "product-hero__insignia" }, Il = {
+const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a"]]), kl = { class: "product-hero__wrapper" }, wl = { class: "product-hero__content" }, Bl = { class: "product-hero__headline" }, Sl = { class: "product-hero__video" }, Il = { class: "product-hero__insignia" }, ql = {
   key: 0,
   class: "product-hero__logo"
-}, ql = {
+}, Cl = {
   key: 1,
   class: "product-hero__certification"
-}, Cl = /* @__PURE__ */ g({
+}, Al = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -1669,11 +1670,11 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", $l, [
-      t("div", kl, [
-        t("div", wl, d(e.headline), 1),
-        t("div", Bl, [
-          e.videoSrc !== "" ? (o(), D(ee, {
+    return (a, r) => (l(), s("div", kl, [
+      t("div", wl, [
+        t("div", Bl, d(e.headline), 1),
+        t("div", Sl, [
+          e.videoSrc !== "" ? (l(), D(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -1684,25 +1685,25 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), D(I(F), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), D(I(F), { key: 1 }, {
             default: y(() => [
-              u(a.$slots, "product-hero-image", {}, void 0, !0)
+              c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          t("div", Sl, [
-            e.logoSrc ? (o(), i("div", Il, [
+          t("div", Il, [
+            e.logoSrc ? (l(), s("div", ql, [
               S(I(F), null, {
                 default: y(() => [
-                  u(a.$slots, "product-hero-logo", {}, void 0, !0)
+                  c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])) : p("", !0),
-            e.isCertified ? (o(), i("div", ql, [
+            e.isCertified ? (l(), s("div", Cl, [
               S(I(F), null, {
                 default: y(() => [
-                  u(a.$slots, "product-hero-certification", {}, void 0, !0)
+                  c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1712,7 +1713,7 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), Al = /* @__PURE__ */ f(Cl, [["__scopeId", "data-v-deab9c3a"]]), Ll = { class: "promo__content" }, Dl = /* @__PURE__ */ g({
+}), Ll = /* @__PURE__ */ f(Al, [["__scopeId", "data-v-deab9c3a"]]), Dl = { class: "promo__content" }, Tl = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1732,84 +1733,84 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = L(() => a[r.variant]);
-    return (l, c) => (o(), i("div", {
+    }, r = e, i = L(() => a[r.variant]);
+    return (o, u) => (l(), s("div", {
       class: m([
         "promo__wrapper",
-        s.value,
-        l.teaser ? "promo__wrapper--teaser" : "",
-        l.multiply ? "promo__wrapper--multiply" : ""
+        i.value,
+        o.teaser ? "promo__wrapper--teaser" : "",
+        o.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      t("div", Ll, [
-        l.mediaType === "image" ? (o(), i("div", {
+      t("div", Dl, [
+        o.mediaType === "image" ? (l(), s("div", {
           key: 0,
           class: m([
             "promo__image",
-            l.reverse ? "promo__image--reverse" : "promo__image--default"
+            o.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           S(F, null, {
             default: y(() => [
-              u(l.$slots, "promo-image", P(O({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              c(o.$slots, "promo-image", P(O({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : p("", !0),
-        l.mediaType === "video" ? (o(), i("div", {
+        o.mediaType === "video" ? (l(), s("div", {
           key: 1,
           class: m([
             "promo__video",
-            l.reverse ? "promo__video--reverse" : "promo__video--default"
+            o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
           S(ee, {
-            src: l.src,
+            src: o.src,
             "local-video": "",
-            "aria-label": l.alt,
+            "aria-label": o.alt,
             controls: !1,
             autoplay: "",
             loop: "",
             muted: "",
             play: "",
-            poster: l.fallbackImage
+            poster: o.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
         ], 2)) : p("", !0),
         t("div", {
           class: m([
             "promo__text",
-            l.reverse ? "promo__text--reverse" : "promo__text--default"
+            o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (o(), D(Z, {
+          o.label ? (l(), D(Z, {
             key: 0,
-            text: l.label,
-            "label-dark": l.variant === "dark"
+            text: o.label,
+            "label-dark": o.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : p("", !0),
           t("div", {
             class: m([
               "promo__title",
-              l.variant === "dark" ? "promo__title--dark" : ""
+              o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            u(l.$slots, "promo-headline")
+            c(o.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (o(), D(M, {
+          o.linkType === "link" ? (l(), D(M, {
             key: 1,
-            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: y(() => [
-              u(l.$slots, "promo-link")
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          l.linkType === "button" ? (o(), D(M, {
+          o.linkType === "button" ? (l(), D(M, {
             key: 2,
-            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+            "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
             default: y(() => [
-              u(l.$slots, "promo-link")
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0)
@@ -1817,10 +1818,10 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Tl = /* @__PURE__ */ f(Dl, [["__scopeId", "data-v-df54d965"]]), Vl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Pl = { class: "quote__wrapper" }, Ml = { class: "quote__content" }, Fl = /* @__PURE__ */ Vl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Ol = { class: "quote__quote" }, zl = { class: "quote__quote-text" }, Hl = { class: "quote__author" }, Rl = {
+}), Vl = /* @__PURE__ */ f(Tl, [["__scopeId", "data-v-df54d965"]]), Pl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Ml = { class: "quote__wrapper" }, Fl = { class: "quote__content" }, Ol = /* @__PURE__ */ Pl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), zl = { class: "quote__quote" }, Hl = { class: "quote__quote-text" }, Rl = { class: "quote__author" }, Nl = {
   key: 0,
   class: "quote__image"
-}, Nl = { class: "quote__text" }, El = { class: "quote__author-name" }, jl = { class: "quote__author-title" }, Kl = /* @__PURE__ */ g({
+}, El = { class: "quote__text" }, jl = { class: "quote__author-name" }, Kl = { class: "quote__author-title" }, Ul = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1842,16 +1843,16 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Pl, [
-      t("div", Ml, [
-        Fl,
-        t("div", Ol, [
-          t("p", zl, d(e.quote), 1),
-          t("div", Hl, [
-            e.authorImage ? (o(), i("div", Rl, [
+    return (a, r) => (l(), s("div", Ml, [
+      t("div", Fl, [
+        Ol,
+        t("div", zl, [
+          t("p", Hl, d(e.quote), 1),
+          t("div", Rl, [
+            e.authorImage ? (l(), s("div", Nl, [
               S(F, null, {
                 default: y(() => [
-                  u(a.$slots, "author-image", P(O({
+                  c(a.$slots, "author-image", P(O({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1860,22 +1861,22 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : p("", !0),
-            t("div", Nl, [
-              t("p", El, d(e.author), 1),
-              t("p", jl, d(e.authorTitle), 1)
+            t("div", El, [
+              t("p", jl, d(e.author), 1),
+              t("p", Kl, d(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Ul = /* @__PURE__ */ f(Kl, [["__scopeId", "data-v-e3cc8e27"]]), Gl = { class: "rich-text__wrapper" }, Jl = {
+}), Gl = /* @__PURE__ */ f(Ul, [["__scopeId", "data-v-e3cc8e27"]]), Jl = { class: "rich-text__wrapper" }, Wl = {
   key: 0,
   class: "rich-text__links"
-}, Wl = {
+}, Yl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, Yl = /* @__PURE__ */ g({
+}, Ql = /* @__PURE__ */ g({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1888,19 +1889,19 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
     label: { default: "" }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", {
+    return (a, r) => (l(), s("div", {
       class: m([
         "rich-text",
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", Gl, [
-        a.label ? (o(), D(Z, {
+      t("div", Jl, [
+        a.label ? (l(), D(Z, {
           key: 0,
           text: a.label,
           "label-dark": !1
         }, null, 8, ["text"])) : p("", !0),
-        a.headline ? (o(), i("h2", {
+        a.headline ? (l(), s("h2", {
           key: 1,
           class: m([
             "rich-text__headline",
@@ -1919,15 +1920,15 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(a.$slots, "rich-text-content"),
-            a.links ? (o(), i("div", Jl, [
-              u(a.$slots, "rich-text-links")
+            c(a.$slots, "rich-text-content"),
+            a.links ? (l(), s("div", Wl, [
+              c(a.$slots, "rich-text-links")
             ])) : p("", !0)
           ], 2),
-          a.bulletList ? (o(), i("div", Wl, [
-            u(a.$slots, "rich-text-bullet-list")
+          a.bulletList ? (l(), s("div", Yl, [
+            c(a.$slots, "rich-text-bullet-list")
           ])) : p("", !0),
-          a.image ? (o(), i("div", {
+          a.image ? (l(), s("div", {
             key: 1,
             class: m([
               "rich-text__image",
@@ -1936,7 +1937,7 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
           }, [
             S(F, null, {
               default: y(() => [
-                u(a.$slots, "rich-text-image", P(O({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", P(O({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1945,27 +1946,27 @@ const yl = /* @__PURE__ */ f(vl, [["render", bl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Ql = /* @__PURE__ */ f(Yl, [["__scopeId", "data-v-16ba7206"]]), Zl = {}, Xl = { class: "rich-text" }, xl = { class: "rich-text__wrapper" }, es = { class: "rich-text__content rich-text__content--left-aligned" }, ts = { class: "rich-text__body" };
-function as(e, a) {
-  return o(), i("div", Xl, [
-    t("div", xl, [
-      t("div", es, [
-        t("div", ts, [
+}), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-16ba7206"]]), Xl = {}, xl = { class: "rich-text" }, es = { class: "rich-text__wrapper" }, ts = { class: "rich-text__content rich-text__content--left-aligned" }, as = { class: "rich-text__body" };
+function os(e, a) {
+  return l(), s("div", xl, [
+    t("div", es, [
+      t("div", ts, [
+        t("div", as, [
           t("div", null, [
-            u(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            c(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            u(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            c(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
     ])
   ]);
 }
-const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040"]]), ls = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), ss = { class: "timeline__wrapper" }, is = { class: "timeline__content" }, rs = { class: "timeline__items" }, ns = { class: "item__left" }, ds = /* @__PURE__ */ ls(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040"]]), ss = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), is = { class: "timeline__wrapper" }, rs = { class: "timeline__content" }, ns = { class: "timeline__items" }, ds = { class: "item__left" }, cs = /* @__PURE__ */ ss(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), cs = { class: "item__right" }, us = ["innerHTML"], _s = /* @__PURE__ */ g({
+], -1)), us = { class: "item__right" }, _s = ["innerHTML"], hs = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1976,52 +1977,52 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
   setup(e) {
     return pe(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
-        (s) => {
-          s.forEach((l) => {
-            l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
+        (i) => {
+          i.forEach((o) => {
+            o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), r.unobserve(o.target));
           });
         },
         {
           threshold: 1
         }
       );
-      a.forEach((s) => {
-        r.observe(s);
+      a.forEach((i) => {
+        r.observe(i);
       });
-    }), (a, r) => (o(), i("div", ss, [
-      t("div", is, [
-        t("div", rs, [
-          (o(!0), i(T, null, V(e.timelineItems, (s) => (o(), i("div", {
-            key: s.year,
+    }), (a, r) => (l(), s("div", is, [
+      t("div", rs, [
+        t("div", ns, [
+          (l(!0), s(T, null, V(e.timelineItems, (i) => (l(), s("div", {
+            key: i.year,
             class: "timeline__item faded"
           }, [
-            t("div", ns, d(s.year), 1),
-            ds,
-            t("div", cs, [
+            t("div", ds, d(i.year), 1),
+            cs,
+            t("div", us, [
               S(F, null, {
                 default: y(() => [
-                  s.media.src ? u(a.$slots, "timeline-image", P(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
+                  i.media.src ? c(a.$slots, "timeline-image", P(X({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : p("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: x([s.media.src ? "" : "margin-top: 0px"]),
+                style: x([i.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
-                innerHTML: s.text
-              }, null, 12, us)
+                innerHTML: i.text
+              }, null, 12, _s)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), hs = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-e254e1e0"]]), ps = { class: "vimeo" }, ms = { class: "vimeo__wrapper" }, vs = {
+}), ps = /* @__PURE__ */ f(hs, [["__scopeId", "data-v-e254e1e0"]]), ms = { class: "vimeo" }, vs = { class: "vimeo__wrapper" }, fs = {
   key: 0,
   class: "vimeo__headline"
-}, fs = {
+}, gs = {
   key: 1,
   class: "vimeo__description"
-}, gs = /* @__PURE__ */ g({
+}, bs = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -2034,21 +2035,21 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ps, [
-      t("div", ms, [
-        e.headline ? (o(), i("h2", vs, d(e.headline), 1)) : p("", !0),
-        u(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (o(), i("p", fs, d(e.description), 1)) : p("", !0)
+    return (a, r) => (l(), s("div", ms, [
+      t("div", vs, [
+        e.headline ? (l(), s("h2", fs, d(e.headline), 1)) : p("", !0),
+        c(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (l(), s("p", gs, d(e.description), 1)) : p("", !0)
       ])
     ]));
   }
-}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-90a2b109"]]), ys = { class: "academy-overview" }, $s = { class: "academy-overview__content-wrapper" }, ks = { class: "academy-overview__content" }, ws = { class: "academy-overview__title" }, Bs = { class: "academy-overview__description" }, Ss = {
+}), ys = /* @__PURE__ */ f(bs, [["__scopeId", "data-v-90a2b109"]]), $s = { class: "academy-overview" }, ks = { class: "academy-overview__content-wrapper" }, ws = { class: "academy-overview__content" }, Bs = { class: "academy-overview__title" }, Ss = { class: "academy-overview__description" }, Is = {
   key: 0,
   class: "academy-overview__button-wrapper"
-}, Is = {
+}, qs = {
   key: 0,
   class: "academy-overview__stats"
-}, qs = { class: "academy-overview__stats-row" }, Cs = { class: "academy-overview__stat" }, As = { class: "academy-overview__value" }, Ls = { class: "academy-overview__label" }, Ds = { class: "academy-overview__stat" }, Ts = { class: "academy-overview__value" }, Vs = { class: "academy-overview__label" }, Ps = /* @__PURE__ */ g({
+}, Cs = { class: "academy-overview__stats-row" }, As = { class: "academy-overview__stat" }, Ls = { class: "academy-overview__value" }, Ds = { class: "academy-overview__label" }, Ts = { class: "academy-overview__stat" }, Vs = { class: "academy-overview__value" }, Ps = { class: "academy-overview__label" }, Ms = /* @__PURE__ */ g({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
@@ -2062,25 +2063,25 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
     }) }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ys, [
-      t("div", $s, [
-        t("div", ks, [
+    return (a, r) => (l(), s("div", $s, [
+      t("div", ks, [
+        t("div", ws, [
           t("div", null, [
-            t("h1", ws, d(a.hero.headline), 1),
-            t("p", Bs, d(a.hero.description), 1),
-            a.hero.showStats ? p("", !0) : (o(), i("div", Ss, [
-              u(a.$slots, "button", {}, void 0, !0)
+            t("h1", Bs, d(a.hero.headline), 1),
+            t("p", Ss, d(a.hero.description), 1),
+            a.hero.showStats ? p("", !0) : (l(), s("div", Is, [
+              c(a.$slots, "button", {}, void 0, !0)
             ]))
           ]),
-          a.hero.showStats ? (o(), i("div", Is, [
-            t("div", qs, [
-              t("div", Cs, [
-                t("div", As, d(a.hero.lessonValue), 1),
-                t("div", Ls, d(a.hero.lessonLabel), 1)
+          a.hero.showStats ? (l(), s("div", qs, [
+            t("div", Cs, [
+              t("div", As, [
+                t("div", Ls, d(a.hero.lessonValue), 1),
+                t("div", Ds, d(a.hero.lessonLabel), 1)
               ]),
-              t("div", Ds, [
-                t("div", Ts, d(a.hero.pointsValue), 1),
-                t("div", Vs, d(a.hero.pointsLabel), 1)
+              t("div", Ts, [
+                t("div", Vs, d(a.hero.pointsValue), 1),
+                t("div", Ps, d(a.hero.pointsLabel), 1)
               ])
             ])
           ])) : p("", !0)
@@ -2088,7 +2089,7 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ms = /* @__PURE__ */ f(Ps, [["__scopeId", "data-v-98275425"]]), Fs = { class: "not-found__wrapper" }, Os = { class: "not-found__content" }, zs = { class: "not-found__headline" }, Hs = { class: "not-found__body" }, Rs = /* @__PURE__ */ g({
+}), Fs = /* @__PURE__ */ f(Ms, [["__scopeId", "data-v-98275425"]]), Os = { class: "not-found__wrapper" }, zs = { class: "not-found__content" }, Hs = { class: "not-found__headline" }, Rs = { class: "not-found__body" }, Ns = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -2097,16 +2098,16 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Fs, [
-      t("div", Os, [
-        t("h1", zs, d(e.headline), 1),
-        t("div", Hs, [
-          u(a.$slots, "not-found-body", {}, void 0, !0)
+    return (a, r) => (l(), s("div", Os, [
+      t("div", zs, [
+        t("h1", Hs, d(e.headline), 1),
+        t("div", Rs, [
+          c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Ns = /* @__PURE__ */ f(Rs, [["__scopeId", "data-v-b829ca6c"]]), Es = { class: "filter__wrapper" }, js = { class: "filter__content" }, Ks = { class: "filter__dropdowns" }, Us = { class: "filter__chips" }, Gs = /* @__PURE__ */ g({
+}), Es = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-b829ca6c"]]), js = { class: "filter__wrapper" }, Ks = { class: "filter__content" }, Us = { class: "filter__dropdowns" }, Gs = { class: "filter__chips" }, Js = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -2120,51 +2121,51 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (o(), i("div", Es, [
-      t("div", js, [
-        t("div", Ks, [
-          u(a.$slots, "filter-dropdowns")
-        ]),
+    return (a, r) => (l(), s("div", js, [
+      t("div", Ks, [
         t("div", Us, [
-          u(a.$slots, "filter-chips"),
-          e.hasChips ? (o(), i("button", {
+          c(a.$slots, "filter-dropdowns")
+        ]),
+        t("div", Gs, [
+          c(a.$slots, "filter-chips"),
+          e.hasChips ? (l(), s("button", {
             key: 0,
             class: "filter__clear",
-            onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
+            onClick: r[0] || (r[0] = (i) => a.$emit("clearFilters"))
           }, d(e.removeAll), 1)) : p("", !0)
         ])
       ])
     ]));
   }
-}), Js = /* @__PURE__ */ f(Gs, [["__scopeId", "data-v-31c1ba00"]]), ge = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), Ws = { class: "footer__wrapper" }, Ys = { class: "footer__content" }, Qs = {
+}), Ws = /* @__PURE__ */ f(Js, [["__scopeId", "data-v-31c1ba00"]]), ge = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), Ys = { class: "footer__wrapper" }, Qs = { class: "footer__content" }, Zs = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" }
-}, Zs = { class: "footer__sections" }, Xs = { class: "section__title" }, xs = { class: "section__list" }, ei = { class: "section" }, ti = {
+}, Xs = { class: "footer__sections" }, xs = { class: "section__title" }, ei = { class: "section__list" }, ti = { class: "section" }, ai = {
   key: 0,
   class: "section__title"
-}, ai = {
+}, oi = {
   key: 1,
   class: "section__title"
-}, oi = { key: 0 }, li = { key: 1 }, si = { key: 2 }, ii = { key: 3 }, ri = { key: 4 }, ni = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("br", null, null, -1)), di = {
+}, li = { key: 0 }, si = { key: 1 }, ii = { key: 2 }, ri = { key: 3 }, ni = { key: 4 }, di = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("br", null, null, -1)), ci = {
   key: 0,
   href: "mailto:china@mir-robots.com"
-}, ci = {
+}, ui = {
   key: 1,
   href: "mailto:mail@mir-robots.com"
-}, ui = {
+}, _i = {
   key: 0,
   href: "tel:+8613661856951"
-}, _i = {
+}, hi = {
   key: 1,
   href: "tel:+4520377577"
-}, hi = { class: "footer__bottom" }, pi = { class: "copyright" }, mi = { class: "footer__policy" }, vi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), fi = {
+}, pi = { class: "footer__bottom" }, mi = { class: "copyright" }, vi = { class: "footer__policy" }, fi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), gi = {
   key: 0,
   class: "footer__social"
-}, gi = ["href", "aria-label"], bi = {
+}, bi = ["href", "aria-label"], yi = {
   key: 1,
   class: "footer__social"
-}, yi = ["href", "aria-label"], $i = /* @__PURE__ */ g({
+}, $i = ["href", "aria-label"], ki = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -2177,37 +2178,37 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (o(), i("div", Ws, [
-      t("footer", Ys, [
-        a.language === "zh" ? (o(), i("img", Qs)) : p("", !0),
-        t("div", Zs, [
-          (o(!0), i(T, null, V(a.footerSections, (s) => (o(), i("div", {
-            key: s.title,
+    return (a, r) => (l(), s("div", Ys, [
+      t("footer", Qs, [
+        a.language === "zh" ? (l(), s("img", Zs)) : p("", !0),
+        t("div", Xs, [
+          (l(!0), s(T, null, V(a.footerSections, (i) => (l(), s("div", {
+            key: i.title,
             class: "section"
           }, [
-            t("span", Xs, d(s.title), 1),
+            t("span", xs, d(i.title), 1),
             t("nav", null, [
-              t("ul", xs, [
-                u(a.$slots, "section-links", {
-                  links: s.links
+              t("ul", ei, [
+                c(a.$slots, "section-links", {
+                  links: i.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", ei, [
-            a.language === "zh" ? (o(), i("span", ti, "名傲移动机器人（上海）有限公司")) : (o(), i("span", ai, "Mobile Industrial Robots A/S")),
+          t("div", ti, [
+            a.language === "zh" ? (l(), s("span", ai, "名傲移动机器人（上海）有限公司")) : (l(), s("span", oi, "Mobile Industrial Robots A/S")),
             t("address", null, [
-              a.language === "zh" ? (o(), i("span", oi, "上海浦东新区金桥出口加工区")) : (o(), i("span", li, "Energivej 51")),
-              a.language === "zh" ? (o(), i("span", si, "桂桥路1201号10栋2楼")) : (o(), i("span", ii, "5260 Odense S")),
-              a.language !== "zh" ? (o(), i("span", ri, "CVR: 35251235")) : p("", !0),
-              ni,
+              a.language === "zh" ? (l(), s("span", li, "上海浦东新区金桥出口加工区")) : (l(), s("span", si, "Energivej 51")),
+              a.language === "zh" ? (l(), s("span", ii, "桂桥路1201号10栋2楼")) : (l(), s("span", ri, "5260 Odense S")),
+              a.language !== "zh" ? (l(), s("span", ni, "CVR: 35251235")) : p("", !0),
+              di,
               S(M, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: y(() => [
-                  a.language === "zh" ? (o(), i("a", di, "china@mir-robots.com")) : (o(), i("a", ci, "mail@mir-robots.com"))
+                  a.language === "zh" ? (l(), s("a", ci, "china@mir-robots.com")) : (l(), s("a", ui, "mail@mir-robots.com"))
                 ]),
                 _: 1
               }),
@@ -2217,67 +2218,67 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
                 underline: "false"
               }, {
                 default: y(() => [
-                  a.language === "zh" ? (o(), i("a", ui, "+86 13661856951（微信同号）")) : (o(), i("a", _i, "+45 20 377 577"))
+                  a.language === "zh" ? (l(), s("a", _i, "+86 13661856951（微信同号）")) : (l(), s("a", hi, "+45 20 377 577"))
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", hi, [
-          t("p", pi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", mi, [
+        t("div", pi, [
+          t("p", mi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", vi, [
             t("button", {
               class: "footer__language-switcher",
-              onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
+              onClick: r[0] || (r[0] = (i) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                vi,
+                fi,
                 G(d(a.changeRegion), 1)
               ])
             ]),
-            u(a.$slots, "footer-privacy-link"),
-            u(a.$slots, "footer-cookie-link")
+            c(a.$slots, "footer-privacy-link"),
+            c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (o(), i("div", fi, [
-            (o(!0), i(T, null, V(a.socialMedia, (s) => (o(), D(M, {
-              key: s.title,
+          a.language !== "zh" ? (l(), s("div", gi, [
+            (l(!0), s(T, null, V(a.socialMedia, (i) => (l(), D(M, {
+              key: i.title,
               underline: "false",
               "link-type": "regular"
             }, {
               default: y(() => [
                 t("a", {
-                  href: s.url,
+                  href: i.url,
                   target: "_blank",
-                  "aria-label": s.title
+                  "aria-label": i.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
+                    class: m(["footer__social--icon", [i.title ? "bg-" + i.title : ""]])
                   }, null, 2)
-                ], 8, gi)
+                ], 8, bi)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (o(), i("div", bi, [
-            (o(!0), i(T, null, V(a.socialMediaChina, (s) => (o(), D(M, {
-              key: s.title,
+          ])) : (l(), s("div", yi, [
+            (l(!0), s(T, null, V(a.socialMediaChina, (i) => (l(), D(M, {
+              key: i.title,
               underline: "false",
               "link-type": "regular"
             }, {
               default: y(() => [
                 t("a", {
-                  href: s.url,
+                  href: i.url,
                   target: "_blank",
-                  "aria-label": s.title
+                  "aria-label": i.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
+                    class: m(["footer__social--icon", [i.title ? "bg-" + i.title : ""]])
                   }, null, 2)
-                ], 8, yi)
+                ], 8, $i)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2286,51 +2287,51 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), ki = /* @__PURE__ */ f($i, [["__scopeId", "data-v-3d0cbbd5"]]), be = (e) => (H("data-v-766d3c80"), e = e(), R(), e), wi = { class: "header__wrapper" }, Bi = { class: "nav-wrapper" }, Si = { class: "mir-link-logo" }, Ii = { class: "main-nav-items" }, qi = {
+}), wi = /* @__PURE__ */ f(ki, [["__scopeId", "data-v-3d0cbbd5"]]), be = (e) => (H("data-v-766d3c80"), e = e(), R(), e), Bi = { class: "header__wrapper" }, Si = { class: "nav-wrapper" }, Ii = { class: "mir-link-logo" }, qi = { class: "main-nav-items" }, Ci = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ci = {
+}, Ai = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Ai = {
+}, Li = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Li = { class: "dropdown-content" }, Di = {
+}, Di = { class: "dropdown-content" }, Ti = {
   key: 1,
   class: "nav-search-wrapper"
-}, Ti = ["src"], Vi = {
+}, Vi = ["src"], Pi = {
   key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, Pi = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
+}, Mi = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portalswitchericon",
   width: "15",
   height: "15"
-}, null, -1)), Mi = [
-  Pi
-], Fi = { class: "portal-switcher-content" }, Oi = { class: "portal-switcher-links" }, zi = ["href"], Hi = ["src"], Ri = {
+}, null, -1)), Fi = [
+  Mi
+], Oi = { class: "portal-switcher-content" }, zi = { class: "portal-switcher-links" }, Hi = ["href"], Ri = ["src"], Ni = {
   key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, Ni = {
+}, Ei = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, Ei = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
+}, ji = /* @__PURE__ */ be(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
   width: "15",
   height: "15"
-}, null, -1)), ji = [
-  Ei
-], Ki = { class: "profile-dropdown-content" }, Ui = { class: "mobile-logo-search-burger-wrapper" }, Gi = { class: "mobile-mir-link-logo" }, Ji = {
+}, null, -1)), Ki = [
+  ji
+], Ui = { class: "profile-dropdown-content" }, Gi = { class: "mobile-logo-search-burger-wrapper" }, Ji = { class: "mobile-mir-link-logo" }, Wi = {
   key: 0,
   class: "mobile-search-wrapper"
-}, Wi = ["src"], Yi = ["src"], Qi = { class: "mobile-menu-content-wrapper" }, Zi = { class: "mobile-dropdown-content" }, Xi = /* @__PURE__ */ g({
+}, Yi = ["src"], Qi = ["src"], Zi = { class: "mobile-menu-content-wrapper" }, Xi = { class: "mobile-dropdown-content" }, xi = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2382,33 +2383,33 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
     "clickSearch"
   ],
   setup(e, { expose: a, emit: r }) {
-    let s = null;
-    const l = e;
-    let c = q(l.burgerState), n = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
+    let i = null;
+    const o = e;
+    let u = q(o.burgerState), n = q(o.search), _ = q(o.showDropDown), b = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), k = q(o.isAuthenticated);
     Y(
-      () => l.burgerState,
-      ($) => c.value = $
+      () => o.burgerState,
+      ($) => u.value = $
     ), Y(
-      () => l.search,
+      () => o.search,
       ($) => n.value = $
     ), Y(
-      () => l.showDropDown,
+      () => o.showDropDown,
       ($) => _.value = $
     ), Y(
-      () => l.showPortalSwitcherDropDown,
+      () => o.showPortalSwitcherDropDown,
       ($) => b.value = $
     ), Y(
-      () => l.showProfileDropDown,
+      () => o.showProfileDropDown,
       ($) => v.value = $
     ), Y(
-      () => l.isAuthenticated,
+      () => o.isAuthenticated,
       ($) => k.value = $
     ), pe(() => {
-      s = ($) => {
+      i = ($) => {
         $.target.closest("#menu-dropdown") || (_.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (v.value = !1);
-      }, window.addEventListener("click", s);
+      }, window.addEventListener("click", i);
     }), qe(() => {
-      s !== null && window.removeEventListener("click", s);
+      i !== null && window.removeEventListener("click", i);
     });
     const w = r;
     function te() {
@@ -2421,7 +2422,7 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
       v.value = !v.value, w("update:showProfileDropDown", v.value);
     }
     function re() {
-      c.value = !c.value, w("update:burgerState", c.value);
+      u.value = !u.value, w("update:burgerState", u.value);
     }
     let U = q(null), ae = q(null);
     function ne() {
@@ -2429,30 +2430,30 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
     }
     return a({
       defocusSearchButton: ne
-    }), ($, E) => (o(), i("div", wi, [
+    }), ($, E) => (l(), s("div", Bi, [
       t("nav", null, [
-        t("div", Bi, [
-          t("div", Si, [
-            u($.$slots, "link-logo", {}, void 0, !0)
+        t("div", Si, [
+          t("div", Ii, [
+            c($.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", Ii, [
-            u($.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", qi, [
+            c($.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (o(), i("div", qi, [
+          e.useDropdown ? (l(), s("div", Ci, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: te
             }, [
-              u($.$slots, "dropdown-title", {}, void 0, !0),
-              I(_) === !1 ? (o(), i("img", Ci)) : (o(), i("img", Ai))
+              c($.$slots, "dropdown-title", {}, void 0, !0),
+              I(_) === !1 ? (l(), s("img", Ai)) : (l(), s("img", Li))
             ]),
-            K(t("div", Li, [
-              u($.$slots, "dropdown-links", {}, void 0, !0)
+            K(t("div", Di, [
+              c($.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [Q, I(_)]
             ])
           ], 512)) : p("", !0),
-          I(n) ? (o(), i("div", Di, [
+          I(n) ? (l(), s("div", Ti, [
             t("button", {
               ref_key: "navSearchButton",
               ref: U,
@@ -2463,21 +2464,21 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
               })
             }, [
               t("img", {
-                src: I(c) === !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, Ti)
+              }, null, 8, Vi)
             ], 512)
           ])) : p("", !0),
-          e.usePortalSwitcher ? (o(), i("div", Vi, [
+          e.usePortalSwitcher ? (l(), s("div", Pi, [
             t("button", {
               class: "nav-portal-switcher-btn",
               onClick: se
-            }, Mi),
-            K(t("div", Fi, [
-              t("ul", Oi, [
-                (o(!0), i(T, null, V(e.portals, (j, N) => (o(), i("li", {
+            }, Fi),
+            K(t("div", Oi, [
+              t("ul", zi, [
+                (l(!0), s(T, null, V(e.portals, (j, N) => (l(), s("li", {
                   key: N,
                   class: "portal-switcher-link"
                 }, [
@@ -2489,9 +2490,9 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
                       }, [
                         t("img", {
                           src: j.icon
-                        }, null, 8, Hi),
+                        }, null, 8, Ri),
                         t("div", null, d(j.name), 1)
-                      ], 8, zi)
+                      ], 8, Hi)
                     ]),
                     _: 2
                   }, 1024)
@@ -2501,30 +2502,30 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
               [Q, I(b)]
             ])
           ])) : p("", !0),
-          e.useProfileDropdown ? (o(), i("div", Ri, [
-            I(k) ? p("", !0) : (o(), i("div", Ni, [
-              u($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
+          e.useProfileDropdown ? (l(), s("div", Ni, [
+            I(k) ? p("", !0) : (l(), s("div", Ei, [
+              c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
-            I(k) ? (o(), i("button", {
+            I(k) ? (l(), s("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
               onClick: ie
-            }, ji)) : p("", !0),
-            K(t("div", Ki, [
-              u($.$slots, "profile-dropdown-links", {}, void 0, !0)
+            }, Ki)) : p("", !0),
+            K(t("div", Ui, [
+              c($.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Q, I(v)]
             ])
           ])) : p("", !0)
         ]),
         t("div", {
-          class: m(["mobile-nav-wrapper", I(c) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Ui, [
-            t("div", Gi, [
-              u($.$slots, "link-logo", {}, void 0, !0)
+          t("div", Gi, [
+            t("div", Ji, [
+              c($.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(n) ? (o(), i("div", Ji, [
+            I(n) ? (l(), s("div", Wi, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: ae,
@@ -2536,11 +2537,11 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
                 })
               }, [
                 t("img", {
-                  src: I(c) === !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, Wi)
+                }, null, 8, Yi)
               ], 512)
             ])) : p("", !0),
             t("button", {
@@ -2552,26 +2553,26 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: I(c) === !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, Yi)
+                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, Qi)
             ])
           ]),
-          K(t("div", Qi, [
+          K(t("div", Zi, [
             t("ul", null, [
-              u($.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              c($.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Zi, [
-              u($.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              u($.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Xi, [
+              c($.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              c($.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Q, I(c)]
+            [Q, I(u)]
           ])
         ], 2)
       ])
     ]));
   }
-}), xi = /* @__PURE__ */ f(Xi, [["__scopeId", "data-v-766d3c80"]]), er = { class: "language__wrapper" }, tr = { class: "language__content" }, ar = { class: "language__headline" }, or = { class: "language__paragraph" }, lr = { class: "language__links" }, sr = /* @__PURE__ */ g({
+}), er = /* @__PURE__ */ f(xi, [["__scopeId", "data-v-766d3c80"]]), tr = { class: "language__wrapper" }, ar = { class: "language__content" }, or = { class: "language__headline" }, lr = { class: "language__paragraph" }, sr = { class: "language__links" }, ir = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2584,17 +2585,17 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", er, [
-      t("div", tr, [
-        t("h2", ar, d(e.headline), 1),
-        t("p", or, d(e.paragraph), 1),
-        t("div", lr, [
-          u(a.$slots, "language-links", {}, void 0, !0)
+    return (a, r) => (l(), s("div", tr, [
+      t("div", ar, [
+        t("h2", or, d(e.headline), 1),
+        t("p", lr, d(e.paragraph), 1),
+        t("div", sr, [
+          c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), ir = /* @__PURE__ */ f(sr, [["__scopeId", "data-v-dc8cc97e"]]), rr = { class: "pagination__wrapper" }, nr = { class: "pagination__content" }, dr = /* @__PURE__ */ g({
+}), rr = /* @__PURE__ */ f(ir, [["__scopeId", "data-v-dc8cc97e"]]), nr = { class: "pagination__wrapper" }, dr = { class: "pagination__content" }, cr = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2608,31 +2609,31 @@ const os = /* @__PURE__ */ f(Zl, [["render", as], ["__scopeId", "data-v-449f3040
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (o(), i("div", rr, [
-      t("div", nr, [
+    return (a, r) => (l(), s("div", nr, [
+      t("div", dr, [
         S(le, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
-          onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
+          onClick: r[0] || (r[0] = (i) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        u(a.$slots, "pagination-numbers"),
+        c(a.$slots, "pagination-numbers"),
         S(le, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
-          onClick: r[1] || (r[1] = (s) => a.$emit("next"))
+          onClick: r[1] || (r[1] = (i) => a.$emit("next"))
         }, null, 8, ["disabled"])
       ])
     ]));
   }
-}), cr = /* @__PURE__ */ f(dr, [["__scopeId", "data-v-da6d07c9"]]), ur = {}, _r = { class: "search__wrapper" };
-function hr(e, a) {
-  return o(), i("div", _r, [
-    u(e.$slots, "default", { class: "search__content" })
+}), ur = /* @__PURE__ */ f(cr, [["__scopeId", "data-v-da6d07c9"]]), _r = {}, hr = { class: "search__wrapper" };
+function pr(e, a) {
+  return l(), s("div", hr, [
+    c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3"]]), mr = { class: "dropdown" }, vr = ["aria-expanded"], fr = /* @__PURE__ */ g({
+const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3"]]), vr = { class: "dropdown" }, fr = ["aria-expanded"], gr = /* @__PURE__ */ g({
   __name: "select-multiple",
   props: {
     label: { default: "" },
@@ -2641,31 +2642,31 @@ const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3
   },
   emits: ["filter", "remove-filter"],
   setup(e, { emit: a }) {
-    const r = q(!1), s = e, l = a;
-    function c(b) {
-      s.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
+    const r = q(!1), i = e, o = a;
+    function u(b) {
+      i.selectedOptions.includes(b) ? o("remove-filter", b) : o("filter", b);
     }
     function n() {
       r.value = !1;
     }
-    const _ = L(() => s.options.length > 8);
+    const _ = L(() => i.options.length > 8);
     return (b, v) => {
       const k = ue("click-outside");
-      return K((o(), i("div", mr, [
+      return K((l(), s("div", vr, [
         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)
         }, [
-          u(b.$slots, "button", {}, () => [
+          c(b.$slots, "button", {}, () => [
             G(d(b.label), 1)
           ], !0)
-        ], 12, vr),
+        ], 12, fr),
         t("div", {
           class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
         }, [
-          (o(!0), i(T, null, V(b.options, (w) => (o(), D(I(me), {
+          (l(!0), s(T, null, V(b.options, (w) => (l(), D(I(me), {
             id: w.value,
             key: w.value,
             name: w.text,
@@ -2673,7 +2674,7 @@ const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3
             disabled: !1,
             value: w.value,
             checked: b.selectedOptions.includes(w.value),
-            onInput: (te) => c(w.value)
+            onInput: (te) => u(w.value)
           }, {
             default: y(() => [
               G(d(w.text), 1)
@@ -2686,7 +2687,7 @@ const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3
       ]);
     };
   }
-}), gr = /* @__PURE__ */ f(fr, [["__scopeId", "data-v-164647da"]]), br = { class: "promo__content" }, yr = { class: "pallet-jack__media-wrap" }, $r = { class: "pallet-jack-link" }, kr = { class: "pallet-jack__media-wrap__inner-wrap" }, wr = { class: "pallet-jack__media-wrap__content-wrap" }, Br = { class: "regular-blue" }, Sr = /* @__PURE__ */ g({
+}), br = /* @__PURE__ */ f(gr, [["__scopeId", "data-v-164647da"]]), yr = { class: "promo__content" }, $r = { class: "pallet-jack__media-wrap" }, kr = { class: "pallet-jack-link" }, wr = { class: "pallet-jack__media-wrap__inner-wrap" }, Br = { class: "pallet-jack__media-wrap__content-wrap" }, Sr = { class: "regular-blue" }, Ir = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2704,69 +2705,69 @@ const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = L(() => a[r.variant]);
-    return (l, c) => (o(), i("div", {
+    }, r = e, i = L(() => a[r.variant]);
+    return (o, u) => (l(), s("div", {
       class: m([
         "promo__wrapper",
-        s.value,
-        l.teaser ? "promo__wrapper--teaser" : ""
+        i.value,
+        o.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", br, [
+      t("div", yr, [
         t("div", {
           class: m([
             "promo__video",
-            l.reverse ? "promo__video--reverse" : "promo__video--default"
+            o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", yr, [
-            t("div", $r, [
-              u(l.$slots, "pallet-jack-link")
-            ]),
+          t("div", $r, [
             t("div", kr, [
-              u(l.$slots, "pallet-jack-video")
+              c(o.$slots, "pallet-jack-link")
             ]),
             t("div", wr, [
-              t("h3", Br, d(l.headline), 1),
-              t("p", null, d(l.shortDescription), 1)
+              c(o.$slots, "pallet-jack-video")
+            ]),
+            t("div", Br, [
+              t("h3", Sr, d(o.headline), 1),
+              t("p", null, d(o.shortDescription), 1)
             ])
           ])
         ], 2),
         t("div", {
           class: m([
             "promo__text",
-            l.reverse ? "promo__text--reverse" : "promo__text--default"
+            o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (o(), D(Z, {
+          o.label ? (l(), D(Z, {
             key: 0,
-            text: l.label,
-            "label-dark": l.variant === "dark"
+            text: o.label,
+            "label-dark": o.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : p("", !0),
           t("div", {
             class: m([
               "promo__title",
-              l.variant === "dark" ? "promo__title--dark" : ""
+              o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            u(l.$slots, "promo-text")
+            c(o.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (o(), D(M, {
+          o.linkType === "link" ? (l(), D(M, {
             key: 1,
-            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: y(() => [
-              u(l.$slots, "promo-link")
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          l.linkType === "button" ? (o(), D(M, {
+          o.linkType === "button" ? (l(), D(M, {
             key: 2,
-            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+            "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
             default: y(() => [
-              u(l.$slots, "promo-link")
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0)
@@ -2774,9 +2775,9 @@ const pr = /* @__PURE__ */ f(ur, [["render", hr], ["__scopeId", "data-v-c07a6cf3
       ])
     ], 2));
   }
-}), Ir = /* @__PURE__ */ f(Sr, [["__scopeId", "data-v-00c0bad3"]]), Cr = {
+}), qr = /* @__PURE__ */ f(Ir, [["__scopeId", "data-v-00c0bad3"]]), Ar = {
   install: (e) => {
-    e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage", F), e.component("AtomLabel", Z), e.component("AtomLink", M), e.component("AtomRadioButton", st), e.component("AtomSelect", ut), e.component("AtomSelectMultiple", gr), e.component("AtomSlider", kt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Nt), e.component("AtomVideo", ee), e.component("MoleculeAddress", oa), e.component("MoleculeBulletList", na), e.component("MoleculeCard", ha), e.component("MoleculeColumnCard", fe), e.component("MoleculeEventCard", Ia), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Da), e.component("BlockAccordion", Ea), e.component("BlockFacts", co), e.component("BlockFeatures", go), e.component("BlockFormScript", Io), e.component("BlockHeadline", Lo), e.component("BlockHero", jo), e.component("BlockImage", Yo), e.component("BlockImageGallery", tl), e.component("BlockLogoWall", cl), e.component("BlockMicroStories", ml), e.component("BlockPolicy", yl), e.component("BlockProductHero", Al), e.component("BlockPromo", Tl), e.component("BlockQuote", Ul), e.component("BlockRichText", Ql), e.component("BlockRichTextColumns", os), e.component("BlockTimeline", hs), e.component("BlockCardDisplay", Ya), e.component("BlockColumnGrid", eo), e.component("BlockVimeo", bs), e.component("BlockPalletJack", Ir), e.component("BlockFrontPageHero", Ms), e.component("Organism404", Ns), e.component("OrganismFilter", Js), e.component("OrganismFooter", ki), e.component("OrganismHeader", xi), e.component("OrganismLanguageSwitcher", ir), e.component("OrganismPagination", cr), e.component("OrganismSearch", pr);
+    e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage", F), e.component("AtomLabel", Z), e.component("AtomLink", M), e.component("AtomRadioButton", st), e.component("AtomSelect", ut), e.component("AtomSelectMultiple", br), e.component("AtomSlider", kt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Nt), e.component("AtomVideo", ee), e.component("MoleculeAddress", oa), e.component("MoleculeBulletList", na), e.component("MoleculeCard", ha), e.component("MoleculeColumnCard", fe), e.component("MoleculeEventCard", Ia), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Da), e.component("BlockAccordion", Ea), e.component("BlockFacts", uo), e.component("BlockFeatures", bo), e.component("BlockFormScript", qo), e.component("BlockHeadline", Do), e.component("BlockHero", Ko), e.component("BlockImage", Qo), e.component("BlockImageGallery", al), e.component("BlockLogoWall", ul), e.component("BlockMicroStories", vl), e.component("BlockPolicy", $l), e.component("BlockProductHero", Ll), e.component("BlockPromo", Vl), e.component("BlockQuote", Gl), e.component("BlockRichText", Zl), e.component("BlockRichTextColumns", ls), e.component("BlockTimeline", ps), e.component("BlockCardDisplay", Ya), e.component("BlockColumnGrid", to), e.component("BlockVimeo", ys), e.component("BlockPalletJack", qr), e.component("BlockFrontPageHero", Fs), e.component("Organism404", Es), e.component("OrganismFilter", Ws), e.component("OrganismFooter", wi), e.component("OrganismHeader", er), e.component("OrganismLanguageSwitcher", rr), e.component("OrganismPagination", ur), e.component("OrganismSearch", mr);
   }
 };
 export {
@@ -2789,33 +2790,33 @@ export {
   M as AtomLink,
   st as AtomRadioButton,
   ut as AtomSelect,
-  gr as AtomSelectMultiple,
+  br as AtomSelectMultiple,
   kt as AtomSlider,
   Nt as AtomTextField,
   Lt as AtomTextarea,
   ee as AtomVideo,
   Ea as BlockAccordion,
   Ya as BlockCardDisplay,
-  eo as BlockColumnGrid,
-  co as BlockFacts,
-  go as BlockFeatures,
-  Io as BlockFormScript,
-  Ms as BlockFrontPageHero,
-  Lo as BlockHeadline,
-  jo as BlockHero,
-  Yo as BlockImage,
-  tl as BlockImageGallery,
-  cl as BlockLogoWall,
-  ml as BlockMicroStories,
-  Ir as BlockPalletJack,
-  yl as BlockPolicy,
-  Al as BlockProductHero,
-  Tl as BlockPromo,
-  Ul as BlockQuote,
-  Ql as BlockRichText,
-  os as BlockRichTextColumns,
-  hs as BlockTimeline,
-  bs as BlockVimeo,
+  to as BlockColumnGrid,
+  uo as BlockFacts,
+  bo as BlockFeatures,
+  qo as BlockFormScript,
+  Fs as BlockFrontPageHero,
+  Do as BlockHeadline,
+  Ko as BlockHero,
+  Qo as BlockImage,
+  al as BlockImageGallery,
+  ul as BlockLogoWall,
+  vl as BlockMicroStories,
+  qr as BlockPalletJack,
+  $l as BlockPolicy,
+  Ll as BlockProductHero,
+  Vl as BlockPromo,
+  Gl as BlockQuote,
+  Zl as BlockRichText,
+  ls as BlockRichTextColumns,
+  ps as BlockTimeline,
+  ys as BlockVimeo,
   oa as MoleculeAddress,
   na as MoleculeBulletList,
   ha as MoleculeCard,
@@ -2823,12 +2824,12 @@ export {
   Ia as MoleculeEventCard,
   ve as MoleculeModal,
   Da as MoleculeTextCard,
-  Ns as Organism404,
-  Js as OrganismFilter,
-  ki as OrganismFooter,
-  xi as OrganismHeader,
-  ir as OrganismLanguageSwitcher,
-  cr as OrganismPagination,
-  pr as OrganismSearch,
-  Cr as default
+  Es as Organism404,
+  Ws as OrganismFilter,
+  wi as OrganismFooter,
+  er as OrganismHeader,
+  rr as OrganismLanguageSwitcher,
+  ur as OrganismPagination,
+  mr as OrganismSearch,
+  Ar as default
 };