@mirweb/mir-web-components 0.15.95 → 0.15.97

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 n, createElementVNode as t, renderSlot as u, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as fe, withCtx as $, withModifiers as se, createBlock as D, createCommentVNode as m, watchEffect as ne, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as oe, watch as re, onUnmounted as pe } from "vue";
+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 Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as fe, withCtx as $, withModifiers as se, createBlock as D, createCommentVNode as m, watchEffect as 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: {
@@ -27,13 +27,13 @@ const $e = ["aria-label"], ke = /* @__PURE__ */ h({
     return (i, s) => (a(), r("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
-    }, n(e.variant == "close" ? "" : e.buttonText), 11, $e));
+    }, o(e.variant == "close" ? "" : e.buttonText), 11, $e));
   }
 });
 const v = (e, i) => {
   const s = e.__vccOpts || e;
-  for (const [l, o] of i)
-    s[l] = o;
+  for (const [l, n] of i)
+    s[l] = n;
   return s;
 }, J = /* @__PURE__ */ v(ke, [["__scopeId", "data-v-c2f14f04"]]), we = (e) => (O("data-v-c5f3542e"), e = e(), z(), e), xe = ["name", "value", "disabled", "required", "id"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ h({
   __name: "checkbox",
@@ -63,10 +63,10 @@ const v = (e, i) => {
   emits: ["input"],
   setup(e, { emit: i }) {
     const s = (l) => {
-      const o = l.target;
-      i("input", o.checked);
+      const n = l.target;
+      i("input", n.checked);
     };
-    return (l, o) => (a(), r("div", {
+    return (l, n) => (a(), r("div", {
       class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -104,15 +104,15 @@ const Ie = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-c5f3542e"]]), Te = (e) =
   emits: ["remove-chip"],
   setup(e, { emit: i }) {
     const s = e, l = E(() => `Chip: ${s.text}`);
-    return (o, _) => (a(), r("div", {
+    return (n, _) => (a(), r("div", {
       class: "chip__wrapper",
-      onClick: _[0] || (_[0] = (b) => o.$emit("remove-chip"))
+      onClick: _[0] || (_[0] = (b) => n.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
         "aria-label": l.value
       }, [
-        j(n(e.text) + " ", 1),
+        j(o(e.text) + " ", 1),
         Ce
       ], 8, Le)
     ]));
@@ -168,7 +168,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(null), o = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), q = E(() => {
+    const 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(
         (g) => g.value === s.modelValue
       );
@@ -270,12 +270,12 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
         ), R = _.value[P];
         ce(R);
       }
-      if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
-      ), k(g || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
-        const P = o.value.clientHeight + o.value.scrollTop, R = d.offsetTop + d.offsetHeight;
-        R > P ? o.value.scrollTop = R - ((x = o.value) == null ? void 0 : x.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
+      ), 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() {
@@ -289,7 +289,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     }
     function le() {
       var d, g;
-      S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = o.value) == null || g.focus();
+      S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function me() {
       s.disabled || (S.value ? le() : Q());
@@ -306,7 +306,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           "is-disabled": e.disabled,
           "is-required": e.required
         }, "listbox__label"])
-      }, n(e.label), 11, Me),
+      }, o(e.label), 11, Me),
       Y((a(), r("div", Oe, [
         t("button", {
           id: `${e.name}-button-label`,
@@ -322,7 +322,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           onKeydown: F,
           ref_key: "listboxButton",
           ref: l
-        }, n(e.modelValue ? q.value : e.placeholder), 43, ze),
+        }, o(e.modelValue ? q.value : e.placeholder), 43, ze),
         Y(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
@@ -332,7 +332,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           onKeydown: G,
           onClick: H,
           ref_key: "listboxNode",
-          ref: o
+          ref: n
         }, [
           (a(!0), r(I, null, T(e.options, (y, x) => (a(), r("li", {
             key: `${e.name}-option-${x}`,
@@ -343,7 +343,7 @@ const Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _
-          }, n(y.label), 9, Fe))), 128))
+          }, o(y.label), 9, Fe))), 128))
         ], 40, Pe), [
           [Z, !S.value]
         ])
@@ -411,12 +411,12 @@ const L = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-513b5384"]]), je = { clas
   },
   setup(e) {
     const i = e, s = E(() => `Label: ${i.text}`);
-    return (l, o) => (a(), r("div", je, [
+    return (l, n) => (a(), r("div", je, [
       t("span", {
         "aria-label": s.value,
         "label-dark": e.labelDark,
         class: c(e.labelDark ? "label--dark" : "label--light")
-      }, n(e.text), 11, Ke)
+      }, o(e.text), 11, Ke)
     ]));
   }
 });
@@ -459,7 +459,7 @@ const W = /* @__PURE__ */ v(Ue, [["__scopeId", "data-v-e7a44d10"]]), We = { clas
       const { ...l } = i;
       return l;
     });
-    return (l, o) => (a(), r("div", We, [
+    return (l, n) => (a(), r("div", We, [
       t("div", ee(s.value, {
         class: ["mir-link", [
           e.linkType === "primary" ? "mir-link--btn button button--primary" : e.linkType === "secondary" ? "mir-link--btn button button--secondary" : e.linkType === "secondary-dark" ? "mir-link--btn button button--secondary-dark" : e.linkType === "regular" ? "regular-link" : e.linkType === "regular-dark" ? "regular-link-dark" : e.linkType === "regular-light" ? "regular-link-light" : e.linkType === "regular-blue" ? "regular-link-blue" : "",
@@ -502,10 +502,10 @@ const Ge = (e) => (O("data-v-69095414"), e = e(), z(), e), Qe = ["name", "value"
   emits: ["input"],
   setup(e, { emit: i }) {
     const s = (l) => {
-      const o = l.target;
-      i("input", o.checked);
+      const n = l.target;
+      i("input", n.checked);
     };
-    return (l, o) => (a(), r("div", {
+    return (l, n) => (a(), r("div", {
       class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -574,7 +574,7 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
       t("label", {
         for: e.id,
         class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
-      }, n(e.label), 11, tt),
+      }, o(e.label), 11, tt),
       t("select", {
         class: c(e.disabled ? "disabled" : ""),
         disabled: e.disabled,
@@ -588,12 +588,12 @@ const Ze = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-69095414"]]), et = { cla
         (a(!0), r(I, null, T(e.options, (l) => (a(), r("option", {
           key: l.value,
           value: l.value
-        }, n(l.text), 9, lt))), 128))
+        }, o(l.text), 9, lt))), 128))
       ], 42, at)
     ]));
   }
 });
-const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { class: "modal__wrapper" }, nt = /* @__PURE__ */ h({
+const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { class: "modal__wrapper" }, ot = /* @__PURE__ */ h({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -604,20 +604,20 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
     const s = e;
     E({
       get: () => s.show,
-      set: (o) => i("update:show", o)
+      set: (n) => i("update:show", n)
     });
     const l = () => {
       i("update:show", !s.show);
     };
-    return (o, _) => (a(), r("div", st, [
+    return (n, _) => (a(), r("div", st, [
       p(fe, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          o.show ? (a(), r("div", {
+          n.show ? (a(), r("div", {
             key: 0,
-            class: c(["overlay", o.searchBar ? "overlay-search" : "overlay-default"]),
+            class: c(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
             onClick: l,
             ariaLabel: "modal",
             role: "dialog"
@@ -626,17 +626,17 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
               id: "modal",
               onClick: _[0] || (_[0] = se(() => {
               }, ["stop"])),
-              class: c([o.searchBar ? "search" : ""])
+              class: c([n.searchBar ? "search" : ""])
             }, [
               t("div", null, [
-                o.searchBar ? m("", !0) : (a(), D(J, {
+                n.searchBar ? m("", !0) : (a(), D(J, {
                   key: 0,
                   ariaLabel: "close",
                   variant: "close",
                   onClick: l
                 }))
               ]),
-              u(o.$slots, "default", {}, void 0, !0)
+              u(n.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2)) : m("", !0)
         ]),
@@ -645,7 +645,7 @@ const rt = /* @__PURE__ */ v(it, [["__scopeId", "data-v-500637d5"]]), st = { cla
     ]));
   }
 });
-const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ h({
+const de = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-e18c70fd"]]), nt = { class: "slider__wrapper" }, dt = { class: "slider__label" }, ct = ["for"], ut = ["aria-label"], _t = { class: "slider__content" }, ht = ["id", "name", "value", "min", "step", "max"], vt = /* @__PURE__ */ h({
   __name: "slider",
   props: {
     label: {
@@ -698,24 +698,24 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const s = e, l = w(s.modelValue), o = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
+    const s = e, l = w(s.modelValue), n = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
       var f;
-      (f = o.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
+      (f = n.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
     };
-    return ne(() => {
-      if (o.value) {
+    return oe(() => {
+      if (n.value) {
         i("update:modelValue", l.value);
         const S = b(l.value, s.min, s.max);
         let f = (50 - S) / 100;
         C(S + f);
       }
     }), (S, f) => (a(), r("div", null, [
-      t("div", ot, [
+      t("div", nt, [
         t("div", dt, [
           t("label", {
             for: e.id,
             class: c([e.variant, ""])
-          }, n(e.label), 11, ct),
+          }, o(e.label), 11, ct),
           e.information ? (a(), r("i", {
             key: 0,
             role: "button",
@@ -730,7 +730,7 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
         t("div", _t, [
           t("span", {
             class: c([e.variant, "slider__minmax"])
-          }, n(e.min), 3),
+          }, o(e.min), 3),
           t("input", {
             type: "range",
             id: e.id,
@@ -741,16 +741,16 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
             max: e.max,
             class: c(e.variant),
             ref_key: "slider",
-            ref: o,
+            ref: n,
             onInput: f[2] || (f[2] = ({ target: q }) => l.value = parseFloat(q.value))
           }, null, 42, ht),
           t("span", {
             class: c([e.variant, "slider__minmax"])
-          }, n(e.max), 3)
+          }, o(e.max), 3)
         ]),
         t("span", {
           class: c([e.variant, "slider__value"])
-        }, n(e.modelValue), 3)
+        }, o(e.modelValue), 3)
       ]),
       e.information ? (a(), D(de, {
         key: 0,
@@ -758,7 +758,7 @@ const de = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
         "onUpdate:show": f[3] || (f[3] = (q) => _.value = q)
       }, {
         default: $(() => [
-          j(n(e.information), 1)
+          j(o(e.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : m("", !0)
@@ -809,7 +809,7 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
       t("label", {
         for: e.id,
         class: c({ required: e.required })
-      }, n(e.labelText) + n(e.required ? " *" : ""), 11, ft),
+      }, o(e.labelText) + o(e.required ? " *" : ""), 11, ft),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
       }, [
@@ -837,7 +837,7 @@ const mt = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id:
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
           )
-        }, n(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + n(e.maxLength), 3)
+        }, o(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + o(e.maxLength), 3)
       ])
     ]));
   }
@@ -934,7 +934,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
     ), l = E(
       () => i.value ? "password" : "text"
     );
-    return (o, _) => (a(), r("div", xt, [
+    return (n, _) => (a(), r("div", xt, [
       t("label", {
         for: e.id,
         class: c([
@@ -942,7 +942,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
         ])
-      }, n(e.label), 11, St),
+      }, o(e.label), 11, St),
       e.type === "password" ? (a(), r("div", qt, [
         t("input", {
           id: e.id,
@@ -951,7 +951,7 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: _[0] || (_[0] = (b) => o.$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),
@@ -975,13 +975,13 @@ const wt = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-626f208b"]]), xt = { cla
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: _[2] || (_[2] = (b) => o.$emit("update:modelValue", b.target.value)),
+        onInput: _[2] || (_[2] = (b) => n.$emit("update:modelValue", b.target.value)),
         name: e.fieldName,
         ref: "textField"
       }, null, 42, Tt)),
       e.search ? (a(), r("i", Lt)) : m("", !0),
-      e.errorMessage ? (a(), r("strong", Ct, n(e.errorMessage), 1)) : m("", !0),
-      e.helperText ? (a(), r("span", Vt, n(e.helperText), 1)) : m("", !0)
+      e.errorMessage ? (a(), r("strong", Ct, o(e.errorMessage), 1)) : m("", !0),
+      e.helperText ? (a(), r("span", Vt, o(e.helperText), 1)) : m("", !0)
     ]));
   }
 });
@@ -1039,7 +1039,7 @@ const Dt = /* @__PURE__ */ v(At, [["__scopeId", "data-v-f0ec9f97"]]), Mt = { cla
   setup(e, { expose: i }) {
     const s = e;
     let l = w(null);
-    return ne(() => {
+    return oe(() => {
       s.play && l.value ? l.value.play() : !s.play && l.value && l.value.pause();
     }), i({
       resetVideo: () => {
@@ -1112,11 +1112,11 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-cc1144b9"]]), Ft = { clas
           u(i.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Ht, [
-          t("p", Rt, n(e.name), 1),
-          t("p", null, n(e.company), 1),
-          t("p", null, n(e.addressLine_1), 1),
-          t("p", null, n(e.addressLine_2), 1),
-          e.addressLine_3 ? (a(), r("p", jt, n(e.addressLine_3), 1)) : m("", !0)
+          t("p", Rt, o(e.name), 1),
+          t("p", null, o(e.company), 1),
+          t("p", null, o(e.addressLine_1), 1),
+          t("p", null, o(e.addressLine_2), 1),
+          e.addressLine_3 ? (a(), r("p", jt, o(e.addressLine_3), 1)) : m("", !0)
         ]),
         t("div", Kt, [
           (a(!0), r(I, null, T(e.phone_numbers, (l) => (a(), D(V, {
@@ -1127,14 +1127,14 @@ const K = /* @__PURE__ */ v(Pt, [["__scopeId", "data-v-cc1144b9"]]), Ft = { clas
               t("a", {
                 href: "tel:" + l,
                 class: "address__phone"
-              }, n(l), 9, Ut)
+              }, o(l), 9, Ut)
             ]),
             _: 2
           }, 1024))), 256)),
           t("a", {
             href: "mailto:" + e.email,
             class: "address__email"
-          }, n(e.email), 9, Wt)
+          }, o(e.email), 9, Wt)
         ])
       ])
     ]));
@@ -1167,7 +1167,7 @@ const Qt = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-22ea3b79"]]), Yt = (e) =
         t("ul", null, [
           (a(!0), r(I, null, T(e.list, (l) => (a(), r("li", null, [
             Xt,
-            j(" " + n(l), 1)
+            j(" " + o(l), 1)
           ]))), 256))
         ])
       ], 2)
@@ -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 (o, _) => (a(), r("div", ta, [
+    return (n, _) => (a(), r("div", ta, [
       t("div", {
         class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
@@ -1249,7 +1249,7 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
       }, [
         e.mediaType == "image" ? (a(), D(L, { key: 0 }, {
           default: $(() => [
-            u(o.$slots, "card-image", ee({
+            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" : "",
@@ -1278,21 +1278,21 @@ const ea = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-a335dd30"]]), ta = { cla
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
         B(s)["card-label"] ? (a(), r("div", aa, [
-          u(o.$slots, "card-label")
+          u(n.$slots, "card-label")
         ])) : m("", !0),
         e.variant === "product" ? (a(), r("h3", {
           key: 3,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, n(e.headline), 3)) : (a(), r("h3", {
+        }, o(e.headline), 3)) : (a(), r("h3", {
           key: 4,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
-        }, n(e.headline), 3)),
-        e.variant == "product" ? (a(), r("p", la, n(e.paragraph), 1)) : m("", !0)
+        }, o(e.headline), 3)),
+        e.variant == "product" ? (a(), r("p", la, o(e.paragraph), 1)) : m("", !0)
       ], 38)
     ]));
   }
 });
-const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) => (O("data-v-b0f9972c"), e = e(), z(), e), na = { class: "event__wrapper" }, oa = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ h({
+const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) => (O("data-v-b0f9972c"), e = e(), z(), e), oa = { class: "event__wrapper" }, na = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ sa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ h({
   __name: "event-card",
   props: {
     eventType: {
@@ -1317,18 +1317,18 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-ed5d7a87"]]), sa = (e) =
     }
   },
   setup(e) {
-    return (i, s) => (a(), r("div", na, [
+    return (i, s) => (a(), r("div", oa, [
       p(W, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", oa, n(e.headline), 1),
+      t("div", na, o(e.headline), 1),
       t("div", da, [
-        j(n(e.dateTime), 1),
+        j(o(e.dateTime), 1),
         ca,
-        j(n(e.location), 1)
+        j(o(e.location), 1)
       ]),
-      t("div", ua, "Exhibitor: " + n(e.exhibitor), 1)
+      t("div", ua, "Exhibitor: " + o(e.exhibitor), 1)
     ]));
   }
 });
@@ -1354,9 +1354,9 @@ const ha = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", ma, n(e.headline), 1),
+      t("div", ma, o(e.headline), 1),
       t("div", ga, [
-        t("p", null, n(e.paragraph), 1)
+        t("p", null, o(e.paragraph), 1)
       ])
     ]));
   }
@@ -1384,14 +1384,14 @@ const ya = /* @__PURE__ */ v(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { cla
   setup(e) {
     return (i, s) => (a(), r("div", ba, [
       t("div", pa, [
-        t("h2", $a, n(e.headline), 1),
+        t("h2", $a, o(e.headline), 1),
         t("div", ka, [
           (a(!0), r(I, null, T(e.facts, (l) => (a(), r("div", wa, [
             t("div", xa, [
-              t("span", null, n(l.value), 1)
+              t("span", null, o(l.value), 1)
             ]),
             t("div", Sa, [
-              t("span", null, n(l.metric), 1)
+              t("span", null, o(l.metric), 1)
             ])
           ]))), 256))
         ]),
@@ -1437,10 +1437,10 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { cla
     return (i, s) => (a(), r("div", Ta, [
       t("div", La, [
         e.headline ? (a(), r("div", Ca, [
-          t("h2", null, n(e.headline), 1)
+          t("h2", null, o(e.headline), 1)
         ])) : m("", !0),
         e.body ? (a(), r("div", Va, [
-          t("p", null, n(e.body), 1)
+          t("p", null, o(e.body), 1)
         ])) : m("", !0),
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
@@ -1457,8 +1457,8 @@ const Ia = /* @__PURE__ */ v(Ba, [["__scopeId", "data-v-7db53845"]]), Ta = { cla
               ]),
               _: 2
             }, 1024),
-            t("p", Da, n(l.headline), 1),
-            t("p", Ma, n(l.body), 1)
+            t("p", Da, o(l.headline), 1),
+            t("p", Ma, o(l.body), 1)
           ]))), 256))
         ], 2)
       ])
@@ -1492,7 +1492,7 @@ const za = /* @__PURE__ */ v(Oa, [["__scopeId", "data-v-35a864e7"]]), Pa = { cla
             _: 3
           })
         ]),
-        t("p", Na, n(e.caption), 1)
+        t("p", Na, o(e.caption), 1)
       ])
     ]));
   }
@@ -1607,7 +1607,7 @@ const Ra = /* @__PURE__ */ v(Ha, [["__scopeId", "data-v-624f5b56"]]), ja = { cla
             }, 1024)
           ]))), 256)),
           e.mediaSmall.length < 2 ? (a(), r("div", Ga, [
-            t("p", null, n(e.body), 1)
+            t("p", null, o(e.body), 1)
           ])) : m("", !0)
         ], 6)
       ], 2)
@@ -1640,12 +1640,12 @@ const Ya = /* @__PURE__ */ v(Qa, [["__scopeId", "data-v-55b17073"]]), Ja = { cla
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", Xa, n(e.headline), 1)
+        t("h1", Xa, o(e.headline), 1)
       ], 2)
     ]));
   }
 });
-const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) => (O("data-v-de757e46"), e = e(), z(), e), al = { class: "hero__wrapper" }, ll = { class: "hero__content" }, il = { class: "hero__top" }, rl = { class: "hero__elements" }, sl = { class: "hero__headline" }, nl = { class: "hero__link" }, ol = { class: "hero__video" }, dl = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), cl = /* @__PURE__ */ h({
+const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) => (O("data-v-de757e46"), e = e(), z(), e), al = { class: "hero__wrapper" }, ll = { class: "hero__content" }, il = { class: "hero__top" }, rl = { class: "hero__elements" }, sl = { class: "hero__headline" }, ol = { class: "hero__link" }, nl = { class: "hero__video" }, dl = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), cl = /* @__PURE__ */ h({
   __name: "hero",
   props: {
     headline: {
@@ -1663,9 +1663,9 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
         t("div", il, [
           t("div", rl, [
             t("div", sl, [
-              t("h1", null, n(e.headline), 1)
+              t("h1", null, o(e.headline), 1)
             ]),
-            t("div", nl, [
+            t("div", ol, [
               p(V, {
                 linkType: "regular-light",
                 arrow: ""
@@ -1678,7 +1678,7 @@ const el = /* @__PURE__ */ v(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
             ])
           ])
         ]),
-        t("div", ol, [
+        t("div", nl, [
           dl,
           p(K, {
             src: e.video.src,
@@ -1718,8 +1718,8 @@ const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
     return (i, s) => (a(), r("div", _l, [
       t("div", hl, [
         e.headline || e.body ? (a(), r("div", vl, [
-          e.headline ? (a(), r("h2", ml, n(e.headline), 1)) : m("", !0),
-          e.body ? (a(), r("p", gl, n(e.body), 1)) : m("", !0)
+          e.headline ? (a(), r("h2", ml, o(e.headline), 1)) : m("", !0),
+          e.body ? (a(), r("p", gl, o(e.body), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", fl, [
           (a(!0), r(I, null, T(e.logos, (l) => (a(), r("div", yl, [
@@ -1825,7 +1825,7 @@ const Il = /* @__PURE__ */ v(xl, [["render", Bl], ["__scopeId", "data-v-4ef880d9
     return (i, s) => (a(), r("div", Tl, [
       t("div", Ll, [
         t("div", Cl, [
-          t("h1", null, n(e.headline), 1)
+          t("h1", null, o(e.headline), 1)
         ]),
         t("div", Vl, [
           p(K, {
@@ -1949,7 +1949,7 @@ const Dl = /* @__PURE__ */ v(Al, [["__scopeId", "data-v-2ca17b92"]]), Ml = { cla
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
-          }, n(e.headline), 3),
+          }, o(e.headline), 3),
           e.linkType === "link" ? (a(), D(V, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
@@ -2002,7 +2002,7 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
       t("div", El, [
         Nl,
         t("div", Hl, [
-          t("p", Rl, n(e.quote), 1),
+          t("p", Rl, o(e.quote), 1),
           t("div", jl, [
             e.authorImage ? (a(), r("div", Kl, [
               p(L, null, {
@@ -2017,8 +2017,8 @@ const zl = /* @__PURE__ */ v(Ol, [["__scopeId", "data-v-ef98dc86"]]), Pl = (e) =
               })
             ])) : m("", !0),
             t("div", Ul, [
-              t("p", Wl, n(e.author), 1),
-              t("p", Gl, n(e.authorTitle), 1)
+              t("p", Wl, o(e.author), 1),
+              t("p", Gl, o(e.authorTitle), 1)
             ])
           ])
         ])
@@ -2085,7 +2085,7 @@ const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, n(e.headline), 3)) : m("", !0),
+        }, o(e.headline), 3)) : m("", !0),
         t("div", {
           class: c([
             "rich-text__content",
@@ -2098,13 +2098,13 @@ const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(i.$slots, "rich-text-content"),
+            u(i.$slots, "rich-text-content", {}, void 0, !0),
             e.links ? (a(), r("div", Xl, [
-              u(i.$slots, "rich-text-links")
+              u(i.$slots, "rich-text-links", {}, void 0, !0)
             ])) : m("", !0)
           ], 2),
           e.bulletList ? (a(), r("div", Zl, [
-            u(i.$slots, "rich-text-bullet-list")
+            u(i.$slots, "rich-text-bullet-list", {}, void 0, !0)
           ])) : m("", !0),
           e.image ? (a(), r("div", {
             key: 1,
@@ -2115,7 +2115,7 @@ const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
           }, [
             p(L, null, {
               default: $(() => [
-                u(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })))
+                u(i.$slots, "rich-text-image", A(M({ width: 865, height: 307 })), void 0, !0)
               ]),
               _: 3
             })
@@ -2125,7 +2125,7 @@ const Yl = /* @__PURE__ */ v(Ql, [["__scopeId", "data-v-18440f83"]]), Jl = { cla
     ], 2));
   }
 });
-const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-b6e7329c"]]), ai = (e) => (O("data-v-df182fbb"), e = e(), z(), e), li = { class: "timeline__wrapper" }, ii = { class: "timeline__content" }, ri = { class: "timeline__items" }, si = { class: "timeline__item faded" }, ni = { class: "item__left" }, oi = /* @__PURE__ */ ai(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-d14722c0"]]), ai = (e) => (O("data-v-df182fbb"), e = e(), z(), e), li = { class: "timeline__wrapper" }, ii = { class: "timeline__content" }, ri = { class: "timeline__items" }, si = { class: "timeline__item faded" }, oi = { class: "item__left" }, ni = /* @__PURE__ */ ai(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), di = { class: "item__right" }, ci = ["innerHTML"], ui = /* @__PURE__ */ h({
@@ -2137,11 +2137,11 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-b6e7329c"]]), ai = (e) =
     }
   },
   setup(e) {
-    return oe(() => {
+    return ne(() => {
       const i = document.querySelectorAll(".timeline__item"), s = new IntersectionObserver(
         (l) => {
-          l.forEach((o) => {
-            o.isIntersecting && (o.target.classList.add("visible"), o.target.classList.remove("faded"), s.unobserve(o.target));
+          l.forEach((n) => {
+            n.isIntersecting && (n.target.classList.add("visible"), n.target.classList.remove("faded"), s.unobserve(n.target));
           });
         },
         {
@@ -2155,8 +2155,8 @@ const ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-b6e7329c"]]), ai = (e) =
       t("div", ii, [
         t("div", ri, [
           (a(!0), r(I, null, T(e.timelineItems, (l) => (a(), r("div", si, [
-            t("div", ni, n(l.year), 1),
-            oi,
+            t("div", oi, o(l.year), 1),
+            ni,
             t("div", di, [
               p(L, null, {
                 default: $(() => [
@@ -2204,8 +2204,8 @@ 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, n(e.headline), 1)) : m("", !0),
-          e.paragraph ? (a(), r("p", gi, n(e.paragraph), 1)) : m("", !0)
+          e.headline ? (a(), r("h2", mi, o(e.headline), 1)) : m("", !0),
+          e.paragraph ? (a(), r("p", gi, o(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", fi, [
           u(i.$slots, "triple-card-display-cards", {}, void 0, !0)
@@ -2233,9 +2233,9 @@ const bi = /* @__PURE__ */ v(yi, [["__scopeId", "data-v-e7b427f6"]]), pi = { cla
   setup(e) {
     return (i, s) => (a(), r("div", pi, [
       t("div", $i, [
-        e.headline ? (a(), r("h2", ki, n(e.headline), 1)) : m("", !0),
+        e.headline ? (a(), r("h2", ki, o(e.headline), 1)) : m("", !0),
         u(i.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (a(), r("p", wi, n(e.description), 1)) : m("", !0)
+        e.description ? (a(), r("p", wi, o(e.description), 1)) : m("", !0)
       ])
     ]));
   }
@@ -2251,7 +2251,7 @@ const Si = /* @__PURE__ */ v(xi, [["__scopeId", "data-v-59fa125d"]]), qi = { cla
   setup(e) {
     return (i, s) => (a(), r("div", qi, [
       t("div", Bi, [
-        t("h1", Ii, n(e.headline), 1),
+        t("h1", Ii, o(e.headline), 1),
         t("div", Ti, [
           u(i.$slots, "not-found-body", {}, void 0, !0)
         ])
@@ -2325,7 +2325,7 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
       t("footer", Fi, [
         t("div", Ei, [
           (a(!0), r(I, null, T(e.footerSections, (l) => (a(), r("div", Ni, [
-            t("span", Hi, n(l.title), 1),
+            t("span", Hi, o(l.title), 1),
             t("nav", null, [
               t("ul", Ri, [
                 u(i.$slots, "section-links", {
@@ -2364,7 +2364,7 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
           ])
         ]),
         t("div", Ji, [
-          t("p", Xi, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("p", Xi, "© MiR " + o((/* @__PURE__ */ new Date()).getFullYear()), 1),
           t("div", Zi, [
             t("button", {
               class: "footer__language-switcher",
@@ -2400,7 +2400,7 @@ const zi = /* @__PURE__ */ v(Oi, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
     ]));
   }
 });
-const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { class: "header__wrapper" }, nr = { class: "nav-wrapper" }, or = { class: "mir-link-logo" }, dr = { class: "main-nav-items" }, cr = {
+const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { class: "header__wrapper" }, or = { class: "nav-wrapper" }, nr = { class: "mir-link-logo" }, dr = { class: "main-nav-items" }, cr = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
 }, ur = {
@@ -2432,19 +2432,19 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
   setup(e, { expose: i, emit: s }) {
     const l = e;
     w("");
-    let o = null, _ = w(l.burgerState), b = w(l.showDropDown);
+    let n = null, _ = w(l.burgerState), b = w(l.showDropDown);
     re(
       () => l.burgerState,
       (k) => _.value = k
     ), re(
       () => l.showDropDown,
       (k) => b.value = k
-    ), oe(() => {
-      o = (k) => {
+    ), ne(() => {
+      n = (k) => {
         k.target.closest("#menu-dropdown") || (b.value = !1);
-      }, window.addEventListener("click", o);
+      }, window.addEventListener("click", n);
     }), pe(() => {
-      o !== null && window.removeEventListener("click", o);
+      n !== null && window.removeEventListener("click", n);
     });
     function C() {
       b.value = !b.value, s("update:showDropDown", b.value);
@@ -2460,8 +2460,8 @@ const rr = /* @__PURE__ */ v(ir, [["__scopeId", "data-v-d2cab33d"]]), sr = { cla
       defocusSearchButton: X
     }), (k, H) => (a(), r("div", sr, [
       t("nav", null, [
-        t("div", nr, [
-          t("div", or, [
+        t("div", or, [
+          t("div", nr, [
             u(k.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", dr, [
@@ -2568,8 +2568,8 @@ const Sr = /* @__PURE__ */ v(xr, [["__scopeId", "data-v-98560ea5"]]), qr = { cla
   setup(e) {
     return (i, s) => (a(), r("div", qr, [
       t("div", Br, [
-        t("h2", Ir, n(e.headline), 1),
-        t("p", Tr, n(e.paragraph), 1),
+        t("h2", Ir, o(e.headline), 1),
+        t("p", Tr, o(e.paragraph), 1),
         u(i.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
@@ -2615,7 +2615,7 @@ function Pr(e, i) {
     u(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Fr = /* @__PURE__ */ v(Or, [["render", Pr], ["__scopeId", "data-v-79fbf2ed"]]), Nr = {
+const Fr = /* @__PURE__ */ v(Or, [["render", Pr], ["__scopeId", "data-v-31f35da9"]]), Nr = {
   install: (e) => {
     e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ae), e.component("AtomDropdown", Ne), e.component("AtomImage", L), e.component("AtomLabel", W), e.component("AtomLink", V), e.component("AtomRadioButton", Ze), e.component("AtomSelect", rt), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Qt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", ra), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ia), e.component("BlockFeatures", za), e.component("BlockHeadline", el), e.component("BlockHero", ul), e.component("BlockImage", Ra), e.component("BlockImageGallery", Ya), e.component("BlockLogoWall", $l), e.component("BlockMicroStories", wl), e.component("BlockPolicy", Il), e.component("BlockProductHero", Dl), e.component("BlockPromo", zl), e.component("BlockQuote", Yl), e.component("BlockRichText", ti), e.component("BlockTimeline", _i), e.component("BlockTripleCardDisplay", bi), e.component("BlockVimeo", Si), e.component("Organism404", Ci), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Sr), e.component("OrganismLanguageSwitcher", Cr), e.component("OrganismPagination", Mr), e.component("OrganismSearch", Fr);
   }