@mirweb/mir-web-components 0.17.70 → 0.17.72

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as _, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as k, withModifiers as ne, createBlock as C, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
+import { defineComponent as g, computed as L, openBlock as s, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as u, pushScopeId as E, popScopeId as R, createTextVNode as W, ref as I, withDirectives as Y, Fragment as M, renderList as O, vShow as Z, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as w, Transition as $e, withCtx as k, withModifiers as ne, createBlock as C, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
 const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -14,7 +14,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       next: "next",
       previous: "previous"
     }, r = e, o = L(() => a[r.variant]);
-    return (l, u) => (s(), i("button", {
+    return (l, _) => (s(), i("button", {
       class: h(["button", "button--" + o.value]),
       "aria-label": l.ariaLabel
     }, n(o.value === "close" ? "" : l.buttonText), 11, Be));
@@ -36,10 +36,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, o = (l) => {
-      const u = l.target;
-      r("input", u.checked);
+      const _ = l.target;
+      r("input", _.checked);
     };
-    return (l, u) => (s(), i("div", {
+    return (l, _) => (s(), i("div", {
       class: h(["checkbox__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -57,7 +57,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         class: h(["checkbox__label", l.required ? "required" : ""])
       }, [
         Ve,
-        _(l.$slots, "default", {}, void 0, !0)
+        u(l.$slots, "default", {}, void 0, !0)
       ], 10, Le)
     ], 2));
   }
@@ -75,7 +75,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     const a = e, r = L(() => `Chip: ${a.text}`);
     return (o, l) => (s(), i("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (u) => o.$emit("remove-chip"))
+      onClick: l[0] || (l[0] = (_) => o.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -104,7 +104,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, o = e, l = L(() => r[o.variant]), u = I(null), c = I(null), p = I([]), S = I(0), f = I(""), y = I(!0), q = I(0), x = a, B = L(() => {
+    }, o = e, l = L(() => r[o.variant]), _ = I(null), c = I(null), p = I([]), S = I(0), f = I(""), y = I(!0), q = I(0), x = a, B = L(() => {
       const d = o.options.find(
         (b) => b.value === o.modelValue
       );
@@ -125,7 +125,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     function H(d) {
       var $;
       const b = d.target;
-      b.getAttribute("role") === "option" && (G(b), Q(), ($ = u.value) == null || $.focus());
+      b.getAttribute("role") === "option" && (G(b), Q(), ($ = _.value) == null || $.focus());
     }
     function le(d) {
       var $;
@@ -151,7 +151,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), Q(), ($ = u.value) == null || $.focus();
+          d.preventDefault(), Q(), ($ = _.value) == null || $.focus();
           break;
         default: {
           const T = me(b);
@@ -221,11 +221,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
     function Q() {
       var d;
-      y.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
+      y.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
     }
     function se() {
       var d, b;
-      y.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
+      y.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
     }
     function ge() {
       o.disabled || (y.value ? se() : Q());
@@ -247,7 +247,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
-          ref: u,
+          ref: _,
           "aria-labelledby": `${d.name}-label ${d.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
@@ -298,7 +298,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", Ge, [
-      _(a.$slots, "default", P(F(a.$attrs)))
+      u(a.$slots, "default", P(F(a.$attrs)))
     ]));
   }
 }), A = /* @__PURE__ */ v(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
@@ -338,7 +338,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, o = e, l = L(() => a[o.linkType]), u = L(() => r[o.underline]), c = L(() => {
+    }, o = e, l = L(() => a[o.linkType]), _ = L(() => r[o.underline]), c = L(() => {
       const { ...p } = ye(o);
       return p;
     });
@@ -347,11 +347,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         class: ["mir-link", [
           l.value,
           p.disabled ? "disabled" : "",
-          u.value,
+          _.value,
           p.arrow ? "link-arrow" : ""
         ]]
       }), [
-        _(p.$slots, "default")
+        u(p.$slots, "default")
       ], 16)
     ]));
   }
@@ -368,10 +368,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, o = (l) => {
-      const u = l.target;
-      r("input", u.checked);
+      const _ = l.target;
+      r("input", _.checked);
     };
-    return (l, u) => (s(), i("div", {
+    return (l, _) => (s(), i("div", {
       class: h(["radio__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -390,7 +390,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         class: h(["radio__label", l.required ? "required" : ""])
       }, [
         tt,
-        _(l.$slots, "default", {}, void 0, !0)
+        u(l.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
@@ -440,36 +440,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     const r = e, o = a, l = () => {
       o("update:show", !r.show);
     };
-    return (u, c) => (s(), i("div", ct, [
+    return (_, c) => (s(), i("div", ct, [
       w($e, {
         duration: 300,
         name: "nested"
       }, {
         default: k(() => [
           Y(t("div", {
-            class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
+            class: h(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: l
           }, [
             t("div", {
               id: "modal",
-              class: h([u.searchBar ? "search" : ""]),
+              class: h([_.searchBar ? "search" : ""]),
               onClick: c[0] || (c[0] = ne(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? m("", !0) : (s(), C(X, {
+                _.searchBar ? m("", !0) : (s(), C(X, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: l
                 }))
               ]),
-              _(u.$slots, "default", {}, void 0, !0)
+              u(_.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Z, u.show]
+            [Z, _.show]
           ])
         ]),
         _: 3
@@ -492,12 +492,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, o = a, l = I(r.modelValue), u = I(), c = I(!1), p = (f, y, q) => (f - y) / (q - y) * 100, S = (f) => {
+    const r = e, o = a, l = I(r.modelValue), _ = I(), c = I(!1), p = (f, y, q) => (f - y) / (q - y) * 100, S = (f) => {
       var y;
-      (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
+      (y = _.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return de(() => {
-      if (u.value) {
+      if (_.value) {
         o("update:modelValue", l.value);
         const f = p(l.value, r.min, r.max);
         let y = (50 - f) / 100;
@@ -528,7 +528,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           t("input", {
             id: f.id,
             ref_key: "slider",
-            ref: u,
+            ref: _,
             type: "range",
             name: f.name,
             value: f.modelValue,
@@ -644,7 +644,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, o = L(() => a[r.type]), l = I(!0), u = L(
+    }, r = e, o = L(() => a[r.type]), l = I(!0), _ = L(
       () => l.value ? "showPassword" : "hidePassword"
     ), c = L(
       () => l.value ? "password" : "text"
@@ -672,7 +672,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         }, null, 40, At),
         t("i", {
           role: "button",
-          class: h([u.value]),
+          class: h([_.value]),
           "aria-controls": "password",
           "aria-expanded": !l.value,
           onClick: S[1] || (S[1] = (f) => l.value = !l.value)
@@ -724,29 +724,29 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       resetVideo: () => {
         o.value && (o.value.currentTime = 0, o.value.play());
       }
-    }), (u, c) => (s(), i("div", Nt, [
-      u.localVideo ? (s(), i("video", {
+    }), (_, c) => (s(), i("div", Nt, [
+      _.localVideo ? (s(), i("video", {
         key: 0,
         ref_key: "videoRef",
         ref: o,
-        "aria-label": u.ariaLabel,
-        controls: u.controls,
-        poster: u.poster,
-        width: u.width,
-        height: u.height,
-        autoplay: u.autoplay,
-        loop: u.loop,
-        muted: u.muted,
+        "aria-label": _.ariaLabel,
+        controls: _.controls,
+        poster: _.poster,
+        width: _.width,
+        height: _.height,
+        autoplay: _.autoplay,
+        loop: _.loop,
+        muted: _.muted,
         type: "video/mp4",
         playsinline: "",
-        src: u.src
+        src: _.src
       }, null, 8, Ht)) : (s(), i("iframe", {
         key: 1,
-        src: u.src,
-        "aria-label": u.ariaLabel,
-        title: u.title,
-        width: u.width,
-        height: u.height,
+        src: _.src,
+        "aria-label": _.ariaLabel,
+        title: _.title,
+        width: _.width,
+        height: _.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
@@ -768,7 +768,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     return (a, r) => (s(), i("div", Ut, [
       t("div", Kt, [
         t("div", Gt, [
-          _(a.$slots, "address-flag", {}, void 0, !0)
+          u(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Wt, [
           t("p", Yt, n(a.name), 1),
@@ -872,13 +872,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, u = L(() => o[l.size]);
+    }, l = e, _ = L(() => o[l.size]);
     return (c, p) => (s(), i("div", ia, [
       t("div", {
         class: h(["card", [
           c.theme === "dark" ? "card--dark" : "card--light",
           c.orientation === "vertical" ? "vertical" : "horizontal",
-          u.value.class,
+          _.value.class,
           c.size === "large" && c.variant === "article" ? "card--large-article" : "",
           c.variant === "product" ? "card--product" : "card--article"
         ]]),
@@ -888,7 +888,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, [
         c.mediaType === "image" ? (s(), C(A, { key: 0 }, {
           default: k(() => [
-            _(c.$slots, "card-image", te({
+            u(c.$slots, "card-image", te({
               src: c.imgSrc,
               width: "596",
               height: "335",
@@ -909,15 +909,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             "aria-label": c.arialabel,
             controls: !1,
             poster: c.imgSrc,
-            width: u.value.width,
-            height: u.value.height,
+            width: _.value.width,
+            height: _.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
         V(a)["card-label"] ? (s(), i("div", ra, [
-          _(c.$slots, "card-label")
+          u(c.$slots, "card-label")
         ])) : m("", !0),
         c.variant === "product" ? (s(), i("div", {
           key: 3,
@@ -937,7 +937,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ], 38)
     ]));
   }
-}), ca = /* @__PURE__ */ v(da, [["__scopeId", "data-v-4cfad815"]]), ua = (e) => (E("data-v-bc91c976"), e = e(), R(), e), _a = { class: "event__wrapper" }, pa = { class: "event__headline" }, ha = { class: "event__date-location" }, ma = /* @__PURE__ */ ua(() => /* @__PURE__ */ t("br", null, null, -1)), va = { class: "event__exhibitor" }, fa = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ v(da, [["__scopeId", "data-v-351c5fbb"]]), ua = (e) => (E("data-v-bc91c976"), e = e(), R(), e), _a = { class: "event__wrapper" }, pa = { class: "event__headline" }, ha = { class: "event__date-location" }, ma = /* @__PURE__ */ ua(() => /* @__PURE__ */ t("br", null, null, -1)), va = { class: "event__exhibitor" }, fa = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -1053,7 +1053,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             arrow: ""
           }, {
             default: k(() => [
-              _(a.$slots, "facts-link", {}, void 0, !0)
+              u(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1081,7 +1081,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           t("h2", null, n(a.headline), 1)
         ])) : m("", !0),
         a.body ? (s(), i("div", Pa, [
-          _(a.$slots, "features-body", {}, void 0, !0)
+          u(a.$slots, "features-body", {}, void 0, !0)
         ])) : m("", !0),
         t("div", {
           class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
@@ -1092,7 +1092,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             w(A, { class: "element__icon" }, {
               default: k(() => [
-                _(a.$slots, "features-icon", P(F({
+                u(a.$slots, "features-icon", P(F({
                   src: o.icon.src,
                   height: 30,
                   width: 30,
@@ -1122,11 +1122,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", ja, [
           t("h2", Ua, n(e.headline), 1),
           t("div", Ka, [
-            _(a.$slots, "form-body", {}, void 0, !0)
+            u(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
         t("div", Ga, [
-          _(a.$slots, "form-script", {}, void 0, !0)
+          u(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1155,7 +1155,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", Za, [
           w(A, null, {
             default: k(() => [
-              _(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              u(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1190,7 +1190,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
     }, r = e, o = L(() => a[r.bgColor]);
-    return (l, u) => (s(), i("div", {
+    return (l, _) => (s(), i("div", {
       class: h(["gallery__wrapper", o.value])
     }, [
       t("div", {
@@ -1203,7 +1203,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           l.mediaLarge && l.mediaType === "image" ? (s(), i("div", al, [
             w(A, null, {
               default: k(() => [
-                _(l.$slots, "image-large", P(F({
+                u(l.$slots, "image-large", P(F({
                   width: 617,
                   height: 530,
                   src: l.mediaLarge.src,
@@ -1241,7 +1241,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             w(A, null, {
               default: k(() => [
-                _(l.$slots, "image-small", P(F({
+                u(l.$slots, "image-small", P(F({
                   width: 328,
                   height: 246,
                   src: c.src,
@@ -1310,7 +1310,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
                 arrow: ""
               }, {
                 default: k(() => [
-                  _(a.$slots, "hero-link", {}, void 0, !0)
+                  u(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1320,10 +1320,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", gl, [
           bl,
           t("div", yl, [
-            _(a.$slots, "hero-video", {}, void 0, !0)
+            u(a.$slots, "hero-video", {}, void 0, !0)
           ]),
           t("div", $l, [
-            _(a.$slots, "hero-image", {}, void 0, !0)
+            u(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
@@ -1363,7 +1363,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             w(A, null, {
               default: k(() => [
-                _(a.$slots, "logo-wall-logo", P(F({
+                u(a.$slots, "logo-wall-logo", P(F({
                   width: 130,
                   height: 130,
                   src: o.src,
@@ -1380,7 +1380,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             arrow: !0
           }, {
             default: k(() => [
-              _(a.$slots, "logo-wall-link", {}, void 0, !0)
+              u(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1407,7 +1407,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
     }, r = L(() => a[o.bgColor]), o = e;
-    return (l, u) => (s(), i("div", {
+    return (l, _) => (s(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
       t("div", Dl, [
@@ -1419,16 +1419,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         ])) : m("", !0)
       ]),
       t("div", Pl, [
-        _(l.$slots, "micro-stories-slides")
+        u(l.$slots, "micro-stories-slides")
       ]),
-      _(l.$slots, "micro-stories-controls")
+      u(l.$slots, "micro-stories-controls")
     ], 2));
   }
 }), El = {}, Rl = { class: "policy__wrapper" }, Nl = { class: "policy__content" };
 function Hl(e, a) {
   return s(), i("div", Rl, [
     t("div", Nl, [
-      _(e.$slots, "default", {}, void 0, !0)
+      u(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -1464,12 +1464,12 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
           e.paragraph ? (s(), i("p", Gl, n(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", Wl, [
-          _(a.$slots, "card-display-cards", {}, void 0, !0)
+          u(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Jl = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-183dcee5"]]), Ql = { class: "promo__content" }, Zl = /* @__PURE__ */ g({
+}), Jl = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-31d373a7"]]), Ql = { class: "promo__content" }, Zl = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1490,7 +1490,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
     }, r = e, o = L(() => a[r.variant]);
-    return (l, u) => (s(), i("div", {
+    return (l, _) => (s(), i("div", {
       class: h([
         "promo__wrapper",
         o.value,
@@ -1507,7 +1507,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
         }, [
           w(A, null, {
             default: k(() => [
-              _(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              u(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1548,7 +1548,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            _(l.$slots, "promo-headline")
+            u(l.$slots, "promo-headline")
           ], 2),
           l.linkType === "link" ? (s(), C(D, {
             key: 1,
@@ -1556,7 +1556,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
             arrow: ""
           }, {
             default: k(() => [
-              _(l.$slots, "promo-link")
+              u(l.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
@@ -1565,7 +1565,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
             default: k(() => [
-              _(l.$slots, "promo-link")
+              u(l.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0)
@@ -1607,7 +1607,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
             e.authorImage ? (s(), i("div", io, [
               w(A, null, {
                 default: k(() => [
-                  _(a.$slots, "author-image", P(F({
+                  u(a.$slots, "author-image", P(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1675,13 +1675,13 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            _(a.$slots, "rich-text-content"),
+            u(a.$slots, "rich-text-content"),
             a.links ? (s(), i("div", ho, [
-              _(a.$slots, "rich-text-links")
+              u(a.$slots, "rich-text-links")
             ])) : m("", !0)
           ], 2),
           a.bulletList ? (s(), i("div", mo, [
-            _(a.$slots, "rich-text-bullet-list")
+            u(a.$slots, "rich-text-bullet-list")
           ])) : m("", !0),
           a.image ? (s(), i("div", {
             key: 1,
@@ -1692,7 +1692,7 @@ const zl = /* @__PURE__ */ v(El, [["render", Hl], ["__scopeId", "data-v-9d5712e7
           }, [
             w(A, null, {
               default: k(() => [
-                _(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
+                u(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1708,10 +1708,10 @@ function wo(e, a) {
       t("div", $o, [
         t("div", ko, [
           t("div", null, [
-            _(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            u(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            _(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            u(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
@@ -1756,7 +1756,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
             t("div", Co, [
               w(A, null, {
                 default: k(() => [
-                  o.media.src ? _(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
+                  o.media.src ? u(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1793,7 +1793,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
     return (a, r) => (s(), i("div", Oo, [
       t("div", Po, [
         e.headline ? (s(), i("h2", Fo, n(e.headline), 1)) : m("", !0),
-        _(a.$slots, "vimeo-content", {}, void 0, !0),
+        u(a.$slots, "vimeo-content", {}, void 0, !0),
         e.description ? (s(), i("p", Eo, n(e.description), 1)) : m("", !0)
       ])
     ]));
@@ -1811,7 +1811,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
       t("div", zo, [
         t("h1", jo, n(e.headline), 1),
         t("div", Uo, [
-          _(a.$slots, "not-found-body", {}, void 0, !0)
+          u(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1833,10 +1833,10 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
     return (a, r) => (s(), i("div", Wo, [
       t("div", Yo, [
         t("div", Jo, [
-          _(a.$slots, "filter-dropdowns")
+          u(a.$slots, "filter-dropdowns")
         ]),
         t("div", Qo, [
-          _(a.$slots, "filter-chips"),
+          u(a.$slots, "filter-chips"),
           e.hasChips ? (s(), i("button", {
             key: 0,
             class: "filter__clear",
@@ -1867,7 +1867,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
             t("span", as, n(o.title), 1),
             t("nav", null, [
               t("ul", ls, [
-                _(a.$slots, "section-links", {
+                u(a.$slots, "section-links", {
                   links: o.links
                 })
               ])
@@ -1914,8 +1914,8 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
                 W(n(a.changeRegion), 1)
               ])
             ]),
-            _(a.$slots, "footer-privacy-link"),
-            _(a.$slots, "footer-cookie-link")
+            u(a.$slots, "footer-privacy-link"),
+            u(a.$slots, "footer-cookie-link")
           ]),
           t("div", ms, [
             (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), C(D, {
@@ -1974,10 +1974,10 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
   setup(e, { expose: a, emit: r }) {
     let o = null;
     const l = e;
-    let u = I(l.burgerState), c = I(l.showDropDown);
+    let _ = I(l.burgerState), c = I(l.showDropDown);
     re(
       () => l.burgerState,
-      (B) => u.value = B
+      (B) => _.value = B
     ), re(
       () => l.showDropDown,
       (B) => c.value = B
@@ -1993,7 +1993,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
       c.value = !c.value, p("update:showDropDown", c.value);
     }
     function f() {
-      u.value = !u.value, p("update:burgerState", u.value);
+      _.value = !_.value, p("update:burgerState", _.value);
     }
     let y = I(null), q = I(null);
     function x() {
@@ -2005,21 +2005,21 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
       t("nav", null, [
         t("div", ys, [
           t("div", $s, [
-            _(B.$slots, "link-logo", {}, void 0, !0)
+            u(B.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", ks, [
-            _(B.$slots, "main-nav-items", {}, void 0, !0)
+            u(B.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", ws, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: S
             }, [
-              _(B.$slots, "dropdown-title", {}, void 0, !0),
+              u(B.$slots, "dropdown-title", {}, void 0, !0),
               V(c) === !1 ? (s(), i("img", Ss)) : (s(), i("img", Bs))
             ]),
             Y(t("div", Is, [
-              _(B.$slots, "dropdown-links", {}, void 0, !0)
+              u(B.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [Z, V(c)]
             ])
@@ -2035,7 +2035,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
               })
             }, [
               t("img", {
-                src: V(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: V(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
                 width: "20",
                 height: "20"
@@ -2044,11 +2044,11 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
           ])
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", V(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
           t("div", Ls, [
             t("div", Vs, [
-              _(B.$slots, "link-logo", {}, void 0, !0)
+              u(B.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", Cs, [
               t("button", {
@@ -2062,7 +2062,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
                 })
               }, [
                 t("img", {
-                  src: V(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: V(_) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
                   width: "20",
                   height: "20"
@@ -2078,20 +2078,20 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: V(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
+                src: V(_) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
               }, null, 8, Ds)
             ])
           ]),
           Y(t("div", Ms, [
             t("ul", null, [
-              _(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              u(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", Os, [
-              _(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              _(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              u(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, V(u)]
+            [Z, V(_)]
           ])
         ], 2)
       ])
@@ -2115,7 +2115,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
         t("h2", Ns, n(e.headline), 1),
         t("p", Hs, n(e.paragraph), 1),
         t("div", zs, [
-          _(a.$slots, "language-links", {}, void 0, !0)
+          u(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
@@ -2142,7 +2142,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (o) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        _(a.$slots, "pagination-numbers"),
+        u(a.$slots, "pagination-numbers"),
         w(X, {
           disabled: e.isNextDisabled,
           variant: "next",
@@ -2155,7 +2155,7 @@ const So = /* @__PURE__ */ v(go, [["render", wo], ["__scopeId", "data-v-2881b194
 }), Ys = /* @__PURE__ */ v(Ws, [["__scopeId", "data-v-da6d07c9"]]), Js = {}, Qs = { class: "search__wrapper" };
 function Zs(e, a) {
   return s(), i("div", Qs, [
-    _(e.$slots, "default", { class: "search__content" })
+    u(e.$slots, "default", { class: "search__content" })
   ]);
 }
 const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82"]]), xs = { class: "product-hero__wrapper" }, ei = { class: "product-hero__content" }, ti = { class: "product-hero__headline" }, ai = { class: "product-hero__video" }, li = {
@@ -2208,14 +2208,14 @@ const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82
             muted: ""
           }, null, 8, ["src", "aria-label", "poster"])) : (s(), C(V(A), { key: 1 }, {
             default: k(() => [
-              _(a.$slots, "product-hero-image", {}, void 0, !0)
+              u(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
           e.logoSrc ? (s(), i("div", li, [
             w(V(A), null, {
               default: k(() => [
-                _(a.$slots, "product-hero-logo", {}, void 0, !0)
+                u(a.$slots, "product-hero-logo", {}, void 0, !0)
               ]),
               _: 3
             })
@@ -2243,7 +2243,7 @@ const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
     }, r = e, o = L(() => a[r.variant]);
-    return (l, u) => (s(), i("div", {
+    return (l, _) => (s(), i("div", {
       class: h([
         "promo__wrapper",
         o.value,
@@ -2259,10 +2259,10 @@ const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82
         }, [
           t("div", ri, [
             t("div", ni, [
-              _(l.$slots, "pallet-jack-link")
+              u(l.$slots, "pallet-jack-link")
             ]),
             t("div", di, [
-              _(l.$slots, "pallet-jack-video")
+              u(l.$slots, "pallet-jack-video")
             ]),
             t("div", ci, [
               t("h3", ui, n(l.headline), 1),
@@ -2286,14 +2286,16 @@ const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82
               "promo__title",
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
-          }, n(l.text), 3),
+          }, [
+            u(l.$slots, "promo-text")
+          ], 2),
           l.linkType === "link" ? (s(), C(D, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
           }, {
             default: k(() => [
-              _(l.$slots, "promo-link")
+              u(l.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
@@ -2302,7 +2304,7 @@ const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
             default: k(() => [
-              _(l.$slots, "promo-link")
+              u(l.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0)
@@ -2310,7 +2312,7 @@ const Xs = /* @__PURE__ */ v(Js, [["render", Zs], ["__scopeId", "data-v-623adb82
       ])
     ], 2));
   }
-}), pi = /* @__PURE__ */ v(_i, [["__scopeId", "data-v-8fdfddf2"]]), mi = {
+}), pi = /* @__PURE__ */ v(_i, [["__scopeId", "data-v-6948a97b"]]), mi = {
   install: (e) => {
     e.component("AtomButton", X), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", K), e.component("AtomLink", D), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", J), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", sa), e.component("MoleculeCard", ca), e.component("MoleculeEventCard", ga), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", wa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Na), e.component("BlockFormScript", Ya), e.component("BlockHeadline", cl), e.component("BlockHero", wl), e.component("BlockImage", el), e.component("BlockImageGallery", il), e.component("BlockLogoWall", Al), e.component("BlockMicroStories", Fl), e.component("BlockPolicy", zl), e.component("BlockProductHero", si), e.component("BlockPromo", Xl), e.component("BlockQuote", _o), e.component("BlockRichText", fo), e.component("BlockRichTextColumns", So), e.component("BlockTimeline", Mo), e.component("BlockCardDisplay", Jl), e.component("BlockVimeo", No), e.component("BlockPalletJack", pi), e.component("Organism404", Go), e.component("OrganismFilter", Xo), e.component("OrganismFooter", gs), e.component("OrganismHeader", Fs), e.component("OrganismLanguageSwitcher", Us), e.component("OrganismPagination", Ys), e.component("OrganismSearch", Xs);
   }