@mirweb/mir-web-components 0.17.40 → 0.17.42

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

@@ -1,5 +1,5 @@
-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 K, ref as I, withDirectives as Q, Fragment as M, renderList as O, vShow as ee, 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 V, createCommentVNode as m, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as C, onMounted as ce, watch as re, onUnmounted as Be } from "vue";
-const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
+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 K, ref as I, withDirectives as Q, Fragment as M, renderList as O, vShow as ee, 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: {
     variant: { default: "primary" },
@@ -17,7 +17,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     return (l, u) => (s(), i("button", {
       class: h(["button", "button--" + o.value]),
       "aria-label": l.ariaLabel
-    }, n(o.value === "close" ? "" : l.buttonText), 11, Se));
+    }, n(o.value === "close" ? "" : l.buttonText), 11, Be));
   }
 }), v = (e, a) => {
   const r = e.__vccOpts || e;
@@ -104,7 +104,7 @@ const Se = ["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([]), B = I(0), f = I(""), y = I(!0), q = I(0), X = a, S = L(() => {
+    }, 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(() => {
       const d = o.options.find(
         (b) => b.value === o.modelValue
       );
@@ -173,8 +173,8 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       d && d.removeAttribute("aria-selected");
     }
     function he() {
-      B.value && (clearTimeout(B.value), B.value = 0), B.value = setTimeout(() => {
-        f.value = "", B.value = 0;
+      S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
+        f.value = "", S.value = 0;
       }, 500);
     }
     function me(d) {
@@ -255,7 +255,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           class: h(["listbox__button", l.value]),
           onClick: ge,
           onKeydown: _e
-        }, n(d.modelValue ? S.value : d.placeholder), 43, He),
+        }, n(d.modelValue ? B.value : d.placeholder), 43, He),
         Q(t("ul", {
           ref_key: "listboxNode",
           ref: c,
@@ -301,7 +301,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       _(a.$slots, "default", P(F(a.$attrs)))
     ]));
   }
-}), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
+}), A = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
@@ -317,7 +317,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, n(o.text), 11, Je)
     ]));
   }
-}), G = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, A = /* @__PURE__ */ g({
+}), G = /* @__PURE__ */ v(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, D = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -342,7 +342,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       const { ...p } = ye(o);
       return p;
     });
-    return (p, B) => (s(), i("div", Ze, [
+    return (p, S) => (s(), i("div", Ze, [
       t("div", te(c.value, {
         class: ["mir-link", [
           l.value,
@@ -460,7 +460,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? m("", !0) : (s(), V(Z, {
+                u.searchBar ? m("", !0) : (s(), C(Z, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -491,7 +491,7 @@ const Se = ["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, B = (f) => {
+    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) => {
       var y;
       (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${f}%`);
     };
@@ -500,7 +500,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
         o("update:modelValue", l.value);
         const f = p(l.value, r.min, r.max);
         let y = (50 - f) / 100;
-        B(f + y);
+        S(f + y);
       }
     }), (f, y) => (s(), i("div", null, [
       t("div", _t, [
@@ -545,7 +545,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           class: h([f.variant, "slider__value"])
         }, n(f.modelValue), 3)
       ]),
-      f.information ? (s(), V(ue, {
+      f.information ? (s(), C(ue, {
         key: 0,
         show: c.value,
         "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
@@ -557,7 +557,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, 8, ["show"])) : m("", !0)
     ]));
   }
-}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Bt = { class: "textarea-info" }, St = { key: 0 }, It = /* @__PURE__ */ g({
+}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -595,9 +595,9 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           onInput: r[0] || (r[0] = (o) => a.$emit("update:modelValue", o.target.value))
         }, null, 42, wt)
       ], 8, kt),
-      t("div", Bt, [
+      t("div", St, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", St, " Too many characters. Please make it shorter ")) : m("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Bt, " Too many characters. Please make it shorter ")) : m("", !0)
         ]),
         t("p", {
           class: h(
@@ -648,7 +648,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     ), c = L(
       () => l.value ? "password" : "text"
     );
-    return (p, B) => (s(), i("div", Tt, [
+    return (p, S) => (s(), i("div", Tt, [
       t("label", {
         for: p.id,
         class: h([
@@ -667,14 +667,14 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           required: p.required,
           disabled: p.disabled,
           name: p.fieldName,
-          onInput: B[0] || (B[0] = (f) => p.$emit("update:modelValue", f.target.value))
+          onInput: S[0] || (S[0] = (f) => p.$emit("update:modelValue", f.target.value))
         }, null, 40, Ct),
         t("i", {
           role: "button",
           class: h([u.value]),
           "aria-controls": "password",
           "aria-expanded": !l.value,
-          onClick: B[1] || (B[1] = (f) => l.value = !l.value)
+          onClick: S[1] || (S[1] = (f) => l.value = !l.value)
         }, null, 10, At)
       ])) : (s(), i("input", {
         key: 1,
@@ -691,7 +691,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
         ]),
         disabled: p.disabled,
         name: p.fieldName,
-        onInput: B[2] || (B[2] = (f) => p.$emit("update:modelValue", f.target.value))
+        onInput: S[2] || (S[2] = (f) => p.$emit("update:modelValue", f.target.value))
       }, null, 42, Dt)),
       p.search ? (s(), i("i", Mt)) : m("", !0),
       p.errorMessage ? (s(), i("strong", Ot, n(p.errorMessage), 1)) : m("", !0),
@@ -777,7 +777,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           a.addressLine3 ? (s(), i("p", Yt, n(a.addressLine3), 1)) : m("", !0)
         ]),
         t("div", Jt, [
-          (s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), V(A, {
+          (s(!0), i(M, null, O(a.phoneNumbers, (o) => (s(), C(D, {
             key: o,
             underline: "false",
             "link-type": "regular"
@@ -885,10 +885,10 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           c.variant === "product" ? "card--product" : "card--article"
         ]]),
         style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: p[0] || (p[0] = (B) => ie(r) ? r.value = !0 : r = !0),
-        onMouseout: p[1] || (p[1] = (B) => ie(r) ? r.value = !1 : r = !1)
+        onMouseover: p[0] || (p[0] = (S) => ie(r) ? r.value = !0 : r = !0),
+        onMouseout: p[1] || (p[1] = (S) => ie(r) ? r.value = !1 : r = !1)
       }, [
-        c.mediaType === "image" ? (s(), V(D, { key: 0 }, {
+        c.mediaType === "image" ? (s(), C(A, { key: 0 }, {
           default: k(() => [
             _(c.$slots, "card-image", te({
               src: c.imgSrc,
@@ -902,10 +902,10 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           _: 3
         })) : (s(), i("div", {
           key: 1,
-          class: h(["video-card__wrapper", C(r) === !0 ? "vimeoPlaying" : ""])
+          class: h(["video-card__wrapper", V(r) === !0 ? "vimeoPlaying" : ""])
         }, [
           w(Y, {
-            play: C(r),
+            play: V(r),
             "local-video": !0,
             src: c.videoSrc,
             "aria-label": c.arialabel,
@@ -918,7 +918,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        C(a)["card-label"] ? (s(), i("div", ia, [
+        V(a)["card-label"] ? (s(), i("div", ia, [
           _(c.$slots, "card-label")
         ])) : m("", !0),
         c.variant === "product" ? (s(), i("h3", {
@@ -1000,7 +1000,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Ba = { class: "facts__content" }, Sa = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, Ta = { class: "fact__metric" }, La = {
+}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, Ba = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, Ta = { class: "fact__metric" }, La = {
   key: 0,
   class: "facts__link"
 }, Va = /* @__PURE__ */ g({
@@ -1028,8 +1028,8 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", wa, [
-      t("div", Ba, [
-        t("h2", Sa, n(a.headline), 1),
+      t("div", Sa, [
+        t("h2", Ba, n(a.headline), 1),
         t("div", Ia, [
           (s(!0), i(M, null, O(a.facts, (o) => (s(), i("div", {
             key: o.value + o.metric,
@@ -1044,7 +1044,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         a.link ? (s(), i("div", La, [
-          w(A, {
+          w(D, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1086,7 +1086,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             key: o.headline,
             class: "features__element"
           }, [
-            w(D, { class: "element__icon" }, {
+            w(A, { class: "element__icon" }, {
               default: k(() => [
                 _(a.$slots, "features-icon", P(F({
                   src: o.icon.src,
@@ -1149,7 +1149,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
     return (a, r) => (s(), i("div", Ya, [
       t("div", Ja, [
         t("div", Qa, [
-          w(D, null, {
+          w(A, null, {
             default: k(() => [
               _(a.$slots, "image", P(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
@@ -1197,7 +1197,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, [
         t("div", el, [
           l.mediaLarge && l.mediaType === "image" ? (s(), i("div", tl, [
-            w(D, null, {
+            w(A, null, {
               default: k(() => [
                 _(l.$slots, "image-large", P(F({
                   width: 617,
@@ -1235,7 +1235,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             key: c.src + c.alt,
             class: "image image--small"
           }, [
-            w(D, null, {
+            w(A, null, {
               default: k(() => [
                 _(l.$slots, "image-small", P(F({
                   width: 328,
@@ -1301,7 +1301,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
               t("h1", null, n(e.headline), 1)
             ]),
             t("div", vl, [
-              w(A, {
+              w(D, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1325,7 +1325,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-22f9be13"]]), wl = { class: "logo-wall__wrapper" }, Bl = { class: "logo-wall__content" }, Sl = {
+}), kl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-22f9be13"]]), wl = { class: "logo-wall__wrapper" }, Sl = { class: "logo-wall__content" }, Bl = {
   key: 0,
   class: "logo-wall__text"
 }, Il = { key: 0 }, ql = { key: 1 }, Tl = { class: "logo-wall__logos" }, Ll = { class: "logo-wall__link" }, Vl = /* @__PURE__ */ g({
@@ -1347,8 +1347,8 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (s(), i("div", wl, [
-      t("div", Bl, [
-        e.headline || e.body ? (s(), i("div", Sl, [
+      t("div", Sl, [
+        e.headline || e.body ? (s(), i("div", Bl, [
           e.headline ? (s(), i("h2", Il, n(e.headline), 1)) : m("", !0),
           e.body ? (s(), i("p", ql, n(e.body), 1)) : m("", !0)
         ])) : m("", !0),
@@ -1357,7 +1357,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
             key: o.src + o.alt,
             class: "logo-wall__logo"
           }, [
-            w(D, null, {
+            w(A, null, {
               default: k(() => [
                 _(a.$slots, "logo-wall-logo", P(F({
                   width: 130,
@@ -1371,7 +1371,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         t("div", Ll, [
-          w(A, {
+          w(D, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1428,7 +1428,7 @@ function Nl(e, a) {
     ])
   ]);
 }
-const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b"]]), zl = { class: "card-display__wrapper" }, jl = {
+const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-9d5712e7"]]), zl = { class: "card-display__wrapper" }, jl = {
   key: 0,
   class: "card__content"
 }, Ul = { key: 0 }, Kl = { key: 1 }, Gl = { class: "card__cards" }, Wl = /* @__PURE__ */ g({
@@ -1501,7 +1501,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
             l.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          w(D, null, {
+          w(A, null, {
             default: k(() => [
               _(l.$slots, "promo-image", P(F({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
@@ -1533,7 +1533,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), V(G, {
+          l.label ? (s(), C(G, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
@@ -1544,7 +1544,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, n(l.headline), 3),
-          l.linkType === "link" ? (s(), V(A, {
+          l.linkType === "link" ? (s(), C(D, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -1554,7 +1554,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          l.linkType === "button" ? (s(), V(A, {
+          l.linkType === "button" ? (s(), C(D, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -1599,7 +1599,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
           t("p", lo, n(e.quote), 1),
           t("div", oo, [
             e.authorImage ? (s(), i("div", so, [
-              w(D, null, {
+              w(A, null, {
                 default: k(() => [
                   _(a.$slots, "author-image", P(F({
                     src: e.authorImage + "/m/100x100",
@@ -1645,7 +1645,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
       ])
     }, [
       t("div", _o, [
-        a.label ? (s(), V(G, {
+        a.label ? (s(), C(G, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -1684,7 +1684,7 @@ const Hl = /* @__PURE__ */ v(Fl, [["render", Nl], ["__scopeId", "data-v-8765ee0b
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            w(D, null, {
+            w(A, null, {
               default: k(() => [
                 _(a.$slots, "rich-text-image", P(F({ width: 865, height: 307 })))
               ]),
@@ -1712,7 +1712,7 @@ function ko(e, a) {
     ])
   ]);
 }
-const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4"]]), Bo = (e) => (E("data-v-78d319df"), e = e(), R(), e), So = { class: "timeline__wrapper" }, Io = { class: "timeline__content" }, qo = { class: "timeline__items" }, To = { class: "item__left" }, Lo = /* @__PURE__ */ Bo(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4"]]), So = (e) => (E("data-v-78d319df"), e = e(), R(), e), Bo = { class: "timeline__wrapper" }, Io = { class: "timeline__content" }, qo = { class: "timeline__items" }, To = { class: "item__left" }, Lo = /* @__PURE__ */ So(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Vo = { class: "item__right" }, Co = ["innerHTML"], Ao = /* @__PURE__ */ g({
@@ -1738,7 +1738,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
       a.forEach((o) => {
         r.observe(o);
       });
-    }), (a, r) => (s(), i("div", So, [
+    }), (a, r) => (s(), i("div", Bo, [
       t("div", Io, [
         t("div", qo, [
           (s(!0), i(M, null, O(e.timelineItems, (o) => (s(), i("div", {
@@ -1748,7 +1748,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
             t("div", To, n(o.year), 1),
             Lo,
             t("div", Vo, [
-              w(D, null, {
+              w(A, null, {
                 default: k(() => [
                   o.media.type === "image" ? _(a.$slots, "timeline-image", P(te({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : m("", !0)
                 ]),
@@ -1873,7 +1873,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
               ss,
               is,
               rs,
-              w(A, {
+              w(D, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -1883,7 +1883,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                 ]),
                 _: 1
               }),
-              w(A, {
+              w(D, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -1912,7 +1912,7 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
             _(a.$slots, "footer-cookie-link")
           ]),
           t("div", hs, [
-            (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), V(A, {
+            (s(!0), i(M, null, O(a.socialMedia, (o) => (s(), C(D, {
               key: o.title,
               underline: "false",
               "link-type": "regular"
@@ -1943,12 +1943,12 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Bs = {
+}, Ss = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Ss = { class: "dropdown-content" }, Is = { class: "nav-search-wrapper" }, qs = ["src"], Ts = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Vs = { class: "mobile-search-wrapper" }, Cs = ["src"], As = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ g({
+}, Bs = { class: "dropdown-content" }, Is = { class: "nav-search-wrapper" }, qs = ["src"], Ts = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Vs = { class: "mobile-search-wrapper" }, Cs = ["src"], As = ["src"], Ds = { class: "mobile-menu-content-wrapper" }, Ms = { class: "mobile-dropdown-content" }, Os = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -1971,19 +1971,19 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     let u = I(l.burgerState), c = I(l.showDropDown);
     re(
       () => l.burgerState,
-      (S) => u.value = S
+      (B) => u.value = B
     ), re(
       () => l.showDropDown,
-      (S) => c.value = S
+      (B) => c.value = B
     ), ce(() => {
-      o = (S) => {
-        S.target.closest("#menu-dropdown") || (c.value = !1);
+      o = (B) => {
+        B.target.closest("#menu-dropdown") || (c.value = !1);
       }, window.addEventListener("click", o);
-    }), Be(() => {
+    }), Se(() => {
       o !== null && window.removeEventListener("click", o);
     });
     const p = r;
-    function B() {
+    function S() {
       c.value = !c.value, p("update:showDropDown", c.value);
     }
     function f() {
@@ -1995,27 +1995,27 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
     }
     return a({
       defocusSearchButton: X
-    }), (S, j) => (s(), i("div", gs, [
+    }), (B, j) => (s(), i("div", gs, [
       t("nav", null, [
         t("div", bs, [
           t("div", ys, [
-            _(S.$slots, "link-logo", {}, void 0, !0)
+            _(B.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", $s, [
-            _(S.$slots, "main-nav-items", {}, void 0, !0)
+            _(B.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", ks, [
             t("button", {
               class: "nav-dropdown-btn",
-              onClick: B
+              onClick: S
             }, [
-              _(S.$slots, "dropdown-title", {}, void 0, !0),
-              C(c) === !1 ? (s(), i("img", ws)) : (s(), i("img", Bs))
+              _(B.$slots, "dropdown-title", {}, void 0, !0),
+              V(c) === !1 ? (s(), i("img", ws)) : (s(), i("img", Ss))
             ]),
-            Q(t("div", Ss, [
-              _(S.$slots, "dropdown-links", {}, void 0, !0)
+            Q(t("div", Bs, [
+              _(B.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [ee, C(c)]
+              [ee, V(c)]
             ])
           ], 512),
           t("div", Is, [
@@ -2025,11 +2025,11 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
               class: "search-icon",
               onClick: j[0] || (j[0] = (x) => {
                 var H;
-                return S.$emit("clickSearch"), (H = C(y)) == null ? void 0 : H.blur();
+                return B.$emit("clickSearch"), (H = V(y)) == null ? void 0 : H.blur();
               })
             }, [
               t("img", {
-                src: C(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(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",
                 alt: "search icon",
                 width: "20",
                 height: "20"
@@ -2038,11 +2038,11 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
           ])
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", C(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
           t("div", Ts, [
             t("div", Ls, [
-              _(S.$slots, "link-logo", {}, void 0, !0)
+              _(B.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", Vs, [
               t("button", {
@@ -2052,11 +2052,11 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                 "aria-label": "Toggle search",
                 onClick: j[1] || (j[1] = (x) => {
                   var H;
-                  return S.$emit("clickSearch"), (H = C(q)) == null ? void 0 : H.blur();
+                  return B.$emit("clickSearch"), (H = V(q)) == null ? void 0 : H.blur();
                 })
               }, [
                 t("img", {
-                  src: C(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(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",
                   alt: "search icon",
                   width: "20",
                   height: "20"
@@ -2072,20 +2072,20 @@ const wo = /* @__PURE__ */ v(fo, [["render", ko], ["__scopeId", "data-v-3abe0bb4
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: C(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(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"
               }, null, 8, As)
             ])
           ]),
           Q(t("div", Ds, [
             t("ul", null, [
-              _(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              _(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", Ms, [
-              _(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              _(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              _(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              _(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [ee, C(u)]
+            [ee, V(u)]
           ])
         ], 2)
       ])
@@ -2152,7 +2152,10 @@ function Qs(e, a) {
     _(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Xs = { class: "product-hero__wrapper" }, xs = { class: "product-hero__content" }, ei = { class: "product-hero__headline" }, ti = { class: "product-hero__video" }, ai = /* @__PURE__ */ g({
+const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Xs = { class: "product-hero__wrapper" }, xs = { class: "product-hero__content" }, ei = { class: "product-hero__headline" }, ti = { class: "product-hero__video" }, ai = {
+  key: 0,
+  class: "product-hero__logo"
+}, li = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -2174,6 +2177,11 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
       type: String,
       default: "",
       required: !0
+    },
+    logoSrc: {
+      type: String,
+      default: "",
+      required: !1
     }
   },
   setup(e) {
@@ -2183,7 +2191,7 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
           t("h3", null, n(e.headline), 1)
         ]),
         t("div", ti, [
-          e.videoSrc !== "" ? (s(), V(Y, {
+          e.videoSrc !== "" ? (s(), C(Y, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2194,17 +2202,25 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (s(), V(C(D), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (s(), C(V(A), { key: 1 }, {
             default: k(() => [
               _(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           }))
-        ])
+        ]),
+        e.logoSrc !== "" ? (s(), i("div", ai, [
+          w(V(A), null, {
+            default: k(() => [
+              _(a.$slots, "product-hero-logo", {}, void 0, !0)
+            ]),
+            _: 3
+          })
+        ])) : m("", !0)
       ])
     ]));
   }
-}), li = /* @__PURE__ */ v(ai, [["__scopeId", "data-v-bc89ffbc"]]), oi = { class: "promo__content" }, si = { class: "pallet-jack__media-wrap" }, ii = { class: "pallet-jack-link" }, ri = { class: "pallet-jack__media-wrap__inner-wrap" }, ni = { class: "pallet-jack__media-wrap__content-wrap" }, di = { class: "regular-blue" }, ci = /* @__PURE__ */ g({
+}), oi = /* @__PURE__ */ v(li, [["__scopeId", "data-v-0745ac83"]]), si = { class: "promo__content" }, ii = { class: "pallet-jack__media-wrap" }, ri = { class: "pallet-jack-link" }, ni = { class: "pallet-jack__media-wrap__inner-wrap" }, di = { class: "pallet-jack__media-wrap__content-wrap" }, ci = { class: "regular-blue" }, ui = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2230,22 +2246,22 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
         l.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", oi, [
+      t("div", si, [
         t("div", {
           class: h([
             "promo__video",
             l.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", si, [
-            t("div", ii, [
+          t("div", ii, [
+            t("div", ri, [
               _(l.$slots, "pallet-jack-link")
             ]),
-            t("div", ri, [
+            t("div", ni, [
               _(l.$slots, "pallet-jack-video")
             ]),
-            t("div", ni, [
-              t("h3", di, n(l.headline), 1),
+            t("div", di, [
+              t("h3", ci, n(l.headline), 1),
               t("p", null, n(l.shortDescription), 1)
             ])
           ])
@@ -2256,7 +2272,7 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (s(), V(G, {
+          l.label ? (s(), C(G, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
@@ -2267,7 +2283,7 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, n(l.text), 3),
-          l.linkType === "link" ? (s(), V(A, {
+          l.linkType === "link" ? (s(), C(D, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -2277,7 +2293,7 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          l.linkType === "button" ? (s(), V(A, {
+          l.linkType === "button" ? (s(), C(D, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -2290,9 +2306,9 @@ const Zs = /* @__PURE__ */ v(Ys, [["render", Qs], ["__scopeId", "data-v-623adb82
       ])
     ], 2));
   }
-}), ui = /* @__PURE__ */ v(ci, [["__scopeId", "data-v-8fdfddf2"]]), pi = {
+}), _i = /* @__PURE__ */ v(ui, [["__scopeId", "data-v-8fdfddf2"]]), hi = {
   install: (e) => {
-    e.component("AtomButton", Z), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", D), e.component("AtomLabel", G), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", Y), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", kl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Pl), e.component("BlockPolicy", Hl), e.component("BlockProductHero", li), e.component("BlockPromo", Zl), e.component("BlockQuote", uo), e.component("BlockRichText", vo), e.component("BlockRichTextColumns", wo), e.component("BlockTimeline", Do), e.component("BlockCardDisplay", Yl), e.component("BlockVimeo", Ro), e.component("BlockPalletJack", ui), e.component("Organism404", Ko), e.component("OrganismFilter", Zo), e.component("OrganismFooter", fs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", js), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Zs);
+    e.component("AtomButton", Z), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", G), e.component("AtomLink", D), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", Y), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Ca), e.component("BlockFeatures", Ra), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", kl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Cl), e.component("BlockMicroStories", Pl), e.component("BlockPolicy", Hl), e.component("BlockProductHero", oi), e.component("BlockPromo", Zl), e.component("BlockQuote", uo), e.component("BlockRichText", vo), e.component("BlockRichTextColumns", wo), e.component("BlockTimeline", Do), e.component("BlockCardDisplay", Yl), e.component("BlockVimeo", Ro), e.component("BlockPalletJack", _i), e.component("Organism404", Ko), e.component("OrganismFilter", Zo), e.component("OrganismFooter", fs), e.component("OrganismHeader", Ps), e.component("OrganismLanguageSwitcher", js), e.component("OrganismPagination", Ws), e.component("OrganismSearch", Zs);
   }
 };
 export {
@@ -2300,9 +2316,9 @@ export {
   Ae as AtomCheckbox,
   Fe as AtomChip,
   Ke as AtomDropdown,
-  D as AtomImage,
+  A as AtomImage,
   G as AtomLabel,
-  A as AtomLink,
+  D as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
@@ -2319,9 +2335,9 @@ export {
   sl as BlockImageGallery,
   Cl as BlockLogoWall,
   Pl as BlockMicroStories,
-  ui as BlockPalletJack,
+  _i as BlockPalletJack,
   Hl as BlockPolicy,
-  li as BlockProductHero,
+  oi as BlockProductHero,
   Zl as BlockPromo,
   uo as BlockQuote,
   vo as BlockRichText,
@@ -2341,5 +2357,5 @@ export {
   js as OrganismLanguageSwitcher,
   Ws as OrganismPagination,
   Zs as OrganismSearch,
-  pi as default
+  hi as default
 };