@mirweb/mir-web-components 1.2.6 → 1.3.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as x, ref as q, withDirectives as K, Fragment as P, renderList as M, vShow as Y, normalizeProps as F, guardReactiveProps as H, toRefs as $e, mergeProps as de, createVNode as S, Transition as ke, withCtx as $, withModifiers as pe, createBlock as C, createCommentVNode as h, watchEffect as he, withKeys as we, useSlots as Se, normalizeStyle as ce, isRef as ne, unref as I, onMounted as me, watch as W, onUnmounted as Be } from "vue";
+import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as H, createTextVNode as x, ref as q, withDirectives as K, Fragment as P, renderList as M, vShow as Y, normalizeProps as F, guardReactiveProps as R, toRefs as $e, mergeProps as de, createVNode as S, Transition as ke, withCtx as $, withModifiers as he, createBlock as C, createCommentVNode as p, watchEffect as pe, withKeys as we, useSlots as Se, normalizeStyle as ce, isRef as ne, unref as I, onMounted as me, watch as W, onUnmounted as Be } from "vue";
 const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -25,7 +25,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   for (const [s, o] of a)
     r[s] = o;
   return r;
-}, ae = /* @__PURE__ */ f(qe, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (E("data-v-0adb65a6"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Ve = ["for"], Ce = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
+}, ae = /* @__PURE__ */ f(qe, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (E("data-v-0adb65a6"), e = e(), H(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Ve = ["for"], Ce = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -64,7 +64,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 10, Ve)
     ], 2));
   }
-}), Ae = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-0adb65a6"]]), Pe = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-0adb65a6"]]), Pe = (e) => (E("data-v-08813346"), e = e(), H(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -89,7 +89,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 8, Me)
     ]));
   }
-}), Ee = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), Re = ["value"], He = ["id"], Ne = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ g({
+}), Ee = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), He = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -107,7 +107,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, s = e, o = V(() => r[s.variant]), u = q(null), p = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = V(() => {
+    }, s = e, o = V(() => r[s.variant]), u = q(null), h = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = V(() => {
       const d = s.options.find(
         (y) => y.value === s.modelValue
       );
@@ -209,12 +209,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         ), J = _.value[z];
         b(J);
       }
-      if (d.setAttribute("aria-selected", "true"), (k = p.value) == null || k.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (k = h.value) == null || k.setAttribute(
         "aria-activedescendant",
         y || ""
-      ), ie(y || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
-        const z = p.value.clientHeight + p.value.scrollTop, J = d.offsetTop + d.offsetHeight;
-        J > z ? p.value.scrollTop = J - ((D = p.value) == null ? void 0 : D.clientHeight) : d.offsetTop < p.value.scrollTop && (p.value.scrollTop = d.offsetTop);
+      ), ie(y || ""), h.value && h.value.scrollHeight > h.value.clientHeight) {
+        const z = h.value.clientHeight + h.value.scrollTop, J = d.offsetTop + d.offsetHeight;
+        J > z ? h.value.scrollTop = J - ((D = h.value) == null ? void 0 : D.clientHeight) : d.offsetTop < h.value.scrollTop && (h.value.scrollTop = d.offsetTop);
       }
     }
     function ge() {
@@ -228,7 +228,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     }
     function _e() {
       var d, y;
-      w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y = p.value) == null || y.focus();
+      w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y = h.value) == null || y.focus();
     }
     function be() {
       s.disabled || (w.value ? _e() : te());
@@ -245,7 +245,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           "is-disabled": d.disabled,
           "is-required": d.required
         }, "listbox__label"])
-      }, n(d.label), 11, He),
+      }, n(d.label), 11, Re),
       K((l(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
@@ -261,7 +261,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         }, n(d.modelValue ? le.value : d.placeholder), 43, ze),
         K(t("ul", {
           ref_key: "listboxNode",
-          ref: p,
+          ref: h,
           "aria-labelledby": `${d.name}-label`,
           "aria-activedescendant": d.modelValue,
           tabindex: "0",
@@ -286,7 +286,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])), [
         [se, te]
       ])
-    ], 8, Re));
+    ], 8, He));
   }
 }), Ge = /* @__PURE__ */ f(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Je = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
   __name: "image",
@@ -301,7 +301,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (l(), i("div", Je, [
-      c(a.$slots, "default", F(H(a.$attrs)))
+      c(a.$slots, "default", F(R(a.$attrs)))
     ]));
   }
 }), A = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ g({
@@ -342,12 +342,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, o = V(() => a[s.linkType]), u = V(() => r[s.underline]), p = V(() => {
+    }, s = e, o = V(() => a[s.linkType]), u = V(() => r[s.underline]), h = V(() => {
       const { ..._ } = $e(s);
       return _;
     });
     return (_, B) => (l(), i("div", Xe, [
-      t("div", de(p.value, {
+      t("div", de(h.value, {
         class: ["mir-link", [
           o.value,
           _.disabled ? "disabled" : "",
@@ -359,7 +359,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 16)
     ]));
   }
-}), xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), et = ["id", "name", "value", "checked", "disabled", "required"], tt = ["for"], at = /* @__PURE__ */ xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), ot = /* @__PURE__ */ g({
+}), xe = (e) => (E("data-v-fa1bda9b"), e = e(), H(), e), et = ["id", "name", "value", "checked", "disabled", "required"], tt = ["for"], at = /* @__PURE__ */ xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), ot = /* @__PURE__ */ g({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -444,7 +444,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     const r = e, s = a, o = () => {
       s("update:show", !r.show);
     };
-    return (u, p) => (l(), i("div", ut, [
+    return (u, h) => (l(), i("div", ut, [
       S(ke, {
         duration: 300,
         name: "nested"
@@ -459,11 +459,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             t("div", {
               id: "modal",
               class: m([u.searchBar ? "search" : ""]),
-              onClick: p[0] || (p[0] = pe(() => {
+              onClick: h[0] || (h[0] = he(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? h("", !0) : (l(), C(ae, {
+                u.searchBar ? p("", !0) : (l(), C(ae, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -480,7 +480,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       })
     ]));
   }
-}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, mt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, gt = ["id", "name", "value", "min", "step", "max"], bt = { class: "modal-information" }, yt = /* @__PURE__ */ g({
+}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), ht = { class: "slider__wrapper" }, pt = { class: "slider__label" }, mt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, gt = ["id", "name", "value", "min", "step", "max"], bt = { class: "modal-information" }, yt = /* @__PURE__ */ g({
   __name: "slider",
   props: {
     label: {},
@@ -496,11 +496,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, s = a, o = q(r.modelValue), u = q(), p = q(!1), _ = (v, w, L) => (v - w) / (L - w) * 100, B = (v) => {
+    const r = e, s = a, o = q(r.modelValue), u = q(), h = q(!1), _ = (v, w, L) => (v - w) / (L - w) * 100, B = (v) => {
       var w;
       (w = u.value) == null || w.style.setProperty("--ProgressPercent", `${v}%`);
     };
-    return he(() => {
+    return pe(() => {
       if (u.value) {
         s("update:modelValue", o.value);
         const v = _(o.value, r.min, r.max);
@@ -508,8 +508,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         B(v + w);
       }
     }), (v, w) => (l(), i("div", null, [
-      t("div", pt, [
-        t("div", ht, [
+      t("div", ht, [
+        t("div", pt, [
           t("label", {
             for: v.id,
             class: m([v.variant, ""])
@@ -521,9 +521,9 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: w[0] || (w[0] = (L) => p.value = !p.value),
-            onKeyup: w[1] || (w[1] = we((L) => p.value = !p.value, ["enter"]))
-          }, null, 42, vt)) : h("", !0)
+            onClick: w[0] || (w[0] = (L) => h.value = !h.value),
+            onKeyup: w[1] || (w[1] = we((L) => h.value = !h.value, ["enter"]))
+          }, null, 42, vt)) : p("", !0)
         ]),
         t("div", ft, [
           t("span", {
@@ -552,14 +552,14 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ]),
       v.information ? (l(), C(ve, {
         key: 0,
-        show: p.value,
-        "onUpdate:show": w[3] || (w[3] = (L) => p.value = L)
+        show: h.value,
+        "onUpdate:show": w[3] || (w[3] = (L) => h.value = L)
       }, {
         default: $(() => [
           t("p", bt, n(v.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : h("", !0)
+      }, 8, ["show"])) : p("", !0)
     ]));
   }
 }), $t = /* @__PURE__ */ f(yt, [["__scopeId", "data-v-24a83011"]]), kt = { id: "textarea-wrapper" }, wt = ["for"], St = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], It = { class: "textarea-info" }, qt = { key: 0 }, Lt = /* @__PURE__ */ g({
@@ -602,7 +602,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 8, St),
       t("div", It, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", qt, " Too many characters. Please make it shorter ")) : h("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", qt, " Too many characters. Please make it shorter ")) : p("", !0)
         ]),
         t("p", {
           class: m(
@@ -621,7 +621,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
 }, Et = {
   key: 4,
   class: "helperText"
-}, Rt = /* @__PURE__ */ g({
+}, Ht = /* @__PURE__ */ g({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -650,7 +650,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       search: "search"
     }, r = e, s = V(() => a[r.type]), o = q(!0), u = V(
       () => o.value ? "showPassword" : "hidePassword"
-    ), p = V(
+    ), h = V(
       () => o.value ? "password" : "text"
     );
     return (_, B) => (l(), i("div", Vt, [
@@ -666,7 +666,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         t("input", {
           id: _.id,
           ref: "passwordField",
-          type: p.value,
+          type: h.value,
           value: _.modelValue,
           placeholder: _.placeholder,
           required: _.required,
@@ -698,12 +698,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         name: _.fieldName,
         onInput: B[2] || (B[2] = (v) => _.$emit("update:modelValue", v.target.value))
       }, null, 42, Mt)),
-      _.search ? (l(), i("i", Ot)) : h("", !0),
-      _.errorMessage ? (l(), i("strong", Ft, n(_.errorMessage), 1)) : h("", !0),
-      _.helperText ? (l(), i("span", Et, n(_.helperText), 1)) : h("", !0)
+      _.search ? (l(), i("i", Ot)) : p("", !0),
+      _.errorMessage ? (l(), i("strong", Ft, n(_.errorMessage), 1)) : p("", !0),
+      _.helperText ? (l(), i("span", Et, n(_.helperText), 1)) : p("", !0)
     ]));
   }
-}), Ht = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, zt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ f(Ht, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, zt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -722,13 +722,13 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   setup(e, { expose: a }) {
     const r = e;
     let s = q(null);
-    return he(() => {
+    return pe(() => {
       s.value && (r.play ? s.value.play() : r.play || s.value.pause());
     }), a({
       resetVideo: () => {
         s.value && (s.value.currentTime = 0, s.value.play());
       }
-    }), (u, p) => (l(), i("div", Nt, [
+    }), (u, h) => (l(), i("div", Nt, [
       u.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
@@ -780,7 +780,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           t("p", null, n(a.company), 1),
           t("p", null, n(a.addressLine1), 1),
           t("p", null, n(a.addressLine2), 1),
-          a.addressLine3 ? (l(), i("p", Qt, n(a.addressLine3), 1)) : h("", !0)
+          a.addressLine3 ? (l(), i("p", Qt, n(a.addressLine3), 1)) : p("", !0)
         ]),
         t("div", Zt, [
           a.website ? (l(), C(T, {
@@ -795,7 +795,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               }, n(a.website), 9, Xt)
             ]),
             _: 1
-          })) : h("", !0),
+          })) : p("", !0),
           (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), C(T, {
             key: s,
             underline: "false",
@@ -817,7 +817,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
+}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("data-v-a44fd57d"), e = e(), H(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -891,29 +891,29 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         height: "335"
       }
     }, o = e, u = V(() => s[o.size]);
-    return (p, _) => (l(), i("div", na, [
+    return (h, _) => (l(), i("div", na, [
       t("div", {
         class: m(["card", [
-          p.theme === "dark" ? "card--dark" : "card--light",
-          p.orientation === "vertical" ? "vertical" : "horizontal",
+          h.theme === "dark" ? "card--dark" : "card--light",
+          h.orientation === "vertical" ? "vertical" : "horizontal",
           u.value.class,
-          p.size === "large" && p.variant === "article" ? "card--large-article" : "",
-          p.variant === "product" ? "card--product" : "card--article"
+          h.size === "large" && h.variant === "article" ? "card--large-article" : "",
+          h.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: ce([p.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        style: ce([h.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
         onMouseover: _[0] || (_[0] = (B) => ne(r) ? r.value = !0 : r = !0),
         onMouseout: _[1] || (_[1] = (B) => ne(r) ? r.value = !1 : r = !1)
       }, [
-        p.mediaType === "image" ? (l(), C(A, { key: 0 }, {
+        h.mediaType === "image" ? (l(), C(A, { key: 0 }, {
           default: $(() => [
-            c(p.$slots, "card-image", de({
-              src: p.imgSrc,
+            c(h.$slots, "card-image", de({
+              src: h.imgSrc,
               width: "596",
               height: "335",
-              alt: p.alt,
+              alt: h.alt,
               loading: "auto",
               sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: p.srcSet }))
+            }, { srcset: h.srcSet }))
           ]),
           _: 3
         })) : (l(), i("div", {
@@ -923,10 +923,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           S(ee, {
             play: I(r),
             "local-video": !0,
-            src: p.videoSrc,
-            "aria-label": p.arialabel,
+            src: h.videoSrc,
+            "aria-label": h.arialabel,
             controls: !1,
-            poster: p.imgSrc,
+            poster: h.imgSrc,
             width: u.value.width,
             height: u.value.height,
             autoplay: !0,
@@ -935,27 +935,27 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
         I(a)["card-label"] ? (l(), i("div", da, [
-          c(p.$slots, "card-label")
-        ])) : h("", !0),
-        p.variant === "product" ? (l(), i("div", {
+          c(h.$slots, "card-label")
+        ])) : p("", !0),
+        h.variant === "product" ? (l(), i("div", {
           key: 3,
           class: m([
             "card__headline",
-            p.theme === "dark" ? "regular-dark" : "regular-blue"
+            h.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, n(p.headline), 3)) : (l(), i("div", {
+        }, n(h.headline), 3)) : (l(), i("div", {
           key: 4,
           class: m([
             "card__headline",
-            p.theme === "dark" ? "regular-dark" : "regular-dark-blue"
+            h.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
-        }, n(p.headline), 3)),
-        p.variant === "product" ? (l(), i("p", ca, n(p.paragraph), 1)) : h("", !0)
+        }, n(h.headline), 3)),
+        h.variant === "product" ? (l(), i("p", ca, n(h.paragraph), 1)) : p("", !0)
       ], 38)
     ]));
   }
-}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), pa = (e) => (E("data-v-2c394add"), e = e(), R(), e), ha = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ pa(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
+}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), ha = (e) => (E("data-v-2c394add"), e = e(), H(), e), pa = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ ha(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -980,7 +980,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ha, [
+    return (a, r) => (l(), i("div", pa, [
       S(Q, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1075,7 +1075,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             ]),
             _: 3
           })
-        ])) : h("", !0)
+        ])) : p("", !0)
       ])
     ]));
   }
@@ -1085,7 +1085,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
 }, Ea = {
   key: 1,
   class: "features__body"
-}, Ra = { class: "element__headline" }, Ha = { class: "element__body" }, Na = /* @__PURE__ */ g({
+}, Ha = { class: "element__headline" }, Ra = { class: "element__body" }, Na = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1097,10 +1097,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       t("div", Oa, [
         a.headline ? (l(), i("div", Fa, [
           t("h2", null, n(a.headline), 1)
-        ])) : h("", !0),
+        ])) : p("", !0),
         a.body ? (l(), i("div", Ea, [
           c(a.$slots, "features-body", {}, void 0, !0)
-        ])) : h("", !0),
+        ])) : p("", !0),
         t("div", {
           class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
@@ -1110,7 +1110,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           }, [
             S(A, { class: "element__icon" }, {
               default: $(() => [
-                c(a.$slots, "features-icon", F(H({
+                c(a.$slots, "features-icon", F(R({
                   src: s.icon.src,
                   height: 30,
                   width: 30,
@@ -1119,8 +1119,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               ]),
               _: 2
             }, 1024),
-            t("p", Ra, n(s.headline), 1),
-            t("p", Ha, n(s.body), 1)
+            t("p", Ha, n(s.headline), 1),
+            t("p", Ra, n(s.body), 1)
           ]))), 128))
         ], 2)
       ])
@@ -1165,6 +1165,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     alt: {
       type: String,
       required: !0
+    },
+    fullHeight: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   setup(e) {
@@ -1173,7 +1178,13 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         t("div", xa, [
           S(A, null, {
             default: $(() => [
-              c(a.$slots, "image", F(H({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              c(a.$slots, "image", F(R({
+                width: 984,
+                height: e.fullHeight ? "100%" : 554,
+                src: e.src,
+                alt: e.alt,
+                class: e.fullHeight ? "full-height" : "default"
+              })))
             ]),
             _: 3
           })
@@ -1182,7 +1193,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-79ce0bb6"]]), oo = { class: "gallery__large" }, lo = {
+}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-c583d657"]]), oo = { class: "gallery__large" }, lo = {
   key: 0,
   class: "image image--large"
 }, so = {
@@ -1221,7 +1232,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           o.mediaLarge && o.mediaType === "image" ? (l(), i("div", lo, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-large", F(H({
+                c(o.$slots, "image-large", F(R({
                   width: 617,
                   height: 530,
                   src: o.mediaLarge.src,
@@ -1230,7 +1241,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               ]),
               _: 3
             })
-          ])) : h("", !0),
+          ])) : p("", !0),
           o.mediaLarge && o.mediaType === "video" ? (l(), i("div", so, [
             S(ee, {
               src: o.mediaLarge.src,
@@ -1244,7 +1255,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : h("", !0)
+          ])) : p("", !0)
         ]),
         t("div", {
           style: ce([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
@@ -1253,17 +1264,17 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), i(P, null, M(o.mediaSmall, (p) => (l(), i("div", {
-            key: p.src + p.alt,
+          (l(!0), i(P, null, M(o.mediaSmall, (h) => (l(), i("div", {
+            key: h.src + h.alt,
             class: "image image--small"
           }, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-small", F(H({
+                c(o.$slots, "image-small", F(R({
                   width: 328,
                   height: 246,
-                  src: p.src,
-                  alt: p.alt
+                  src: h.src,
+                  alt: h.alt
                 })))
               ]),
               _: 2
@@ -1271,7 +1282,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           ]))), 128)),
           o.mediaSmall.length < 2 ? (l(), i("div", io, [
             t("p", null, n(o.body), 1)
-          ])) : h("", !0)
+          ])) : p("", !0)
         ], 6)
       ], 2)
     ], 2));
@@ -1306,7 +1317,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 2)
     ]));
   }
-}), po = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), ho = (e) => (E("data-v-22f9be13"), e = e(), R(), e), mo = { class: "hero__wrapper" }, vo = { class: "hero__content" }, fo = { class: "hero__top" }, go = { class: "hero__elements" }, bo = { class: "hero__headline" }, yo = { class: "hero__link" }, $o = { class: "hero__video" }, ko = /* @__PURE__ */ ho(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), wo = { class: "hero__video__video" }, So = { class: "hero__image" }, Bo = /* @__PURE__ */ g({
+}), ho = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), po = (e) => (E("data-v-22f9be13"), e = e(), H(), e), mo = { class: "hero__wrapper" }, vo = { class: "hero__content" }, fo = { class: "hero__top" }, go = { class: "hero__elements" }, bo = { class: "hero__headline" }, yo = { class: "hero__link" }, $o = { class: "hero__video" }, ko = /* @__PURE__ */ po(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), wo = { class: "hero__video__video" }, So = { class: "hero__image" }, Bo = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1371,9 +1382,9 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     return (a, r) => (l(), i("div", qo, [
       t("div", Lo, [
         e.headline || e.body ? (l(), i("div", Do, [
-          e.headline ? (l(), i("h2", Vo, n(e.headline), 1)) : h("", !0),
-          e.body ? (l(), i("p", Co, n(e.body), 1)) : h("", !0)
-        ])) : h("", !0),
+          e.headline ? (l(), i("h2", Vo, n(e.headline), 1)) : p("", !0),
+          e.body ? (l(), i("p", Co, n(e.body), 1)) : p("", !0)
+        ])) : p("", !0),
         t("div", To, [
           (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
             key: s.src + s.alt,
@@ -1381,7 +1392,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "logo-wall-logo", F(H({
+                c(a.$slots, "logo-wall-logo", F(R({
                   width: 130,
                   height: 130,
                   src: s.src,
@@ -1412,7 +1423,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
 }, Eo = {
   key: 1,
   class: "body"
-}, Ro = { class: "micro-stories__splide" }, Ho = /* @__PURE__ */ g({
+}, Ho = { class: "micro-stories__splide" }, Ro = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1431,12 +1442,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       t("div", Oo, [
         o.headline ? (l(), i("div", Fo, [
           t("h2", null, n(o.headline), 1)
-        ])) : h("", !0),
+        ])) : p("", !0),
         o.body ? (l(), i("div", Eo, [
           t("p", null, n(o.body), 1)
-        ])) : h("", !0)
+        ])) : p("", !0)
       ]),
-      t("div", Ro, [
+      t("div", Ho, [
         c(o.$slots, "micro-stories-slides")
       ]),
       c(o.$slots, "micro-stories-controls")
@@ -1478,9 +1489,9 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
     }, [
       t("div", Go, [
         e.headline || e.paragraph ? (l(), i("div", Jo, [
-          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : h("", !0),
-          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : h("", !0)
-        ])) : h("", !0),
+          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : p("", !0),
+          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : p("", !0)
+        ])) : p("", !0),
         t("div", Qo, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
@@ -1526,11 +1537,11 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
         }, [
           S(A, null, {
             default: $(() => [
-              c(o.$slots, "promo-image", F(H({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
+              c(o.$slots, "promo-image", F(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : h("", !0),
+        ], 2)) : p("", !0),
         o.mediaType === "video" ? (l(), i("div", {
           key: 1,
           class: m([
@@ -1549,7 +1560,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             play: "",
             poster: o.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : h("", !0),
+        ], 2)) : p("", !0),
         t("div", {
           class: m([
             "promo__text",
@@ -1560,7 +1571,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : h("", !0),
+          }, null, 8, ["text", "label-dark"])) : p("", !0),
           t("div", {
             class: m([
               "promo__title",
@@ -1578,7 +1589,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0),
+          }, 8, ["link-type"])) : p("", !0),
           o.linkType === "button" ? (l(), C(T, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
@@ -1587,15 +1598,15 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0)
+          }, 8, ["link-type"])) : p("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), il = { class: "quote__quote" }, rl = { class: "quote__quote-text" }, nl = { class: "quote__author" }, dl = {
+}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), H(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), il = { class: "quote__quote" }, rl = { class: "quote__quote-text" }, nl = { class: "quote__author" }, dl = {
   key: 0,
   class: "quote__image"
-}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" }, pl = /* @__PURE__ */ g({
+}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" }, hl = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1626,7 +1637,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             e.authorImage ? (l(), i("div", dl, [
               S(A, null, {
                 default: $(() => [
-                  c(a.$slots, "author-image", F(H({
+                  c(a.$slots, "author-image", F(R({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1634,7 +1645,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
+            ])) : p("", !0),
             t("div", cl, [
               t("p", ul, n(e.author), 1),
               t("p", _l, n(e.authorTitle), 1)
@@ -1644,7 +1655,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), hl = /* @__PURE__ */ f(pl, [["__scopeId", "data-v-e3cc8e27"]]), ml = { class: "rich-text__wrapper" }, vl = {
+}), pl = /* @__PURE__ */ f(hl, [["__scopeId", "data-v-e3cc8e27"]]), ml = { class: "rich-text__wrapper" }, vl = {
   key: 0,
   class: "rich-text__links"
 }, fl = {
@@ -1674,14 +1685,14 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : h("", !0),
+        }, null, 8, ["text"])) : p("", !0),
         a.headline ? (l(), i("h2", {
           key: 1,
           class: m([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, n(a.headline), 3)) : h("", !0),
+        }, n(a.headline), 3)) : p("", !0),
         t("div", {
           class: m([
             "rich-text__content",
@@ -1697,11 +1708,11 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             c(a.$slots, "rich-text-content"),
             a.links ? (l(), i("div", vl, [
               c(a.$slots, "rich-text-links")
-            ])) : h("", !0)
+            ])) : p("", !0)
           ], 2),
           a.bulletList ? (l(), i("div", fl, [
             c(a.$slots, "rich-text-bullet-list")
-          ])) : h("", !0),
+          ])) : p("", !0),
           a.image ? (l(), i("div", {
             key: 1,
             class: m([
@@ -1711,11 +1722,11 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "rich-text-image", F(H({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", F(R({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : h("", !0)
+          ], 2)) : p("", !0)
         ], 2)
       ])
     ], 2));
@@ -1737,7 +1748,7 @@ function Bl(e, a) {
     ])
   ]);
 }
-const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040"]]), ql = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), Ll = { class: "timeline__wrapper" }, Dl = { class: "timeline__content" }, Vl = { class: "timeline__items" }, Cl = { class: "item__left" }, Tl = /* @__PURE__ */ ql(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040"]]), ql = (e) => (E("data-v-e254e1e0"), e = e(), H(), e), Ll = { class: "timeline__wrapper" }, Dl = { class: "timeline__content" }, Vl = { class: "timeline__items" }, Cl = { class: "item__left" }, Tl = /* @__PURE__ */ ql(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Al = { class: "item__right" }, Pl = ["innerHTML"], Ml = /* @__PURE__ */ g({
@@ -1775,7 +1786,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             t("div", Al, [
               S(A, null, {
                 default: $(() => [
-                  s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : h("", !0)
+                  s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1790,10 +1801,10 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ol = /* @__PURE__ */ f(Ml, [["__scopeId", "data-v-e254e1e0"]]), Fl = { class: "vimeo" }, El = { class: "vimeo__wrapper" }, Rl = {
+}), Ol = /* @__PURE__ */ f(Ml, [["__scopeId", "data-v-e254e1e0"]]), Fl = { class: "vimeo" }, El = { class: "vimeo__wrapper" }, Hl = {
   key: 0,
   class: "vimeo__headline"
-}, Hl = {
+}, Rl = {
   key: 1,
   class: "vimeo__description"
 }, Nl = /* @__PURE__ */ g({
@@ -1811,9 +1822,9 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   setup(e) {
     return (a, r) => (l(), i("div", Fl, [
       t("div", El, [
-        e.headline ? (l(), i("h2", Rl, n(e.headline), 1)) : h("", !0),
+        e.headline ? (l(), i("h2", Hl, n(e.headline), 1)) : p("", !0),
         c(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), i("p", Hl, n(e.description), 1)) : h("", !0)
+        e.description ? (l(), i("p", Rl, n(e.description), 1)) : p("", !0)
       ])
     ]));
   }
@@ -1859,8 +1870,8 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                 t("div", ls, n(a.hero.pointsLabel), 1)
               ])
             ])
-          ])) : h("", !0),
-          a.hero.showStats ? h("", !0) : (l(), i("div", ss, [
+          ])) : p("", !0),
+          a.hero.showStats ? p("", !0) : (l(), i("div", ss, [
             c(a.$slots, "button", {}, void 0, !0)
           ]))
         ])
@@ -1885,7 +1896,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), ps = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-b829ca6c"]]), hs = { class: "filter__wrapper" }, ms = { class: "filter__content" }, vs = { class: "filter__dropdowns" }, fs = { class: "filter__chips" }, gs = /* @__PURE__ */ g({
+}), hs = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-b829ca6c"]]), ps = { class: "filter__wrapper" }, ms = { class: "filter__content" }, vs = { class: "filter__dropdowns" }, fs = { class: "filter__chips" }, gs = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1899,7 +1910,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (l(), i("div", hs, [
+    return (a, r) => (l(), i("div", ps, [
       t("div", ms, [
         t("div", vs, [
           c(a.$slots, "filter-dropdowns")
@@ -1910,18 +1921,18 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
-          }, n(e.removeAll), 1)) : h("", !0)
+          }, n(e.removeAll), 1)) : p("", !0)
         ])
       ])
     ]));
   }
-}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), ys = { class: "footer__wrapper" }, $s = { class: "footer__content" }, ks = { class: "footer__sections" }, ws = { class: "section__title" }, Ss = { class: "section__list" }, Bs = { class: "section" }, Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), As = { class: "footer__bottom" }, Ps = { class: "copyright" }, Ms = { class: "footer__policy" }, Os = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fs = {
+}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), e = e(), H(), e), ys = { class: "footer__wrapper" }, $s = { class: "footer__content" }, ks = { class: "footer__sections" }, ws = { class: "section__title" }, Ss = { class: "section__list" }, Bs = { class: "section" }, Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), As = { class: "footer__bottom" }, Ps = { class: "copyright" }, Ms = { class: "footer__policy" }, Os = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fs = {
   key: 0,
   class: "footer__social"
-}, Es = ["href", "aria-label"], Rs = {
+}, Es = ["href", "aria-label"], Hs = {
   key: 1,
   class: "footer__social"
-}, Hs = ["href", "aria-label"], Ns = /* @__PURE__ */ g({
+}, Rs = ["href", "aria-label"], Ns = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -2016,7 +2027,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (l(), i("div", Rs, [
+          ])) : (l(), i("div", Hs, [
             (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), C(T, {
               key: s.title,
               underline: "false",
@@ -2033,7 +2044,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                     height: "14",
                     class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, Hs)
+                ], 8, Rs)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2042,7 +2053,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), zs = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-aa82b03d"]]), fe = (e) => (E("data-v-766d3c80"), e = e(), R(), e), js = { class: "header__wrapper" }, Us = { class: "nav-wrapper" }, Ks = { class: "mir-link-logo" }, Gs = { class: "main-nav-items" }, Js = {
+}), zs = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-aa82b03d"]]), fe = (e) => (E("data-v-766d3c80"), e = e(), H(), e), js = { class: "header__wrapper" }, Us = { class: "nav-wrapper" }, Ks = { class: "mir-link-logo" }, Gs = { class: "main-nav-items" }, Js = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
@@ -2083,10 +2094,10 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   height: "15"
 }, null, -1)), di = [
   ni
-], ci = { class: "profile-dropdown-content" }, ui = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, pi = {
+], ci = { class: "profile-dropdown-content" }, ui = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, hi = {
   key: 0,
   class: "mobile-search-wrapper"
-}, hi = ["src"], mi = ["src"], vi = { class: "mobile-menu-content-wrapper" }, fi = { class: "mobile-dropdown-content" }, gi = /* @__PURE__ */ g({
+}, pi = ["src"], mi = ["src"], vi = { class: "mobile-menu-content-wrapper" }, fi = { class: "mobile-dropdown-content" }, gi = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2140,13 +2151,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   setup(e, { expose: a, emit: r }) {
     let s = null;
     const o = e;
-    let u = q(o.burgerState), p = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
+    let u = q(o.burgerState), h = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
     W(
       () => o.burgerState,
       (b) => u.value = b
     ), W(
       () => o.search,
-      (b) => p.value = b
+      (b) => h.value = b
     ), W(
       () => o.showDropDown,
       (b) => _.value = b
@@ -2207,8 +2218,8 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             ], 512), [
               [Y, I(_)]
             ])
-          ], 512)) : h("", !0),
-          I(p) ? (l(), i("div", Zs, [
+          ], 512)) : p("", !0),
+          I(h) ? (l(), i("div", Zs, [
             t("button", {
               ref_key: "navSearchButton",
               ref: G,
@@ -2225,7 +2236,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                 height: "20"
               }, null, 8, Xs)
             ], 512)
-          ])) : h("", !0),
+          ])) : p("", !0),
           e.usePortalSwitcher ? (l(), i("div", xs, [
             t("button", {
               class: "nav-portal-switcher-btn",
@@ -2256,22 +2267,22 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             ], 512), [
               [Y, I(B)]
             ])
-          ])) : h("", !0),
+          ])) : p("", !0),
           e.useProfileDropdown ? (l(), i("div", ii, [
-            I(w) ? h("", !0) : (l(), i("div", ri, [
+            I(w) ? p("", !0) : (l(), i("div", ri, [
               c(b.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
             I(w) ? (l(), i("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
               onClick: se
-            }, di)) : h("", !0),
+            }, di)) : p("", !0),
             K(t("div", ci, [
               c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Y, I(v)]
             ])
-          ])) : h("", !0)
+          ])) : p("", !0)
         ]),
         t("div", {
           class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
@@ -2280,7 +2291,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             t("div", _i, [
               c(b.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(p) ? (l(), i("div", pi, [
+            I(h) ? (l(), i("div", hi, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: Z,
@@ -2296,13 +2307,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, hi)
+                }, null, 8, pi)
               ], 512)
-            ])) : h("", !0),
+            ])) : p("", !0),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: pe(ie, ["prevent"])
+              onClick: he(ie, ["prevent"])
             }, [
               t("img", {
                 width: "20",
@@ -2388,7 +2399,7 @@ function Ai(e, a) {
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3"]]), Mi = { class: "product-hero__wrapper" }, Oi = { class: "product-hero__content" }, Fi = { class: "product-hero__headline" }, Ei = { class: "product-hero__video" }, Ri = { class: "product-hero__insignia" }, Hi = {
+const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3"]]), Mi = { class: "product-hero__wrapper" }, Oi = { class: "product-hero__content" }, Fi = { class: "product-hero__headline" }, Ei = { class: "product-hero__video" }, Hi = { class: "product-hero__insignia" }, Ri = {
   key: 0,
   class: "product-hero__logo"
 }, Ni = {
@@ -2450,15 +2461,15 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
             ]),
             _: 3
           })),
-          t("div", Ri, [
-            e.logoSrc ? (l(), i("div", Hi, [
+          t("div", Hi, [
+            e.logoSrc ? (l(), i("div", Ri, [
               S(I(A), null, {
                 default: $(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
+            ])) : p("", !0),
             e.isCertified ? (l(), i("div", Ni, [
               S(I(A), null, {
                 default: $(() => [
@@ -2466,7 +2477,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
                 ]),
                 _: 3
               })
-            ])) : h("", !0)
+            ])) : p("", !0)
           ])
         ])
       ])
@@ -2528,7 +2539,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : h("", !0),
+          }, null, 8, ["text", "label-dark"])) : p("", !0),
           t("div", {
             class: m([
               "promo__title",
@@ -2546,7 +2557,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0),
+          }, 8, ["link-type"])) : p("", !0),
           o.linkType === "button" ? (l(), C(T, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
@@ -2555,14 +2566,14 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0)
+          }, 8, ["link-type"])) : p("", !0)
         ], 2)
       ])
     ], 2));
   }
 }), Zi = /* @__PURE__ */ f(Qi, [["__scopeId", "data-v-00c0bad3"]]), xi = {
   install: (e) => {
-    e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Ht), e.component("AtomVideo", ee), 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("BlockFacts", Pa), e.component("BlockFeatures", za), e.component("BlockFormScript", Qa), e.component("BlockHeadline", po), e.component("BlockHero", Io), e.component("BlockImage", ao), e.component("BlockImageGallery", no), e.component("BlockLogoWall", Mo), e.component("BlockMicroStories", Ho), e.component("BlockPolicy", Ko), e.component("BlockProductHero", ji), e.component("BlockPromo", tl), e.component("BlockQuote", hl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Zi), e.component("BlockFrontPageHero", rs), e.component("Organism404", ps), e.component("OrganismFilter", bs), e.component("OrganismFooter", zs), e.component("OrganismHeader", bi), e.component("OrganismLanguageSwitcher", Ii), e.component("OrganismPagination", Vi), e.component("OrganismSearch", Pi);
+    e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Rt), e.component("AtomVideo", ee), 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("BlockFacts", Pa), e.component("BlockFeatures", za), e.component("BlockFormScript", Qa), e.component("BlockHeadline", ho), e.component("BlockHero", Io), e.component("BlockImage", ao), e.component("BlockImageGallery", no), e.component("BlockLogoWall", Mo), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Ko), e.component("BlockProductHero", ji), e.component("BlockPromo", tl), e.component("BlockQuote", pl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Zi), e.component("BlockFrontPageHero", rs), e.component("Organism404", hs), e.component("OrganismFilter", bs), e.component("OrganismFooter", zs), e.component("OrganismHeader", bi), e.component("OrganismLanguageSwitcher", Ii), e.component("OrganismPagination", Vi), e.component("OrganismSearch", Pi);
   }
 };
 export {
@@ -2576,7 +2587,7 @@ export {
   lt as AtomRadioButton,
   ct as AtomSelect,
   $t as AtomSlider,
-  Ht as AtomTextField,
+  Rt as AtomTextField,
   Dt as AtomTextarea,
   ee as AtomVideo,
   Xo as BlockCardDisplay,
@@ -2584,17 +2595,17 @@ export {
   za as BlockFeatures,
   Qa as BlockFormScript,
   rs as BlockFrontPageHero,
-  po as BlockHeadline,
+  ho as BlockHeadline,
   Io as BlockHero,
   ao as BlockImage,
   no as BlockImageGallery,
   Mo as BlockLogoWall,
-  Ho as BlockMicroStories,
+  Ro as BlockMicroStories,
   Zi as BlockPalletJack,
   Ko as BlockPolicy,
   ji as BlockProductHero,
   tl as BlockPromo,
-  hl as BlockQuote,
+  pl as BlockQuote,
   bl as BlockRichText,
   Il as BlockRichTextColumns,
   Ol as BlockTimeline,
@@ -2605,7 +2616,7 @@ export {
   ya as MoleculeEventCard,
   ve as MoleculeModal,
   Ba as MoleculeTextCard,
-  ps as Organism404,
+  hs as Organism404,
   bs as OrganismFilter,
   zs as OrganismFooter,
   bi as OrganismHeader,