@mirweb/mir-web-components 0.17.102 → 0.17.104

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

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as y, withModifiers as ne, createBlock as C, createCommentVNode as m, 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 Be } from "vue";
-const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
+import { defineComponent as g, computed as D, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as Q, ref as q, withDirectives as j, Fragment as P, renderList as M, vShow as W, normalizeProps as O, guardReactiveProps as F, toRefs as ye, mergeProps as ie, createVNode as S, Transition as $e, withCtx as $, withModifiers as ue, createBlock as L, createCommentVNode as m, watchEffect as _e, withKeys as ke, useSlots as we, normalizeStyle as re, isRef as ce, unref as I, onMounted as pe, watch as ee, onUnmounted as Se } from "vue";
+const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -13,18 +13,18 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, o = L(() => a[r.variant]);
-    return (l, _) => (s(), i("button", {
-      class: h(["button", "button--" + o.value]),
-      "aria-label": l.ariaLabel
-    }, n(o.value === "close" ? "" : l.buttonText), 11, Se));
+    }, r = e, s = D(() => a[r.variant]);
+    return (o, _) => (l(), i("button", {
+      class: h(["button", "button--" + s.value]),
+      "aria-label": o.ariaLabel
+    }, n(s.value === "close" ? "" : o.buttonText), 11, Be));
   }
-}), v = (e, a) => {
+}), f = (e, a) => {
   const r = e.__vccOpts || e;
-  for (const [o, l] of a)
-    r[o] = l;
+  for (const [s, o] of a)
+    r[s] = o;
   return r;
-}, X = /* @__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"], Ce = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ve = /* @__PURE__ */ g({
+}, te = /* @__PURE__ */ f(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Te = ["id", "name", "value", "disabled", "required"], De = ["for"], Le = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -35,58 +35,58 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, o = (l) => {
-      const _ = l.target;
+    const r = a, s = (o) => {
+      const _ = o.target;
       r("input", _.checked);
     };
-    return (l, _) => (s(), i("div", {
-      class: h(["checkbox__wrapper", l.disabled ? "disabled" : ""])
+    return (o, _) => (l(), i("div", {
+      class: h(["checkbox__wrapper", o.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: l.id,
+        id: o.id,
         type: "checkbox",
-        name: l.name,
-        value: l.value,
-        disabled: l.disabled,
-        required: l.required,
+        name: o.name,
+        value: o.value,
+        disabled: o.disabled,
+        required: o.required,
         class: "checkbox__checkbox",
-        onChange: o
+        onChange: s
       }, null, 40, Te),
       t("label", {
-        for: l.id,
-        class: h(["checkbox__label", l.required ? "required" : ""])
+        for: o.id,
+        class: h(["checkbox__label", o.required ? "required" : ""])
       }, [
-        Ce,
-        u(l.$slots, "default", {}, void 0, !0)
-      ], 10, Le)
+        Le,
+        c(o.$slots, "default", {}, void 0, !0)
+      ], 10, De)
     ], 2));
   }
-}), Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
+}), Ve = /* @__PURE__ */ f(Ce, [["__scopeId", "data-v-42c44141"]]), Ae = (e) => (E("data-v-08813346"), e = e(), R(), e), Pe = ["aria-label"], Me = /* @__PURE__ */ Ae(() => /* @__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__ */ g({
+}, null, -1)), Oe = /* @__PURE__ */ g({
   __name: "chip",
   props: {
     text: { default: "" }
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = L(() => `Chip: ${a.text}`);
-    return (o, l) => (s(), i("div", {
+    const a = e, r = D(() => `Chip: ${a.text}`);
+    return (s, o) => (l(), i("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (_) => o.$emit("remove-chip"))
+      onClick: o[0] || (o[0] = (_) => s.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
         "aria-label": r.value
       }, [
-        W(n(o.text) + " ", 1),
-        Oe
-      ], 8, Me)
+        Q(n(s.text) + " ", 1),
+        Me
+      ], 8, Pe)
     ]));
   }
-}), 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({
+}), Fe = /* @__PURE__ */ f(Oe, [["__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,41 +104,41 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, o = e, l = L(() => r[o.variant]), _ = I(null), c = I(null), p = I([]), B = I(0), f = I(""), $ = I(!0), q = I(0), x = a, S = L(() => {
-      const d = o.options.find(
-        (b) => b.value === o.modelValue
+    }, s = e, o = D(() => r[s.variant]), _ = q(null), u = q(null), p = q([]), w = q(0), v = q(""), B = q(!0), C = q(0), ae = a, oe = D(() => {
+      const d = s.options.find(
+        (y) => y.value === s.modelValue
       );
       return d && d.label;
-    }), j = {
-      beforeMount(d, b) {
+    }), U = {
+      beforeMount(d, y) {
         d.clickOutsideEvent = function(k) {
-          d === k.target || d.contains(k.target) || b.value(k);
+          d === k.target || d.contains(k.target) || y.value(k);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
         document.body.removeEventListener("click", d.clickOutsideEvent);
       }
     };
-    function ee(d) {
-      x("update:modelValue", d);
+    function X(d) {
+      ae("update:modelValue", d);
     }
-    function z(d) {
+    function le(d) {
       var k;
-      const b = d.target;
-      b.getAttribute("role") === "option" && (G(b), Q(), (k = _.value) == null || k.focus());
+      const y = d.target;
+      y.getAttribute("role") === "option" && (J(y), x(), (k = _.value) == null || k.focus());
     }
-    function le(d) {
+    function b(d) {
       var k;
-      const b = d.key;
-      switch (b) {
+      const y = d.key;
+      switch (y) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const T = o.options.findIndex(
-            (U) => U.value === o.modelValue
+          const T = s.options.findIndex(
+            (G) => G.value === s.modelValue
           );
           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 && G(N);
+          y === "ArrowUp" ? T - 1 >= 0 && (N = p.value[T - 1]) : T + 1 <= s.options.length && (N = p.value[T + 1]), N && J(N);
           break;
         }
         case "Home":
@@ -151,86 +151,86 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), Q(), (k = _.value) == null || k.focus();
+          d.preventDefault(), x(), (k = _.value) == null || k.focus();
           break;
         default: {
-          const T = me(b);
-          T && G(T);
+          const T = me(y);
+          T && J(T);
           break;
         }
       }
     }
-    function _e(d) {
-      if (!o.disabled)
+    function K(d) {
+      if (!s.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), se(), le(d);
+            d.preventDefault(), de(), b(d);
             break;
         }
     }
-    function pe(d) {
+    function se(d) {
       d && d.removeAttribute("aria-selected");
     }
-    function he() {
-      B.value && (clearTimeout(B.value), B.value = 0), B.value = setTimeout(() => {
-        f.value = "", B.value = 0;
+    function z() {
+      w.value && (clearTimeout(w.value), w.value = 0), w.value = setTimeout(() => {
+        v.value = "", w.value = 0;
       }, 500);
     }
     function me(d) {
-      let b = "";
-      (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 k = oe(
-        q.value + 1,
-        o.options.length
+      let y = "";
+      (v.value === "" || y !== d) && (C.value = s.options.findIndex(
+        (T) => T.value === s.modelValue
+      )), v.value = y === d ? d : v.value + d, y = d, z();
+      let k = ne(
+        C.value + 1,
+        s.options.length
       );
-      return !k && f.value.length === 1 && (k = oe(0, q.value)), q.value = (q.value + 1) % o.options.length, k;
+      return !k && v.value.length === 1 && (k = ne(0, C.value)), C.value = (C.value + 1) % s.options.length, k;
     }
-    function oe(d, b) {
-      for (let k = d; k < b; k++)
-        if (o.options[k].label && o.options[k].label.toUpperCase().indexOf(f.value.toUpperCase()) === 0)
+    function ne(d, y) {
+      for (let k = d; k < y; k++)
+        if (s.options[k].label && s.options[k].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
           return p.value[k];
       return null;
     }
     function ve() {
-      G(p.value[0]);
+      J(p.value[0]);
     }
-    function G(d) {
+    function J(d) {
       var k, T;
-      const b = d.getAttribute("data-value");
-      if (o.modelValue) {
-        const N = o.options.findIndex(
-          (be) => be.value === o.modelValue
-        ), U = p.value[N];
-        pe(U);
+      const y = d.getAttribute("data-value");
+      if (s.modelValue) {
+        const N = s.options.findIndex(
+          (be) => be.value === s.modelValue
+        ), G = p.value[N];
+        se(G);
       }
-      if (d.setAttribute("aria-selected", "true"), (k = c.value) == null || k.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (k = u.value) == null || k.setAttribute(
         "aria-activedescendant",
-        b || ""
-      ), ee(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
-        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);
+        y || ""
+      ), X(y || ""), u.value && u.value.scrollHeight > u.value.clientHeight) {
+        const N = u.value.clientHeight + u.value.scrollTop, G = d.offsetTop + d.offsetHeight;
+        G > N ? u.value.scrollTop = G - ((T = u.value) == null ? void 0 : T.clientHeight) : d.offsetTop < u.value.scrollTop && (u.value.scrollTop = d.offsetTop);
       }
     }
     function fe() {
-      var b;
-      const d = (b = p.value) == null ? void 0 : b[o.options.length - 1];
-      G(d);
+      var y;
+      const d = (y = p.value) == null ? void 0 : y[s.options.length - 1];
+      J(d);
     }
-    function Q() {
+    function x() {
       var d;
-      $.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
+      B.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
     }
-    function se() {
-      var d, b;
-      $.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
+    function de() {
+      var d, y;
+      B.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (y = u.value) == null || y.focus();
     }
     function ge() {
-      o.disabled || ($.value ? se() : Q());
+      s.disabled || (B.value ? de() : x());
     }
-    return (d, b) => (s(), i("div", {
+    return (d, y) => (l(), i("div", {
       ref: "listbox",
       class: "listbox__wrapper",
       value: d.modelValue
@@ -243,7 +243,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           "is-required": d.required
         }, "listbox__label"])
       }, n(d.label), 11, Re),
-      Y((s(), i("div", Ne, [
+      j((l(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
@@ -252,22 +252,22 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": d.disabled,
-          class: h(["listbox__button", l.value]),
+          class: h(["listbox__button", o.value]),
           onClick: ge,
-          onKeydown: _e
-        }, n(d.modelValue ? S.value : d.placeholder), 43, He),
-        Y(t("ul", {
+          onKeydown: K
+        }, n(d.modelValue ? oe.value : d.placeholder), 43, He),
+        j(t("ul", {
           ref_key: "listboxNode",
-          ref: c,
+          ref: u,
           "aria-labelledby": `${d.name}-label`,
           "aria-activedescendant": d.modelValue,
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: le,
-          onClick: z
+          onKeydown: b,
+          onClick: le
         }, [
-          (s(!0), i(M, null, O(d.options, (k, T) => (s(), i("li", {
+          (l(!0), i(P, null, M(d.options, (k, T) => (l(), i("li", {
             key: `${d.name}-option-${T}`,
             ref_for: !0,
             ref_key: "listboxOptions",
@@ -278,14 +278,14 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             role: "option"
           }, n(k.label), 9, je))), 128))
         ], 40, ze), [
-          [Z, !$.value]
+          [W, !B.value]
         ])
       ])), [
-        [j, Q]
+        [U, x]
       ])
     ], 8, Ee));
   }
-}), Ke = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
+}), Ke = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -297,27 +297,27 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ge, [
-      u(a.$slots, "default", P(F(a.$attrs)))
+    return (a, r) => (l(), i("div", Ge, [
+      c(a.$slots, "default", O(F(a.$attrs)))
     ]));
   }
-}), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
+}), A = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), 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 = L(() => `Label: ${a.text}`);
-    return (o, l) => (s(), i("div", Ye, [
+    const a = e, r = D(() => `Label: ${a.text}`);
+    return (s, o) => (l(), i("div", Ye, [
       t("span", {
         "aria-label": r.value,
-        "label-dark": o.labelDark,
-        class: h(o.labelDark ? "label--dark" : "label--light")
-      }, n(o.text), 11, Je)
+        "label-dark": s.labelDark,
+        class: h(s.labelDark ? "label--dark" : "label--light")
+      }, n(s.text), 11, Je)
     ]));
   }
-}), K = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, A = /* @__PURE__ */ g({
+}), Y = /* @__PURE__ */ f(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, V = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -338,20 +338,20 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, o = e, l = L(() => a[o.linkType]), _ = L(() => r[o.underline]), c = L(() => {
-      const { ...p } = ye(o);
+    }, s = e, o = D(() => a[s.linkType]), _ = D(() => r[s.underline]), u = D(() => {
+      const { ...p } = ye(s);
       return p;
     });
-    return (p, B) => (s(), i("div", Ze, [
-      t("div", te(c.value, {
+    return (p, w) => (l(), i("div", Ze, [
+      t("div", ie(u.value, {
         class: ["mir-link", [
-          l.value,
+          o.value,
           p.disabled ? "disabled" : "",
           _.value,
           p.arrow ? "link-arrow" : ""
         ]]
       }), [
-        u(p.$slots, "default")
+        c(p.$slots, "default")
       ], 16)
     ]));
   }
@@ -367,34 +367,34 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["input"],
   setup(e, { emit: a }) {
-    const r = a, o = (l) => {
-      const _ = l.target;
+    const r = a, s = (o) => {
+      const _ = o.target;
       r("input", _.checked);
     };
-    return (l, _) => (s(), i("div", {
-      class: h(["radio__wrapper", l.disabled ? "disabled" : ""])
+    return (o, _) => (l(), i("div", {
+      class: h(["radio__wrapper", o.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: l.id,
+        id: o.id,
         type: "radio",
-        name: l.name,
-        value: l.value,
-        checked: l.checked,
-        disabled: l.disabled,
-        required: l.required,
+        name: o.name,
+        value: o.value,
+        checked: o.checked,
+        disabled: o.disabled,
+        required: o.required,
         class: "radio__radio",
-        onChange: o
+        onChange: s
       }, null, 40, xe),
       t("label", {
-        for: l.id,
-        class: h(["radio__label", l.required ? "required" : ""])
+        for: o.id,
+        class: h(["radio__label", o.required ? "required" : ""])
       }, [
         tt,
-        u(l.$slots, "default", {}, void 0, !0)
+        c(o.$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__ */ g({
+}), ot = /* @__PURE__ */ f(at, [["__scopeId", "data-v-fa1bda9b"]]), lt = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ g({
   __name: "select",
   props: {
     id: {},
@@ -407,7 +407,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (s(), i("div", ot, [
+    return (a, r) => (l(), i("div", lt, [
       t("label", {
         for: a.id,
         class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
@@ -418,18 +418,18 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
         disabled: a.disabled,
         name: a.name,
         value: a.modelValue,
-        onChange: r[0] || (r[0] = (o) => {
-          a.$emit("update:modelValue", o.target.value), o.target.blur();
+        onChange: r[0] || (r[0] = (s) => {
+          a.$emit("update:modelValue", s.target.value), s.target.blur();
         })
       }, [
-        (s(!0), i(M, null, O(a.options, (o) => (s(), i("option", {
-          key: o.value,
-          value: o.value
-        }, n(o.text), 9, rt))), 128))
+        (l(!0), i(P, null, M(a.options, (s) => (l(), i("option", {
+          key: s.value,
+          value: s.value
+        }, n(s.text), 9, rt))), 128))
       ], 42, it)
     ]));
   }
-}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ g({
+}), dt = /* @__PURE__ */ f(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ g({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -437,46 +437,46 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:show"],
   setup(e, { emit: a }) {
-    const r = e, o = a, l = () => {
-      o("update:show", !r.show);
+    const r = e, s = a, o = () => {
+      s("update:show", !r.show);
     };
-    return (_, c) => (s(), i("div", ct, [
-      w($e, {
+    return (_, u) => (l(), i("div", ct, [
+      S($e, {
         duration: 300,
         name: "nested"
       }, {
-        default: y(() => [
-          Y(t("div", {
+        default: $(() => [
+          j(t("div", {
             class: h(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
-            onClick: l
+            onClick: o
           }, [
             t("div", {
               id: "modal",
               class: h([_.searchBar ? "search" : ""]),
-              onClick: c[0] || (c[0] = ne(() => {
+              onClick: u[0] || (u[0] = ue(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                _.searchBar ? m("", !0) : (s(), C(X, {
+                _.searchBar ? m("", !0) : (l(), L(te, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
-                  onClick: l
+                  onClick: o
                 }))
               ]),
-              u(_.$slots, "default", {}, void 0, !0)
+              c(_.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Z, _.show]
+            [W, _.show]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-80f0fb08"]]), _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 = { class: "modal-information" }, bt = /* @__PURE__ */ g({
+}), he = /* @__PURE__ */ f(ut, [["__scopeId", "data-v-80f0fb08"]]), _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 = { class: "modal-information" }, bt = /* @__PURE__ */ g({
   __name: "slider",
   props: {
     label: {},
@@ -492,73 +492,73 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, o = a, l = I(r.modelValue), _ = I(), c = I(!1), p = (f, $, q) => (f - $) / (q - $) * 100, B = (f) => {
-      var $;
-      ($ = _.value) == null || $.style.setProperty("--ProgressPercent", `${f}%`);
+    const r = e, s = a, o = q(r.modelValue), _ = q(), u = q(!1), p = (v, B, C) => (v - B) / (C - B) * 100, w = (v) => {
+      var B;
+      (B = _.value) == null || B.style.setProperty("--ProgressPercent", `${v}%`);
     };
-    return de(() => {
+    return _e(() => {
       if (_.value) {
-        o("update:modelValue", l.value);
-        const f = p(l.value, r.min, r.max);
-        let $ = (50 - f) / 100;
-        B(f + $);
+        s("update:modelValue", o.value);
+        const v = p(o.value, r.min, r.max);
+        let B = (50 - v) / 100;
+        w(v + B);
       }
-    }), (f, $) => (s(), i("div", null, [
+    }), (v, B) => (l(), i("div", null, [
       t("div", _t, [
         t("div", pt, [
           t("label", {
-            for: f.id,
-            class: h([f.variant, ""])
-          }, n(f.label), 11, ht),
-          f.information ? (s(), i("i", {
+            for: v.id,
+            class: h([v.variant, ""])
+          }, n(v.label), 11, ht),
+          v.information ? (l(), i("i", {
             key: 0,
             role: "button",
-            class: h([f.variant, "slider__information"]),
-            "aria-label": f.informationLabel,
+            class: h([v.variant, "slider__information"]),
+            "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: $[0] || ($[0] = (q) => c.value = !c.value),
-            onKeyup: $[1] || ($[1] = ke((q) => c.value = !c.value, ["enter"]))
+            onClick: B[0] || (B[0] = (C) => u.value = !u.value),
+            onKeyup: B[1] || (B[1] = ke((C) => u.value = !u.value, ["enter"]))
           }, null, 42, mt)) : m("", !0)
         ]),
         t("div", vt, [
           t("span", {
-            class: h([f.variant, "slider__minmax"])
-          }, n(f.min), 3),
+            class: h([v.variant, "slider__minmax"])
+          }, n(v.min), 3),
           t("input", {
-            id: f.id,
+            id: v.id,
             ref_key: "slider",
             ref: _,
             type: "range",
-            name: f.name,
-            value: f.modelValue,
-            min: f.min,
-            step: f.step,
-            max: f.max,
-            class: h(f.variant),
-            onInput: $[2] || ($[2] = ({ target: q }) => l.value = parseFloat(q.value))
+            name: v.name,
+            value: v.modelValue,
+            min: v.min,
+            step: v.step,
+            max: v.max,
+            class: h(v.variant),
+            onInput: B[2] || (B[2] = ({ target: C }) => o.value = parseFloat(C.value))
           }, null, 42, ft),
           t("span", {
-            class: h([f.variant, "slider__minmax"])
-          }, n(f.max), 3)
+            class: h([v.variant, "slider__minmax"])
+          }, n(v.max), 3)
         ]),
         t("span", {
-          class: h([f.variant, "slider__value"])
-        }, n(f.modelValue), 3)
+          class: h([v.variant, "slider__value"])
+        }, n(v.modelValue), 3)
       ]),
-      f.information ? (s(), C(ue, {
+      v.information ? (l(), L(he, {
         key: 0,
-        show: c.value,
-        "onUpdate:show": $[3] || ($[3] = (q) => c.value = q)
+        show: u.value,
+        "onUpdate:show": B[3] || (B[3] = (C) => u.value = C)
       }, {
-        default: y(() => [
-          t("p", gt, n(f.information), 1)
+        default: $(() => [
+          t("p", gt, n(v.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : m("", !0)
     ]));
   }
-}), yt = /* @__PURE__ */ v(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ g({
+}), yt = /* @__PURE__ */ f(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], St = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Bt = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -572,7 +572,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (s(), i("div", $t, [
+    return (a, r) => (l(), i("div", $t, [
       t("label", {
         for: a.id,
         class: h({ required: a.required })
@@ -593,12 +593,12 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           class: h(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
-          onInput: r[0] || (r[0] = (o) => a.$emit("update:modelValue", o.target.value))
-        }, null, 42, Bt)
+          onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
+        }, null, 42, St)
       ], 8, wt),
-      t("div", St, [
+      t("div", Bt, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", It, " Too many characters. Please make it shorter ")) : m("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", It, " Too many characters. Please make it shorter ")) : m("", !0)
         ]),
         t("p", {
           class: h(
@@ -608,10 +608,10 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Tt = /* @__PURE__ */ v(qt, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Ct = ["for"], Vt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Dt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
+}), Tt = /* @__PURE__ */ f(qt, [["__scopeId", "data-v-220a973c"]]), Dt = { class: "text-field__wrapper" }, Lt = ["for"], Ct = { key: 0 }, Vt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Pt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
   key: 2,
   class: "search"
-}, Pt = {
+}, Ot = {
   key: 3,
   class: "errorMessage"
 }, Ft = {
@@ -644,12 +644,12 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, o = L(() => a[r.type]), l = I(!0), _ = L(
-      () => l.value ? "showPassword" : "hidePassword"
-    ), c = L(
-      () => l.value ? "password" : "text"
+    }, r = e, s = D(() => a[r.type]), o = q(!0), _ = D(
+      () => o.value ? "showPassword" : "hidePassword"
+    ), u = D(
+      () => o.value ? "password" : "text"
     );
-    return (p, B) => (s(), i("div", Lt, [
+    return (p, w) => (l(), i("div", Dt, [
       t("label", {
         for: p.id,
         class: h([
@@ -657,31 +657,31 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           p.disabled ? "disabled" : "",
           p.search ? "search" : ""
         ])
-      }, n(p.label), 11, Ct),
-      o.value === "password" ? (s(), i("div", Vt, [
+      }, n(p.label), 11, Lt),
+      s.value === "password" ? (l(), i("div", Ct, [
         t("input", {
           id: p.id,
           ref: "passwordField",
-          type: c.value,
+          type: u.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, At),
+          onInput: w[0] || (w[0] = (v) => p.$emit("update:modelValue", v.target.value))
+        }, null, 40, Vt),
         t("i", {
           role: "button",
           class: h([_.value]),
           "aria-controls": "password",
-          "aria-expanded": !l.value,
-          onClick: B[1] || (B[1] = (f) => l.value = !l.value)
-        }, null, 10, Dt)
-      ])) : (s(), i("input", {
+          "aria-expanded": !o.value,
+          onClick: w[1] || (w[1] = (v) => o.value = !o.value)
+        }, null, 10, At)
+      ])) : (l(), i("input", {
         key: 1,
         id: p.id,
         ref: "textField",
-        type: o.value,
+        type: s.value,
         value: p.modelValue,
         placeholder: p.placeholder,
         required: p.required,
@@ -692,14 +692,14 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
         ]),
         disabled: p.disabled,
         name: p.fieldName,
-        onInput: B[2] || (B[2] = (f) => p.$emit("update:modelValue", f.target.value))
-      }, null, 42, Mt)),
-      p.search ? (s(), i("i", Ot)) : m("", !0),
-      p.errorMessage ? (s(), i("strong", Pt, n(p.errorMessage), 1)) : m("", !0),
-      p.helperText ? (s(), i("span", Ft, n(p.helperText), 1)) : m("", !0)
+        onInput: w[2] || (w[2] = (v) => p.$emit("update:modelValue", v.target.value))
+      }, null, 42, Pt)),
+      p.search ? (l(), i("i", Mt)) : m("", !0),
+      p.errorMessage ? (l(), i("strong", Ot, n(p.errorMessage), 1)) : m("", !0),
+      p.helperText ? (l(), i("span", Ft, n(p.helperText), 1)) : m("", !0)
     ]));
   }
-}), Rt = /* @__PURE__ */ v(Et, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Ht = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], jt = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ f(Et, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Ht = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], jt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -717,18 +717,18 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e, { expose: a }) {
     const r = e;
-    let o = I(null);
-    return de(() => {
-      o.value && (r.play ? o.value.play() : r.play || o.value.pause());
+    let s = q(null);
+    return _e(() => {
+      s.value && (r.play ? s.value.play() : r.play || s.value.pause());
     }), a({
       resetVideo: () => {
-        o.value && (o.value.currentTime = 0, o.value.play());
+        s.value && (s.value.currentTime = 0, s.value.play());
       }
-    }), (_, c) => (s(), i("div", Nt, [
-      _.localVideo ? (s(), i("video", {
+    }), (_, u) => (l(), i("div", Nt, [
+      _.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: o,
+        ref: s,
         "aria-label": _.ariaLabel,
         controls: _.controls,
         poster: _.poster,
@@ -740,7 +740,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
         type: "video/mp4",
         playsinline: "",
         src: _.src
-      }, null, 8, Ht)) : (s(), i("iframe", {
+      }, null, 8, Ht)) : (l(), i("iframe", {
         key: 1,
         src: _.src,
         "aria-label": _.ariaLabel,
@@ -753,7 +753,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, null, 8, zt))
     ]));
   }
-}), J = /* @__PURE__ */ v(jt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, Gt = { class: "address__flag" }, Wt = { class: "address__address" }, Yt = { class: "address__name" }, Jt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Xt = ["href"], xt = ["href"], ea = /* @__PURE__ */ g({
+}), Z = /* @__PURE__ */ f(jt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, Gt = { class: "address__flag" }, Wt = { class: "address__address" }, Yt = { class: "address__name" }, Jt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Xt = ["href"], xt = ["href"], ea = /* @__PURE__ */ g({
   __name: "address",
   props: {
     name: {},
@@ -766,25 +766,25 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     email: {}
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ut, [
+    return (a, r) => (l(), i("div", Ut, [
       t("div", Kt, [
         t("div", Gt, [
-          u(a.$slots, "address-flag", {}, void 0, !0)
+          c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Wt, [
           t("p", Yt, n(a.name), 1),
           t("p", null, n(a.company), 1),
           t("p", null, n(a.addressLine1), 1),
           t("p", null, n(a.addressLine2), 1),
-          a.addressLine3 ? (s(), i("p", Jt, n(a.addressLine3), 1)) : m("", !0)
+          a.addressLine3 ? (l(), i("p", Jt, n(a.addressLine3), 1)) : m("", !0)
         ]),
         t("div", Qt, [
-          a.website ? (s(), C(A, {
+          a.website ? (l(), L(V, {
             key: 0,
             underline: "false",
             "link-type": "regular"
           }, {
-            default: y(() => [
+            default: $(() => [
               t("a", {
                 href: "https://" + a.website,
                 class: "address__website"
@@ -792,16 +792,16 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : m("", !0),
-          (s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), C(A, {
-            key: o,
+          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), L(V, {
+            key: s,
             underline: "false",
             "link-type": "regular"
           }, {
-            default: y(() => [
+            default: $(() => [
               t("a", {
-                href: "tel:" + o,
+                href: "tel:" + s,
                 class: "address__phone"
-              }, n(o), 9, Xt)
+              }, n(s), 9, Xt)
             ]),
             _: 2
           }, 1024))), 128)),
@@ -813,7 +813,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ta = /* @__PURE__ */ v(ea, [["__scopeId", "data-v-e1c72a18"]]), aa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, oa = /* @__PURE__ */ aa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), sa = /* @__PURE__ */ g({
+}), ta = /* @__PURE__ */ f(ea, [["__scopeId", "data-v-e1c72a18"]]), aa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), oa = { class: "bullet-list__wrapper" }, la = /* @__PURE__ */ aa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), sa = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -833,20 +833,20 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", la, [
+    return (a, r) => (l(), i("div", oa, [
       t("div", {
         class: h(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (s(!0), i(M, null, O(e.list, (o) => (s(), i("li", { key: o }, [
-            oa,
-            W(" " + n(o), 1)
+          (l(!0), i(P, null, M(e.list, (s) => (l(), i("li", { key: s }, [
+            la,
+            Q(" " + n(s), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), ia = /* @__PURE__ */ v(sa, [["__scopeId", "data-v-a44fd57d"]]), ra = { class: "card__wrapper" }, na = { key: 2 }, da = { key: 5 }, ca = /* @__PURE__ */ g({
+}), ia = /* @__PURE__ */ f(sa, [["__scopeId", "data-v-a44fd57d"]]), ra = { class: "card__wrapper" }, na = { key: 2 }, da = { key: 5 }, ca = /* @__PURE__ */ g({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -869,8 +869,8 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   emits: ["clicked"],
   setup(e) {
     const a = we();
-    let r = I(!1);
-    const o = {
+    let r = q(!1);
+    const s = {
       small: {
         class: "card--small",
         width: "298",
@@ -886,43 +886,43 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, _ = L(() => o[l.size]);
-    return (c, p) => (s(), i("div", ra, [
+    }, o = e, _ = D(() => s[o.size]);
+    return (u, p) => (l(), i("div", ra, [
       t("div", {
         class: h(["card", [
-          c.theme === "dark" ? "card--dark" : "card--light",
-          c.orientation === "vertical" ? "vertical" : "horizontal",
+          u.theme === "dark" ? "card--dark" : "card--light",
+          u.orientation === "vertical" ? "vertical" : "horizontal",
           _.value.class,
-          c.size === "large" && c.variant === "article" ? "card--large-article" : "",
-          c.variant === "product" ? "card--product" : "card--article"
+          u.size === "large" && u.variant === "article" ? "card--large-article" : "",
+          u.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        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)
+        style: re([u.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: p[0] || (p[0] = (w) => ce(r) ? r.value = !0 : r = !0),
+        onMouseout: p[1] || (p[1] = (w) => ce(r) ? r.value = !1 : r = !1)
       }, [
-        c.mediaType === "image" ? (s(), C(D, { key: 0 }, {
-          default: y(() => [
-            u(c.$slots, "card-image", te({
-              src: c.imgSrc,
+        u.mediaType === "image" ? (l(), L(A, { key: 0 }, {
+          default: $(() => [
+            c(u.$slots, "card-image", ie({
+              src: u.imgSrc,
               width: "596",
               height: "335",
-              alt: c.alt,
+              alt: u.alt,
               loading: "auto",
               sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: c.srcSet }))
+            }, { srcset: u.srcSet }))
           ]),
           _: 3
-        })) : (s(), i("div", {
+        })) : (l(), i("div", {
           key: 1,
-          class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
+          class: h(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          w(J, {
-            play: V(r),
+          S(Z, {
+            play: I(r),
             "local-video": !0,
-            src: c.videoSrc,
-            "aria-label": c.arialabel,
+            src: u.videoSrc,
+            "aria-label": u.arialabel,
             controls: !1,
-            poster: c.imgSrc,
+            poster: u.imgSrc,
             width: _.value.width,
             height: _.value.height,
             autoplay: !0,
@@ -930,28 +930,28 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        V(a)["card-label"] ? (s(), i("div", na, [
-          u(c.$slots, "card-label")
+        I(a)["card-label"] ? (l(), i("div", na, [
+          c(u.$slots, "card-label")
         ])) : m("", !0),
-        c.variant === "product" ? (s(), i("div", {
+        u.variant === "product" ? (l(), i("div", {
           key: 3,
           class: h([
             "card__headline",
-            c.theme === "dark" ? "regular-dark" : "regular-blue"
+            u.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, n(c.headline), 3)) : (s(), i("div", {
+        }, n(u.headline), 3)) : (l(), i("div", {
           key: 4,
           class: h([
             "card__headline",
-            c.theme === "dark" ? "regular-dark" : "regular-dark-blue"
+            u.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
-        }, n(c.headline), 3)),
-        c.variant === "product" ? (s(), i("p", da, n(c.paragraph), 1)) : m("", !0)
+        }, n(u.headline), 3)),
+        u.variant === "product" ? (l(), i("p", da, n(u.paragraph), 1)) : m("", !0)
       ], 38)
     ]));
   }
-}), ua = /* @__PURE__ */ v(ca, [["__scopeId", "data-v-351c5fbb"]]), _a = (e) => (E("data-v-2c394add"), e = e(), R(), e), pa = { class: "event__wrapper" }, ha = { class: "event__headline" }, ma = { class: "event__date-location" }, va = /* @__PURE__ */ _a(() => /* @__PURE__ */ t("br", null, null, -1)), fa = { class: "event__exhibitor" }, ga = /* @__PURE__ */ g({
+}), ua = /* @__PURE__ */ f(ca, [["__scopeId", "data-v-351c5fbb"]]), _a = (e) => (E("data-v-2c394add"), e = e(), R(), e), pa = { class: "event__wrapper" }, ha = { class: "event__headline" }, ma = { class: "event__date-location" }, va = /* @__PURE__ */ _a(() => /* @__PURE__ */ t("br", null, null, -1)), fa = { class: "event__exhibitor" }, ga = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -976,21 +976,21 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", pa, [
-      w(K, {
+    return (a, r) => (l(), i("div", pa, [
+      S(Y, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
       t("div", ha, n(e.headline), 1),
       t("div", ma, [
-        W(n(e.dateTime), 1),
+        Q(n(e.dateTime), 1),
         va,
-        W(n(e.location), 1)
+        Q(n(e.location), 1)
       ]),
       t("div", fa, n(e.exhibitor), 1)
     ]));
   }
-}), ba = /* @__PURE__ */ v(ga, [["__scopeId", "data-v-2c394add"]]), ya = { class: "text__wrapper" }, $a = { class: "text__headline" }, ka = { class: "text__paragraph" }, wa = /* @__PURE__ */ g({
+}), ba = /* @__PURE__ */ f(ga, [["__scopeId", "data-v-2c394add"]]), ya = { class: "text__wrapper" }, $a = { class: "text__headline" }, ka = { class: "text__paragraph" }, wa = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -1007,8 +1007,8 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", ya, [
-      w(K, {
+    return (a, r) => (l(), i("div", ya, [
+      S(Y, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1018,10 +1018,10 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ba = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-ebdea819"]]), Sa = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, Ta = { class: "facts" }, La = { class: "fact__value" }, Ca = { class: "fact__metric" }, Va = {
+}), Sa = /* @__PURE__ */ f(wa, [["__scopeId", "data-v-ebdea819"]]), Ba = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, Ta = { class: "facts" }, Da = { class: "fact__value" }, La = { class: "fact__metric" }, Ca = {
   key: 0,
   class: "facts__link"
-}, Aa = /* @__PURE__ */ g({
+}, Va = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1045,29 +1045,29 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Sa, [
+    return (a, r) => (l(), i("div", Ba, [
       t("div", Ia, [
         t("h2", qa, n(a.headline), 1),
         t("div", Ta, [
-          (s(!0), i(M, null, O(a.facts, (o) => (s(), i("div", {
-            key: o.value + o.metric,
+          (l(!0), i(P, null, M(a.facts, (s) => (l(), i("div", {
+            key: s.value + s.metric,
             class: "fact"
           }, [
-            t("div", La, [
-              t("span", null, n(o.value), 1)
+            t("div", Da, [
+              t("span", null, n(s.value), 1)
             ]),
-            t("div", Ca, [
-              t("span", null, n(o.metric), 1)
+            t("div", La, [
+              t("span", null, n(s.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (s(), i("div", Va, [
-          w(A, {
+        a.link ? (l(), i("div", Ca, [
+          S(V, {
             "link-type": "regular_light",
             arrow: ""
           }, {
-            default: y(() => [
-              u(a.$slots, "facts-link", {}, void 0, !0)
+            default: $(() => [
+              c(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1075,7 +1075,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Da = /* @__PURE__ */ v(Aa, [["__scopeId", "data-v-d2b231d4"]]), Ma = { class: "features__wrapper" }, Oa = { class: "features__content" }, Pa = {
+}), Aa = /* @__PURE__ */ f(Va, [["__scopeId", "data-v-d2b231d4"]]), Pa = { class: "features__wrapper" }, Ma = { class: "features__content" }, Oa = {
   key: 0,
   class: "features__headline"
 }, Fa = {
@@ -1089,40 +1089,40 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Ma, [
-      t("div", Oa, [
-        a.headline ? (s(), i("div", Pa, [
+    return (a, r) => (l(), i("div", Pa, [
+      t("div", Ma, [
+        a.headline ? (l(), i("div", Oa, [
           t("h2", null, n(a.headline), 1)
         ])) : m("", !0),
-        a.body ? (s(), i("div", Fa, [
-          u(a.$slots, "features-body", {}, void 0, !0)
+        a.body ? (l(), i("div", Fa, [
+          c(a.$slots, "features-body", {}, void 0, !0)
         ])) : m("", !0),
         t("div", {
           class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (s(!0), i(M, null, O(a.elements, (o) => (s(), i("div", {
-            key: o.headline,
+          (l(!0), i(P, null, M(a.elements, (s) => (l(), i("div", {
+            key: s.headline,
             class: "features__element"
           }, [
-            w(D, { class: "element__icon" }, {
-              default: y(() => [
-                u(a.$slots, "features-icon", P(F({
-                  src: o.icon.src,
+            S(A, { class: "element__icon" }, {
+              default: $(() => [
+                c(a.$slots, "features-icon", O(F({
+                  src: s.icon.src,
                   height: 30,
                   width: 30,
-                  alt: o.icon.alt
+                  alt: s.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            t("p", Ea, n(o.headline), 1),
-            t("p", Ra, n(o.body), 1)
+            t("p", Ea, n(s.headline), 1),
+            t("p", Ra, n(s.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), Ha = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-57a22df7"]]), za = { class: "form__wrapper" }, ja = { class: "form__content" }, Ua = { class: "form__information" }, Ka = { class: "form__headline" }, Ga = { class: "form__body" }, Wa = { class: "form__script" }, Ya = /* @__PURE__ */ g({
+}), Ha = /* @__PURE__ */ f(Na, [["__scopeId", "data-v-57a22df7"]]), za = { class: "form__wrapper" }, ja = { class: "form__content" }, Ua = { class: "form__information" }, Ka = { class: "form__headline" }, Ga = { class: "form__body" }, Wa = { class: "form__script" }, Ya = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1131,21 +1131,21 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", za, [
+    return (a, r) => (l(), i("div", za, [
       t("div", ja, [
         t("div", Ua, [
           t("h2", Ka, n(e.headline), 1),
           t("div", Ga, [
-            u(a.$slots, "form-body", {}, void 0, !0)
+            c(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
         t("div", Wa, [
-          u(a.$slots, "form-script", {}, void 0, !0)
+          c(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Ja = /* @__PURE__ */ v(Ya, [["__scopeId", "data-v-87a67c13"]]), Qa = { class: "image__wrapper" }, Za = { class: "image__content" }, Xa = { class: "image__image" }, xa = { class: "image__caption" }, el = /* @__PURE__ */ g({
+}), Ja = /* @__PURE__ */ f(Ya, [["__scopeId", "data-v-87a67c13"]]), Qa = { class: "image__wrapper" }, Za = { class: "image__content" }, Xa = { class: "image__image" }, xa = { class: "image__caption" }, eo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1164,12 +1164,12 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Qa, [
+    return (a, r) => (l(), i("div", Qa, [
       t("div", Za, [
         t("div", Xa, [
-          w(D, null, {
-            default: y(() => [
-              u(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+          S(A, null, {
+            default: $(() => [
+              c(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1178,16 +1178,16 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), tl = /* @__PURE__ */ v(el, [["__scopeId", "data-v-79ce0bb6"]]), al = { class: "gallery__large" }, ll = {
+}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-79ce0bb6"]]), ao = { class: "gallery__large" }, oo = {
   key: 0,
   class: "image image--large"
-}, ol = {
+}, lo = {
   key: 1,
   class: "video"
-}, sl = {
+}, so = {
   key: 0,
   class: "body"
-}, il = /* @__PURE__ */ g({
+}, io = /* @__PURE__ */ g({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1203,35 +1203,35 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, o = L(() => a[r.bgColor]);
-    return (l, _) => (s(), i("div", {
-      class: h(["gallery__wrapper", o.value])
+    }, r = e, s = D(() => a[r.bgColor]);
+    return (o, _) => (l(), i("div", {
+      class: h(["gallery__wrapper", s.value])
     }, [
       t("div", {
         class: h([
           "gallery__content",
-          l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
+          o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", al, [
-          l.mediaLarge && l.mediaType === "image" ? (s(), i("div", ll, [
-            w(D, null, {
-              default: y(() => [
-                u(l.$slots, "image-large", P(F({
+        t("div", ao, [
+          o.mediaLarge && o.mediaType === "image" ? (l(), i("div", oo, [
+            S(A, null, {
+              default: $(() => [
+                c(o.$slots, "image-large", O(F({
                   width: 617,
                   height: 530,
-                  src: l.mediaLarge.src,
-                  alt: l.mediaLarge.alt
+                  src: o.mediaLarge.src,
+                  alt: o.mediaLarge.alt
                 })))
               ]),
               _: 3
             })
           ])) : m("", !0),
-          l.mediaLarge && l.mediaType === "video" ? (s(), i("div", ol, [
-            w(J, {
-              src: l.mediaLarge.src,
+          o.mediaLarge && o.mediaType === "video" ? (l(), i("div", lo, [
+            S(Z, {
+              src: o.mediaLarge.src,
               "local-video": "",
-              "aria-label": l.mediaLarge.alt,
+              "aria-label": o.mediaLarge.alt,
               controls: !1,
               height: "530",
               width: "617",
@@ -1243,36 +1243,36 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           ])) : m("", !0)
         ]),
         t("div", {
-          style: ae([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          style: re([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
           class: h([
             "gallery__small",
-            l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
+            o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (s(!0), i(M, null, O(l.mediaSmall, (c) => (s(), i("div", {
-            key: c.src + c.alt,
+          (l(!0), i(P, null, M(o.mediaSmall, (u) => (l(), i("div", {
+            key: u.src + u.alt,
             class: "image image--small"
           }, [
-            w(D, null, {
-              default: y(() => [
-                u(l.$slots, "image-small", P(F({
+            S(A, null, {
+              default: $(() => [
+                c(o.$slots, "image-small", O(F({
                   width: 328,
                   height: 246,
-                  src: c.src,
-                  alt: c.alt
+                  src: u.src,
+                  alt: u.alt
                 })))
               ]),
               _: 2
             }, 1024)
           ]))), 128)),
-          l.mediaSmall.length < 2 ? (s(), i("div", sl, [
-            t("p", null, n(l.body), 1)
+          o.mediaSmall.length < 2 ? (l(), i("div", so, [
+            t("p", null, n(o.body), 1)
           ])) : m("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), rl = /* @__PURE__ */ v(il, [["__scopeId", "data-v-0d271138"]]), nl = { class: "headline__wrapper" }, dl = { class: "headline__h1" }, cl = /* @__PURE__ */ g({
+}), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-0d271138"]]), no = { class: "headline__wrapper" }, co = { class: "headline__h1" }, uo = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1289,7 +1289,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", nl, [
+    return (a, r) => (l(), i("div", no, [
       t("div", {
         class: h({
           "headline__content--article-and-submenu": e.article && e.subMenu,
@@ -1298,11 +1298,11 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", dl, n(e.headline), 1)
+        t("h1", co, n(e.headline), 1)
       ], 2)
     ]));
   }
-}), ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3ef1567e"]]), _l = (e) => (E("data-v-22f9be13"), e = e(), R(), e), pl = { class: "hero__wrapper" }, hl = { class: "hero__content" }, ml = { class: "hero__top" }, vl = { class: "hero__elements" }, fl = { class: "hero__headline" }, gl = { class: "hero__link" }, bl = { class: "hero__video" }, yl = /* @__PURE__ */ _l(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), $l = { class: "hero__video__video" }, kl = { class: "hero__image" }, wl = /* @__PURE__ */ g({
+}), _o = /* @__PURE__ */ f(uo, [["__scopeId", "data-v-3ef1567e"]]), po = (e) => (E("data-v-22f9be13"), e = e(), R(), e), ho = { class: "hero__wrapper" }, mo = { class: "hero__content" }, vo = { class: "hero__top" }, fo = { class: "hero__elements" }, go = { class: "hero__headline" }, bo = { class: "hero__link" }, yo = { class: "hero__video" }, $o = /* @__PURE__ */ po(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ko = { class: "hero__video__video" }, wo = { class: "hero__image" }, So = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1311,42 +1311,42 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", pl, [
-      t("div", hl, [
-        t("div", ml, [
-          t("div", vl, [
-            t("div", fl, [
+    return (a, r) => (l(), i("div", ho, [
+      t("div", mo, [
+        t("div", vo, [
+          t("div", fo, [
+            t("div", go, [
               t("h1", null, n(e.headline), 1)
             ]),
-            t("div", gl, [
-              w(A, {
+            t("div", bo, [
+              S(V, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
-                default: y(() => [
-                  u(a.$slots, "hero-link", {}, void 0, !0)
+                default: $(() => [
+                  c(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])
           ])
         ]),
-        t("div", bl, [
-          yl,
-          t("div", $l, [
-            u(a.$slots, "hero-video", {}, void 0, !0)
+        t("div", yo, [
+          $o,
+          t("div", ko, [
+            c(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          t("div", kl, [
-            u(a.$slots, "hero-image", {}, void 0, !0)
+          t("div", wo, [
+            c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), Bl = /* @__PURE__ */ v(wl, [["__scopeId", "data-v-22f9be13"]]), Sl = { class: "logo-wall__wrapper" }, Il = { class: "logo-wall__content" }, ql = {
+}), Bo = /* @__PURE__ */ f(So, [["__scopeId", "data-v-22f9be13"]]), Io = { class: "logo-wall__wrapper" }, qo = { class: "logo-wall__content" }, To = {
   key: 0,
   class: "logo-wall__text"
-}, Tl = { key: 0 }, Ll = { key: 1 }, Cl = { class: "logo-wall__logos" }, Vl = { class: "logo-wall__link" }, Al = /* @__PURE__ */ g({
+}, Do = { key: 0 }, Lo = { key: 1 }, Co = { class: "logo-wall__logos" }, Vo = { class: "logo-wall__link" }, Ao = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1364,37 +1364,37 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Sl, [
-      t("div", Il, [
-        e.headline || e.body ? (s(), i("div", ql, [
-          e.headline ? (s(), i("h2", Tl, n(e.headline), 1)) : m("", !0),
-          e.body ? (s(), i("p", Ll, n(e.body), 1)) : m("", !0)
+    return (a, r) => (l(), i("div", Io, [
+      t("div", qo, [
+        e.headline || e.body ? (l(), i("div", To, [
+          e.headline ? (l(), i("h2", Do, n(e.headline), 1)) : m("", !0),
+          e.body ? (l(), i("p", Lo, n(e.body), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", Cl, [
-          (s(!0), i(M, null, O(e.logos, (o) => (s(), i("div", {
-            key: o.src + o.alt,
+        t("div", Co, [
+          (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
+            key: s.src + s.alt,
             class: "logo-wall__logo"
           }, [
-            w(D, null, {
-              default: y(() => [
-                u(a.$slots, "logo-wall-logo", P(F({
+            S(A, null, {
+              default: $(() => [
+                c(a.$slots, "logo-wall-logo", O(F({
                   width: 130,
                   height: 130,
-                  src: o.src,
-                  alt: o.alt
+                  src: s.src,
+                  alt: s.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Vl, [
-          w(A, {
+        t("div", Vo, [
+          S(V, {
             "link-type": "regular_light",
             arrow: !0
           }, {
-            default: y(() => [
-              u(a.$slots, "logo-wall-link", {}, void 0, !0)
+            default: $(() => [
+              c(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1402,13 +1402,13 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-fd489289"]]), Ml = { class: "micro-stories__top" }, Ol = {
+}), Po = /* @__PURE__ */ f(Ao, [["__scopeId", "data-v-fd489289"]]), Mo = { class: "micro-stories__top" }, Oo = {
   key: 0,
   class: "headline"
-}, Pl = {
+}, Fo = {
   key: 1,
   class: "body"
-}, Fl = { class: "micro-stories__splide" }, El = /* @__PURE__ */ g({
+}, Eo = { class: "micro-stories__splide" }, Ro = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1420,36 +1420,36 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = L(() => a[o.bgColor]), o = e;
-    return (l, _) => (s(), i("div", {
+    }, r = D(() => a[s.bgColor]), s = e;
+    return (o, _) => (l(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Ml, [
-        l.headline ? (s(), i("div", Ol, [
-          t("h2", null, n(l.headline), 1)
+      t("div", Mo, [
+        o.headline ? (l(), i("div", Oo, [
+          t("h2", null, n(o.headline), 1)
         ])) : m("", !0),
-        l.body ? (s(), i("div", Pl, [
-          t("p", null, n(l.body), 1)
+        o.body ? (l(), i("div", Fo, [
+          t("p", null, n(o.body), 1)
         ])) : m("", !0)
       ]),
-      t("div", Fl, [
-        u(l.$slots, "micro-stories-slides")
+      t("div", Eo, [
+        c(o.$slots, "micro-stories-slides")
       ]),
-      u(l.$slots, "micro-stories-controls")
+      c(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Rl = {}, Nl = { class: "policy__wrapper" }, Hl = { class: "policy__content" };
-function zl(e, a) {
-  return s(), i("div", Nl, [
-    t("div", Hl, [
-      u(e.$slots, "default", {}, void 0, !0)
+}), No = {}, Ho = { class: "policy__wrapper" }, zo = { class: "policy__content" };
+function jo(e, a) {
+  return l(), i("div", Ho, [
+    t("div", zo, [
+      c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7"]]), Ul = { class: "card-display__wrapper" }, Kl = {
+const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a"]]), Ko = { class: "card-display__wrapper" }, Go = {
   key: 0,
   class: "card__content"
-}, Gl = { key: 0 }, Wl = { key: 1 }, Yl = { class: "card__cards" }, Jl = /* @__PURE__ */ g({
+}, Wo = { key: 0 }, Yo = { key: 1 }, Jo = { class: "card__cards" }, Qo = /* @__PURE__ */ g({
   __name: "card-display",
   props: {
     headline: {
@@ -1466,24 +1466,24 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", {
+    return (a, r) => (l(), i("div", {
       class: h([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", Ul, [
-        e.headline || e.paragraph ? (s(), i("div", Kl, [
-          e.headline ? (s(), i("h2", Gl, n(e.headline), 1)) : m("", !0),
-          e.paragraph ? (s(), i("p", Wl, n(e.paragraph), 1)) : m("", !0)
+      t("div", Ko, [
+        e.headline || e.paragraph ? (l(), i("div", Go, [
+          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : m("", !0),
+          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", Yl, [
-          u(a.$slots, "card-display-cards", {}, void 0, !0)
+        t("div", Jo, [
+          c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Ql = /* @__PURE__ */ v(Jl, [["__scopeId", "data-v-e8033cff"]]), Zl = { class: "promo__content" }, Xl = /* @__PURE__ */ g({
+}), Zo = /* @__PURE__ */ f(Qo, [["__scopeId", "data-v-e8033cff"]]), Xo = { class: "promo__content" }, xo = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1503,84 +1503,84 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, o = L(() => a[r.variant]);
-    return (l, _) => (s(), i("div", {
+    }, r = e, s = D(() => a[r.variant]);
+    return (o, _) => (l(), i("div", {
       class: h([
         "promo__wrapper",
-        o.value,
-        l.teaser ? "promo__wrapper--teaser" : "",
-        l.multiply ? "promo__wrapper--multiply" : ""
+        s.value,
+        o.teaser ? "promo__wrapper--teaser" : "",
+        o.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      t("div", Zl, [
-        l.mediaType === "image" ? (s(), i("div", {
+      t("div", Xo, [
+        o.mediaType === "image" ? (l(), i("div", {
           key: 0,
           class: h([
             "promo__image",
-            l.reverse ? "promo__image--reverse" : "promo__image--default"
+            o.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          w(D, null, {
-            default: y(() => [
-              u(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+          S(A, null, {
+            default: $(() => [
+              c(o.$slots, "promo-image", O(F({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : m("", !0),
-        l.mediaType === "video" ? (s(), i("div", {
+        o.mediaType === "video" ? (l(), i("div", {
           key: 1,
           class: h([
             "promo__video",
-            l.reverse ? "promo__video--reverse" : "promo__video--default"
+            o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          w(J, {
-            src: l.src,
+          S(Z, {
+            src: o.src,
             "local-video": "",
-            "aria-label": l.alt,
+            "aria-label": o.alt,
             controls: !1,
             autoplay: "",
             loop: "",
             muted: "",
             play: "",
-            poster: l.fallbackImage
+            poster: o.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
         ], 2)) : m("", !0),
         t("div", {
           class: h([
             "promo__text",
-            l.reverse ? "promo__text--reverse" : "promo__text--default"
+            o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), C(K, {
+          o.label ? (l(), L(Y, {
             key: 0,
-            text: l.label,
-            "label-dark": l.variant === "dark"
+            text: o.label,
+            "label-dark": o.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : m("", !0),
           t("div", {
             class: h([
               "promo__title",
-              l.variant === "dark" ? "promo__title--dark" : ""
+              o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            u(l.$slots, "promo-headline")
+            c(o.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (s(), C(A, {
+          o.linkType === "link" ? (l(), L(V, {
             key: 1,
-            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: y(() => [
-              u(l.$slots, "promo-link")
+            default: $(() => [
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          l.linkType === "button" ? (s(), C(A, {
+          o.linkType === "button" ? (l(), L(V, {
             key: 2,
-            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+            "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
-            default: y(() => [
-              u(l.$slots, "promo-link")
+            default: $(() => [
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0)
@@ -1588,10 +1588,10 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
       ])
     ], 2));
   }
-}), xl = /* @__PURE__ */ v(Xl, [["__scopeId", "data-v-df54d965"]]), eo = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), to = { class: "quote__wrapper" }, ao = { class: "quote__content" }, lo = /* @__PURE__ */ eo(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), oo = { class: "quote__quote" }, so = { class: "quote__quote-text" }, io = { class: "quote__author" }, ro = {
+}), el = /* @__PURE__ */ f(xo, [["__scopeId", "data-v-df54d965"]]), tl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), al = { class: "quote__wrapper" }, ol = { class: "quote__content" }, ll = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), sl = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, nl = {
   key: 0,
   class: "quote__image"
-}, no = { class: "quote__text" }, co = { class: "quote__author-name" }, uo = { class: "quote__author-title" }, _o = /* @__PURE__ */ g({
+}, dl = { class: "quote__text" }, cl = { class: "quote__author-name" }, ul = { class: "quote__author-title" }, _l = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1613,16 +1613,16 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", to, [
-      t("div", ao, [
-        lo,
-        t("div", oo, [
-          t("p", so, n(e.quote), 1),
-          t("div", io, [
-            e.authorImage ? (s(), i("div", ro, [
-              w(D, null, {
-                default: y(() => [
-                  u(a.$slots, "author-image", P(F({
+    return (a, r) => (l(), i("div", al, [
+      t("div", ol, [
+        ll,
+        t("div", sl, [
+          t("p", il, n(e.quote), 1),
+          t("div", rl, [
+            e.authorImage ? (l(), i("div", nl, [
+              S(A, null, {
+                default: $(() => [
+                  c(a.$slots, "author-image", O(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1631,22 +1631,22 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
                 _: 3
               })
             ])) : m("", !0),
-            t("div", no, [
-              t("p", co, n(e.author), 1),
-              t("p", uo, n(e.authorTitle), 1)
+            t("div", dl, [
+              t("p", cl, n(e.author), 1),
+              t("p", ul, n(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), po = /* @__PURE__ */ v(_o, [["__scopeId", "data-v-e3cc8e27"]]), ho = { class: "rich-text__wrapper" }, mo = {
+}), pl = /* @__PURE__ */ f(_l, [["__scopeId", "data-v-e3cc8e27"]]), hl = { class: "rich-text__wrapper" }, ml = {
   key: 0,
   class: "rich-text__links"
-}, vo = {
+}, vl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, fo = /* @__PURE__ */ g({
+}, fl = /* @__PURE__ */ g({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1659,19 +1659,19 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
     label: { default: "" }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", {
+    return (a, r) => (l(), i("div", {
       class: h([
         "rich-text",
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", ho, [
-        a.label ? (s(), C(K, {
+      t("div", hl, [
+        a.label ? (l(), L(Y, {
           key: 0,
           text: a.label,
           "label-dark": !1
         }, null, 8, ["text"])) : m("", !0),
-        a.headline ? (s(), i("h2", {
+        a.headline ? (l(), i("h2", {
           key: 1,
           class: h([
             "rich-text__headline",
@@ -1690,24 +1690,24 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(a.$slots, "rich-text-content"),
-            a.links ? (s(), i("div", mo, [
-              u(a.$slots, "rich-text-links")
+            c(a.$slots, "rich-text-content"),
+            a.links ? (l(), i("div", ml, [
+              c(a.$slots, "rich-text-links")
             ])) : m("", !0)
           ], 2),
-          a.bulletList ? (s(), i("div", vo, [
-            u(a.$slots, "rich-text-bullet-list")
+          a.bulletList ? (l(), i("div", vl, [
+            c(a.$slots, "rich-text-bullet-list")
           ])) : m("", !0),
-          a.image ? (s(), i("div", {
+          a.image ? (l(), i("div", {
             key: 1,
             class: h([
               "rich-text__image",
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            w(D, null, {
-              default: y(() => [
-                u(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
+            S(A, null, {
+              default: $(() => [
+                c(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1716,27 +1716,27 @@ const jl = /* @__PURE__ */ v(Rl, [["render", zl], ["__scopeId", "data-v-9d5712e7
       ])
     ], 2));
   }
-}), go = /* @__PURE__ */ v(fo, [["__scopeId", "data-v-8bb69ea4"]]), bo = {}, yo = { class: "rich-text" }, $o = { class: "rich-text__wrapper" }, ko = { class: "rich-text__content rich-text__content--left-aligned" }, wo = { class: "rich-text__body" };
-function Bo(e, a) {
-  return s(), i("div", yo, [
-    t("div", $o, [
-      t("div", ko, [
-        t("div", wo, [
+}), gl = /* @__PURE__ */ f(fl, [["__scopeId", "data-v-8bb69ea4"]]), bl = {}, yl = { class: "rich-text" }, $l = { class: "rich-text__wrapper" }, kl = { class: "rich-text__content rich-text__content--left-aligned" }, wl = { class: "rich-text__body" };
+function Sl(e, a) {
+  return l(), i("div", yl, [
+    t("div", $l, [
+      t("div", kl, [
+        t("div", wl, [
           t("div", null, [
-            u(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            c(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            u(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            c(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
     ])
   ]);
 }
-const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194"]]), Io = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), qo = { class: "timeline__wrapper" }, To = { class: "timeline__content" }, Lo = { class: "timeline__items" }, Co = { class: "item__left" }, Vo = /* @__PURE__ */ Io(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194"]]), Il = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), ql = { class: "timeline__wrapper" }, Tl = { class: "timeline__content" }, Dl = { class: "timeline__items" }, Ll = { class: "item__left" }, Cl = /* @__PURE__ */ Il(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Ao = { class: "item__right" }, Do = ["innerHTML"], Mo = /* @__PURE__ */ g({
+], -1)), Vl = { class: "item__right" }, Al = ["innerHTML"], Pl = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1745,54 +1745,54 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return ce(() => {
+    return pe(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
-        (o) => {
-          o.forEach((l) => {
-            l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
+        (s) => {
+          s.forEach((o) => {
+            o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), r.unobserve(o.target));
           });
         },
         {
           threshold: 1
         }
       );
-      a.forEach((o) => {
-        r.observe(o);
+      a.forEach((s) => {
+        r.observe(s);
       });
-    }), (a, r) => (s(), i("div", qo, [
-      t("div", To, [
-        t("div", Lo, [
-          (s(!0), i(M, null, O(e.timelineItems, (o) => (s(), i("div", {
-            key: o.year,
+    }), (a, r) => (l(), i("div", ql, [
+      t("div", Tl, [
+        t("div", Dl, [
+          (l(!0), i(P, null, M(e.timelineItems, (s) => (l(), i("div", {
+            key: s.year,
             class: "timeline__item faded"
           }, [
-            t("div", Co, n(o.year), 1),
-            Vo,
-            t("div", Ao, [
-              w(D, null, {
-                default: y(() => [
-                  o.media.src ? u(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
+            t("div", Ll, n(s.year), 1),
+            Cl,
+            t("div", Vl, [
+              S(A, null, {
+                default: $(() => [
+                  s.media.src ? c(a.$slots, "timeline-image", O(ie({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: ae([o.media.src ? "" : "margin-top: 0px"]),
+                style: re([s.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
-                innerHTML: o.text
-              }, null, 12, Do)
+                innerHTML: s.text
+              }, null, 12, Al)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Oo = /* @__PURE__ */ v(Mo, [["__scopeId", "data-v-e254e1e0"]]), Po = { class: "vimeo" }, Fo = { class: "vimeo__wrapper" }, Eo = {
+}), Ml = /* @__PURE__ */ f(Pl, [["__scopeId", "data-v-e254e1e0"]]), Ol = { class: "vimeo" }, Fl = { class: "vimeo__wrapper" }, El = {
   key: 0,
   class: "vimeo__headline"
-}, Ro = {
+}, Rl = {
   key: 1,
   class: "vimeo__description"
-}, No = /* @__PURE__ */ g({
+}, Nl = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -1805,15 +1805,15 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", Po, [
-      t("div", Fo, [
-        e.headline ? (s(), i("h2", Eo, n(e.headline), 1)) : m("", !0),
-        u(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (s(), i("p", Ro, n(e.description), 1)) : m("", !0)
+    return (a, r) => (l(), i("div", Ol, [
+      t("div", Fl, [
+        e.headline ? (l(), i("h2", El, n(e.headline), 1)) : m("", !0),
+        c(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (l(), i("p", Rl, n(e.description), 1)) : m("", !0)
       ])
     ]));
   }
-}), Ho = /* @__PURE__ */ v(No, [["__scopeId", "data-v-90a2b109"]]), zo = { class: "not-found__wrapper" }, jo = { class: "not-found__content" }, Uo = { class: "not-found__headline" }, Ko = { class: "not-found__body" }, Go = /* @__PURE__ */ g({
+}), Hl = /* @__PURE__ */ f(Nl, [["__scopeId", "data-v-90a2b109"]]), zl = { class: "not-found__wrapper" }, jl = { class: "not-found__content" }, Ul = { class: "not-found__headline" }, Kl = { class: "not-found__body" }, Gl = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -1822,16 +1822,16 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", zo, [
-      t("div", jo, [
-        t("h1", Uo, n(e.headline), 1),
-        t("div", Ko, [
-          u(a.$slots, "not-found-body", {}, void 0, !0)
+    return (a, r) => (l(), i("div", zl, [
+      t("div", jl, [
+        t("h1", Ul, n(e.headline), 1),
+        t("div", Kl, [
+          c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Wo = /* @__PURE__ */ v(Go, [["__scopeId", "data-v-b829ca6c"]]), Yo = { class: "filter__wrapper" }, Jo = { class: "filter__content" }, Qo = { class: "filter__dropdowns" }, Zo = { class: "filter__chips" }, Xo = /* @__PURE__ */ g({
+}), Wl = /* @__PURE__ */ f(Gl, [["__scopeId", "data-v-b829ca6c"]]), Yl = { class: "filter__wrapper" }, Jl = { class: "filter__content" }, Ql = { class: "filter__dropdowns" }, Zl = { class: "filter__chips" }, Xl = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1845,23 +1845,23 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (s(), i("div", Yo, [
-      t("div", Jo, [
-        t("div", Qo, [
-          u(a.$slots, "filter-dropdowns")
+    return (a, r) => (l(), i("div", Yl, [
+      t("div", Jl, [
+        t("div", Ql, [
+          c(a.$slots, "filter-dropdowns")
         ]),
-        t("div", Zo, [
-          u(a.$slots, "filter-chips"),
-          e.hasChips ? (s(), i("button", {
+        t("div", Zl, [
+          c(a.$slots, "filter-chips"),
+          e.hasChips ? (l(), i("button", {
             key: 0,
             class: "filter__clear",
-            onClick: r[0] || (r[0] = (o) => a.$emit("clearFilters"))
+            onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
           }, n(e.removeAll), 1)) : m("", !0)
         ])
       ])
     ]));
   }
-}), xo = /* @__PURE__ */ v(Xo, [["__scopeId", "data-v-31c1ba00"]]), H = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), es = { class: "footer__wrapper" }, ts = { class: "footer__content" }, as = { class: "footer__sections" }, ls = { class: "section__title" }, os = { class: "section__list" }, ss = { class: "section" }, is = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), rs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ns = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ds = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), cs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("br", null, null, -1)), us = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), _s = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ps = { class: "footer__bottom" }, hs = { class: "copyright" }, ms = { class: "footer__policy" }, vs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), fs = {
+}), xl = /* @__PURE__ */ f(Xl, [["__scopeId", "data-v-31c1ba00"]]), H = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), es = { class: "footer__wrapper" }, ts = { class: "footer__content" }, as = { class: "footer__sections" }, os = { class: "section__title" }, ls = { class: "section__list" }, ss = { class: "section" }, is = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), rs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ns = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ds = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), cs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("br", null, null, -1)), us = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), _s = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ps = { class: "footer__bottom" }, hs = { class: "copyright" }, ms = { class: "footer__policy" }, vs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), fs = {
   key: 0,
   class: "footer__social"
 }, gs = ["href", "aria-label"], bs = {
@@ -1880,18 +1880,18 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (s(), i("div", es, [
+    return (a, r) => (l(), i("div", es, [
       t("footer", ts, [
         t("div", as, [
-          (s(!0), i(M, null, O(a.footerSections, (o) => (s(), i("div", {
-            key: o.title,
+          (l(!0), i(P, null, M(a.footerSections, (s) => (l(), i("div", {
+            key: s.title,
             class: "section"
           }, [
-            t("span", ls, n(o.title), 1),
+            t("span", os, n(s.title), 1),
             t("nav", null, [
-              t("ul", os, [
-                u(a.$slots, "section-links", {
-                  links: o.links
+              t("ul", ls, [
+                c(a.$slots, "section-links", {
+                  links: s.links
                 })
               ])
             ])
@@ -1903,22 +1903,22 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
               ns,
               ds,
               cs,
-              w(A, {
+              S(V, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: y(() => [
+                default: $(() => [
                   us
                 ]),
                 _: 1
               }),
-              w(A, {
+              S(V, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: y(() => [
+                default: $(() => [
                   _s
                 ]),
                 _: 1
@@ -1931,53 +1931,53 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
           t("div", ms, [
             t("button", {
               class: "footer__language-switcher",
-              onClick: r[0] || (r[0] = (o) => a.$emit("changeRegionClicked"))
+              onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
                 vs,
-                W(n(a.changeRegion), 1)
+                Q(n(a.changeRegion), 1)
               ])
             ]),
-            u(a.$slots, "footer-privacy-link"),
-            u(a.$slots, "footer-cookie-link")
+            c(a.$slots, "footer-privacy-link"),
+            c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (s(), i("div", fs, [
-            (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), C(A, {
-              key: o.title,
+          a.language !== "zh" ? (l(), i("div", fs, [
+            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), L(V, {
+              key: s.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: y(() => [
+              default: $(() => [
                 t("a", {
-                  href: o.url,
+                  href: s.url,
                   target: "_blank",
-                  "aria-label": o.title
+                  "aria-label": s.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: h(["footer__social--icon", [o.title ? "bg-" + o.title : ""]])
+                    class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
                 ], 8, gs)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (s(), i("div", bs, [
-            (s(!0), i(M, null, O(a.socialMediaChina, (o) => (s(), C(A, {
-              key: o.title,
+          ])) : (l(), i("div", bs, [
+            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), L(V, {
+              key: s.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: y(() => [
+              default: $(() => [
                 t("a", {
-                  href: o.url,
+                  href: s.url,
                   target: "_blank",
-                  "aria-label": o.title
+                  "aria-label": s.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: h(["footer__social--icon", [o.title ? "bg-" + o.title : ""]])
+                    class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
                 ], 8, ys)
               ]),
@@ -1988,19 +1988,52 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), ks = /* @__PURE__ */ v($s, [["__scopeId", "data-v-aa82b03d"]]), ws = { class: "header__wrapper" }, Bs = { class: "nav-wrapper" }, Ss = { class: "mir-link-logo" }, Is = { class: "main-nav-items" }, qs = {
+}), ks = /* @__PURE__ */ f($s, [["__scopeId", "data-v-aa82b03d"]]), ws = { class: "header__wrapper" }, Ss = { class: "nav-wrapper" }, Bs = { class: "mir-link-logo" }, Is = { class: "main-nav-items" }, qs = {
+  key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
 }, Ts = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Ls = {
+}, Ds = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Cs = { class: "dropdown-content" }, Vs = { class: "nav-search-wrapper" }, As = ["src"], Ds = { class: "mobile-logo-search-burger-wrapper" }, Ms = { class: "mobile-mir-link-logo" }, Os = { class: "mobile-search-wrapper" }, Ps = ["src"], Fs = ["src"], Es = { class: "mobile-menu-content-wrapper" }, Rs = { class: "mobile-dropdown-content" }, Ns = /* @__PURE__ */ g({
+}, Ls = { class: "dropdown-content" }, Cs = { class: "nav-search-wrapper" }, Vs = ["src"], As = {
+  key: 1,
+  id: "menu-portal-switcher",
+  class: "portal-switcher-wrapper"
+}, Ps = {
+  key: 0,
+  src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
+  alt: "portalswitchericon",
+  width: "20",
+  height: "20"
+}, Ms = {
+  key: 1,
+  src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
+  alt: "portalswitchericon",
+  width: "20",
+  height: "20"
+}, Os = { class: "portal-switcher-content" }, Fs = {
+  key: 2,
+  id: "menu-profile-dropdown",
+  class: "profile-dropdown-wrapper"
+}, Es = {
+  key: 0,
+  src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
+  alt: "profiledropdownicon",
+  width: "20",
+  height: "20"
+}, Rs = {
+  key: 1,
+  src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
+  alt: "profiledropdownicon",
+  width: "20",
+  height: "20"
+}, Ns = { class: "profile-dropdown-content" }, Hs = { class: "mobile-logo-search-burger-wrapper" }, zs = { class: "mobile-mir-link-logo" }, js = { class: "mobile-search-wrapper" }, Us = ["src"], Ks = ["src"], Gs = { class: "mobile-menu-content-wrapper" }, Ws = { class: "mobile-dropdown-content" }, Ys = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2010,140 +2043,202 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
     showDropDown: {
       type: Boolean,
       default: !1
+    },
+    useDropdown: {
+      type: Boolean,
+      default: !1
+    },
+    showPortalSwitcherDropDown: {
+      type: Boolean,
+      default: !1
+    },
+    usePortalSwitcher: {
+      type: Boolean,
+      default: !1
+    },
+    showProfileDropDown: {
+      type: Boolean,
+      default: !1
+    },
+    useProfileDropdown: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
     "update:burgerState",
     "update:showDropDown",
+    "update:showPortalSwitcherDropDown",
+    "update:showProfileDropDown",
     "clickSearch"
   ],
   setup(e, { expose: a, emit: r }) {
-    let o = null;
-    const l = e;
-    let _ = I(l.burgerState), c = I(l.showDropDown);
-    re(
-      () => l.burgerState,
-      (S) => _.value = S
-    ), re(
-      () => l.showDropDown,
-      (S) => c.value = S
-    ), ce(() => {
-      o = (S) => {
-        S.target.closest("#menu-dropdown") || (c.value = !1);
-      }, window.addEventListener("click", o);
-    }), Be(() => {
-      o !== null && window.removeEventListener("click", o);
+    let s = null;
+    const o = e;
+    let _ = q(o.burgerState), u = q(o.showDropDown), p = q(o.showPortalSwitcherDropDown), w = q(o.showProfileDropDown);
+    ee(
+      () => o.burgerState,
+      (b) => _.value = b
+    ), ee(
+      () => o.showDropDown,
+      (b) => u.value = b
+    ), ee(
+      () => o.showPortalSwitcherDropDown,
+      (b) => p.value = b
+    ), ee(
+      () => o.showProfileDropDown,
+      (b) => w.value = b
+    ), pe(() => {
+      s = (b) => {
+        b.target.closest("#menu-dropdown") || (u.value = !1), b.target.closest("#menu-portal-switcher") || (p.value = !1), b.target.closest("#menu-profile-dropdown") || (w.value = !1);
+      }, window.addEventListener("click", s);
+    }), Se(() => {
+      s !== null && window.removeEventListener("click", s);
     });
-    const p = r;
+    const v = r;
     function B() {
-      c.value = !c.value, p("update:showDropDown", c.value);
+      u.value = !u.value, v("update:showDropDown", u.value);
     }
-    function f() {
-      _.value = !_.value, p("update:burgerState", _.value);
+    function C() {
+      p.value = !p.value, v("update:showPortalSwitcherDropDown", p.value);
     }
-    let $ = I(null), q = I(null);
-    function x() {
-      $.value && $.value.blur();
+    function ae() {
+      w.value = !w.value, v("update:showProfileDropDown", w.value);
+    }
+    function oe() {
+      _.value = !_.value, v("update:burgerState", _.value);
+    }
+    let U = q(null), X = q(null);
+    function le() {
+      U.value && U.value.blur();
     }
     return a({
-      defocusSearchButton: x
-    }), (S, j) => (s(), i("div", ws, [
+      defocusSearchButton: le
+    }), (b, K) => (l(), i("div", ws, [
       t("nav", null, [
-        t("div", Bs, [
-          t("div", Ss, [
-            u(S.$slots, "link-logo", {}, void 0, !0)
+        t("div", Ss, [
+          t("div", Bs, [
+            c(b.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", Is, [
-            u(S.$slots, "main-nav-items", {}, void 0, !0)
+            c(b.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", qs, [
+          e.useDropdown ? (l(), i("div", qs, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: B
             }, [
-              u(S.$slots, "dropdown-title", {}, void 0, !0),
-              V(c) === !1 ? (s(), i("img", Ts)) : (s(), i("img", Ls))
+              c(b.$slots, "dropdown-title", {}, void 0, !0),
+              I(u) === !1 ? (l(), i("img", Ts)) : (l(), i("img", Ds))
             ]),
-            Y(t("div", Cs, [
-              u(S.$slots, "dropdown-links", {}, void 0, !0)
+            j(t("div", Ls, [
+              c(b.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Z, V(c)]
+              [W, I(u)]
             ])
-          ], 512),
-          t("div", Vs, [
+          ], 512)) : m("", !0),
+          t("div", Cs, [
             t("button", {
               ref_key: "navSearchButton",
-              ref: $,
+              ref: U,
               class: "search-icon",
-              onClick: j[0] || (j[0] = (ee) => {
+              onClick: K[0] || (K[0] = (se) => {
                 var z;
-                return S.$emit("clickSearch"), (z = V($)) == null ? void 0 : z.blur();
+                return b.$emit("clickSearch"), (z = I(U)) == null ? void 0 : z.blur();
               })
             }, [
               t("img", {
-                src: V(_) === !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: I(_) === !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"
-              }, null, 8, As)
+              }, null, 8, Vs)
             ], 512)
-          ])
+          ]),
+          e.usePortalSwitcher ? (l(), i("div", As, [
+            t("button", {
+              class: "nav-portal-switcher-btn",
+              onClick: C
+            }, [
+              c(b.$slots, "portal-switcher-title", {}, void 0, !0),
+              I(p) === !1 ? (l(), i("img", Ps)) : (l(), i("img", Ms))
+            ]),
+            j(t("div", Os, [
+              c(b.$slots, "portal-switcher-links", {}, void 0, !0)
+            ], 512), [
+              [W, I(p)]
+            ])
+          ])) : m("", !0),
+          e.useProfileDropdown ? (l(), i("div", Fs, [
+            t("button", {
+              class: "nav-profile-dropdown-btn",
+              onClick: ae
+            }, [
+              c(b.$slots, "porfile-dropdown-title", {}, void 0, !0),
+              I(w) === !1 ? (l(), i("img", Es)) : (l(), i("img", Rs))
+            ]),
+            j(t("div", Ns, [
+              c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
+            ], 512), [
+              [W, I(w)]
+            ])
+          ])) : m("", !0)
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", V(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", I(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Ds, [
-            t("div", Ms, [
-              u(S.$slots, "link-logo", {}, void 0, !0)
+          t("div", Hs, [
+            t("div", zs, [
+              c(b.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", Os, [
+            t("div", js, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: q,
+                ref: X,
                 class: "search-icon",
                 "aria-label": "Toggle search",
-                onClick: j[1] || (j[1] = (ee) => {
+                onClick: K[1] || (K[1] = (se) => {
                   var z;
-                  return S.$emit("clickSearch"), (z = V(q)) == null ? void 0 : z.blur();
+                  return b.$emit("clickSearch"), (z = I(X)) == null ? void 0 : z.blur();
                 })
               }, [
                 t("img", {
-                  src: V(_) === !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: I(_) === !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"
-                }, null, 8, Ps)
+                }, null, 8, Us)
               ], 512)
             ]),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: ne(f, ["prevent"])
+              onClick: ue(oe, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: V(_) === !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, Fs)
+                src: I(_) === !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, Ks)
             ])
           ]),
-          Y(t("div", Es, [
+          j(t("div", Gs, [
             t("ul", null, [
-              u(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              c(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Rs, [
-              u(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              u(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Ws, [
+              c(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              c(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, V(_)]
+            [W, I(_)]
           ])
         ], 2)
       ])
     ]));
   }
-}), Hs = /* @__PURE__ */ v(Ns, [["__scopeId", "data-v-5ad5c770"]]), zs = { class: "language__wrapper" }, js = { class: "language__content" }, Us = { class: "language__headline" }, Ks = { class: "language__paragraph" }, Gs = { class: "language__links" }, Ws = /* @__PURE__ */ g({
+}), Js = /* @__PURE__ */ f(Ys, [["__scopeId", "data-v-415acd08"]]), Qs = { class: "language__wrapper" }, Zs = { class: "language__content" }, Xs = { class: "language__headline" }, xs = { class: "language__paragraph" }, ei = { class: "language__links" }, ti = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2156,17 +2251,17 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", zs, [
-      t("div", js, [
-        t("h2", Us, n(e.headline), 1),
-        t("p", Ks, n(e.paragraph), 1),
-        t("div", Gs, [
-          u(a.$slots, "language-links", {}, void 0, !0)
+    return (a, r) => (l(), i("div", Qs, [
+      t("div", Zs, [
+        t("h2", Xs, n(e.headline), 1),
+        t("p", xs, n(e.paragraph), 1),
+        t("div", ei, [
+          c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Ys = /* @__PURE__ */ v(Ws, [["__scopeId", "data-v-dc8cc97e"]]), Js = { class: "pagination__wrapper" }, Qs = { class: "pagination__content" }, Zs = /* @__PURE__ */ g({
+}), ai = /* @__PURE__ */ f(ti, [["__scopeId", "data-v-dc8cc97e"]]), oi = { class: "pagination__wrapper" }, li = { class: "pagination__content" }, si = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2180,37 +2275,37 @@ const So = /* @__PURE__ */ v(bo, [["render", Bo], ["__scopeId", "data-v-2881b194
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (s(), i("div", Js, [
-      t("div", Qs, [
-        w(X, {
+    return (a, r) => (l(), i("div", oi, [
+      t("div", li, [
+        S(te, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
-          onClick: r[0] || (r[0] = (o) => a.$emit("previous"))
+          onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        u(a.$slots, "pagination-numbers"),
-        w(X, {
+        c(a.$slots, "pagination-numbers"),
+        S(te, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
-          onClick: r[1] || (r[1] = (o) => a.$emit("next"))
+          onClick: r[1] || (r[1] = (s) => a.$emit("next"))
         }, null, 8, ["disabled"])
       ])
     ]));
   }
-}), Xs = /* @__PURE__ */ v(Zs, [["__scopeId", "data-v-da6d07c9"]]), xs = {}, ei = { class: "search__wrapper" };
-function ti(e, a) {
-  return s(), i("div", ei, [
-    u(e.$slots, "default", { class: "search__content" })
+}), ii = /* @__PURE__ */ f(si, [["__scopeId", "data-v-da6d07c9"]]), ri = {}, ni = { class: "search__wrapper" };
+function di(e, a) {
+  return l(), i("div", ni, [
+    c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const ai = /* @__PURE__ */ v(xs, [["render", ti], ["__scopeId", "data-v-623adb82"]]), li = { class: "product-hero__wrapper" }, oi = { class: "product-hero__content" }, si = { class: "product-hero__headline" }, ii = { class: "product-hero__video" }, ri = { class: "product-hero__insignia" }, ni = {
+const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82"]]), ui = { class: "product-hero__wrapper" }, _i = { class: "product-hero__content" }, pi = { class: "product-hero__headline" }, hi = { class: "product-hero__video" }, mi = { class: "product-hero__insignia" }, vi = {
   key: 0,
   class: "product-hero__logo"
-}, di = {
+}, fi = {
   key: 1,
   class: "product-hero__certification"
-}, ci = /* @__PURE__ */ g({
+}, gi = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -2245,11 +2340,11 @@ const ai = /* @__PURE__ */ v(xs, [["render", ti], ["__scopeId", "data-v-623adb82
     }
   },
   setup(e) {
-    return (a, r) => (s(), i("div", li, [
-      t("div", oi, [
-        t("div", si, n(e.headline), 1),
-        t("div", ii, [
-          e.videoSrc !== "" ? (s(), C(J, {
+    return (a, r) => (l(), i("div", ui, [
+      t("div", _i, [
+        t("div", pi, n(e.headline), 1),
+        t("div", hi, [
+          e.videoSrc !== "" ? (l(), L(Z, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2260,25 +2355,25 @@ const ai = /* @__PURE__ */ v(xs, [["render", ti], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (s(), C(V(D), { key: 1 }, {
-            default: y(() => [
-              u(a.$slots, "product-hero-image", {}, void 0, !0)
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), L(I(A), { key: 1 }, {
+            default: $(() => [
+              c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          t("div", ri, [
-            e.logoSrc ? (s(), i("div", ni, [
-              w(V(D), null, {
-                default: y(() => [
-                  u(a.$slots, "product-hero-logo", {}, void 0, !0)
+          t("div", mi, [
+            e.logoSrc ? (l(), i("div", vi, [
+              S(I(A), null, {
+                default: $(() => [
+                  c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])) : m("", !0),
-            e.isCertified ? (s(), i("div", di, [
-              w(V(D), null, {
-                default: y(() => [
-                  u(a.$slots, "product-hero-certification", {}, void 0, !0)
+            e.isCertified ? (l(), i("div", fi, [
+              S(I(A), null, {
+                default: $(() => [
+                  c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -2288,7 +2383,7 @@ const ai = /* @__PURE__ */ v(xs, [["render", ti], ["__scopeId", "data-v-623adb82
       ])
     ]));
   }
-}), ui = /* @__PURE__ */ v(ci, [["__scopeId", "data-v-deab9c3a"]]), _i = { class: "promo__content" }, pi = { class: "pallet-jack__media-wrap" }, hi = { class: "pallet-jack-link" }, mi = { class: "pallet-jack__media-wrap__inner-wrap" }, vi = { class: "pallet-jack__media-wrap__content-wrap" }, fi = { class: "regular-blue" }, gi = /* @__PURE__ */ g({
+}), bi = /* @__PURE__ */ f(gi, [["__scopeId", "data-v-deab9c3a"]]), yi = { class: "promo__content" }, $i = { class: "pallet-jack__media-wrap" }, ki = { class: "pallet-jack-link" }, wi = { class: "pallet-jack__media-wrap__inner-wrap" }, Si = { class: "pallet-jack__media-wrap__content-wrap" }, Bi = { class: "regular-blue" }, Ii = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2306,69 +2401,69 @@ const ai = /* @__PURE__ */ v(xs, [["render", ti], ["__scopeId", "data-v-623adb82
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, o = L(() => a[r.variant]);
-    return (l, _) => (s(), i("div", {
+    }, r = e, s = D(() => a[r.variant]);
+    return (o, _) => (l(), i("div", {
       class: h([
         "promo__wrapper",
-        o.value,
-        l.teaser ? "promo__wrapper--teaser" : ""
+        s.value,
+        o.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", _i, [
+      t("div", yi, [
         t("div", {
           class: h([
             "promo__video",
-            l.reverse ? "promo__video--reverse" : "promo__video--default"
+            o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", pi, [
-            t("div", hi, [
-              u(l.$slots, "pallet-jack-link")
+          t("div", $i, [
+            t("div", ki, [
+              c(o.$slots, "pallet-jack-link")
             ]),
-            t("div", mi, [
-              u(l.$slots, "pallet-jack-video")
+            t("div", wi, [
+              c(o.$slots, "pallet-jack-video")
             ]),
-            t("div", vi, [
-              t("h3", fi, n(l.headline), 1),
-              t("p", null, n(l.shortDescription), 1)
+            t("div", Si, [
+              t("h3", Bi, n(o.headline), 1),
+              t("p", null, n(o.shortDescription), 1)
             ])
           ])
         ], 2),
         t("div", {
           class: h([
             "promo__text",
-            l.reverse ? "promo__text--reverse" : "promo__text--default"
+            o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), C(K, {
+          o.label ? (l(), L(Y, {
             key: 0,
-            text: l.label,
-            "label-dark": l.variant === "dark"
+            text: o.label,
+            "label-dark": o.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : m("", !0),
           t("div", {
             class: h([
               "promo__title",
-              l.variant === "dark" ? "promo__title--dark" : ""
+              o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            u(l.$slots, "promo-text")
+            c(o.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (s(), C(A, {
+          o.linkType === "link" ? (l(), L(V, {
             key: 1,
-            "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
+            "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: y(() => [
-              u(l.$slots, "promo-link")
+            default: $(() => [
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          l.linkType === "button" ? (s(), C(A, {
+          o.linkType === "button" ? (l(), L(V, {
             key: 2,
-            "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
+            "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
-            default: y(() => [
-              u(l.$slots, "promo-link")
+            default: $(() => [
+              c(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0)
@@ -2376,56 +2471,56 @@ const ai = /* @__PURE__ */ v(xs, [["render", ti], ["__scopeId", "data-v-623adb82
       ])
     ], 2));
   }
-}), bi = /* @__PURE__ */ v(gi, [["__scopeId", "data-v-00c0bad3"]]), $i = {
+}), qi = /* @__PURE__ */ f(Ii, [["__scopeId", "data-v-00c0bad3"]]), Di = {
   install: (e) => {
-    e.component("AtomButton", X), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", D), e.component("AtomLabel", K), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", J), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Da), e.component("BlockFeatures", Ha), e.component("BlockFormScript", Ja), e.component("BlockHeadline", ul), e.component("BlockHero", Bl), e.component("BlockImage", tl), e.component("BlockImageGallery", rl), e.component("BlockLogoWall", Dl), e.component("BlockMicroStories", El), e.component("BlockPolicy", jl), e.component("BlockProductHero", ui), e.component("BlockPromo", xl), e.component("BlockQuote", po), e.component("BlockRichText", go), e.component("BlockRichTextColumns", So), e.component("BlockTimeline", Oo), e.component("BlockCardDisplay", Ql), e.component("BlockVimeo", Ho), e.component("BlockPalletJack", bi), e.component("Organism404", Wo), e.component("OrganismFilter", xo), e.component("OrganismFooter", ks), e.component("OrganismHeader", Hs), e.component("OrganismLanguageSwitcher", Ys), e.component("OrganismPagination", Xs), e.component("OrganismSearch", ai);
+    e.component("AtomButton", te), e.component("AtomCheckbox", Ve), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", Y), e.component("AtomLink", V), e.component("AtomRadioButton", ot), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", Z), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", he), e.component("MoleculeTextCard", Sa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockFormScript", Ja), e.component("BlockHeadline", _o), e.component("BlockHero", Bo), e.component("BlockImage", to), e.component("BlockImageGallery", ro), e.component("BlockLogoWall", Po), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Uo), e.component("BlockProductHero", bi), e.component("BlockPromo", el), e.component("BlockQuote", pl), e.component("BlockRichText", gl), e.component("BlockRichTextColumns", Bl), e.component("BlockTimeline", Ml), e.component("BlockCardDisplay", Zo), e.component("BlockVimeo", Hl), e.component("BlockPalletJack", qi), e.component("Organism404", Wl), e.component("OrganismFilter", xl), e.component("OrganismFooter", ks), e.component("OrganismHeader", Js), e.component("OrganismLanguageSwitcher", ai), e.component("OrganismPagination", ii), e.component("OrganismSearch", ci);
   }
 };
 export {
-  X as AtomButton,
-  Ae as AtomCheckbox,
+  te as AtomButton,
+  Ve as AtomCheckbox,
   Fe as AtomChip,
   Ke as AtomDropdown,
-  D as AtomImage,
-  K as AtomLabel,
-  A as AtomLink,
-  lt as AtomRadioButton,
+  A as AtomImage,
+  Y as AtomLabel,
+  V as AtomLink,
+  ot as AtomRadioButton,
   dt as AtomSelect,
   yt as AtomSlider,
   Rt as AtomTextField,
   Tt as AtomTextarea,
-  J as AtomVideo,
-  Ql as BlockCardDisplay,
-  Da as BlockFacts,
+  Z as AtomVideo,
+  Zo as BlockCardDisplay,
+  Aa as BlockFacts,
   Ha as BlockFeatures,
   Ja as BlockFormScript,
-  ul as BlockHeadline,
-  Bl as BlockHero,
-  tl as BlockImage,
-  rl as BlockImageGallery,
-  Dl as BlockLogoWall,
-  El as BlockMicroStories,
-  bi as BlockPalletJack,
-  jl as BlockPolicy,
-  ui as BlockProductHero,
-  xl as BlockPromo,
-  po as BlockQuote,
-  go as BlockRichText,
-  So as BlockRichTextColumns,
-  Oo as BlockTimeline,
-  Ho as BlockVimeo,
+  _o as BlockHeadline,
+  Bo as BlockHero,
+  to as BlockImage,
+  ro as BlockImageGallery,
+  Po as BlockLogoWall,
+  Ro as BlockMicroStories,
+  qi as BlockPalletJack,
+  Uo as BlockPolicy,
+  bi as BlockProductHero,
+  el as BlockPromo,
+  pl as BlockQuote,
+  gl as BlockRichText,
+  Bl as BlockRichTextColumns,
+  Ml as BlockTimeline,
+  Hl as BlockVimeo,
   ta as MoleculeAddress,
   ia as MoleculeBulletList,
   ua as MoleculeCard,
   ba as MoleculeEventCard,
-  ue as MoleculeModal,
-  Ba as MoleculeTextCard,
-  Wo as Organism404,
-  xo as OrganismFilter,
+  he as MoleculeModal,
+  Sa as MoleculeTextCard,
+  Wl as Organism404,
+  xl as OrganismFilter,
   ks as OrganismFooter,
-  Hs as OrganismHeader,
-  Ys as OrganismLanguageSwitcher,
-  Xs as OrganismPagination,
-  ai as OrganismSearch,
-  $i as default
+  Js as OrganismHeader,
+  ai as OrganismLanguageSwitcher,
+  ii as OrganismPagination,
+  ci as OrganismSearch,
+  Di as default
 };