@mirweb/mir-web-components 0.17.29 → 0.17.31

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as p, toDisplayString as n, createElementVNode as t, renderSlot as h, pushScopeId as E, popScopeId as R, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as de, createBlock as C, createCommentVNode as g, watchEffect as ce, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as re, unref as V, onMounted as le, watch as ne, onUnmounted as Se } from "vue";
+import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as p, toDisplayString as n, createElementVNode as t, renderSlot as _, pushScopeId as E, popScopeId as R, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
 const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   __name: "button",
   props: {
@@ -24,7 +24,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   for (const [l, s] of a)
     r[l] = s;
   return r;
-}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ f({
+}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -57,11 +57,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         class: p(["checkbox__label", s.required ? "required" : ""])
       }, [
         Ve,
-        h(s.$slots, "default", {}, void 0, !0)
+        _(s.$slots, "default", {}, void 0, !0)
       ], 10, Te)
     ], 2));
   }
-}), Ce = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ v(Ce, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -104,7 +104,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, l = e, s = T(() => r[l.variant]), u = I(null), c = I(null), _ = I([]), S = I(0), m = I(""), y = I(!0), q = I(0), X = a, B = T(() => {
+    }, l = e, s = T(() => r[l.variant]), u = I(null), c = I(null), h = I([]), S = I(0), m = I(""), y = I(!0), q = I(0), X = a, B = T(() => {
       const d = l.options.find(
         (b) => b.value === l.modelValue
       );
@@ -125,9 +125,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     function H(d) {
       var $;
       const b = d.target;
-      b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
+      b.getAttribute("role") === "option" && (G(b), Q(), ($ = u.value) == null || $.focus());
     }
-    function oe(d) {
+    function le(d) {
       var $;
       const b = d.key;
       switch (b) {
@@ -137,8 +137,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           const L = l.options.findIndex(
             (K) => K.value === l.modelValue
           );
-          let N = L ? _.value[L] : _.value[0];
-          b === "ArrowUp" ? L - 1 >= 0 && (N = _.value[L - 1]) : L + 1 <= l.options.length && (N = _.value[L + 1]), N && W(N);
+          let N = L ? h.value[L] : h.value[0];
+          b === "ArrowUp" ? L - 1 >= 0 && (N = h.value[L - 1]) : L + 1 <= l.options.length && (N = h.value[L + 1]), N && G(N);
           break;
         }
         case "Home":
@@ -155,7 +155,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           break;
         default: {
           const L = me(b);
-          L && W(L);
+          L && G(L);
           break;
         }
       }
@@ -165,7 +165,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), ie(), oe(d);
+            d.preventDefault(), se(), le(d);
             break;
         }
     }
@@ -182,28 +182,28 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       (m.value === "" || b !== d) && (q.value = l.options.findIndex(
         (L) => L.value === l.modelValue
       )), m.value = b === d ? d : m.value + d, b = d, pe();
-      let $ = se(
+      let $ = oe(
         q.value + 1,
         l.options.length
       );
-      return !$ && m.value.length === 1 && ($ = se(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
+      return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
     }
-    function se(d, b) {
+    function oe(d, b) {
       for (let $ = d; $ < b; $++)
         if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
-          return _.value[$];
+          return h.value[$];
       return null;
     }
     function ve() {
-      W(_.value[0]);
+      G(h.value[0]);
     }
-    function W(d) {
+    function G(d) {
       var $, L;
       const b = d.getAttribute("data-value");
       if (l.modelValue) {
         const N = l.options.findIndex(
           (be) => be.value === l.modelValue
-        ), K = _.value[N];
+        ), K = h.value[N];
         he(K);
       }
       if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
@@ -216,19 +216,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
     function fe() {
       var b;
-      const d = (b = _.value) == null ? void 0 : b[l.options.length - 1];
-      W(d);
+      const d = (b = h.value) == null ? void 0 : b[l.options.length - 1];
+      G(d);
     }
     function Q() {
       var d;
       y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
     }
-    function ie() {
+    function se() {
       var d, b;
       y.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
     }
     function ge() {
-      l.disabled || (y.value ? ie() : Q());
+      l.disabled || (y.value ? se() : Q());
     }
     return (d, b) => (o(), i("div", {
       ref: "listbox",
@@ -264,14 +264,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: oe,
+          onKeydown: le,
           onClick: H
         }, [
           (o(!0), i(D, null, M(d.options, ($, L) => (o(), i("li", {
             key: `${d.name}-option-${L}`,
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: _,
+            ref: h,
             "aria-selected": $.value === d.modelValue,
             "data-value": $.value,
             class: "listbox__option",
@@ -298,10 +298,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e) {
     return (a, r) => (o(), i("div", Ge, [
-      h(a.$slots, "default", P(F(a.$attrs)))
+      _(a.$slots, "default", P(F(a.$attrs)))
     ]));
   }
-}), A = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
+}), C = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
   __name: "label",
   props: {
     text: {},
@@ -317,7 +317,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }, n(l.text), 11, Qe)
     ]));
   }
-}), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */ f({
+}), W = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */ f({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -339,19 +339,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       true: "add-underline",
       false: "remove-underline"
     }, l = e, s = T(() => a[l.linkType]), u = T(() => r[l.underline]), c = T(() => {
-      const { ..._ } = ye(l);
-      return _;
+      const { ...h } = ye(l);
+      return h;
     });
-    return (_, S) => (o(), i("div", Je, [
+    return (h, S) => (o(), i("div", Je, [
       t("div", te(c.value, {
         class: ["mir-link", [
           s.value,
-          _.disabled ? "disabled" : "",
+          h.disabled ? "disabled" : "",
           u.value,
-          _.arrow ? "link-arrow" : ""
+          h.arrow ? "link-arrow" : ""
         ]]
       }), [
-        h(_.$slots, "default")
+        _(h.$slots, "default")
       ], 16)
     ]));
   }
@@ -390,7 +390,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         class: p(["radio__label", s.required ? "required" : ""])
       }, [
         tt,
-        h(s.$slots, "default", {}, void 0, !0)
+        _(s.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
@@ -456,18 +456,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             t("div", {
               id: "modal",
               class: p([u.searchBar ? "search" : ""]),
-              onClick: c[0] || (c[0] = de(() => {
+              onClick: c[0] || (c[0] = ne(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? g("", !0) : (o(), C(J, {
+                u.searchBar ? g("", !0) : (o(), A(J, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: s
                 }))
               ]),
-              h(u.$slots, "default", {}, void 0, !0)
+              _(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)) : g("", !0)
         ]),
@@ -491,14 +491,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, l = a, s = I(r.modelValue), u = I(), c = I(!1), _ = (m, y, q) => (m - y) / (q - y) * 100, S = (m) => {
+    const r = e, l = a, s = I(r.modelValue), u = I(), c = I(!1), h = (m, y, q) => (m - y) / (q - y) * 100, S = (m) => {
       var y;
       (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
     };
-    return ce(() => {
+    return de(() => {
       if (u.value) {
         l("update:modelValue", s.value);
-        const m = _(s.value, r.min, r.max);
+        const m = h(s.value, r.min, r.max);
         let y = (50 - m) / 100;
         S(m + y);
       }
@@ -545,7 +545,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           class: p([m.variant, "slider__value"])
         }, n(m.modelValue), 3)
       ]),
-      m.information ? (o(), C(ue, {
+      m.information ? (o(), A(ue, {
         key: 0,
         show: c.value,
         "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
@@ -607,7 +607,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ct = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
+}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
   key: 2,
   class: "search"
 }, Ot = {
@@ -648,54 +648,54 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     ), c = T(
       () => s.value ? "password" : "text"
     );
-    return (_, S) => (o(), i("div", Lt, [
+    return (h, S) => (o(), i("div", Lt, [
       t("label", {
-        for: _.id,
+        for: h.id,
         class: p([
-          _.required ? "required" : "",
-          _.disabled ? "disabled" : "",
-          _.search ? "search" : ""
+          h.required ? "required" : "",
+          h.disabled ? "disabled" : "",
+          h.search ? "search" : ""
         ])
-      }, n(_.label), 11, Tt),
+      }, n(h.label), 11, Tt),
       l.value === "password" ? (o(), i("div", Vt, [
         t("input", {
-          id: _.id,
+          id: h.id,
           ref: "passwordField",
           type: c.value,
-          value: _.modelValue,
-          placeholder: _.placeholder,
-          required: _.required,
-          disabled: _.disabled,
-          name: _.fieldName,
-          onInput: S[0] || (S[0] = (m) => _.$emit("update:modelValue", m.target.value))
-        }, null, 40, At),
+          value: h.modelValue,
+          placeholder: h.placeholder,
+          required: h.required,
+          disabled: h.disabled,
+          name: h.fieldName,
+          onInput: S[0] || (S[0] = (m) => h.$emit("update:modelValue", m.target.value))
+        }, null, 40, Ct),
         t("i", {
           role: "button",
           class: p([u.value]),
           "aria-controls": "password",
           "aria-expanded": !s.value,
           onClick: S[1] || (S[1] = (m) => s.value = !s.value)
-        }, null, 10, Ct)
+        }, null, 10, At)
       ])) : (o(), i("input", {
         key: 1,
-        id: _.id,
+        id: h.id,
         ref: "textField",
         type: l.value,
-        value: _.modelValue,
-        placeholder: _.placeholder,
-        required: _.required,
+        value: h.modelValue,
+        placeholder: h.placeholder,
+        required: h.required,
         class: p([
-          _.invalid ? "invalid" : "",
-          _.valid ? "valid" : "",
-          _.search ? "search" : ""
+          h.invalid ? "invalid" : "",
+          h.valid ? "valid" : "",
+          h.search ? "search" : ""
         ]),
-        disabled: _.disabled,
-        name: _.fieldName,
-        onInput: S[2] || (S[2] = (m) => _.$emit("update:modelValue", m.target.value))
+        disabled: h.disabled,
+        name: h.fieldName,
+        onInput: S[2] || (S[2] = (m) => h.$emit("update:modelValue", m.target.value))
       }, null, 42, Dt)),
-      _.search ? (o(), i("i", Mt)) : g("", !0),
-      _.errorMessage ? (o(), i("strong", Ot, n(_.errorMessage), 1)) : g("", !0),
-      _.helperText ? (o(), i("span", Pt, n(_.helperText), 1)) : g("", !0)
+      h.search ? (o(), i("i", Mt)) : g("", !0),
+      h.errorMessage ? (o(), i("strong", Ot, n(h.errorMessage), 1)) : g("", !0),
+      h.helperText ? (o(), i("span", Pt, n(h.helperText), 1)) : g("", !0)
     ]));
   }
 }), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
@@ -717,7 +717,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   setup(e, { expose: a }) {
     const r = e;
     let l = I(null);
-    return ce(() => {
+    return de(() => {
       l.value && (r.play ? l.value.play() : r.play || l.value.pause());
     }), a({
       resetVideo: () => {
@@ -752,7 +752,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }, null, 8, Ht))
     ]));
   }
-}), G = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, jt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Jt = ["href"], Xt = /* @__PURE__ */ f({
+}), Y = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, jt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Jt = ["href"], Xt = /* @__PURE__ */ f({
   __name: "address",
   props: {
     name: {},
@@ -767,7 +767,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (a, r) => (o(), i("div", Ut, [
       t("div", Kt, [
         t("div", jt, [
-          h(a.$slots, "address-flag", {}, void 0, !0)
+          _(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Gt, [
           t("p", Wt, n(a.name), 1),
@@ -777,7 +777,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           a.addressLine3 ? (o(), i("p", Yt, n(a.addressLine3), 1)) : g("", !0)
         ]),
         t("div", Qt, [
-          (o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), C(O, {
+          (o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), A(O, {
             key: l,
             underline: "false",
             "link-type": "regular"
@@ -875,7 +875,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         height: "335"
       }
     }, s = e, u = T(() => l[s.size]);
-    return (c, _) => (o(), i("div", sa, [
+    return (c, h) => (o(), i("div", sa, [
       t("div", {
         class: p(["card", [
           c.theme === "dark" ? "card--dark" : "card--light",
@@ -885,12 +885,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           c.variant === "product" ? "card--product" : "card--article"
         ]]),
         style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: _[0] || (_[0] = (S) => re(r) ? r.value = !0 : r = !0),
-        onMouseout: _[1] || (_[1] = (S) => re(r) ? r.value = !1 : r = !1)
+        onMouseover: h[0] || (h[0] = (S) => ie(r) ? r.value = !0 : r = !0),
+        onMouseout: h[1] || (h[1] = (S) => ie(r) ? r.value = !1 : r = !1)
       }, [
-        c.mediaType === "image" ? (o(), C(A, { key: 0 }, {
+        c.mediaType === "image" ? (o(), A(C, { key: 0 }, {
           default: w(() => [
-            h(c.$slots, "card-image", te({
+            _(c.$slots, "card-image", te({
               src: c.imgSrc,
               width: "596",
               height: "335",
@@ -904,7 +904,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           key: 1,
           class: p(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          k(G, {
+          k(Y, {
             play: V(r),
             "local-video": !0,
             src: c.videoSrc,
@@ -919,7 +919,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
         V(a)["card-label"] ? (o(), i("div", ia, [
-          h(c.$slots, "card-label")
+          _(c.$slots, "card-label")
         ])) : g("", !0),
         c.variant === "product" ? (o(), i("h3", {
           key: 3,
@@ -959,7 +959,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e) {
     return (a, r) => (o(), i("div", ua, [
-      k(Y, {
+      k(W, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -990,7 +990,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e) {
     return (a, r) => (o(), i("div", ga, [
-      k(Y, {
+      k(W, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1049,7 +1049,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             arrow: ""
           }, {
             default: w(() => [
-              h(a.$slots, "facts-link", {}, void 0, !0)
+              _(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1057,7 +1057,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Aa = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Ca = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
+}), Ca = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
   key: 0,
   class: "features__headline"
 }, Oa = {
@@ -1071,7 +1071,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ca, [
+    return (a, r) => (o(), i("div", Aa, [
       t("div", Da, [
         a.headline ? (o(), i("div", Ma, [
           t("h2", null, n(a.headline), 1)
@@ -1086,9 +1086,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             key: l.headline,
             class: "features__element"
           }, [
-            k(A, { class: "element__icon" }, {
+            k(C, { class: "element__icon" }, {
               default: w(() => [
-                h(a.$slots, "features-icon", P(F({
+                _(a.$slots, "features-icon", P(F({
                   src: l.icon.src,
                   height: 30,
                   width: 30,
@@ -1118,11 +1118,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         t("div", za, [
           t("h2", Ua, n(e.headline), 1),
           t("div", Ka, [
-            h(a.$slots, "form-body", {}, void 0, !0)
+            _(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
         t("div", ja, [
-          h(a.$slots, "form-script", {}, void 0, !0)
+          _(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1149,9 +1149,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (a, r) => (o(), i("div", Ya, [
       t("div", Qa, [
         t("div", Za, [
-          k(A, null, {
+          k(C, null, {
             default: w(() => [
-              h(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              _(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1197,9 +1197,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }, [
         t("div", el, [
           s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
-            k(A, null, {
+            k(C, null, {
               default: w(() => [
-                h(s.$slots, "image-large", P(F({
+                _(s.$slots, "image-large", P(F({
                   width: 617,
                   height: 530,
                   src: s.mediaLarge.src,
@@ -1210,7 +1210,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             })
           ])) : g("", !0),
           s.mediaLarge && s.mediaType === "video" ? (o(), i("div", al, [
-            k(G, {
+            k(Y, {
               src: s.mediaLarge.src,
               "local-video": "",
               "aria-label": s.mediaLarge.alt,
@@ -1235,9 +1235,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             key: c.src + c.alt,
             class: "image image--small"
           }, [
-            k(A, null, {
+            k(C, null, {
               default: w(() => [
-                h(s.$slots, "image-small", P(F({
+                _(s.$slots, "image-small", P(F({
                   width: 328,
                   height: 246,
                   src: c.src,
@@ -1284,32 +1284,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 2)
     ]));
   }
-}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-88ef4a9e"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, hl = { class: "hero__top" }, pl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = {
-  key: 0,
-  class: "hero__video__video"
-}, yl = {
-  key: 1,
-  class: "hero__image"
-}, $l = /* @__PURE__ */ f({
+}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-22f9be13"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, hl = { class: "hero__top" }, pl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = { class: "hero__video__video" }, yl = { class: "hero__image" }, $l = /* @__PURE__ */ f({
   __name: "hero",
   props: {
     headline: {
       type: String,
       required: !0
-    },
-    video: {
-      type: Object,
-      required: !0
     }
   },
   setup(e) {
-    const a = I(!1);
-    return le(() => {
-      const r = navigator.userAgent;
-      a.value = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-        r
-      );
-    }), (r, l) => (o(), i("div", ul, [
+    return (a, r) => (o(), i("div", ul, [
       t("div", _l, [
         t("div", hl, [
           t("div", pl, [
@@ -1322,7 +1306,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
                 arrow: ""
               }, {
                 default: w(() => [
-                  h(r.$slots, "hero-link", {}, void 0, !0)
+                  _(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1331,26 +1315,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         ]),
         t("div", fl, [
           gl,
-          a.value ? (o(), i("div", yl, [
-            h(r.$slots, "hero-image", {}, void 0, !0)
-          ])) : (o(), i("div", bl, [
-            k(G, {
-              src: e.video.src,
-              "local-video": "",
-              "aria-label": e.video.alt,
-              controls: !1,
-              autoplay: "",
-              loop: "",
-              muted: "",
-              play: "",
-              poster: e.video.poster
-            }, null, 8, ["src", "aria-label", "poster"])
-          ]))
+          t("div", bl, [
+            _(a.$slots, "hero-video", {}, void 0, !0)
+          ]),
+          t("div", yl, [
+            _(a.$slots, "hero-image", {}, void 0, !0)
+          ])
         ])
       ])
     ]));
   }
-}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-88ef4a9e"]]), wl = { class: "logo-wall__wrapper" }, Sl = { class: "logo-wall__content" }, Bl = {
+}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-22f9be13"]]), wl = { class: "logo-wall__wrapper" }, Sl = { class: "logo-wall__content" }, Bl = {
   key: 0,
   class: "logo-wall__text"
 }, Il = { key: 0 }, ql = { key: 1 }, Ll = { class: "logo-wall__logos" }, Tl = { class: "logo-wall__link" }, Vl = /* @__PURE__ */ f({
@@ -1382,9 +1357,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             key: l.src + l.alt,
             class: "logo-wall__logo"
           }, [
-            k(A, null, {
+            k(C, null, {
               default: w(() => [
-                h(a.$slots, "logo-wall-logo", P(F({
+                _(a.$slots, "logo-wall-logo", P(F({
                   width: 130,
                   height: 130,
                   src: l.src,
@@ -1401,7 +1376,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             arrow: !0
           }, {
             default: w(() => [
-              h(a.$slots, "logo-wall-link", {}, void 0, !0)
+              _(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1409,7 +1384,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Al = /* @__PURE__ */ v(Vl, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__top" }, Dl = {
+}), Cl = /* @__PURE__ */ v(Vl, [["__scopeId", "data-v-a8afd396"]]), Al = { class: "micro-stories__top" }, Dl = {
   key: 0,
   class: "headline"
 }, Ml = {
@@ -1431,7 +1406,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (s, u) => (o(), i("div", {
       class: p(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Cl, [
+      t("div", Al, [
         s.headline ? (o(), i("div", Dl, [
           t("h2", null, n(s.headline), 1)
         ])) : g("", !0),
@@ -1440,16 +1415,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         ])) : g("", !0)
       ]),
       t("div", Ol, [
-        h(s.$slots, "micro-stories-slides")
+        _(s.$slots, "micro-stories-slides")
       ]),
-      h(s.$slots, "micro-stories-controls")
+      _(s.$slots, "micro-stories-controls")
     ], 2));
   }
 }), Fl = {}, El = { class: "policy__wrapper" }, Rl = { class: "policy__content" };
 function Nl(e, a) {
   return o(), i("div", El, [
     t("div", Rl, [
-      h(e.$slots, "default", {}, void 0, !0)
+      _(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -1485,7 +1460,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
           e.paragraph ? (o(), i("p", jl, n(e.paragraph), 1)) : g("", !0)
         ])) : g("", !0),
         t("div", Gl, [
-          h(a.$slots, "card-display-cards", {}, void 0, !0)
+          _(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -1526,9 +1501,9 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
             s.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          k(A, null, {
+          k(C, null, {
             default: w(() => [
-              h(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
+              _(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1540,7 +1515,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
             s.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          k(G, {
+          k(Y, {
             src: s.src,
             "local-video": "",
             "aria-label": s.alt,
@@ -1558,7 +1533,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
             s.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          s.label ? (o(), C(Y, {
+          s.label ? (o(), A(W, {
             key: 0,
             text: s.label,
             "label-dark": s.variant === "dark"
@@ -1569,22 +1544,22 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
               s.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, n(s.headline), 3),
-          s.linkType === "link" ? (o(), C(O, {
+          s.linkType === "link" ? (o(), A(O, {
             key: 1,
             "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: w(() => [
-              h(s.$slots, "promo-link")
+              _(s.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : g("", !0),
-          s.linkType === "button" ? (o(), C(O, {
+          s.linkType === "button" ? (o(), A(O, {
             key: 2,
             "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
           }, {
             default: w(() => [
-              h(s.$slots, "promo-link")
+              _(s.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : g("", !0)
@@ -1624,9 +1599,9 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
           t("p", lo, n(e.quote), 1),
           t("div", oo, [
             e.authorImage ? (o(), i("div", so, [
-              k(A, null, {
+              k(C, null, {
                 default: w(() => [
-                  h(a.$slots, "author-image", P(F({
+                  _(a.$slots, "author-image", P(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1670,7 +1645,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
       ])
     }, [
       t("div", _o, [
-        a.label ? (o(), C(Y, {
+        a.label ? (o(), A(W, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -1694,13 +1669,13 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            h(a.$slots, "rich-text-content"),
+            _(a.$slots, "rich-text-content"),
             a.links ? (o(), i("div", ho, [
-              h(a.$slots, "rich-text-links")
+              _(a.$slots, "rich-text-links")
             ])) : g("", !0)
           ], 2),
           a.bulletList ? (o(), i("div", po, [
-            h(a.$slots, "rich-text-bullet-list")
+            _(a.$slots, "rich-text-bullet-list")
           ])) : g("", !0),
           a.image ? (o(), i("div", {
             key: 1,
@@ -1709,9 +1684,9 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            k(A, null, {
+            k(C, null, {
               default: w(() => [
-                h(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
+                _(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1727,10 +1702,10 @@ function ko(e, a) {
       t("div", yo, [
         t("div", $o, [
           t("div", null, [
-            h(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            _(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            h(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            _(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
@@ -1740,7 +1715,7 @@ function ko(e, a) {
 const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4"]]), So = (e) => (E("data-v-78d319df"), e = e(), R(), e), Bo = { class: "timeline__wrapper" }, Io = { class: "timeline__content" }, qo = { class: "timeline__items" }, Lo = { class: "item__left" }, To = /* @__PURE__ */ So(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Vo = { class: "item__right" }, Ao = ["innerHTML"], Co = /* @__PURE__ */ f({
+], -1)), Vo = { class: "item__right" }, Co = ["innerHTML"], Ao = /* @__PURE__ */ f({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1749,7 +1724,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return le(() => {
+    return ce(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (l) => {
           l.forEach((s) => {
@@ -1773,9 +1748,9 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
             t("div", Lo, n(l.year), 1),
             To,
             t("div", Vo, [
-              k(A, null, {
+              k(C, null, {
                 default: w(() => [
-                  l.media.type === "image" ? h(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
+                  l.media.type === "image" ? _(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1783,14 +1758,14 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                 style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, Ao)
+              }, null, 12, Co)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Do = /* @__PURE__ */ v(Co, [["__scopeId", "data-v-78d319df"]]), Mo = { class: "vimeo" }, Oo = { class: "vimeo__wrapper" }, Po = {
+}), Do = /* @__PURE__ */ v(Ao, [["__scopeId", "data-v-78d319df"]]), Mo = { class: "vimeo" }, Oo = { class: "vimeo__wrapper" }, Po = {
   key: 0,
   class: "vimeo__headline"
 }, Fo = {
@@ -1812,7 +1787,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     return (a, r) => (o(), i("div", Mo, [
       t("div", Oo, [
         e.headline ? (o(), i("h2", Po, n(e.headline), 1)) : g("", !0),
-        h(a.$slots, "vimeo-content", {}, void 0, !0),
+        _(a.$slots, "vimeo-content", {}, void 0, !0),
         e.description ? (o(), i("p", Fo, n(e.description), 1)) : g("", !0)
       ])
     ]));
@@ -1830,7 +1805,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
       t("div", Ho, [
         t("h1", zo, n(e.headline), 1),
         t("div", Uo, [
-          h(a.$slots, "not-found-body", {}, void 0, !0)
+          _(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1852,10 +1827,10 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     return (a, r) => (o(), i("div", Go, [
       t("div", Wo, [
         t("div", Yo, [
-          h(a.$slots, "filter-dropdowns")
+          _(a.$slots, "filter-dropdowns")
         ]),
         t("div", Qo, [
-          h(a.$slots, "filter-chips"),
+          _(a.$slots, "filter-chips"),
           e.hasChips ? (o(), i("button", {
             key: 0,
             class: "filter__clear",
@@ -1886,7 +1861,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
             t("span", ts, n(l.title), 1),
             t("nav", null, [
               t("ul", as, [
-                h(a.$slots, "section-links", {
+                _(a.$slots, "section-links", {
                   links: l.links
                 })
               ])
@@ -1933,11 +1908,11 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                 j(n(a.changeRegion), 1)
               ])
             ]),
-            h(a.$slots, "footer-privacy-link"),
-            h(a.$slots, "footer-cookie-link")
+            _(a.$slots, "footer-privacy-link"),
+            _(a.$slots, "footer-cookie-link")
           ]),
           t("div", ps, [
-            (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), C(O, {
+            (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
               key: l.title,
               underline: "false",
               "link-type": "regular"
@@ -1973,7 +1948,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Bs = { class: "dropdown-content" }, Is = { class: "nav-search-wrapper" }, qs = ["src"], Ls = { class: "mobile-logo-search-burger-wrapper" }, Ts = { class: "mobile-mir-link-logo" }, Vs = { class: "mobile-search-wrapper" }, As = ["src"], Cs = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ f({
+}, Bs = { class: "dropdown-content" }, Is = { class: "nav-search-wrapper" }, qs = ["src"], Ls = { class: "mobile-logo-search-burger-wrapper" }, Ts = { class: "mobile-mir-link-logo" }, Vs = { class: "mobile-search-wrapper" }, Cs = ["src"], As = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ f({
   __name: "header",
   props: {
     burgerState: {
@@ -1994,25 +1969,25 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     let l = null;
     const s = e;
     let u = I(s.burgerState), c = I(s.showDropDown);
-    ne(
+    re(
       () => s.burgerState,
       (B) => u.value = B
-    ), ne(
+    ), re(
       () => s.showDropDown,
       (B) => c.value = B
-    ), le(() => {
+    ), ce(() => {
       l = (B) => {
         B.target.closest("#menu-dropdown") || (c.value = !1);
       }, window.addEventListener("click", l);
     }), Se(() => {
       l !== null && window.removeEventListener("click", l);
     });
-    const _ = r;
+    const h = r;
     function S() {
-      c.value = !c.value, _("update:showDropDown", c.value);
+      c.value = !c.value, h("update:showDropDown", c.value);
     }
     function m() {
-      u.value = !u.value, _("update:burgerState", u.value);
+      u.value = !u.value, h("update:burgerState", u.value);
     }
     let y = I(null), q = I(null);
     function X() {
@@ -2024,21 +1999,21 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
       t("nav", null, [
         t("div", bs, [
           t("div", ys, [
-            h(B.$slots, "link-logo", {}, void 0, !0)
+            _(B.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", $s, [
-            h(B.$slots, "main-nav-items", {}, void 0, !0)
+            _(B.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", ks, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: S
             }, [
-              h(B.$slots, "dropdown-title", {}, void 0, !0),
+              _(B.$slots, "dropdown-title", {}, void 0, !0),
               V(c) === !1 ? (o(), i("img", ws)) : (o(), i("img", Ss))
             ]),
             Z(t("div", Bs, [
-              h(B.$slots, "dropdown-links", {}, void 0, !0)
+              _(B.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [ee, V(c)]
             ])
@@ -2067,7 +2042,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
         }, [
           t("div", Ls, [
             t("div", Ts, [
-              h(B.$slots, "link-logo", {}, void 0, !0)
+              _(B.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", Vs, [
               t("button", {
@@ -2085,29 +2060,29 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, As)
+                }, null, 8, Cs)
               ], 512)
             ]),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: de(m, ["prevent"])
+              onClick: ne(m, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
                 src: V(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, Cs)
+              }, null, 8, As)
             ])
           ]),
           Z(t("div", Ds, [
             t("ul", null, [
-              h(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              _(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", Ms, [
-              h(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              h(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              _(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              _(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [ee, V(u)]
@@ -2134,7 +2109,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
         t("h2", Rs, n(e.headline), 1),
         t("p", Ns, n(e.paragraph), 1),
         t("div", Hs, [
-          h(a.$slots, "language-links", {}, void 0, !0)
+          _(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
@@ -2161,7 +2136,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        h(a.$slots, "pagination-numbers"),
+        _(a.$slots, "pagination-numbers"),
         k(J, {
           disabled: e.isNextDisabled,
           variant: "next",
@@ -2174,7 +2149,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
 }), Ws = /* @__PURE__ */ v(Gs, [["__scopeId", "data-v-f760f1c6"]]), Ys = {}, Qs = { class: "search__wrapper" };
 function Zs(e, a) {
   return o(), i("div", Qs, [
-    h(e.$slots, "default", { class: "search__content" })
+    _(e.$slots, "default", { class: "search__content" })
   ]);
 }
 const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82"]]), Xs = { class: "product-hero__wrapper" }, xs = { class: "product-hero__content" }, ei = { class: "product-hero__headline" }, ti = { class: "product-hero__video" }, ai = /* @__PURE__ */ f({
@@ -2208,7 +2183,7 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
           t("h1", null, n(e.headline), 1)
         ]),
         t("div", ti, [
-          e.videoSrc !== "" ? (o(), C(G, {
+          e.videoSrc !== "" ? (o(), A(Y, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2219,9 +2194,9 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), C(V(A), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(V(C), { key: 1 }, {
             default: w(() => [
-              h(a.$slots, "product-hero-image", {}, void 0, !0)
+              _(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           }))
@@ -2231,32 +2206,32 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
   }
 }), li = /* @__PURE__ */ v(ai, [["__scopeId", "data-v-e394473d"]]), si = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ce), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", A), e.component("AtomLabel", Y), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", kl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Al), e.component("BlockMicroStories", Pl), e.component("BlockPolicy", Hl), e.component("BlockProductHero", li), e.component("BlockPromo", Jl), e.component("BlockQuote", uo), e.component("BlockRichText", vo), e.component("BlockRichTextColumns", wo), e.component("BlockTimeline", Do), e.component("BlockCardDisplay", Yl), e.component("BlockVimeo", Ro), e.component("Organism404", jo), e.component("OrganismFilter", Jo), e.component("OrganismFooter", fs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", Us), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Js);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), e.component("AtomLabel", W), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", Y), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", kl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Pl), e.component("BlockPolicy", Hl), e.component("BlockProductHero", li), e.component("BlockPromo", Jl), e.component("BlockQuote", uo), e.component("BlockRichText", vo), e.component("BlockRichTextColumns", wo), e.component("BlockTimeline", Do), e.component("BlockCardDisplay", Yl), e.component("BlockVimeo", Ro), e.component("Organism404", jo), e.component("OrganismFilter", Jo), e.component("OrganismFooter", fs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", Us), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Js);
   }
 };
 export {
   J as AtomButton,
-  Ce as AtomCheckbox,
+  Ae as AtomCheckbox,
   Fe as AtomChip,
   je as AtomDropdown,
-  A as AtomImage,
-  Y as AtomLabel,
+  C as AtomImage,
+  W as AtomLabel,
   O as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
   Et as AtomTextField,
   qt as AtomTextarea,
-  G as AtomVideo,
+  Y as AtomVideo,
   Yl as BlockCardDisplay,
-  Aa as BlockFacts,
+  Ca as BlockFacts,
   Ra as BlockFeatures,
   Wa as BlockFormScript,
   dl as BlockHeadline,
   kl as BlockHero,
   xa as BlockImage,
   sl as BlockImageGallery,
-  Al as BlockLogoWall,
+  Cl as BlockLogoWall,
   Pl as BlockMicroStories,
   Hl as BlockPolicy,
   li as BlockProductHero,