@mirweb/mir-web-components 0.15.38 → 0.15.40

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 T, popScopeId as j, computed as V, createTextVNode as H, ref as x, withDirectives as W, Fragment as I, renderList as M, vShow as G, normalizeProps as A, guardReactiveProps as C, 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) => {
@@ -35,7 +35,7 @@ const h = (e, a) => {
   for (const [i, n] of a)
     r[i] = n;
   return r;
-}, F = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (C("data-v-f62bd17f"), e = e(), j(), e), Me = ["name", "value", "disabled", "required", "id"], Be = ["for"], Le = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), De = /* @__PURE__ */ m({
+}, F = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (T("data-v-f62bd17f"), e = e(), j(), e), Me = ["name", "value", "disabled", "required", "id"], Be = ["for"], Le = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), De = /* @__PURE__ */ m({
   __name: "checkbox",
   props: {
     name: String,
@@ -89,8 +89,8 @@ const h = (e, a) => {
     ], 2));
   }
 });
-const Ae = /* @__PURE__ */ h(De, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = (e) => (C("data-v-e7768ff8"), e = e(), j(), e), je = ["aria-label"], Ne = /* @__PURE__ */ Ce(() => /* @__PURE__ */ t("img", {
-  src: Te,
+const Ae = /* @__PURE__ */ h(De, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Te = (e) => (T("data-v-e7768ff8"), e = e(), j(), e), je = ["aria-label"], Ne = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
+  src: Ce,
   alt: "close",
   class: "close-icon"
 }, null, -1)), ze = /* @__PURE__ */ m({
@@ -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), L = x(""), g = x(!0), f = x(0), q = V(() => {
       const d = r.options.find(
-        (g) => g.value === r.modelValue
+        (y) => y.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);
+      beforeMount(d, y) {
+        d.clickOutsideEvent = function(b) {
+          d === b.target || d.contains(b.target) || y.value(b);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -187,22 +187,22 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       a("update:modelValue", d);
     }
     function me(d) {
-      var f;
-      const g = d.target;
-      g.getAttribute("role") === "option" && (E(g), U(), (f = i.value) == null || f.focus());
+      var b;
+      const y = d.target;
+      y.getAttribute("role") === "option" && (E(y), U(), (b = i.value) == null || b.focus());
     }
     function K(d) {
-      var f;
-      const g = d.key;
-      switch (g) {
+      var b;
+      const y = d.key;
+      switch (y) {
         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];
+          y === "ArrowUp" ? S - 1 >= 0 && (N = _.value[S - 1]) : S + 1 <= r.options.length && (N = _.value[S + 1]), N && E(N);
           break;
         }
         case "Home":
@@ -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(), (b = i.value) == null || b.focus();
           break;
         default: {
-          const x = ye(g);
-          x && E(x);
+          const S = ye(y);
+          S && E(S);
           break;
         }
       }
@@ -238,63 +238,63 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
     }
     function ge() {
       w && (clearTimeout(w.value), w.value = 0), w.value = setTimeout(() => {
-        B.value = "", w.value = 0;
+        L.value = "", w.value = 0;
       }, 500);
     }
     function ye(d) {
-      let g = "";
-      (B.value === "" || g !== d) && (b.value = r.options.findIndex(
-        (x) => x.value === r.modelValue
-      )), B.value = g === d ? d : B.value + d, g = d, ge();
-      let f = Q(
-        b.value + 1,
+      let y = "";
+      (L.value === "" || y !== d) && (f.value = r.options.findIndex(
+        (S) => S.value === r.modelValue
+      )), L.value = y === d ? d : L.value + d, y = d, ge();
+      let b = Q(
+        f.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 !b && L.value.length === 1 && (b = Q(0, f.value)), f.value = (f.value + 1) % r.options.length, b;
     }
-    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];
+    function Q(d, y) {
+      for (let b = d; b < y; b++)
+        if (r.options[b].label && r.options[b].label.toUpperCase().indexOf(L.value.toUpperCase()) === 0)
+          return _.value[b];
       return null;
     }
     function fe() {
       E(_.value[0]);
     }
     function E(d) {
-      var f, x;
-      const g = d.getAttribute("data-value");
+      var b, S;
+      const y = d.getAttribute("data-value");
       if (r.modelValue) {
         const N = r.options.findIndex(
           ($e) => $e.value === r.modelValue
         ), P = _.value[N];
         ve(P);
       }
-      if (d.setAttribute("aria-selected", "true"), (f = n.value) == null || f.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (b = n.value) == null || b.setAttribute(
         "aria-activedescendant",
-        g || ""
-      ), _e(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+        y || ""
+      ), _e(y || ""), 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() {
-      var g;
-      const d = (g = _.value) == null ? void 0 : g[r.options.length - 1];
+      var y;
+      const d = (y = _.value) == null ? void 0 : y[r.options.length - 1];
       E(d);
     }
     function U() {
       var d;
-      y.value = !0, (d = i.value) == null || d.removeAttribute("aria-expanded");
+      g.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();
+      var d, y;
+      g.value = !1, (d = i.value) == null || d.setAttribute("aria-expanded", "true"), (y = n.value) == null || y.focus();
     }
     function pe() {
-      r.disabled || (y.value ? X() : U());
+      r.disabled || (g.value ? X() : U());
     }
-    return (d, g) => (l(), s("div", {
+    return (d, y) => (l(), s("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -322,7 +322,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           onKeydown: he,
           ref_key: "listboxButton",
           ref: i
-        }, o(e.modelValue ? L.value : e.placeholder), 43, Ze),
+        }, o(e.modelValue ? q.value : e.placeholder), 43, Ze),
         W(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
@@ -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, M(e.options, (b, S) => (l(), s("li", {
+            key: `${e.name}-option-${S}`,
+            "aria-selected": b.value === e.modelValue,
+            "data-value": b.value,
             class: "listbox__option",
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _
-          }, o(f.label), 9, Re))), 128))
+          }, o(b.label), 9, Re))), 128))
         ], 40, Ee), [
-          [G, !y.value]
+          [G, !g.value]
         ])
       ])), [
         [ue, U]
@@ -392,11 +392,11 @@ const We = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-00b3141c"]]), Fe = { cla
   },
   setup(e) {
     return (a, r) => (l(), s("div", Fe, [
-      u(a.$slots, "default", A(T(a.$attrs)))
+      u(a.$slots, "default", A(C(a.$attrs)))
     ]));
   }
 });
-const M = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-513b5384"]]), Je = { class: "label__wrapper" }, Ye = ["aria-label", "label-dark"], Ke = /* @__PURE__ */ m({
+const B = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-513b5384"]]), Je = { class: "label__wrapper" }, Ye = ["aria-label", "label-dark"], Ke = /* @__PURE__ */ m({
   __name: "label",
   props: {
     text: {
@@ -479,7 +479,7 @@ const R = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-aacf01db"]]), Qe = { clas
     ]));
   }
 });
-const Xe = (e) => (C("data-v-016da8d2"), e = e(), j(), e), et = ["name", "value", "checked", "disabled", "required", "id"], tt = ["for"], at = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), lt = /* @__PURE__ */ m({
+const Xe = (e) => (T("data-v-016da8d2"), e = e(), j(), e), et = ["name", "value", "checked", "disabled", "required", "id"], tt = ["for"], at = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), lt = /* @__PURE__ */ m({
   __name: "radio-button",
   props: {
     name: String,
@@ -591,7 +591,7 @@ const it = /* @__PURE__ */ h(lt, [["__scopeId", "data-v-016da8d2"]]), rt = { cla
           a.$emit("update:modelValue", i.target.value), i.target.blur();
         })
       }, [
-        (l(!0), s(I, null, q(e.options, (i) => (l(), s("option", {
+        (l(!0), s(I, null, M(e.options, (i) => (l(), s("option", {
           key: i.value,
           value: i.value
         }, o(i.text), 9, nt))), 128))
@@ -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) => {
-      var b;
-      (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${y}%`);
+    const r = e, i = x(r.modelValue), n = x(), _ = x(!1), w = (g, f, q) => (g - f) / (q - f) * 100, L = (g) => {
+      var f;
+      (f = n.value) == null || f.style.setProperty("--ProgressPercent", `${g}%`);
     };
     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 g = w(i.value, r.min, r.max);
+        let f = (50 - g) / 100;
+        L(g + f);
       }
-    }), (y, b) => (l(), s(I, null, [
+    }), (g, f) => (l(), s(I, null, [
       t("div", mt, [
         t("div", ht, [
           t("label", {
@@ -723,8 +723,8 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
-            onClick: b[0] || (b[0] = (L) => _.value = !_.value),
-            onKeyup: b[1] || (b[1] = we((L) => _.value = !_.value, ["enter"])),
+            onClick: f[0] || (f[0] = (q) => _.value = !_.value),
+            onKeyup: f[1] || (f[1] = we((q) => _.value = !_.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
@@ -745,7 +745,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
             class: c(e.variant),
             ref_key: "slider",
             ref: n,
-            onInput: b[2] || (b[2] = ({ target: L }) => i.value = parseFloat(L.value))
+            onInput: f[2] || (f[2] = ({ target: q }) => i.value = parseFloat(q.value))
           }, null, 42, ft),
           t("span", {
             class: c([e.variant, "slider__minmax"])
@@ -758,7 +758,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
       e.information ? (l(), z(de, {
         key: 0,
         show: _.value,
-        "onUpdate:show": b[3] || (b[3] = (L) => _.value = L)
+        "onUpdate:show": f[3] || (f[3] = (q) => _.value = q)
       }, {
         default: $(() => [
           H(o(e.information), 1)
@@ -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)
         ]),
@@ -845,7 +845,7 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), $t = { id:
     ]));
   }
 });
-const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Bt = { class: "text-field__wrapper" }, Lt = ["for"], Dt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Tt = ["aria-expanded"], Ct = ["type", "value", "placeholder", "id", "required", "disabled", "name"], jt = {
+const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Bt = { class: "text-field__wrapper" }, Lt = ["for"], Dt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ct = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled", "name"], jt = {
   key: 2,
   class: "search"
 }, Nt = {
@@ -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"
@@ -957,7 +957,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Bt = { cla
           onClick: _[1] || (_[1] = (w) => a.value = !a.value),
           "aria-controls": "password",
           "aria-expanded": !a.value
-        }, null, 10, Tt)
+        }, null, 10, Ct)
       ])) : (l(), s("input", {
         key: 1,
         type: e.type,
@@ -973,7 +973,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Bt = { cla
         disabled: e.disabled,
         onInput: _[2] || (_[2] = (w) => n.$emit("update:modelValue", w.target.value)),
         name: e.fieldName
-      }, null, 42, Ct)),
+      }, null, 42, Tt)),
       e.search ? (l(), s("i", jt)) : v("", !0),
       e.errorMessage ? (l(), s("strong", Nt, o(e.errorMessage), 1)) : v("", !0),
       e.helperText ? (l(), s("span", zt, o(e.helperText), 1)) : v("", !0)
@@ -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({
@@ -1114,7 +1114,7 @@ const Z = /* @__PURE__ */ h(Et, [["__scopeId", "data-v-c449311a"]]), Rt = { clas
           e.addressLine_3 ? (l(), s("p", Jt, o(e.addressLine_3), 1)) : v("", !0)
         ]),
         t("div", Yt, [
-          (l(!0), s(I, null, q(e.phone_numbers, (i) => (l(), z(D, {
+          (l(!0), s(I, null, M(e.phone_numbers, (i) => (l(), z(D, {
             underline: "false",
             linkType: "regular"
           }, {
@@ -1135,7 +1135,7 @@ const Z = /* @__PURE__ */ h(Et, [["__scopeId", "data-v-c449311a"]]), Rt = { clas
     ]));
   }
 });
-const ea = /* @__PURE__ */ h(Xt, [["__scopeId", "data-v-a87ec518"]]), ta = (e) => (C("data-v-327e6c15"), e = e(), j(), e), aa = { class: "bullet-list__wrapper" }, la = /* @__PURE__ */ ta(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ m({
+const ea = /* @__PURE__ */ h(Xt, [["__scopeId", "data-v-a87ec518"]]), ta = (e) => (T("data-v-327e6c15"), e = e(), j(), e), aa = { class: "bullet-list__wrapper" }, la = /* @__PURE__ */ ta(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ m({
   __name: "bullet-list",
   props: {
     list: {
@@ -1160,7 +1160,7 @@ const ea = /* @__PURE__ */ h(Xt, [["__scopeId", "data-v-a87ec518"]]), ta = (e) =
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (l(!0), s(I, null, q(e.list, (i) => (l(), s("li", null, [
+          (l(!0), s(I, null, M(e.list, (i) => (l(), s("li", null, [
             la,
             H(" " + o(i), 1)
           ]))), 256))
@@ -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", [
@@ -1238,7 +1238,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), sa = { cla
         onMouseover: n[0] || (n[0] = (_) => ee(r) ? r.value = !0 : r = !0),
         onMouseout: n[1] || (n[1] = (_) => ee(r) ? r.value = !1 : r = !1)
       }, [
-        e.mediaType == "image" ? (l(), z(M, { key: 0 }, {
+        e.mediaType == "image" ? (l(), z(B, { key: 0 }, {
           default: $(() => [
             u(i.$slots, "card-image", J({
               src: e.imgSrc,
@@ -1281,7 +1281,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), sa = { cla
     ]));
   }
 });
-const da = /* @__PURE__ */ h(na, [["__scopeId", "data-v-2a33f841"]]), ca = (e) => (C("data-v-f5acdf7e"), e = e(), j(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, ma = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), va = { class: "event__exhibitor" }, ga = /* @__PURE__ */ m({
+const da = /* @__PURE__ */ h(na, [["__scopeId", "data-v-2a33f841"]]), ca = (e) => (T("data-v-f5acdf7e"), e = e(), j(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, ma = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), va = { class: "event__exhibitor" }, ga = /* @__PURE__ */ m({
   __name: "event-card",
   props: {
     eventType: {
@@ -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,10 +1372,10 @@ 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, [
+          (l(!0), s(I, null, M(e.facts, (i) => (l(), s("div", qa, [
             t("div", Ma, [
               t("span", null, o(i.value), 1)
             ]),
@@ -1399,7 +1399,7 @@ const ka = /* @__PURE__ */ h($a, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { cla
     ]));
   }
 });
-const Aa = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-7fd89b0c"]]), Ta = { class: "features__wrapper" }, Ca = { class: "features__content" }, ja = {
+const Aa = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-7fd89b0c"]]), Ca = { class: "features__wrapper" }, Ta = { class: "features__content" }, ja = {
   key: 0,
   class: "features__headline"
 }, Na = {
@@ -1423,8 +1423,8 @@ const Aa = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-7fd89b0c"]]), Ta = { cla
     }
   },
   setup(e) {
-    return (a, r) => (l(), s("div", Ta, [
-      t("div", Ca, [
+    return (a, r) => (l(), s("div", Ca, [
+      t("div", Ta, [
         e.headline ? (l(), s("div", ja, [
           t("h2", null, o(e.headline), 1)
         ])) : v("", !0),
@@ -1434,10 +1434,10 @@ const Aa = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-7fd89b0c"]]), Ta = { cla
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (l(!0), s(I, null, q(e.elements, (i) => (l(), s("div", za, [
-            p(M, { class: "element__icon" }, {
+          (l(!0), s(I, null, M(e.elements, (i) => (l(), s("div", za, [
+            p(B, { class: "element__icon" }, {
               default: $(() => [
-                u(a.$slots, "features-icon", A(T({
+                u(a.$slots, "features-icon", A(C({
                   src: i.icon.src,
                   height: 30,
                   width: 30,
@@ -1474,9 +1474,9 @@ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-0990b89f"]]), Za = { cla
     return (a, r) => (l(), s("div", Za, [
       t("div", Ea, [
         t("div", Ra, [
-          p(M, null, {
+          p(B, null, {
             default: $(() => [
-              u(a.$slots, "image", A(T({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              u(a.$slots, "image", A(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1548,9 +1548,9 @@ const Fa = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-6dde0544"]]), Ga = { cla
       }, [
         t("div", Ga, [
           e.mediaLarge && e.mediaType === "image" ? (l(), s("div", Ja, [
-            p(M, null, {
+            p(B, null, {
               default: $(() => [
-                u(a.$slots, "image-large", A(T({
+                u(a.$slots, "image-large", A(C({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1582,10 +1582,10 @@ const Fa = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-6dde0544"]]), Ga = { cla
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), s(I, null, q(e.mediaSmall, (i) => (l(), s("div", Ka, [
-            p(M, null, {
+          (l(!0), s(I, null, M(e.mediaSmall, (i) => (l(), s("div", Ka, [
+            p(B, null, {
               default: $(() => [
-                u(a.$slots, "image-small", A(T({
+                u(a.$slots, "image-small", A(C({
                   width: 328,
                   height: 246,
                   src: i.src,
@@ -1632,7 +1632,7 @@ const el = /* @__PURE__ */ h(Xa, [["__scopeId", "data-v-bad7dce2"]]), tl = { cla
     ]));
   }
 });
-const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) => (C("data-v-e4b4c416"), e = e(), j(), e), sl = { class: "hero__wrapper" }, ol = { class: "hero__content" }, nl = { class: "hero__top" }, dl = { class: "hero__elements" }, cl = { class: "hero__headline" }, ul = { class: "hero__link" }, _l = { class: "hero__video" }, ml = /* @__PURE__ */ rl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), hl = /* @__PURE__ */ m({
+const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) => (T("data-v-e4b4c416"), e = e(), j(), e), sl = { class: "hero__wrapper" }, ol = { class: "hero__content" }, nl = { class: "hero__top" }, dl = { class: "hero__elements" }, cl = { class: "hero__headline" }, ul = { class: "hero__link" }, _l = { class: "hero__video" }, ml = /* @__PURE__ */ rl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), hl = /* @__PURE__ */ m({
   __name: "hero",
   props: {
     headline: {
@@ -1696,10 +1696,10 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { cla
     return (a, r) => (l(), s("div", gl, [
       t("div", yl, [
         t("div", fl, [
-          (l(!0), s(I, null, q(e.logos, (i) => (l(), s("div", bl, [
-            p(M, null, {
+          (l(!0), s(I, null, M(e.logos, (i) => (l(), s("div", bl, [
+            p(B, null, {
               default: $(() => [
-                u(a.$slots, "logo-wall-logo", A(T({
+                u(a.$slots, "logo-wall-logo", A(C({
                   height: 123,
                   src: i.src,
                   alt: i.alt
@@ -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" }, Cl = { class: "product-hero__video" }, Tl = /* @__PURE__ */ m({
   __name: "product-hero",
   props: {
     headline: {
@@ -1800,7 +1800,7 @@ const Bl = /* @__PURE__ */ h(Sl, [["render", Ml], ["__scopeId", "data-v-e16581b7
         t("div", Al, [
           t("h1", null, o(e.headline), 1)
         ]),
-        t("div", Tl, [
+        t("div", Cl, [
           p(Z, {
             play: !0,
             localVideo: !0,
@@ -1817,7 +1817,7 @@ const Bl = /* @__PURE__ */ h(Sl, [["render", Ml], ["__scopeId", "data-v-e16581b7
     ]));
   }
 });
-const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { class: "promo__content" }, zl = /* @__PURE__ */ m({
+const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-470041ac"]]), Nl = { class: "promo__content" }, zl = /* @__PURE__ */ m({
   __name: "promo",
   props: {
     label: {
@@ -1880,9 +1880,9 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { cla
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          p(M, null, {
+          p(B, null, {
             default: $(() => [
-              u(a.$slots, "promo-image", A(T({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              u(a.$slots, "promo-image", A(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1947,7 +1947,7 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-470041ac"]]), Nl = { cla
     ], 2));
   }
 });
-const Vl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4392a3a6"]]), Ol = (e) => (C("data-v-3cc55dbf"), e = e(), j(), e), Pl = { class: "quote__wrapper" }, Hl = { class: "quote__content" }, Zl = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), El = { class: "quote__quote" }, Rl = { class: "quote__quote-text" }, Ul = { class: "quote__author" }, Wl = {
+const Vl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4392a3a6"]]), Ol = (e) => (T("data-v-3cc55dbf"), e = e(), j(), e), Pl = { class: "quote__wrapper" }, Hl = { class: "quote__content" }, Zl = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), El = { class: "quote__quote" }, Rl = { class: "quote__quote-text" }, Ul = { class: "quote__author" }, Wl = {
   key: 0,
   class: "quote__image"
 }, Fl = { class: "quote__text" }, Gl = { class: "quote__author-name" }, Jl = { class: "quote__author-title" }, Yl = /* @__PURE__ */ m({
@@ -1978,9 +1978,9 @@ const Vl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4392a3a6"]]), Ol = (e) =
           t("p", Rl, o(e.quote), 1),
           t("div", Ul, [
             e.authorImage ? (l(), s("div", Wl, [
-              p(M, null, {
+              p(B, null, {
                 default: $(() => [
-                  u(a.$slots, "author-image", A(T({
+                  u(a.$slots, "author-image", A(C({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2086,9 +2086,9 @@ const Kl = /* @__PURE__ */ h(Yl, [["__scopeId", "data-v-3cc55dbf"]]), Ql = { cla
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            p(M, null, {
+            p(B, null, {
               default: $(() => [
-                u(a.$slots, "rich-text-image", A(T({ width: 865, height: 307 })))
+                u(a.$slots, "rich-text-image", A(C({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -2098,7 +2098,7 @@ const Kl = /* @__PURE__ */ h(Yl, [["__scopeId", "data-v-3cc55dbf"]]), Ql = { cla
     ], 2));
   }
 });
-const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) => (C("data-v-e2d52bd9"), e = e(), j(), e), ii = { class: "timeline__wrapper" }, ri = { class: "timeline__content" }, si = { class: "timeline__items" }, oi = { class: "timeline__item faded" }, ni = { class: "item__left" }, di = /* @__PURE__ */ li(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) => (T("data-v-e2d52bd9"), e = e(), j(), e), ii = { class: "timeline__wrapper" }, ri = { class: "timeline__content" }, si = { class: "timeline__items" }, oi = { class: "timeline__item faded" }, ni = { class: "item__left" }, di = /* @__PURE__ */ li(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), ci = { class: "item__right" }, ui = ["innerHTML"], _i = /* @__PURE__ */ m({
@@ -2127,11 +2127,11 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) =
     }), (a, r) => (l(), s("div", ii, [
       t("div", ri, [
         t("div", si, [
-          (l(!0), s(I, null, q(e.timelineItems, (i) => (l(), s("div", oi, [
+          (l(!0), s(I, null, M(e.timelineItems, (i) => (l(), s("div", oi, [
             t("div", ni, o(i.year), 1),
             di,
             t("div", ci, [
-              p(M, null, {
+              p(B, null, {
                 default: $(() => [
                   i.media.type === "image" ? u(a.$slots, "timeline-image", A(J({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : v("", !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: {
@@ -2234,7 +2234,7 @@ const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-a6c209f4"]]), Ii = { cla
     ]));
   }
 });
-const Di = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-c2038fe4"]]), Ai = { class: "filter__wrapper" }, Ti = { class: "filter__content" }, Ci = { class: "filter__dropdowns" }, ji = { class: "filter__chips" }, Ni = /* @__PURE__ */ m({
+const Di = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-c2038fe4"]]), Ai = { class: "filter__wrapper" }, Ci = { class: "filter__content" }, Ti = { class: "filter__dropdowns" }, ji = { class: "filter__chips" }, Ni = /* @__PURE__ */ m({
   __name: "filter",
   props: {
     hasChips: {
@@ -2245,8 +2245,8 @@ const Di = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-c2038fe4"]]), Ai = { cla
   emits: ["clearFilters"],
   setup(e) {
     return (a, r) => (l(), s("div", Ai, [
-      t("div", Ti, [
-        t("div", Ci, [
+      t("div", Ci, [
+        t("div", Ti, [
           u(a.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
         t("div", ji, [
@@ -2261,7 +2261,7 @@ const Di = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-c2038fe4"]]), Ai = { cla
     ]));
   }
 });
-const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (C("data-v-6d9c55d4"), e = e(), j(), e), Vi = { class: "footer__wrapper" }, Oi = { class: "footer__content" }, Pi = { class: "footer__sections" }, Hi = { class: "section" }, Zi = { class: "section__title" }, Ei = { class: "section__list" }, Ri = { class: "section" }, Ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Wi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Fi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), Ji = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Yi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Ki = { class: "footer__bottom" }, Qi = { class: "footer__copyright-policy" }, Xi = { class: "copyright" }, er = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
+const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (T("data-v-6d9c55d4"), e = e(), j(), e), Vi = { class: "footer__wrapper" }, Oi = { class: "footer__content" }, Pi = { class: "footer__sections" }, Hi = { class: "section" }, Zi = { class: "section__title" }, Ei = { class: "section__list" }, Ri = { class: "section" }, Ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Wi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Fi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), Ji = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Yi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Ki = { class: "footer__bottom" }, Qi = { class: "footer__copyright-policy" }, Xi = { class: "copyright" }, er = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ H("Change region")
 ], -1)), tr = [
@@ -2299,7 +2299,7 @@ const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
     return (a, r) => (l(), s("div", Vi, [
       t("footer", Oi, [
         t("div", Pi, [
-          (l(!0), s(I, null, q(e.footerSections, (i) => (l(), s("div", Hi, [
+          (l(!0), s(I, null, M(e.footerSections, (i) => (l(), s("div", Hi, [
             t("span", Zi, o(i.title), 1),
             t("nav", null, [
               t("ul", Ei, [
@@ -2349,7 +2349,7 @@ const zi = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
             u(a.$slots, "footer-cookie-link")
           ]),
           t("div", ar, [
-            (l(!0), s(I, null, q(e.socialMedia, (i) => (l(), z(D, {
+            (l(!0), s(I, null, M(e.socialMedia, (i) => (l(), z(D, {
               underline: "false",
               linkType: "regular"
             }, {
@@ -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" }, 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" }, Sr = { class: "mobile-dropdown-content" }, xr = /* @__PURE__ */ m({
   __name: "header",
   props: {
     burgerState: {
@@ -2402,56 +2402,58 @@ 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
+      (g) => n.value = g
     ), te(
       () => r.showDropDown,
-      (y) => _.value = y
+      (g) => _.value = g
     ), ne(() => {
-      i = (y) => {
-        y.target.closest("#menu-dropdown") || (_.value = !1);
+      i = (g) => {
+        g.target.closest("#menu-dropdown") || (_.value = !1);
       }, window.addEventListener("click", i);
-    }), xe(() => {
+    }), Se(() => {
       i !== null && window.removeEventListener("click", i);
     });
     function w() {
       _.value = !_.value, a("update:showDropDown", _.value);
     }
-    function B() {
+    function L() {
       n.value = !n.value, a("update:burgerState", n.value);
     }
-    return (y, b) => (l(), s("div", sr, [
+    return (g, f) => (l(), s("div", sr, [
       t("nav", null, [
         t("div", or, [
           t("div", nr, [
-            u(y.$slots, "link-logo", {}, void 0, !0)
+            u(g.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", dr, [
-            u(y.$slots, "main-nav-items", {}, void 0, !0)
+            u(g.$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(g.$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(g.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, k(_)]
             ])
           ], 512),
           t("div", hr, [
-            t("button", null, [
+            t("button", {
+              onClick: f[0] || (f[0] = (q) => g.$emit("clickSearch"))
+            }, [
               t("img", {
                 src: k(n) == !0 ? k(re) : k(ie),
                 alt: "search icon"
@@ -2464,11 +2466,11 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
         }, [
           t("div", gr, [
             t("div", yr, [
-              u(y.$slots, "link-logo", {}, void 0, !0)
+              u(g.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", fr, [
               t("button", {
-                onClick: b[0] || (b[0] = (L) => y.$emit("search-click"))
+                onClick: f[1] || (f[1] = (q) => g.$emit("clickSearch"))
               }, [
                 t("img", {
                   src: k(n) == !0 ? k(re) : k(ie),
@@ -2477,7 +2479,7 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
               ])
             ]),
             t("button", {
-              onClick: se(B, ["prevent"]),
+              onClick: se(L, ["prevent"]),
               class: "mobile-burger-wrapper"
             }, [
               t("img", {
@@ -2492,11 +2494,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(g.$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(g.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(g.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [G, k(n)]
@@ -2506,7 +2508,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-bc7ce964"]]), qr = { class: "language__wrapper" }, Mr = { class: "language__content" }, Br = { class: "language__headline" }, Lr = { class: "language__paragraph" }, Dr = /* @__PURE__ */ m({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2526,7 +2528,7 @@ const Ir = /* @__PURE__ */ h(Sr, [["__scopeId", "data-v-1eb75416"]]), qr = { cla
     ]));
   }
 });
-const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Tr = { class: "pagination__wrapper" }, Cr = { class: "pagination__content" }, jr = /* @__PURE__ */ m({
+const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Cr = { class: "pagination__wrapper" }, Tr = { class: "pagination__content" }, jr = /* @__PURE__ */ m({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2540,8 +2542,8 @@ const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Tr = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (l(), s("div", Tr, [
-      t("div", Cr, [
+    return (a, r) => (l(), s("div", Cr, [
+      t("div", Tr, [
         p(F, {
           onClick: r[0] || (r[0] = (i) => a.$emit("previous")),
           disabled: e.isPreviousDisabled,
@@ -2561,7 +2563,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", B), 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", 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 {
@@ -2569,7 +2571,7 @@ export {
   Ae as AtomCheckbox,
   Ve as AtomChip,
   We as AtomDropdown,
-  M as AtomImage,
+  B as AtomImage,
   R as AtomLabel,
   D as AtomLink,
   it as AtomRadioButton,
@@ -2585,7 +2587,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,7 +2595,7 @@ 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,