@mirweb/mir-web-components 0.15.98 → 0.15.100

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

@@ -1,5 +1,5 @@
-import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as fe, withCtx as $, withModifiers as se, createBlock as D, createCommentVNode as m, watchEffect as ne, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as oe, watch as re, onUnmounted as pe } from "vue";
-const $e = ["aria-label"], ke = /* @__PURE__ */ h({
+import { defineComponent as v, openBlock as a, createElementBlock as s, normalizeClass as u, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as fe, withCtx as $, withModifiers as re, createBlock as D, createCommentVNode as m, watchEffect as ne, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as oe, watch as se, onUnmounted as pe } from "vue";
+const $e = ["aria-label"], ke = /* @__PURE__ */ v({
   __name: "button",
   props: {
     variant: {
@@ -24,18 +24,18 @@ const $e = ["aria-label"], ke = /* @__PURE__ */ h({
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("button", {
-      class: c(["button", "button--" + e.variant]),
+    return (i, r) => (a(), s("button", {
+      class: u(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
     }, n(e.variant == "close" ? "" : e.buttonText), 11, $e));
   }
 });
-const v = (e, i) => {
-  const s = e.__vccOpts || e;
+const h = (e, i) => {
+  const r = e.__vccOpts || e;
   for (const [l, o] of i)
-    s[l] = o;
-  return s;
-}, J = /* @__PURE__ */ v(ke, [["__scopeId", "data-v-c2f14f04"]]), we = (e) => (O("data-v-c5f3542e"), e = e(), z(), e), xe = ["name", "value", "disabled", "required", "id"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ h({
+    r[l] = o;
+  return r;
+}, J = /* @__PURE__ */ h(ke, [["__scopeId", "data-v-c2f14f04"]]), we = (e) => (O("data-v-c5f3542e"), e = e(), z(), e), xe = ["name", "value", "disabled", "required", "id"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ v({
   __name: "checkbox",
   props: {
     name: String,
@@ -62,12 +62,12 @@ const v = (e, i) => {
   },
   emits: ["input"],
   setup(e, { emit: i }) {
-    const s = (l) => {
+    const r = (l) => {
       const o = l.target;
       i("input", o.checked);
     };
-    return (l, o) => (a(), r("div", {
-      class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
+    return (l, o) => (a(), s("div", {
+      class: u(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         type: "checkbox",
@@ -77,23 +77,23 @@ const v = (e, i) => {
         required: e.required,
         id: e.id,
         class: "checkbox__checkbox",
-        onChange: s
+        onChange: r
       }, null, 40, xe),
       t("label", {
         for: e.id,
-        class: c(["checkbox__label", e.required ? "required" : ""])
+        class: u(["checkbox__label", e.required ? "required" : ""])
       }, [
         qe,
-        u(l.$slots, "default", {}, void 0, !0)
+        c(l.$slots, "default", {}, void 0, !0)
       ], 10, Se)
     ], 2));
   }
 });
-const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) => (O("data-v-b61be596"), e = e(), z(), e), Le = ["aria-label"], Ce = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
+const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) => (O("data-v-b61be596"), e = e(), z(), e), Le = ["aria-label"], Ce = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), Ve = /* @__PURE__ */ h({
+}, null, -1)), Ve = /* @__PURE__ */ v({
   __name: "chip",
   props: {
     text: {
@@ -103,8 +103,8 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) =
   },
   emits: ["remove-chip"],
   setup(e, { emit: i }) {
-    const s = e, l = E(() => `Chip: ${s.text}`);
-    return (o, _) => (a(), r("div", {
+    const r = e, l = E(() => `Chip: ${r.text}`);
+    return (o, _) => (a(), s("div", {
       class: "chip__wrapper",
       onClick: _[0] || (_[0] = (b) => o.$emit("remove-chip"))
     }, [
@@ -118,7 +118,7 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) =
     ]));
   }
 });
-const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["value"], Me = ["id"], Oe = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], Pe = ["aria-labelledby", "aria-activedescendant"], Fe = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ h({
+const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["value"], Me = ["id"], Oe = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], Pe = ["aria-labelledby", "aria-activedescendant"], Fe = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ v({
   __name: "dropdown",
   props: {
     modelValue: {
@@ -168,9 +168,9 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(null), o = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), q = E(() => {
-      const d = s.options.find(
-        (g) => g.value === s.modelValue
+    const r = e, l = w(null), o = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), q = E(() => {
+      const d = r.options.find(
+        (g) => g.value === r.modelValue
       );
       return d && d.label;
     }), X = {
@@ -191,18 +191,18 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       const g = d.target;
       g.getAttribute("role") === "option" && (U(g), Q(), (y = l.value) == null || y.focus());
     }
-    function G(d) {
+    function W(d) {
       var y;
       const g = d.key;
       switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const x = s.options.findIndex(
-            (R) => R.value === s.modelValue
+          const x = r.options.findIndex(
+            (R) => R.value === r.modelValue
           );
           let P = x ? _.value[x] : _.value[0];
-          g === "ArrowUp" ? x - 1 >= 0 && (P = _.value[x - 1]) : x + 1 <= s.options.length && (P = _.value[x + 1]), P && U(P);
+          g === "ArrowUp" ? x - 1 >= 0 && (P = _.value[x - 1]) : x + 1 <= r.options.length && (P = _.value[x + 1]), P && U(P);
           break;
         }
         case "Home":
@@ -225,11 +225,11 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       }
     }
     function F(d) {
-      if (!s.disabled)
+      if (!r.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), le(), G(d);
+            d.preventDefault(), le(), W(d);
             break;
         }
     }
@@ -243,18 +243,18 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     }
     function _e(d) {
       let g = "";
-      (C.value === "" || g !== d) && (f.value = s.options.findIndex(
-        (x) => x.value === s.modelValue
+      (C.value === "" || g !== d) && (f.value = r.options.findIndex(
+        (x) => x.value === r.modelValue
       )), C.value = g === d ? d : C.value + d, g = d, ue();
       let y = ae(
         f.value + 1,
-        s.options.length
+        r.options.length
       );
-      return !y && C.value.length === 1 && (y = ae(0, f.value)), f.value = (f.value + 1) % s.options.length, y;
+      return !y && C.value.length === 1 && (y = ae(0, f.value)), f.value = (f.value + 1) % r.options.length, y;
     }
     function ae(d, g) {
       for (let y = d; y < g; y++)
-        if (s.options[y].label && s.options[y].label.toUpperCase().indexOf(C.value.toUpperCase()) === 0)
+        if (r.options[y].label && r.options[y].label.toUpperCase().indexOf(C.value.toUpperCase()) === 0)
           return _.value[y];
       return null;
     }
@@ -264,9 +264,9 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     function U(d) {
       var y, x;
       const g = d.getAttribute("data-value");
-      if (s.modelValue) {
-        const P = s.options.findIndex(
-          (ge) => ge.value === s.modelValue
+      if (r.modelValue) {
+        const P = r.options.findIndex(
+          (ge) => ge.value === r.modelValue
         ), R = _.value[P];
         ce(R);
       }
@@ -280,7 +280,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     }
     function ve() {
       var g;
-      const d = (g = _.value) == null ? void 0 : g[s.options.length - 1];
+      const d = (g = _.value) == null ? void 0 : g[r.options.length - 1];
       U(d);
     }
     function Q() {
@@ -292,29 +292,29 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = o.value) == null || g.focus();
     }
     function me() {
-      s.disabled || (S.value ? le() : Q());
+      r.disabled || (S.value ? le() : Q());
     }
-    return (d, g) => (a(), r("div", {
+    return (d, g) => (a(), s("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
     }, [
       t("label", {
         id: `${e.name}-label`,
-        class: c([{
+        class: u([{
           "listbox__label--visually-hidden": !e.showLabel,
           "is-disabled": e.disabled,
           "is-required": e.required
         }, "listbox__label"])
       }, n(e.label), 11, Me),
-      Y((a(), r("div", Oe, [
+      Y((a(), s("div", Oe, [
         t("button", {
           id: `${e.name}-button-label`,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": e.disabled,
-          class: c([
+          class: u([
             "listbox__button",
             e.variant === "dark" ? "dropdown-dark dropdown-dark-bg-dark" : "dropdown-dark-bg-primary"
           ]),
@@ -329,12 +329,12 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: G,
+          onKeydown: W,
           onClick: H,
           ref_key: "listboxNode",
           ref: o
         }, [
-          (a(!0), r(I, null, T(e.options, (y, x) => (a(), r("li", {
+          (a(!0), s(I, null, T(e.options, (y, x) => (a(), s("li", {
             key: `${e.name}-option-${x}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -353,7 +353,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     ], 8, De));
   }
 });
-const Ne = /* @__PURE__ */ v(Ee, [["__scopeId", "data-v-f69f328c"]]), He = { class: "image__wrapper" }, Re = /* @__PURE__ */ h({
+const Ne = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-f69f328c"]]), He = { class: "image__wrapper" }, Re = /* @__PURE__ */ v({
   __name: "image",
   props: {
     src: {
@@ -391,12 +391,12 @@ const Ne = /* @__PURE__ */ v(Ee, [["__scopeId", "data-v-f69f328c"]]), He = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", He, [
-      u(i.$slots, "default", A(M(i.$attrs)))
+    return (i, r) => (a(), s("div", He, [
+      c(i.$slots, "default", A(M(i.$attrs)))
     ]));
   }
 });
-const L = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ h({
+const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-513b5384"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ v({
   __name: "label",
   props: {
     text: {
@@ -410,17 +410,17 @@ const L = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { clas
     }
   },
   setup(e) {
-    const i = e, s = E(() => `Label: ${i.text}`);
-    return (l, o) => (a(), r("div", je, [
+    const i = e, r = E(() => `Label: ${i.text}`);
+    return (l, o) => (a(), s("div", je, [
       t("span", {
-        "aria-label": s.value,
+        "aria-label": r.value,
         "label-dark": e.labelDark,
-        class: c(e.labelDark ? "label--dark" : "label--light")
+        class: u(e.labelDark ? "label--dark" : "label--light")
       }, n(e.text), 11, Ke)
     ]));
   }
 });
-const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-e7a44d10"]]), We = { class: "link__wrapper" }, V = /* @__PURE__ */ h({
+const G = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-e7a44d10"]]), Ge = { class: "link__wrapper" }, V = /* @__PURE__ */ v({
   __name: "link",
   props: {
     underline: {
@@ -455,12 +455,12 @@ const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-e7a44d10"]]), We = { clas
     }
   },
   setup(e) {
-    const i = e, s = E(() => {
+    const i = e, r = E(() => {
       const { ...l } = i;
       return l;
     });
-    return (l, o) => (a(), r("div", We, [
-      t("div", ee(s.value, {
+    return (l, o) => (a(), s("div", Ge, [
+      t("div", ee(r.value, {
         class: ["mir-link", [
           e.linkType === "primary" ? "mir-link--btn button button--primary" : e.linkType === "secondary" ? "mir-link--btn button button--secondary" : e.linkType === "secondary-dark" ? "mir-link--btn button button--secondary-dark" : e.linkType === "regular" ? "regular-link" : e.linkType === "regular-dark" ? "regular-link-dark" : e.linkType === "regular-light" ? "regular-link-light" : e.linkType === "regular-blue" ? "regular-link-blue" : "",
           e.disabled ? "disabled" : "",
@@ -468,12 +468,12 @@ const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-e7a44d10"]]), We = { clas
           e.arrow ? "link-arrow" : ""
         ]]
       }), [
-        u(l.$slots, "default")
+        c(l.$slots, "default")
       ], 16)
     ]));
   }
 });
-const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value", "checked", "disabled", "required", "id"], Ye = ["for"], Je = /* @__PURE__ */ Ge(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Xe = /* @__PURE__ */ h({
+const We = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value", "checked", "disabled", "required", "id"], Ye = ["for"], Je = /* @__PURE__ */ We(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Xe = /* @__PURE__ */ v({
   __name: "radio-button",
   props: {
     name: String,
@@ -501,12 +501,12 @@ const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value"
   },
   emits: ["input"],
   setup(e, { emit: i }) {
-    const s = (l) => {
+    const r = (l) => {
       const o = l.target;
       i("input", o.checked);
     };
-    return (l, o) => (a(), r("div", {
-      class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
+    return (l, o) => (a(), s("div", {
+      class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         type: "radio",
@@ -517,19 +517,19 @@ const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value"
         required: e.required,
         id: e.id,
         class: "radio__radio",
-        onChange: s
+        onChange: r
       }, null, 40, Qe),
       t("label", {
         for: e.id,
-        class: c(["radio__label", e.required ? "required" : ""])
+        class: u(["radio__label", e.required ? "required" : ""])
       }, [
         Je,
-        u(l.$slots, "default", {}, void 0, !0)
+        c(l.$slots, "default", {}, void 0, !0)
       ], 10, Ye)
     ], 2));
   }
 });
-const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { class: "select__wrapper" }, tt = ["for"], at = ["disabled", "id", "name", "value"], lt = ["value"], it = /* @__PURE__ */ h({
+const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-69095414"]]), et = { class: "select__wrapper" }, tt = ["for"], at = ["disabled", "id", "name", "value"], lt = ["value"], it = /* @__PURE__ */ v({
   __name: "select",
   props: {
     id: {
@@ -570,22 +570,22 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, s) => (a(), r("div", et, [
+    return (i, r) => (a(), s("div", et, [
       t("label", {
         for: e.id,
-        class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
+        class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
       }, n(e.label), 11, tt),
       t("select", {
-        class: c(e.disabled ? "disabled" : ""),
+        class: u(e.disabled ? "disabled" : ""),
         disabled: e.disabled,
         id: e.id,
         name: e.name,
         value: e.modelValue,
-        onChange: s[0] || (s[0] = (l) => {
+        onChange: r[0] || (r[0] = (l) => {
           i.$emit("update:modelValue", l.target.value), l.target.blur();
         })
       }, [
-        (a(!0), r(I, null, T(e.options, (l) => (a(), r("option", {
+        (a(!0), s(I, null, T(e.options, (l) => (a(), s("option", {
           key: l.value,
           value: l.value
         }, n(l.text), 9, lt))), 128))
@@ -593,7 +593,7 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
     ]));
   }
 });
-const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { class: "modal__wrapper" }, nt = /* @__PURE__ */ h({
+const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-500637d5"]]), rt = { class: "modal__wrapper" }, nt = /* @__PURE__ */ v({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -601,32 +601,32 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
   },
   emits: ["update:show"],
   setup(e, { emit: i }) {
-    const s = e;
+    const r = e;
     E({
-      get: () => s.show,
+      get: () => r.show,
       set: (o) => i("update:show", o)
     });
     const l = () => {
-      i("update:show", !s.show);
+      i("update:show", !r.show);
     };
-    return (o, _) => (a(), r("div", st, [
+    return (o, _) => (a(), s("div", rt, [
       p(fe, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          o.show ? (a(), r("div", {
+          o.show ? (a(), s("div", {
             key: 0,
-            class: c(["overlay", o.searchBar ? "overlay-search" : "overlay-default"]),
+            class: u(["overlay", o.searchBar ? "overlay-search" : "overlay-default"]),
             onClick: l,
             ariaLabel: "modal",
             role: "dialog"
           }, [
             t("div", {
               id: "modal",
-              onClick: _[0] || (_[0] = se(() => {
+              onClick: _[0] || (_[0] = re(() => {
               }, ["stop"])),
-              class: c([o.searchBar ? "search" : ""])
+              class: u([o.searchBar ? "search" : ""])
             }, [
               t("div", null, [
                 o.searchBar ? m("", !0) : (a(), D(J, {
@@ -636,7 +636,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
                   onClick: l
                 }))
               ]),
-              u(o.$slots, "default", {}, void 0, !0)
+              c(o.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)) : m("", !0)
         ]),
@@ -645,7 +645,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
     ]));
   }
 });
-const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ h({
+const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ v({
   __name: "slider",
   props: {
     label: {
@@ -698,28 +698,28 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(s.modelValue), o = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
+    const r = e, l = w(r.modelValue), o = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
       var f;
       (f = o.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
     };
     return ne(() => {
       if (o.value) {
         i("update:modelValue", l.value);
-        const S = b(l.value, s.min, s.max);
+        const S = b(l.value, r.min, r.max);
         let f = (50 - S) / 100;
         C(S + f);
       }
-    }), (S, f) => (a(), r("div", null, [
+    }), (S, f) => (a(), s("div", null, [
       t("div", ot, [
         t("div", dt, [
           t("label", {
             for: e.id,
-            class: c([e.variant, ""])
+            class: u([e.variant, ""])
           }, n(e.label), 11, ct),
-          e.information ? (a(), r("i", {
+          e.information ? (a(), s("i", {
             key: 0,
             role: "button",
-            class: c([e.variant, "slider__information"]),
+            class: u([e.variant, "slider__information"]),
             onClick: f[0] || (f[0] = (q) => _.value = !_.value),
             onKeyup: f[1] || (f[1] = ye((q) => _.value = !_.value, ["enter"])),
             "aria-label": e.informationLabel,
@@ -729,7 +729,7 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
         ]),
         t("div", _t, [
           t("span", {
-            class: c([e.variant, "slider__minmax"])
+            class: u([e.variant, "slider__minmax"])
           }, n(e.min), 3),
           t("input", {
             type: "range",
@@ -739,17 +739,17 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
             min: e.min,
             step: e.step,
             max: e.max,
-            class: c(e.variant),
+            class: u(e.variant),
             ref_key: "slider",
             ref: o,
             onInput: f[2] || (f[2] = ({ target: q }) => l.value = parseFloat(q.value))
           }, null, 42, ht),
           t("span", {
-            class: c([e.variant, "slider__minmax"])
+            class: u([e.variant, "slider__minmax"])
           }, n(e.max), 3)
         ]),
         t("span", {
-          class: c([e.variant, "slider__value"])
+          class: u([e.variant, "slider__value"])
         }, n(e.modelValue), 3)
       ]),
       e.information ? (a(), D(de, {
@@ -765,7 +765,7 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
     ]));
   }
 });
-const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id: "textarea-wrapper" }, ft = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ h({
+const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id: "textarea-wrapper" }, ft = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
   __name: "textarea",
   props: {
     id: {
@@ -805,10 +805,10 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, s) => (a(), r("div", gt, [
+    return (i, r) => (a(), s("div", gt, [
       t("label", {
         for: e.id,
-        class: c({ required: e.required })
+        class: u({ required: e.required })
       }, n(e.labelText) + n(e.required ? " *" : ""), 11, ft),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
@@ -823,18 +823,18 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
           disabled: e.disabled,
           maxlength: e.maxLength,
           value: e.modelValue,
-          onInput: s[0] || (s[0] = (l) => i.$emit("update:modelValue", l.target.value)),
-          class: c(
+          onInput: r[0] || (r[0] = (l) => i.$emit("update:modelValue", l.target.value)),
+          class: u(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
         }, null, 42, bt)
       ], 8, yt),
       t("div", pt, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (a(), r("p", $t, " Too many characters. Please make it shorter ")) : m("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (a(), s("p", $t, " Too many characters. Please make it shorter ")) : m("", !0)
         ]),
         t("p", {
-          class: c(
+          class: u(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
           )
         }, n(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + n(e.maxLength), 3)
@@ -842,7 +842,7 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
     ]));
   }
 });
-const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled", "name"], Lt = {
+const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-626f208b"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled", "name"], Lt = {
   key: 2,
   class: "search"
 }, Ct = {
@@ -851,7 +851,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
 }, Vt = {
   key: 4,
   class: "helperText"
-}, At = /* @__PURE__ */ h({
+}, At = /* @__PURE__ */ v({
   __name: "text-field",
   props: {
     type: {
@@ -929,21 +929,21 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = w(!0), s = E(
+    const i = w(!0), r = E(
       () => i.value ? "showPassword" : "hidePassword"
     ), l = E(
       () => i.value ? "password" : "text"
     );
-    return (o, _) => (a(), r("div", xt, [
+    return (o, _) => (a(), s("div", xt, [
       t("label", {
         for: e.id,
-        class: c([
+        class: u([
           e.required ? "required" : "",
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
         ])
       }, n(e.label), 11, St),
-      e.type === "password" ? (a(), r("div", qt, [
+      e.type === "password" ? (a(), s("div", qt, [
         t("input", {
           id: e.id,
           type: l.value,
@@ -957,19 +957,19 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
         }, null, 40, Bt),
         t("i", {
           role: "button",
-          class: c([s.value]),
+          class: u([r.value]),
           onClick: _[1] || (_[1] = (b) => i.value = !i.value),
           "aria-controls": "password",
           "aria-expanded": !i.value
         }, null, 10, It)
-      ])) : (a(), r("input", {
+      ])) : (a(), s("input", {
         key: 1,
         type: e.type,
         value: e.modelValue,
         placeholder: e.placeholder,
         id: e.id,
         required: e.required,
-        class: c([
+        class: u([
           e.invalid ? "invalid" : "",
           e.valid ? "valid" : "",
           e.search ? "search" : ""
@@ -979,13 +979,13 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
         name: e.fieldName,
         ref: "textField"
       }, null, 42, Tt)),
-      e.search ? (a(), r("i", Lt)) : m("", !0),
-      e.errorMessage ? (a(), r("strong", Ct, n(e.errorMessage), 1)) : m("", !0),
-      e.helperText ? (a(), r("span", Vt, n(e.helperText), 1)) : m("", !0)
+      e.search ? (a(), s("i", Lt)) : m("", !0),
+      e.errorMessage ? (a(), s("strong", Ct, n(e.errorMessage), 1)) : m("", !0),
+      e.helperText ? (a(), s("span", Vt, n(e.helperText), 1)) : m("", !0)
     ]));
   }
 });
-const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { class: "video__wrapper" }, Ot = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], Pt = /* @__PURE__ */ h({
+const Dt = /* @__PURE__ */ h(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { class: "video__wrapper" }, Ot = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], Pt = /* @__PURE__ */ v({
   __name: "video",
   props: {
     play: {
@@ -1037,16 +1037,16 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
     }
   },
   setup(e, { expose: i }) {
-    const s = e;
+    const r = e;
     let l = w(null);
     return ne(() => {
-      s.play && l.value ? l.value.play() : !s.play && l.value && l.value.pause();
+      r.play && l.value ? l.value.play() : !r.play && l.value && l.value.pause();
     }), i({
       resetVideo: () => {
         l.value && (l.value.currentTime = 0, l.value.play());
       }
-    }), (_, b) => (a(), r("div", Mt, [
-      e.localVideo ? (a(), r("video", {
+    }), (_, b) => (a(), s("div", Mt, [
+      e.localVideo ? (a(), s("video", {
         key: 0,
         ref_key: "videoRef",
         ref: l,
@@ -1061,7 +1061,7 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
         type: "video/mp4",
         playsinline: "",
         src: e.src
-      }, null, 8, Ot)) : (a(), r("iframe", {
+      }, null, 8, Ot)) : (a(), s("iframe", {
         key: 1,
         src: e.src,
         "aria-label": e.ariaLabel,
@@ -1075,7 +1075,7 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
     ]));
   }
 });
-const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-cc1144b9"]]), Ft = { class: "address__wrapper" }, Et = { class: "address__content" }, Nt = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Wt = ["href"], Gt = /* @__PURE__ */ h({
+const K = /* @__PURE__ */ h(Pt, [["__scopeId", "data-v-cc1144b9"]]), Ft = { class: "address__wrapper" }, Et = { class: "address__content" }, Nt = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Gt = ["href"], Wt = /* @__PURE__ */ v({
   __name: "address",
   props: {
     name: {
@@ -1106,20 +1106,20 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-cc1144b9"]]), Ft = { clas
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Ft, [
+    return (i, r) => (a(), s("div", Ft, [
       t("div", Et, [
         t("div", Nt, [
-          u(i.$slots, "address-flag", {}, void 0, !0)
+          c(i.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Ht, [
           t("p", Rt, n(e.name), 1),
           t("p", null, n(e.company), 1),
           t("p", null, n(e.addressLine_1), 1),
           t("p", null, n(e.addressLine_2), 1),
-          e.addressLine_3 ? (a(), r("p", jt, n(e.addressLine_3), 1)) : m("", !0)
+          e.addressLine_3 ? (a(), s("p", jt, n(e.addressLine_3), 1)) : m("", !0)
         ]),
         t("div", Kt, [
-          (a(!0), r(I, null, T(e.phone_numbers, (l) => (a(), D(V, {
+          (a(!0), s(I, null, T(e.phone_numbers, (l) => (a(), D(V, {
             underline: "false",
             linkType: "regular"
           }, {
@@ -1134,13 +1134,13 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-cc1144b9"]]), Ft = { clas
           t("a", {
             href: "mailto:" + e.email,
             class: "address__email"
-          }, n(e.email), 9, Wt)
+          }, n(e.email), 9, Gt)
         ])
       ])
     ]));
   }
 });
-const Qt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) => (O("data-v-a335dd30"), e = e(), z(), e), Jt = { class: "bullet-list__wrapper" }, Xt = /* @__PURE__ */ Yt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Zt = /* @__PURE__ */ h({
+const Qt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) => (O("data-v-a335dd30"), e = e(), z(), e), Jt = { class: "bullet-list__wrapper" }, Xt = /* @__PURE__ */ Yt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Zt = /* @__PURE__ */ v({
   __name: "bullet-list",
   props: {
     list: {
@@ -1160,12 +1160,12 @@ const Qt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) =
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Jt, [
+    return (i, r) => (a(), s("div", Jt, [
       t("div", {
-        class: c(["bullet-list", e.variant])
+        class: u(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (a(!0), r(I, null, T(e.list, (l) => (a(), r("li", null, [
+          (a(!0), s(I, null, T(e.list, (l) => (a(), s("li", null, [
             Xt,
             j(" " + n(l), 1)
           ]))), 256))
@@ -1174,10 +1174,10 @@ const Qt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) =
     ]));
   }
 });
-const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { class: "card__wrapper" }, aa = {
+const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { class: "card__wrapper" }, aa = {
   key: 2,
   class: "card__label"
-}, la = { key: 5 }, ia = /* @__PURE__ */ h({
+}, la = { key: 5 }, ia = /* @__PURE__ */ v({
   __name: "card",
   props: {
     variant: {
@@ -1232,11 +1232,11 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
   },
   emits: ["clicked"],
   setup(e, { emit: i }) {
-    const s = be();
+    const r = be();
     let l = w(!1);
-    return (o, _) => (a(), r("div", ta, [
+    return (o, _) => (a(), s("div", ta, [
       t("div", {
-        class: c(["card", [
+        class: u(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
           e.orientation == "vertical" ? "vertical" : "horizontal",
           e.size == "small" ? "card--small" : e.size == "medium" ? "card--medium" : e.size == "large" ? "card--large" : "",
@@ -1249,7 +1249,7 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
       }, [
         e.mediaType == "image" ? (a(), D(L, { key: 0 }, {
           default: $(() => [
-            u(o.$slots, "card-image", ee({
+            c(o.$slots, "card-image", ee({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
               width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
@@ -1259,9 +1259,9 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
             }, { srcset: e.srcSet }))
           ]),
           _: 3
-        })) : (a(), r("div", {
+        })) : (a(), s("div", {
           key: 1,
-          class: c(["video-card__wrapper", B(l) == !0 ? "vimeoPlaying" : ""])
+          class: u(["video-card__wrapper", B(l) == !0 ? "vimeoPlaying" : ""])
         }, [
           p(K, {
             play: B(l),
@@ -1277,22 +1277,22 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        B(s)["card-label"] ? (a(), r("div", aa, [
-          u(o.$slots, "card-label")
+        B(r)["card-label"] ? (a(), s("div", aa, [
+          c(o.$slots, "card-label")
         ])) : m("", !0),
-        e.variant === "product" ? (a(), r("h3", {
+        e.variant === "product" ? (a(), s("h3", {
           key: 3,
-          class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, n(e.headline), 3)) : (a(), r("h3", {
+          class: u(e.theme == "dark" ? "regular-dark" : "regular-blue")
+        }, n(e.headline), 3)) : (a(), s("h3", {
           key: 4,
-          class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
+          class: u(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, n(e.headline), 3)),
-        e.variant == "product" ? (a(), r("p", la, n(e.paragraph), 1)) : m("", !0)
+        e.variant == "product" ? (a(), s("p", la, n(e.paragraph), 1)) : m("", !0)
       ], 38)
     ]));
   }
 });
-const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) => (O("data-v-b0f9972c"), e = e(), z(), e), na = { class: "event__wrapper" }, oa = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ h({
+const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-ed5d7a87"]]), ra = (e) => (O("data-v-b0f9972c"), e = e(), z(), e), na = { class: "event__wrapper" }, oa = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ ra(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ v({
   __name: "event-card",
   props: {
     eventType: {
@@ -1317,8 +1317,8 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) =
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", na, [
-      p(W, {
+    return (i, r) => (a(), s("div", na, [
+      p(G, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -1332,7 +1332,7 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) =
     ]));
   }
 });
-const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, ga = { class: "text__paragraph" }, fa = /* @__PURE__ */ h({
+const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, ga = { class: "text__paragraph" }, fa = /* @__PURE__ */ v({
   __name: "text-card",
   props: {
     label: {
@@ -1349,8 +1349,8 @@ const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", va, [
-      p(W, {
+    return (i, r) => (a(), s("div", va, [
+      p(G, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1361,10 +1361,10 @@ const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
     ]));
   }
 });
-const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { class: "facts__wrapper" }, pa = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact" }, xa = { class: "fact__value" }, Sa = { class: "fact__metric" }, qa = {
+const ya = /* @__PURE__ */ h(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { class: "facts__wrapper" }, pa = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact" }, xa = { class: "fact__value" }, Sa = { class: "fact__metric" }, qa = {
   key: 0,
   class: "facts__link"
-}, Ba = /* @__PURE__ */ h({
+}, Ba = /* @__PURE__ */ v({
   __name: "facts",
   props: {
     headline: {
@@ -1382,11 +1382,11 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", ba, [
+    return (i, r) => (a(), s("div", ba, [
       t("div", pa, [
         t("h2", $a, n(e.headline), 1),
         t("div", ka, [
-          (a(!0), r(I, null, T(e.facts, (l) => (a(), r("div", wa, [
+          (a(!0), s(I, null, T(e.facts, (l) => (a(), s("div", wa, [
             t("div", xa, [
               t("span", null, n(l.value), 1)
             ]),
@@ -1395,13 +1395,13 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
             ])
           ]))), 256))
         ]),
-        e.link ? (a(), r("div", qa, [
+        e.link ? (a(), s("div", qa, [
           p(V, {
             linkType: "regular-light",
             arrow: ""
           }, {
             default: $(() => [
-              u(i.$slots, "facts-link", {}, void 0, !0)
+              c(i.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1410,13 +1410,13 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
     ]));
   }
 });
-const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { class: "features__wrapper" }, La = { class: "features__content" }, Ca = {
+const Ia = /* @__PURE__ */ h(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { class: "features__wrapper" }, La = { class: "features__content" }, Ca = {
   key: 0,
   class: "features__headline"
 }, Va = {
   key: 1,
   class: "features__body"
-}, Aa = { class: "features__element" }, Da = { class: "element__headline" }, Ma = { class: "element__body" }, Oa = /* @__PURE__ */ h({
+}, Aa = { class: "features__element" }, Da = { class: "element__headline" }, Ma = { class: "element__body" }, Oa = /* @__PURE__ */ v({
   __name: "features",
   props: {
     headline: {
@@ -1434,21 +1434,21 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Ta, [
+    return (i, r) => (a(), s("div", Ta, [
       t("div", La, [
-        e.headline ? (a(), r("div", Ca, [
+        e.headline ? (a(), s("div", Ca, [
           t("h2", null, n(e.headline), 1)
         ])) : m("", !0),
-        e.body ? (a(), r("div", Va, [
+        e.body ? (a(), s("div", Va, [
           t("p", null, n(e.body), 1)
         ])) : m("", !0),
         t("div", {
-          class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
+          class: u(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (a(!0), r(I, null, T(e.elements, (l) => (a(), r("div", Aa, [
+          (a(!0), s(I, null, T(e.elements, (l) => (a(), s("div", Aa, [
             p(L, { class: "element__icon" }, {
               default: $(() => [
-                u(i.$slots, "features-icon", A(M({
+                c(i.$slots, "features-icon", A(M({
                   src: l.icon.src,
                   height: 30,
                   width: 30,
@@ -1465,7 +1465,7 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { cla
     ]));
   }
 });
-const za = /* @__PURE__ */ v(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { class: "image__wrapper" }, Fa = { class: "image__content" }, Ea = { class: "image__image" }, Na = { class: "image__caption" }, Ha = /* @__PURE__ */ h({
+const za = /* @__PURE__ */ h(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { class: "image__wrapper" }, Fa = { class: "image__content" }, Ea = { class: "image__image" }, Na = { class: "image__caption" }, Ha = /* @__PURE__ */ v({
   __name: "image",
   props: {
     caption: {
@@ -1482,12 +1482,12 @@ const za = /* @__PURE__ */ v(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Pa, [
+    return (i, r) => (a(), s("div", Pa, [
       t("div", Fa, [
         t("div", Ea, [
           p(L, null, {
             default: $(() => [
-              u(i.$slots, "image", A(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              c(i.$slots, "image", A(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1497,16 +1497,16 @@ const za = /* @__PURE__ */ v(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { cla
     ]));
   }
 });
-const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { class: "gallery__large" }, Ka = {
+const Ra = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { class: "gallery__large" }, Ka = {
   key: 0,
   class: "image image--large"
 }, Ua = {
   key: 1,
   class: "video"
-}, Wa = { class: "image image--small" }, Ga = {
+}, Ga = { class: "image image--small" }, Wa = {
   key: 0,
   class: "body"
-}, Qa = /* @__PURE__ */ h({
+}, Qa = /* @__PURE__ */ v({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1545,23 +1545,23 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", {
-      class: c([
+    return (i, r) => (a(), s("div", {
+      class: u([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? ["gallery__wrapper--dark", "mirsaic--dark"] : ""
       ])
     }, [
       t("div", {
-        class: c([
+        class: u([
           "gallery__content",
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
         t("div", ja, [
-          e.mediaLarge && e.mediaType === "image" ? (a(), r("div", Ka, [
+          e.mediaLarge && e.mediaType === "image" ? (a(), s("div", Ka, [
             p(L, null, {
               default: $(() => [
-                u(i.$slots, "image-large", A(M({
+                c(i.$slots, "image-large", A(M({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1571,7 +1571,7 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
               _: 3
             })
           ])) : m("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (a(), r("div", Ua, [
+          e.mediaLarge && e.mediaType === "video" ? (a(), s("div", Ua, [
             p(K, {
               src: e.mediaLarge.src,
               localVideo: "",
@@ -1588,15 +1588,15 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
         ]),
         t("div", {
           style: te([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
-          class: c([
+          class: u([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (a(!0), r(I, null, T(e.mediaSmall, (l) => (a(), r("div", Wa, [
+          (a(!0), s(I, null, T(e.mediaSmall, (l) => (a(), s("div", Ga, [
             p(L, null, {
               default: $(() => [
-                u(i.$slots, "image-small", A(M({
+                c(i.$slots, "image-small", A(M({
                   width: 328,
                   height: 246,
                   src: l.src,
@@ -1606,7 +1606,7 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
               _: 2
             }, 1024)
           ]))), 256)),
-          e.mediaSmall.length < 2 ? (a(), r("div", Ga, [
+          e.mediaSmall.length < 2 ? (a(), s("div", Wa, [
             t("p", null, n(e.body), 1)
           ])) : m("", !0)
         ], 6)
@@ -1614,7 +1614,7 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
     ], 2));
   }
 });
-const Ya = /* @__PURE__ */ v(Qa, [["__scopeId", "data-v-55b17073"]]), Ja = { class: "headline__wrapper" }, Xa = { class: "headline__h1" }, Za = /* @__PURE__ */ h({
+const Ya = /* @__PURE__ */ h(Qa, [["__scopeId", "data-v-55b17073"]]), Ja = { class: "headline__wrapper" }, Xa = { class: "headline__h1" }, Za = /* @__PURE__ */ v({
   __name: "headline",
   props: {
     headline: {
@@ -1631,9 +1631,9 @@ const Ya = /* @__PURE__ */ v(Qa, [["__scopeId", "data-v-55b17073"]]), Ja = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Ja, [
+    return (i, r) => (a(), s("div", Ja, [
       t("div", {
-        class: c({
+        class: u({
           "headline__content--article-and-submenu": e.article && e.subMenu,
           "headline__content--article": e.article && !e.subMenu,
           "headline__content--default headline__content--submenu": !e.article && e.subMenu,
@@ -1645,7 +1645,7 @@ const Ya = /* @__PURE__ */ v(Qa, [["__scopeId", "data-v-55b17073"]]), Ja = { cla
     ]));
   }
 });
-const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) => (O("data-v-de757e46"), e = e(), z(), e), al = { class: "hero__wrapper" }, ll = { class: "hero__content" }, il = { class: "hero__top" }, rl = { class: "hero__elements" }, sl = { class: "hero__headline" }, nl = { class: "hero__link" }, ol = { class: "hero__video" }, dl = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), cl = /* @__PURE__ */ h({
+const el = /* @__PURE__ */ h(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) => (O("data-v-de757e46"), e = e(), z(), e), al = { class: "hero__wrapper" }, ll = { class: "hero__content" }, il = { class: "hero__top" }, sl = { class: "hero__elements" }, rl = { class: "hero__headline" }, nl = { class: "hero__link" }, ol = { class: "hero__video" }, dl = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), cl = /* @__PURE__ */ v({
   __name: "hero",
   props: {
     headline: {
@@ -1658,11 +1658,11 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", al, [
+    return (i, r) => (a(), s("div", al, [
       t("div", ll, [
         t("div", il, [
-          t("div", rl, [
-            t("div", sl, [
+          t("div", sl, [
+            t("div", rl, [
               t("h1", null, n(e.headline), 1)
             ]),
             t("div", nl, [
@@ -1671,7 +1671,7 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
                 arrow: ""
               }, {
                 default: $(() => [
-                  u(i.$slots, "hero-link", {}, void 0, !0)
+                  c(i.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1696,10 +1696,10 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
     ]));
   }
 });
-const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { class: "logo-wall__wrapper" }, hl = { class: "logo-wall__content" }, vl = {
+const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-de757e46"]]), _l = { class: "logo-wall__wrapper" }, hl = { class: "logo-wall__content" }, vl = {
   key: 0,
   class: "logo-wall__text"
-}, ml = { key: 0 }, gl = { key: 1 }, fl = { class: "logo-wall__logos" }, yl = { class: "logo-wall__logo" }, bl = { class: "logo-wall__link" }, pl = /* @__PURE__ */ h({
+}, ml = { key: 0 }, gl = { key: 1 }, fl = { class: "logo-wall__logos" }, yl = { class: "logo-wall__logo" }, bl = { class: "logo-wall__link" }, pl = /* @__PURE__ */ v({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1715,17 +1715,17 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", _l, [
+    return (i, r) => (a(), s("div", _l, [
       t("div", hl, [
-        e.headline || e.body ? (a(), r("div", vl, [
-          e.headline ? (a(), r("h2", ml, n(e.headline), 1)) : m("", !0),
-          e.body ? (a(), r("p", gl, n(e.body), 1)) : m("", !0)
+        e.headline || e.body ? (a(), s("div", vl, [
+          e.headline ? (a(), s("h2", ml, n(e.headline), 1)) : m("", !0),
+          e.body ? (a(), s("p", gl, n(e.body), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", fl, [
-          (a(!0), r(I, null, T(e.logos, (l) => (a(), r("div", yl, [
+          (a(!0), s(I, null, T(e.logos, (l) => (a(), s("div", yl, [
             p(L, null, {
               default: $(() => [
-                u(i.$slots, "logo-wall-logo", A(M({
+                c(i.$slots, "logo-wall-logo", A(M({
                   width: 130,
                   height: 130,
                   src: l.src,
@@ -1742,7 +1742,7 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
             arrow: !0
           }, {
             default: $(() => [
-              u(i.$slots, "logo-wall-link", {}, void 0, !0)
+              c(i.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1751,7 +1751,7 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
     ]));
   }
 });
-const $l = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-299e5b4b"]]), kl = { class: "micro-stories__splide" }, wl = /* @__PURE__ */ h({
+const $l = /* @__PURE__ */ h(pl, [["__scopeId", "data-v-299e5b4b"]]), kl = { class: "micro-stories__splide" }, wl = /* @__PURE__ */ v({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1776,28 +1776,28 @@ const $l = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-299e5b4b"]]), kl = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", {
-      class: c([
+    return (i, r) => (a(), s("div", {
+      class: u([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : e.bgColor == "dark" ? "micro-stories__wrapper--dark" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
       t("div", kl, [
-        u(i.$slots, "micro-stories-slides")
+        c(i.$slots, "micro-stories-slides")
       ]),
-      u(i.$slots, "micro-stories-controls")
+      c(i.$slots, "micro-stories-controls")
     ], 2));
   }
 });
 const xl = {}, Sl = { class: "policy__wrapper" }, ql = { class: "policy__content" };
 function Bl(e, i) {
-  return a(), r("div", Sl, [
+  return a(), s("div", Sl, [
     t("div", ql, [
-      u(e.$slots, "default", {}, void 0, !0)
+      c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9"]]), Tl = { class: "product-hero__wrapper" }, Ll = { class: "product-hero__content" }, Cl = { class: "product-hero__headline" }, Vl = { class: "product-hero__video" }, Al = /* @__PURE__ */ h({
+const Il = /* @__PURE__ */ h(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9"]]), Tl = { class: "product-hero__wrapper" }, Ll = { class: "product-hero__content" }, Cl = { class: "product-hero__headline" }, Vl = { class: "product-hero__video" }, Al = /* @__PURE__ */ v({
   __name: "product-hero",
   props: {
     headline: {
@@ -1822,7 +1822,7 @@ const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Tl, [
+    return (i, r) => (a(), s("div", Tl, [
       t("div", Ll, [
         t("div", Cl, [
           t("h1", null, n(e.headline), 1)
@@ -1844,7 +1844,7 @@ const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9
     ]));
   }
 });
-const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { class: "promo__content" }, Ol = /* @__PURE__ */ h({
+const Dl = /* @__PURE__ */ h(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { class: "promo__content" }, Ol = /* @__PURE__ */ v({
   __name: "promo",
   props: {
     label: {
@@ -1892,31 +1892,31 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", {
-      class: c([
+    return (i, r) => (a(), s("div", {
+      class: u([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "promo__wrapper--default",
         e.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
       t("div", Ml, [
-        e.mediaType === "image" ? (a(), r("div", {
+        e.mediaType === "image" ? (a(), s("div", {
           key: 0,
-          class: c([
+          class: u([
             "promo__image",
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           p(L, null, {
             default: $(() => [
-              u(i.$slots, "promo-image", A(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              c(i.$slots, "promo-image", A(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : m("", !0),
-        e.mediaType === "video" ? (a(), r("div", {
+        e.mediaType === "video" ? (a(), s("div", {
           key: 1,
-          class: c([
+          class: u([
             "promo__video",
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
@@ -1934,18 +1934,18 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
           }, null, 8, ["src", "ariaLabel", "poster"])
         ], 2)) : m("", !0),
         t("div", {
-          class: c([
+          class: u([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (a(), D(W, {
+          e.label ? (a(), D(G, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
           }, null, 8, ["text", "labelDark"])) : m("", !0),
           t("div", {
-            class: c([
+            class: u([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
@@ -1956,7 +1956,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
             arrow: ""
           }, {
             default: $(() => [
-              u(i.$slots, "promo-link")
+              c(i.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : m("", !0),
@@ -1965,7 +1965,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
             default: $(() => [
-              u(i.$slots, "promo-link")
+              c(i.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : m("", !0)
@@ -1974,10 +1974,10 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
     ], 2));
   }
 });
-const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) => (O("data-v-18440f83"), e = e(), z(), e), Fl = { class: "quote__wrapper" }, El = { class: "quote__content" }, Nl = /* @__PURE__ */ Pl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Hl = { class: "quote__quote" }, Rl = { class: "quote__quote-text" }, jl = { class: "quote__author" }, Kl = {
+const zl = /* @__PURE__ */ h(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) => (O("data-v-18440f83"), e = e(), z(), e), Fl = { class: "quote__wrapper" }, El = { class: "quote__content" }, Nl = /* @__PURE__ */ Pl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Hl = { class: "quote__quote" }, Rl = { class: "quote__quote-text" }, jl = { class: "quote__author" }, Kl = {
   key: 0,
   class: "quote__image"
-}, Ul = { class: "quote__text" }, Wl = { class: "quote__author-name" }, Gl = { class: "quote__author-title" }, Ql = /* @__PURE__ */ h({
+}, Ul = { class: "quote__text" }, Gl = { class: "quote__author-name" }, Wl = { class: "quote__author-title" }, Ql = /* @__PURE__ */ v({
   __name: "quote",
   props: {
     quote: {
@@ -1998,16 +1998,16 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Fl, [
+    return (i, r) => (a(), s("div", Fl, [
       t("div", El, [
         Nl,
         t("div", Hl, [
           t("p", Rl, n(e.quote), 1),
           t("div", jl, [
-            e.authorImage ? (a(), r("div", Kl, [
+            e.authorImage ? (a(), s("div", Kl, [
               p(L, null, {
                 default: $(() => [
-                  u(i.$slots, "author-image", A(M({
+                  c(i.$slots, "author-image", A(M({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2017,8 +2017,8 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
               })
             ])) : m("", !0),
             t("div", Ul, [
-              t("p", Wl, n(e.author), 1),
-              t("p", Gl, n(e.authorTitle), 1)
+              t("p", Gl, n(e.author), 1),
+              t("p", Wl, n(e.authorTitle), 1)
             ])
           ])
         ])
@@ -2026,13 +2026,13 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
     ]));
   }
 });
-const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { class: "rich-text__wrapper" }, Xl = {
+const Yl = /* @__PURE__ */ h(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { class: "rich-text__wrapper" }, Xl = {
   key: 0,
   class: "rich-text__links"
 }, Zl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, ei = /* @__PURE__ */ h({
+}, ei = /* @__PURE__ */ v({
   __name: "rich-text",
   props: {
     headline: {
@@ -2067,55 +2067,55 @@ const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", {
-      class: c([
+    return (i, r) => (a(), s("div", {
+      class: u([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", Jl, [
-        e.label ? (a(), D(W, {
+        e.label ? (a(), D(G, {
           key: 0,
           text: e.label,
           labelDark: !1
         }, null, 8, ["text"])) : m("", !0),
-        e.headline ? (a(), r("h2", {
+        e.headline ? (a(), s("h2", {
           key: 1,
-          class: c([
+          class: u([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
         }, n(e.headline), 3)) : m("", !0),
         t("div", {
-          class: c([
+          class: u([
             "rich-text__content",
             e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: c([
+            class: u([
               "rich-text__body",
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(i.$slots, "rich-text-content"),
-            e.links ? (a(), r("div", Xl, [
-              u(i.$slots, "rich-text-links")
+            c(i.$slots, "rich-text-content"),
+            e.links ? (a(), s("div", Xl, [
+              c(i.$slots, "rich-text-links")
             ])) : m("", !0)
           ], 2),
-          e.bulletList ? (a(), r("div", Zl, [
-            u(i.$slots, "rich-text-bullet-list")
+          e.bulletList ? (a(), s("div", Zl, [
+            c(i.$slots, "rich-text-bullet-list")
           ])) : m("", !0),
-          e.image ? (a(), r("div", {
+          e.image ? (a(), s("div", {
             key: 1,
-            class: c([
+            class: u([
               "rich-text__image",
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
             p(L, null, {
               default: $(() => [
-                u(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
+                c(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -2125,10 +2125,28 @@ const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
     ], 2));
   }
 });
-const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-258fa41b"]]), ai = (e) => (O("data-v-df182fbb"), e = e(), z(), e), li = { class: "timeline__wrapper" }, ii = { class: "timeline__content" }, ri = { class: "timeline__items" }, si = { class: "timeline__item faded" }, ni = { class: "item__left" }, oi = /* @__PURE__ */ ai(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const ti = /* @__PURE__ */ h(ei, [["__scopeId", "data-v-7ecdc272"]]);
+const ai = {}, li = { class: "rich-text" }, ii = { class: "rich-text__wrapper" }, si = { class: "rich-text__content rich-text__content--left-aligned" }, ri = { class: "rich-text__body" };
+function ni(e, i) {
+  return a(), s("div", li, [
+    t("div", ii, [
+      t("div", si, [
+        t("div", ri, [
+          t("div", null, [
+            c(e.$slots, "rich-text-content-left", {}, void 0, !0)
+          ]),
+          t("div", null, [
+            c(e.$slots, "rich-text-content-right", {}, void 0, !0)
+          ])
+        ])
+      ])
+    ])
+  ]);
+}
+const oi = /* @__PURE__ */ h(ai, [["render", ni], ["__scopeId", "data-v-98918734"]]), di = (e) => (O("data-v-df182fbb"), e = e(), z(), e), ci = { class: "timeline__wrapper" }, ui = { class: "timeline__content" }, _i = { class: "timeline__items" }, hi = { class: "timeline__item faded" }, vi = { class: "item__left" }, mi = /* @__PURE__ */ di(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), di = { class: "item__right" }, ci = ["innerHTML"], ui = /* @__PURE__ */ h({
+], -1)), gi = { class: "item__right" }, fi = ["innerHTML"], yi = /* @__PURE__ */ v({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2138,10 +2156,10 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-258fa41b"]]), ai = (e) =
   },
   setup(e) {
     return oe(() => {
-      const i = document.querySelectorAll(".timeline__item"), s = new IntersectionObserver(
+      const i = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (l) => {
           l.forEach((o) => {
-            o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), s.unobserve(o.target));
+            o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), r.unobserve(o.target));
           });
         },
         {
@@ -2149,18 +2167,18 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-258fa41b"]]), ai = (e) =
         }
       );
       i.forEach((l) => {
-        s.observe(l);
+        r.observe(l);
       });
-    }), (i, s) => (a(), r("div", li, [
-      t("div", ii, [
-        t("div", ri, [
-          (a(!0), r(I, null, T(e.timelineItems, (l) => (a(), r("div", si, [
-            t("div", ni, n(l.year), 1),
-            oi,
-            t("div", di, [
+    }), (i, r) => (a(), s("div", ci, [
+      t("div", ui, [
+        t("div", _i, [
+          (a(!0), s(I, null, T(e.timelineItems, (l) => (a(), s("div", hi, [
+            t("div", vi, n(l.year), 1),
+            mi,
+            t("div", gi, [
               p(L, null, {
                 default: $(() => [
-                  l.media.type === "image" ? u(i.$slots, "timeline-image", A(ee({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
+                  l.media.type === "image" ? c(i.$slots, "timeline-image", A(ee({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -2168,7 +2186,7 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-258fa41b"]]), ai = (e) =
                 style: te([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, ci)
+              }, null, 12, fi)
             ])
           ]))), 256))
         ])
@@ -2176,10 +2194,10 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-258fa41b"]]), ai = (e) =
     ]));
   }
 });
-const _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-df182fbb"]]), hi = { class: "triple-card-display__wrapper" }, vi = {
+const bi = /* @__PURE__ */ h(yi, [["__scopeId", "data-v-df182fbb"]]), pi = { class: "triple-card-display__wrapper" }, $i = {
   key: 0,
   class: "triple-card__content"
-}, mi = { key: 0 }, gi = { key: 1 }, fi = { class: "triple-card__cards" }, yi = /* @__PURE__ */ h({
+}, ki = { key: 0 }, wi = { key: 1 }, xi = { class: "triple-card__cards" }, Si = /* @__PURE__ */ v({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -2196,31 +2214,31 @@ const _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-df182fbb"]]), hi = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", {
-      class: c([
+    return (i, r) => (a(), s("div", {
+      class: u([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
-      t("div", hi, [
-        e.headline || e.paragraph ? (a(), r("div", vi, [
-          e.headline ? (a(), r("h2", mi, n(e.headline), 1)) : m("", !0),
-          e.paragraph ? (a(), r("p", gi, n(e.paragraph), 1)) : m("", !0)
+      t("div", pi, [
+        e.headline || e.paragraph ? (a(), s("div", $i, [
+          e.headline ? (a(), s("h2", ki, n(e.headline), 1)) : m("", !0),
+          e.paragraph ? (a(), s("p", wi, n(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", fi, [
-          u(i.$slots, "triple-card-display-cards", {}, void 0, !0)
+        t("div", xi, [
+          c(i.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
 });
-const bi = /* @__PURE__ */ v(yi, [["__scopeId", "data-v-e7b427f6"]]), pi = { class: "vimeo" }, $i = { class: "vimeo__wrapper" }, ki = {
+const qi = /* @__PURE__ */ h(Si, [["__scopeId", "data-v-e7b427f6"]]), Bi = { class: "vimeo" }, Ii = { class: "vimeo__wrapper" }, Ti = {
   key: 0,
   class: "vimeo__headline"
-}, wi = {
+}, Li = {
   key: 1,
   class: "vimeo__description"
-}, xi = /* @__PURE__ */ h({
+}, Ci = /* @__PURE__ */ v({
   __name: "vimeo",
   props: {
     headline: {
@@ -2231,16 +2249,16 @@ const bi = /* @__PURE__ */ v(yi, [["__scopeId", "data-v-e7b427f6"]]), pi = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", pi, [
-      t("div", $i, [
-        e.headline ? (a(), r("h2", ki, n(e.headline), 1)) : m("", !0),
-        u(i.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (a(), r("p", wi, n(e.description), 1)) : m("", !0)
+    return (i, r) => (a(), s("div", Bi, [
+      t("div", Ii, [
+        e.headline ? (a(), s("h2", Ti, n(e.headline), 1)) : m("", !0),
+        c(i.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (a(), s("p", Li, n(e.description), 1)) : m("", !0)
       ])
     ]));
   }
 });
-const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { class: "not-found__wrapper" }, Bi = { class: "not-found__content" }, Ii = { class: "not-found__headline" }, Ti = { class: "not-found__body" }, Li = /* @__PURE__ */ h({
+const Vi = /* @__PURE__ */ h(Ci, [["__scopeId", "data-v-59fa125d"]]), Ai = { class: "not-found__wrapper" }, Di = { class: "not-found__content" }, Mi = { class: "not-found__headline" }, Oi = { class: "not-found__body" }, zi = /* @__PURE__ */ v({
   __name: "404",
   props: {
     headline: {
@@ -2249,17 +2267,17 @@ const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", qi, [
-      t("div", Bi, [
-        t("h1", Ii, n(e.headline), 1),
-        t("div", Ti, [
-          u(i.$slots, "not-found-body", {}, void 0, !0)
+    return (i, r) => (a(), s("div", Ai, [
+      t("div", Di, [
+        t("h1", Mi, n(e.headline), 1),
+        t("div", Oi, [
+          c(i.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const Ci = /* @__PURE__ */ v(Li, [["__scopeId", "data-v-a4285ce0"]]), Vi = { class: "filter__wrapper" }, Ai = { class: "filter__content" }, Di = { class: "filter__dropdowns" }, Mi = { class: "filter__chips" }, Oi = /* @__PURE__ */ h({
+const Pi = /* @__PURE__ */ h(zi, [["__scopeId", "data-v-a4285ce0"]]), Fi = { class: "filter__wrapper" }, Ei = { class: "filter__content" }, Ni = { class: "filter__dropdowns" }, Hi = { class: "filter__chips" }, Ri = /* @__PURE__ */ v({
   __name: "filter",
   props: {
     hasChips: {
@@ -2269,29 +2287,29 @@ const Ci = /* @__PURE__ */ v(Li, [["__scopeId", "data-v-a4285ce0"]]), Vi = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (i, s) => (a(), r("div", Vi, [
-      t("div", Ai, [
-        t("div", Di, [
-          u(i.$slots, "filter-dropdowns")
+    return (i, r) => (a(), s("div", Fi, [
+      t("div", Ei, [
+        t("div", Ni, [
+          c(i.$slots, "filter-dropdowns")
         ]),
-        t("div", Mi, [
-          u(i.$slots, "filter-chips"),
-          e.hasChips ? (a(), r("button", {
+        t("div", Hi, [
+          c(i.$slots, "filter-chips"),
+          e.hasChips ? (a(), s("button", {
             key: 0,
             class: "filter__clear",
-            onClick: s[0] || (s[0] = (l) => i.$emit("clearFilters"))
+            onClick: r[0] || (r[0] = (l) => i.$emit("clearFilters"))
           }, " Remove all filters ")) : m("", !0)
         ])
       ])
     ]));
   }
 });
-const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) => (O("data-v-d2cab33d"), e = e(), z(), e), Pi = { class: "footer__wrapper" }, Fi = { class: "footer__content" }, Ei = { class: "footer__sections" }, Ni = { class: "section" }, Hi = { class: "section__title" }, Ri = { class: "section__list" }, ji = { class: "section" }, Ki = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Ui = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Wi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Gi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("br", null, null, -1)), Qi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Yi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Ji = { class: "footer__bottom" }, Xi = { class: "copyright" }, Zi = { class: "footer__policy" }, er = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, [
+const ji = /* @__PURE__ */ h(Ri, [["__scopeId", "data-v-73ba9888"]]), N = (e) => (O("data-v-d2cab33d"), e = e(), z(), e), Ki = { class: "footer__wrapper" }, Ui = { class: "footer__content" }, Gi = { class: "footer__sections" }, Wi = { class: "section" }, Qi = { class: "section__title" }, Yi = { class: "section__list" }, Ji = { class: "section" }, Xi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Zi = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), es = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ts = /* @__PURE__ */ N(() => /* @__PURE__ */ t("br", null, null, -1)), as = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ls = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), is = { class: "footer__bottom" }, ss = { class: "copyright" }, rs = { class: "footer__policy" }, ns = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ j("Change region")
-], -1)), tr = [
-  er
-], ar = { class: "footer__social" }, lr = ["href", "aria-label"], ir = /* @__PURE__ */ h({
+], -1)), os = [
+  ns
+], ds = { class: "footer__social" }, cs = ["href", "aria-label"], us = /* @__PURE__ */ v({
   __name: "footer",
   props: {
     footerSections: {
@@ -2315,38 +2333,38 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
           "twitter",
           "youtube"
         ];
-        return e.every((s) => i.includes(s.title));
+        return e.every((r) => i.includes(r.title));
       }
     }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (i, s) => (a(), r("div", Pi, [
-      t("footer", Fi, [
-        t("div", Ei, [
-          (a(!0), r(I, null, T(e.footerSections, (l) => (a(), r("div", Ni, [
-            t("span", Hi, n(l.title), 1),
+    return (i, r) => (a(), s("div", Ki, [
+      t("footer", Ui, [
+        t("div", Gi, [
+          (a(!0), s(I, null, T(e.footerSections, (l) => (a(), s("div", Wi, [
+            t("span", Qi, n(l.title), 1),
             t("nav", null, [
-              t("ul", Ri, [
-                u(i.$slots, "section-links", {
+              t("ul", Yi, [
+                c(i.$slots, "section-links", {
                   links: l.links
                 })
               ])
             ])
           ]))), 256)),
-          t("div", ji, [
-            Ki,
+          t("div", Ji, [
+            Xi,
             t("address", null, [
-              Ui,
-              Wi,
-              Gi,
+              Zi,
+              es,
+              ts,
               p(V, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  Qi
+                  as
                 ]),
                 _: 1
               }),
@@ -2356,25 +2374,25 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
                 underline: "false"
               }, {
                 default: $(() => [
-                  Yi
+                  ls
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", Ji, [
-          t("p", Xi, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", Zi, [
+        t("div", is, [
+          t("p", ss, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", rs, [
             t("button", {
               class: "footer__language-switcher",
-              onClick: s[0] || (s[0] = (l) => i.$emit("changeRegionClicked"))
-            }, tr),
-            u(i.$slots, "footer-privacy-link"),
-            u(i.$slots, "footer-cookie-link")
+              onClick: r[0] || (r[0] = (l) => i.$emit("changeRegionClicked"))
+            }, os),
+            c(i.$slots, "footer-privacy-link"),
+            c(i.$slots, "footer-cookie-link")
           ]),
-          t("div", ar, [
-            (a(!0), r(I, null, T(e.socialMedia, (l) => (a(), D(V, {
+          t("div", ds, [
+            (a(!0), s(I, null, T(e.socialMedia, (l) => (a(), D(V, {
               underline: "false",
               linkType: "regular"
             }, {
@@ -2386,11 +2404,11 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: c(["footer__social--icon", [
+                    class: u(["footer__social--icon", [
                       l.title === "linkedin" ? "bg-linkedin" : l.title === "facebook" ? "bg-facebook" : l.title === "instagram" ? "bg-instagram" : l.title === "twitter" ? "bg-twitter" : l.title === "youtube" ? "bg-youtube" : ""
                     ]])
                   }, null, 2)
-                ], 8, lr)
+                ], 8, cs)
               ]),
               _: 2
             }, 1024))), 256))
@@ -2400,19 +2418,19 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
     ]));
   }
 });
-const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { class: "header__wrapper" }, nr = { class: "nav-wrapper" }, or = { class: "mir-link-logo" }, dr = { class: "main-nav-items" }, cr = {
+const _s = /* @__PURE__ */ h(us, [["__scopeId", "data-v-d2cab33d"]]), hs = { class: "header__wrapper" }, vs = { class: "nav-wrapper" }, ms = { class: "mir-link-logo" }, gs = { class: "main-nav-items" }, fs = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, ur = {
+}, ys = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, _r = {
+}, bs = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, hr = { class: "dropdown-content" }, vr = { class: "nav-search-wrapper" }, mr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, fr = { class: "mobile-mir-link-logo" }, yr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr = { class: "mobile-menu-content-wrapper" }, wr = { class: "mobile-dropdown-content" }, xr = /* @__PURE__ */ h({
+}, ps = { class: "dropdown-content" }, $s = { class: "nav-search-wrapper" }, ks = ["src"], ws = { class: "mobile-logo-search-burger-wrapper" }, xs = { class: "mobile-mir-link-logo" }, Ss = { class: "mobile-search-wrapper" }, qs = ["src"], Bs = ["onClick"], Is = ["src"], Ts = { class: "mobile-menu-content-wrapper" }, Ls = { class: "mobile-dropdown-content" }, Cs = /* @__PURE__ */ v({
   __name: "header",
   props: {
     burgerState: {
@@ -2429,14 +2447,14 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
     "update:showDropDown",
     "clickSearch"
   ],
-  setup(e, { expose: i, emit: s }) {
+  setup(e, { expose: i, emit: r }) {
     const l = e;
     w("");
     let o = null, _ = w(l.burgerState), b = w(l.showDropDown);
-    re(
+    se(
       () => l.burgerState,
       (k) => _.value = k
-    ), re(
+    ), se(
       () => l.showDropDown,
       (k) => b.value = k
     ), oe(() => {
@@ -2447,10 +2465,10 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
       o !== null && window.removeEventListener("click", o);
     });
     function C() {
-      b.value = !b.value, s("update:showDropDown", b.value);
+      b.value = !b.value, r("update:showDropDown", b.value);
     }
     function S() {
-      _.value = !_.value, s("update:burgerState", _.value);
+      _.value = !_.value, r("update:burgerState", _.value);
     }
     let f = w(null), q = w(null);
     function X() {
@@ -2458,33 +2476,33 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
     }
     return i({
       defocusSearchButton: X
-    }), (k, H) => (a(), r("div", sr, [
+    }), (k, H) => (a(), s("div", hs, [
       t("nav", null, [
-        t("div", nr, [
-          t("div", or, [
-            u(k.$slots, "link-logo", {}, void 0, !0)
+        t("div", vs, [
+          t("div", ms, [
+            c(k.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", dr, [
-            u(k.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", gs, [
+            c(k.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", cr, [
+          t("div", fs, [
             t("button", {
               onClick: C,
               class: "nav-dropdown-btn"
             }, [
-              u(k.$slots, "dropdown-title", {}, void 0, !0),
-              B(b) == !1 ? (a(), r("img", ur)) : (a(), r("img", _r))
+              c(k.$slots, "dropdown-title", {}, void 0, !0),
+              B(b) == !1 ? (a(), s("img", ys)) : (a(), s("img", bs))
             ]),
-            Y(t("div", hr, [
-              u(k.$slots, "dropdown-links", {}, void 0, !0)
+            Y(t("div", ps, [
+              c(k.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, B(b)]
             ])
           ], 512),
-          t("div", vr, [
+          t("div", $s, [
             t("button", {
               class: "search-icon",
-              onClick: H[0] || (H[0] = (G) => {
+              onClick: H[0] || (H[0] = (W) => {
                 var F;
                 return k.$emit("clickSearch"), (F = B(f)) == null ? void 0 : F.blur();
               }),
@@ -2496,21 +2514,21 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, mr)
+              }, null, 8, ks)
             ], 512)
           ])
         ]),
         t("div", {
-          class: c(["mobile-nav-wrapper", B(_) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: u(["mobile-nav-wrapper", B(_) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", gr, [
-            t("div", fr, [
-              u(k.$slots, "link-logo", {}, void 0, !0)
+          t("div", ws, [
+            t("div", xs, [
+              c(k.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", yr, [
+            t("div", Ss, [
               t("button", {
                 class: "search-icon",
-                onClick: H[1] || (H[1] = (G) => {
+                onClick: H[1] || (H[1] = (W) => {
                   var F;
                   return k.$emit("clickSearch"), (F = B(q)) == null ? void 0 : F.blur();
                 }),
@@ -2523,11 +2541,11 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, br)
+                }, null, 8, qs)
               ], 512)
             ]),
             t("button", {
-              onClick: se(S, ["prevent"]),
+              onClick: re(S, ["prevent"]),
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu"
             }, [
@@ -2536,16 +2554,16 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
                 height: "20",
                 alt: "burger menu line icon",
                 src: B(_) == !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, $r)
-            ], 8, pr)
+              }, null, 8, Is)
+            ], 8, Bs)
           ]),
-          Y(t("div", kr, [
+          Y(t("div", Ts, [
             t("ul", null, [
-              u(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              c(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", wr, [
-              u(k.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              u(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Ls, [
+              c(k.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              c(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [Z, B(_)]
@@ -2555,7 +2573,7 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
     ]));
   }
 });
-const Sr = /* @__PURE__ */ v(xr, [["__scopeId", "data-v-98560ea5"]]), qr = { class: "language__wrapper" }, Br = { class: "language__content" }, Ir = { class: "language__headline" }, Tr = { class: "language__paragraph" }, Lr = /* @__PURE__ */ h({
+const Vs = /* @__PURE__ */ h(Cs, [["__scopeId", "data-v-98560ea5"]]), As = { class: "language__wrapper" }, Ds = { class: "language__content" }, Ms = { class: "language__headline" }, Os = { class: "language__paragraph" }, zs = /* @__PURE__ */ v({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2566,16 +2584,16 @@ const Sr = /* @__PURE__ */ v(xr, [["__scopeId", "data-v-98560ea5"]]), qr = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", qr, [
-      t("div", Br, [
-        t("h2", Ir, n(e.headline), 1),
-        t("p", Tr, n(e.paragraph), 1),
-        u(i.$slots, "language-links", {}, void 0, !0)
+    return (i, r) => (a(), s("div", As, [
+      t("div", Ds, [
+        t("h2", Ms, n(e.headline), 1),
+        t("p", Os, n(e.paragraph), 1),
+        c(i.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Cr = /* @__PURE__ */ v(Lr, [["__scopeId", "data-v-a76ba727"]]), Vr = { class: "pagination__wrapper" }, Ar = { class: "pagination__content" }, Dr = /* @__PURE__ */ h({
+const Ps = /* @__PURE__ */ h(zs, [["__scopeId", "data-v-a76ba727"]]), Fs = { class: "pagination__wrapper" }, Es = { class: "pagination__content" }, Ns = /* @__PURE__ */ v({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2589,17 +2607,17 @@ const Cr = /* @__PURE__ */ v(Lr, [["__scopeId", "data-v-a76ba727"]]), Vr = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (i, s) => (a(), r("div", Vr, [
-      t("div", Ar, [
+    return (i, r) => (a(), s("div", Fs, [
+      t("div", Es, [
         p(J, {
-          onClick: s[0] || (s[0] = (l) => i.$emit("previous")),
+          onClick: r[0] || (r[0] = (l) => i.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        u(i.$slots, "pagination-numbers"),
+        c(i.$slots, "pagination-numbers"),
         p(J, {
-          onClick: s[1] || (s[1] = (l) => i.$emit("next")),
+          onClick: r[1] || (r[1] = (l) => i.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
           ariaLabel: "next"
@@ -2608,16 +2626,16 @@ const Cr = /* @__PURE__ */ v(Lr, [["__scopeId", "data-v-a76ba727"]]), Vr = { cla
     ]));
   }
 });
-const Mr = /* @__PURE__ */ v(Dr, [["__scopeId", "data-v-9f08dcf6"]]);
-const Or = {}, zr = { class: "search__wrapper" };
-function Pr(e, i) {
-  return a(), r("div", zr, [
-    u(e.$slots, "default", { class: "search__content" })
+const Hs = /* @__PURE__ */ h(Ns, [["__scopeId", "data-v-9f08dcf6"]]);
+const Rs = {}, js = { class: "search__wrapper" };
+function Ks(e, i) {
+  return a(), s("div", js, [
+    c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Fr = /* @__PURE__ */ v(Or, [["render", Pr], ["__scopeId", "data-v-31f35da9"]]), Nr = {
+const Us = /* @__PURE__ */ h(Rs, [["render", Ks], ["__scopeId", "data-v-31f35da9"]]), Ws = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", L), e.component("AtomLabel", W), e.component("AtomLink", V), e.component("AtomRadioButton", Ze), e.component("AtomSelect", rt), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Qt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", ra), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ia), e.component("BlockFeatures", za), e.component("BlockHeadline", el), e.component("BlockHero", ul), e.component("BlockImage", Ra), e.component("BlockImageGallery", Ya), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Yl), e.component("BlockRichText", ti), e.component("BlockTimeline", _i), e.component("BlockTripleCardDisplay", bi), e.component("BlockVimeo", Si), e.component("Organism404", Ci), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Sr), e.component("OrganismLanguageSwitcher", Cr), e.component("OrganismPagination", Mr), e.component("OrganismSearch", Fr);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", L), e.component("AtomLabel", G), e.component("AtomLink", V), e.component("AtomRadioButton", Ze), e.component("AtomSelect", st), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Qt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", sa), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ia), e.component("BlockFeatures", za), e.component("BlockHeadline", el), e.component("BlockHero", ul), e.component("BlockImage", Ra), e.component("BlockImageGallery", Ya), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Yl), e.component("BlockRichText", ti), e.component("BlockRichTextColumns", oi), e.component("BlockTimeline", bi), e.component("BlockTripleCardDisplay", qi), e.component("BlockVimeo", Vi), e.component("Organism404", Pi), e.component("OrganismFilter", ji), e.component("OrganismFooter", _s), e.component("OrganismHeader", Vs), e.component("OrganismLanguageSwitcher", Ps), e.component("OrganismPagination", Hs), e.component("OrganismSearch", Us);
   }
 };
 export {
@@ -2626,10 +2644,10 @@ export {
   Ae as AtomChip,
   Ne as AtomDropdown,
   L as AtomImage,
-  W as AtomLabel,
+  G as AtomLabel,
   V as AtomLink,
   Ze as AtomRadioButton,
-  rt as AtomSelect,
+  st as AtomSelect,
   mt as AtomSlider,
   Dt as AtomTextField,
   wt as AtomTextarea,
@@ -2647,21 +2665,22 @@ export {
   zl as BlockPromo,
   Yl as BlockQuote,
   ti as BlockRichText,
-  _i as BlockTimeline,
-  bi as BlockTripleCardDisplay,
-  Si as BlockVimeo,
+  oi as BlockRichTextColumns,
+  bi as BlockTimeline,
+  qi as BlockTripleCardDisplay,
+  Vi as BlockVimeo,
   Qt as MoleculeAddress,
   ea as MoleculeBulletList,
-  ra as MoleculeCard,
+  sa as MoleculeCard,
   ha as MoleculeEventCard,
   de as MoleculeModal,
   ya as MoleculeTextCard,
-  Ci as Organism404,
-  zi as OrganismFilter,
-  rr as OrganismFooter,
-  Sr as OrganismHeader,
-  Cr as OrganismLanguageSwitcher,
-  Mr as OrganismPagination,
-  Fr as OrganismSearch,
-  Nr as default
+  Pi as Organism404,
+  ji as OrganismFilter,
+  _s as OrganismFooter,
+  Vs as OrganismHeader,
+  Ps as OrganismLanguageSwitcher,
+  Hs as OrganismPagination,
+  Us as OrganismSearch,
+  Ws as default
 };