@mirweb/mir-web-components 1.7.15 → 1.7.16

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as A, openBlock as s, createElementBlock as i, normalizeClass as p, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as J, ref as C, resolveDirective as _e, withDirectives as U, Fragment as T, renderList as V, vShow as Z, normalizeProps as O, guardReactiveProps as z, toRefs as Se, mergeProps as M, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as L, createCommentVNode as _, watchEffect as pe, withKeys as Ce, useSlots as qe, normalizeStyle as x, isRef as ce, unref as I, onMounted as me, watch as Q, onUnmounted as Ae } from "vue";
+import { defineComponent as g, computed as A, openBlock as l, createElementBlock as i, normalizeClass as p, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as J, ref as C, resolveDirective as _e, withDirectives as U, Fragment as T, renderList as V, vShow as Z, normalizeProps as O, guardReactiveProps as z, toRefs as Se, mergeProps as M, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as L, createCommentVNode as h, watchEffect as pe, withKeys as Ce, useSlots as qe, normalizeStyle as x, isRef as ce, unref as I, onMounted as me, watch as Q, onUnmounted as Ae } from "vue";
 const Le = ["aria-label"], De = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -15,15 +15,15 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       next: "next",
       previous: "previous"
     }, r = e, o = A(() => a[r.variant]);
-    return (l, u) => (s(), i("button", {
+    return (s, u) => (l(), i("button", {
       class: p(["button", "button--" + o.value]),
-      "aria-label": l.ariaLabel
-    }, d(o.value === "close" ? "" : l.buttonText), 11, Le));
+      "aria-label": s.ariaLabel
+    }, d(o.value === "close" ? "" : s.buttonText), 11, Le));
   }
 }), v = (e, a) => {
   const r = e.__vccOpts || e;
-  for (const [o, l] of a)
-    r[o] = l;
+  for (const [o, s] of a)
+    r[o] = s;
   return r;
 }, se = /* @__PURE__ */ v(De, [["__scopeId", "data-v-f61b579c"]]), Te = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ g({
   __name: "checkbox",
@@ -37,30 +37,30 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, o = (l) => {
-      const u = l.target;
+    const r = a, o = (s) => {
+      const u = s.target;
       r("input", u.checked);
     };
-    return (l, u) => (s(), i("div", {
-      class: p(["checkbox__wrapper", l.disabled ? "disabled" : ""])
+    return (s, u) => (l(), i("div", {
+      class: p(["checkbox__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: l.id,
+        id: s.id,
         type: "checkbox",
-        name: l.name,
-        value: l.value,
-        disabled: l.disabled,
-        required: l.required,
-        checked: l.checked,
+        name: s.name,
+        value: s.value,
+        disabled: s.disabled,
+        required: s.required,
+        checked: s.checked,
         class: "checkbox__checkbox",
         onChange: o
       }, null, 40, Ve),
       t("label", {
-        for: l.id,
-        class: p(["checkbox__label", l.required ? "required" : ""])
+        for: s.id,
+        class: p(["checkbox__label", s.required ? "required" : ""])
       }, [
         Fe,
-        c(l.$slots, "default", {}, void 0, !0)
+        c(s.$slots, "default", {}, void 0, !0)
       ], 10, Pe)
     ], 2));
   }
@@ -76,9 +76,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   emits: ["remove-chip"],
   setup(e) {
     const a = e, r = A(() => `Chip: ${a.text}`);
-    return (o, l) => (s(), i("div", {
+    return (o, s) => (l(), i("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (u) => o.$emit("remove-chip"))
+      onClick: s[0] || (s[0] = (u) => o.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -107,7 +107,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, o = e, l = A(() => r[o.variant]), u = C(null), h = C(null), n = C([]), b = C(0), f = C(""), k = C(!0), w = C(0), te = a, ie = A(() => {
+    }, o = e, s = A(() => r[o.variant]), u = C(null), _ = C(null), n = C([]), b = C(0), f = C(""), k = C(!0), w = C(0), te = a, ie = A(() => {
       const m = o.options.find(
         (B) => B.value === o.modelValue
       );
@@ -200,12 +200,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         ), Y = n.value[N];
         de(Y);
       }
-      if (m.setAttribute("aria-selected", "true"), (q = h.value) == null || q.setAttribute(
+      if (m.setAttribute("aria-selected", "true"), (q = _.value) == null || q.setAttribute(
         "aria-activedescendant",
         B || ""
-      ), re(B || ""), h.value && h.value.scrollHeight > h.value.clientHeight) {
-        const N = h.value.clientHeight + h.value.scrollTop, Y = m.offsetTop + m.offsetHeight;
-        Y > N ? h.value.scrollTop = Y - ((D = h.value) == null ? void 0 : D.clientHeight) : m.offsetTop < h.value.scrollTop && (h.value.scrollTop = m.offsetTop);
+      ), re(B || ""), _.value && _.value.scrollHeight > _.value.clientHeight) {
+        const N = _.value.clientHeight + _.value.scrollTop, Y = m.offsetTop + m.offsetHeight;
+        Y > N ? _.value.scrollTop = Y - ((D = _.value) == null ? void 0 : D.clientHeight) : m.offsetTop < _.value.scrollTop && (_.value.scrollTop = m.offsetTop);
       }
     }
     function $e() {
@@ -219,14 +219,14 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
     function ue() {
       var m, B;
-      k.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (B = h.value) == null || B.focus();
+      k.value = !1, (m = u.value) == null || m.setAttribute("aria-expanded", "true"), (B = _.value) == null || B.focus();
     }
     function we() {
       o.disabled || (k.value ? ue() : oe());
     }
     return (m, B) => {
       const q = _e("click-outside");
-      return s(), i("div", {
+      return l(), i("div", {
         ref: "listbox",
         class: "listbox__wrapper",
         value: m.modelValue
@@ -239,7 +239,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             "is-required": m.required
           }, "listbox__label"])
         }, d(m.label), 11, je),
-        U((s(), i("div", Ke, [
+        U((l(), i("div", Ke, [
           t("button", {
             id: `${m.name}-button-label`,
             ref_key: "listboxButton",
@@ -248,13 +248,13 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             type: "button",
             "aria-haspopup": "listbox",
             "aria-disabled": m.disabled,
-            class: p(["listbox__button", l.value]),
+            class: p(["listbox__button", s.value]),
             onClick: we,
             onKeydown: ae
           }, d(m.modelValue ? ie.value : m.placeholder), 43, Ue),
           U(t("ul", {
             ref_key: "listboxNode",
-            ref: h,
+            ref: _,
             "aria-labelledby": `${m.name}-label`,
             "aria-activedescendant": m.modelValue,
             tabindex: "0",
@@ -263,7 +263,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             onKeydown: G,
             onClick: ne
           }, [
-            (s(!0), i(T, null, V(m.options, (D, N) => (s(), i("li", {
+            (l(!0), i(T, null, V(m.options, (D, N) => (l(), i("li", {
               key: `${m.name}-option-${N}`,
               ref_for: !0,
               ref_key: "listboxOptions",
@@ -294,7 +294,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Qe, [
+    return (a, r) => (l(), i("div", Qe, [
       c(a.$slots, "default", O(z(a.$attrs)))
     ]));
   }
@@ -306,7 +306,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   setup(e) {
     const a = e, r = A(() => `Label: ${a.text}`);
-    return (o, l) => (s(), i("div", Xe, [
+    return (o, s) => (l(), i("div", Xe, [
       t("span", {
         "aria-label": r.value,
         "label-dark": o.labelDark,
@@ -336,14 +336,14 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, o = e, l = A(() => a[o.linkType]), u = A(() => r[o.underline]), h = A(() => {
+    }, o = e, s = A(() => a[o.linkType]), u = A(() => r[o.underline]), _ = A(() => {
       const { ...n } = Se(o);
       return n;
     });
-    return (n, b) => (s(), i("div", tt, [
-      t("div", M(h.value, {
+    return (n, b) => (l(), i("div", tt, [
+      t("div", M(_.value, {
         class: ["mir-link", [
-          l.value,
+          s.value,
           n.disabled ? "disabled" : "",
           u.value,
           n.arrow ? "link-arrow" : ""
@@ -365,30 +365,30 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, o = (l) => {
-      const u = l.target;
+    const r = a, o = (s) => {
+      const u = s.target;
       r("input", u.checked);
     };
-    return (l, u) => (s(), i("div", {
-      class: p(["radio__wrapper", l.disabled ? "disabled" : ""])
+    return (s, u) => (l(), i("div", {
+      class: p(["radio__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: l.id,
+        id: s.id,
         type: "radio",
-        name: l.name,
-        value: l.value,
-        checked: l.checked,
-        disabled: l.disabled,
-        required: l.required,
+        name: s.name,
+        value: s.value,
+        checked: s.checked,
+        disabled: s.disabled,
+        required: s.required,
         class: "radio__radio",
         onChange: o
       }, null, 40, ot),
       t("label", {
-        for: l.id,
-        class: p(["radio__label", l.required ? "required" : ""])
+        for: s.id,
+        class: p(["radio__label", s.required ? "required" : ""])
       }, [
         lt,
-        c(l.$slots, "default", {}, void 0, !0)
+        c(s.$slots, "default", {}, void 0, !0)
       ], 10, st)
     ], 2));
   }
@@ -405,7 +405,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (s(), i("div", nt, [
+    return (a, r) => (l(), i("div", nt, [
       t("label", {
         for: a.id,
         class: p([a.required ? "required" : "", a.disabled ? "disabled" : ""])
@@ -420,7 +420,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           a.$emit("update:modelValue", o.target.value), o.target.blur();
         })
       }, [
-        (s(!0), i(T, null, V(a.options, (o) => (s(), i("option", {
+        (l(!0), i(T, null, V(a.options, (o) => (l(), i("option", {
           key: o.value,
           value: o.value
         }, d(o.text), 9, ut))), 128))
@@ -435,10 +435,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["update:show"],
   setup(e, { emit: a }) {
-    const r = e, o = a, l = () => {
+    const r = e, o = a, s = () => {
       o("update:show", !r.show);
     };
-    return (u, h) => (s(), i("div", pt, [
+    return (u, _) => (l(), i("div", pt, [
       S(Ie, {
         duration: 300,
         name: "nested"
@@ -448,20 +448,20 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             class: p(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
-            onClick: l
+            onClick: s
           }, [
             t("div", {
               id: "modal",
               class: p([u.searchBar ? "search" : ""]),
-              onClick: h[0] || (h[0] = he(() => {
+              onClick: _[0] || (_[0] = he(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? _("", !0) : (s(), L(se, {
+                u.searchBar ? h("", !0) : (l(), L(se, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
-                  onClick: l
+                  onClick: s
                 }))
               ]),
               c(u.$slots, "default", {}, void 0, !0)
@@ -490,34 +490,34 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, o = a, l = C(r.modelValue), u = C(), h = C(!1), n = (f, k, w) => (f - k) / (w - k) * 100, b = (f) => {
+    const r = e, o = a, s = C(r.modelValue), u = C(), _ = C(!1), n = (f, k, w) => (f - k) / (w - k) * 100, b = (f) => {
       var k;
       (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return pe(() => {
       if (u.value) {
-        o("update:modelValue", l.value);
-        const f = n(l.value, r.min, r.max);
+        o("update:modelValue", s.value);
+        const f = n(s.value, r.min, r.max);
         let k = (50 - f) / 100;
         b(f + k);
       }
-    }), (f, k) => (s(), i("div", null, [
+    }), (f, k) => (l(), i("div", null, [
       t("div", ft, [
         t("div", vt, [
           t("label", {
             for: f.id,
             class: p([f.variant, ""])
           }, d(f.label), 11, gt),
-          f.information ? (s(), i("i", {
+          f.information ? (l(), i("i", {
             key: 0,
             role: "button",
             class: p([f.variant, "slider__information"]),
             "aria-label": f.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: k[0] || (k[0] = (w) => h.value = !h.value),
-            onKeyup: k[1] || (k[1] = Ce((w) => h.value = !h.value, ["enter"]))
-          }, null, 42, bt)) : _("", !0)
+            onClick: k[0] || (k[0] = (w) => _.value = !_.value),
+            onKeyup: k[1] || (k[1] = Ce((w) => _.value = !_.value, ["enter"]))
+          }, null, 42, bt)) : h("", !0)
         ]),
         t("div", yt, [
           t("span", {
@@ -534,7 +534,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             step: f.step,
             max: f.max,
             class: p(f.variant),
-            onInput: k[2] || (k[2] = ({ target: w }) => l.value = parseFloat(w.value))
+            onInput: k[2] || (k[2] = ({ target: w }) => s.value = parseFloat(w.value))
           }, null, 42, kt),
           t("span", {
             class: p([f.variant, "slider__minmax"])
@@ -544,16 +544,16 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           class: p([f.variant, "slider__value"])
         }, d(f.modelValue), 3)
       ]),
-      f.information ? (s(), L(ve, {
+      f.information ? (l(), L(ve, {
         key: 0,
-        show: h.value,
-        "onUpdate:show": k[3] || (k[3] = (w) => h.value = w)
+        show: _.value,
+        "onUpdate:show": k[3] || (k[3] = (w) => _.value = w)
       }, {
         default: y(() => [
           t("p", $t, d(f.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : _("", !0)
+      }, 8, ["show"])) : h("", !0)
     ]));
   }
 }), Bt = /* @__PURE__ */ v(wt, [["__scopeId", "data-v-24a83011"]]), St = { id: "textarea-wrapper" }, It = ["for"], Ct = ["id"], qt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], At = { class: "textarea-info" }, Lt = { key: 0 }, Dt = /* @__PURE__ */ g({
@@ -570,7 +570,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (s(), i("div", St, [
+    return (a, r) => (l(), i("div", St, [
       t("label", {
         for: a.id,
         class: p({ required: a.required })
@@ -596,7 +596,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       ], 8, Ct),
       t("div", At, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Lt, " Too many characters. Please make it shorter ")) : _("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", Lt, " Too many characters. Please make it shorter ")) : h("", !0)
         ]),
         t("p", {
           class: p(
@@ -642,12 +642,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, o = A(() => a[r.type]), l = C(!0), u = A(
-      () => l.value ? "showPassword" : "hidePassword"
-    ), h = A(
-      () => l.value ? "password" : "text"
+    }, r = e, o = A(() => a[r.type]), s = C(!0), u = A(
+      () => s.value ? "showPassword" : "hidePassword"
+    ), _ = A(
+      () => s.value ? "password" : "text"
     );
-    return (n, b) => (s(), i("div", Vt, [
+    return (n, b) => (l(), i("div", Vt, [
       t("label", {
         for: n.id,
         class: p([
@@ -656,11 +656,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           n.search ? "search" : ""
         ])
       }, d(n.label), 11, Pt),
-      o.value === "password" ? (s(), i("div", Ft, [
+      o.value === "password" ? (l(), i("div", Ft, [
         t("input", {
           id: n.id,
           ref: "passwordField",
-          type: h.value,
+          type: _.value,
           value: n.modelValue,
           placeholder: n.placeholder,
           required: n.required,
@@ -672,10 +672,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           role: "button",
           class: p([u.value]),
           "aria-controls": "password",
-          "aria-expanded": !l.value,
-          onClick: b[1] || (b[1] = (f) => l.value = !l.value)
+          "aria-expanded": !s.value,
+          onClick: b[1] || (b[1] = (f) => s.value = !s.value)
         }, null, 10, Ot)
-      ])) : (s(), i("input", {
+      ])) : (l(), i("input", {
         key: 1,
         id: n.id,
         ref: "textField",
@@ -692,9 +692,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         name: n.fieldName,
         onInput: b[2] || (b[2] = (f) => n.$emit("update:modelValue", f.target.value))
       }, null, 42, zt)),
-      n.search ? (s(), i("i", Ht)) : _("", !0),
-      n.errorMessage ? (s(), i("strong", Rt, d(n.errorMessage), 1)) : _("", !0),
-      n.helperText ? (s(), i("span", Nt, d(n.helperText), 1)) : _("", !0)
+      n.search ? (l(), i("i", Ht)) : h("", !0),
+      n.errorMessage ? (l(), i("strong", Rt, d(n.errorMessage), 1)) : h("", !0),
+      n.helperText ? (l(), i("span", Nt, d(n.helperText), 1)) : h("", !0)
     ]));
   }
 }), jt = /* @__PURE__ */ v(Et, [["__scopeId", "data-v-414b9435"]]), Kt = { class: "video__wrapper" }, Ut = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Gt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ g({
@@ -722,8 +722,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       resetVideo: () => {
         o.value && (o.value.currentTime = 0, o.value.play());
       }
-    }), (u, h) => (s(), i("div", Kt, [
-      u.localVideo ? (s(), i("video", {
+    }), (u, _) => (l(), i("div", Kt, [
+      u.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
         ref: o,
@@ -738,7 +738,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         type: "video/mp4",
         playsinline: "",
         src: u.src
-      }, null, 8, Ut)) : (s(), i("iframe", {
+      }, null, 8, Ut)) : (l(), i("iframe", {
         key: 1,
         src: u.src,
         "aria-label": u.ariaLabel,
@@ -764,7 +764,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     email: {}
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Wt, [
+    return (a, r) => (l(), i("div", Wt, [
       t("div", Yt, [
         t("div", Qt, [
           c(a.$slots, "address-flag", {}, void 0, !0)
@@ -774,10 +774,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           t("p", null, d(a.company), 1),
           t("p", null, d(a.addressLine1), 1),
           t("p", null, d(a.addressLine2), 1),
-          a.addressLine3 ? (s(), i("p", xt, d(a.addressLine3), 1)) : _("", !0)
+          a.addressLine3 ? (l(), i("p", xt, d(a.addressLine3), 1)) : h("", !0)
         ]),
         t("div", ea, [
-          a.website ? (s(), L(P, {
+          a.website ? (l(), L(P, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -789,8 +789,8 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               }, d(a.website), 9, ta)
             ]),
             _: 1
-          })) : _("", !0),
-          (s(!0), i(T, null, V(a.phoneNumbers, (o) => (s(), L(P, {
+          })) : h("", !0),
+          (l(!0), i(T, null, V(a.phoneNumbers, (o) => (l(), L(P, {
             key: o,
             underline: "false",
             "link-type": "regular"
@@ -831,12 +831,12 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ra, [
+    return (a, r) => (l(), i("div", ra, [
       t("div", {
         class: p(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (s(!0), i(T, null, V(e.list, (o) => (s(), i("li", { key: o }, [
+          (l(!0), i(T, null, V(e.list, (o) => (l(), i("li", { key: o }, [
             na,
             J(" " + d(o), 1)
           ]))), 128))
@@ -889,21 +889,21 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, u = A(() => o[l.size]), h = A(() => l.variant === "article" || l.variant === "product" ? `card--${l.size}-${l.variant}` : `card--${l.variant}`);
-    return (n, b) => (s(), i("div", ua, [
+    }, s = e, u = A(() => o[s.size]), _ = A(() => s.variant === "article" || s.variant === "product" ? `card--${s.size}-${s.variant}` : `card--${s.variant}`);
+    return (n, b) => (l(), i("div", ua, [
       t("div", {
         class: p(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
           n.orientation === "vertical" ? "vertical" : "horizontal",
           u.value.class,
-          h.value,
+          _.value,
           n.variant === "product" ? "card--product" : "card--article"
         ]]),
         style: x([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
         onMouseover: b[0] || (b[0] = (f) => ce(r) ? r.value = !0 : r = !0),
         onMouseout: b[1] || (b[1] = (f) => ce(r) ? r.value = !1 : r = !1)
       }, [
-        n.mediaType === "image" ? (s(), L(F, { key: 0 }, {
+        n.mediaType === "image" ? (l(), L(F, { key: 0 }, {
           default: y(() => [
             c(n.$slots, "card-image", M({
               src: n.imgSrc,
@@ -915,7 +915,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             }, { srcset: n.srcSet }))
           ]),
           _: 3
-        })) : (s(), i("div", {
+        })) : (l(), i("div", {
           key: 1,
           class: p(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
@@ -933,24 +933,24 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(a)["card-label"] ? (s(), i("div", _a, [
+        I(a)["card-label"] ? (l(), i("div", _a, [
           c(n.$slots, "card-label")
-        ])) : _("", !0),
-        n.variant === "product" ? (s(), i("div", {
+        ])) : h("", !0),
+        n.variant === "product" ? (l(), i("div", {
           key: 3,
           class: p([
             "card__headline",
             n.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, d(n.headline), 3)) : (s(), i("div", {
+        }, d(n.headline), 3)) : (l(), i("div", {
           key: 4,
           class: p([
             "card__headline",
             n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
         }, d(n.headline), 3)),
-        n.variant === "product" ? (s(), i("p", ha, d(n.paragraph), 1)) : _("", !0)
+        n.variant === "product" ? (l(), i("p", ha, d(n.paragraph), 1)) : h("", !0)
       ], 38)
     ]));
   }
@@ -963,9 +963,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     imageFit: { type: Boolean }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", fa, [
+    return (a, r) => (l(), i("div", fa, [
       t("div", va, [
-        a.image.filename ? (s(), i("div", {
+        a.image.filename ? (l(), i("div", {
           key: 0,
           class: p(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
         }, [
@@ -973,7 +973,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             src: a.image.filename,
             alt: a.image.alt
           })), void 0, !0)
-        ], 2)) : _("", !0),
+        ], 2)) : h("", !0),
         t("h3", ga, d(a.headline), 1),
         t("div", ba, [
           c(a.$slots, "column-card-body", {}, void 0, !0)
@@ -1006,7 +1006,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", $a, [
+    return (a, r) => (l(), i("div", $a, [
       S(X, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1062,9 +1062,9 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     function r() {
       a.value = !a.value;
     }
-    return (o, l) => {
-      var u, h, n, b, f, k;
-      return s(), i("div", {
+    return (o, s) => {
+      var u, _, n, b, f, k;
+      return l(), i("div", {
         class: "flashcard-container",
         onClick: r
       }, [
@@ -1077,20 +1077,20 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
           }])
         }, [
           t("div", Aa, [
-            o.name || ((u = o.bodytext) == null ? void 0 : u.length) > 0 ? (s(), i("div", La, [
-              o.name ? (s(), i("h3", Da, d(o.name), 1)) : _("", !0),
-              o.bodytext ? (s(), i("div", Ta, [
+            o.name || ((u = o.bodytext) == null ? void 0 : u.length) > 0 ? (l(), i("div", La, [
+              o.name ? (l(), i("h3", Da, d(o.name), 1)) : h("", !0),
+              o.bodytext ? (l(), i("div", Ta, [
                 c(o.$slots, "flashcard-front-body", O(z({ bodytext: o.bodytext })), void 0, !0)
-              ])) : _("", !0),
+              ])) : h("", !0),
               Va
-            ])) : (s(), i("div", {
+            ])) : (l(), i("div", {
               key: 1,
               class: p(["flashcard-image", {
                 contain: o.imageFit,
                 cover: !o.imageFit
               }])
             }, [
-              c(o.$slots, "flashcard-front-image", O(z({ src: (h = o.image) == null ? void 0 : h.filename, alt: (n = o.image) == null ? void 0 : n.alt })), void 0, !0),
+              c(o.$slots, "flashcard-front-image", O(z({ src: (_ = o.image) == null ? void 0 : _.filename, alt: (n = o.image) == null ? void 0 : n.alt })), void 0, !0),
               Pa
             ], 2))
           ]),
@@ -1100,13 +1100,13 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               (b = o.imagebackside) != null && b.filename ? "flashcard-back--image" : "flashcard-back--no-image"
             ])
           }, [
-            o.namebackside || o.bodytextbackside.length > 0 ? (s(), i("div", Fa, [
-              o.namebackside ? (s(), i("h3", Ma, d(o.namebackside), 1)) : _("", !0),
-              o.bodytextbackside ? (s(), i("div", Oa, [
+            o.namebackside || o.bodytextbackside.length > 0 ? (l(), i("div", Fa, [
+              o.namebackside ? (l(), i("h3", Ma, d(o.namebackside), 1)) : h("", !0),
+              o.bodytextbackside ? (l(), i("div", Oa, [
                 c(o.$slots, "flashcard-back-body", O(z({ bodytextbackside: o.bodytextbackside })), void 0, !0)
-              ])) : _("", !0),
+              ])) : h("", !0),
               za
-            ])) : (s(), i("div", {
+            ])) : (l(), i("div", {
               key: 1,
               class: p(["flashcard-image", {
                 contain: o.imageFitBack,
@@ -1138,7 +1138,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Na, [
+    return (a, r) => (l(), i("div", Na, [
       S(X, {
         "label-dark": !1,
         text: e.label ? e.label : ""
@@ -1161,44 +1161,44 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     accordions: {}
   },
   setup(e) {
-    const a = C([]), r = (l) => {
-      const u = a.value.indexOf(l);
-      u > -1 ? a.value.splice(u, 1) : a.value.push(l);
-    }, o = (l) => a.value.includes(l);
-    return (l, u) => (s(), i("section", Ga, [
+    const a = C([]), r = (s) => {
+      const u = a.value.indexOf(s);
+      u > -1 ? a.value.splice(u, 1) : a.value.push(s);
+    }, o = (s) => a.value.includes(s);
+    return (s, u) => (l(), i("section", Ga, [
       t("div", Ja, [
-        (s(!0), i(T, null, V(l.accordions, (h) => (s(), i("div", {
-          key: h._uid
+        (l(!0), i(T, null, V(s.accordions, (_) => (l(), i("div", {
+          key: _._uid
         }, [
           t("div", Wa, [
             t("div", {
               class: "accordion__header",
-              onClick: (n) => r(h._uid)
+              onClick: (n) => r(_._uid)
             }, [
-              t("h3", Qa, d(h.headline), 1),
+              t("h3", Qa, d(_.headline), 1),
               t("span", Za, [
-                o(h._uid) ? (s(), i("img", xa)) : (s(), i("img", Xa))
+                o(_._uid) ? (l(), i("img", xa)) : (l(), i("img", Xa))
               ])
             ], 8, Ya),
             t("div", {
-              class: p(["accordion__content", { "accordion__content--reverse": h.imageFirst }]),
+              class: p(["accordion__content", { "accordion__content--reverse": _.imageFirst }]),
               style: x({
-                display: o(h._uid) ? "flex" : "none"
+                display: o(_._uid) ? "flex" : "none"
               })
             }, [
               t("div", eo, [
-                c(l.$slots, "accordion-body", M({ ref_for: !0 }, { body: h.bodytext }), void 0, !0)
+                c(s.$slots, "accordion-body", M({ ref_for: !0 }, { body: _.bodytext }), void 0, !0)
               ]),
               S(F, null, {
                 default: y(() => [
-                  h.image ? c(l.$slots, "accordion-image", M({
+                  _.image ? c(s.$slots, "accordion-image", M({
                     key: 0,
                     ref_for: !0
                   }, {
-                    src: h.image.filename,
-                    alt: h.image.alt,
+                    src: _.image.filename,
+                    alt: _.image.alt,
                     class: "accordion__image"
-                  }), void 0, !0) : _("", !0)
+                  }), void 0, !0) : h("", !0)
                 ]),
                 _: 2
               }, 1024)
@@ -1228,17 +1228,17 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", {
+    return (a, r) => (l(), i("div", {
       class: p([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
       t("div", oo, [
-        e.headline || e.paragraph ? (s(), i("div", so, [
-          e.headline ? (s(), i("h2", lo, d(e.headline), 1)) : _("", !0),
-          e.paragraph ? (s(), i("p", io, d(e.paragraph), 1)) : _("", !0)
-        ])) : _("", !0),
+        e.headline || e.paragraph ? (l(), i("div", so, [
+          e.headline ? (l(), i("h2", lo, d(e.headline), 1)) : h("", !0),
+          e.paragraph ? (l(), i("p", io, d(e.paragraph), 1)) : h("", !0)
+        ])) : h("", !0),
         t("div", ro, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
@@ -1260,20 +1260,20 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     columns: {}
   },
   setup(e) {
-    return (a, r) => (s(), i("div", {
+    return (a, r) => (l(), i("div", {
       class: p([
         "column-grid",
         a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
       ])
     }, [
       t("div", uo, [
-        a.headline ? (s(), i("h2", _o, d(a.headline), 1)) : _("", !0),
-        a.bodytext ? (s(), i("div", ho, [
+        a.headline ? (l(), i("h2", _o, d(a.headline), 1)) : h("", !0),
+        a.bodytext ? (l(), i("div", ho, [
           c(a.$slots, "column-grid-body", {}, void 0, !0)
-        ])) : _("", !0)
+        ])) : h("", !0)
       ]),
       t("div", po, [
-        (s(!0), i(T, null, V(a.columns, (o) => (s(), L(ge, {
+        (l(!0), i(T, null, V(a.columns, (o) => (l(), L(ge, {
           key: o._uid,
           headline: o.headline,
           bodytext: o.bodytext,
@@ -1291,7 +1291,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               src: o.image.filename,
               alt: o.image.alt,
               style: { "object-fit": o.imageFit ? "cover" : "contain" }
-            }), void 0, !0) : _("", !0)
+            }), void 0, !0) : h("", !0)
           ]),
           _: 2
         }, 1032, ["headline", "bodytext", "image", "image-fit"]))), 128))
@@ -1325,11 +1325,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", vo, [
+    return (a, r) => (l(), i("div", vo, [
       t("div", go, [
         t("h2", bo, d(a.headline), 1),
         t("div", yo, [
-          (s(!0), i(T, null, V(a.facts, (o) => (s(), i("div", {
+          (l(!0), i(T, null, V(a.facts, (o) => (l(), i("div", {
             key: o.value + o.metric,
             class: "fact"
           }, [
@@ -1341,7 +1341,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             ])
           ]))), 128))
         ]),
-        a.link ? (s(), i("div", wo, [
+        a.link ? (l(), i("div", wo, [
           S(P, {
             "link-type": "regular_light",
             arrow: ""
@@ -1351,7 +1351,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             ]),
             _: 3
           })
-        ])) : _("", !0)
+        ])) : h("", !0)
       ])
     ]));
   }
@@ -1369,18 +1369,18 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Io, [
+    return (a, r) => (l(), i("div", Io, [
       t("div", Co, [
-        a.headline ? (s(), i("div", qo, [
+        a.headline ? (l(), i("div", qo, [
           t("h2", null, d(a.headline), 1)
-        ])) : _("", !0),
-        a.body ? (s(), i("div", Ao, [
+        ])) : h("", !0),
+        a.body ? (l(), i("div", Ao, [
           c(a.$slots, "features-body", {}, void 0, !0)
-        ])) : _("", !0),
+        ])) : h("", !0),
         t("div", {
           class: p(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (s(!0), i(T, null, V(a.elements, (o) => (s(), i("div", {
+          (l(!0), i(T, null, V(a.elements, (o) => (l(), i("div", {
             key: o.headline,
             class: "features__element"
           }, [
@@ -1419,11 +1419,11 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
   setup(e) {
     const a = e, r = A(() => a.body.trim().length > 0), o = A(() => {
       var u;
-      const l = (u = a.flashcards) == null ? void 0 : u.length;
-      return l === 4 || l === 5 ? "sm" : l === 6 || l === 3 ? "md" : l === 2 ? "lg" : "sm";
+      const s = (u = a.flashcards) == null ? void 0 : u.length;
+      return s === 4 || s === 5 ? "sm" : s === 6 || s === 3 ? "md" : s === 2 ? "lg" : "sm";
     });
-    return (l, u) => (s(), i("div", {
-      class: p(["flashcards", l.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
+    return (s, u) => (l(), i("div", {
+      class: p(["flashcards", s.bgColor === "light" ? "flashcards--light" : "flashcards--white"])
     }, [
       t("div", Po, [
         t("div", {
@@ -1432,10 +1432,10 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             "flashcard-wrapper__top-section"
           ])
         }, [
-          l.headline ? (s(), i("h2", Fo, d(l.headline), 1)) : _("", !0),
-          l.body ? (s(), i("div", Mo, [
-            c(l.$slots, "flashcard-wrapper-body", {}, void 0, !0)
-          ])) : _("", !0)
+          s.headline ? (l(), i("h2", Fo, d(s.headline), 1)) : h("", !0),
+          s.body ? (l(), i("div", Mo, [
+            c(s.$slots, "flashcard-wrapper-body", {}, void 0, !0)
+          ])) : h("", !0)
         ], 2),
         t("div", {
           class: p(["flashcard-wrapper__teaser-list", {
@@ -1444,29 +1444,29 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
             lg: o.value === "lg"
           }])
         }, [
-          (s(!0), i(T, null, V(l.flashcards, (h) => (s(), L(I(be), {
-            key: h._uid,
-            name: h.name,
-            bodytext: h.bodytext,
-            image: h.image,
-            namebackside: h.namebackside ? h.namebackside : "",
-            bodytextbackside: h.bodytextbackside,
-            imagebackside: h.imagebackside ? h.imagebackside : { filename: "", alt: "" },
+          (l(!0), i(T, null, V(s.flashcards, (_) => (l(), L(I(be), {
+            key: _._uid,
+            name: _.name,
+            bodytext: _.bodytext,
+            image: _.image,
+            namebackside: _.namebackside ? _.namebackside : "",
+            bodytextbackside: _.bodytextbackside,
+            imagebackside: _.imagebackside ? _.imagebackside : { filename: "", alt: "" },
             size: o.value,
-            "image-fit": h.imageFit,
-            "image-fit-back": h.imageFitBack
+            "image-fit": _.imageFit,
+            "image-fit-back": _.imageFitBack
           }, {
             "flashcard-front-body": y(({ bodytext: n }) => [
-              c(l.$slots, "flashcard-front-body", M({ ref_for: !0 }, { bodytext: n }), void 0, !0)
+              c(s.$slots, "flashcard-front-body", M({ ref_for: !0 }, { bodytext: n }), void 0, !0)
             ]),
             "flashcard-front-image": y(({ src: n, alt: b }) => [
-              c(l.$slots, "flashcard-front-image", M({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
+              c(s.$slots, "flashcard-front-image", M({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
             ]),
             "flashcard-back-body": y(({ bodytextbackside: n }) => [
-              c(l.$slots, "flashcard-back-body", M({ ref_for: !0 }, { bodytextbackside: n }), void 0, !0)
+              c(s.$slots, "flashcard-back-body", M({ ref_for: !0 }, { bodytextbackside: n }), void 0, !0)
             ]),
             "flashcard-back-image": y(({ src: n, alt: b }) => [
-              c(l.$slots, "flashcard-back-image", M({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
+              c(s.$slots, "flashcard-back-image", M({ ref_for: !0 }, { src: n, alt: b }), void 0, !0)
             ]),
             _: 2
           }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
@@ -1483,7 +1483,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ho, [
+    return (a, r) => (l(), i("div", Ho, [
       t("div", Ro, [
         t("div", No, [
           t("h2", Eo, d(e.headline), 1),
@@ -1514,7 +1514,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Jo, [
+    return (a, r) => (l(), i("div", Jo, [
       t("div", {
         class: p({
           "headline__content--article-and-submenu": e.article && e.subMenu,
@@ -1536,7 +1536,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Xo, [
+    return (a, r) => (l(), i("div", Xo, [
       t("div", xo, [
         t("div", es, [
           t("div", ts, [
@@ -1592,7 +1592,7 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", cs, [
+    return (a, r) => (l(), i("div", cs, [
       t("div", us, [
         t("div", _s, [
           S(F, null, {
@@ -1635,34 +1635,34 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
     }, r = e, o = A(() => a[r.bgColor]);
-    return (l, u) => (s(), i("div", {
+    return (s, u) => (l(), i("div", {
       class: p(["gallery__wrapper", o.value])
     }, [
       t("div", {
         class: p([
           "gallery__content",
-          l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
+          s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
         t("div", fs, [
-          l.mediaLarge && l.mediaType === "image" ? (s(), i("div", vs, [
+          s.mediaLarge && s.mediaType === "image" ? (l(), i("div", vs, [
             S(F, null, {
               default: y(() => [
-                c(l.$slots, "image-large", O(z({
+                c(s.$slots, "image-large", O(z({
                   width: 617,
                   height: 530,
-                  src: l.mediaLarge.src,
-                  alt: l.mediaLarge.alt
+                  src: s.mediaLarge.src,
+                  alt: s.mediaLarge.alt
                 })))
               ]),
               _: 3
             })
-          ])) : _("", !0),
-          l.mediaLarge && l.mediaType === "video" ? (s(), i("div", gs, [
+          ])) : h("", !0),
+          s.mediaLarge && s.mediaType === "video" ? (l(), i("div", gs, [
             S(ee, {
-              src: l.mediaLarge.src,
+              src: s.mediaLarge.src,
               "local-video": "",
-              "aria-label": l.mediaLarge.alt,
+              "aria-label": s.mediaLarge.alt,
               controls: !1,
               height: "530",
               width: "617",
@@ -1671,37 +1671,37 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : _("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
-          style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          style: x([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
           class: p([
             "gallery__small",
-            l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
+            s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (s(!0), i(T, null, V(l.mediaSmall, (h) => (s(), i("div", {
-            key: h.src + h.alt,
+          (l(!0), i(T, null, V(s.mediaSmall, (_) => (l(), i("div", {
+            key: _.src + _.alt,
             class: "image image--small"
           }, [
             S(F, null, {
               default: y(() => [
-                c(l.$slots, "image-small", M({ ref_for: !0 }, {
+                c(s.$slots, "image-small", M({ ref_for: !0 }, {
                   width: 328,
                   height: 246,
-                  src: h.src,
-                  alt: h.alt
+                  src: _.src,
+                  alt: _.alt
                 }))
               ]),
               _: 2
             }, 1024)
           ]))), 128)),
-          l.mediaSmall.length < 2 ? (s(), i("div", {
+          s.mediaSmall.length < 2 ? (l(), i("div", {
             key: 0,
-            class: p(["body", l.bgColor === "dark" ? "body--dark" : ""])
+            class: p(["body", s.bgColor === "dark" ? "body--dark" : ""])
           }, [
-            t("p", null, d(l.body), 1)
-          ], 2)) : _("", !0)
+            t("p", null, d(s.body), 1)
+          ], 2)) : h("", !0)
         ], 6)
       ], 2)
     ], 2));
@@ -1727,14 +1727,14 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ks, [
+    return (a, r) => (l(), i("div", ks, [
       t("div", $s, [
-        e.headline || e.body ? (s(), i("div", ws, [
-          e.headline ? (s(), i("h2", Bs, d(e.headline), 1)) : _("", !0),
-          e.body ? (s(), i("p", Ss, d(e.body), 1)) : _("", !0)
-        ])) : _("", !0),
+        e.headline || e.body ? (l(), i("div", ws, [
+          e.headline ? (l(), i("h2", Bs, d(e.headline), 1)) : h("", !0),
+          e.body ? (l(), i("p", Ss, d(e.body), 1)) : h("", !0)
+        ])) : h("", !0),
         t("div", Is, [
-          (s(!0), i(T, null, V(e.logos, (o) => (s(), i("div", {
+          (l(!0), i(T, null, V(e.logos, (o) => (l(), i("div", {
             key: o.src + o.alt,
             class: "logo-wall__logo"
           }, [
@@ -1784,26 +1784,26 @@ const Le = ["aria-label"], De = /* @__PURE__ */ g({
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
     }, r = A(() => a[o.bgColor]), o = e;
-    return (l, u) => (s(), i("div", {
+    return (s, u) => (l(), i("div", {
       class: p(["micro-stories__wrapper", r.value])
     }, [
       t("div", Ls, [
-        l.headline ? (s(), i("div", Ds, [
-          t("h2", null, d(l.headline), 1)
-        ])) : _("", !0),
-        l.body ? (s(), i("div", Ts, [
-          t("p", null, d(l.body), 1)
-        ])) : _("", !0)
+        s.headline ? (l(), i("div", Ds, [
+          t("h2", null, d(s.headline), 1)
+        ])) : h("", !0),
+        s.body ? (l(), i("div", Ts, [
+          t("p", null, d(s.body), 1)
+        ])) : h("", !0)
       ]),
       t("div", Vs, [
-        c(l.$slots, "micro-stories-slides")
+        c(s.$slots, "micro-stories-slides")
       ]),
-      c(l.$slots, "micro-stories-controls")
+      c(s.$slots, "micro-stories-controls")
     ], 2));
   }
 }), Fs = {}, Ms = { class: "policy__wrapper" }, Os = { class: "policy__content" };
 function zs(e, a) {
-  return s(), i("div", Ms, [
+  return l(), i("div", Ms, [
     t("div", Os, [
       c(e.$slots, "default", {}, void 0, !0)
     ])
@@ -1850,11 +1850,11 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Rs, [
+    return (a, r) => (l(), i("div", Rs, [
       t("div", Ns, [
         t("div", Es, d(e.headline), 1),
         t("div", js, [
-          e.videoSrc !== "" ? (s(), L(ee, {
+          e.videoSrc !== "" ? (l(), L(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -1865,29 +1865,29 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (s(), L(I(F), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), L(I(F), { key: 1 }, {
             default: y(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
           t("div", Ks, [
-            e.logoSrc ? (s(), i("div", Us, [
+            e.logoSrc ? (l(), i("div", Us, [
               S(I(F), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : _("", !0),
-            e.isCertified ? (s(), i("div", Gs, [
+            ])) : h("", !0),
+            e.isCertified ? (l(), i("div", Gs, [
               S(I(F), null, {
                 default: y(() => [
                   c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : _("", !0)
+            ])) : h("", !0)
           ])
         ])
       ])
@@ -1914,86 +1914,86 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
     }, r = e, o = A(() => a[r.variant]);
-    return (l, u) => (s(), i("div", {
+    return (s, u) => (l(), i("div", {
       class: p([
         "promo__wrapper",
         o.value,
-        l.teaser ? "promo__wrapper--teaser" : "",
-        l.multiply ? "promo__wrapper--multiply" : ""
+        s.teaser ? "promo__wrapper--teaser" : "",
+        s.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
       t("div", Ys, [
-        l.mediaType === "image" ? (s(), i("div", {
+        s.mediaType === "image" ? (l(), i("div", {
           key: 0,
           class: p([
             "promo__image",
-            l.reverse ? "promo__image--reverse" : "promo__image--default"
+            s.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           S(F, null, {
             default: y(() => [
-              c(l.$slots, "promo-image", O(z({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              c(s.$slots, "promo-image", O(z({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : _("", !0),
-        l.mediaType === "video" ? (s(), i("div", {
+        ], 2)) : h("", !0),
+        s.mediaType === "video" ? (l(), i("div", {
           key: 1,
           class: p([
             "promo__video",
-            l.reverse ? "promo__video--reverse" : "promo__video--default"
+            s.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
           S(ee, {
-            src: l.src,
+            src: s.src,
             "local-video": "",
-            "aria-label": l.alt,
+            "aria-label": s.alt,
             controls: !1,
             autoplay: "",
             loop: "",
             muted: "",
             play: "",
-            poster: l.fallbackImage
+            poster: s.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : _("", !0),
+        ], 2)) : h("", !0),
         t("div", {
           class: p([
             "promo__text",
-            l.reverse ? "promo__text--reverse" : "promo__text--default"
+            s.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), L(X, {
+          s.label ? (l(), L(X, {
             key: 0,
-            text: l.label,
-            "label-dark": l.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : _("", !0),
+            text: s.label,
+            "label-dark": s.variant === "dark"
+          }, null, 8, ["text", "label-dark"])) : h("", !0),
           t("div", {
             class: p([
               "promo__title",
-              l.variant === "dark" ? "promo__title--dark" : ""
+              s.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            c(l.$slots, "promo-headline")
+            c(s.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (s(), L(P, {
+          s.linkType === "link" ? (l(), L(P, {
             key: 1,
-            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: y(() => [
-              c(l.$slots, "promo-link")
+              c(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : _("", !0),
-          l.linkType === "button" ? (s(), L(P, {
+          }, 8, ["link-type"])) : h("", !0),
+          s.linkType === "button" ? (l(), L(P, {
             key: 2,
-            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+            "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
           }, {
             default: y(() => [
-              c(l.$slots, "promo-link")
+              c(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : _("", !0)
+          }, 8, ["link-type"])) : h("", !0)
         ], 2)
       ])
     ], 2));
@@ -2023,13 +2023,13 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", xs, [
+    return (a, r) => (l(), i("div", xs, [
       t("div", el, [
         tl,
         t("div", al, [
           t("p", ol, d(e.quote), 1),
           t("div", sl, [
-            e.authorImage ? (s(), i("div", ll, [
+            e.authorImage ? (l(), i("div", ll, [
               S(F, null, {
                 default: y(() => [
                   c(a.$slots, "author-image", O(z({
@@ -2040,7 +2040,7 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
                 ]),
                 _: 3
               })
-            ])) : _("", !0),
+            ])) : h("", !0),
             t("div", il, [
               t("p", rl, d(e.author), 1),
               t("p", nl, d(e.authorTitle), 1)
@@ -2069,25 +2069,25 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
     label: { default: "" }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", {
+    return (a, r) => (l(), i("div", {
       class: p([
         "rich-text",
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", ul, [
-        a.label ? (s(), L(X, {
+        a.label ? (l(), L(X, {
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : _("", !0),
-        a.headline ? (s(), i("h2", {
+        }, null, 8, ["text"])) : h("", !0),
+        a.headline ? (l(), i("h2", {
           key: 1,
           class: p([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, d(a.headline), 3)) : _("", !0),
+        }, d(a.headline), 3)) : h("", !0),
         t("div", {
           class: p([
             "rich-text__content",
@@ -2101,14 +2101,14 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
             ])
           }, [
             c(a.$slots, "rich-text-content"),
-            a.links ? (s(), i("div", _l, [
+            a.links ? (l(), i("div", _l, [
               c(a.$slots, "rich-text-links")
-            ])) : _("", !0)
+            ])) : h("", !0)
           ], 2),
-          a.bulletList ? (s(), i("div", hl, [
+          a.bulletList ? (l(), i("div", hl, [
             c(a.$slots, "rich-text-bullet-list")
-          ])) : _("", !0),
-          a.image ? (s(), i("div", {
+          ])) : h("", !0),
+          a.image ? (l(), i("div", {
             key: 1,
             class: p([
               "rich-text__image",
@@ -2121,14 +2121,14 @@ const Hs = /* @__PURE__ */ v(Fs, [["render", zs], ["__scopeId", "data-v-ea887d7a
               ]),
               _: 3
             })
-          ], 2)) : _("", !0)
+          ], 2)) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
 }), ml = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-db485b9d"]]), fl = {}, vl = { class: "rich-text" }, gl = { class: "rich-text__wrapper" }, bl = { class: "rich-text__content rich-text__content--left-aligned" }, yl = { class: "rich-text__body" };
 function kl(e, a) {
-  return s(), i("div", vl, [
+  return l(), i("div", vl, [
     t("div", gl, [
       t("div", bl, [
         t("div", yl, [
@@ -2158,8 +2158,8 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     return me(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (o) => {
-          o.forEach((l) => {
-            l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
+          o.forEach((s) => {
+            s.isIntersecting && (s.target.classList.add("visible"), s.target.classList.remove("faded"), r.unobserve(s.target));
           });
         },
         {
@@ -2169,10 +2169,10 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
       a.forEach((o) => {
         r.observe(o);
       });
-    }), (a, r) => (s(), i("div", Bl, [
+    }), (a, r) => (l(), i("div", Bl, [
       t("div", Sl, [
         t("div", Il, [
-          (s(!0), i(T, null, V(e.timelineItems, (o) => (s(), i("div", {
+          (l(!0), i(T, null, V(e.timelineItems, (o) => (l(), i("div", {
             key: o.year,
             class: "timeline__item faded"
           }, [
@@ -2184,7 +2184,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                   o.media.src ? c(a.$slots, "timeline-image", M({
                     key: 0,
                     ref_for: !0
-                  }, { src: o.media.src, alt: o.media.alt }), void 0, !0) : _("", !0)
+                  }, { src: o.media.src, alt: o.media.alt }), void 0, !0) : h("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -2218,18 +2218,15 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Vl, [
+    return (a, r) => (l(), i("div", Vl, [
       t("div", Pl, [
-        e.headline ? (s(), i("h2", Fl, d(e.headline), 1)) : _("", !0),
+        e.headline ? (l(), i("h2", Fl, d(e.headline), 1)) : h("", !0),
         c(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (s(), i("p", Ml, d(e.description), 1)) : _("", !0)
+        e.description ? (l(), i("p", Ml, d(e.description), 1)) : h("", !0)
       ])
     ]));
   }
-}), zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-90a2b109"]]), Hl = { class: "academy-overview" }, Rl = { class: "academy-overview__content-wrapper" }, Nl = { class: "academy-overview__content" }, El = { class: "academy-overview__title" }, jl = { class: "academy-overview__description" }, Kl = {
-  key: 0,
-  class: "academy-overview__button-wrapper"
-}, Ul = {
+}), zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-90a2b109"]]), Hl = { class: "academy-overview" }, Rl = { class: "academy-overview__content-wrapper" }, Nl = { class: "academy-overview__content" }, El = { class: "academy-overview__title" }, jl = { class: "academy-overview__description" }, Kl = { class: "academy-overview__button-wrapper" }, Ul = {
   key: 0,
   class: "academy-overview__stats"
 }, Gl = { class: "academy-overview__stats-row" }, Jl = { class: "academy-overview__stat" }, Wl = { class: "academy-overview__value" }, Yl = { class: "academy-overview__label" }, Ql = { class: "academy-overview__stat" }, Zl = { class: "academy-overview__value" }, Xl = { class: "academy-overview__label" }, xl = /* @__PURE__ */ g({
@@ -2246,17 +2243,17 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Hl, [
+    return (a, r) => (l(), i("div", Hl, [
       t("div", Rl, [
         t("div", Nl, [
           t("div", null, [
             t("h1", El, d(a.hero.headline), 1),
             t("p", jl, d(a.hero.description), 1),
-            a.hero.showStats ? _("", !0) : (s(), i("div", Kl, [
+            t("div", Kl, [
               c(a.$slots, "button", {}, void 0, !0)
-            ]))
+            ])
           ]),
-          a.hero.showStats ? (s(), i("div", Ul, [
+          a.hero.showStats ? (l(), i("div", Ul, [
             t("div", Gl, [
               t("div", Jl, [
                 t("div", Wl, d(a.hero.lessonValue), 1),
@@ -2267,12 +2264,12 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 t("div", Xl, d(a.hero.pointsLabel), 1)
               ])
             ])
-          ])) : _("", !0)
+          ])) : h("", !0)
         ])
       ])
     ]));
   }
-}), ei = /* @__PURE__ */ v(xl, [["__scopeId", "data-v-98275425"]]), ti = { class: "not-found__wrapper" }, ai = { class: "not-found__content" }, oi = { class: "not-found__headline" }, si = { class: "not-found__body" }, li = /* @__PURE__ */ g({
+}), ei = /* @__PURE__ */ v(xl, [["__scopeId", "data-v-1594f3e8"]]), ti = { class: "not-found__wrapper" }, ai = { class: "not-found__content" }, oi = { class: "not-found__headline" }, si = { class: "not-found__body" }, li = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -2281,7 +2278,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ti, [
+    return (a, r) => (l(), i("div", ti, [
       t("div", ai, [
         t("h1", oi, d(e.headline), 1),
         t("div", si, [
@@ -2304,18 +2301,18 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (s(), i("div", ri, [
+    return (a, r) => (l(), i("div", ri, [
       t("div", ni, [
         t("div", di, [
           c(a.$slots, "filter-dropdowns")
         ]),
         t("div", ci, [
           c(a.$slots, "filter-chips"),
-          e.hasChips ? (s(), i("button", {
+          e.hasChips ? (l(), i("button", {
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (o) => a.$emit("clearFilters"))
-          }, d(e.removeAll), 1)) : _("", !0)
+          }, d(e.removeAll), 1)) : h("", !0)
         ])
       ])
     ]));
@@ -2361,11 +2358,11 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (s(), i("div", hi, [
+    return (a, r) => (l(), i("div", hi, [
       t("footer", pi, [
-        a.language === "zh" ? (s(), i("img", mi)) : _("", !0),
+        a.language === "zh" ? (l(), i("img", mi)) : h("", !0),
         t("div", fi, [
-          (s(!0), i(T, null, V(a.footerSections, (o) => (s(), i("div", {
+          (l(!0), i(T, null, V(a.footerSections, (o) => (l(), i("div", {
             key: o.title,
             class: "section"
           }, [
@@ -2379,11 +2376,11 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
             ])
           ]))), 128)),
           t("div", bi, [
-            a.language === "zh" ? (s(), i("span", yi, "名傲移动机器人（上海）有限公司")) : (s(), i("span", ki, "Mobile Industrial Robots A/S")),
+            a.language === "zh" ? (l(), i("span", yi, "名傲移动机器人（上海）有限公司")) : (l(), i("span", ki, "Mobile Industrial Robots A/S")),
             t("address", null, [
-              a.language === "zh" ? (s(), i("span", $i, "上海浦东新区金桥出口加工区")) : (s(), i("span", wi, "Energivej 51")),
-              a.language === "zh" ? (s(), i("span", Bi, "桂桥路1201号10栋2楼")) : (s(), i("span", Si, "5260 Odense S")),
-              a.language !== "zh" ? (s(), i("span", Ii, "CVR: 35251235")) : _("", !0),
+              a.language === "zh" ? (l(), i("span", $i, "上海浦东新区金桥出口加工区")) : (l(), i("span", wi, "Energivej 51")),
+              a.language === "zh" ? (l(), i("span", Bi, "桂桥路1201号10栋2楼")) : (l(), i("span", Si, "5260 Odense S")),
+              a.language !== "zh" ? (l(), i("span", Ii, "CVR: 35251235")) : h("", !0),
               Ci,
               S(P, {
                 class: "footer__contact",
@@ -2391,7 +2388,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 underline: "false"
               }, {
                 default: y(() => [
-                  a.language === "zh" ? (s(), i("a", qi, "china@mir-robots.com")) : (s(), i("a", Ai, "mail@mir-robots.com"))
+                  a.language === "zh" ? (l(), i("a", qi, "china@mir-robots.com")) : (l(), i("a", Ai, "mail@mir-robots.com"))
                 ]),
                 _: 1
               }),
@@ -2401,7 +2398,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 underline: "false"
               }, {
                 default: y(() => [
-                  a.language === "zh" ? (s(), i("a", Li, "+86 13661856951（微信同号）")) : (s(), i("a", Di, "+45 20 377 577"))
+                  a.language === "zh" ? (l(), i("a", Li, "+86 13661856951（微信同号）")) : (l(), i("a", Di, "+45 20 377 577"))
                 ]),
                 _: 1
               })
@@ -2423,8 +2420,8 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
             c(a.$slots, "footer-privacy-link"),
             c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (s(), i("div", Mi, [
-            (s(!0), i(T, null, V(a.socialMedia, (o) => (s(), L(P, {
+          a.language !== "zh" ? (l(), i("div", Mi, [
+            (l(!0), i(T, null, V(a.socialMedia, (o) => (l(), L(P, {
               key: o.title,
               underline: "false",
               "link-type": "regular"
@@ -2444,8 +2441,8 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (s(), i("div", zi, [
-            (s(!0), i(T, null, V(a.socialMediaChina, (o) => (s(), L(P, {
+          ])) : (l(), i("div", zi, [
+            (l(!0), i(T, null, V(a.socialMediaChina, (o) => (l(), L(P, {
               key: o.title,
               underline: "false",
               "link-type": "regular"
@@ -2567,25 +2564,25 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   ],
   setup(e, { expose: a, emit: r }) {
     let o = null;
-    const l = e;
-    let u = C(l.burgerState), h = C(l.search), n = C(l.showDropDown), b = C(l.showPortalSwitcherDropDown), f = C(l.showProfileDropDown), k = C(l.isAuthenticated);
+    const s = e;
+    let u = C(s.burgerState), _ = C(s.search), n = C(s.showDropDown), b = C(s.showPortalSwitcherDropDown), f = C(s.showProfileDropDown), k = C(s.isAuthenticated);
     Q(
-      () => l.burgerState,
+      () => s.burgerState,
       ($) => u.value = $
     ), Q(
-      () => l.search,
-      ($) => h.value = $
+      () => s.search,
+      ($) => _.value = $
     ), Q(
-      () => l.showDropDown,
+      () => s.showDropDown,
       ($) => n.value = $
     ), Q(
-      () => l.showPortalSwitcherDropDown,
+      () => s.showPortalSwitcherDropDown,
       ($) => b.value = $
     ), Q(
-      () => l.showProfileDropDown,
+      () => s.showProfileDropDown,
       ($) => f.value = $
     ), Q(
-      () => l.isAuthenticated,
+      () => s.isAuthenticated,
       ($) => k.value = $
     ), me(() => {
       o = ($) => {
@@ -2613,7 +2610,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
     return a({
       defocusSearchButton: de
-    }), ($, j) => (s(), i("div", Ei, [
+    }), ($, j) => (l(), i("div", Ei, [
       t("nav", null, [
         t("div", ji, [
           t("div", Ki, [
@@ -2622,21 +2619,21 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
           t("ul", Ui, [
             c($.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (s(), i("div", Gi, [
+          e.useDropdown ? (l(), i("div", Gi, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: te
             }, [
               c($.$slots, "dropdown-title", {}, void 0, !0),
-              I(n) === !1 ? (s(), i("img", Ji)) : (s(), i("img", Wi))
+              I(n) === !1 ? (l(), i("img", Ji)) : (l(), i("img", Wi))
             ]),
             U(t("div", Yi, [
               c($.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, I(n)]
             ])
-          ], 512)) : _("", !0),
-          I(h) ? (s(), i("div", Qi, [
+          ], 512)) : h("", !0),
+          I(_) ? (l(), i("div", Qi, [
             t("button", {
               ref_key: "navSearchButton",
               ref: G,
@@ -2653,15 +2650,15 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                 height: "20"
               }, null, 8, Zi)
             ], 512)
-          ])) : _("", !0),
-          e.usePortalSwitcher ? (s(), i("div", Xi, [
+          ])) : h("", !0),
+          e.usePortalSwitcher ? (l(), i("div", Xi, [
             t("button", {
               class: "nav-portal-switcher-btn",
               onClick: ie
             }, er),
             U(t("div", tr, [
               t("ul", ar, [
-                (s(!0), i(T, null, V(e.portals, (K, E) => (s(), i("li", {
+                (l(!0), i(T, null, V(e.portals, (K, E) => (l(), i("li", {
                   key: E,
                   class: "portal-switcher-link"
                 }, [
@@ -2684,22 +2681,22 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
             ], 512), [
               [Z, I(b)]
             ])
-          ])) : _("", !0),
-          e.useProfileDropdown ? (s(), i("div", lr, [
-            I(k) ? _("", !0) : (s(), i("div", ir, [
+          ])) : h("", !0),
+          e.useProfileDropdown ? (l(), i("div", lr, [
+            I(k) ? h("", !0) : (l(), i("div", ir, [
               c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
-            I(k) ? (s(), i("button", {
+            I(k) ? (l(), i("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
               onClick: re
-            }, nr)) : _("", !0),
+            }, nr)) : h("", !0),
             U(t("div", dr, [
               c($.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, I(f)]
             ])
-          ])) : _("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
           class: p(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
@@ -2708,7 +2705,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
             t("div", ur, [
               c($.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(h) ? (s(), i("div", _r, [
+            I(_) ? (l(), i("div", _r, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: ae,
@@ -2726,7 +2723,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
                   height: "20"
                 }, null, 8, hr)
               ], 512)
-            ])) : _("", !0),
+            ])) : h("", !0),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
@@ -2768,7 +2765,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", br, [
+    return (a, r) => (l(), i("div", br, [
       t("div", yr, [
         t("h2", kr, d(e.headline), 1),
         t("p", $r, d(e.paragraph), 1),
@@ -2792,7 +2789,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (s(), i("div", Ir, [
+    return (a, r) => (l(), i("div", Ir, [
       t("div", Cr, [
         S(se, {
           disabled: e.isPreviousDisabled,
@@ -2812,7 +2809,7 @@ const $l = /* @__PURE__ */ v(fl, [["render", kl], ["__scopeId", "data-v-776750d2
   }
 }), Ar = /* @__PURE__ */ v(qr, [["__scopeId", "data-v-da6d07c9"]]), Lr = {}, Dr = { class: "search__wrapper" };
 function Tr(e, a) {
-  return s(), i("div", Dr, [
+  return l(), i("div", Dr, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
@@ -2825,17 +2822,17 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
   },
   emits: ["filter", "remove-filter"],
   setup(e, { emit: a }) {
-    const r = C(!1), o = e, l = a;
+    const r = C(!1), o = e, s = a;
     function u(b) {
-      o.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
+      o.selectedOptions.includes(b) ? s("remove-filter", b) : s("filter", b);
     }
-    function h() {
+    function _() {
       r.value = !1;
     }
     const n = A(() => o.options.length > 8);
     return (b, f) => {
       const k = _e("click-outside");
-      return U((s(), i("div", Pr, [
+      return U((l(), i("div", Pr, [
         t("button", {
           class: "dropdown-button",
           style: x({ "z-index": r.value ? 2 : 0 }),
@@ -2849,7 +2846,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
         t("div", {
           class: p([{ hidden: !r.value, "adjust-height": n.value }, "dropdown-content"])
         }, [
-          (s(!0), i(T, null, V(b.options, (w) => (s(), L(I(fe), {
+          (l(!0), i(T, null, V(b.options, (w) => (l(), L(I(fe), {
             id: w.value,
             key: w.value,
             name: w.text,
@@ -2866,7 +2863,7 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
           }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
         ], 2)
       ])), [
-        [k, h]
+        [k, _]
       ]);
     };
   }
@@ -2889,71 +2886,71 @@ const Vr = /* @__PURE__ */ v(Lr, [["render", Tr], ["__scopeId", "data-v-c07a6cf3
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
     }, r = e, o = A(() => a[r.variant]);
-    return (l, u) => (s(), i("div", {
+    return (s, u) => (l(), i("div", {
       class: p([
         "promo__wrapper",
         o.value,
-        l.teaser ? "promo__wrapper--teaser" : ""
+        s.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
       t("div", zr, [
         t("div", {
           class: p([
             "promo__video",
-            l.reverse ? "promo__video--reverse" : "promo__video--default"
+            s.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
           t("div", Hr, [
             t("div", Rr, [
-              c(l.$slots, "pallet-jack-link")
+              c(s.$slots, "pallet-jack-link")
             ]),
             t("div", Nr, [
-              c(l.$slots, "pallet-jack-video")
+              c(s.$slots, "pallet-jack-video")
             ]),
             t("div", Er, [
-              t("h3", jr, d(l.headline), 1),
-              t("p", null, d(l.shortDescription), 1)
+              t("h3", jr, d(s.headline), 1),
+              t("p", null, d(s.shortDescription), 1)
             ])
           ])
         ], 2),
         t("div", {
           class: p([
             "promo__text",
-            l.reverse ? "promo__text--reverse" : "promo__text--default"
+            s.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), L(X, {
+          s.label ? (l(), L(X, {
             key: 0,
-            text: l.label,
-            "label-dark": l.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : _("", !0),
+            text: s.label,
+            "label-dark": s.variant === "dark"
+          }, null, 8, ["text", "label-dark"])) : h("", !0),
           t("div", {
             class: p([
               "promo__title",
-              l.variant === "dark" ? "promo__title--dark" : ""
+              s.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            c(l.$slots, "promo-text")
+            c(s.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (s(), L(P, {
+          s.linkType === "link" ? (l(), L(P, {
             key: 1,
-            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: y(() => [
-              c(l.$slots, "promo-link")
+              c(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : _("", !0),
-          l.linkType === "button" ? (s(), L(P, {
+          }, 8, ["link-type"])) : h("", !0),
+          s.linkType === "button" ? (l(), L(P, {
             key: 2,
-            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+            "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
           }, {
             default: y(() => [
-              c(l.$slots, "promo-link")
+              c(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : _("", !0)
+          }, 8, ["link-type"])) : h("", !0)
         ], 2)
       ])
     ], 2));