@mirweb/mir-web-components 0.15.85 → 0.15.87

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

@@ -1,4 +1,4 @@
-import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as _, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Q, Fragment as I, renderList as L, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as ge, withCtx as $, withModifiers as se, createBlock as D, createCommentVNode as m, watchEffect as oe, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as S, onMounted as ne, watch as re, onUnmounted as pe } from "vue";
+import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as u, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Q, 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 oe, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as ne, watch as re, onUnmounted as pe } from "vue";
 const $e = ["aria-label"], ke = /* @__PURE__ */ h({
   __name: "button",
   props: {
@@ -84,12 +84,12 @@ const v = (e, i) => {
         class: c(["checkbox__label", e.required ? "required" : ""])
       }, [
         qe,
-        _(l.$slots, "default", {}, void 0, !0)
+        u(l.$slots, "default", {}, void 0, !0)
       ], 10, Se)
     ], 2));
   }
 });
-const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Le = (e) => (O("data-v-b61be596"), e = e(), z(), e), Te = ["aria-label"], Ce = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("img", {
+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", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -104,9 +104,9 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Le = (e) =
   emits: ["remove-chip"],
   setup(e, { emit: i }) {
     const s = e, l = E(() => `Chip: ${s.text}`);
-    return (n, u) => (a(), r("div", {
+    return (n, _) => (a(), r("div", {
       class: "chip__wrapper",
-      onClick: u[0] || (u[0] = (b) => n.$emit("remove-chip"))
+      onClick: _[0] || (_[0] = (b) => n.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -114,7 +114,7 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Le = (e) =
       }, [
         j(o(e.text) + " ", 1),
         Ce
-      ], 8, Te)
+      ], 8, Le)
     ]));
   }
 });
@@ -168,15 +168,15 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(null), n = w(null), u = w([]), b = w(0), C = w(""), q = w(!0), g = w(0), B = E(() => {
+    const s = e, l = w(null), n = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), q = E(() => {
       const d = s.options.find(
-        (f) => f.value === s.modelValue
+        (g) => g.value === s.modelValue
       );
       return d && d.label;
     }), X = {
-      beforeMount(d, f) {
+      beforeMount(d, g) {
         d.clickOutsideEvent = function(y) {
-          d === y.target || d.contains(y.target) || f.value(y);
+          d === y.target || d.contains(y.target) || g.value(y);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -188,21 +188,21 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     }
     function H(d) {
       var y;
-      const f = d.target;
-      f.getAttribute("role") === "option" && (U(f), Y(), (y = l.value) == null || y.focus());
+      const g = d.target;
+      g.getAttribute("role") === "option" && (U(g), Y(), (y = l.value) == null || y.focus());
     }
     function G(d) {
       var y;
-      const f = d.key;
-      switch (f) {
+      const g = d.key;
+      switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
           const x = s.options.findIndex(
             (R) => R.value === s.modelValue
           );
-          let P = x ? u.value[x] : u.value[0];
-          f === "ArrowUp" ? x - 1 >= 0 && (P = u.value[x - 1]) : x + 1 <= s.options.length && (P = u.value[x + 1]), P && U(P);
+          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);
           break;
         }
         case "Home":
@@ -218,7 +218,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           d.preventDefault(), Y(), (y = l.value) == null || y.focus();
           break;
         default: {
-          const x = _e(f);
+          const x = _e(g);
           x && U(x);
           break;
         }
@@ -242,59 +242,59 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       }, 500);
     }
     function _e(d) {
-      let f = "";
-      (C.value === "" || f !== d) && (g.value = s.options.findIndex(
+      let g = "";
+      (C.value === "" || g !== d) && (f.value = s.options.findIndex(
         (x) => x.value === s.modelValue
-      )), C.value = f === d ? d : C.value + d, f = d, ue();
+      )), C.value = g === d ? d : C.value + d, g = d, ue();
       let y = ae(
-        g.value + 1,
+        f.value + 1,
         s.options.length
       );
-      return !y && C.value.length === 1 && (y = ae(0, g.value)), g.value = (g.value + 1) % s.options.length, y;
+      return !y && C.value.length === 1 && (y = ae(0, f.value)), f.value = (f.value + 1) % s.options.length, y;
     }
-    function ae(d, f) {
-      for (let y = d; y < f; 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)
-          return u.value[y];
+          return _.value[y];
       return null;
     }
     function he() {
-      U(u.value[0]);
+      U(_.value[0]);
     }
     function U(d) {
       var y, x;
-      const f = d.getAttribute("data-value");
+      const g = d.getAttribute("data-value");
       if (s.modelValue) {
         const P = s.options.findIndex(
-          (fe) => fe.value === s.modelValue
-        ), R = u.value[P];
+          (ge) => ge.value === s.modelValue
+        ), R = _.value[P];
         ce(R);
       }
       if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
-        f || ""
-      ), k(f || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+        g || ""
+      ), k(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
         const P = n.value.clientHeight + n.value.scrollTop, R = d.offsetTop + d.offsetHeight;
         R > P ? n.value.scrollTop = R - ((x = n.value) == null ? void 0 : x.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
       }
     }
     function ve() {
-      var f;
-      const d = (f = u.value) == null ? void 0 : f[s.options.length - 1];
+      var g;
+      const d = (g = _.value) == null ? void 0 : g[s.options.length - 1];
       U(d);
     }
     function Y() {
       var d;
-      q.value = !0, (d = l.value) == null || d.removeAttribute("aria-expanded");
+      S.value = !0, (d = l.value) == null || d.removeAttribute("aria-expanded");
     }
     function le() {
-      var d, f;
-      q.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (f = n.value) == null || f.focus();
+      var d, g;
+      S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function me() {
-      s.disabled || (q.value ? le() : Y());
+      s.disabled || (S.value ? le() : Y());
     }
-    return (d, f) => (a(), r("div", {
+    return (d, g) => (a(), r("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -322,7 +322,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           onKeydown: F,
           ref_key: "listboxButton",
           ref: l
-        }, o(e.modelValue ? B.value : e.placeholder), 43, ze),
+        }, o(e.modelValue ? q.value : e.placeholder), 43, ze),
         Q(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
@@ -334,7 +334,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           ref_key: "listboxNode",
           ref: n
         }, [
-          (a(!0), r(I, null, L(e.options, (y, x) => (a(), r("li", {
+          (a(!0), r(I, null, T(e.options, (y, x) => (a(), r("li", {
             key: `${e.name}-option-${x}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -342,10 +342,10 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: u
+            ref: _
           }, o(y.label), 9, Fe))), 128))
         ], 40, Pe), [
-          [Z, !q.value]
+          [Z, !S.value]
         ])
       ])), [
         [X, Y]
@@ -392,11 +392,11 @@ const Ne = /* @__PURE__ */ v(Ee, [["__scopeId", "data-v-f69f328c"]]), He = { cla
   },
   setup(e) {
     return (i, s) => (a(), r("div", He, [
-      _(i.$slots, "default", A(M(i.$attrs)))
+      u(i.$slots, "default", A(M(i.$attrs)))
     ]));
   }
 });
-const T = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ h({
+const L = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ h({
   __name: "label",
   props: {
     text: {
@@ -468,7 +468,7 @@ const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-d9cdf57c"]]), We = { clas
           e.arrow ? "link-arrow" : ""
         ]]
       }), [
-        _(l.$slots, "default")
+        u(l.$slots, "default")
       ], 16)
     ]));
   }
@@ -524,7 +524,7 @@ const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Ye = ["name", "value"
         class: c(["radio__label", e.required ? "required" : ""])
       }, [
         Je,
-        _(l.$slots, "default", {}, void 0, !0)
+        u(l.$slots, "default", {}, void 0, !0)
       ], 10, Qe)
     ], 2));
   }
@@ -585,7 +585,7 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
           i.$emit("update:modelValue", l.target.value), l.target.blur();
         })
       }, [
-        (a(!0), r(I, null, L(e.options, (l) => (a(), r("option", {
+        (a(!0), r(I, null, T(e.options, (l) => (a(), r("option", {
           key: l.value,
           value: l.value
         }, o(l.text), 9, lt))), 128))
@@ -609,8 +609,8 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
     const l = () => {
       i("update:show", !s.show);
     };
-    return (n, u) => (a(), r("div", st, [
-      p(ge, {
+    return (n, _) => (a(), r("div", st, [
+      p(fe, {
         duration: 300,
         name: "nested"
       }, {
@@ -624,7 +624,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
           }, [
             t("div", {
               id: "modal",
-              onClick: u[0] || (u[0] = se(() => {
+              onClick: _[0] || (_[0] = se(() => {
               }, ["stop"])),
               class: c([n.searchBar ? "search" : ""])
             }, [
@@ -636,7 +636,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
                   onClick: l
                 }))
               ]),
-              _(n.$slots, "default", {}, void 0, !0)
+              u(n.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)) : m("", !0)
         ]),
@@ -698,18 +698,18 @@ const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(s.modelValue), n = w(), u = w(!1), b = (q, g, B) => (q - g) / (B - g) * 100, C = (q) => {
-      var g;
-      (g = n.value) == null || g.style.setProperty("--ProgressPercent", `${q}%`);
+    const s = e, l = w(s.modelValue), n = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
+      var f;
+      (f = n.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
     };
     return oe(() => {
       if (n.value) {
         i("update:modelValue", l.value);
-        const q = b(l.value, s.min, s.max);
-        let g = (50 - q) / 100;
-        C(q + g);
+        const S = b(l.value, s.min, s.max);
+        let f = (50 - S) / 100;
+        C(S + f);
       }
-    }), (q, g) => (a(), r("div", null, [
+    }), (S, f) => (a(), r("div", null, [
       t("div", nt, [
         t("div", dt, [
           t("label", {
@@ -720,8 +720,8 @@ const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { cla
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
-            onClick: g[0] || (g[0] = (B) => u.value = !u.value),
-            onKeyup: g[1] || (g[1] = ye((B) => u.value = !u.value, ["enter"])),
+            onClick: f[0] || (f[0] = (q) => _.value = !_.value),
+            onKeyup: f[1] || (f[1] = ye((q) => _.value = !_.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
@@ -742,7 +742,7 @@ const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { cla
             class: c(e.variant),
             ref_key: "slider",
             ref: n,
-            onInput: g[2] || (g[2] = ({ target: B }) => l.value = parseFloat(B.value))
+            onInput: f[2] || (f[2] = ({ target: q }) => l.value = parseFloat(q.value))
           }, null, 42, ht),
           t("span", {
             class: c([e.variant, "slider__minmax"])
@@ -754,8 +754,8 @@ const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { cla
       ]),
       e.information ? (a(), D(de, {
         key: 0,
-        show: u.value,
-        "onUpdate:show": g[3] || (g[3] = (B) => u.value = B)
+        show: _.value,
+        "onUpdate:show": f[3] || (f[3] = (q) => _.value = q)
       }, {
         default: $(() => [
           j(o(e.information), 1)
@@ -765,7 +765,7 @@ const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { cla
     ]));
   }
 });
-const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { id: "textarea-wrapper" }, gt = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ h({
+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({
   __name: "textarea",
   props: {
     id: {
@@ -805,11 +805,11 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, s) => (a(), r("div", ft, [
+    return (i, s) => (a(), r("div", gt, [
       t("label", {
         for: e.id,
         class: c({ required: e.required })
-      }, o(e.labelText) + o(e.required ? " *" : ""), 11, gt),
+      }, o(e.labelText) + o(e.required ? " *" : ""), 11, ft),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
       }, [
@@ -842,7 +842,7 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { 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"], Lt = ["type", "value", "placeholder", "id", "required", "disabled", "name"], Tt = {
+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 = {
   key: 2,
   class: "search"
 }, Ct = {
@@ -934,7 +934,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
     ), l = E(
       () => i.value ? "password" : "text"
     );
-    return (n, u) => (a(), r("div", xt, [
+    return (n, _) => (a(), r("div", xt, [
       t("label", {
         for: e.id,
         class: c([
@@ -951,14 +951,14 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: u[0] || (u[0] = (b) => n.$emit("update:modelValue", b.target.value)),
+          onInput: _[0] || (_[0] = (b) => n.$emit("update:modelValue", b.target.value)),
           name: e.fieldName,
           ref: "passwordField"
         }, null, 40, Bt),
         t("i", {
           role: "button",
           class: c([s.value]),
-          onClick: u[1] || (u[1] = (b) => i.value = !i.value),
+          onClick: _[1] || (_[1] = (b) => i.value = !i.value),
           "aria-controls": "password",
           "aria-expanded": !i.value
         }, null, 10, It)
@@ -975,11 +975,11 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: u[2] || (u[2] = (b) => n.$emit("update:modelValue", b.target.value)),
+        onInput: _[2] || (_[2] = (b) => n.$emit("update:modelValue", b.target.value)),
         name: e.fieldName,
         ref: "textField"
-      }, null, 42, Lt)),
-      e.search ? (a(), r("i", Tt)) : m("", !0),
+      }, null, 42, Tt)),
+      e.search ? (a(), r("i", Lt)) : m("", !0),
       e.errorMessage ? (a(), r("strong", Ct, o(e.errorMessage), 1)) : m("", !0),
       e.helperText ? (a(), r("span", Vt, o(e.helperText), 1)) : m("", !0)
     ]));
@@ -1045,7 +1045,7 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
       resetVideo: () => {
         l.value && (l.value.currentTime = 0, l.value.play());
       }
-    }), (u, b) => (a(), r("div", Mt, [
+    }), (_, b) => (a(), r("div", Mt, [
       e.localVideo ? (a(), r("video", {
         key: 0,
         ref_key: "videoRef",
@@ -1109,7 +1109,7 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { clas
     return (i, s) => (a(), r("div", Ft, [
       t("div", Et, [
         t("div", Nt, [
-          _(i.$slots, "address-flag", {}, void 0, !0)
+          u(i.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Ht, [
           t("p", Rt, o(e.name), 1),
@@ -1119,7 +1119,7 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-c449311a"]]), Ft = { clas
           e.addressLine_3 ? (a(), r("p", jt, o(e.addressLine_3), 1)) : m("", !0)
         ]),
         t("div", Kt, [
-          (a(!0), r(I, null, L(e.phone_numbers, (l) => (a(), D(V, {
+          (a(!0), r(I, null, T(e.phone_numbers, (l) => (a(), D(V, {
             underline: "false",
             linkType: "regular"
           }, {
@@ -1165,7 +1165,7 @@ const Yt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Qt = (e) =
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (a(!0), r(I, null, L(e.list, (l) => (a(), r("li", null, [
+          (a(!0), r(I, null, T(e.list, (l) => (a(), r("li", null, [
             Xt,
             j(" " + o(l), 1)
           ]))), 256))
@@ -1234,7 +1234,7 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
   setup(e, { emit: i }) {
     const s = be();
     let l = w(!1);
-    return (n, u) => (a(), r("div", ta, [
+    return (n, _) => (a(), r("div", ta, [
       t("div", {
         class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
@@ -1244,12 +1244,12 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
         style: te([e.variant == "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: u[0] || (u[0] = (b) => ie(l) ? l.value = !0 : l = !0),
-        onMouseout: u[1] || (u[1] = (b) => ie(l) ? l.value = !1 : l = !1)
+        onMouseover: _[0] || (_[0] = (b) => ie(l) ? l.value = !0 : l = !0),
+        onMouseout: _[1] || (_[1] = (b) => ie(l) ? l.value = !1 : l = !1)
       }, [
-        e.mediaType == "image" ? (a(), D(T, { key: 0 }, {
+        e.mediaType == "image" ? (a(), D(L, { key: 0 }, {
           default: $(() => [
-            _(n.$slots, "card-image", ee({
+            u(n.$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" : "",
@@ -1261,10 +1261,10 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
           _: 3
         })) : (a(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", S(l) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", B(l) == !0 ? "vimeoPlaying" : ""])
         }, [
           p(K, {
-            play: S(l),
+            play: B(l),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1277,8 +1277,8 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        S(s)["card-label"] ? (a(), r("div", aa, [
-          _(n.$slots, "card-label")
+        B(s)["card-label"] ? (a(), r("div", aa, [
+          u(n.$slots, "card-label")
         ])) : m("", !0),
         e.variant === "product" ? (a(), r("h3", {
           key: 3,
@@ -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" }, fa = { class: "text__paragraph" }, ga = /* @__PURE__ */ h({
+const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, ga = { class: "text__paragraph" }, fa = /* @__PURE__ */ h({
   __name: "text-card",
   props: {
     label: {
@@ -1355,13 +1355,13 @@ const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
       t("div", ma, o(e.headline), 1),
-      t("div", fa, [
+      t("div", ga, [
         t("p", null, o(e.paragraph), 1)
       ])
     ]));
   }
 });
-const ya = /* @__PURE__ */ v(ga, [["__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__ */ 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 = {
   key: 0,
   class: "facts__link"
 }, Ba = /* @__PURE__ */ h({
@@ -1386,7 +1386,7 @@ const ya = /* @__PURE__ */ v(ga, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
       t("div", pa, [
         t("h2", $a, o(e.headline), 1),
         t("div", ka, [
-          (a(!0), r(I, null, L(e.facts, (l) => (a(), r("div", wa, [
+          (a(!0), r(I, null, T(e.facts, (l) => (a(), r("div", wa, [
             t("div", xa, [
               t("span", null, o(l.value), 1)
             ]),
@@ -1401,7 +1401,7 @@ const ya = /* @__PURE__ */ v(ga, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
             arrow: ""
           }, {
             default: $(() => [
-              _(i.$slots, "facts-link", {}, void 0, !0)
+              u(i.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1410,7 +1410,7 @@ const ya = /* @__PURE__ */ v(ga, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
     ]));
   }
 });
-const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), La = { class: "features__wrapper" }, Ta = { class: "features__content" }, Ca = {
+const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { class: "features__wrapper" }, La = { class: "features__content" }, Ca = {
   key: 0,
   class: "features__headline"
 }, Va = {
@@ -1434,8 +1434,8 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), La = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", La, [
-      t("div", Ta, [
+    return (i, s) => (a(), r("div", Ta, [
+      t("div", La, [
         e.headline ? (a(), r("div", Ca, [
           t("h2", null, o(e.headline), 1)
         ])) : m("", !0),
@@ -1445,10 +1445,10 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), La = { cla
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (a(!0), r(I, null, L(e.elements, (l) => (a(), r("div", Aa, [
-            p(T, { class: "element__icon" }, {
+          (a(!0), r(I, null, T(e.elements, (l) => (a(), r("div", Aa, [
+            p(L, { class: "element__icon" }, {
               default: $(() => [
-                _(i.$slots, "features-icon", A(M({
+                u(i.$slots, "features-icon", A(M({
                   src: l.icon.src,
                   height: 30,
                   width: 30,
@@ -1485,9 +1485,9 @@ const za = /* @__PURE__ */ v(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { cla
     return (i, s) => (a(), r("div", Pa, [
       t("div", Fa, [
         t("div", Ea, [
-          p(T, null, {
+          p(L, null, {
             default: $(() => [
-              _(i.$slots, "image", A(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              u(i.$slots, "image", A(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1559,9 +1559,9 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
       }, [
         t("div", ja, [
           e.mediaLarge && e.mediaType === "image" ? (a(), r("div", Ka, [
-            p(T, null, {
+            p(L, null, {
               default: $(() => [
-                _(i.$slots, "image-large", A(M({
+                u(i.$slots, "image-large", A(M({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1593,10 +1593,10 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (a(!0), r(I, null, L(e.mediaSmall, (l) => (a(), r("div", Wa, [
-            p(T, null, {
+          (a(!0), r(I, null, T(e.mediaSmall, (l) => (a(), r("div", Wa, [
+            p(L, null, {
               default: $(() => [
-                _(i.$slots, "image-small", A(M({
+                u(i.$slots, "image-small", A(M({
                   width: 328,
                   height: 246,
                   src: l.src,
@@ -1671,7 +1671,7 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
                 arrow: ""
               }, {
                 default: $(() => [
-                  _(i.$slots, "hero-link", {}, void 0, !0)
+                  u(i.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1699,7 +1699,7 @@ 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 = {
   key: 0,
   class: "logo-wall__text"
-}, ml = { key: 0 }, fl = { key: 1 }, gl = { 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__ */ h({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1719,13 +1719,13 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
       t("div", hl, [
         e.headline || e.body ? (a(), r("div", vl, [
           e.headline ? (a(), r("h2", ml, o(e.headline), 1)) : m("", !0),
-          e.body ? (a(), r("p", fl, o(e.body), 1)) : m("", !0)
+          e.body ? (a(), r("p", gl, o(e.body), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", gl, [
-          (a(!0), r(I, null, L(e.logos, (l) => (a(), r("div", yl, [
-            p(T, null, {
+        t("div", fl, [
+          (a(!0), r(I, null, T(e.logos, (l) => (a(), r("div", yl, [
+            p(L, null, {
               default: $(() => [
-                _(i.$slots, "logo-wall-logo", A(M({
+                u(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: $(() => [
-              _(i.$slots, "logo-wall-link", {}, void 0, !0)
+              u(i.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1783,9 +1783,9 @@ const $l = /* @__PURE__ */ v(pl, [["__scopeId", "data-v-299e5b4b"]]), kl = { cla
       ])
     }, [
       t("div", kl, [
-        _(i.$slots, "micro-stories-slides")
+        u(i.$slots, "micro-stories-slides")
       ]),
-      _(i.$slots, "micro-stories-controls")
+      u(i.$slots, "micro-stories-controls")
     ], 2));
   }
 });
@@ -1793,11 +1793,11 @@ const xl = {}, Sl = { class: "policy__wrapper" }, ql = { class: "policy__content
 function Bl(e, i) {
   return a(), r("div", Sl, [
     t("div", ql, [
-      _(e.$slots, "default", {}, void 0, !0)
+      u(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9"]]), Ll = { class: "product-hero__wrapper" }, Tl = { class: "product-hero__content" }, Cl = { class: "product-hero__headline" }, Vl = { class: "product-hero__video" }, Al = /* @__PURE__ */ h({
+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({
   __name: "product-hero",
   props: {
     headline: {
@@ -1822,8 +1822,8 @@ const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Ll, [
-      t("div", Tl, [
+    return (i, s) => (a(), r("div", Tl, [
+      t("div", Ll, [
         t("div", Cl, [
           t("h1", null, o(e.headline), 1)
         ]),
@@ -1907,9 +1907,9 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          p(T, null, {
+          p(L, null, {
             default: $(() => [
-              _(i.$slots, "promo-image", A(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              u(i.$slots, "promo-image", A(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1956,7 +1956,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
             arrow: ""
           }, {
             default: $(() => [
-              _(i.$slots, "promo-link")
+              u(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: $(() => [
-              _(i.$slots, "promo-link")
+              u(i.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : m("", !0)
@@ -2005,9 +2005,9 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
           t("p", Rl, o(e.quote), 1),
           t("div", jl, [
             e.authorImage ? (a(), r("div", Kl, [
-              p(T, null, {
+              p(L, null, {
                 default: $(() => [
-                  _(i.$slots, "author-image", A(M({
+                  u(i.$slots, "author-image", A(M({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2098,13 +2098,13 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            _(i.$slots, "rich-text-content"),
+            u(i.$slots, "rich-text-content"),
             e.links ? (a(), r("div", Xl, [
-              _(i.$slots, "rich-text-links")
+              u(i.$slots, "rich-text-links")
             ])) : m("", !0)
           ], 2),
           e.bulletList ? (a(), r("div", Zl, [
-            _(i.$slots, "rich-text-bullet-list")
+            u(i.$slots, "rich-text-bullet-list")
           ])) : m("", !0),
           e.image ? (a(), r("div", {
             key: 1,
@@ -2113,9 +2113,9 @@ const Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            p(T, null, {
+            p(L, null, {
               default: $(() => [
-                _(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
+                u(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -2154,13 +2154,13 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-ab50f960"]]), ai = (e) =
     }), (i, s) => (a(), r("div", li, [
       t("div", ii, [
         t("div", ri, [
-          (a(!0), r(I, null, L(e.timelineItems, (l) => (a(), r("div", si, [
+          (a(!0), r(I, null, T(e.timelineItems, (l) => (a(), r("div", si, [
             t("div", oi, o(l.year), 1),
             ni,
             t("div", di, [
-              p(T, null, {
+              p(L, null, {
                 default: $(() => [
-                  l.media.type === "image" ? _(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" ? u(i.$slots, "timeline-image", A(ee({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -2179,7 +2179,7 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-ab50f960"]]), ai = (e) =
 const _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-df182fbb"]]), hi = { class: "triple-card-display__wrapper" }, vi = {
   key: 0,
   class: "triple-card__content"
-}, mi = { key: 0 }, fi = { key: 1 }, gi = { class: "triple-card__cards" }, yi = /* @__PURE__ */ h({
+}, mi = { key: 0 }, gi = { key: 1 }, fi = { class: "triple-card__cards" }, yi = /* @__PURE__ */ h({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -2205,10 +2205,10 @@ const _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-df182fbb"]]), hi = { cla
       t("div", hi, [
         e.headline || e.paragraph ? (a(), r("div", vi, [
           e.headline ? (a(), r("h2", mi, o(e.headline), 1)) : m("", !0),
-          e.paragraph ? (a(), r("p", fi, o(e.paragraph), 1)) : m("", !0)
+          e.paragraph ? (a(), r("p", gi, o(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", gi, [
-          _(i.$slots, "triple-card-display-cards", {}, void 0, !0)
+        t("div", fi, [
+          u(i.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -2234,13 +2234,13 @@ const bi = /* @__PURE__ */ v(yi, [["__scopeId", "data-v-e7b427f6"]]), pi = { cla
     return (i, s) => (a(), r("div", pi, [
       t("div", $i, [
         e.headline ? (a(), r("h2", ki, o(e.headline), 1)) : m("", !0),
-        _(i.$slots, "vimeo-content", {}, void 0, !0),
+        u(i.$slots, "vimeo-content", {}, void 0, !0),
         e.description ? (a(), r("p", wi, o(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" }, Li = { class: "not-found__body" }, Ti = /* @__PURE__ */ h({
+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({
   __name: "404",
   props: {
     headline: {
@@ -2252,14 +2252,14 @@ const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { cla
     return (i, s) => (a(), r("div", qi, [
       t("div", Bi, [
         t("h1", Ii, o(e.headline), 1),
-        t("div", Li, [
-          _(i.$slots, "not-found-body", {}, void 0, !0)
+        t("div", Ti, [
+          u(i.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const Ci = /* @__PURE__ */ v(Ti, [["__scopeId", "data-v-a4285ce0"]]), Vi = { class: "filter__wrapper" }, Ai = { class: "filter__content" }, Di = { class: "filter__dropdowns" }, Mi = { class: "filter__chips" }, Oi = /* @__PURE__ */ h({
+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({
   __name: "filter",
   props: {
     hasChips: {
@@ -2272,10 +2272,10 @@ const Ci = /* @__PURE__ */ v(Ti, [["__scopeId", "data-v-a4285ce0"]]), Vi = { cla
     return (i, s) => (a(), r("div", Vi, [
       t("div", Ai, [
         t("div", Di, [
-          _(i.$slots, "filter-dropdowns")
+          u(i.$slots, "filter-dropdowns")
         ]),
         t("div", Mi, [
-          _(i.$slots, "filter-chips"),
+          u(i.$slots, "filter-chips"),
           e.hasChips ? (a(), r("button", {
             key: 0,
             class: "filter__clear",
@@ -2324,11 +2324,11 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
     return (i, s) => (a(), r("div", Pi, [
       t("footer", Fi, [
         t("div", Ei, [
-          (a(!0), r(I, null, L(e.footerSections, (l) => (a(), r("div", Ni, [
+          (a(!0), r(I, null, T(e.footerSections, (l) => (a(), r("div", Ni, [
             t("span", Hi, o(l.title), 1),
             t("nav", null, [
               t("ul", Ri, [
-                _(i.$slots, "section-links", {
+                u(i.$slots, "section-links", {
                   links: l.links
                 })
               ])
@@ -2370,11 +2370,11 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
               class: "footer__language-switcher",
               onClick: s[0] || (s[0] = (l) => i.$emit("changeRegionClicked"))
             }, tr),
-            _(i.$slots, "footer-privacy-link"),
-            _(i.$slots, "footer-cookie-link")
+            u(i.$slots, "footer-privacy-link"),
+            u(i.$slots, "footer-cookie-link")
           ]),
           t("div", ar, [
-            (a(!0), r(I, null, L(e.socialMedia, (l) => (a(), D(V, {
+            (a(!0), r(I, null, T(e.socialMedia, (l) => (a(), D(V, {
               underline: "false",
               linkType: "regular"
             }, {
@@ -2412,7 +2412,7 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
   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"], fr = { class: "mobile-logo-search-burger-wrapper" }, gr = { class: "mobile-mir-link-logo" }, yr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr = ["src"], wr = { class: "mobile-menu-content-wrapper" }, xr = { class: "mobile-dropdown-content" }, Sr = /* @__PURE__ */ h({
+}, 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({
   __name: "header",
   props: {
     burgerState: {
@@ -2432,10 +2432,10 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
   setup(e, { expose: i, emit: s }) {
     const l = e;
     w("");
-    let n = null, u = w(l.burgerState), b = w(l.showDropDown);
+    let n = null, _ = w(l.burgerState), b = w(l.showDropDown);
     re(
       () => l.burgerState,
-      (k) => u.value = k
+      (k) => _.value = k
     ), re(
       () => l.showDropDown,
       (k) => b.value = k
@@ -2449,12 +2449,12 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
     function C() {
       b.value = !b.value, s("update:showDropDown", b.value);
     }
-    function q() {
-      u.value = !u.value, s("update:burgerState", u.value);
+    function S() {
+      _.value = !_.value, s("update:burgerState", _.value);
     }
-    let g = w(null), B = w(null);
+    let f = w(null), q = w(null);
     function X() {
-      g.value && g.value.blur();
+      f.value && f.value.blur();
     }
     return i({
       defocusSearchButton: X
@@ -2462,23 +2462,23 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
       t("nav", null, [
         t("div", or, [
           t("div", nr, [
-            _(k.$slots, "link-logo", {}, void 0, !0)
+            u(k.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", dr, [
-            _(k.$slots, "main-nav-items", {}, void 0, !0)
+            u(k.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", cr, [
             t("button", {
               onClick: C,
               class: "nav-dropdown-btn"
             }, [
-              _(k.$slots, "dropdown-title", {}, void 0, !0),
-              S(b) == !1 ? (a(), r("img", ur)) : (a(), r("img", _r))
+              u(k.$slots, "dropdown-title", {}, void 0, !0),
+              B(b) == !1 ? (a(), r("img", ur)) : (a(), r("img", _r))
             ]),
             Q(t("div", hr, [
-              _(k.$slots, "dropdown-links", {}, void 0, !0)
+              u(k.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Z, S(b)]
+              [Z, B(b)]
             ])
           ], 512),
           t("div", vr, [
@@ -2486,76 +2486,76 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
               class: "search-icon",
               onClick: H[0] || (H[0] = (G) => {
                 var F;
-                return k.$emit("clickSearch"), (F = S(g)) == null ? void 0 : F.blur();
+                return k.$emit("clickSearch"), (F = B(f)) == null ? void 0 : F.blur();
               }),
               ref_key: "navSearchButton",
-              ref: g
+              ref: f
             }, [
               t("img", {
-                src: S(u) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: B(_) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
-                width: "21",
-                height: "21"
+                width: "20",
+                height: "20"
               }, null, 8, mr)
             ], 512)
           ])
         ]),
         t("div", {
-          class: c(["mobile-nav-wrapper", S(u) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: c(["mobile-nav-wrapper", B(_) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", fr, [
-            t("div", gr, [
-              _(k.$slots, "link-logo", {}, void 0, !0)
+          t("div", gr, [
+            t("div", fr, [
+              u(k.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", yr, [
               t("button", {
                 class: "search-icon",
                 onClick: H[1] || (H[1] = (G) => {
                   var F;
-                  return k.$emit("clickSearch"), (F = S(B)) == null ? void 0 : F.blur();
+                  return k.$emit("clickSearch"), (F = B(q)) == null ? void 0 : F.blur();
                 }),
                 ref_key: "mobileSearchButton",
-                ref: B
+                ref: q,
+                "aria-label": "Toggle search"
               }, [
                 t("img", {
-                  src: S(u) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: B(_) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
-                  width: "21",
-                  height: "21"
+                  width: "20",
+                  height: "20"
                 }, null, 8, br)
               ], 512)
             ]),
             t("button", {
-              onClick: se(q, ["prevent"]),
-              class: "mobile-burger-wrapper"
+              onClick: se(S, ["prevent"]),
+              class: "mobile-burger-wrapper",
+              "aria-label": "Toggle menu"
             }, [
               t("img", {
-                class: c(["burger-line", S(u) == !0 ? "burger-top-line-open" : ""]),
-                src: S(u) == !0 ? "https://a.storyblok.com/f/230581/23x3/bf4bfb3a50/burger-line-white.svg?cv=1695125714410" : "https://a.storyblok.com/f/230581/23x2/63423a4523/burger-line.svg?cv=1695125714081"
-              }, null, 10, $r),
-              t("img", {
-                class: c(["burger-line", S(u) == !0 ? "burger-bottom-line-open" : ""]),
-                src: S(u) == !0 ? "https://a.storyblok.com/f/230581/23x3/bf4bfb3a50/burger-line-white.svg?cv=1695125714410" : "https://a.storyblok.com/f/230581/23x2/63423a4523/burger-line.svg?cv=1695125714081"
-              }, null, 10, kr)
+                width: "20",
+                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)
           ]),
-          Q(t("div", wr, [
+          Q(t("div", kr, [
             t("ul", null, [
-              _(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              u(k.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", xr, [
-              _(k.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              _(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", wr, [
+              u(k.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, S(u)]
+            [Z, B(_)]
           ])
         ], 2)
       ])
     ]));
   }
 });
-const qr = /* @__PURE__ */ v(Sr, [["__scopeId", "data-v-d62e1f41"]]), Br = { class: "language__wrapper" }, Ir = { class: "language__content" }, Lr = { class: "language__headline" }, Tr = { class: "language__paragraph" }, Cr = /* @__PURE__ */ h({
+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({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2566,16 +2566,16 @@ const qr = /* @__PURE__ */ v(Sr, [["__scopeId", "data-v-d62e1f41"]]), Br = { cla
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", Br, [
-      t("div", Ir, [
-        t("h2", Lr, o(e.headline), 1),
+    return (i, s) => (a(), r("div", qr, [
+      t("div", Br, [
+        t("h2", Ir, o(e.headline), 1),
         t("p", Tr, o(e.paragraph), 1),
-        _(i.$slots, "language-links", {}, void 0, !0)
+        u(i.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { class: "pagination__wrapper" }, Dr = { class: "pagination__content" }, Mr = /* @__PURE__ */ h({
+const Cr = /* @__PURE__ */ v(Lr, [["__scopeId", "data-v-a76ba727"]]), Vr = { class: "pagination__wrapper" }, Ar = { class: "pagination__content" }, Dr = /* @__PURE__ */ h({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2589,15 +2589,15 @@ const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (i, s) => (a(), r("div", Ar, [
-      t("div", Dr, [
+    return (i, s) => (a(), r("div", Vr, [
+      t("div", Ar, [
         p(J, {
           onClick: s[0] || (s[0] = (l) => i.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        _(i.$slots, "pagination-numbers"),
+        u(i.$slots, "pagination-numbers"),
         p(J, {
           onClick: s[1] || (s[1] = (l) => i.$emit("next")),
           disabled: e.isNextDisabled,
@@ -2608,16 +2608,16 @@ const Vr = /* @__PURE__ */ v(Cr, [["__scopeId", "data-v-a76ba727"]]), Ar = { cla
     ]));
   }
 });
-const Or = /* @__PURE__ */ v(Mr, [["__scopeId", "data-v-9f08dcf6"]]);
-const zr = {}, Pr = { class: "search__wrapper" };
-function Fr(e, i) {
-  return a(), r("div", Pr, [
-    _(e.$slots, "default", { class: "search__content" })
+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 Er = /* @__PURE__ */ v(zr, [["render", Fr], ["__scopeId", "data-v-79fbf2ed"]]), Hr = {
+const Fr = /* @__PURE__ */ v(Or, [["render", Pr], ["__scopeId", "data-v-79fbf2ed"]]), Nr = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", T), 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", Yt), 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", Qa), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Ql), 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", qr), e.component("OrganismLanguageSwitcher", Vr), e.component("OrganismPagination", Or), e.component("OrganismSearch", Er);
+    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", Yt), 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", Qa), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Ql), 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);
   }
 };
 export {
@@ -2625,7 +2625,7 @@ export {
   Ie as AtomCheckbox,
   Ae as AtomChip,
   Ne as AtomDropdown,
-  T as AtomImage,
+  L as AtomImage,
   W as AtomLabel,
   V as AtomLink,
   Ze as AtomRadioButton,
@@ -2659,9 +2659,9 @@ export {
   Ci as Organism404,
   zi as OrganismFilter,
   rr as OrganismFooter,
-  qr as OrganismHeader,
-  Vr as OrganismLanguageSwitcher,
-  Or as OrganismPagination,
-  Er as OrganismSearch,
-  Hr as default
+  Sr as OrganismHeader,
+  Cr as OrganismLanguageSwitcher,
+  Mr as OrganismPagination,
+  Fr as OrganismSearch,
+  Nr as default
 };