@mirweb/mir-web-components 0.17.28 → 0.17.29

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 h, toDisplayString as n, createElementVNode as t, renderSlot as p, 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";
+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";
 const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   __name: "button",
   props: {
@@ -15,7 +15,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       previous: "previous"
     }, r = e, l = T(() => a[r.variant]);
     return (s, u) => (o(), i("button", {
-      class: h(["button", "button--" + l.value]),
+      class: p(["button", "button--" + l.value]),
       "aria-label": s.ariaLabel
     }, n(l.value === "close" ? "" : s.buttonText), 11, Be));
   }
@@ -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)), Ce = /* @__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)), Ae = /* @__PURE__ */ f({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -40,7 +40,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       r("input", u.checked);
     };
     return (s, u) => (o(), i("div", {
-      class: h(["checkbox__wrapper", s.disabled ? "disabled" : ""])
+      class: p(["checkbox__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
         id: s.id,
@@ -54,14 +54,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }, null, 40, Le),
       t("label", {
         for: s.id,
-        class: h(["checkbox__label", s.required ? "required" : ""])
+        class: p(["checkbox__label", s.required ? "required" : ""])
       }, [
         Ve,
-        p(s.$slots, "default", {}, void 0, !0)
+        h(s.$slots, "default", {}, void 0, !0)
       ], 10, Te)
     ], 2));
   }
-}), 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", {
+}), 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", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -127,7 +127,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       const b = d.target;
       b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
     }
-    function le(d) {
+    function oe(d) {
       var $;
       const b = d.key;
       switch (b) {
@@ -165,14 +165,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), se(), le(d);
+            d.preventDefault(), ie(), oe(d);
             break;
         }
     }
-    function pe(d) {
+    function he(d) {
       d && d.removeAttribute("aria-selected");
     }
-    function he() {
+    function pe() {
       S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
         m.value = "", S.value = 0;
       }, 500);
@@ -181,14 +181,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       let b = "";
       (m.value === "" || b !== d) && (q.value = l.options.findIndex(
         (L) => L.value === l.modelValue
-      )), m.value = b === d ? d : m.value + d, b = d, he();
-      let $ = oe(
+      )), m.value = b === d ? d : m.value + d, b = d, pe();
+      let $ = se(
         q.value + 1,
         l.options.length
       );
-      return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
+      return !$ && m.value.length === 1 && ($ = se(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
     }
-    function oe(d, b) {
+    function se(d, b) {
       for (let $ = d; $ < b; $++)
         if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
           return _.value[$];
@@ -204,7 +204,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         const N = l.options.findIndex(
           (be) => be.value === l.modelValue
         ), K = _.value[N];
-        pe(K);
+        he(K);
       }
       if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
         "aria-activedescendant",
@@ -223,12 +223,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       var d;
       y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
     }
-    function se() {
+    function ie() {
       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 ? se() : Q());
+      l.disabled || (y.value ? ie() : Q());
     }
     return (d, b) => (o(), i("div", {
       ref: "listbox",
@@ -237,7 +237,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }, [
       t("label", {
         id: `${d.name}-label`,
-        class: h([{
+        class: p([{
           "listbox__label--visually-hidden": !d.showLabel,
           "is-disabled": d.disabled,
           "is-required": d.required
@@ -252,7 +252,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": d.disabled,
-          class: h(["listbox__button", s.value]),
+          class: p(["listbox__button", s.value]),
           onClick: ge,
           onKeydown: _e
         }, n(d.modelValue ? B.value : d.placeholder), 43, He),
@@ -264,7 +264,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: le,
+          onKeydown: oe,
           onClick: H
         }, [
           (o(!0), i(D, null, M(d.options, ($, L) => (o(), i("li", {
@@ -298,10 +298,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e) {
     return (a, r) => (o(), i("div", Ge, [
-      p(a.$slots, "default", P(F(a.$attrs)))
+      h(a.$slots, "default", P(F(a.$attrs)))
     ]));
   }
-}), C = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
+}), A = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
   __name: "label",
   props: {
     text: {},
@@ -313,7 +313,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       t("span", {
         "aria-label": r.value,
         "label-dark": l.labelDark,
-        class: h(l.labelDark ? "label--dark" : "label--light")
+        class: p(l.labelDark ? "label--dark" : "label--light")
       }, n(l.text), 11, Qe)
     ]));
   }
@@ -351,7 +351,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           _.arrow ? "link-arrow" : ""
         ]]
       }), [
-        p(_.$slots, "default")
+        h(_.$slots, "default")
       ], 16)
     ]));
   }
@@ -372,7 +372,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       r("input", u.checked);
     };
     return (s, u) => (o(), i("div", {
-      class: h(["radio__wrapper", s.disabled ? "disabled" : ""])
+      class: p(["radio__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
         id: s.id,
@@ -387,10 +387,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }, null, 40, xe),
       t("label", {
         for: s.id,
-        class: h(["radio__label", s.required ? "required" : ""])
+        class: p(["radio__label", s.required ? "required" : ""])
       }, [
         tt,
-        p(s.$slots, "default", {}, void 0, !0)
+        h(s.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
@@ -410,11 +410,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (a, r) => (o(), i("div", ot, [
       t("label", {
         for: a.id,
-        class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
+        class: p([a.required ? "required" : "", a.disabled ? "disabled" : ""])
       }, n(a.label), 11, st),
       t("select", {
         id: a.id,
-        class: h(a.disabled ? "disabled" : ""),
+        class: p(a.disabled ? "disabled" : ""),
         disabled: a.disabled,
         name: a.name,
         value: a.modelValue,
@@ -448,26 +448,26 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         default: w(() => [
           u.show ? (o(), i("div", {
             key: 0,
-            class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
+            class: p(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: s
           }, [
             t("div", {
               id: "modal",
-              class: h([u.searchBar ? "search" : ""]),
-              onClick: c[0] || (c[0] = ne(() => {
+              class: p([u.searchBar ? "search" : ""]),
+              onClick: c[0] || (c[0] = de(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? g("", !0) : (o(), A(J, {
+                u.searchBar ? g("", !0) : (o(), C(J, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: s
                 }))
               ]),
-              p(u.$slots, "default", {}, void 0, !0)
+              h(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)) : g("", !0)
         ]),
@@ -475,7 +475,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       })
     ]));
   }
-}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" }, pt = { class: "slider__label" }, ht = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = /* @__PURE__ */ f({
+}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" }, ht = { class: "slider__label" }, pt = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = /* @__PURE__ */ f({
   __name: "slider",
   props: {
     label: {},
@@ -495,7 +495,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       var y;
       (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
     };
-    return de(() => {
+    return ce(() => {
       if (u.value) {
         l("update:modelValue", s.value);
         const m = _(s.value, r.min, r.max);
@@ -504,15 +504,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }
     }), (m, y) => (o(), i("div", null, [
       t("div", _t, [
-        t("div", pt, [
+        t("div", ht, [
           t("label", {
             for: m.id,
-            class: h([m.variant, ""])
-          }, n(m.label), 11, ht),
+            class: p([m.variant, ""])
+          }, n(m.label), 11, pt),
           m.information ? (o(), i("i", {
             key: 0,
             role: "button",
-            class: h([m.variant, "slider__information"]),
+            class: p([m.variant, "slider__information"]),
             "aria-label": m.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
@@ -522,7 +522,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         ]),
         t("div", vt, [
           t("span", {
-            class: h([m.variant, "slider__minmax"])
+            class: p([m.variant, "slider__minmax"])
           }, n(m.min), 3),
           t("input", {
             id: m.id,
@@ -534,18 +534,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             min: m.min,
             step: m.step,
             max: m.max,
-            class: h(m.variant),
+            class: p(m.variant),
             onInput: y[2] || (y[2] = ({ target: q }) => s.value = parseFloat(q.value))
           }, null, 42, ft),
           t("span", {
-            class: h([m.variant, "slider__minmax"])
+            class: p([m.variant, "slider__minmax"])
           }, n(m.max), 3)
         ]),
         t("span", {
-          class: h([m.variant, "slider__value"])
+          class: p([m.variant, "slider__value"])
         }, n(m.modelValue), 3)
       ]),
-      m.information ? (o(), A(ue, {
+      m.information ? (o(), C(ue, {
         key: 0,
         show: c.value,
         "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
@@ -574,7 +574,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (a, r) => (o(), i("div", yt, [
       t("label", {
         for: a.id,
-        class: h({ required: a.required })
+        class: p({ required: a.required })
       }, n(a.labelText) + n(a.required ? " *" : ""), 11, $t),
       t("div", {
         id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
@@ -589,7 +589,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           disabled: a.disabled,
           maxlength: a.maxLength,
           value: a.modelValue,
-          class: h(
+          class: p(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
           onInput: r[0] || (r[0] = (l) => a.$emit("update:modelValue", l.target.value))
@@ -600,14 +600,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) : g("", !0)
         ]),
         t("p", {
-          class: h(
+          class: p(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
           )
         }, n(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + n(a.maxLength), 3)
       ])
     ]));
   }
-}), 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 = {
+}), 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 = {
   key: 2,
   class: "search"
 }, Ot = {
@@ -651,7 +651,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (_, S) => (o(), i("div", Lt, [
       t("label", {
         for: _.id,
-        class: h([
+        class: p([
           _.required ? "required" : "",
           _.disabled ? "disabled" : "",
           _.search ? "search" : ""
@@ -668,14 +668,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           disabled: _.disabled,
           name: _.fieldName,
           onInput: S[0] || (S[0] = (m) => _.$emit("update:modelValue", m.target.value))
-        }, null, 40, Ct),
+        }, null, 40, At),
         t("i", {
           role: "button",
-          class: h([u.value]),
+          class: p([u.value]),
           "aria-controls": "password",
           "aria-expanded": !s.value,
           onClick: S[1] || (S[1] = (m) => s.value = !s.value)
-        }, null, 10, At)
+        }, null, 10, Ct)
       ])) : (o(), i("input", {
         key: 1,
         id: _.id,
@@ -684,7 +684,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         value: _.modelValue,
         placeholder: _.placeholder,
         required: _.required,
-        class: h([
+        class: p([
           _.invalid ? "invalid" : "",
           _.valid ? "valid" : "",
           _.search ? "search" : ""
@@ -717,7 +717,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   setup(e, { expose: a }) {
     const r = e;
     let l = I(null);
-    return de(() => {
+    return ce(() => {
       l.value && (r.play ? l.value.play() : r.play || l.value.pause());
     }), a({
       resetVideo: () => {
@@ -767,7 +767,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     return (a, r) => (o(), i("div", Ut, [
       t("div", Kt, [
         t("div", jt, [
-          p(a.$slots, "address-flag", {}, void 0, !0)
+          h(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(), A(O, {
+          (o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), C(O, {
             key: l,
             underline: "false",
             "link-type": "regular"
@@ -820,7 +820,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   setup(e) {
     return (a, r) => (o(), i("div", ta, [
       t("div", {
-        class: h(["bullet-list", e.variant])
+        class: p(["bullet-list", e.variant])
       }, [
         t("ul", null, [
           (o(!0), i(D, null, M(e.list, (l) => (o(), i("li", { key: l }, [
@@ -877,7 +877,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }, s = e, u = T(() => l[s.size]);
     return (c, _) => (o(), i("div", sa, [
       t("div", {
-        class: h(["card", [
+        class: p(["card", [
           c.theme === "dark" ? "card--dark" : "card--light",
           c.orientation === "vertical" ? "vertical" : "horizontal",
           u.value.class,
@@ -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) => ie(r) ? r.value = !0 : r = !0),
-        onMouseout: _[1] || (_[1] = (S) => ie(r) ? r.value = !1 : r = !1)
+        onMouseover: _[0] || (_[0] = (S) => re(r) ? r.value = !0 : r = !0),
+        onMouseout: _[1] || (_[1] = (S) => re(r) ? r.value = !1 : r = !1)
       }, [
-        c.mediaType === "image" ? (o(), A(C, { key: 0 }, {
+        c.mediaType === "image" ? (o(), C(A, { key: 0 }, {
           default: w(() => [
-            p(c.$slots, "card-image", te({
+            h(c.$slots, "card-image", te({
               src: c.imgSrc,
               width: "596",
               height: "335",
@@ -902,7 +902,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           _: 3
         })) : (o(), i("div", {
           key: 1,
-          class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
+          class: p(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
         }, [
           k(G, {
             play: V(r),
@@ -919,21 +919,21 @@ 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, [
-          p(c.$slots, "card-label")
+          h(c.$slots, "card-label")
         ])) : g("", !0),
         c.variant === "product" ? (o(), i("h3", {
           key: 3,
-          class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
+          class: p(c.theme === "dark" ? "regular-dark" : "regular-blue"),
           style: { "font-weight": "700" }
         }, n(c.headline), 3)) : (o(), i("h3", {
           key: 4,
-          class: h(c.theme === "dark" ? "regular-dark" : "regular-dark-blue")
+          class: p(c.theme === "dark" ? "regular-dark" : "regular-dark-blue")
         }, n(c.headline), 3)),
         c.variant === "product" ? (o(), i("p", ra, n(c.paragraph), 1)) : g("", !0)
       ], 38)
     ]));
   }
-}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-bc91c976"), e = e(), R(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
+}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-bc91c976"), e = e(), R(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, ha = { class: "event__date-location" }, pa = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
   __name: "event-card",
   props: {
     eventType: {
@@ -964,9 +964,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
       t("div", _a, n(e.headline), 1),
-      t("div", pa, [
+      t("div", ha, [
         j(n(e.dateTime), 1),
-        ha,
+        pa,
         j(n(e.location), 1)
       ]),
       t("div", ma, n(e.exhibitor), 1)
@@ -1049,7 +1049,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             arrow: ""
           }, {
             default: w(() => [
-              p(a.$slots, "facts-link", {}, void 0, !0)
+              h(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1057,7 +1057,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Ca = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
+}), Aa = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Ca = { 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", Aa, [
+    return (a, r) => (o(), i("div", Ca, [
       t("div", Da, [
         a.headline ? (o(), i("div", Ma, [
           t("h2", null, n(a.headline), 1)
@@ -1080,15 +1080,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           t("p", null, n(a.body), 1)
         ])) : g("", !0),
         t("div", {
-          class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
+          class: p(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
           (o(!0), i(D, null, M(a.elements, (l) => (o(), i("div", {
             key: l.headline,
             class: "features__element"
           }, [
-            k(C, { class: "element__icon" }, {
+            k(A, { class: "element__icon" }, {
               default: w(() => [
-                p(a.$slots, "features-icon", P(F({
+                h(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, [
-            p(a.$slots, "form-body", {}, void 0, !0)
+            h(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
         t("div", ja, [
-          p(a.$slots, "form-script", {}, void 0, !0)
+          h(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(C, null, {
+          k(A, null, {
             default: w(() => [
-              p(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              h(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1187,19 +1187,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       dark: "gallery__wrapper--dark mirsaic--dark"
     }, r = e, l = T(() => a[r.bgColor]);
     return (s, u) => (o(), i("div", {
-      class: h(["gallery__wrapper", l.value])
+      class: p(["gallery__wrapper", l.value])
     }, [
       t("div", {
-        class: h([
+        class: p([
           "gallery__content",
           s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
         t("div", el, [
           s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
-            k(C, null, {
+            k(A, null, {
               default: w(() => [
-                p(s.$slots, "image-large", P(F({
+                h(s.$slots, "image-large", P(F({
                   width: 617,
                   height: 530,
                   src: s.mediaLarge.src,
@@ -1226,7 +1226,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         ]),
         t("div", {
           style: ae([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
-          class: h([
+          class: p([
             "gallery__small",
             s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
@@ -1235,9 +1235,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             key: c.src + c.alt,
             class: "image image--small"
           }, [
-            k(C, null, {
+            k(A, null, {
               default: w(() => [
-                p(s.$slots, "image-small", P(F({
+                h(s.$slots, "image-small", P(F({
                   width: 328,
                   height: 246,
                   src: c.src,
@@ -1273,7 +1273,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   setup(e) {
     return (a, r) => (o(), i("div", il, [
       t("div", {
-        class: h({
+        class: p({
           "headline__content--article-and-submenu": e.article && e.subMenu,
           "headline__content--article": e.article && !e.subMenu,
           "headline__content--default headline__content--submenu": !e.article && e.subMenu,
@@ -1284,7 +1284,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 2)
     ]));
   }
-}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, pl = { class: "hero__top" }, hl = { 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 = /* @__PURE__ */ f({
+}), 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({
   __name: "hero",
   props: {
     headline: {
@@ -1297,10 +1303,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ul, [
+    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, [
       t("div", _l, [
-        t("div", pl, [
-          t("div", hl, [
+        t("div", hl, [
+          t("div", pl, [
             t("div", ml, [
               t("h1", null, n(e.headline), 1)
             ]),
@@ -1310,7 +1322,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
                 arrow: ""
               }, {
                 default: w(() => [
-                  p(a.$slots, "hero-link", {}, void 0, !0)
+                  h(r.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1319,25 +1331,29 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         ]),
         t("div", fl, [
           gl,
-          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"])
+          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"])
+          ]))
         ])
       ])
     ]));
   }
-}), yl = /* @__PURE__ */ v(bl, [["__scopeId", "data-v-bfcd60d5"]]), $l = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, wl = {
+}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-88ef4a9e"]]), wl = { class: "logo-wall__wrapper" }, Sl = { class: "logo-wall__content" }, Bl = {
   key: 0,
   class: "logo-wall__text"
-}, Sl = { key: 0 }, Bl = { key: 1 }, Il = { class: "logo-wall__logos" }, ql = { class: "logo-wall__link" }, Ll = /* @__PURE__ */ f({
+}, Il = { key: 0 }, ql = { key: 1 }, Ll = { class: "logo-wall__logos" }, Tl = { class: "logo-wall__link" }, Vl = /* @__PURE__ */ f({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1355,20 +1371,20 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", $l, [
-      t("div", kl, [
-        e.headline || e.body ? (o(), i("div", wl, [
-          e.headline ? (o(), i("h2", Sl, n(e.headline), 1)) : g("", !0),
-          e.body ? (o(), i("p", Bl, n(e.body), 1)) : g("", !0)
+    return (a, r) => (o(), i("div", wl, [
+      t("div", Sl, [
+        e.headline || e.body ? (o(), i("div", Bl, [
+          e.headline ? (o(), i("h2", Il, n(e.headline), 1)) : g("", !0),
+          e.body ? (o(), i("p", ql, n(e.body), 1)) : g("", !0)
         ])) : g("", !0),
-        t("div", Il, [
+        t("div", Ll, [
           (o(!0), i(D, null, M(e.logos, (l) => (o(), i("div", {
             key: l.src + l.alt,
             class: "logo-wall__logo"
           }, [
-            k(C, null, {
+            k(A, null, {
               default: w(() => [
-                p(a.$slots, "logo-wall-logo", P(F({
+                h(a.$slots, "logo-wall-logo", P(F({
                   width: 130,
                   height: 130,
                   src: l.src,
@@ -1379,13 +1395,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", ql, [
+        t("div", Tl, [
           k(O, {
             "link-type": "regular_light",
             arrow: !0
           }, {
             default: w(() => [
-              p(a.$slots, "logo-wall-link", {}, void 0, !0)
+              h(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1393,13 +1409,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Vl = { class: "micro-stories__top" }, Cl = {
+}), Al = /* @__PURE__ */ v(Vl, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__top" }, Dl = {
   key: 0,
   class: "headline"
-}, Al = {
+}, Ml = {
   key: 1,
   class: "body"
-}, Dl = { class: "micro-stories__splide" }, Ml = /* @__PURE__ */ f({
+}, Ol = { class: "micro-stories__splide" }, Pl = /* @__PURE__ */ f({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1413,34 +1429,34 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       dark: "micro-stories__wrapper--dark"
     }, r = T(() => a[l.bgColor]), l = e;
     return (s, u) => (o(), i("div", {
-      class: h(["micro-stories__wrapper", r.value])
+      class: p(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Vl, [
-        s.headline ? (o(), i("div", Cl, [
+      t("div", Cl, [
+        s.headline ? (o(), i("div", Dl, [
           t("h2", null, n(s.headline), 1)
         ])) : g("", !0),
-        s.body ? (o(), i("div", Al, [
+        s.body ? (o(), i("div", Ml, [
           t("p", null, n(s.body), 1)
         ])) : g("", !0)
       ]),
-      t("div", Dl, [
-        p(s.$slots, "micro-stories-slides")
+      t("div", Ol, [
+        h(s.$slots, "micro-stories-slides")
       ]),
-      p(s.$slots, "micro-stories-controls")
+      h(s.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Ol = {}, Pl = { class: "policy__wrapper" }, Fl = { class: "policy__content" };
-function El(e, a) {
-  return o(), i("div", Pl, [
-    t("div", Fl, [
-      p(e.$slots, "default", {}, void 0, !0)
+}), 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)
     ])
   ]);
 }
-const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b"]]), Nl = { class: "card-display__wrapper" }, Hl = {
+const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b"]]), zl = { class: "card-display__wrapper" }, Ul = {
   key: 0,
   class: "card__content"
-}, zl = { key: 0 }, Ul = { key: 1 }, Kl = { class: "card__cards" }, jl = /* @__PURE__ */ f({
+}, Kl = { key: 0 }, jl = { key: 1 }, Gl = { class: "card__cards" }, Wl = /* @__PURE__ */ f({
   __name: "card-display",
   props: {
     headline: {
@@ -1458,23 +1474,23 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
   },
   setup(e) {
     return (a, r) => (o(), i("div", {
-      class: h([
+      class: p([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", Nl, [
-        e.headline || e.paragraph ? (o(), i("div", Hl, [
-          e.headline ? (o(), i("h2", zl, n(e.headline), 1)) : g("", !0),
-          e.paragraph ? (o(), i("p", Ul, n(e.paragraph), 1)) : g("", !0)
+      t("div", zl, [
+        e.headline || e.paragraph ? (o(), i("div", Ul, [
+          e.headline ? (o(), i("h2", Kl, n(e.headline), 1)) : g("", !0),
+          e.paragraph ? (o(), i("p", jl, n(e.paragraph), 1)) : g("", !0)
         ])) : g("", !0),
-        t("div", Kl, [
-          p(a.$slots, "card-display-cards", {}, void 0, !0)
+        t("div", Gl, [
+          h(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Gl = /* @__PURE__ */ v(jl, [["__scopeId", "data-v-183dcee5"]]), Wl = { class: "promo__content" }, Yl = /* @__PURE__ */ f({
+}), Yl = /* @__PURE__ */ v(Wl, [["__scopeId", "data-v-183dcee5"]]), Ql = { class: "promo__content" }, Zl = /* @__PURE__ */ f({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1496,30 +1512,30 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
       default: "promo__wrapper--default"
     }, r = e, l = T(() => a[r.variant]);
     return (s, u) => (o(), i("div", {
-      class: h([
+      class: p([
         "promo__wrapper",
         l.value,
         s.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Wl, [
+      t("div", Ql, [
         s.mediaType === "image" ? (o(), i("div", {
           key: 0,
-          class: h([
+          class: p([
             "promo__image",
             s.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          k(C, null, {
+          k(A, null, {
             default: w(() => [
-              p(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
+              h(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : g("", !0),
         s.mediaType === "video" ? (o(), i("div", {
           key: 1,
-          class: h([
+          class: p([
             "promo__video",
             s.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
@@ -1537,38 +1553,38 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
           }, null, 8, ["src", "aria-label", "poster"])
         ], 2)) : g("", !0),
         t("div", {
-          class: h([
+          class: p([
             "promo__text",
             s.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          s.label ? (o(), A(Y, {
+          s.label ? (o(), C(Y, {
             key: 0,
             text: s.label,
             "label-dark": s.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : g("", !0),
           t("div", {
-            class: h([
+            class: p([
               "promo__title",
               s.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, n(s.headline), 3),
-          s.linkType === "link" ? (o(), A(O, {
+          s.linkType === "link" ? (o(), C(O, {
             key: 1,
             "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: w(() => [
-              p(s.$slots, "promo-link")
+              h(s.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : g("", !0),
-          s.linkType === "button" ? (o(), A(O, {
+          s.linkType === "button" ? (o(), C(O, {
             key: 2,
             "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
           }, {
             default: w(() => [
-              p(s.$slots, "promo-link")
+              h(s.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : g("", !0)
@@ -1576,10 +1592,10 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
       ])
     ], 2));
   }
-}), Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-7e80a0f0"]]), Zl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), Jl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Zl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), eo = { class: "quote__quote" }, to = { class: "quote__quote-text" }, ao = { class: "quote__author" }, lo = {
+}), Jl = /* @__PURE__ */ v(Zl, [["__scopeId", "data-v-7e80a0f0"]]), Xl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), xl = { class: "quote__wrapper" }, eo = { class: "quote__content" }, to = /* @__PURE__ */ Xl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ao = { class: "quote__quote" }, lo = { class: "quote__quote-text" }, oo = { class: "quote__author" }, so = {
   key: 0,
   class: "quote__image"
-}, oo = { class: "quote__text" }, so = { class: "quote__author-name" }, io = { class: "quote__author-title" }, ro = /* @__PURE__ */ f({
+}, io = { class: "quote__text" }, ro = { class: "quote__author-name" }, no = { class: "quote__author-title" }, co = /* @__PURE__ */ f({
   __name: "quote",
   props: {
     quote: {
@@ -1601,16 +1617,16 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Jl, [
-      t("div", Xl, [
-        xl,
-        t("div", eo, [
-          t("p", to, n(e.quote), 1),
-          t("div", ao, [
-            e.authorImage ? (o(), i("div", lo, [
-              k(C, null, {
+    return (a, r) => (o(), i("div", xl, [
+      t("div", eo, [
+        to,
+        t("div", ao, [
+          t("p", lo, n(e.quote), 1),
+          t("div", oo, [
+            e.authorImage ? (o(), i("div", so, [
+              k(A, null, {
                 default: w(() => [
-                  p(a.$slots, "author-image", P(F({
+                  h(a.$slots, "author-image", P(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1619,22 +1635,22 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
                 _: 3
               })
             ])) : g("", !0),
-            t("div", oo, [
-              t("p", so, n(e.author), 1),
-              t("p", io, n(e.authorTitle), 1)
+            t("div", io, [
+              t("p", ro, n(e.author), 1),
+              t("p", no, n(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), no = /* @__PURE__ */ v(ro, [["__scopeId", "data-v-e3cc8e27"]]), co = { class: "rich-text__wrapper" }, uo = {
+}), uo = /* @__PURE__ */ v(co, [["__scopeId", "data-v-e3cc8e27"]]), _o = { class: "rich-text__wrapper" }, ho = {
   key: 0,
   class: "rich-text__links"
-}, _o = {
+}, po = {
   key: 0,
   class: "rich-text__bullet-list"
-}, po = /* @__PURE__ */ f({
+}, mo = /* @__PURE__ */ f({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1648,54 +1664,54 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
   },
   setup(e) {
     return (a, r) => (o(), i("div", {
-      class: h([
+      class: p([
         "rich-text",
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", co, [
-        a.label ? (o(), A(Y, {
+      t("div", _o, [
+        a.label ? (o(), C(Y, {
           key: 0,
           text: a.label,
           "label-dark": !1
         }, null, 8, ["text"])) : g("", !0),
         a.headline ? (o(), i("h2", {
           key: 1,
-          class: h([
+          class: p([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
         }, n(a.headline), 3)) : g("", !0),
         t("div", {
-          class: h([
+          class: p([
             "rich-text__content",
             a.leftAligned || a.bulletList || a.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: h([
+            class: p([
               "rich-text__body",
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            p(a.$slots, "rich-text-content"),
-            a.links ? (o(), i("div", uo, [
-              p(a.$slots, "rich-text-links")
+            h(a.$slots, "rich-text-content"),
+            a.links ? (o(), i("div", ho, [
+              h(a.$slots, "rich-text-links")
             ])) : g("", !0)
           ], 2),
-          a.bulletList ? (o(), i("div", _o, [
-            p(a.$slots, "rich-text-bullet-list")
+          a.bulletList ? (o(), i("div", po, [
+            h(a.$slots, "rich-text-bullet-list")
           ])) : g("", !0),
           a.image ? (o(), i("div", {
             key: 1,
-            class: h([
+            class: p([
               "rich-text__image",
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            k(C, null, {
+            k(A, null, {
               default: w(() => [
-                p(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
+                h(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1704,27 +1720,27 @@ const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
       ])
     ], 2));
   }
-}), ho = /* @__PURE__ */ v(po, [["__scopeId", "data-v-7bcde564"]]), mo = {}, vo = { class: "rich-text" }, fo = { class: "rich-text__wrapper" }, go = { class: "rich-text__content rich-text__content--left-aligned" }, bo = { class: "rich-text__body" };
-function yo(e, a) {
-  return o(), i("div", vo, [
-    t("div", fo, [
-      t("div", go, [
-        t("div", bo, [
+}), vo = /* @__PURE__ */ v(mo, [["__scopeId", "data-v-7bcde564"]]), fo = {}, go = { class: "rich-text" }, bo = { class: "rich-text__wrapper" }, yo = { class: "rich-text__content rich-text__content--left-aligned" }, $o = { class: "rich-text__body" };
+function ko(e, a) {
+  return o(), i("div", go, [
+    t("div", bo, [
+      t("div", yo, [
+        t("div", $o, [
           t("div", null, [
-            p(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            h(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            p(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            h(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
     ])
   ]);
 }
-const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4"]]), ko = (e) => (E("data-v-78d319df"), e = e(), R(), e), wo = { class: "timeline__wrapper" }, So = { class: "timeline__content" }, Bo = { class: "timeline__items" }, Io = { class: "item__left" }, qo = /* @__PURE__ */ ko(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+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)), Lo = { class: "item__right" }, To = ["innerHTML"], Vo = /* @__PURE__ */ f({
+], -1)), Vo = { class: "item__right" }, Ao = ["innerHTML"], Co = /* @__PURE__ */ f({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1733,7 +1749,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return ce(() => {
+    return le(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (l) => {
           l.forEach((s) => {
@@ -1747,19 +1763,19 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       a.forEach((l) => {
         r.observe(l);
       });
-    }), (a, r) => (o(), i("div", wo, [
-      t("div", So, [
-        t("div", Bo, [
+    }), (a, r) => (o(), i("div", Bo, [
+      t("div", Io, [
+        t("div", qo, [
           (o(!0), i(D, null, M(e.timelineItems, (l) => (o(), i("div", {
             key: l.year,
             class: "timeline__item faded"
           }, [
-            t("div", Io, n(l.year), 1),
-            qo,
-            t("div", Lo, [
-              k(C, null, {
+            t("div", Lo, n(l.year), 1),
+            To,
+            t("div", Vo, [
+              k(A, null, {
                 default: w(() => [
-                  l.media.type === "image" ? p(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" ? h(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1767,20 +1783,20 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                 style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, To)
+              }, null, 12, Ao)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Co = /* @__PURE__ */ v(Vo, [["__scopeId", "data-v-78d319df"]]), Ao = { class: "vimeo" }, Do = { class: "vimeo__wrapper" }, Mo = {
+}), Do = /* @__PURE__ */ v(Co, [["__scopeId", "data-v-78d319df"]]), Mo = { class: "vimeo" }, Oo = { class: "vimeo__wrapper" }, Po = {
   key: 0,
   class: "vimeo__headline"
-}, Oo = {
+}, Fo = {
   key: 1,
   class: "vimeo__description"
-}, Po = /* @__PURE__ */ f({
+}, Eo = /* @__PURE__ */ f({
   __name: "vimeo",
   props: {
     headline: {
@@ -1793,15 +1809,15 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ao, [
-      t("div", Do, [
-        e.headline ? (o(), i("h2", Mo, n(e.headline), 1)) : g("", !0),
-        p(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (o(), i("p", Oo, n(e.description), 1)) : g("", !0)
+    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),
+        e.description ? (o(), i("p", Fo, n(e.description), 1)) : g("", !0)
       ])
     ]));
   }
-}), Fo = /* @__PURE__ */ v(Po, [["__scopeId", "data-v-599c68c7"]]), Eo = { class: "not-found__wrapper" }, Ro = { class: "not-found__content" }, No = { class: "not-found__headline" }, Ho = { class: "not-found__body" }, zo = /* @__PURE__ */ f({
+}), Ro = /* @__PURE__ */ v(Eo, [["__scopeId", "data-v-599c68c7"]]), No = { class: "not-found__wrapper" }, Ho = { class: "not-found__content" }, zo = { class: "not-found__headline" }, Uo = { class: "not-found__body" }, Ko = /* @__PURE__ */ f({
   __name: "404",
   props: {
     headline: {
@@ -1810,16 +1826,16 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Eo, [
-      t("div", Ro, [
-        t("h1", No, n(e.headline), 1),
-        t("div", Ho, [
-          p(a.$slots, "not-found-body", {}, void 0, !0)
+    return (a, r) => (o(), i("div", No, [
+      t("div", Ho, [
+        t("h1", zo, n(e.headline), 1),
+        t("div", Uo, [
+          h(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Uo = /* @__PURE__ */ v(zo, [["__scopeId", "data-v-b829ca6c"]]), Ko = { class: "filter__wrapper" }, jo = { class: "filter__content" }, Go = { class: "filter__dropdowns" }, Wo = { class: "filter__chips" }, Yo = /* @__PURE__ */ f({
+}), jo = /* @__PURE__ */ v(Ko, [["__scopeId", "data-v-b829ca6c"]]), Go = { class: "filter__wrapper" }, Wo = { class: "filter__content" }, Yo = { class: "filter__dropdowns" }, Qo = { class: "filter__chips" }, Zo = /* @__PURE__ */ f({
   __name: "filter",
   props: {
     hasChips: {
@@ -1833,13 +1849,13 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (o(), i("div", Ko, [
-      t("div", jo, [
-        t("div", Go, [
-          p(a.$slots, "filter-dropdowns")
+    return (a, r) => (o(), i("div", Go, [
+      t("div", Wo, [
+        t("div", Yo, [
+          h(a.$slots, "filter-dropdowns")
         ]),
-        t("div", Wo, [
-          p(a.$slots, "filter-chips"),
+        t("div", Qo, [
+          h(a.$slots, "filter-chips"),
           e.hasChips ? (o(), i("button", {
             key: 0,
             class: "filter__clear",
@@ -1849,7 +1865,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Zo = { class: "footer__wrapper" }, Jo = { class: "footer__content" }, Xo = { class: "footer__sections" }, xo = { class: "section__title" }, es = { class: "section__list" }, ts = { class: "section" }, as = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ls = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ns = { class: "footer__bottom" }, ds = { class: "copyright" }, cs = { class: "footer__policy" }, us = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), _s = { class: "footer__social" }, ps = ["href", "aria-label"], hs = /* @__PURE__ */ f({
+}), Jo = /* @__PURE__ */ v(Zo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Xo = { class: "footer__wrapper" }, xo = { class: "footer__content" }, es = { class: "footer__sections" }, ts = { class: "section__title" }, as = { class: "section__list" }, ls = { class: "section" }, os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), ns = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ds = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), cs = { class: "footer__bottom" }, us = { class: "copyright" }, _s = { class: "footer__policy" }, hs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), ps = { class: "footer__social" }, ms = ["href", "aria-label"], vs = /* @__PURE__ */ f({
   __name: "footer",
   props: {
     footerSections: { default: () => [] },
@@ -1860,35 +1876,35 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (o(), i("div", Zo, [
-      t("footer", Jo, [
-        t("div", Xo, [
+    return (a, r) => (o(), i("div", Xo, [
+      t("footer", xo, [
+        t("div", es, [
           (o(!0), i(D, null, M(a.footerSections, (l) => (o(), i("div", {
             key: l.title,
             class: "section"
           }, [
-            t("span", xo, n(l.title), 1),
+            t("span", ts, n(l.title), 1),
             t("nav", null, [
-              t("ul", es, [
-                p(a.$slots, "section-links", {
+              t("ul", as, [
+                h(a.$slots, "section-links", {
                   links: l.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", ts, [
-            as,
+          t("div", ls, [
+            os,
             t("address", null, [
-              ls,
-              os,
               ss,
+              is,
+              rs,
               k(O, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: w(() => [
-                  is
+                  ns
                 ]),
                 _: 1
               }),
@@ -1898,30 +1914,30 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                 underline: "false"
               }, {
                 default: w(() => [
-                  rs
+                  ds
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", ns, [
-          t("p", ds, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", cs, [
+        t("div", cs, [
+          t("p", us, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", _s, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                us,
+                hs,
                 j(n(a.changeRegion), 1)
               ])
             ]),
-            p(a.$slots, "footer-privacy-link"),
-            p(a.$slots, "footer-cookie-link")
+            h(a.$slots, "footer-privacy-link"),
+            h(a.$slots, "footer-cookie-link")
           ]),
-          t("div", _s, [
-            (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
+          t("div", ps, [
+            (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), C(O, {
               key: l.title,
               underline: "false",
               "link-type": "regular"
@@ -1934,9 +1950,9 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
+                    class: p(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
                   }, null, 2)
-                ], 8, ps)
+                ], 8, ms)
               ]),
               _: 2
             }, 1024))), 128))
@@ -1945,19 +1961,19 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), ms = /* @__PURE__ */ v(hs, [["__scopeId", "data-v-5258b418"]]), vs = { class: "header__wrapper" }, fs = { class: "nav-wrapper" }, gs = { class: "mir-link-logo" }, bs = { class: "main-nav-items" }, ys = {
+}), fs = /* @__PURE__ */ v(vs, [["__scopeId", "data-v-5258b418"]]), gs = { class: "header__wrapper" }, bs = { class: "nav-wrapper" }, ys = { class: "mir-link-logo" }, $s = { class: "main-nav-items" }, ks = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, $s = {
+}, ws = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, ks = {
+}, Ss = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ws = { class: "dropdown-content" }, Ss = { class: "nav-search-wrapper" }, Bs = ["src"], Is = { class: "mobile-logo-search-burger-wrapper" }, qs = { class: "mobile-mir-link-logo" }, Ls = { class: "mobile-search-wrapper" }, Ts = ["src"], Vs = ["src"], Cs = { class: "mobile-menu-content-wrapper" }, As = { class: "mobile-dropdown-content" }, Ds = /* @__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" }, As = ["src"], Cs = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ f({
   __name: "header",
   props: {
     burgerState: {
@@ -1978,13 +1994,13 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     let l = null;
     const s = e;
     let u = I(s.burgerState), c = I(s.showDropDown);
-    re(
+    ne(
       () => s.burgerState,
       (B) => u.value = B
-    ), re(
+    ), ne(
       () => s.showDropDown,
       (B) => c.value = B
-    ), ce(() => {
+    ), le(() => {
       l = (B) => {
         B.target.closest("#menu-dropdown") || (c.value = !1);
       }, window.addEventListener("click", l);
@@ -2004,30 +2020,30 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
     return a({
       defocusSearchButton: X
-    }), (B, U) => (o(), i("div", vs, [
+    }), (B, U) => (o(), i("div", gs, [
       t("nav", null, [
-        t("div", fs, [
-          t("div", gs, [
-            p(B.$slots, "link-logo", {}, void 0, !0)
+        t("div", bs, [
+          t("div", ys, [
+            h(B.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", bs, [
-            p(B.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", $s, [
+            h(B.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", ys, [
+          t("div", ks, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: S
             }, [
-              p(B.$slots, "dropdown-title", {}, void 0, !0),
-              V(c) === !1 ? (o(), i("img", $s)) : (o(), i("img", ks))
+              h(B.$slots, "dropdown-title", {}, void 0, !0),
+              V(c) === !1 ? (o(), i("img", ws)) : (o(), i("img", Ss))
             ]),
-            Z(t("div", ws, [
-              p(B.$slots, "dropdown-links", {}, void 0, !0)
+            Z(t("div", Bs, [
+              h(B.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [ee, V(c)]
             ])
           ], 512),
-          t("div", Ss, [
+          t("div", Is, [
             t("button", {
               ref_key: "navSearchButton",
               ref: y,
@@ -2042,18 +2058,18 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, Bs)
+              }, null, 8, qs)
             ], 512)
           ])
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: p(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Is, [
-            t("div", qs, [
-              p(B.$slots, "link-logo", {}, void 0, !0)
+          t("div", Ls, [
+            t("div", Ts, [
+              h(B.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", Ls, [
+            t("div", Vs, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: q,
@@ -2069,29 +2085,29 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, Ts)
+                }, null, 8, As)
               ], 512)
             ]),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: ne(m, ["prevent"])
+              onClick: de(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, Vs)
+              }, null, 8, Cs)
             ])
           ]),
-          Z(t("div", Cs, [
+          Z(t("div", Ds, [
             t("ul", null, [
-              p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              h(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", As, [
-              p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Ms, [
+              h(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              h(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [ee, V(u)]
@@ -2100,7 +2116,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Ms = /* @__PURE__ */ v(Ds, [["__scopeId", "data-v-e129834d"]]), Os = { class: "language__wrapper" }, Ps = { class: "language__content" }, Fs = { class: "language__headline" }, Es = { class: "language__paragraph" }, Rs = { class: "language__links" }, Ns = /* @__PURE__ */ f({
+}), Ps = /* @__PURE__ */ v(Os, [["__scopeId", "data-v-e129834d"]]), Fs = { class: "language__wrapper" }, Es = { class: "language__content" }, Rs = { class: "language__headline" }, Ns = { class: "language__paragraph" }, Hs = { class: "language__links" }, zs = /* @__PURE__ */ f({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2113,17 +2129,17 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Os, [
-      t("div", Ps, [
-        t("h2", Fs, n(e.headline), 1),
-        t("p", Es, n(e.paragraph), 1),
-        t("div", Rs, [
-          p(a.$slots, "language-links", {}, void 0, !0)
+    return (a, r) => (o(), i("div", Fs, [
+      t("div", Es, [
+        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)
         ])
       ])
     ]));
   }
-}), Hs = /* @__PURE__ */ v(Ns, [["__scopeId", "data-v-dc8cc97e"]]), zs = { class: "pagination__wrapper" }, Us = { class: "pagination__content" }, Ks = /* @__PURE__ */ f({
+}), Us = /* @__PURE__ */ v(zs, [["__scopeId", "data-v-dc8cc97e"]]), Ks = { class: "pagination__wrapper" }, js = { class: "pagination__content" }, Gs = /* @__PURE__ */ f({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2137,15 +2153,15 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (o(), i("div", zs, [
-      t("div", Us, [
+    return (a, r) => (o(), i("div", Ks, [
+      t("div", js, [
         k(J, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        p(a.$slots, "pagination-numbers"),
+        h(a.$slots, "pagination-numbers"),
         k(J, {
           disabled: e.isNextDisabled,
           variant: "next",
@@ -2155,13 +2171,13 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), js = /* @__PURE__ */ v(Ks, [["__scopeId", "data-v-f760f1c6"]]), Gs = {}, Ws = { class: "search__wrapper" };
-function Ys(e, a) {
-  return o(), i("div", Ws, [
-    p(e.$slots, "default", { class: "search__content" })
+}), 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" })
   ]);
 }
-const Qs = /* @__PURE__ */ v(Gs, [["render", Ys], ["__scopeId", "data-v-623adb82"]]), Zs = { class: "product-hero__wrapper" }, Js = { class: "product-hero__content" }, Xs = { class: "product-hero__headline" }, xs = { class: "product-hero__video" }, ei = /* @__PURE__ */ f({
+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({
   __name: "product-hero",
   props: {
     headline: {
@@ -2186,13 +2202,13 @@ const Qs = /* @__PURE__ */ v(Gs, [["render", Ys], ["__scopeId", "data-v-623adb82
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Zs, [
-      t("div", Js, [
-        t("div", Xs, [
+    return (a, r) => (o(), i("div", Xs, [
+      t("div", xs, [
+        t("div", ei, [
           t("h1", null, n(e.headline), 1)
         ]),
-        t("div", xs, [
-          e.videoSrc !== "" ? (o(), A(G, {
+        t("div", ti, [
+          e.videoSrc !== "" ? (o(), C(G, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2203,9 +2219,9 @@ const Qs = /* @__PURE__ */ v(Gs, [["render", Ys], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(V(C), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (o(), C(V(A), { key: 1 }, {
             default: w(() => [
-              p(a.$slots, "product-hero-image", {}, void 0, !0)
+              h(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           }))
@@ -2213,17 +2229,17 @@ const Qs = /* @__PURE__ */ v(Gs, [["render", Ys], ["__scopeId", "data-v-623adb82
       ])
     ]));
   }
-}), ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-e394473d"]]), li = {
+}), li = /* @__PURE__ */ v(ai, [["__scopeId", "data-v-e394473d"]]), si = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), 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", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Ml), e.component("BlockPolicy", Rl), e.component("BlockProductHero", ti), e.component("BlockPromo", Ql), e.component("BlockQuote", no), e.component("BlockRichText", ho), e.component("BlockRichTextColumns", $o), e.component("BlockTimeline", Co), e.component("BlockCardDisplay", Gl), e.component("BlockVimeo", Fo), e.component("Organism404", Uo), e.component("OrganismFilter", Qo), e.component("OrganismFooter", ms), e.component("OrganismHeader", Ms), e.component("OrganismLanguageSwitcher", Hs), e.component("OrganismPagination", js), e.component("OrganismSearch", Qs);
+    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);
   }
 };
 export {
   J as AtomButton,
-  Ae as AtomCheckbox,
+  Ce as AtomCheckbox,
   Fe as AtomChip,
   je as AtomDropdown,
-  C as AtomImage,
+  A as AtomImage,
   Y as AtomLabel,
   O as AtomLink,
   lt as AtomRadioButton,
@@ -2232,36 +2248,36 @@ export {
   Et as AtomTextField,
   qt as AtomTextarea,
   G as AtomVideo,
-  Gl as BlockCardDisplay,
-  Ca as BlockFacts,
+  Yl as BlockCardDisplay,
+  Aa as BlockFacts,
   Ra as BlockFeatures,
   Wa as BlockFormScript,
   dl as BlockHeadline,
-  yl as BlockHero,
+  kl as BlockHero,
   xa as BlockImage,
   sl as BlockImageGallery,
-  Tl as BlockLogoWall,
-  Ml as BlockMicroStories,
-  Rl as BlockPolicy,
-  ti as BlockProductHero,
-  Ql as BlockPromo,
-  no as BlockQuote,
-  ho as BlockRichText,
-  $o as BlockRichTextColumns,
-  Co as BlockTimeline,
-  Fo as BlockVimeo,
+  Al as BlockLogoWall,
+  Pl as BlockMicroStories,
+  Hl as BlockPolicy,
+  li as BlockProductHero,
+  Jl as BlockPromo,
+  uo as BlockQuote,
+  vo as BlockRichText,
+  wo as BlockRichTextColumns,
+  Do as BlockTimeline,
+  Ro as BlockVimeo,
   xt as MoleculeAddress,
   oa as MoleculeBulletList,
   da as MoleculeCard,
   fa as MoleculeEventCard,
   ue as MoleculeModal,
   ka as MoleculeTextCard,
-  Uo as Organism404,
-  Qo as OrganismFilter,
-  ms as OrganismFooter,
-  Ms as OrganismHeader,
-  Hs as OrganismLanguageSwitcher,
-  js as OrganismPagination,
-  Qs as OrganismSearch,
-  li as default
+  jo as Organism404,
+  Jo as OrganismFilter,
+  fs as OrganismFooter,
+  Ps as OrganismHeader,
+  Us as OrganismLanguageSwitcher,
+  Ws as OrganismPagination,
+  Js as OrganismSearch,
+  si as default
 };