@mirweb/mir-web-components 0.17.24 → 0.17.26

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

@@ -1,5 +1,5 @@
-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 N, 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({
+import { defineComponent as b, computed as V, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as _, pushScopeId as E, popScopeId as R, createTextVNode as j, ref as B, 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 w, Transition as $e, withCtx as S, withModifiers as de, createBlock as A, createCommentVNode as v, watchEffect as ce, withKeys as ke, onMounted as ae, unref as q, useSlots as we, normalizeStyle as le, isRef as re, watch as ne, onUnmounted as Se } from "vue";
+const Be = ["aria-label"], Ie = /* @__PURE__ */ b({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -13,18 +13,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, l = T(() => a[r.variant]);
-    return (s, u) => (o(), i("button", {
+    }, r = e, l = V(() => a[r.variant]);
+    return (s, p) => (o(), i("button", {
       class: h(["button", "button--" + l.value]),
       "aria-label": s.ariaLabel
     }, n(l.value === "close" ? "" : s.buttonText), 11, Be));
   }
-}), v = (e, a) => {
+}), f = (e, a) => {
   const r = e.__vccOpts || e;
   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(), N(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
+}, J = /* @__PURE__ */ f(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__ */ b({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -36,10 +36,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, l = (s) => {
-      const u = s.target;
-      r("input", u.checked);
+      const p = s.target;
+      r("input", p.checked);
     };
-    return (s, u) => (o(), i("div", {
+    return (s, p) => (o(), i("div", {
       class: h(["checkbox__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -57,25 +57,25 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         class: h(["checkbox__label", s.required ? "required" : ""])
       }, [
         Ve,
-        p(s.$slots, "default", {}, void 0, !0)
+        _(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(), N(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ f(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"
-}, null, -1)), Pe = /* @__PURE__ */ f({
+}, null, -1)), Pe = /* @__PURE__ */ b({
   __name: "chip",
   props: {
     text: { default: "" }
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = T(() => `Chip: ${a.text}`);
+    const a = e, r = V(() => `Chip: ${a.text}`);
     return (l, s) => (o(), i("div", {
       class: "chip__wrapper",
-      onClick: s[0] || (s[0] = (u) => l.$emit("remove-chip"))
+      onClick: s[0] || (s[0] = (p) => l.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -86,7 +86,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 8, Me)
     ]));
   }
-}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Ne = ["id"], Re = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ f({
+}), Fe = /* @__PURE__ */ f(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ b({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -104,15 +104,15 @@ 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 = V(() => r[l.variant]), p = B(null), c = B(null), u = B([]), g = B(0), m = B(""), $ = B(!0), L = B(0), X = a, I = V(() => {
       const d = l.options.find(
-        (b) => b.value === l.modelValue
+        (y) => y.value === l.modelValue
       );
       return d && d.label;
     }), U = {
-      beforeMount(d, b) {
-        d.clickOutsideEvent = function($) {
-          d === $.target || d.contains($.target) || b.value($);
+      beforeMount(d, y) {
+        d.clickOutsideEvent = function(k) {
+          d === k.target || d.contains(k.target) || y.value(k);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -123,22 +123,22 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       X("update:modelValue", d);
     }
     function H(d) {
-      var $;
-      const b = d.target;
-      b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
+      var k;
+      const y = d.target;
+      y.getAttribute("role") === "option" && (W(y), Q(), (k = p.value) == null || k.focus());
     }
-    function le(d) {
-      var $;
-      const b = d.key;
-      switch (b) {
+    function oe(d) {
+      var k;
+      const y = d.key;
+      switch (y) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const L = l.options.findIndex(
+          const T = l.options.findIndex(
             (K) => K.value === l.modelValue
           );
-          let R = L ? _.value[L] : _.value[0];
-          b === "ArrowUp" ? L - 1 >= 0 && (R = _.value[L - 1]) : L + 1 <= l.options.length && (R = _.value[L + 1]), R && W(R);
+          let N = T ? u.value[T] : u.value[0];
+          y === "ArrowUp" ? T - 1 >= 0 && (N = u.value[T - 1]) : T + 1 <= l.options.length && (N = u.value[T + 1]), N && W(N);
           break;
         }
         case "Home":
@@ -151,11 +151,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), Q(), ($ = u.value) == null || $.focus();
+          d.preventDefault(), Q(), (k = p.value) == null || k.focus();
           break;
         default: {
-          const L = me(b);
-          L && W(L);
+          const T = me(y);
+          T && W(T);
           break;
         }
       }
@@ -165,72 +165,72 @@ 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() {
-      S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
-        m.value = "", S.value = 0;
+    function pe() {
+      g.value && (clearTimeout(g.value), g.value = 0), g.value = setTimeout(() => {
+        m.value = "", g.value = 0;
       }, 500);
     }
     function me(d) {
-      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(
-        q.value + 1,
+      let y = "";
+      (m.value === "" || y !== d) && (L.value = l.options.findIndex(
+        (T) => T.value === l.modelValue
+      )), m.value = y === d ? d : m.value + d, y = d, pe();
+      let k = se(
+        L.value + 1,
         l.options.length
       );
-      return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
+      return !k && m.value.length === 1 && (k = se(0, L.value)), L.value = (L.value + 1) % l.options.length, k;
     }
-    function oe(d, b) {
-      for (let $ = d; $ < b; $++)
-        if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
-          return _.value[$];
+    function se(d, y) {
+      for (let k = d; k < y; k++)
+        if (l.options[k].label && l.options[k].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
+          return u.value[k];
       return null;
     }
     function ve() {
-      W(_.value[0]);
+      W(u.value[0]);
     }
     function W(d) {
-      var $, L;
-      const b = d.getAttribute("data-value");
+      var k, T;
+      const y = d.getAttribute("data-value");
       if (l.modelValue) {
-        const R = l.options.findIndex(
+        const N = l.options.findIndex(
           (be) => be.value === l.modelValue
-        ), K = _.value[R];
-        pe(K);
+        ), K = u.value[N];
+        he(K);
       }
-      if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (k = c.value) == null || k.setAttribute(
         "aria-activedescendant",
-        b || ""
-      ), x(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
-        const R = c.value.clientHeight + c.value.scrollTop, K = d.offsetTop + d.offsetHeight;
-        K > R ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
+        y || ""
+      ), x(y || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
+        const N = c.value.clientHeight + c.value.scrollTop, K = d.offsetTop + d.offsetHeight;
+        K > N ? c.value.scrollTop = K - ((T = c.value) == null ? void 0 : T.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
       }
     }
     function fe() {
-      var b;
-      const d = (b = _.value) == null ? void 0 : b[l.options.length - 1];
+      var y;
+      const d = (y = u.value) == null ? void 0 : y[l.options.length - 1];
       W(d);
     }
     function Q() {
       var d;
-      y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
+      $.value = !0, (d = p.value) == null || d.removeAttribute("aria-expanded");
     }
-    function se() {
-      var d, b;
-      y.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
+    function ie() {
+      var d, y;
+      $.value = !1, (d = p.value) == null || d.setAttribute("aria-expanded", "true"), (y = c.value) == null || y.focus();
     }
     function ge() {
-      l.disabled || (y.value ? se() : Q());
+      l.disabled || ($.value ? ie() : Q());
     }
-    return (d, b) => (o(), i("div", {
+    return (d, y) => (o(), i("div", {
       ref: "listbox",
       class: "listbox__wrapper",
       value: d.modelValue
@@ -242,12 +242,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           "is-disabled": d.disabled,
           "is-required": d.required
         }, "listbox__label"])
-      }, n(d.label), 11, Ne),
-      Z((o(), i("div", Re, [
+      }, n(d.label), 11, Re),
+      Z((o(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
-          ref: u,
+          ref: p,
           "aria-labelledby": `${d.name}-label ${d.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
@@ -255,7 +255,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           class: h(["listbox__button", s.value]),
           onClick: ge,
           onKeydown: _e
-        }, n(d.modelValue ? B.value : d.placeholder), 43, He),
+        }, n(d.modelValue ? I.value : d.placeholder), 43, He),
         Z(t("ul", {
           ref_key: "listboxNode",
           ref: c,
@@ -264,28 +264,28 @@ 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", {
-            key: `${d.name}-option-${L}`,
+          (o(!0), i(D, null, M(d.options, (k, T) => (o(), i("li", {
+            key: `${d.name}-option-${T}`,
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: _,
-            "aria-selected": $.value === d.modelValue,
-            "data-value": $.value,
+            ref: u,
+            "aria-selected": k.value === d.modelValue,
+            "data-value": k.value,
             class: "listbox__option",
             role: "option"
-          }, n($.label), 9, Ue))), 128))
+          }, n(k.label), 9, Ue))), 128))
         ], 40, ze), [
-          [ee, !y.value]
+          [ee, !$.value]
         ])
       ])), [
         [U, Q]
       ])
     ], 8, Ee));
   }
-}), je = /* @__PURE__ */ v(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ f({
+}), je = /* @__PURE__ */ f(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ b({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -298,17 +298,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e) {
     return (a, r) => (o(), i("div", Ge, [
-      p(a.$slots, "default", P(F(a.$attrs)))
+      _(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({
+}), C = /* @__PURE__ */ f(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ b({
   __name: "label",
   props: {
     text: {},
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = T(() => `Label: ${a.text}`);
+    const a = e, r = V(() => `Label: ${a.text}`);
     return (l, s) => (o(), i("div", Ye, [
       t("span", {
         "aria-label": r.value,
@@ -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({
+}), Y = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */ b({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -338,24 +338,24 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, l = e, s = T(() => a[l.linkType]), u = T(() => r[l.underline]), c = T(() => {
-      const { ..._ } = ye(l);
-      return _;
+    }, l = e, s = V(() => a[l.linkType]), p = V(() => r[l.underline]), c = V(() => {
+      const { ...u } = ye(l);
+      return u;
     });
-    return (_, S) => (o(), i("div", Je, [
+    return (u, g) => (o(), i("div", Je, [
       t("div", te(c.value, {
         class: ["mir-link", [
           s.value,
-          _.disabled ? "disabled" : "",
-          u.value,
-          _.arrow ? "link-arrow" : ""
+          u.disabled ? "disabled" : "",
+          p.value,
+          u.arrow ? "link-arrow" : ""
         ]]
       }), [
-        p(_.$slots, "default")
+        _(u.$slots, "default")
       ], 16)
     ]));
   }
-}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), N(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ f({
+}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ b({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -368,10 +368,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, l = (s) => {
-      const u = s.target;
-      r("input", u.checked);
+      const p = s.target;
+      r("input", p.checked);
     };
-    return (s, u) => (o(), i("div", {
+    return (s, p) => (o(), i("div", {
       class: h(["radio__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -390,11 +390,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         class: h(["radio__label", s.required ? "required" : ""])
       }, [
         tt,
-        p(s.$slots, "default", {}, void 0, !0)
+        _(s.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
-}), lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ f({
+}), lt = /* @__PURE__ */ f(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ b({
   __name: "select",
   props: {
     id: {},
@@ -429,7 +429,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 42, it)
     ]));
   }
-}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ f({
+}), dt = /* @__PURE__ */ f(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ b({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -440,42 +440,42 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     const r = e, l = a, s = () => {
       l("update:show", !r.show);
     };
-    return (u, c) => (o(), i("div", ct, [
-      k($e, {
+    return (p, c) => (o(), i("div", ct, [
+      w($e, {
         duration: 300,
         name: "nested"
       }, {
-        default: w(() => [
-          u.show ? (o(), i("div", {
+        default: S(() => [
+          p.show ? (o(), i("div", {
             key: 0,
-            class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
+            class: h(["overlay", p.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: h([p.searchBar ? "search" : ""]),
+              onClick: c[0] || (c[0] = de(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? g("", !0) : (o(), A(J, {
+                p.searchBar ? v("", !0) : (o(), A(J, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: s
                 }))
               ]),
-              p(u.$slots, "default", {}, void 0, !0)
+              _(p.$slots, "default", {}, void 0, !0)
             ], 2)
-          ], 2)) : g("", !0)
+          ], 2)) : v("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), 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__ */ f(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__ */ b({
   __name: "slider",
   props: {
     label: {},
@@ -491,24 +491,24 @@ 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) => {
-      var y;
-      (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
+    const r = e, l = a, s = B(r.modelValue), p = B(), c = B(!1), u = (m, $, L) => (m - $) / (L - $) * 100, g = (m) => {
+      var $;
+      ($ = p.value) == null || $.style.setProperty("--ProgressPercent", `${m}%`);
     };
-    return de(() => {
-      if (u.value) {
+    return ce(() => {
+      if (p.value) {
         l("update:modelValue", s.value);
-        const m = _(s.value, r.min, r.max);
-        let y = (50 - m) / 100;
-        S(m + y);
+        const m = u(s.value, r.min, r.max);
+        let $ = (50 - m) / 100;
+        g(m + $);
       }
-    }), (m, y) => (o(), i("div", null, [
+    }), (m, $) => (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),
+          }, n(m.label), 11, pt),
           m.information ? (o(), i("i", {
             key: 0,
             role: "button",
@@ -516,9 +516,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             "aria-label": m.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: y[0] || (y[0] = (q) => c.value = !c.value),
-            onKeyup: y[1] || (y[1] = ke((q) => c.value = !c.value, ["enter"]))
-          }, null, 42, mt)) : g("", !0)
+            onClick: $[0] || ($[0] = (L) => c.value = !c.value),
+            onKeyup: $[1] || ($[1] = ke((L) => c.value = !c.value, ["enter"]))
+          }, null, 42, mt)) : v("", !0)
         ]),
         t("div", vt, [
           t("span", {
@@ -527,7 +527,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           t("input", {
             id: m.id,
             ref_key: "slider",
-            ref: u,
+            ref: p,
             type: "range",
             name: m.name,
             value: m.modelValue,
@@ -535,7 +535,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             step: m.step,
             max: m.max,
             class: h(m.variant),
-            onInput: y[2] || (y[2] = ({ target: q }) => s.value = parseFloat(q.value))
+            onInput: $[2] || ($[2] = ({ target: L }) => s.value = parseFloat(L.value))
           }, null, 42, ft),
           t("span", {
             class: h([m.variant, "slider__minmax"])
@@ -548,16 +548,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       m.information ? (o(), A(ue, {
         key: 0,
         show: c.value,
-        "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
+        "onUpdate:show": $[3] || ($[3] = (L) => c.value = L)
       }, {
-        default: w(() => [
+        default: S(() => [
           j(n(m.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : g("", !0)
+      }, 8, ["show"])) : v("", !0)
     ]));
   }
-}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */ f({
+}), bt = /* @__PURE__ */ f(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */ b({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -597,7 +597,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 8, kt),
       t("div", St, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) : g("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) : v("", !0)
         ]),
         t("p", {
           class: h(
@@ -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 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
+}), qt = /* @__PURE__ */ f(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 = {
@@ -616,7 +616,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
 }, Pt = {
   key: 4,
   class: "helperText"
-}, Ft = /* @__PURE__ */ f({
+}, Ft = /* @__PURE__ */ b({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -643,62 +643,62 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, l = T(() => a[r.type]), s = I(!0), u = T(
+    }, r = e, l = V(() => a[r.type]), s = B(!0), p = V(
       () => s.value ? "showPassword" : "hidePassword"
-    ), c = T(
+    ), c = V(
       () => s.value ? "password" : "text"
     );
-    return (_, S) => (o(), i("div", Lt, [
+    return (u, g) => (o(), i("div", Lt, [
       t("label", {
-        for: _.id,
+        for: u.id,
         class: h([
-          _.required ? "required" : "",
-          _.disabled ? "disabled" : "",
-          _.search ? "search" : ""
+          u.required ? "required" : "",
+          u.disabled ? "disabled" : "",
+          u.search ? "search" : ""
         ])
-      }, n(_.label), 11, Tt),
+      }, n(u.label), 11, Tt),
       l.value === "password" ? (o(), i("div", Vt, [
         t("input", {
-          id: _.id,
+          id: u.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))
+          value: u.modelValue,
+          placeholder: u.placeholder,
+          required: u.required,
+          disabled: u.disabled,
+          name: u.fieldName,
+          onInput: g[0] || (g[0] = (m) => u.$emit("update:modelValue", m.target.value))
         }, null, 40, Ct),
         t("i", {
           role: "button",
-          class: h([u.value]),
+          class: h([p.value]),
           "aria-controls": "password",
           "aria-expanded": !s.value,
-          onClick: S[1] || (S[1] = (m) => s.value = !s.value)
+          onClick: g[1] || (g[1] = (m) => s.value = !s.value)
         }, null, 10, At)
       ])) : (o(), i("input", {
         key: 1,
-        id: _.id,
+        id: u.id,
         ref: "textField",
         type: l.value,
-        value: _.modelValue,
-        placeholder: _.placeholder,
-        required: _.required,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        required: u.required,
         class: h([
-          _.invalid ? "invalid" : "",
-          _.valid ? "valid" : "",
-          _.search ? "search" : ""
+          u.invalid ? "invalid" : "",
+          u.valid ? "valid" : "",
+          u.search ? "search" : ""
         ]),
-        disabled: _.disabled,
-        name: _.fieldName,
-        onInput: S[2] || (S[2] = (m) => _.$emit("update:modelValue", m.target.value))
+        disabled: u.disabled,
+        name: u.fieldName,
+        onInput: g[2] || (g[2] = (m) => u.$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)
+      u.search ? (o(), i("i", Mt)) : v("", !0),
+      u.errorMessage ? (o(), i("strong", Ot, n(u.errorMessage), 1)) : v("", !0),
+      u.helperText ? (o(), i("span", Pt, n(u.helperText), 1)) : v("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Rt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
+}), Et = /* @__PURE__ */ f(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "alt", "width", "height"], zt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ b({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -716,43 +716,57 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e, { expose: a }) {
     const r = e;
-    let l = I(null);
-    return de(() => {
+    let l = B(null), s = B(!1), p = B(!1), c = r.poster;
+    return ae(() => {
+      const g = new Image();
+      g.src = c, g.onload = () => {
+        p.value = !0;
+      }, setTimeout(() => {
+        s.value = !0;
+      }, 2e3);
+    }), ce(() => {
       l.value && (r.play ? l.value.play() : r.play || l.value.pause());
     }), a({
       resetVideo: () => {
         l.value && (l.value.currentTime = 0, l.value.play());
       }
-    }), (u, c) => (o(), i("div", Nt, [
-      u.localVideo ? (o(), i("video", {
+    }), (g, m) => (o(), i("div", Rt, [
+      q(s) && g.localVideo ? (o(), i("video", {
         key: 0,
         ref_key: "videoRef",
         ref: l,
-        "aria-label": u.ariaLabel,
-        controls: u.controls,
-        poster: u.poster,
-        width: u.width,
-        height: u.height,
-        autoplay: u.autoplay,
-        loop: u.loop,
-        muted: u.muted,
+        "aria-label": g.ariaLabel,
+        controls: g.controls,
+        poster: q(c),
+        width: g.width,
+        height: g.height,
+        autoplay: g.autoplay,
+        loop: g.loop,
+        muted: g.muted,
         type: "video/mp4",
         playsinline: "",
-        src: u.src
-      }, null, 8, Rt)) : (o(), i("iframe", {
+        src: g.src
+      }, null, 8, Nt)) : q(p) ? (o(), i("img", {
         key: 1,
-        src: u.src,
-        "aria-label": u.ariaLabel,
-        title: u.title,
-        width: u.width,
-        height: u.height,
+        src: q(c),
+        alt: g.ariaLabel,
+        width: g.width,
+        height: g.height
+      }, null, 8, Ht)) : v("", !0),
+      q(s) && !g.localVideo ? (o(), i("iframe", {
+        key: 2,
+        src: g.src,
+        "aria-label": g.ariaLabel,
+        title: g.title,
+        width: g.width,
+        height: g.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
-      }, null, 8, Ht))
+      }, null, 8, zt)) : v("", !0)
     ]));
   }
-}), 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({
+}), G = /* @__PURE__ */ f(Ut, [["__scopeId", "data-v-f7bf9dd2"]]), Kt = { class: "address__wrapper" }, jt = { class: "address__content" }, Gt = { class: "address__flag" }, Wt = { class: "address__address" }, Yt = { class: "address__name" }, Qt = { key: 0 }, Zt = { class: "address__contact" }, Jt = ["href"], Xt = ["href"], xt = /* @__PURE__ */ b({
   __name: "address",
   props: {
     name: {},
@@ -764,41 +778,41 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     email: {}
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ut, [
-      t("div", Kt, [
-        t("div", jt, [
-          p(a.$slots, "address-flag", {}, void 0, !0)
-        ]),
+    return (a, r) => (o(), i("div", Kt, [
+      t("div", jt, [
         t("div", Gt, [
-          t("p", Wt, n(a.name), 1),
+          _(a.$slots, "address-flag", {}, void 0, !0)
+        ]),
+        t("div", Wt, [
+          t("p", Yt, n(a.name), 1),
           t("p", null, n(a.company), 1),
           t("p", null, n(a.addressLine1), 1),
           t("p", null, n(a.addressLine2), 1),
-          a.addressLine3 ? (o(), i("p", Yt, n(a.addressLine3), 1)) : g("", !0)
+          a.addressLine3 ? (o(), i("p", Qt, n(a.addressLine3), 1)) : v("", !0)
         ]),
-        t("div", Qt, [
+        t("div", Zt, [
           (o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), A(O, {
             key: l,
             underline: "false",
             "link-type": "regular"
           }, {
-            default: w(() => [
+            default: S(() => [
               t("a", {
                 href: "tel:" + l,
                 class: "address__phone"
-              }, n(l), 9, Zt)
+              }, n(l), 9, Jt)
             ]),
             _: 2
           }, 1024))), 128)),
           t("a", {
             href: "mailto:" + a.email,
             class: "address__email"
-          }, n(a.email), 9, Jt)
+          }, n(a.email), 9, Xt)
         ])
       ])
     ]));
   }
-}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), N(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
+}), ea = /* @__PURE__ */ f(xt, [["__scopeId", "data-v-88ee2983"]]), ta = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), aa = { class: "bullet-list__wrapper" }, la = /* @__PURE__ */ ta(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), oa = /* @__PURE__ */ b({
   __name: "bullet-list",
   props: {
     list: {
@@ -818,23 +832,23 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ta, [
+    return (a, r) => (o(), i("div", aa, [
       t("div", {
         class: h(["bullet-list", e.variant])
       }, [
         t("ul", null, [
           (o(!0), i(D, null, M(e.list, (l) => (o(), i("li", { key: l }, [
-            aa,
+            la,
             j(" " + n(l), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), oa = /* @__PURE__ */ v(la, [["__scopeId", "data-v-a44fd57d"]]), sa = { class: "card__wrapper" }, ia = {
+}), sa = /* @__PURE__ */ f(oa, [["__scopeId", "data-v-a44fd57d"]]), ia = { class: "card__wrapper" }, ra = {
   key: 2,
   class: "card__label"
-}, ra = { key: 5 }, na = /* @__PURE__ */ f({
+}, na = { key: 5 }, da = /* @__PURE__ */ b({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -857,7 +871,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   emits: ["clicked"],
   setup(e) {
     const a = we();
-    let r = I(!1);
+    let r = B(!1);
     const l = {
       small: {
         class: "card--small",
@@ -874,23 +888,23 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         width: "596",
         height: "335"
       }
-    }, s = e, u = T(() => l[s.size]);
-    return (c, _) => (o(), i("div", sa, [
+    }, s = e, p = V(() => l[s.size]);
+    return (c, u) => (o(), i("div", ia, [
       t("div", {
         class: h(["card", [
           c.theme === "dark" ? "card--dark" : "card--light",
           c.orientation === "vertical" ? "vertical" : "horizontal",
-          u.value.class,
+          p.value.class,
           c.size === "large" && c.variant === "article" ? "card--large-article" : "",
           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)
+        style: le([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: u[0] || (u[0] = (g) => re(r) ? r.value = !0 : r = !0),
+        onMouseout: u[1] || (u[1] = (g) => re(r) ? r.value = !1 : r = !1)
       }, [
         c.mediaType === "image" ? (o(), A(C, { key: 0 }, {
-          default: w(() => [
-            p(c.$slots, "card-image", te({
+          default: S(() => [
+            _(c.$slots, "card-image", te({
               src: c.imgSrc,
               width: "596",
               height: "335",
@@ -902,25 +916,25 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           _: 3
         })) : (o(), i("div", {
           key: 1,
-          class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
+          class: h(["video-card__wrapper", q(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          k(G, {
-            play: V(r),
+          w(G, {
+            play: q(r),
             "local-video": !0,
             src: c.videoSrc,
             "aria-label": c.arialabel,
             controls: !1,
             poster: c.imgSrc,
-            width: u.value.width,
-            height: u.value.height,
+            width: p.value.width,
+            height: p.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        V(a)["card-label"] ? (o(), i("div", ia, [
-          p(c.$slots, "card-label")
-        ])) : g("", !0),
+        q(a)["card-label"] ? (o(), i("div", ra, [
+          _(c.$slots, "card-label")
+        ])) : v("", !0),
         c.variant === "product" ? (o(), i("h3", {
           key: 3,
           class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
@@ -929,11 +943,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           key: 4,
           class: h(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)
+        c.variant === "product" ? (o(), i("p", na, n(c.paragraph), 1)) : v("", !0)
       ], 38)
     ]));
   }
-}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-1a97c019"), e = e(), N(), 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({
+}), ca = /* @__PURE__ */ f(da, [["__scopeId", "data-v-c95ee545"]]), ua = (e) => (E("data-v-bc91c976"), e = e(), R(), e), _a = { class: "event__wrapper" }, ha = { class: "event__headline" }, pa = { class: "event__date-location" }, ma = /* @__PURE__ */ ua(() => /* @__PURE__ */ t("br", null, null, -1)), va = { class: "event__exhibitor" }, fa = /* @__PURE__ */ b({
   __name: "event-card",
   props: {
     eventType: {
@@ -958,21 +972,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ua, [
-      k(Y, {
+    return (a, r) => (o(), i("div", _a, [
+      w(Y, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", _a, n(e.headline), 1),
+      t("div", ha, n(e.headline), 1),
       t("div", pa, [
         j(n(e.dateTime), 1),
-        ha,
+        ma,
         j(n(e.location), 1)
       ]),
-      t("div", ma, "Exhibitor: " + n(e.exhibitor), 1)
+      t("div", va, n(e.exhibitor), 1)
     ]));
   }
-}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-1a97c019"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
+}), ga = /* @__PURE__ */ f(fa, [["__scopeId", "data-v-bc91c976"]]), ba = { class: "text__wrapper" }, ya = { class: "text__headline" }, $a = { class: "text__paragraph" }, ka = /* @__PURE__ */ b({
   __name: "text-card",
   props: {
     label: {
@@ -989,21 +1003,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ga, [
-      k(Y, {
+    return (a, r) => (o(), i("div", ba, [
+      w(Y, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", ba, n(e.headline), 1),
-      t("div", ya, [
+      t("div", ya, n(e.headline), 1),
+      t("div", $a, [
         t("p", null, n(e.paragraph), 1)
       ])
     ]));
   }
-}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, Ba = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, La = { class: "fact__metric" }, Ta = {
+}), wa = /* @__PURE__ */ f(ka, [["__scopeId", "data-v-ebdea819"]]), Sa = { class: "facts__wrapper" }, Ba = { class: "facts__content" }, Ia = { class: "facts__headline" }, qa = { class: "facts" }, La = { class: "fact__value" }, Ta = { class: "fact__metric" }, Va = {
   key: 0,
   class: "facts__link"
-}, Va = /* @__PURE__ */ f({
+}, Ca = /* @__PURE__ */ b({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1027,43 +1041,43 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }) }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", wa, [
-      t("div", Sa, [
-        t("h2", Ba, n(a.headline), 1),
-        t("div", Ia, [
+    return (a, r) => (o(), i("div", Sa, [
+      t("div", Ba, [
+        t("h2", Ia, n(a.headline), 1),
+        t("div", qa, [
           (o(!0), i(D, null, M(a.facts, (l) => (o(), i("div", {
             key: l.value + l.metric,
             class: "fact"
           }, [
-            t("div", qa, [
+            t("div", La, [
               t("span", null, n(l.value), 1)
             ]),
-            t("div", La, [
+            t("div", Ta, [
               t("span", null, n(l.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (o(), i("div", Ta, [
-          k(O, {
+        a.link ? (o(), i("div", Va, [
+          w(O, {
             "link-type": "regular_light",
             arrow: ""
           }, {
-            default: w(() => [
-              p(a.$slots, "facts-link", {}, void 0, !0)
+            default: S(() => [
+              _(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : g("", !0)
+        ])) : v("", !0)
       ])
     ]));
   }
-}), Ca = /* @__PURE__ */ v(Va, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
+}), Aa = /* @__PURE__ */ f(Ca, [["__scopeId", "data-v-d2b231d4"]]), Da = { class: "features__wrapper" }, Ma = { class: "features__content" }, Oa = {
   key: 0,
   class: "features__headline"
-}, Oa = {
+}, Pa = {
   key: 1,
   class: "features__body"
-}, Pa = { class: "element__headline" }, Fa = { class: "element__body" }, Ea = /* @__PURE__ */ f({
+}, Fa = { class: "element__headline" }, Ea = { class: "element__body" }, Ra = /* @__PURE__ */ b({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1071,14 +1085,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Aa, [
-      t("div", Da, [
-        a.headline ? (o(), i("div", Ma, [
+    return (a, r) => (o(), i("div", Da, [
+      t("div", Ma, [
+        a.headline ? (o(), i("div", Oa, [
           t("h2", null, n(a.headline), 1)
-        ])) : g("", !0),
-        a.body ? (o(), i("div", Oa, [
+        ])) : v("", !0),
+        a.body ? (o(), i("div", Pa, [
           t("p", null, n(a.body), 1)
-        ])) : g("", !0),
+        ])) : v("", !0),
         t("div", {
           class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
@@ -1086,9 +1100,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             key: l.headline,
             class: "features__element"
           }, [
-            k(C, { class: "element__icon" }, {
-              default: w(() => [
-                p(a.$slots, "features-icon", P(F({
+            w(C, { class: "element__icon" }, {
+              default: S(() => [
+                _(a.$slots, "features-icon", P(F({
                   src: l.icon.src,
                   height: 30,
                   width: 30,
@@ -1097,14 +1111,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
               ]),
               _: 2
             }, 1024),
-            t("p", Pa, n(l.headline), 1),
-            t("p", Fa, n(l.body), 1)
+            t("p", Fa, n(l.headline), 1),
+            t("p", Ea, n(l.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), Na = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Ra = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, Ua = { class: "form__headline" }, Ka = { class: "form__body" }, ja = { class: "form__script" }, Ga = /* @__PURE__ */ f({
+}), Na = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-1585e65f"]]), Ha = { class: "form__wrapper" }, za = { class: "form__content" }, Ua = { class: "form__information" }, Ka = { class: "form__headline" }, ja = { class: "form__body" }, Ga = { class: "form__script" }, Wa = /* @__PURE__ */ b({
   __name: "form-script",
   props: {
     headline: {
@@ -1113,21 +1127,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ra, [
-      t("div", Ha, [
-        t("div", za, [
-          t("h2", Ua, n(e.headline), 1),
-          t("div", Ka, [
-            p(a.$slots, "form-body", {}, void 0, !0)
+    return (a, r) => (o(), i("div", Ha, [
+      t("div", za, [
+        t("div", Ua, [
+          t("h2", Ka, n(e.headline), 1),
+          t("div", ja, [
+            _(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", ja, [
-          p(a.$slots, "form-script", {}, void 0, !0)
+        t("div", Ga, [
+          _(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Wa = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-55d9c2fd"]]), Ya = { class: "image__wrapper" }, Qa = { class: "image__content" }, Za = { class: "image__image" }, Ja = { class: "image__caption" }, Xa = /* @__PURE__ */ f({
+}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-55d9c2fd"]]), Qa = { class: "image__wrapper" }, Za = { class: "image__content" }, Ja = { class: "image__image" }, Xa = { class: "image__caption" }, xa = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1146,30 +1160,30 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ya, [
-      t("div", Qa, [
-        t("div", Za, [
-          k(C, null, {
-            default: w(() => [
-              p(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+    return (a, r) => (o(), i("div", Qa, [
+      t("div", Za, [
+        t("div", Ja, [
+          w(C, null, {
+            default: S(() => [
+              _(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
         ]),
-        t("p", Ja, n(e.caption), 1)
+        t("p", Xa, n(e.caption), 1)
       ])
     ]));
   }
-}), xa = /* @__PURE__ */ v(Xa, [["__scopeId", "data-v-79ce0bb6"]]), el = { class: "gallery__large" }, tl = {
+}), el = /* @__PURE__ */ f(xa, [["__scopeId", "data-v-79ce0bb6"]]), tl = { class: "gallery__large" }, al = {
   key: 0,
   class: "image image--large"
-}, al = {
+}, ll = {
   key: 1,
   class: "video"
-}, ll = {
+}, ol = {
   key: 0,
   class: "body"
-}, ol = /* @__PURE__ */ f({
+}, sl = /* @__PURE__ */ b({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1185,8 +1199,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, l = T(() => a[r.bgColor]);
-    return (s, u) => (o(), i("div", {
+    }, r = e, l = V(() => a[r.bgColor]);
+    return (s, p) => (o(), i("div", {
       class: h(["gallery__wrapper", l.value])
     }, [
       t("div", {
@@ -1195,11 +1209,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", el, [
-          s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
-            k(C, null, {
-              default: w(() => [
-                p(s.$slots, "image-large", P(F({
+        t("div", tl, [
+          s.mediaLarge && s.mediaType === "image" ? (o(), i("div", al, [
+            w(C, null, {
+              default: S(() => [
+                _(s.$slots, "image-large", P(F({
                   width: 617,
                   height: 530,
                   src: s.mediaLarge.src,
@@ -1208,9 +1222,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
               ]),
               _: 3
             })
-          ])) : g("", !0),
-          s.mediaLarge && s.mediaType === "video" ? (o(), i("div", al, [
-            k(G, {
+          ])) : v("", !0),
+          s.mediaLarge && s.mediaType === "video" ? (o(), i("div", ll, [
+            w(G, {
               src: s.mediaLarge.src,
               "local-video": "",
               "aria-label": s.mediaLarge.alt,
@@ -1222,10 +1236,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : g("", !0)
+          ])) : v("", !0)
         ]),
         t("div", {
-          style: ae([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          style: le([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
           class: h([
             "gallery__small",
             s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
@@ -1235,9 +1249,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             key: c.src + c.alt,
             class: "image image--small"
           }, [
-            k(C, null, {
-              default: w(() => [
-                p(s.$slots, "image-small", P(F({
+            w(C, null, {
+              default: S(() => [
+                _(s.$slots, "image-small", P(F({
                   width: 328,
                   height: 246,
                   src: c.src,
@@ -1247,14 +1261,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
               _: 2
             }, 1024)
           ]))), 128)),
-          s.mediaSmall.length < 2 ? (o(), i("div", ll, [
+          s.mediaSmall.length < 2 ? (o(), i("div", ol, [
             t("p", null, n(s.body), 1)
-          ])) : g("", !0)
+          ])) : v("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), sl = /* @__PURE__ */ v(ol, [["__scopeId", "data-v-029495a0"]]), il = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, nl = /* @__PURE__ */ f({
+}), il = /* @__PURE__ */ f(sl, [["__scopeId", "data-v-029495a0"]]), rl = { class: "headline__wrapper" }, nl = { class: "headline__h1" }, dl = /* @__PURE__ */ b({
   __name: "headline",
   props: {
     headline: {
@@ -1271,7 +1285,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", il, [
+    return (a, r) => (o(), i("div", rl, [
       t("div", {
         class: h({
           "headline__content--article-and-submenu": e.article && e.subMenu,
@@ -1280,11 +1294,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", rl, n(e.headline), 1)
+        t("h1", nl, n(e.headline), 1)
       ], 2)
     ]));
   }
-}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), N(), 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({
+}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-080238bd"]]), ul = (e) => (E("data-v-bfcd60d5"), e = e(), R(), e), _l = { class: "hero__wrapper" }, hl = { class: "hero__content" }, pl = { class: "hero__top" }, ml = { class: "hero__elements" }, vl = { class: "hero__headline" }, fl = { class: "hero__link" }, gl = { class: "hero__video" }, bl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), yl = /* @__PURE__ */ b({
   __name: "hero",
   props: {
     headline: {
@@ -1297,29 +1311,29 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ul, [
-      t("div", _l, [
+    return (a, r) => (o(), i("div", _l, [
+      t("div", hl, [
         t("div", pl, [
-          t("div", hl, [
-            t("div", ml, [
+          t("div", ml, [
+            t("div", vl, [
               t("h1", null, n(e.headline), 1)
             ]),
-            t("div", vl, [
-              k(O, {
+            t("div", fl, [
+              w(O, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
-                default: w(() => [
-                  p(a.$slots, "hero-link", {}, void 0, !0)
+                default: S(() => [
+                  _(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])
           ])
         ]),
-        t("div", fl, [
-          gl,
-          k(G, {
+        t("div", gl, [
+          bl,
+          w(G, {
             src: e.video.src,
             "local-video": "",
             "aria-label": e.video.alt,
@@ -1334,10 +1348,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), yl = /* @__PURE__ */ v(bl, [["__scopeId", "data-v-bfcd60d5"]]), $l = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, wl = {
+}), $l = /* @__PURE__ */ f(yl, [["__scopeId", "data-v-bfcd60d5"]]), kl = { class: "logo-wall__wrapper" }, wl = { class: "logo-wall__content" }, Sl = {
   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({
+}, Bl = { key: 0 }, Il = { key: 1 }, ql = { class: "logo-wall__logos" }, Ll = { class: "logo-wall__link" }, Tl = /* @__PURE__ */ b({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1355,20 +1369,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)
-        ])) : g("", !0),
-        t("div", Il, [
+    return (a, r) => (o(), i("div", kl, [
+      t("div", wl, [
+        e.headline || e.body ? (o(), i("div", Sl, [
+          e.headline ? (o(), i("h2", Bl, n(e.headline), 1)) : v("", !0),
+          e.body ? (o(), i("p", Il, n(e.body), 1)) : v("", !0)
+        ])) : v("", !0),
+        t("div", ql, [
           (o(!0), i(D, null, M(e.logos, (l) => (o(), i("div", {
             key: l.src + l.alt,
             class: "logo-wall__logo"
           }, [
-            k(C, null, {
-              default: w(() => [
-                p(a.$slots, "logo-wall-logo", P(F({
+            w(C, null, {
+              default: S(() => [
+                _(a.$slots, "logo-wall-logo", P(F({
                   width: 130,
                   height: 130,
                   src: l.src,
@@ -1379,13 +1393,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", ql, [
-          k(O, {
+        t("div", Ll, [
+          w(O, {
             "link-type": "regular_light",
             arrow: !0
           }, {
-            default: w(() => [
-              p(a.$slots, "logo-wall-link", {}, void 0, !0)
+            default: S(() => [
+              _(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1393,13 +1407,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Vl = { class: "micro-stories__top" }, Cl = {
+}), Vl = /* @__PURE__ */ f(Tl, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__top" }, Al = {
   key: 0,
   class: "headline"
-}, Al = {
+}, Dl = {
   key: 1,
   class: "body"
-}, Dl = { class: "micro-stories__splide" }, Ml = /* @__PURE__ */ f({
+}, Ml = { class: "micro-stories__splide" }, Ol = /* @__PURE__ */ b({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1411,36 +1425,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = T(() => a[l.bgColor]), l = e;
-    return (s, u) => (o(), i("div", {
+    }, r = V(() => a[l.bgColor]), l = e;
+    return (s, p) => (o(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Vl, [
-        s.headline ? (o(), i("div", Cl, [
+      t("div", Cl, [
+        s.headline ? (o(), i("div", Al, [
           t("h2", null, n(s.headline), 1)
-        ])) : g("", !0),
-        s.body ? (o(), i("div", Al, [
+        ])) : v("", !0),
+        s.body ? (o(), i("div", Dl, [
           t("p", null, n(s.body), 1)
-        ])) : g("", !0)
+        ])) : v("", !0)
       ]),
-      t("div", Dl, [
-        p(s.$slots, "micro-stories-slides")
+      t("div", Ml, [
+        _(s.$slots, "micro-stories-slides")
       ]),
-      p(s.$slots, "micro-stories-controls")
+      _(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)
+}), Pl = {}, Fl = { class: "policy__wrapper" }, El = { class: "policy__content" };
+function Rl(e, a) {
+  return o(), i("div", Fl, [
+    t("div", El, [
+      _(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b"]]), Rl = { class: "card-display__wrapper" }, Hl = {
+const Nl = /* @__PURE__ */ f(Pl, [["render", Rl], ["__scopeId", "data-v-8765ee0b"]]), Hl = { class: "card-display__wrapper" }, zl = {
   key: 0,
   class: "card__content"
-}, zl = { key: 0 }, Ul = { key: 1 }, Kl = { class: "card__cards" }, jl = /* @__PURE__ */ f({
+}, Ul = { key: 0 }, Kl = { key: 1 }, jl = { class: "card__cards" }, Gl = /* @__PURE__ */ b({
   __name: "card-display",
   props: {
     headline: {
@@ -1463,18 +1477,18 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", Rl, [
-        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)
-        ])) : g("", !0),
-        t("div", Kl, [
-          p(a.$slots, "card-display-cards", {}, void 0, !0)
+      t("div", Hl, [
+        e.headline || e.paragraph ? (o(), i("div", zl, [
+          e.headline ? (o(), i("h2", Ul, n(e.headline), 1)) : v("", !0),
+          e.paragraph ? (o(), i("p", Kl, n(e.paragraph), 1)) : v("", !0)
+        ])) : v("", !0),
+        t("div", jl, [
+          _(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Gl = /* @__PURE__ */ v(jl, [["__scopeId", "data-v-183dcee5"]]), Wl = { class: "promo__content" }, Yl = /* @__PURE__ */ f({
+}), Wl = /* @__PURE__ */ f(Gl, [["__scopeId", "data-v-183dcee5"]]), Yl = { class: "promo__content" }, Ql = /* @__PURE__ */ b({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1494,15 +1508,15 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, l = T(() => a[r.variant]);
-    return (s, u) => (o(), i("div", {
+    }, r = e, l = V(() => a[r.variant]);
+    return (s, p) => (o(), i("div", {
       class: h([
         "promo__wrapper",
         l.value,
         s.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Wl, [
+      t("div", Yl, [
         s.mediaType === "image" ? (o(), i("div", {
           key: 0,
           class: h([
@@ -1510,13 +1524,13 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
             s.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          k(C, null, {
-            default: w(() => [
-              p(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
+          w(C, null, {
+            default: S(() => [
+              _(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : g("", !0),
+        ], 2)) : v("", !0),
         s.mediaType === "video" ? (o(), i("div", {
           key: 1,
           class: h([
@@ -1524,7 +1538,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
             s.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          k(G, {
+          w(G, {
             src: s.src,
             "local-video": "",
             "aria-label": s.alt,
@@ -1535,7 +1549,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
             play: "",
             poster: s.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : g("", !0),
+        ], 2)) : v("", !0),
         t("div", {
           class: h([
             "promo__text",
@@ -1546,7 +1560,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
             key: 0,
             text: s.label,
             "label-dark": s.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : g("", !0),
+          }, null, 8, ["text", "label-dark"])) : v("", !0),
           t("div", {
             class: h([
               "promo__title",
@@ -1558,28 +1572,28 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
             "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: w(() => [
-              p(s.$slots, "promo-link")
+            default: S(() => [
+              _(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : g("", !0),
+          }, 8, ["link-type"])) : v("", !0),
           s.linkType === "button" ? (o(), A(O, {
             key: 2,
             "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
           }, {
-            default: w(() => [
-              p(s.$slots, "promo-link")
+            default: S(() => [
+              _(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : g("", !0)
+          }, 8, ["link-type"])) : v("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-7e80a0f0"]]), Zl = (e) => (E("data-v-e3cc8e27"), e = e(), N(), 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 = {
+}), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-7e80a0f0"]]), Jl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), Xl = { class: "quote__wrapper" }, xl = { class: "quote__content" }, eo = /* @__PURE__ */ Jl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), to = { class: "quote__quote" }, ao = { class: "quote__quote-text" }, lo = { class: "quote__author" }, oo = {
   key: 0,
   class: "quote__image"
-}, oo = { class: "quote__text" }, so = { class: "quote__author-name" }, io = { class: "quote__author-title" }, ro = /* @__PURE__ */ f({
+}, so = { class: "quote__text" }, io = { class: "quote__author-name" }, ro = { class: "quote__author-title" }, no = /* @__PURE__ */ b({
   __name: "quote",
   props: {
     quote: {
@@ -1601,16 +1615,16 @@ const Nl = /* @__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, {
-                default: w(() => [
-                  p(a.$slots, "author-image", P(F({
+    return (a, r) => (o(), i("div", Xl, [
+      t("div", xl, [
+        eo,
+        t("div", to, [
+          t("p", ao, n(e.quote), 1),
+          t("div", lo, [
+            e.authorImage ? (o(), i("div", oo, [
+              w(C, null, {
+                default: S(() => [
+                  _(a.$slots, "author-image", P(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1618,23 +1632,23 @@ const Nl = /* @__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)
+            ])) : v("", !0),
+            t("div", so, [
+              t("p", io, n(e.author), 1),
+              t("p", ro, n(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), no = /* @__PURE__ */ v(ro, [["__scopeId", "data-v-e3cc8e27"]]), co = { class: "rich-text__wrapper" }, uo = {
+}), co = /* @__PURE__ */ f(no, [["__scopeId", "data-v-e3cc8e27"]]), uo = { class: "rich-text__wrapper" }, _o = {
   key: 0,
   class: "rich-text__links"
-}, _o = {
+}, ho = {
   key: 0,
   class: "rich-text__bullet-list"
-}, po = /* @__PURE__ */ f({
+}, po = /* @__PURE__ */ b({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1653,19 +1667,19 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", co, [
+      t("div", uo, [
         a.label ? (o(), A(Y, {
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : g("", !0),
+        }, null, 8, ["text"])) : v("", !0),
         a.headline ? (o(), i("h2", {
           key: 1,
           class: h([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, n(a.headline), 3)) : g("", !0),
+        }, n(a.headline), 3)) : v("", !0),
         t("div", {
           class: h([
             "rich-text__content",
@@ -1678,14 +1692,14 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
               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")
-            ])) : g("", !0)
+            _(a.$slots, "rich-text-content"),
+            a.links ? (o(), i("div", _o, [
+              _(a.$slots, "rich-text-links")
+            ])) : v("", !0)
           ], 2),
-          a.bulletList ? (o(), i("div", _o, [
-            p(a.$slots, "rich-text-bullet-list")
-          ])) : g("", !0),
+          a.bulletList ? (o(), i("div", ho, [
+            _(a.$slots, "rich-text-bullet-list")
+          ])) : v("", !0),
           a.image ? (o(), i("div", {
             key: 1,
             class: h([
@@ -1693,38 +1707,38 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            k(C, null, {
-              default: w(() => [
-                p(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
+            w(C, null, {
+              default: S(() => [
+                _(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : g("", !0)
+          ], 2)) : v("", !0)
         ], 2)
       ])
     ], 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, [
+}), mo = /* @__PURE__ */ f(po, [["__scopeId", "data-v-7bcde564"]]), vo = {}, fo = { class: "rich-text" }, go = { class: "rich-text__wrapper" }, bo = { class: "rich-text__content rich-text__content--left-aligned" }, yo = { class: "rich-text__body" };
+function $o(e, a) {
+  return o(), i("div", fo, [
+    t("div", go, [
+      t("div", bo, [
+        t("div", yo, [
           t("div", null, [
-            p(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            _(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            p(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            _(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(), N(), 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 ko = /* @__PURE__ */ f(vo, [["render", $o], ["__scopeId", "data-v-3abe0bb4"]]), wo = (e) => (E("data-v-78d319df"), e = e(), R(), e), So = { class: "timeline__wrapper" }, Bo = { class: "timeline__content" }, Io = { class: "timeline__items" }, qo = { class: "item__left" }, Lo = /* @__PURE__ */ wo(() => /* @__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)), To = { class: "item__right" }, Vo = ["innerHTML"], Co = /* @__PURE__ */ b({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1733,7 +1747,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return ce(() => {
+    return ae(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (l) => {
           l.forEach((s) => {
@@ -1747,40 +1761,40 @@ 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", So, [
+      t("div", Bo, [
+        t("div", Io, [
           (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, {
-                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)
+            t("div", qo, n(l.year), 1),
+            Lo,
+            t("div", To, [
+              w(C, null, {
+                default: S(() => [
+                  l.media.type === "image" ? _(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : v("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
+                style: le([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, To)
+              }, null, 12, Vo)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Co = /* @__PURE__ */ v(Vo, [["__scopeId", "data-v-78d319df"]]), Ao = { class: "vimeo" }, Do = { class: "vimeo__wrapper" }, Mo = {
+}), Ao = /* @__PURE__ */ f(Co, [["__scopeId", "data-v-78d319df"]]), Do = { class: "vimeo" }, Mo = { class: "vimeo__wrapper" }, Oo = {
   key: 0,
   class: "vimeo__headline"
-}, Oo = {
+}, Po = {
   key: 1,
   class: "vimeo__description"
-}, Po = /* @__PURE__ */ f({
+}, Fo = /* @__PURE__ */ b({
   __name: "vimeo",
   props: {
     headline: {
@@ -1793,15 +1807,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", Do, [
+      t("div", Mo, [
+        e.headline ? (o(), i("h2", Oo, n(e.headline), 1)) : v("", !0),
+        _(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (o(), i("p", Po, n(e.description), 1)) : v("", !0)
       ])
     ]));
   }
-}), Fo = /* @__PURE__ */ v(Po, [["__scopeId", "data-v-599c68c7"]]), Eo = { class: "not-found__wrapper" }, No = { class: "not-found__content" }, Ro = { class: "not-found__headline" }, Ho = { class: "not-found__body" }, zo = /* @__PURE__ */ f({
+}), Eo = /* @__PURE__ */ f(Fo, [["__scopeId", "data-v-599c68c7"]]), Ro = { class: "not-found__wrapper" }, No = { class: "not-found__content" }, Ho = { class: "not-found__headline" }, zo = { class: "not-found__body" }, Uo = /* @__PURE__ */ b({
   __name: "404",
   props: {
     headline: {
@@ -1810,118 +1824,123 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Eo, [
+    return (a, r) => (o(), i("div", Ro, [
       t("div", No, [
-        t("h1", Ro, n(e.headline), 1),
-        t("div", Ho, [
-          p(a.$slots, "not-found-body", {}, void 0, !0)
+        t("h1", Ho, n(e.headline), 1),
+        t("div", zo, [
+          _(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({
+}), Ko = /* @__PURE__ */ f(Uo, [["__scopeId", "data-v-b829ca6c"]]), jo = { class: "filter__wrapper" }, Go = { class: "filter__content" }, Wo = { class: "filter__dropdowns" }, Yo = { class: "filter__chips" }, Qo = /* @__PURE__ */ b({
   __name: "filter",
   props: {
     hasChips: {
       type: Boolean,
       default: !1
+    },
+    removeAll: {
+      type: String,
+      default: "Remove all filters"
     }
   },
   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", jo, [
+      t("div", Go, [
         t("div", Wo, [
-          p(a.$slots, "filter-chips"),
+          _(a.$slots, "filter-dropdowns")
+        ]),
+        t("div", Yo, [
+          _(a.$slots, "filter-chips"),
           e.hasChips ? (o(), i("button", {
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
-          }, " Remove all filters ")) : g("", !0)
+          }, n(e.removeAll), 1)) : v("", !0)
         ])
       ])
     ]));
   }
-}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-c11a3620"]]), z = (e) => (E("data-v-cf5ea14f"), e = e(), N(), 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("span", null, [
-  /* @__PURE__ */ t("i", { class: "change-region" }),
-  /* @__PURE__ */ j("Change region")
-], -1)), _s = [
-  us
-], ps = { class: "footer__social" }, hs = ["href", "aria-label"], ms = /* @__PURE__ */ f({
+}), Zo = /* @__PURE__ */ f(Qo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Jo = { class: "footer__wrapper" }, Xo = { class: "footer__content" }, xo = { class: "footer__sections" }, es = { class: "section__title" }, ts = { class: "section__list" }, as = { class: "section" }, ls = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ns = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ds = { class: "footer__bottom" }, cs = { class: "copyright" }, us = { class: "footer__policy" }, _s = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), hs = { class: "footer__social" }, ps = ["href", "aria-label"], ms = /* @__PURE__ */ b({
   __name: "footer",
   props: {
     footerSections: { default: () => [] },
     privacyPolicy: { default: void 0 },
     cookiePolicy: { default: void 0 },
-    socialMedia: { default: () => [] }
+    socialMedia: { default: () => [] },
+    changeRegion: { default: "" }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (o(), i("div", Zo, [
-      t("footer", Jo, [
-        t("div", Xo, [
+    return (a, r) => (o(), i("div", Jo, [
+      t("footer", Xo, [
+        t("div", xo, [
           (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", es, n(l.title), 1),
             t("nav", null, [
-              t("ul", es, [
-                p(a.$slots, "section-links", {
+              t("ul", ts, [
+                _(a.$slots, "section-links", {
                   links: l.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", ts, [
-            as,
+          t("div", as, [
+            ls,
             t("address", null, [
-              ls,
               os,
               ss,
-              k(O, {
+              is,
+              w(O, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: w(() => [
-                  is
+                default: S(() => [
+                  rs
                 ]),
                 _: 1
               }),
-              k(O, {
+              w(O, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: w(() => [
-                  rs
+                default: S(() => [
+                  ns
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", ns, [
-          t("p", ds, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", cs, [
+        t("div", ds, [
+          t("p", cs, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", us, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
-            }, _s),
-            p(a.$slots, "footer-privacy-link"),
-            p(a.$slots, "footer-cookie-link")
+            }, [
+              t("span", null, [
+                _s,
+                j(n(a.changeRegion), 1)
+              ])
+            ]),
+            _(a.$slots, "footer-privacy-link"),
+            _(a.$slots, "footer-cookie-link")
           ]),
-          t("div", ps, [
+          t("div", hs, [
             (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
               key: l.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: w(() => [
+              default: S(() => [
                 t("a", {
                   href: l.url,
                   "aria-label": l.title
@@ -1931,7 +1950,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                     height: "14",
                     class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
                   }, null, 2)
-                ], 8, hs)
+                ], 8, ps)
               ]),
               _: 2
             }, 1024))), 128))
@@ -1940,7 +1959,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), vs = /* @__PURE__ */ v(ms, [["__scopeId", "data-v-cf5ea14f"]]), fs = { class: "header__wrapper" }, gs = { class: "nav-wrapper" }, bs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, $s = {
+}), vs = /* @__PURE__ */ f(ms, [["__scopeId", "data-v-5258b418"]]), fs = { class: "header__wrapper" }, gs = { class: "nav-wrapper" }, bs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, $s = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
 }, ks = {
@@ -1952,7 +1971,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Ss = { class: "dropdown-content" }, Bs = { class: "nav-search-wrapper" }, Is = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Ts = { class: "mobile-search-wrapper" }, Vs = ["src"], Cs = ["src"], As = { class: "mobile-menu-content-wrapper" }, Ds = { class: "mobile-dropdown-content" }, Ms = /* @__PURE__ */ f({
+}, Ss = { class: "dropdown-content" }, Bs = { class: "nav-search-wrapper" }, Is = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Ts = { class: "mobile-search-wrapper" }, Vs = ["src"], Cs = ["src"], As = { class: "mobile-menu-content-wrapper" }, Ds = { class: "mobile-dropdown-content" }, Ms = /* @__PURE__ */ b({
   __name: "header",
   props: {
     burgerState: {
@@ -1972,68 +1991,68 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   setup(e, { expose: a, emit: r }) {
     let l = null;
     const s = e;
-    let u = I(s.burgerState), c = I(s.showDropDown);
-    re(
+    let p = B(s.burgerState), c = B(s.showDropDown);
+    ne(
       () => s.burgerState,
-      (B) => u.value = B
-    ), re(
+      (I) => p.value = I
+    ), ne(
       () => s.showDropDown,
-      (B) => c.value = B
-    ), ce(() => {
-      l = (B) => {
-        B.target.closest("#menu-dropdown") || (c.value = !1);
+      (I) => c.value = I
+    ), ae(() => {
+      l = (I) => {
+        I.target.closest("#menu-dropdown") || (c.value = !1);
       }, window.addEventListener("click", l);
     }), Se(() => {
       l !== null && window.removeEventListener("click", l);
     });
-    const _ = r;
-    function S() {
-      c.value = !c.value, _("update:showDropDown", c.value);
+    const u = r;
+    function g() {
+      c.value = !c.value, u("update:showDropDown", c.value);
     }
     function m() {
-      u.value = !u.value, _("update:burgerState", u.value);
+      p.value = !p.value, u("update:burgerState", p.value);
     }
-    let y = I(null), q = I(null);
+    let $ = B(null), L = B(null);
     function X() {
-      y.value && y.value.blur();
+      $.value && $.value.blur();
     }
     return a({
       defocusSearchButton: X
-    }), (B, U) => (o(), i("div", fs, [
+    }), (I, U) => (o(), i("div", fs, [
       t("nav", null, [
         t("div", gs, [
           t("div", bs, [
-            p(B.$slots, "link-logo", {}, void 0, !0)
+            _(I.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", ys, [
-            p(B.$slots, "main-nav-items", {}, void 0, !0)
+            _(I.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", $s, [
             t("button", {
               class: "nav-dropdown-btn",
-              onClick: S
+              onClick: g
             }, [
-              p(B.$slots, "dropdown-title", {}, void 0, !0),
-              V(c) === !1 ? (o(), i("img", ks)) : (o(), i("img", ws))
+              _(I.$slots, "dropdown-title", {}, void 0, !0),
+              q(c) === !1 ? (o(), i("img", ks)) : (o(), i("img", ws))
             ]),
             Z(t("div", Ss, [
-              p(B.$slots, "dropdown-links", {}, void 0, !0)
+              _(I.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [ee, V(c)]
+              [ee, q(c)]
             ])
           ], 512),
           t("div", Bs, [
             t("button", {
               ref_key: "navSearchButton",
-              ref: y,
+              ref: $,
               class: "search-icon",
               onClick: U[0] || (U[0] = (x) => {
                 var H;
-                return B.$emit("clickSearch"), (H = V(y)) == null ? void 0 : H.blur();
+                return I.$emit("clickSearch"), (H = q($)) == null ? void 0 : H.blur();
               })
             }, [
               t("img", {
-                src: V(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: q(p) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
                 width: "20",
                 height: "20"
@@ -2042,25 +2061,25 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
           ])
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", q(p) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
           t("div", qs, [
             t("div", Ls, [
-              p(B.$slots, "link-logo", {}, void 0, !0)
+              _(I.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", Ts, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: q,
+                ref: L,
                 class: "search-icon",
                 "aria-label": "Toggle search",
                 onClick: U[1] || (U[1] = (x) => {
                   var H;
-                  return B.$emit("clickSearch"), (H = V(q)) == null ? void 0 : H.blur();
+                  return I.$emit("clickSearch"), (H = q(L)) == null ? void 0 : H.blur();
                 })
               }, [
                 t("img", {
-                  src: V(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: q(p) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
                   width: "20",
                   height: "20"
@@ -2070,32 +2089,32 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
             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"
+                src: q(p) === !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)
             ])
           ]),
           Z(t("div", As, [
             t("ul", null, [
-              p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              _(I.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", Ds, [
-              p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              _(I.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              _(I.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [ee, V(u)]
+            [ee, q(p)]
           ])
         ], 2)
       ])
     ]));
   }
-}), Os = /* @__PURE__ */ v(Ms, [["__scopeId", "data-v-e129834d"]]), Ps = { class: "language__wrapper" }, Fs = { class: "language__content" }, Es = { class: "language__headline" }, Ns = { class: "language__paragraph" }, Rs = { class: "language__links" }, Hs = /* @__PURE__ */ f({
+}), Os = /* @__PURE__ */ f(Ms, [["__scopeId", "data-v-e129834d"]]), Ps = { class: "language__wrapper" }, Fs = { class: "language__content" }, Es = { class: "language__headline" }, Rs = { class: "language__paragraph" }, Ns = { class: "language__links" }, Hs = /* @__PURE__ */ b({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2111,14 +2130,14 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     return (a, r) => (o(), i("div", Ps, [
       t("div", Fs, [
         t("h2", Es, n(e.headline), 1),
-        t("p", Ns, n(e.paragraph), 1),
-        t("div", Rs, [
-          p(a.$slots, "language-links", {}, void 0, !0)
+        t("p", Rs, n(e.paragraph), 1),
+        t("div", Ns, [
+          _(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), zs = /* @__PURE__ */ v(Hs, [["__scopeId", "data-v-dc8cc97e"]]), Us = { class: "pagination__wrapper" }, Ks = { class: "pagination__content" }, js = /* @__PURE__ */ f({
+}), zs = /* @__PURE__ */ f(Hs, [["__scopeId", "data-v-dc8cc97e"]]), Us = { class: "pagination__wrapper" }, Ks = { class: "pagination__content" }, js = /* @__PURE__ */ b({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2134,14 +2153,14 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   setup(e) {
     return (a, r) => (o(), i("div", Us, [
       t("div", Ks, [
-        k(J, {
+        w(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"),
-        k(J, {
+        _(a.$slots, "pagination-numbers"),
+        w(J, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
@@ -2150,13 +2169,13 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Gs = /* @__PURE__ */ v(js, [["__scopeId", "data-v-f760f1c6"]]), Ws = {}, Ys = { class: "search__wrapper" };
+}), Gs = /* @__PURE__ */ f(js, [["__scopeId", "data-v-f760f1c6"]]), Ws = {}, Ys = { class: "search__wrapper" };
 function Qs(e, a) {
   return o(), i("div", Ys, [
-    p(e.$slots, "default", { class: "search__content" })
+    _(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Js = { class: "product-hero__wrapper" }, Xs = { class: "product-hero__content" }, xs = { class: "product-hero__headline" }, ei = { class: "product-hero__video" }, ti = /* @__PURE__ */ f({
+const Zs = /* @__PURE__ */ f(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Js = { class: "product-hero__wrapper" }, Xs = { class: "product-hero__content" }, xs = { class: "product-hero__headline" }, ei = { class: "product-hero__video" }, ti = /* @__PURE__ */ b({
   __name: "product-hero",
   props: {
     headline: {
@@ -2198,9 +2217,9 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(V(C), { key: 1 }, {
-            default: w(() => [
-              p(a.$slots, "product-hero-image", {}, void 0, !0)
+          }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(q(C), { key: 1 }, {
+            default: S(() => [
+              _(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           }))
@@ -2208,9 +2227,9 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
       ])
     ]));
   }
-}), ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-e394473d"]]), oi = {
+}), ai = /* @__PURE__ */ f(ti, [["__scopeId", "data-v-e394473d"]]), oi = {
   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", Na), 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", Nl), e.component("BlockProductHero", ai), 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", vs), e.component("OrganismHeader", Os), e.component("OrganismLanguageSwitcher", zs), e.component("OrganismPagination", Gs), e.component("OrganismSearch", Zs);
+    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", ea), e.component("MoleculeBulletList", sa), e.component("MoleculeCard", ca), e.component("MoleculeEventCard", ga), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", wa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Na), e.component("BlockFormScript", Ya), e.component("BlockHeadline", cl), e.component("BlockHero", $l), e.component("BlockImage", el), e.component("BlockImageGallery", il), e.component("BlockLogoWall", Vl), e.component("BlockMicroStories", Ol), e.component("BlockPolicy", Nl), e.component("BlockProductHero", ai), e.component("BlockPromo", Zl), e.component("BlockQuote", co), e.component("BlockRichText", mo), e.component("BlockRichTextColumns", ko), e.component("BlockTimeline", Ao), e.component("BlockCardDisplay", Wl), e.component("BlockVimeo", Eo), e.component("Organism404", Ko), e.component("OrganismFilter", Zo), e.component("OrganismFooter", vs), e.component("OrganismHeader", Os), e.component("OrganismLanguageSwitcher", zs), e.component("OrganismPagination", Gs), e.component("OrganismSearch", Zs);
   }
 };
 export {
@@ -2227,32 +2246,32 @@ export {
   Et as AtomTextField,
   qt as AtomTextarea,
   G as AtomVideo,
-  Gl as BlockCardDisplay,
-  Ca as BlockFacts,
+  Wl as BlockCardDisplay,
+  Aa as BlockFacts,
   Na as BlockFeatures,
-  Wa as BlockFormScript,
-  dl as BlockHeadline,
-  yl as BlockHero,
-  xa as BlockImage,
-  sl as BlockImageGallery,
-  Tl as BlockLogoWall,
-  Ml as BlockMicroStories,
+  Ya as BlockFormScript,
+  cl as BlockHeadline,
+  $l as BlockHero,
+  el as BlockImage,
+  il as BlockImageGallery,
+  Vl as BlockLogoWall,
+  Ol as BlockMicroStories,
   Nl as BlockPolicy,
   ai as BlockProductHero,
-  Ql as BlockPromo,
-  no as BlockQuote,
-  ho as BlockRichText,
-  $o as BlockRichTextColumns,
-  Co as BlockTimeline,
-  Fo as BlockVimeo,
-  xt as MoleculeAddress,
-  oa as MoleculeBulletList,
-  da as MoleculeCard,
-  fa as MoleculeEventCard,
+  Zl as BlockPromo,
+  co as BlockQuote,
+  mo as BlockRichText,
+  ko as BlockRichTextColumns,
+  Ao as BlockTimeline,
+  Eo as BlockVimeo,
+  ea as MoleculeAddress,
+  sa as MoleculeBulletList,
+  ca as MoleculeCard,
+  ga as MoleculeEventCard,
   ue as MoleculeModal,
-  ka as MoleculeTextCard,
-  Uo as Organism404,
-  Qo as OrganismFilter,
+  wa as MoleculeTextCard,
+  Ko as Organism404,
+  Zo as OrganismFilter,
   vs as OrganismFooter,
   Os as OrganismHeader,
   zs as OrganismLanguageSwitcher,