@mirweb/mir-web-components 0.15.38 → 0.15.39

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

@@ -1,5 +1,5 @@
-import { defineComponent as m, openBlock as l, createElementBlock as s, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as u, pushScopeId as C, popScopeId as j, computed as V, createTextVNode as H, ref as S, withDirectives as W, Fragment as I, renderList as q, vShow as G, normalizeProps as A, guardReactiveProps as T, mergeProps as J, createVNode as p, Transition as ke, withCtx as $, withModifiers as se, createCommentVNode as v, watchEffect as oe, withKeys as we, createBlock as z, normalizeStyle as Y, isRef as ee, unref as k, onMounted as ne, watch as te, onUnmounted as xe } from "vue";
-const Se = ["aria-label"], Ie = /* @__PURE__ */ m({
+import { defineComponent as m, openBlock as l, createElementBlock as s, normalizeClass as c, toDisplayString as o, createElementVNode as t, renderSlot as u, pushScopeId as C, popScopeId as j, computed as V, createTextVNode as H, ref as x, withDirectives as W, Fragment as I, renderList as q, vShow as G, normalizeProps as A, guardReactiveProps as T, mergeProps as J, createVNode as p, Transition as ke, withCtx as $, withModifiers as se, createCommentVNode as v, watchEffect as oe, withKeys as we, createBlock as z, normalizeStyle as Y, isRef as ee, unref as k, onMounted as ne, watch as te, onUnmounted as Se } from "vue";
+const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
   __name: "button",
   props: {
     variant: {
@@ -27,7 +27,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ m({
     return (a, r) => (l(), s("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
-    }, o(e.variant == "close" ? "" : e.buttonText), 11, Se));
+    }, o(e.variant == "close" ? "" : e.buttonText), 11, xe));
   }
 });
 const h = (e, a) => {
@@ -168,15 +168,15 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, i = S(null), n = S(null), _ = S([]), w = S(0), B = S(""), y = S(!0), b = S(0), L = V(() => {
+    const r = e, i = x(null), n = x(null), _ = x([]), w = x(0), B = x(""), f = x(!0), b = x(0), L = V(() => {
       const d = r.options.find(
         (g) => g.value === r.modelValue
       );
       return d && d.label;
     }), ue = {
       beforeMount(d, g) {
-        d.clickOutsideEvent = function(f) {
-          d === f.target || d.contains(f.target) || g.value(f);
+        d.clickOutsideEvent = function(y) {
+          d === y.target || d.contains(y.target) || g.value(y);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -187,27 +187,27 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       a("update:modelValue", d);
     }
     function me(d) {
-      var f;
+      var y;
       const g = d.target;
-      g.getAttribute("role") === "option" && (E(g), U(), (f = i.value) == null || f.focus());
+      g.getAttribute("role") === "option" && (E(g), U(), (y = i.value) == null || y.focus());
     }
     function K(d) {
-      var f;
+      var y;
       const g = d.key;
       switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const x = r.options.findIndex(
+          const S = r.options.findIndex(
             (P) => P.value === r.modelValue
           );
-          let N = x ? _.value[x] : _.value[0];
-          g === "ArrowUp" ? x - 1 >= 0 && (N = _.value[x - 1]) : x + 1 <= r.options.length && (N = _.value[x + 1]), N && E(N);
+          let N = S ? _.value[S] : _.value[0];
+          g === "ArrowUp" ? S - 1 >= 0 && (N = _.value[S - 1]) : S + 1 <= r.options.length && (N = _.value[S + 1]), N && E(N);
           break;
         }
         case "Home":
         case "PageUp":
-          d.preventDefault(), fe();
+          d.preventDefault(), ye();
           break;
         case "End":
         case "PageDown":
@@ -215,11 +215,11 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), U(), (f = i.value) == null || f.focus();
+          d.preventDefault(), U(), (y = i.value) == null || y.focus();
           break;
         default: {
-          const x = ye(g);
-          x && E(x);
+          const S = fe(g);
+          S && E(S);
           break;
         }
       }
@@ -241,28 +241,28 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         B.value = "", w.value = 0;
       }, 500);
     }
-    function ye(d) {
+    function fe(d) {
       let g = "";
       (B.value === "" || g !== d) && (b.value = r.options.findIndex(
-        (x) => x.value === r.modelValue
+        (S) => S.value === r.modelValue
       )), B.value = g === d ? d : B.value + d, g = d, ge();
-      let f = Q(
+      let y = Q(
         b.value + 1,
         r.options.length
       );
-      return !f && B.value.length === 1 && (f = Q(0, b.value)), b.value = (b.value + 1) % r.options.length, f;
+      return !y && B.value.length === 1 && (y = Q(0, b.value)), b.value = (b.value + 1) % r.options.length, y;
     }
     function Q(d, g) {
-      for (let f = d; f < g; f++)
-        if (r.options[f].label && r.options[f].label.toUpperCase().indexOf(B.value.toUpperCase()) === 0)
-          return _.value[f];
+      for (let y = d; y < g; y++)
+        if (r.options[y].label && r.options[y].label.toUpperCase().indexOf(B.value.toUpperCase()) === 0)
+          return _.value[y];
       return null;
     }
-    function fe() {
+    function ye() {
       E(_.value[0]);
     }
     function E(d) {
-      var f, x;
+      var y, S;
       const g = d.getAttribute("data-value");
       if (r.modelValue) {
         const N = r.options.findIndex(
@@ -270,12 +270,12 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         ), P = _.value[N];
         ve(P);
       }
-      if (d.setAttribute("aria-selected", "true"), (f = n.value) == null || f.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
       ), _e(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
         const N = n.value.clientHeight + n.value.scrollTop, P = d.offsetTop + d.offsetHeight;
-        P > N ? n.value.scrollTop = P - ((x = n.value) == null ? void 0 : x.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
+        P > N ? n.value.scrollTop = P - ((S = n.value) == null ? void 0 : S.clientHeight) : d.offsetTop < n.value.scrollTop && (n.value.scrollTop = d.offsetTop);
       }
     }
     function be() {
@@ -285,14 +285,14 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
     }
     function U() {
       var d;
-      y.value = !0, (d = i.value) == null || d.removeAttribute("aria-expanded");
+      f.value = !0, (d = i.value) == null || d.removeAttribute("aria-expanded");
     }
     function X() {
       var d, g;
-      y.value = !1, (d = i.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
+      f.value = !1, (d = i.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function pe() {
-      r.disabled || (y.value ? X() : U());
+      r.disabled || (f.value ? X() : U());
     }
     return (d, g) => (l(), s("div", {
       class: "listbox__wrapper",
@@ -334,18 +334,18 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           ref_key: "listboxNode",
           ref: n
         }, [
-          (l(!0), s(I, null, q(e.options, (f, x) => (l(), s("li", {
-            key: `${e.name}-option-${x}`,
-            "aria-selected": f.value === e.modelValue,
-            "data-value": f.value,
+          (l(!0), s(I, null, q(e.options, (y, S) => (l(), s("li", {
+            key: `${e.name}-option-${S}`,
+            "aria-selected": y.value === e.modelValue,
+            "data-value": y.value,
             class: "listbox__option",
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _
-          }, o(f.label), 9, Re))), 128))
+          }, o(y.label), 9, Re))), 128))
         ], 40, Ee), [
-          [G, !y.value]
+          [G, !f.value]
         ])
       ])), [
         [ue, U]
@@ -648,7 +648,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
     ]));
   }
 });
-const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"], yt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
+const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"], ft = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -701,18 +701,18 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, i = S(r.modelValue), n = S(), _ = S(!1), w = (y, b, L) => (y - b) / (L - b) * 100, B = (y) => {
+    const r = e, i = x(r.modelValue), n = x(), _ = x(!1), w = (f, b, L) => (f - b) / (L - b) * 100, B = (f) => {
       var b;
-      (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${y}%`);
+      (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return oe(() => {
       if (n.value) {
         a("update:modelValue", i.value);
-        const y = w(i.value, r.min, r.max);
-        let b = (50 - y) / 100;
-        B(y + b);
+        const f = w(i.value, r.min, r.max);
+        let b = (50 - f) / 100;
+        B(f + b);
       }
-    }), (y, b) => (l(), s(I, null, [
+    }), (f, b) => (l(), s(I, null, [
       t("div", mt, [
         t("div", ht, [
           t("label", {
@@ -730,7 +730,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
             "aria-haspopup": "dialog"
           }, null, 42, gt)) : v("", !0)
         ]),
-        t("div", yt, [
+        t("div", ft, [
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, o(e.min), 3),
@@ -746,7 +746,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
             ref_key: "slider",
             ref: n,
             onInput: b[2] || (b[2] = ({ target: L }) => i.value = parseFloat(L.value))
-          }, null, 42, ft),
+          }, null, 42, yt),
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, o(e.max), 3)
@@ -768,7 +768,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
     ], 64));
   }
 });
-const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], xt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ m({
+const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], St = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], xt = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ m({
   __name: "textarea",
   props: {
     id: {
@@ -830,9 +830,9 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id:
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
-        }, null, 42, xt)
+        }, null, 42, St)
       ], 8, wt),
-      t("div", St, [
+      t("div", xt, [
         t("div", null, [
           e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (l(), s("p", It, " Too many characters. Please make it shorter ")) : v("", !0)
         ]),
@@ -926,7 +926,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Bt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = S(!0), r = V(
+    const a = x(!0), r = V(
       () => a.value ? "showPassword" : "hidePassword"
     ), i = V(
       () => a.value ? "password" : "text"
@@ -1033,7 +1033,7 @@ const Ot = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-06bcf9d4"]]), Pt = { cla
   },
   setup(e, { expose: a }) {
     const r = e;
-    let i = S(null);
+    let i = x(null);
     return oe(() => {
       r.play && i.value ? i.value.play() : !r.play && i.value && i.value.pause();
     }), a({
@@ -1224,7 +1224,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), sa = { cla
   },
   emits: ["clicked"],
   setup(e, { emit: a }) {
-    let r = S(!1);
+    let r = x(!1);
     return (i, n) => (l(), s("div", sa, [
       t("div", {
         class: c(["card", [
@@ -1321,7 +1321,7 @@ const da = /* @__PURE__ */ h(na, [["__scopeId", "data-v-2a33f841"]]), ca = (e) =
     ]));
   }
 });
-const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), fa = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, $a = /* @__PURE__ */ m({
+const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, $a = /* @__PURE__ */ m({
   __name: "text-card",
   props: {
     label: {
@@ -1338,7 +1338,7 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), fa = { cla
     }
   },
   setup(e) {
-    return (a, r) => (l(), s("div", fa, [
+    return (a, r) => (l(), s("div", ya, [
       p(R, {
         "label-dark": !1,
         text: e.label ? e.label : ""
@@ -1350,7 +1350,7 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), fa = { cla
     ]));
   }
 });
-const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { class: "facts__wrapper" }, xa = { class: "facts__content" }, Sa = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact" }, Ma = { class: "fact__value" }, Ba = { class: "fact__metric" }, La = {
+const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, xa = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact" }, Ma = { class: "fact__value" }, Ba = { class: "fact__metric" }, La = {
   key: 0,
   class: "facts__link"
 }, Da = /* @__PURE__ */ m({
@@ -1372,8 +1372,8 @@ const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { cla
   },
   setup(e) {
     return (a, r) => (l(), s("div", wa, [
-      t("div", xa, [
-        t("h2", Sa, o(e.headline), 1),
+      t("div", Sa, [
+        t("h2", xa, o(e.headline), 1),
         t("div", Ia, [
           (l(!0), s(I, null, q(e.facts, (i) => (l(), s("div", qa, [
             t("div", Ma, [
@@ -1683,7 +1683,7 @@ const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) =
     ]));
   }
 });
-const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { class: "logo-wall__wrapper" }, yl = { class: "logo-wall__content" }, fl = { class: "logo-wall__logos" }, bl = { class: "logo-wall__logo" }, pl = { class: "logo-wall__link" }, $l = /* @__PURE__ */ m({
+const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { class: "logo-wall__wrapper" }, fl = { class: "logo-wall__content" }, yl = { class: "logo-wall__logos" }, bl = { class: "logo-wall__logo" }, pl = { class: "logo-wall__link" }, $l = /* @__PURE__ */ m({
   __name: "logo-wall",
   props: {
     logos: {
@@ -1694,8 +1694,8 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { cla
   },
   setup(e) {
     return (a, r) => (l(), s("div", gl, [
-      t("div", yl, [
-        t("div", fl, [
+      t("div", fl, [
+        t("div", yl, [
           (l(!0), s(I, null, q(e.logos, (i) => (l(), s("div", bl, [
             p(M, null, {
               default: $(() => [
@@ -1724,7 +1724,7 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { cla
     ]));
   }
 });
-const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { class: "micro-stories__splide" }, xl = /* @__PURE__ */ m({
+const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { class: "micro-stories__splide" }, Sl = /* @__PURE__ */ m({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1762,7 +1762,7 @@ const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { cla
     ], 2));
   }
 });
-const Sl = {}, Il = { class: "policy__wrapper" }, ql = { class: "policy__content" };
+const xl = {}, Il = { class: "policy__wrapper" }, ql = { class: "policy__content" };
 function Ml(e, a) {
   return l(), s("div", Il, [
     t("div", ql, [
@@ -1770,7 +1770,7 @@ function Ml(e, a) {
     ])
   ]);
 }
-const Bl = /* @__PURE__ */ h(Sl, [["render", Ml], ["__scopeId", "data-v-e16581b7"]]), Ll = { class: "product-hero__wrapper" }, Dl = { class: "product-hero__content" }, Al = { class: "product-hero__headline" }, Tl = { class: "product-hero__video" }, Cl = /* @__PURE__ */ m({
+const Bl = /* @__PURE__ */ h(xl, [["render", Ml], ["__scopeId", "data-v-e16581b7"]]), Ll = { class: "product-hero__wrapper" }, Dl = { class: "product-hero__content" }, Al = { class: "product-hero__headline" }, Tl = { class: "product-hero__video" }, Cl = /* @__PURE__ */ m({
   __name: "product-hero",
   props: {
     headline: {
@@ -2152,7 +2152,7 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) =
 const mi = /* @__PURE__ */ h(_i, [["__scopeId", "data-v-e2d52bd9"]]), hi = { class: "triple-card-display__wrapper" }, vi = {
   key: 0,
   class: "triple-card__content"
-}, gi = { key: 0 }, yi = { key: 1 }, fi = { class: "triple-card__cards" }, bi = /* @__PURE__ */ m({
+}, gi = { key: 0 }, fi = { key: 1 }, yi = { class: "triple-card__cards" }, bi = /* @__PURE__ */ m({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -2178,9 +2178,9 @@ const mi = /* @__PURE__ */ h(_i, [["__scopeId", "data-v-e2d52bd9"]]), hi = { cla
       t("div", hi, [
         e.headline || e.paragraph ? (l(), s("div", vi, [
           e.headline ? (l(), s("h2", gi, o(e.headline), 1)) : v("", !0),
-          e.paragraph ? (l(), s("p", yi, o(e.paragraph), 1)) : v("", !0)
+          e.paragraph ? (l(), s("p", fi, o(e.paragraph), 1)) : v("", !0)
         ])) : v("", !0),
-        t("div", fi, [
+        t("div", yi, [
           u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
@@ -2193,7 +2193,7 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-7938e57a"]]), $i = { cla
 }, wi = {
   key: 1,
   class: "vimeo__description"
-}, xi = /* @__PURE__ */ m({
+}, Si = /* @__PURE__ */ m({
   __name: "vimeo",
   props: {
     headline: {
@@ -2215,7 +2215,7 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-7938e57a"]]), $i = { cla
     ]));
   }
 });
-const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-a6c209f4"]]), Ii = { class: "not-found__wrapper" }, qi = { class: "not-found__content" }, Mi = { class: "not-found__headline" }, Bi = { class: "not-found__body" }, Li = /* @__PURE__ */ m({
+const xi = /* @__PURE__ */ h(Si, [["__scopeId", "data-v-a6c209f4"]]), Ii = { class: "not-found__wrapper" }, qi = { class: "not-found__content" }, Mi = { class: "not-found__headline" }, Bi = { class: "not-found__body" }, Li = /* @__PURE__ */ m({
   __name: "404",
   props: {
     headline: {
@@ -2387,7 +2387,7 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
   src: ce,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, mr = { class: "dropdown-content" }, hr = { class: "nav-search-wrapper" }, vr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, yr = { class: "mobile-mir-link-logo" }, fr = { 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__ */ m({
+}, mr = { class: "dropdown-content" }, hr = { class: "nav-search-wrapper" }, vr = ["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 = ["src"], wr = { class: "mobile-menu-content-wrapper" }, Sr = { class: "mobile-dropdown-content" }, xr = /* @__PURE__ */ m({
   __name: "header",
   props: {
     burgerState: {
@@ -2402,23 +2402,23 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
   emits: [
     "update:burgerState",
     "update:showDropDown",
-    "search-click"
+    "clickSearch"
   ],
   setup(e, { emit: a }) {
     const r = e;
-    S("");
-    let i = null, n = S(r.burgerState), _ = S(r.showDropDown);
+    x("");
+    let i = null, n = x(r.burgerState), _ = x(r.showDropDown);
     te(
       () => r.burgerState,
-      (y) => n.value = y
+      (f) => n.value = f
     ), te(
       () => r.showDropDown,
-      (y) => _.value = y
+      (f) => _.value = f
     ), ne(() => {
-      i = (y) => {
-        y.target.closest("#menu-dropdown") || (_.value = !1);
+      i = (f) => {
+        f.target.closest("#menu-dropdown") || (_.value = !1);
       }, window.addEventListener("click", i);
-    }), xe(() => {
+    }), Se(() => {
       i !== null && window.removeEventListener("click", i);
     });
     function w() {
@@ -2427,25 +2427,25 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
     function B() {
       n.value = !n.value, a("update:burgerState", n.value);
     }
-    return (y, b) => (l(), s("div", sr, [
+    return (f, b) => (l(), s("div", sr, [
       t("nav", null, [
         t("div", or, [
           t("div", nr, [
-            u(y.$slots, "link-logo", {}, void 0, !0)
+            u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", dr, [
-            u(y.$slots, "main-nav-items", {}, void 0, !0)
+            u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", cr, [
             t("button", {
               onClick: w,
               class: "nav-dropdown-btn"
             }, [
-              u(y.$slots, "dropdown-title", {}, void 0, !0),
+              u(f.$slots, "dropdown-title", {}, void 0, !0),
               k(_) == !1 ? (l(), s("img", ur)) : (l(), s("img", _r))
             ]),
             W(t("div", mr, [
-              u(y.$slots, "dropdown-links", {}, void 0, !0)
+              u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, k(_)]
             ])
@@ -2463,12 +2463,12 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
           class: c(["mobile-nav-wrapper", k(n) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
           t("div", gr, [
-            t("div", yr, [
-              u(y.$slots, "link-logo", {}, void 0, !0)
-            ]),
             t("div", fr, [
+              u(f.$slots, "link-logo", {}, void 0, !0)
+            ]),
+            t("div", yr, [
               t("button", {
-                onClick: b[0] || (b[0] = (L) => y.$emit("search-click"))
+                onClick: b[0] || (b[0] = (L) => f.$emit("clickSearch"))
               }, [
                 t("img", {
                   src: k(n) == !0 ? k(re) : k(ie),
@@ -2492,11 +2492,11 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
           ]),
           W(t("div", wr, [
             t("ul", null, [
-              u(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", xr, [
-              u(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              u(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Sr, [
+              u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [G, k(n)]
@@ -2506,7 +2506,7 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
     ]));
   }
 });
-const Ir = /* @__PURE__ */ h(Sr, [["__scopeId", "data-v-1eb75416"]]), qr = { class: "language__wrapper" }, Mr = { class: "language__content" }, Br = { class: "language__headline" }, Lr = { class: "language__paragraph" }, Dr = /* @__PURE__ */ m({
+const Ir = /* @__PURE__ */ h(xr, [["__scopeId", "data-v-f908d775"]]), qr = { class: "language__wrapper" }, Mr = { class: "language__content" }, Br = { class: "language__headline" }, Lr = { class: "language__paragraph" }, Dr = /* @__PURE__ */ m({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2561,7 +2561,7 @@ const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Tr = { cla
 });
 const Nr = /* @__PURE__ */ h(jr, [["__scopeId", "data-v-aef0eda7"]]), Vr = {
   install: (e) => {
-    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", M), e.component("AtomLabel", R), e.component("AtomLink", D), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", Z), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockHero", vl), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockLogoWall", kl), e.component("BlockMicroStories", xl), e.component("BlockPolicy", Bl), e.component("BlockProductHero", jl), e.component("BlockPromo", Vl), e.component("BlockQuote", Kl), e.component("BlockRichText", ai), e.component("BlockTimeline", mi), e.component("BlockTripleCardDisplay", pi), e.component("BlockVimeo", Si), e.component("Organism404", Di), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Ir), e.component("OrganismLanguageSwitcher", Ar), e.component("OrganismPagination", Nr);
+    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", M), e.component("AtomLabel", R), e.component("AtomLink", D), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", Z), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockHero", vl), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockLogoWall", kl), e.component("BlockMicroStories", Sl), e.component("BlockPolicy", Bl), e.component("BlockProductHero", jl), e.component("BlockPromo", Vl), e.component("BlockQuote", Kl), e.component("BlockRichText", ai), e.component("BlockTimeline", mi), e.component("BlockTripleCardDisplay", pi), e.component("BlockVimeo", xi), e.component("Organism404", Di), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Ir), e.component("OrganismLanguageSwitcher", Ar), e.component("OrganismPagination", Nr);
   }
 };
 export {
@@ -2585,7 +2585,7 @@ export {
   Fa as BlockImage,
   el as BlockImageGallery,
   kl as BlockLogoWall,
-  xl as BlockMicroStories,
+  Sl as BlockMicroStories,
   Bl as BlockPolicy,
   jl as BlockProductHero,
   Vl as BlockPromo,
@@ -2593,11 +2593,11 @@ export {
   ai as BlockRichText,
   mi as BlockTimeline,
   pi as BlockTripleCardDisplay,
-  Si as BlockVimeo,
+  xi as BlockVimeo,
   ea as MoleculeAddress,
   ra as MoleculeBulletList,
   da as MoleculeCard,
-  ya as MoleculeEventCard,
+  fa as MoleculeEventCard,
   de as MoleculeModal,
   ka as MoleculeTextCard,
   Di as Organism404,