@mirweb/mir-web-components 0.17.32 → 0.17.34

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 p, toDisplayString as n, createElementVNode as t, renderSlot as _, pushScopeId as E, popScopeId as R, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
-const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
+import { defineComponent as g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as _, pushScopeId as E, popScopeId as R, createTextVNode as K, ref as I, withDirectives as Q, Fragment as M, renderList as O, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as k, withModifiers as ne, createBlock as V, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as C, onMounted as ce, watch as re, onUnmounted as Be } from "vue";
+const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   __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", {
-      class: p(["button", "button--" + l.value]),
-      "aria-label": s.ariaLabel
-    }, n(l.value === "close" ? "" : s.buttonText), 11, Be));
+    }, r = e, o = L(() => a[r.variant]);
+    return (l, u) => (s(), i("button", {
+      class: h(["button", "button--" + o.value]),
+      "aria-label": l.ariaLabel
+    }, n(o.value === "close" ? "" : l.buttonText), 11, Se));
   }
 }), v = (e, a) => {
   const r = e.__vccOpts || e;
-  for (const [l, s] of a)
-    r[l] = s;
+  for (const [o, l] of a)
+    r[o] = l;
   return r;
-}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
+}, Z = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Te = ["id", "name", "value", "disabled", "required"], Le = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -35,58 +35,58 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, l = (s) => {
-      const u = s.target;
+    const r = a, o = (l) => {
+      const u = l.target;
       r("input", u.checked);
     };
-    return (s, u) => (o(), i("div", {
-      class: p(["checkbox__wrapper", s.disabled ? "disabled" : ""])
+    return (l, u) => (s(), i("div", {
+      class: h(["checkbox__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: s.id,
+        id: l.id,
         type: "checkbox",
-        name: s.name,
-        value: s.value,
-        disabled: s.disabled,
-        required: s.required,
+        name: l.name,
+        value: l.value,
+        disabled: l.disabled,
+        required: l.required,
         class: "checkbox__checkbox",
-        onChange: l
-      }, null, 40, Le),
+        onChange: o
+      }, null, 40, Te),
       t("label", {
-        for: s.id,
-        class: p(["checkbox__label", s.required ? "required" : ""])
+        for: l.id,
+        class: h(["checkbox__label", l.required ? "required" : ""])
       }, [
         Ve,
-        _(s.$slots, "default", {}, void 0, !0)
-      ], 10, Te)
+        _(l.$slots, "default", {}, void 0, !0)
+      ], 10, Le)
     ], 2));
   }
 }), Ae = /* @__PURE__ */ v(Ce, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
   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__ */ g({
   __name: "chip",
   props: {
     text: { default: "" }
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = T(() => `Chip: ${a.text}`);
-    return (l, s) => (o(), i("div", {
+    const a = e, r = L(() => `Chip: ${a.text}`);
+    return (o, l) => (s(), i("div", {
       class: "chip__wrapper",
-      onClick: s[0] || (s[0] = (u) => l.$emit("remove-chip"))
+      onClick: l[0] || (l[0] = (u) => o.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
         "aria-label": r.value
       }, [
-        j(n(l.text) + " ", 1),
+        K(n(o.text) + " ", 1),
         Oe
       ], 8, Me)
     ]));
   }
-}), Fe = /* @__PURE__ */ v(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__ */ f({
+}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], je = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -104,12 +104,12 @@ 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), h = I([]), S = I(0), m = I(""), y = I(!0), q = I(0), X = a, B = T(() => {
-      const d = l.options.find(
-        (b) => b.value === l.modelValue
+    }, o = e, l = L(() => r[o.variant]), u = I(null), c = I(null), p = I([]), B = I(0), f = I(""), y = I(!0), q = I(0), X = a, S = L(() => {
+      const d = o.options.find(
+        (b) => b.value === o.modelValue
       );
       return d && d.label;
-    }), U = {
+    }), j = {
       beforeMount(d, b) {
         d.clickOutsideEvent = function($) {
           d === $.target || d.contains($.target) || b.value($);
@@ -125,7 +125,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     function H(d) {
       var $;
       const b = d.target;
-      b.getAttribute("role") === "option" && (G(b), Q(), ($ = u.value) == null || $.focus());
+      b.getAttribute("role") === "option" && (W(b), J(), ($ = u.value) == null || $.focus());
     }
     function le(d) {
       var $;
@@ -134,11 +134,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const L = l.options.findIndex(
-            (K) => K.value === l.modelValue
+          const T = o.options.findIndex(
+            (U) => U.value === o.modelValue
           );
-          let N = L ? h.value[L] : h.value[0];
-          b === "ArrowUp" ? L - 1 >= 0 && (N = h.value[L - 1]) : L + 1 <= l.options.length && (N = h.value[L + 1]), N && G(N);
+          let N = T ? p.value[T] : p.value[0];
+          b === "ArrowUp" ? T - 1 >= 0 && (N = p.value[T - 1]) : T + 1 <= o.options.length && (N = p.value[T + 1]), N && W(N);
           break;
         }
         case "Home":
@@ -151,17 +151,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), Q(), ($ = u.value) == null || $.focus();
+          d.preventDefault(), J(), ($ = u.value) == null || $.focus();
           break;
         default: {
-          const L = me(b);
-          L && G(L);
+          const T = me(b);
+          T && W(T);
           break;
         }
       }
     }
     function _e(d) {
-      if (!l.disabled)
+      if (!o.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
@@ -169,57 +169,57 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             break;
         }
     }
-    function he(d) {
+    function pe(d) {
       d && d.removeAttribute("aria-selected");
     }
-    function pe() {
-      S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
-        m.value = "", S.value = 0;
+    function he() {
+      B.value && (clearTimeout(B.value), B.value = 0), B.value = setTimeout(() => {
+        f.value = "", B.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, pe();
+      (f.value === "" || b !== d) && (q.value = o.options.findIndex(
+        (T) => T.value === o.modelValue
+      )), f.value = b === d ? d : f.value + d, b = d, he();
       let $ = oe(
         q.value + 1,
-        l.options.length
+        o.options.length
       );
-      return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
+      return !$ && f.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % o.options.length, $;
     }
     function oe(d, b) {
       for (let $ = d; $ < b; $++)
-        if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
-          return h.value[$];
+        if (o.options[$].label && o.options[$].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
+          return p.value[$];
       return null;
     }
     function ve() {
-      G(h.value[0]);
+      W(p.value[0]);
     }
-    function G(d) {
-      var $, L;
+    function W(d) {
+      var $, T;
       const b = d.getAttribute("data-value");
-      if (l.modelValue) {
-        const N = l.options.findIndex(
-          (be) => be.value === l.modelValue
-        ), K = h.value[N];
-        he(K);
+      if (o.modelValue) {
+        const N = o.options.findIndex(
+          (be) => be.value === o.modelValue
+        ), U = p.value[N];
+        pe(U);
       }
       if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
         "aria-activedescendant",
         b || ""
       ), x(b || ""), 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 - ((L = c.value) == null ? void 0 : L.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
+        const N = c.value.clientHeight + c.value.scrollTop, U = d.offsetTop + d.offsetHeight;
+        U > N ? c.value.scrollTop = U - ((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 = h.value) == null ? void 0 : b[l.options.length - 1];
-      G(d);
+      const d = (b = p.value) == null ? void 0 : b[o.options.length - 1];
+      W(d);
     }
-    function Q() {
+    function J() {
       var d;
       y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
     }
@@ -228,22 +228,22 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       y.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
     }
     function ge() {
-      l.disabled || (y.value ? se() : Q());
+      o.disabled || (y.value ? se() : J());
     }
-    return (d, b) => (o(), i("div", {
+    return (d, b) => (s(), i("div", {
       ref: "listbox",
       class: "listbox__wrapper",
       value: d.modelValue
     }, [
       t("label", {
         id: `${d.name}-label`,
-        class: p([{
+        class: h([{
           "listbox__label--visually-hidden": !d.showLabel,
           "is-disabled": d.disabled,
           "is-required": d.required
         }, "listbox__label"])
       }, n(d.label), 11, Re),
-      Z((o(), i("div", Ne, [
+      Q((s(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
@@ -252,11 +252,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": d.disabled,
-          class: p(["listbox__button", s.value]),
+          class: h(["listbox__button", l.value]),
           onClick: ge,
           onKeydown: _e
-        }, n(d.modelValue ? B.value : d.placeholder), 43, He),
-        Z(t("ul", {
+        }, n(d.modelValue ? S.value : d.placeholder), 43, He),
+        Q(t("ul", {
           ref_key: "listboxNode",
           ref: c,
           "aria-labelledby": `${d.name}-label`,
@@ -267,25 +267,25 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           onKeydown: le,
           onClick: H
         }, [
-          (o(!0), i(D, null, M(d.options, ($, L) => (o(), i("li", {
-            key: `${d.name}-option-${L}`,
+          (s(!0), i(M, null, O(d.options, ($, T) => (s(), i("li", {
+            key: `${d.name}-option-${T}`,
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: h,
+            ref: p,
             "aria-selected": $.value === d.modelValue,
             "data-value": $.value,
             class: "listbox__option",
             role: "option"
-          }, n($.label), 9, Ue))), 128))
+          }, n($.label), 9, je))), 128))
         ], 40, ze), [
           [ee, !y.value]
         ])
       ])), [
-        [U, Q]
+        [j, J]
       ])
     ], 8, Ee));
   }
-}), je = /* @__PURE__ */ v(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ f({
+}), Ke = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -297,27 +297,27 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ge, [
+    return (a, r) => (s(), i("div", Ge, [
       _(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({
+}), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = T(() => `Label: ${a.text}`);
-    return (l, s) => (o(), i("div", Ye, [
+    const a = e, r = L(() => `Label: ${a.text}`);
+    return (o, l) => (s(), i("div", Ye, [
       t("span", {
         "aria-label": r.value,
-        "label-dark": l.labelDark,
-        class: p(l.labelDark ? "label--dark" : "label--light")
-      }, n(l.text), 11, Qe)
+        "label-dark": o.labelDark,
+        class: h(o.labelDark ? "label--dark" : "label--light")
+      }, n(o.text), 11, Je)
     ]));
   }
-}), W = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Je = { class: "link__wrapper" }, O = /* @__PURE__ */ f({
+}), G = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, A = /* @__PURE__ */ g({
   __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 { ...h } = ye(l);
-      return h;
+    }, o = e, l = L(() => a[o.linkType]), u = L(() => r[o.underline]), c = L(() => {
+      const { ...p } = ye(o);
+      return p;
     });
-    return (h, S) => (o(), i("div", Je, [
+    return (p, B) => (s(), i("div", Ze, [
       t("div", te(c.value, {
         class: ["mir-link", [
-          s.value,
-          h.disabled ? "disabled" : "",
+          l.value,
+          p.disabled ? "disabled" : "",
           u.value,
-          h.arrow ? "link-arrow" : ""
+          p.arrow ? "link-arrow" : ""
         ]]
       }), [
-        _(h.$slots, "default")
+        _(p.$slots, "default")
       ], 16)
     ]));
   }
-}), 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__ */ 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__ */ g({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -367,34 +367,34 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, l = (s) => {
-      const u = s.target;
+    const r = a, o = (l) => {
+      const u = l.target;
       r("input", u.checked);
     };
-    return (s, u) => (o(), i("div", {
-      class: p(["radio__wrapper", s.disabled ? "disabled" : ""])
+    return (l, u) => (s(), i("div", {
+      class: h(["radio__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: s.id,
+        id: l.id,
         type: "radio",
-        name: s.name,
-        value: s.value,
-        checked: s.checked,
-        disabled: s.disabled,
-        required: s.required,
+        name: l.name,
+        value: l.value,
+        checked: l.checked,
+        disabled: l.disabled,
+        required: l.required,
         class: "radio__radio",
-        onChange: l
+        onChange: o
       }, null, 40, xe),
       t("label", {
-        for: s.id,
-        class: p(["radio__label", s.required ? "required" : ""])
+        for: l.id,
+        class: h(["radio__label", l.required ? "required" : ""])
       }, [
         tt,
-        _(s.$slots, "default", {}, void 0, !0)
+        _(l.$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__ */ v(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ g({
   __name: "select",
   props: {
     id: {},
@@ -407,29 +407,29 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (o(), i("div", ot, [
+    return (a, r) => (s(), i("div", ot, [
       t("label", {
         for: a.id,
-        class: p([a.required ? "required" : "", a.disabled ? "disabled" : ""])
+        class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
       }, n(a.label), 11, st),
       t("select", {
         id: a.id,
-        class: p(a.disabled ? "disabled" : ""),
+        class: h(a.disabled ? "disabled" : ""),
         disabled: a.disabled,
         name: a.name,
         value: a.modelValue,
-        onChange: r[0] || (r[0] = (l) => {
-          a.$emit("update:modelValue", l.target.value), l.target.blur();
+        onChange: r[0] || (r[0] = (o) => {
+          a.$emit("update:modelValue", o.target.value), o.target.blur();
         })
       }, [
-        (o(!0), i(D, null, M(a.options, (l) => (o(), i("option", {
-          key: l.value,
-          value: l.value
-        }, n(l.text), 9, rt))), 128))
+        (s(!0), i(M, null, O(a.options, (o) => (s(), i("option", {
+          key: o.value,
+          value: o.value
+        }, n(o.text), 9, rt))), 128))
       ], 42, it)
     ]));
   }
-}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ f({
+}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ g({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -437,45 +437,45 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   emits: ["update:show"],
   setup(e, { emit: a }) {
-    const r = e, l = a, s = () => {
-      l("update:show", !r.show);
+    const r = e, o = a, l = () => {
+      o("update:show", !r.show);
     };
-    return (u, c) => (o(), i("div", ct, [
-      k($e, {
+    return (u, c) => (s(), i("div", ct, [
+      w($e, {
         duration: 300,
         name: "nested"
       }, {
-        default: w(() => [
-          u.show ? (o(), i("div", {
+        default: k(() => [
+          u.show ? (s(), i("div", {
             key: 0,
-            class: p(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
+            class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
-            onClick: s
+            onClick: l
           }, [
             t("div", {
               id: "modal",
-              class: p([u.searchBar ? "search" : ""]),
+              class: h([u.searchBar ? "search" : ""]),
               onClick: c[0] || (c[0] = ne(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? g("", !0) : (o(), A(J, {
+                u.searchBar ? m("", !0) : (s(), V(Z, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
-                  onClick: s
+                  onClick: l
                 }))
               ]),
               _(u.$slots, "default", {}, void 0, !0)
             ], 2)
-          ], 2)) : g("", !0)
+          ], 2)) : m("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" }, ht = { class: "slider__label" }, pt = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = /* @__PURE__ */ f({
+}), 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__ */ g({
   __name: "slider",
   props: {
     label: {},
@@ -491,73 +491,73 @@ 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), h = (m, y, q) => (m - y) / (q - y) * 100, S = (m) => {
+    const r = e, o = a, l = I(r.modelValue), u = I(), c = I(!1), p = (f, y, q) => (f - y) / (q - y) * 100, B = (f) => {
       var y;
-      (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
+      (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return de(() => {
       if (u.value) {
-        l("update:modelValue", s.value);
-        const m = h(s.value, r.min, r.max);
-        let y = (50 - m) / 100;
-        S(m + y);
+        o("update:modelValue", l.value);
+        const f = p(l.value, r.min, r.max);
+        let y = (50 - f) / 100;
+        B(f + y);
       }
-    }), (m, y) => (o(), i("div", null, [
+    }), (f, y) => (s(), i("div", null, [
       t("div", _t, [
-        t("div", ht, [
+        t("div", pt, [
           t("label", {
-            for: m.id,
-            class: p([m.variant, ""])
-          }, n(m.label), 11, pt),
-          m.information ? (o(), i("i", {
+            for: f.id,
+            class: h([f.variant, ""])
+          }, n(f.label), 11, ht),
+          f.information ? (s(), i("i", {
             key: 0,
             role: "button",
-            class: p([m.variant, "slider__information"]),
-            "aria-label": m.informationLabel,
+            class: h([f.variant, "slider__information"]),
+            "aria-label": f.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)
+          }, null, 42, mt)) : m("", !0)
         ]),
         t("div", vt, [
           t("span", {
-            class: p([m.variant, "slider__minmax"])
-          }, n(m.min), 3),
+            class: h([f.variant, "slider__minmax"])
+          }, n(f.min), 3),
           t("input", {
-            id: m.id,
+            id: f.id,
             ref_key: "slider",
             ref: u,
             type: "range",
-            name: m.name,
-            value: m.modelValue,
-            min: m.min,
-            step: m.step,
-            max: m.max,
-            class: p(m.variant),
-            onInput: y[2] || (y[2] = ({ target: q }) => s.value = parseFloat(q.value))
+            name: f.name,
+            value: f.modelValue,
+            min: f.min,
+            step: f.step,
+            max: f.max,
+            class: h(f.variant),
+            onInput: y[2] || (y[2] = ({ target: q }) => l.value = parseFloat(q.value))
           }, null, 42, ft),
           t("span", {
-            class: p([m.variant, "slider__minmax"])
-          }, n(m.max), 3)
+            class: h([f.variant, "slider__minmax"])
+          }, n(f.max), 3)
         ]),
         t("span", {
-          class: p([m.variant, "slider__value"])
-        }, n(m.modelValue), 3)
+          class: h([f.variant, "slider__value"])
+        }, n(f.modelValue), 3)
       ]),
-      m.information ? (o(), A(ue, {
+      f.information ? (s(), V(ue, {
         key: 0,
         show: c.value,
         "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
       }, {
-        default: w(() => [
-          j(n(m.information), 1)
+        default: k(() => [
+          K(n(f.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : g("", !0)
+      }, 8, ["show"])) : m("", !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__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Bt = { class: "textarea-info" }, St = { key: 0 }, It = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -571,10 +571,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (o(), i("div", yt, [
+    return (a, r) => (s(), i("div", yt, [
       t("label", {
         for: a.id,
-        class: p({ required: a.required })
+        class: h({ required: a.required })
       }, n(a.labelText) + n(a.required ? " *" : ""), 11, $t),
       t("div", {
         id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
@@ -589,25 +589,25 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           disabled: a.disabled,
           maxlength: a.maxLength,
           value: a.modelValue,
-          class: p(
+          class: h(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
-          onInput: r[0] || (r[0] = (l) => a.$emit("update:modelValue", l.target.value))
+          onInput: r[0] || (r[0] = (o) => a.$emit("update:modelValue", o.target.value))
         }, null, 42, wt)
       ], 8, kt),
-      t("div", St, [
+      t("div", Bt, [
         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 ? (s(), i("p", St, " Too many characters. Please make it shorter ")) : m("", !0)
         ]),
         t("p", {
-          class: p(
+          class: h(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
           )
         }, n(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + n(a.maxLength), 3)
       ])
     ]));
   }
-}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
+}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Tt = { class: "text-field__wrapper" }, Lt = ["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__ */ g({
   __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(
-      () => s.value ? "showPassword" : "hidePassword"
-    ), c = T(
-      () => s.value ? "password" : "text"
+    }, r = e, o = L(() => a[r.type]), l = I(!0), u = L(
+      () => l.value ? "showPassword" : "hidePassword"
+    ), c = L(
+      () => l.value ? "password" : "text"
     );
-    return (h, S) => (o(), i("div", Lt, [
+    return (p, B) => (s(), i("div", Tt, [
       t("label", {
-        for: h.id,
-        class: p([
-          h.required ? "required" : "",
-          h.disabled ? "disabled" : "",
-          h.search ? "search" : ""
+        for: p.id,
+        class: h([
+          p.required ? "required" : "",
+          p.disabled ? "disabled" : "",
+          p.search ? "search" : ""
         ])
-      }, n(h.label), 11, Tt),
-      l.value === "password" ? (o(), i("div", Vt, [
+      }, n(p.label), 11, Lt),
+      o.value === "password" ? (s(), i("div", Vt, [
         t("input", {
-          id: h.id,
+          id: p.id,
           ref: "passwordField",
           type: c.value,
-          value: h.modelValue,
-          placeholder: h.placeholder,
-          required: h.required,
-          disabled: h.disabled,
-          name: h.fieldName,
-          onInput: S[0] || (S[0] = (m) => h.$emit("update:modelValue", m.target.value))
+          value: p.modelValue,
+          placeholder: p.placeholder,
+          required: p.required,
+          disabled: p.disabled,
+          name: p.fieldName,
+          onInput: B[0] || (B[0] = (f) => p.$emit("update:modelValue", f.target.value))
         }, null, 40, Ct),
         t("i", {
           role: "button",
-          class: p([u.value]),
+          class: h([u.value]),
           "aria-controls": "password",
-          "aria-expanded": !s.value,
-          onClick: S[1] || (S[1] = (m) => s.value = !s.value)
+          "aria-expanded": !l.value,
+          onClick: B[1] || (B[1] = (f) => l.value = !l.value)
         }, null, 10, At)
-      ])) : (o(), i("input", {
+      ])) : (s(), i("input", {
         key: 1,
-        id: h.id,
+        id: p.id,
         ref: "textField",
-        type: l.value,
-        value: h.modelValue,
-        placeholder: h.placeholder,
-        required: h.required,
-        class: p([
-          h.invalid ? "invalid" : "",
-          h.valid ? "valid" : "",
-          h.search ? "search" : ""
+        type: o.value,
+        value: p.modelValue,
+        placeholder: p.placeholder,
+        required: p.required,
+        class: h([
+          p.invalid ? "invalid" : "",
+          p.valid ? "valid" : "",
+          p.search ? "search" : ""
         ]),
-        disabled: h.disabled,
-        name: h.fieldName,
-        onInput: S[2] || (S[2] = (m) => h.$emit("update:modelValue", m.target.value))
+        disabled: p.disabled,
+        name: p.fieldName,
+        onInput: B[2] || (B[2] = (f) => p.$emit("update:modelValue", f.target.value))
       }, null, 42, Dt)),
-      h.search ? (o(), i("i", Mt)) : g("", !0),
-      h.errorMessage ? (o(), i("strong", Ot, n(h.errorMessage), 1)) : g("", !0),
-      h.helperText ? (o(), i("span", Pt, n(h.helperText), 1)) : g("", !0)
+      p.search ? (s(), i("i", Mt)) : m("", !0),
+      p.errorMessage ? (s(), i("strong", Ot, n(p.errorMessage), 1)) : m("", !0),
+      p.helperText ? (s(), i("span", Pt, n(p.helperText), 1)) : m("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
+}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -716,18 +716,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   },
   setup(e, { expose: a }) {
     const r = e;
-    let l = I(null);
+    let o = I(null);
     return de(() => {
-      l.value && (r.play ? l.value.play() : r.play || l.value.pause());
+      o.value && (r.play ? o.value.play() : r.play || o.value.pause());
     }), a({
       resetVideo: () => {
-        l.value && (l.value.currentTime = 0, l.value.play());
+        o.value && (o.value.currentTime = 0, o.value.play());
       }
-    }), (u, c) => (o(), i("div", Rt, [
-      u.localVideo ? (o(), i("video", {
+    }), (u, c) => (s(), i("div", Rt, [
+      u.localVideo ? (s(), i("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: l,
+        ref: o,
         "aria-label": u.ariaLabel,
         controls: u.controls,
         poster: u.poster,
@@ -739,7 +739,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         type: "video/mp4",
         playsinline: "",
         src: u.src
-      }, null, 8, Nt)) : (o(), i("iframe", {
+      }, null, 8, Nt)) : (s(), i("iframe", {
         key: 1,
         src: u.src,
         "aria-label": u.ariaLabel,
@@ -752,7 +752,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       }, null, 8, Ht))
     ]));
   }
-}), Y = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, jt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Jt = ["href"], Xt = /* @__PURE__ */ f({
+}), Y = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), jt = { class: "address__wrapper" }, Ut = { class: "address__content" }, Kt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Jt = { class: "address__contact" }, Qt = ["href"], Zt = ["href"], Xt = /* @__PURE__ */ g({
   __name: "address",
   props: {
     name: {},
@@ -764,9 +764,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     email: {}
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ut, [
-      t("div", Kt, [
-        t("div", jt, [
+    return (a, r) => (s(), i("div", jt, [
+      t("div", Ut, [
+        t("div", Kt, [
           _(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Gt, [
@@ -774,31 +774,31 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           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 ? (s(), i("p", Yt, n(a.addressLine3), 1)) : m("", !0)
         ]),
-        t("div", Qt, [
-          (o(!0), i(D, null, M(a.phoneNumbers, (l) => (o(), A(O, {
-            key: l,
+        t("div", Jt, [
+          (s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), V(A, {
+            key: o,
             underline: "false",
             "link-type": "regular"
           }, {
-            default: w(() => [
+            default: k(() => [
               t("a", {
-                href: "tel:" + l,
+                href: "tel:" + o,
                 class: "address__phone"
-              }, n(l), 9, Zt)
+              }, n(o), 9, Qt)
             ]),
             _: 2
           }, 1024))), 128)),
           t("a", {
             href: "mailto:" + a.email,
             class: "address__email"
-          }, n(a.email), 9, Jt)
+          }, n(a.email), 9, Zt)
         ])
       ])
     ]));
   }
-}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
+}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -818,14 +818,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ta, [
+    return (a, r) => (s(), i("div", ta, [
       t("div", {
-        class: p(["bullet-list", e.variant])
+        class: h(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (o(!0), i(D, null, M(e.list, (l) => (o(), i("li", { key: l }, [
+          (s(!0), i(M, null, O(e.list, (o) => (s(), i("li", { key: o }, [
             aa,
-            j(" " + n(l), 1)
+            K(" " + n(o), 1)
           ]))), 128))
         ])
       ], 2)
@@ -834,7 +834,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
 }), oa = /* @__PURE__ */ v(la, [["__scopeId", "data-v-a44fd57d"]]), sa = { class: "card__wrapper" }, ia = {
   key: 2,
   class: "card__label"
-}, ra = { key: 5 }, na = /* @__PURE__ */ f({
+}, ra = { key: 5 }, na = /* @__PURE__ */ g({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -858,7 +858,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   setup(e) {
     const a = we();
     let r = I(!1);
-    const l = {
+    const o = {
       small: {
         class: "card--small",
         width: "298",
@@ -874,10 +874,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         width: "596",
         height: "335"
       }
-    }, s = e, u = T(() => l[s.size]);
-    return (c, h) => (o(), i("div", sa, [
+    }, l = e, u = L(() => o[l.size]);
+    return (c, p) => (s(), i("div", sa, [
       t("div", {
-        class: p(["card", [
+        class: h(["card", [
           c.theme === "dark" ? "card--dark" : "card--light",
           c.orientation === "vertical" ? "vertical" : "horizontal",
           u.value.class,
@@ -885,11 +885,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           c.variant === "product" ? "card--product" : "card--article"
         ]]),
         style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: h[0] || (h[0] = (S) => ie(r) ? r.value = !0 : r = !0),
-        onMouseout: h[1] || (h[1] = (S) => ie(r) ? r.value = !1 : r = !1)
+        onMouseover: p[0] || (p[0] = (B) => ie(r) ? r.value = !0 : r = !0),
+        onMouseout: p[1] || (p[1] = (B) => ie(r) ? r.value = !1 : r = !1)
       }, [
-        c.mediaType === "image" ? (o(), A(C, { key: 0 }, {
-          default: w(() => [
+        c.mediaType === "image" ? (s(), V(D, { key: 0 }, {
+          default: k(() => [
             _(c.$slots, "card-image", te({
               src: c.imgSrc,
               width: "596",
@@ -900,12 +900,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             }, { srcset: c.srcSet }))
           ]),
           _: 3
-        })) : (o(), i("div", {
+        })) : (s(), i("div", {
           key: 1,
-          class: p(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
+          class: h(["video-card__wrapper", C(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          k(Y, {
-            play: V(r),
+          w(Y, {
+            play: C(r),
             "local-video": !0,
             src: c.videoSrc,
             "aria-label": c.arialabel,
@@ -918,22 +918,22 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        V(a)["card-label"] ? (o(), i("div", ia, [
+        C(a)["card-label"] ? (s(), i("div", ia, [
           _(c.$slots, "card-label")
-        ])) : g("", !0),
-        c.variant === "product" ? (o(), i("h3", {
+        ])) : m("", !0),
+        c.variant === "product" ? (s(), i("h3", {
           key: 3,
-          class: p(c.theme === "dark" ? "regular-dark" : "regular-blue"),
+          class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
           style: { "font-weight": "700" }
-        }, n(c.headline), 3)) : (o(), i("h3", {
+        }, n(c.headline), 3)) : (s(), i("h3", {
           key: 4,
-          class: p(c.theme === "dark" ? "regular-dark" : "regular-dark-blue")
+          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" ? (s(), i("p", ra, n(c.paragraph), 1)) : m("", !0)
       ], 38)
     ]));
   }
-}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-bc91c976"), e = e(), R(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, ha = { class: "event__date-location" }, pa = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
+}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-bc91c976"), e = e(), R(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -958,21 +958,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ua, [
-      k(W, {
+    return (a, r) => (s(), i("div", ua, [
+      w(G, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
       t("div", _a, n(e.headline), 1),
-      t("div", ha, [
-        j(n(e.dateTime), 1),
-        pa,
-        j(n(e.location), 1)
+      t("div", pa, [
+        K(n(e.dateTime), 1),
+        ha,
+        K(n(e.location), 1)
       ]),
       t("div", ma, n(e.exhibitor), 1)
     ]));
   }
-}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-bc91c976"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
+}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-bc91c976"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -989,8 +989,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ga, [
-      k(W, {
+    return (a, r) => (s(), i("div", ga, [
+      w(G, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1000,10 +1000,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), 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 = {
+}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Ba = { class: "facts__content" }, Sa = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, Ta = { class: "fact__metric" }, La = {
   key: 0,
   class: "facts__link"
-}, Va = /* @__PURE__ */ f({
+}, Va = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1027,33 +1027,33 @@ 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),
+    return (a, r) => (s(), i("div", wa, [
+      t("div", Ba, [
+        t("h2", Sa, n(a.headline), 1),
         t("div", Ia, [
-          (o(!0), i(D, null, M(a.facts, (l) => (o(), i("div", {
-            key: l.value + l.metric,
+          (s(!0), i(M, null, O(a.facts, (o) => (s(), i("div", {
+            key: o.value + o.metric,
             class: "fact"
           }, [
             t("div", qa, [
-              t("span", null, n(l.value), 1)
+              t("span", null, n(o.value), 1)
             ]),
-            t("div", La, [
-              t("span", null, n(l.metric), 1)
+            t("div", Ta, [
+              t("span", null, n(o.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (o(), i("div", Ta, [
-          k(O, {
+        a.link ? (s(), i("div", La, [
+          w(A, {
             "link-type": "regular_light",
             arrow: ""
           }, {
-            default: w(() => [
+            default: k(() => [
               _(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : g("", !0)
+        ])) : m("", !0)
       ])
     ]));
   }
@@ -1063,7 +1063,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
 }, Oa = {
   key: 1,
   class: "features__body"
-}, Pa = { class: "element__headline" }, Fa = { class: "element__body" }, Ea = /* @__PURE__ */ f({
+}, Pa = { class: "element__headline" }, Fa = { class: "element__body" }, Ea = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1071,40 +1071,40 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Aa, [
+    return (a, r) => (s(), i("div", Aa, [
       t("div", Da, [
-        a.headline ? (o(), i("div", Ma, [
+        a.headline ? (s(), i("div", Ma, [
           t("h2", null, n(a.headline), 1)
-        ])) : g("", !0),
-        a.body ? (o(), i("div", Oa, [
+        ])) : m("", !0),
+        a.body ? (s(), i("div", Oa, [
           t("p", null, n(a.body), 1)
-        ])) : g("", !0),
+        ])) : m("", !0),
         t("div", {
-          class: p(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
+          class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (o(!0), i(D, null, M(a.elements, (l) => (o(), i("div", {
-            key: l.headline,
+          (s(!0), i(M, null, O(a.elements, (o) => (s(), i("div", {
+            key: o.headline,
             class: "features__element"
           }, [
-            k(C, { class: "element__icon" }, {
-              default: w(() => [
+            w(D, { class: "element__icon" }, {
+              default: k(() => [
                 _(a.$slots, "features-icon", P(F({
-                  src: l.icon.src,
+                  src: o.icon.src,
                   height: 30,
                   width: 30,
-                  alt: l.icon.alt
+                  alt: o.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            t("p", Pa, n(l.headline), 1),
-            t("p", Fa, n(l.body), 1)
+            t("p", Pa, n(o.headline), 1),
+            t("p", Fa, n(o.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), Ra = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Na = { 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({
+}), Ra = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Na = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, ja = { class: "form__headline" }, Ua = { class: "form__body" }, Ka = { class: "form__script" }, Ga = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1113,21 +1113,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Na, [
+    return (a, r) => (s(), i("div", Na, [
       t("div", Ha, [
         t("div", za, [
-          t("h2", Ua, n(e.headline), 1),
-          t("div", Ka, [
+          t("h2", ja, n(e.headline), 1),
+          t("div", Ua, [
             _(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", ja, [
+        t("div", Ka, [
           _(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({
+}), Wa = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-55d9c2fd"]]), Ya = { class: "image__wrapper" }, Ja = { class: "image__content" }, Qa = { class: "image__image" }, Za = { class: "image__caption" }, Xa = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1146,17 +1146,17 @@ 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(() => [
+    return (a, r) => (s(), i("div", Ya, [
+      t("div", Ja, [
+        t("div", Qa, [
+          w(D, null, {
+            default: k(() => [
               _(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", Za, n(e.caption), 1)
       ])
     ]));
   }
@@ -1169,7 +1169,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
 }, ll = {
   key: 0,
   class: "body"
-}, ol = /* @__PURE__ */ f({
+}, ol = /* @__PURE__ */ g({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1185,35 +1185,35 @@ 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", {
-      class: p(["gallery__wrapper", l.value])
+    }, r = e, o = L(() => a[r.bgColor]);
+    return (l, u) => (s(), i("div", {
+      class: h(["gallery__wrapper", o.value])
     }, [
       t("div", {
-        class: p([
+        class: h([
           "gallery__content",
-          s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
+          l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
         t("div", el, [
-          s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
-            k(C, null, {
-              default: w(() => [
-                _(s.$slots, "image-large", P(F({
+          l.mediaLarge && l.mediaType === "image" ? (s(), i("div", tl, [
+            w(D, null, {
+              default: k(() => [
+                _(l.$slots, "image-large", P(F({
                   width: 617,
                   height: 530,
-                  src: s.mediaLarge.src,
-                  alt: s.mediaLarge.alt
+                  src: l.mediaLarge.src,
+                  alt: l.mediaLarge.alt
                 })))
               ]),
               _: 3
             })
-          ])) : g("", !0),
-          s.mediaLarge && s.mediaType === "video" ? (o(), i("div", al, [
-            k(Y, {
-              src: s.mediaLarge.src,
+          ])) : m("", !0),
+          l.mediaLarge && l.mediaType === "video" ? (s(), i("div", al, [
+            w(Y, {
+              src: l.mediaLarge.src,
               "local-video": "",
-              "aria-label": s.mediaLarge.alt,
+              "aria-label": l.mediaLarge.alt,
               controls: !1,
               height: "530",
               width: "617",
@@ -1222,22 +1222,22 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : g("", !0)
+          ])) : m("", !0)
         ]),
         t("div", {
-          style: ae([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
-          class: p([
+          style: ae([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          class: h([
             "gallery__small",
-            s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
+            l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (o(!0), i(D, null, M(s.mediaSmall, (c) => (o(), i("div", {
+          (s(!0), i(M, null, O(l.mediaSmall, (c) => (s(), i("div", {
             key: c.src + c.alt,
             class: "image image--small"
           }, [
-            k(C, null, {
-              default: w(() => [
-                _(s.$slots, "image-small", P(F({
+            w(D, null, {
+              default: k(() => [
+                _(l.$slots, "image-small", P(F({
                   width: 328,
                   height: 246,
                   src: c.src,
@@ -1247,14 +1247,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
               _: 2
             }, 1024)
           ]))), 128)),
-          s.mediaSmall.length < 2 ? (o(), i("div", ll, [
-            t("p", null, n(s.body), 1)
-          ])) : g("", !0)
+          l.mediaSmall.length < 2 ? (s(), i("div", ll, [
+            t("p", null, n(l.body), 1)
+          ])) : m("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), sl = /* @__PURE__ */ v(ol, [["__scopeId", "data-v-029495a0"]]), il = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, nl = /* @__PURE__ */ f({
+}), sl = /* @__PURE__ */ v(ol, [["__scopeId", "data-v-029495a0"]]), il = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, nl = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1271,9 +1271,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", il, [
+    return (a, r) => (s(), i("div", il, [
       t("div", {
-        class: p({
+        class: h({
           "headline__content--article-and-submenu": e.article && e.subMenu,
           "headline__content--article": e.article && !e.subMenu,
           "headline__content--default headline__content--submenu": !e.article && e.subMenu,
@@ -1284,7 +1284,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 2)
     ]));
   }
-}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-22f9be13"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, hl = { class: "hero__top" }, pl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = { class: "hero__video__video" }, yl = { class: "hero__image" }, $l = /* @__PURE__ */ f({
+}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-22f9be13"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, 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 = { class: "hero__video__video" }, yl = { class: "hero__image" }, $l = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1293,19 +1293,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", ul, [
+    return (a, r) => (s(), i("div", ul, [
       t("div", _l, [
-        t("div", hl, [
-          t("div", pl, [
+        t("div", pl, [
+          t("div", hl, [
             t("div", ml, [
               t("h1", null, n(e.headline), 1)
             ]),
             t("div", vl, [
-              k(O, {
+              w(A, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
-                default: w(() => [
+                default: k(() => [
                   _(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
@@ -1325,10 +1325,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-22f9be13"]]), wl = { class: "logo-wall__wrapper" }, Sl = { class: "logo-wall__content" }, Bl = {
+}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-22f9be13"]]), wl = { class: "logo-wall__wrapper" }, Bl = { class: "logo-wall__content" }, Sl = {
   key: 0,
   class: "logo-wall__text"
-}, Il = { key: 0 }, ql = { key: 1 }, Ll = { class: "logo-wall__logos" }, Tl = { class: "logo-wall__link" }, Vl = /* @__PURE__ */ f({
+}, Il = { key: 0 }, ql = { key: 1 }, Tl = { class: "logo-wall__logos" }, Ll = { class: "logo-wall__link" }, Vl = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1346,36 +1346,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", wl, [
-      t("div", Sl, [
-        e.headline || e.body ? (o(), i("div", Bl, [
-          e.headline ? (o(), i("h2", Il, n(e.headline), 1)) : g("", !0),
-          e.body ? (o(), i("p", ql, n(e.body), 1)) : g("", !0)
-        ])) : g("", !0),
-        t("div", Ll, [
-          (o(!0), i(D, null, M(e.logos, (l) => (o(), i("div", {
-            key: l.src + l.alt,
+    return (a, r) => (s(), i("div", wl, [
+      t("div", Bl, [
+        e.headline || e.body ? (s(), i("div", Sl, [
+          e.headline ? (s(), i("h2", Il, n(e.headline), 1)) : m("", !0),
+          e.body ? (s(), i("p", ql, n(e.body), 1)) : m("", !0)
+        ])) : m("", !0),
+        t("div", Tl, [
+          (s(!0), i(M, null, O(e.logos, (o) => (s(), i("div", {
+            key: o.src + o.alt,
             class: "logo-wall__logo"
           }, [
-            k(C, null, {
-              default: w(() => [
+            w(D, null, {
+              default: k(() => [
                 _(a.$slots, "logo-wall-logo", P(F({
                   width: 130,
                   height: 130,
-                  src: l.src,
-                  alt: l.alt
+                  src: o.src,
+                  alt: o.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Tl, [
-          k(O, {
+        t("div", Ll, [
+          w(A, {
             "link-type": "regular_light",
             arrow: !0
           }, {
-            default: w(() => [
+            default: k(() => [
               _(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
@@ -1390,7 +1390,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
 }, Ml = {
   key: 1,
   class: "body"
-}, Ol = { class: "micro-stories__splide" }, Pl = /* @__PURE__ */ f({
+}, Ol = { class: "micro-stories__splide" }, Pl = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1402,36 +1402,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", {
-      class: p(["micro-stories__wrapper", r.value])
+    }, r = L(() => a[o.bgColor]), o = e;
+    return (l, u) => (s(), i("div", {
+      class: h(["micro-stories__wrapper", r.value])
     }, [
       t("div", Al, [
-        s.headline ? (o(), i("div", Dl, [
-          t("h2", null, n(s.headline), 1)
-        ])) : g("", !0),
-        s.body ? (o(), i("div", Ml, [
-          t("p", null, n(s.body), 1)
-        ])) : g("", !0)
+        l.headline ? (s(), i("div", Dl, [
+          t("h2", null, n(l.headline), 1)
+        ])) : m("", !0),
+        l.body ? (s(), i("div", Ml, [
+          t("p", null, n(l.body), 1)
+        ])) : m("", !0)
       ]),
       t("div", Ol, [
-        _(s.$slots, "micro-stories-slides")
+        _(l.$slots, "micro-stories-slides")
       ]),
-      _(s.$slots, "micro-stories-controls")
+      _(l.$slots, "micro-stories-controls")
     ], 2));
   }
 }), Fl = {}, El = { class: "policy__wrapper" }, Rl = { class: "policy__content" };
 function Nl(e, a) {
-  return o(), i("div", El, [
+  return s(), i("div", El, [
     t("div", Rl, [
       _(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b"]]), zl = { class: "card-display__wrapper" }, Ul = {
+const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b"]]), zl = { class: "card-display__wrapper" }, jl = {
   key: 0,
   class: "card__content"
-}, Kl = { key: 0 }, jl = { key: 1 }, Gl = { class: "card__cards" }, Wl = /* @__PURE__ */ f({
+}, Ul = { key: 0 }, Kl = { key: 1 }, Gl = { class: "card__cards" }, Wl = /* @__PURE__ */ g({
   __name: "card-display",
   props: {
     headline: {
@@ -1448,24 +1448,24 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", {
-      class: p([
+    return (a, r) => (s(), i("div", {
+      class: h([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
       t("div", zl, [
-        e.headline || e.paragraph ? (o(), i("div", Ul, [
-          e.headline ? (o(), i("h2", Kl, n(e.headline), 1)) : g("", !0),
-          e.paragraph ? (o(), i("p", jl, n(e.paragraph), 1)) : g("", !0)
-        ])) : g("", !0),
+        e.headline || e.paragraph ? (s(), i("div", jl, [
+          e.headline ? (s(), i("h2", Ul, n(e.headline), 1)) : m("", !0),
+          e.paragraph ? (s(), i("p", Kl, n(e.paragraph), 1)) : m("", !0)
+        ])) : m("", !0),
         t("div", Gl, [
           _(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Yl = /* @__PURE__ */ v(Wl, [["__scopeId", "data-v-183dcee5"]]), Ql = { class: "promo__content" }, Zl = /* @__PURE__ */ f({
+}), Yl = /* @__PURE__ */ v(Wl, [["__scopeId", "data-v-183dcee5"]]), Jl = { class: "promo__content" }, Ql = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1485,92 +1485,92 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__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", {
-      class: p([
+    }, r = e, o = L(() => a[r.variant]);
+    return (l, u) => (s(), i("div", {
+      class: h([
         "promo__wrapper",
-        l.value,
-        s.teaser ? "promo__wrapper--teaser" : ""
+        o.value,
+        l.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Ql, [
-        s.mediaType === "image" ? (o(), i("div", {
+      t("div", Jl, [
+        l.mediaType === "image" ? (s(), i("div", {
           key: 0,
-          class: p([
+          class: h([
             "promo__image",
-            s.reverse ? "promo__image--reverse" : "promo__image--default"
+            l.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          k(C, null, {
-            default: w(() => [
-              _(s.$slots, "promo-image", P(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
+          w(D, null, {
+            default: k(() => [
+              _(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : g("", !0),
-        s.mediaType === "video" ? (o(), i("div", {
+        ], 2)) : m("", !0),
+        l.mediaType === "video" ? (s(), i("div", {
           key: 1,
-          class: p([
+          class: h([
             "promo__video",
-            s.reverse ? "promo__video--reverse" : "promo__video--default"
+            l.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          k(Y, {
-            src: s.src,
+          w(Y, {
+            src: l.src,
             "local-video": "",
-            "aria-label": s.alt,
+            "aria-label": l.alt,
             controls: !1,
             autoplay: "",
             loop: "",
             muted: "",
             play: "",
-            poster: s.fallbackImage
+            poster: l.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : g("", !0),
+        ], 2)) : m("", !0),
         t("div", {
-          class: p([
+          class: h([
             "promo__text",
-            s.reverse ? "promo__text--reverse" : "promo__text--default"
+            l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          s.label ? (o(), A(W, {
+          l.label ? (s(), V(G, {
             key: 0,
-            text: s.label,
-            "label-dark": s.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : g("", !0),
+            text: l.label,
+            "label-dark": l.variant === "dark"
+          }, null, 8, ["text", "label-dark"])) : m("", !0),
           t("div", {
-            class: p([
+            class: h([
               "promo__title",
-              s.variant === "dark" ? "promo__title--dark" : ""
+              l.variant === "dark" ? "promo__title--dark" : ""
             ])
-          }, n(s.headline), 3),
-          s.linkType === "link" ? (o(), A(O, {
+          }, n(l.headline), 3),
+          l.linkType === "link" ? (s(), V(A, {
             key: 1,
-            "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
+            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: w(() => [
-              _(s.$slots, "promo-link")
+            default: k(() => [
+              _(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : g("", !0),
-          s.linkType === "button" ? (o(), A(O, {
+          }, 8, ["link-type"])) : m("", !0),
+          l.linkType === "button" ? (s(), V(A, {
             key: 2,
-            "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
+            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
-            default: w(() => [
-              _(s.$slots, "promo-link")
+            default: k(() => [
+              _(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : g("", !0)
+          }, 8, ["link-type"])) : m("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), Jl = /* @__PURE__ */ v(Zl, [["__scopeId", "data-v-7e80a0f0"]]), Xl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), xl = { class: "quote__wrapper" }, eo = { class: "quote__content" }, to = /* @__PURE__ */ Xl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ao = { class: "quote__quote" }, lo = { class: "quote__quote-text" }, oo = { class: "quote__author" }, so = {
+}), Zl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-7e80a0f0"]]), Xl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), xl = { class: "quote__wrapper" }, eo = { class: "quote__content" }, to = /* @__PURE__ */ Xl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ao = { class: "quote__quote" }, lo = { class: "quote__quote-text" }, oo = { class: "quote__author" }, so = {
   key: 0,
   class: "quote__image"
-}, io = { class: "quote__text" }, ro = { class: "quote__author-name" }, no = { class: "quote__author-title" }, co = /* @__PURE__ */ f({
+}, io = { class: "quote__text" }, ro = { class: "quote__author-name" }, no = { class: "quote__author-title" }, co = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1592,15 +1592,15 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", xl, [
+    return (a, r) => (s(), i("div", xl, [
       t("div", eo, [
         to,
         t("div", ao, [
           t("p", lo, n(e.quote), 1),
           t("div", oo, [
-            e.authorImage ? (o(), i("div", so, [
-              k(C, null, {
-                default: w(() => [
+            e.authorImage ? (s(), i("div", so, [
+              w(D, null, {
+                default: k(() => [
                   _(a.$slots, "author-image", P(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
@@ -1609,7 +1609,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
                 ]),
                 _: 3
               })
-            ])) : g("", !0),
+            ])) : m("", !0),
             t("div", io, [
               t("p", ro, n(e.author), 1),
               t("p", no, n(e.authorTitle), 1)
@@ -1619,13 +1619,13 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
       ])
     ]));
   }
-}), uo = /* @__PURE__ */ v(co, [["__scopeId", "data-v-e3cc8e27"]]), _o = { class: "rich-text__wrapper" }, ho = {
+}), uo = /* @__PURE__ */ v(co, [["__scopeId", "data-v-e3cc8e27"]]), _o = { class: "rich-text__wrapper" }, po = {
   key: 0,
   class: "rich-text__links"
-}, po = {
+}, ho = {
   key: 0,
   class: "rich-text__bullet-list"
-}, mo = /* @__PURE__ */ f({
+}, mo = /* @__PURE__ */ g({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1638,66 +1638,66 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
     label: { default: "" }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", {
-      class: p([
+    return (a, r) => (s(), i("div", {
+      class: h([
         "rich-text",
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", _o, [
-        a.label ? (o(), A(W, {
+        a.label ? (s(), V(G, {
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : g("", !0),
-        a.headline ? (o(), i("h2", {
+        }, null, 8, ["text"])) : m("", !0),
+        a.headline ? (s(), i("h2", {
           key: 1,
-          class: p([
+          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)) : m("", !0),
         t("div", {
-          class: p([
+          class: h([
             "rich-text__content",
             a.leftAligned || a.bulletList || a.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: p([
+            class: h([
               "rich-text__body",
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
             _(a.$slots, "rich-text-content"),
-            a.links ? (o(), i("div", ho, [
+            a.links ? (s(), i("div", po, [
               _(a.$slots, "rich-text-links")
-            ])) : g("", !0)
+            ])) : m("", !0)
           ], 2),
-          a.bulletList ? (o(), i("div", po, [
+          a.bulletList ? (s(), i("div", ho, [
             _(a.$slots, "rich-text-bullet-list")
-          ])) : g("", !0),
-          a.image ? (o(), i("div", {
+          ])) : m("", !0),
+          a.image ? (s(), i("div", {
             key: 1,
-            class: p([
+            class: h([
               "rich-text__image",
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            k(C, null, {
-              default: w(() => [
+            w(D, null, {
+              default: k(() => [
                 _(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : g("", !0)
+          ], 2)) : m("", !0)
         ], 2)
       ])
     ], 2));
   }
 }), vo = /* @__PURE__ */ v(mo, [["__scopeId", "data-v-7bcde564"]]), fo = {}, go = { class: "rich-text" }, bo = { class: "rich-text__wrapper" }, yo = { class: "rich-text__content rich-text__content--left-aligned" }, $o = { class: "rich-text__body" };
 function ko(e, a) {
-  return o(), i("div", go, [
+  return s(), i("div", go, [
     t("div", bo, [
       t("div", yo, [
         t("div", $o, [
@@ -1712,10 +1712,10 @@ function ko(e, a) {
     ])
   ]);
 }
-const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4"]]), So = (e) => (E("data-v-78d319df"), e = e(), R(), e), Bo = { class: "timeline__wrapper" }, Io = { class: "timeline__content" }, qo = { class: "timeline__items" }, Lo = { class: "item__left" }, To = /* @__PURE__ */ So(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4"]]), Bo = (e) => (E("data-v-78d319df"), e = e(), R(), e), So = { class: "timeline__wrapper" }, Io = { class: "timeline__content" }, qo = { class: "timeline__items" }, To = { class: "item__left" }, Lo = /* @__PURE__ */ Bo(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Vo = { class: "item__right" }, Co = ["innerHTML"], Ao = /* @__PURE__ */ f({
+], -1)), Vo = { class: "item__right" }, Co = ["innerHTML"], Ao = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1726,38 +1726,38 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   setup(e) {
     return ce(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
-        (l) => {
-          l.forEach((s) => {
-            s.isIntersecting && (s.target.classList.add("visible"), s.target.classList.remove("faded"), r.unobserve(s.target));
+        (o) => {
+          o.forEach((l) => {
+            l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
           });
         },
         {
           threshold: 1
         }
       );
-      a.forEach((l) => {
-        r.observe(l);
+      a.forEach((o) => {
+        r.observe(o);
       });
-    }), (a, r) => (o(), i("div", Bo, [
+    }), (a, r) => (s(), i("div", So, [
       t("div", Io, [
         t("div", qo, [
-          (o(!0), i(D, null, M(e.timelineItems, (l) => (o(), i("div", {
-            key: l.year,
+          (s(!0), i(M, null, O(e.timelineItems, (o) => (s(), i("div", {
+            key: o.year,
             class: "timeline__item faded"
           }, [
-            t("div", Lo, n(l.year), 1),
-            To,
+            t("div", To, n(o.year), 1),
+            Lo,
             t("div", Vo, [
-              k(C, null, {
-                default: w(() => [
-                  l.media.type === "image" ? _(a.$slots, "timeline-image", P(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
+              w(D, null, {
+                default: k(() => [
+                  o.media.type === "image" ? _(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
+                style: ae([o.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
-                innerHTML: l.text
+                innerHTML: o.text
               }, null, 12, Co)
             ])
           ]))), 128))
@@ -1771,7 +1771,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
 }, Fo = {
   key: 1,
   class: "vimeo__description"
-}, Eo = /* @__PURE__ */ f({
+}, Eo = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -1784,15 +1784,15 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Mo, [
+    return (a, r) => (s(), i("div", Mo, [
       t("div", Oo, [
-        e.headline ? (o(), i("h2", Po, n(e.headline), 1)) : g("", !0),
+        e.headline ? (s(), i("h2", Po, n(e.headline), 1)) : m("", !0),
         _(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (o(), i("p", Fo, n(e.description), 1)) : g("", !0)
+        e.description ? (s(), i("p", Fo, n(e.description), 1)) : m("", !0)
       ])
     ]));
   }
-}), Ro = /* @__PURE__ */ v(Eo, [["__scopeId", "data-v-599c68c7"]]), No = { class: "not-found__wrapper" }, Ho = { class: "not-found__content" }, zo = { class: "not-found__headline" }, Uo = { class: "not-found__body" }, Ko = /* @__PURE__ */ f({
+}), Ro = /* @__PURE__ */ v(Eo, [["__scopeId", "data-v-599c68c7"]]), No = { class: "not-found__wrapper" }, Ho = { class: "not-found__content" }, zo = { class: "not-found__headline" }, jo = { class: "not-found__body" }, Uo = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -1801,16 +1801,16 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", No, [
+    return (a, r) => (s(), i("div", No, [
       t("div", Ho, [
         t("h1", zo, n(e.headline), 1),
-        t("div", Uo, [
+        t("div", jo, [
           _(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), jo = /* @__PURE__ */ v(Ko, [["__scopeId", "data-v-b829ca6c"]]), Go = { class: "filter__wrapper" }, Wo = { class: "filter__content" }, Yo = { class: "filter__dropdowns" }, Qo = { class: "filter__chips" }, Zo = /* @__PURE__ */ f({
+}), Ko = /* @__PURE__ */ v(Uo, [["__scopeId", "data-v-b829ca6c"]]), Go = { class: "filter__wrapper" }, Wo = { class: "filter__content" }, Yo = { class: "filter__dropdowns" }, Jo = { class: "filter__chips" }, Qo = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1824,23 +1824,23 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (o(), i("div", Go, [
+    return (a, r) => (s(), i("div", Go, [
       t("div", Wo, [
         t("div", Yo, [
           _(a.$slots, "filter-dropdowns")
         ]),
-        t("div", Qo, [
+        t("div", Jo, [
           _(a.$slots, "filter-chips"),
-          e.hasChips ? (o(), i("button", {
+          e.hasChips ? (s(), i("button", {
             key: 0,
             class: "filter__clear",
-            onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
-          }, n(e.removeAll), 1)) : g("", !0)
+            onClick: r[0] || (r[0] = (o) => a.$emit("clearFilters"))
+          }, n(e.removeAll), 1)) : m("", !0)
         ])
       ])
     ]));
   }
-}), Jo = /* @__PURE__ */ v(Zo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Xo = { class: "footer__wrapper" }, xo = { class: "footer__content" }, es = { class: "footer__sections" }, ts = { class: "section__title" }, as = { class: "section__list" }, ls = { class: "section" }, os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), ns = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ds = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), cs = { class: "footer__bottom" }, us = { class: "copyright" }, _s = { class: "footer__policy" }, hs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), ps = { class: "footer__social" }, ms = ["href", "aria-label"], vs = /* @__PURE__ */ f({
+}), Zo = /* @__PURE__ */ v(Qo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Xo = { class: "footer__wrapper" }, xo = { class: "footer__content" }, es = { class: "footer__sections" }, ts = { class: "section__title" }, as = { class: "section__list" }, ls = { class: "section" }, os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), ns = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ds = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), cs = { class: "footer__bottom" }, us = { class: "copyright" }, _s = { class: "footer__policy" }, ps = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), hs = { class: "footer__social" }, ms = ["href", "aria-label"], vs = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     footerSections: { default: () => [] },
@@ -1851,18 +1851,18 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (o(), i("div", Xo, [
+    return (a, r) => (s(), i("div", Xo, [
       t("footer", xo, [
         t("div", es, [
-          (o(!0), i(D, null, M(a.footerSections, (l) => (o(), i("div", {
-            key: l.title,
+          (s(!0), i(M, null, O(a.footerSections, (o) => (s(), i("div", {
+            key: o.title,
             class: "section"
           }, [
-            t("span", ts, n(l.title), 1),
+            t("span", ts, n(o.title), 1),
             t("nav", null, [
               t("ul", as, [
                 _(a.$slots, "section-links", {
-                  links: l.links
+                  links: o.links
                 })
               ])
             ])
@@ -1873,22 +1873,22 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
               ss,
               is,
               rs,
-              k(O, {
+              w(A, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: w(() => [
+                default: k(() => [
                   ns
                 ]),
                 _: 1
               }),
-              k(O, {
+              w(A, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: w(() => [
+                default: k(() => [
                   ds
                 ]),
                 _: 1
@@ -1901,31 +1901,31 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
           t("div", _s, [
             t("button", {
               class: "footer__language-switcher",
-              onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
+              onClick: r[0] || (r[0] = (o) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                hs,
-                j(n(a.changeRegion), 1)
+                ps,
+                K(n(a.changeRegion), 1)
               ])
             ]),
             _(a.$slots, "footer-privacy-link"),
             _(a.$slots, "footer-cookie-link")
           ]),
-          t("div", ps, [
-            (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
-              key: l.title,
+          t("div", hs, [
+            (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), V(A, {
+              key: o.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: w(() => [
+              default: k(() => [
                 t("a", {
-                  href: l.url,
-                  "aria-label": l.title
+                  href: o.url,
+                  "aria-label": o.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: p(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
+                    class: h(["footer__social--icon", [o.title ? "bg-" + o.title : ""]])
                   }, null, 2)
                 ], 8, ms)
               ]),
@@ -1943,12 +1943,12 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Ss = {
+}, Bs = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Bs = { class: "dropdown-content" }, Is = { class: "nav-search-wrapper" }, qs = ["src"], Ls = { class: "mobile-logo-search-burger-wrapper" }, Ts = { class: "mobile-mir-link-logo" }, Vs = { class: "mobile-search-wrapper" }, Cs = ["src"], As = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ f({
+}, Ss = { class: "dropdown-content" }, Is = { class: "nav-search-wrapper" }, qs = ["src"], Ts = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Vs = { class: "mobile-search-wrapper" }, Cs = ["src"], As = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -1966,28 +1966,28 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     "clickSearch"
   ],
   setup(e, { expose: a, emit: r }) {
-    let l = null;
-    const s = e;
-    let u = I(s.burgerState), c = I(s.showDropDown);
+    let o = null;
+    const l = e;
+    let u = I(l.burgerState), c = I(l.showDropDown);
     re(
-      () => s.burgerState,
-      (B) => u.value = B
+      () => l.burgerState,
+      (S) => u.value = S
     ), re(
-      () => s.showDropDown,
-      (B) => c.value = B
+      () => l.showDropDown,
+      (S) => c.value = S
     ), ce(() => {
-      l = (B) => {
-        B.target.closest("#menu-dropdown") || (c.value = !1);
-      }, window.addEventListener("click", l);
-    }), Se(() => {
-      l !== null && window.removeEventListener("click", l);
+      o = (S) => {
+        S.target.closest("#menu-dropdown") || (c.value = !1);
+      }, window.addEventListener("click", o);
+    }), Be(() => {
+      o !== null && window.removeEventListener("click", o);
     });
-    const h = r;
-    function S() {
-      c.value = !c.value, h("update:showDropDown", c.value);
+    const p = r;
+    function B() {
+      c.value = !c.value, p("update:showDropDown", c.value);
     }
-    function m() {
-      u.value = !u.value, h("update:burgerState", u.value);
+    function f() {
+      u.value = !u.value, p("update:burgerState", u.value);
     }
     let y = I(null), q = I(null);
     function X() {
@@ -1995,27 +1995,27 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     }
     return a({
       defocusSearchButton: X
-    }), (B, U) => (o(), i("div", gs, [
+    }), (S, j) => (s(), i("div", gs, [
       t("nav", null, [
         t("div", bs, [
           t("div", ys, [
-            _(B.$slots, "link-logo", {}, void 0, !0)
+            _(S.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", $s, [
-            _(B.$slots, "main-nav-items", {}, void 0, !0)
+            _(S.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", ks, [
             t("button", {
               class: "nav-dropdown-btn",
-              onClick: S
+              onClick: B
             }, [
-              _(B.$slots, "dropdown-title", {}, void 0, !0),
-              V(c) === !1 ? (o(), i("img", ws)) : (o(), i("img", Ss))
+              _(S.$slots, "dropdown-title", {}, void 0, !0),
+              C(c) === !1 ? (s(), i("img", ws)) : (s(), i("img", Bs))
             ]),
-            Z(t("div", Bs, [
-              _(B.$slots, "dropdown-links", {}, void 0, !0)
+            Q(t("div", Ss, [
+              _(S.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [ee, V(c)]
+              [ee, C(c)]
             ])
           ], 512),
           t("div", Is, [
@@ -2023,13 +2023,13 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
               ref_key: "navSearchButton",
               ref: y,
               class: "search-icon",
-              onClick: U[0] || (U[0] = (x) => {
+              onClick: j[0] || (j[0] = (x) => {
                 var H;
-                return B.$emit("clickSearch"), (H = V(y)) == null ? void 0 : H.blur();
+                return S.$emit("clickSearch"), (H = C(y)) == 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: C(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
                 width: "20",
                 height: "20"
@@ -2038,11 +2038,11 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
           ])
         ]),
         t("div", {
-          class: p(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", C(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Ls, [
-            t("div", Ts, [
-              _(B.$slots, "link-logo", {}, void 0, !0)
+          t("div", Ts, [
+            t("div", Ls, [
+              _(S.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", Vs, [
               t("button", {
@@ -2050,13 +2050,13 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                 ref: q,
                 class: "search-icon",
                 "aria-label": "Toggle search",
-                onClick: U[1] || (U[1] = (x) => {
+                onClick: j[1] || (j[1] = (x) => {
                   var H;
-                  return B.$emit("clickSearch"), (H = V(q)) == null ? void 0 : H.blur();
+                  return S.$emit("clickSearch"), (H = C(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: C(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
                   width: "20",
                   height: "20"
@@ -2066,32 +2066,32 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: ne(m, ["prevent"])
+              onClick: ne(f, ["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: C(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
               }, null, 8, As)
             ])
           ]),
-          Z(t("div", Ds, [
+          Q(t("div", Ds, [
             t("ul", null, [
-              _(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              _(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", Ms, [
-              _(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              _(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              _(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              _(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [ee, V(u)]
+            [ee, C(u)]
           ])
         ], 2)
       ])
     ]));
   }
-}), Ps = /* @__PURE__ */ v(Os, [["__scopeId", "data-v-e129834d"]]), Fs = { class: "language__wrapper" }, Es = { class: "language__content" }, Rs = { class: "language__headline" }, Ns = { class: "language__paragraph" }, Hs = { class: "language__links" }, zs = /* @__PURE__ */ f({
+}), Ps = /* @__PURE__ */ v(Os, [["__scopeId", "data-v-e129834d"]]), Fs = { class: "language__wrapper" }, Es = { class: "language__content" }, Rs = { class: "language__headline" }, Ns = { class: "language__paragraph" }, Hs = { class: "language__links" }, zs = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2104,7 +2104,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Fs, [
+    return (a, r) => (s(), i("div", Fs, [
       t("div", Es, [
         t("h2", Rs, n(e.headline), 1),
         t("p", Ns, n(e.paragraph), 1),
@@ -2114,7 +2114,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Us = /* @__PURE__ */ v(zs, [["__scopeId", "data-v-dc8cc97e"]]), Ks = { class: "pagination__wrapper" }, js = { class: "pagination__content" }, Gs = /* @__PURE__ */ f({
+}), js = /* @__PURE__ */ v(zs, [["__scopeId", "data-v-dc8cc97e"]]), Us = { class: "pagination__wrapper" }, Ks = { class: "pagination__content" }, Gs = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2128,31 +2128,31 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (o(), i("div", Ks, [
-      t("div", js, [
-        k(J, {
+    return (a, r) => (s(), i("div", Us, [
+      t("div", Ks, [
+        w(Z, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
-          onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
+          onClick: r[0] || (r[0] = (o) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
         _(a.$slots, "pagination-numbers"),
-        k(J, {
+        w(Z, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
-          onClick: r[1] || (r[1] = (l) => a.$emit("next"))
+          onClick: r[1] || (r[1] = (o) => a.$emit("next"))
         }, null, 8, ["disabled"])
       ])
     ]));
   }
-}), Ws = /* @__PURE__ */ v(Gs, [["__scopeId", "data-v-f760f1c6"]]), Ys = {}, Qs = { class: "search__wrapper" };
-function Zs(e, a) {
-  return o(), i("div", Qs, [
+}), Ws = /* @__PURE__ */ v(Gs, [["__scopeId", "data-v-f760f1c6"]]), Ys = {}, Js = { class: "search__wrapper" };
+function Qs(e, a) {
+  return s(), i("div", Js, [
     _(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82"]]), Xs = { class: "product-hero__wrapper" }, xs = { class: "product-hero__content" }, ei = { class: "product-hero__headline" }, ti = { class: "product-hero__video" }, ai = /* @__PURE__ */ f({
+const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Xs = { class: "product-hero__wrapper" }, xs = { class: "product-hero__content" }, ei = { class: "product-hero__headline" }, ti = { class: "product-hero__video" }, ai = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -2177,13 +2177,13 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Xs, [
+    return (a, r) => (s(), i("div", Xs, [
       t("div", xs, [
         t("div", ei, [
           t("h3", null, n(e.headline), 1)
         ]),
         t("div", ti, [
-          e.videoSrc !== "" ? (o(), A(Y, {
+          e.videoSrc !== "" ? (s(), V(Y, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2194,8 +2194,8 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(V(C), { key: 1 }, {
-            default: w(() => [
+          }, null, 8, ["src", "aria-label", "poster"])) : (s(), V(C(D), { key: 1 }, {
+            default: k(() => [
               _(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
@@ -2204,19 +2204,105 @@ const Js = /* @__PURE__ */ v(Ys, [["render", Zs], ["__scopeId", "data-v-623adb82
       ])
     ]));
   }
-}), li = /* @__PURE__ */ v(ai, [["__scopeId", "data-v-bc89ffbc"]]), si = {
+}), li = /* @__PURE__ */ v(ai, [["__scopeId", "data-v-bc89ffbc"]]), oi = { class: "promo__content" }, si = { class: "pallet-jack__media-wrap" }, ii = { class: "pallet-jack-link" }, ri = { class: "pallet-jack__media-wrap__inner-wrap" }, ni = { class: "pallet-jack__media-wrap__content-wrap" }, di = { class: "regular-blue" }, ci = /* @__PURE__ */ g({
+  __name: "pallet-jack",
+  props: {
+    label: { default: "" },
+    headline: {},
+    linkText: { default: "" },
+    reverse: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    linkType: { default: "link" },
+    teaser: { type: Boolean, default: !1 },
+    shortDescription: { default: "" },
+    text: { default: "" }
+  },
+  setup(e) {
+    const a = {
+      dark: "promo__wrapper--dark",
+      light: "promo__wrapper--light",
+      default: "promo__wrapper--default"
+    }, r = e, o = L(() => a[r.variant]);
+    return (l, u) => (s(), i("div", {
+      class: h([
+        "promo__wrapper",
+        o.value,
+        l.teaser ? "promo__wrapper--teaser" : ""
+      ])
+    }, [
+      t("div", oi, [
+        t("div", {
+          class: h([
+            "promo__video",
+            l.reverse ? "promo__video--reverse" : "promo__video--default"
+          ])
+        }, [
+          t("div", si, [
+            t("div", ii, [
+              _(l.$slots, "pallet-jack-link")
+            ]),
+            t("div", ri, [
+              _(l.$slots, "pallet-jack-video")
+            ]),
+            t("div", ni, [
+              t("h3", di, n(l.headline), 1),
+              t("p", null, n(l.shortDescription), 1)
+            ])
+          ])
+        ], 2),
+        t("div", {
+          class: h([
+            "promo__text",
+            l.reverse ? "promo__text--reverse" : "promo__text--default"
+          ])
+        }, [
+          l.label ? (s(), V(G, {
+            key: 0,
+            text: l.label,
+            "label-dark": l.variant === "dark"
+          }, null, 8, ["text", "label-dark"])) : m("", !0),
+          t("div", {
+            class: h([
+              "promo__title",
+              l.variant === "dark" ? "promo__title--dark" : ""
+            ])
+          }, n(l.text), 3),
+          l.linkType === "link" ? (s(), V(A, {
+            key: 1,
+            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            arrow: ""
+          }, {
+            default: k(() => [
+              _(l.$slots, "promo-link")
+            ]),
+            _: 3
+          }, 8, ["link-type"])) : m("", !0),
+          l.linkType === "button" ? (s(), V(A, {
+            key: 2,
+            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+          }, {
+            default: k(() => [
+              _(l.$slots, "promo-link")
+            ]),
+            _: 3
+          }, 8, ["link-type"])) : m("", !0)
+        ], 2)
+      ])
+    ], 2));
+  }
+}), ui = /* @__PURE__ */ v(ci, [["__scopeId", "data-v-c225ca37"]]), pi = {
   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", W), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", Y), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", kl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Pl), e.component("BlockPolicy", Hl), e.component("BlockProductHero", li), e.component("BlockPromo", Jl), e.component("BlockQuote", uo), e.component("BlockRichText", vo), e.component("BlockRichTextColumns", wo), e.component("BlockTimeline", Do), e.component("BlockCardDisplay", Yl), e.component("BlockVimeo", Ro), e.component("Organism404", jo), e.component("OrganismFilter", Jo), e.component("OrganismFooter", fs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", Us), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Js);
+    e.component("AtomButton", Z), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", D), e.component("AtomLabel", G), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", Y), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", kl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Pl), e.component("BlockPolicy", Hl), e.component("BlockProductHero", li), e.component("BlockPromo", Zl), e.component("BlockQuote", uo), e.component("BlockRichText", vo), e.component("BlockRichTextColumns", wo), e.component("BlockTimeline", Do), e.component("BlockCardDisplay", Yl), e.component("BlockVimeo", Ro), e.component("BlockPalletJack", ui), e.component("Organism404", Ko), e.component("OrganismFilter", Zo), e.component("OrganismFooter", fs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", js), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Zs);
   }
 };
 export {
-  J as AtomButton,
+  Z as AtomButton,
   Ae as AtomCheckbox,
   Fe as AtomChip,
-  je as AtomDropdown,
-  C as AtomImage,
-  W as AtomLabel,
-  O as AtomLink,
+  Ke as AtomDropdown,
+  D as AtomImage,
+  G as AtomLabel,
+  A as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
@@ -2233,9 +2319,10 @@ export {
   sl as BlockImageGallery,
   Cl as BlockLogoWall,
   Pl as BlockMicroStories,
+  ui as BlockPalletJack,
   Hl as BlockPolicy,
   li as BlockProductHero,
-  Jl as BlockPromo,
+  Zl as BlockPromo,
   uo as BlockQuote,
   vo as BlockRichText,
   wo as BlockRichTextColumns,
@@ -2247,12 +2334,12 @@ export {
   fa as MoleculeEventCard,
   ue as MoleculeModal,
   ka as MoleculeTextCard,
-  jo as Organism404,
-  Jo as OrganismFilter,
+  Ko as Organism404,
+  Zo as OrganismFilter,
   fs as OrganismFooter,
   Ps as OrganismHeader,
-  Us as OrganismLanguageSwitcher,
+  js as OrganismLanguageSwitcher,
   Ws as OrganismPagination,
-  Js as OrganismSearch,
-  si as default
+  Zs as OrganismSearch,
+  pi as default
 };