@mirweb/mir-web-components 1.5.1 → 1.5.3

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as D, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as V, renderList as P, vShow as Q, normalizeProps as O, guardReactiveProps as F, toRefs as ke, mergeProps as le, createVNode as B, Transition as we, withCtx as y, withModifiers as _e, createBlock as A, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Be, normalizeStyle as X, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as Ie } from "vue";
+import { defineComponent as g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as V, renderList as P, vShow as Q, normalizeProps as O, guardReactiveProps as F, toRefs as ke, mergeProps as le, createVNode as B, Transition as we, withCtx as y, withModifiers as _e, createBlock as D, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Be, normalizeStyle as X, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as Ie } from "vue";
 const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -14,7 +14,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, i = D(() => a[r.variant]);
+    }, r = e, i = C(() => a[r.variant]);
     return (l, u) => (o(), s("button", {
       class: m(["button", "button--" + i.value]),
       "aria-label": l.ariaLabel
@@ -25,7 +25,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   for (const [i, l] of a)
     r[i] = l;
   return r;
-}, oe = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), Ce = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Ae = ["for"], Te = /* @__PURE__ */ Ce(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ve = /* @__PURE__ */ g({
+}, oe = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), Ae = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], De = ["for"], Te = /* @__PURE__ */ Ae(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ve = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -54,14 +54,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         checked: l.checked,
         class: "checkbox__checkbox",
         onChange: i
-      }, null, 40, De),
+      }, null, 40, Ce),
       t("label", {
         for: l.id,
         class: m(["checkbox__label", l.required ? "required" : ""])
       }, [
         Te,
         c(l.$slots, "default", {}, void 0, !0)
-      ], 10, Ae)
+      ], 10, De)
     ], 2));
   }
 }), me = /* @__PURE__ */ f(Ve, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (H("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
@@ -75,7 +75,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = D(() => `Chip: ${a.text}`);
+    const a = e, r = C(() => `Chip: ${a.text}`);
     return (i, l) => (o(), s("div", {
       class: "chip__wrapper",
       onClick: l[0] || (l[0] = (u) => i.$emit("remove-chip"))
@@ -107,7 +107,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, i = e, l = D(() => r[i.variant]), u = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), ee = a, se = D(() => {
+    }, i = e, l = C(() => r[i.variant]), u = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), ee = a, se = C(() => {
       const h = i.options.find(
         (S) => S.value === i.modelValue
       );
@@ -128,11 +128,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         case "ArrowUp":
         case "ArrowDown": {
           h.preventDefault();
-          const C = i.options.findIndex(
+          const A = i.options.findIndex(
             (W) => W.value === i.modelValue
           );
-          let z = C ? _.value[C] : _.value[0];
-          S === "ArrowUp" ? C - 1 >= 0 && (z = _.value[C - 1]) : C + 1 <= i.options.length && (z = _.value[C + 1]), z && J(z);
+          let z = A ? _.value[A] : _.value[0];
+          S === "ArrowUp" ? A - 1 >= 0 && (z = _.value[A - 1]) : A + 1 <= i.options.length && (z = _.value[A + 1]), z && J(z);
           break;
         }
         case "Home":
@@ -148,8 +148,8 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           h.preventDefault(), ae(), (L = u.value) == null || L.focus();
           break;
         default: {
-          const C = N(S);
-          C && J(C);
+          const A = N(S);
+          A && J(A);
           break;
         }
       }
@@ -174,7 +174,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     function N(h) {
       let S = "";
       (v.value === "" || S !== h) && (w.value = i.options.findIndex(
-        (C) => C.value === i.modelValue
+        (A) => A.value === i.modelValue
       )), v.value = S === h ? h : v.value + h, S = h, $();
       let L = j(
         w.value + 1,
@@ -192,7 +192,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       J(_.value[0]);
     }
     function J(h) {
-      var L, C;
+      var L, A;
       const S = h.getAttribute("data-value");
       if (i.modelValue) {
         const z = i.options.findIndex(
@@ -205,7 +205,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         S || ""
       ), ie(S || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
         const z = n.value.clientHeight + n.value.scrollTop, W = h.offsetTop + h.offsetHeight;
-        W > z ? n.value.scrollTop = W - ((C = n.value) == null ? void 0 : C.clientHeight) : h.offsetTop < n.value.scrollTop && (n.value.scrollTop = h.offsetTop);
+        W > z ? n.value.scrollTop = W - ((A = n.value) == null ? void 0 : A.clientHeight) : h.offsetTop < n.value.scrollTop && (n.value.scrollTop = h.offsetTop);
       }
     }
     function be() {
@@ -263,16 +263,16 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
             onKeydown: U,
             onClick: re
           }, [
-            (o(!0), s(V, null, P(h.options, (C, z) => (o(), s("li", {
+            (o(!0), s(V, null, P(h.options, (A, z) => (o(), s("li", {
               key: `${h.name}-option-${z}`,
               ref_for: !0,
               ref_key: "listboxOptions",
               ref: _,
-              "aria-selected": C.value === h.modelValue,
-              "data-value": C.value,
+              "aria-selected": A.value === h.modelValue,
+              "data-value": A.value,
               class: "listbox__option",
               role: "option"
-            }, d(C.label), 9, Ke))), 128))
+            }, d(A.label), 9, Ke))), 128))
           ], 40, je), [
             [Q, !k.value]
           ])
@@ -305,7 +305,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = D(() => `Label: ${a.text}`);
+    const a = e, r = C(() => `Label: ${a.text}`);
     return (i, l) => (o(), s("div", Ye, [
       t("span", {
         "aria-label": r.value,
@@ -336,7 +336,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, i = e, l = D(() => a[i.linkType]), u = D(() => r[i.underline]), n = D(() => {
+    }, i = e, l = C(() => a[i.linkType]), u = C(() => r[i.underline]), n = C(() => {
       const { ..._ } = ke(i);
       return _;
     });
@@ -457,7 +457,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? p("", !0) : (o(), A(oe, {
+                u.searchBar ? p("", !0) : (o(), D(oe, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -544,7 +544,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           class: m([v.variant, "slider__value"])
         }, d(v.modelValue), 3)
       ]),
-      v.information ? (o(), A(ve, {
+      v.information ? (o(), D(ve, {
         key: 0,
         show: n.value,
         "onUpdate:show": k[3] || (k[3] = (w) => n.value = w)
@@ -606,7 +606,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ct = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Dt = { class: "text-field__wrapper" }, At = ["for"], Tt = { key: 0 }, Vt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Pt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
+}), At = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Ct = { class: "text-field__wrapper" }, Dt = ["for"], Tt = { key: 0 }, Vt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Pt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
   key: 2,
   class: "search"
 }, zt = {
@@ -642,12 +642,12 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, i = D(() => a[r.type]), l = q(!0), u = D(
+    }, r = e, i = C(() => a[r.type]), l = q(!0), u = C(
       () => l.value ? "showPassword" : "hidePassword"
-    ), n = D(
+    ), n = C(
       () => l.value ? "password" : "text"
     );
-    return (_, b) => (o(), s("div", Dt, [
+    return (_, b) => (o(), s("div", Ct, [
       t("label", {
         for: _.id,
         class: m([
@@ -655,7 +655,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           _.disabled ? "disabled" : "",
           _.search ? "search" : ""
         ])
-      }, d(_.label), 11, At),
+      }, d(_.label), 11, Dt),
       i.value === "password" ? (o(), s("div", Tt, [
         t("input", {
           id: _.id,
@@ -777,7 +777,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           a.addressLine3 ? (o(), s("p", Qt, d(a.addressLine3), 1)) : p("", !0)
         ]),
         t("div", Zt, [
-          a.website ? (o(), A(T, {
+          a.website ? (o(), D(T, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -790,7 +790,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : p("", !0),
-          (o(!0), s(V, null, P(a.phoneNumbers, (i) => (o(), A(T, {
+          (o(!0), s(V, null, P(a.phoneNumbers, (i) => (o(), D(T, {
             key: i,
             underline: "false",
             "link-type": "regular"
@@ -889,7 +889,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, u = D(() => i[l.size]);
+    }, l = e, u = C(() => i[l.size]);
     return (n, _) => (o(), s("div", na, [
       t("div", {
         class: m(["card", [
@@ -903,7 +903,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         onMouseover: _[0] || (_[0] = (b) => de(r) ? r.value = !0 : r = !0),
         onMouseout: _[1] || (_[1] = (b) => de(r) ? r.value = !1 : r = !1)
       }, [
-        n.mediaType === "image" ? (o(), A(M, { key: 0 }, {
+        n.mediaType === "image" ? (o(), D(M, { key: 0 }, {
           default: y(() => [
             c(n.$slots, "card-image", le({
               src: n.imgSrc,
@@ -1021,7 +1021,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ba = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-ebdea819"]]), Ia = { class: "accordions" }, qa = { class: "accordions__wrapper" }, La = { class: "accordion" }, Ca = ["onClick"], Da = { class: "accordion__headline" }, Aa = { class: "accordion__icon" }, Ta = {
+}), Ba = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-ebdea819"]]), Ia = { class: "accordions" }, qa = { class: "accordions__wrapper" }, La = { class: "accordion" }, Aa = ["onClick"], Ca = { class: "accordion__headline" }, Da = { class: "accordion__icon" }, Ta = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
 }, Va = {
@@ -1033,16 +1033,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     accordions: {}
   },
   setup(e) {
-    const a = e, r = q(""), i = (l) => {
-      if (r.value === l)
-        r.value = "";
-      else {
-        const u = a.accordions.find(
-          (n) => n._uid === l
-        );
-        u ? r.value = u._uid : r.value = "";
-      }
-    };
+    const a = q([]), r = (l) => {
+      const u = a.value.indexOf(l);
+      u > -1 ? a.value.splice(u, 1) : a.value.push(l);
+    }, i = (l) => a.value.includes(l);
     return (l, u) => (o(), s("section", Ia, [
       t("div", qa, [
         (o(!0), s(V, null, P(l.accordions, (n) => (o(), s("div", {
@@ -1051,16 +1045,18 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           t("div", La, [
             t("div", {
               class: "accordion__header",
-              onClick: (_) => i(n._uid)
+              onClick: (_) => r(n._uid)
             }, [
-              t("h3", Da, d(n.headline), 1),
-              t("span", Aa, [
-                n._uid !== r.value ? (o(), s("img", Ta)) : (o(), s("img", Va))
+              t("h3", Ca, d(n.headline), 1),
+              t("span", Da, [
+                i(n._uid) ? (o(), s("img", Va)) : (o(), s("img", Ta))
               ])
-            ], 8, Ca),
+            ], 8, Aa),
             t("div", {
               class: m(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
-              style: X({ display: n._uid === r.value ? "flex" : "none" })
+              style: X({
+                display: i(n._uid) ? "flex" : "none"
+              })
             }, [
               t("div", Pa, [
                 c(l.$slots, "accordion-body", O(F({ body: n.bodytext })), void 0, !0)
@@ -1081,7 +1077,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Oa = /* @__PURE__ */ f(Ma, [["__scopeId", "data-v-5a3f5ad5"]]), za = { class: "card-display__wrapper" }, Fa = {
+}), Oa = /* @__PURE__ */ f(Ma, [["__scopeId", "data-v-8e3c34ec"]]), za = { class: "card-display__wrapper" }, Fa = {
   key: 0,
   class: "card__content"
 }, Ha = { key: 0 }, Ra = { key: 1 }, Ea = { class: "card__cards" }, Na = /* @__PURE__ */ g({
@@ -1275,7 +1271,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 2)
     ]));
   }
-}), bo = /* @__PURE__ */ f(go, [["__scopeId", "data-v-3ef1567e"]]), yo = (e) => (H("data-v-22f9be13"), e = e(), R(), e), $o = { class: "hero__wrapper" }, ko = { class: "hero__content" }, wo = { class: "hero__top" }, So = { class: "hero__elements" }, Bo = { class: "hero__headline" }, Io = { class: "hero__link" }, qo = { class: "hero__video" }, Lo = /* @__PURE__ */ yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), Co = { class: "hero__video__video" }, Do = { class: "hero__image" }, Ao = /* @__PURE__ */ g({
+}), bo = /* @__PURE__ */ f(go, [["__scopeId", "data-v-3ef1567e"]]), yo = (e) => (H("data-v-22f9be13"), e = e(), R(), e), $o = { class: "hero__wrapper" }, ko = { class: "hero__content" }, wo = { class: "hero__top" }, So = { class: "hero__elements" }, Bo = { class: "hero__headline" }, Io = { class: "hero__link" }, qo = { class: "hero__video" }, Lo = /* @__PURE__ */ yo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), Ao = { class: "hero__video__video" }, Co = { class: "hero__image" }, Do = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1306,17 +1302,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         ]),
         t("div", qo, [
           Lo,
-          t("div", Co, [
+          t("div", Ao, [
             c(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          t("div", Do, [
+          t("div", Co, [
             c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), To = /* @__PURE__ */ f(Ao, [["__scopeId", "data-v-22f9be13"]]), Vo = { class: "image__wrapper" }, Po = { class: "image__content" }, Mo = { class: "image__image" }, Oo = { class: "image__caption" }, zo = /* @__PURE__ */ g({
+}), To = /* @__PURE__ */ f(Do, [["__scopeId", "data-v-22f9be13"]]), Vo = { class: "image__wrapper" }, Po = { class: "image__content" }, Mo = { class: "image__image" }, Oo = { class: "image__caption" }, zo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1385,7 +1381,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, i = D(() => a[r.bgColor]);
+    }, r = e, i = C(() => a[r.bgColor]);
     return (l, u) => (o(), s("div", {
       class: m(["gallery__wrapper", i.value])
     }, [
@@ -1531,7 +1527,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = D(() => a[i.bgColor]), i = e;
+    }, r = C(() => a[i.bgColor]), i = e;
     return (l, u) => (o(), s("div", {
       class: m(["micro-stories__wrapper", r.value])
     }, [
@@ -1602,7 +1598,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
       t("div", ul, [
         t("div", _l, d(e.headline), 1),
         t("div", hl, [
-          e.videoSrc !== "" ? (o(), A(x, {
+          e.videoSrc !== "" ? (o(), D(x, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -1613,7 +1609,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), A(I(M), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (o(), D(I(M), { key: 1 }, {
             default: y(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
@@ -1661,7 +1657,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, i = D(() => a[r.variant]);
+    }, r = e, i = C(() => a[r.variant]);
     return (l, u) => (o(), s("div", {
       class: m([
         "promo__wrapper",
@@ -1710,7 +1706,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (o(), A(Z, {
+          l.label ? (o(), D(Z, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
@@ -1723,7 +1719,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
           }, [
             c(l.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (o(), A(T, {
+          l.linkType === "link" ? (o(), D(T, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -1733,7 +1729,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          l.linkType === "button" ? (o(), A(T, {
+          l.linkType === "button" ? (o(), D(T, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -1746,10 +1742,10 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), $l = /* @__PURE__ */ f(yl, [["__scopeId", "data-v-df54d965"]]), kl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), wl = { class: "quote__wrapper" }, Sl = { class: "quote__content" }, Bl = /* @__PURE__ */ kl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Il = { class: "quote__quote" }, ql = { class: "quote__quote-text" }, Ll = { class: "quote__author" }, Cl = {
+}), $l = /* @__PURE__ */ f(yl, [["__scopeId", "data-v-df54d965"]]), kl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), wl = { class: "quote__wrapper" }, Sl = { class: "quote__content" }, Bl = /* @__PURE__ */ kl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Il = { class: "quote__quote" }, ql = { class: "quote__quote-text" }, Ll = { class: "quote__author" }, Al = {
   key: 0,
   class: "quote__image"
-}, Dl = { class: "quote__text" }, Al = { class: "quote__author-name" }, Tl = { class: "quote__author-title" }, Vl = /* @__PURE__ */ g({
+}, Cl = { class: "quote__text" }, Dl = { class: "quote__author-name" }, Tl = { class: "quote__author-title" }, Vl = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1777,7 +1773,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
         t("div", Il, [
           t("p", ql, d(e.quote), 1),
           t("div", Ll, [
-            e.authorImage ? (o(), s("div", Cl, [
+            e.authorImage ? (o(), s("div", Al, [
               B(M, null, {
                 default: y(() => [
                   c(a.$slots, "author-image", O(F({
@@ -1789,8 +1785,8 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : p("", !0),
-            t("div", Dl, [
-              t("p", Al, d(e.author), 1),
+            t("div", Cl, [
+              t("p", Dl, d(e.author), 1),
               t("p", Tl, d(e.authorTitle), 1)
             ])
           ])
@@ -1824,7 +1820,7 @@ const dl = /* @__PURE__ */ f(sl, [["render", nl], ["__scopeId", "data-v-ea887d7a
       ])
     }, [
       t("div", Ml, [
-        a.label ? (o(), A(Z, {
+        a.label ? (o(), D(Z, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -2017,7 +2013,7 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ss = /* @__PURE__ */ f(ws, [["__scopeId", "data-v-98275425"]]), Bs = { class: "not-found__wrapper" }, Is = { class: "not-found__content" }, qs = { class: "not-found__headline" }, Ls = { class: "not-found__body" }, Cs = /* @__PURE__ */ g({
+}), Ss = /* @__PURE__ */ f(ws, [["__scopeId", "data-v-98275425"]]), Bs = { class: "not-found__wrapper" }, Is = { class: "not-found__content" }, qs = { class: "not-found__headline" }, Ls = { class: "not-found__body" }, As = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -2035,7 +2031,7 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ds = /* @__PURE__ */ f(Cs, [["__scopeId", "data-v-b829ca6c"]]), As = { class: "filter__wrapper" }, Ts = { class: "filter__content" }, Vs = { class: "filter__dropdowns" }, Ps = { class: "filter__chips" }, Ms = /* @__PURE__ */ g({
+}), Cs = /* @__PURE__ */ f(As, [["__scopeId", "data-v-b829ca6c"]]), Ds = { class: "filter__wrapper" }, Ts = { class: "filter__content" }, Vs = { class: "filter__dropdowns" }, Ps = { class: "filter__chips" }, Ms = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -2049,7 +2045,7 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (o(), s("div", As, [
+    return (a, r) => (o(), s("div", Ds, [
       t("div", Ts, [
         t("div", Vs, [
           c(a.$slots, "filter-dropdowns")
@@ -2169,7 +2165,7 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
             c(a.$slots, "footer-cookie-link")
           ]),
           a.language !== "zh" ? (o(), s("div", ii, [
-            (o(!0), s(V, null, P(a.socialMedia, (i) => (o(), A(T, {
+            (o(!0), s(V, null, P(a.socialMedia, (i) => (o(), D(T, {
               key: i.title,
               underline: "false",
               "link-type": "regular"
@@ -2190,7 +2186,7 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
               _: 2
             }, 1024))), 128))
           ])) : (o(), s("div", ni, [
-            (o(!0), s(V, null, P(a.socialMediaChina, (i) => (o(), A(T, {
+            (o(!0), s(V, null, P(a.socialMediaChina, (i) => (o(), D(T, {
               key: i.title,
               underline: "false",
               "link-type": "regular"
@@ -2242,20 +2238,20 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
   height: "15"
 }, null, -1)), Si = [
   wi
-], Bi = { class: "portal-switcher-content" }, Ii = { class: "portal-switcher-links" }, qi = ["href"], Li = ["src"], Ci = {
+], Bi = { class: "portal-switcher-content" }, Ii = { class: "portal-switcher-links" }, qi = ["href"], Li = ["src"], Ai = {
   key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, Di = {
+}, Ci = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, Ai = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("img", {
+}, Di = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
   width: "15",
   height: "15"
 }, null, -1)), Ti = [
-  Ai
+  Di
 ], Vi = { class: "profile-dropdown-content" }, Pi = { class: "mobile-logo-search-burger-wrapper" }, Mi = { class: "mobile-mir-link-logo" }, Oi = {
   key: 0,
   class: "mobile-search-wrapper"
@@ -2430,8 +2426,8 @@ const Gl = /* @__PURE__ */ f(Rl, [["render", Ul], ["__scopeId", "data-v-449f3040
               [Q, I(b)]
             ])
           ])) : p("", !0),
-          e.useProfileDropdown ? (o(), s("div", Ci, [
-            I(k) ? p("", !0) : (o(), s("div", Di, [
+          e.useProfileDropdown ? (o(), s("div", Ai, [
+            I(k) ? p("", !0) : (o(), s("div", Ci, [
               c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
             I(k) ? (o(), s("button", {
@@ -2577,7 +2573,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
     function n() {
       r.value = !1;
     }
-    const _ = D(() => i.options.length > 8);
+    const _ = C(() => i.options.length > 8);
     return (b, v) => {
       const k = ue("click-outside");
       return K((o(), s("div", lr, [
@@ -2594,7 +2590,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
         t("div", {
           class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
         }, [
-          (o(!0), s(V, null, P(b.options, (w) => (o(), A(I(me), {
+          (o(!0), s(V, null, P(b.options, (w) => (o(), D(I(me), {
             id: w.value,
             key: w.value,
             name: w.text,
@@ -2633,7 +2629,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, i = D(() => a[r.variant]);
+    }, r = e, i = C(() => a[r.variant]);
     return (l, u) => (o(), s("div", {
       class: m([
         "promo__wrapper",
@@ -2667,7 +2663,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (o(), A(Z, {
+          l.label ? (o(), D(Z, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
@@ -2680,7 +2676,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
           }, [
             c(l.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (o(), A(T, {
+          l.linkType === "link" ? (o(), D(T, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -2690,7 +2686,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          l.linkType === "button" ? (o(), A(T, {
+          l.linkType === "button" ? (o(), D(T, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -2705,7 +2701,7 @@ const or = /* @__PURE__ */ f(er, [["render", ar], ["__scopeId", "data-v-c07a6cf3
   }
 }), mr = /* @__PURE__ */ f(pr, [["__scopeId", "data-v-00c0bad3"]]), fr = {
   install: (e) => {
-    e.component("AtomButton", oe), e.component("AtomCheckbox", me), e.component("AtomChip", Fe), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", rr), e.component("AtomSlider", $t), e.component("AtomTextarea", Ct), e.component("AtomTextField", Rt), e.component("AtomVideo", x), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockAccordion", Oa), e.component("BlockFacts", Xa), e.component("BlockFeatures", io), e.component("BlockFormScript", mo), e.component("BlockHeadline", bo), e.component("BlockHero", To), e.component("BlockImage", Fo), e.component("BlockImageGallery", Ko), e.component("BlockLogoWall", xo), e.component("BlockMicroStories", ll), e.component("BlockPolicy", dl), e.component("BlockProductHero", gl), e.component("BlockPromo", $l), e.component("BlockQuote", Pl), e.component("BlockRichText", Hl), e.component("BlockRichTextColumns", Gl), e.component("BlockTimeline", as), e.component("BlockCardDisplay", ja), e.component("BlockVimeo", ns), e.component("BlockPalletJack", mr), e.component("BlockFrontPageHero", Ss), e.component("Organism404", Ds), e.component("OrganismFilter", Os), e.component("OrganismFooter", ui), e.component("OrganismHeader", Ni), e.component("OrganismLanguageSwitcher", Yi), e.component("OrganismPagination", xi), e.component("OrganismSearch", or);
+    e.component("AtomButton", oe), e.component("AtomCheckbox", me), e.component("AtomChip", Fe), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", rr), e.component("AtomSlider", $t), e.component("AtomTextarea", At), e.component("AtomTextField", Rt), e.component("AtomVideo", x), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockAccordion", Oa), e.component("BlockFacts", Xa), e.component("BlockFeatures", io), e.component("BlockFormScript", mo), e.component("BlockHeadline", bo), e.component("BlockHero", To), e.component("BlockImage", Fo), e.component("BlockImageGallery", Ko), e.component("BlockLogoWall", xo), e.component("BlockMicroStories", ll), e.component("BlockPolicy", dl), e.component("BlockProductHero", gl), e.component("BlockPromo", $l), e.component("BlockQuote", Pl), e.component("BlockRichText", Hl), e.component("BlockRichTextColumns", Gl), e.component("BlockTimeline", as), e.component("BlockCardDisplay", ja), e.component("BlockVimeo", ns), e.component("BlockPalletJack", mr), e.component("BlockFrontPageHero", Ss), e.component("Organism404", Cs), e.component("OrganismFilter", Os), e.component("OrganismFooter", ui), e.component("OrganismHeader", Ni), e.component("OrganismLanguageSwitcher", Yi), e.component("OrganismPagination", xi), e.component("OrganismSearch", or);
   }
 };
 export {
@@ -2721,7 +2717,7 @@ export {
   rr as AtomSelectMultiple,
   $t as AtomSlider,
   Rt as AtomTextField,
-  Ct as AtomTextarea,
+  At as AtomTextarea,
   x as AtomVideo,
   Oa as BlockAccordion,
   ja as BlockCardDisplay,
@@ -2750,7 +2746,7 @@ export {
   ya as MoleculeEventCard,
   ve as MoleculeModal,
   Ba as MoleculeTextCard,
-  Ds as Organism404,
+  Cs as Organism404,
   Os as OrganismFilter,
   ui as OrganismFooter,
   Ni as OrganismHeader,