@mirweb/mir-web-components 0.17.23 → 0.17.25

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as N, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as V, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
+import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as R, createTextVNode as j, ref as I, withDirectives as Z, Fragment as D, renderList as M, vShow as ee, normalizeProps as P, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as A, createCommentVNode as g, 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__ */ f({
   __name: "button",
   props: {
@@ -24,7 +24,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   for (const [l, s] of a)
     r[l] = s;
   return r;
-}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), N(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
+}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ve = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ f({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -61,7 +61,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 10, Te)
     ], 2));
   }
-}), Ae = /* @__PURE__ */ v(Ce, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), N(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ v(Ce, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -86,7 +86,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 8, Me)
     ]));
   }
-}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Ne = ["id"], Re = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ f({
+}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ f({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -137,8 +137,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           const L = l.options.findIndex(
             (K) => K.value === l.modelValue
           );
-          let R = L ? _.value[L] : _.value[0];
-          b === "ArrowUp" ? L - 1 >= 0 && (R = _.value[L - 1]) : L + 1 <= l.options.length && (R = _.value[L + 1]), R && W(R);
+          let N = L ? _.value[L] : _.value[0];
+          b === "ArrowUp" ? L - 1 >= 0 && (N = _.value[L - 1]) : L + 1 <= l.options.length && (N = _.value[L + 1]), N && W(N);
           break;
         }
         case "Home":
@@ -201,17 +201,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       var $, L;
       const b = d.getAttribute("data-value");
       if (l.modelValue) {
-        const R = l.options.findIndex(
+        const N = l.options.findIndex(
           (be) => be.value === l.modelValue
-        ), K = _.value[R];
+        ), K = _.value[N];
         pe(K);
       }
       if (d.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
         "aria-activedescendant",
         b || ""
       ), x(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
-        const R = c.value.clientHeight + c.value.scrollTop, K = d.offsetTop + d.offsetHeight;
-        K > R ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
+        const N = c.value.clientHeight + c.value.scrollTop, K = d.offsetTop + d.offsetHeight;
+        K > N ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : d.offsetTop < c.value.scrollTop && (c.value.scrollTop = d.offsetTop);
       }
     }
     function fe() {
@@ -242,8 +242,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
           "is-disabled": d.disabled,
           "is-required": d.required
         }, "listbox__label"])
-      }, n(d.label), 11, Ne),
-      Z((o(), i("div", Re, [
+      }, n(d.label), 11, Re),
+      Z((o(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
@@ -355,7 +355,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 16)
     ]));
   }
-}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), N(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ f({
+}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ f({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -698,7 +698,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       _.helperText ? (o(), i("span", Pt, n(_.helperText), 1)) : g("", !0)
     ]));
   }
-}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Rt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
+}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Rt = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -723,7 +723,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       resetVideo: () => {
         l.value && (l.value.currentTime = 0, l.value.play());
       }
-    }), (u, c) => (o(), i("div", Nt, [
+    }), (u, c) => (o(), i("div", Rt, [
       u.localVideo ? (o(), i("video", {
         key: 0,
         ref_key: "videoRef",
@@ -739,7 +739,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         type: "video/mp4",
         playsinline: "",
         src: u.src
-      }, null, 8, Rt)) : (o(), i("iframe", {
+      }, null, 8, Nt)) : (o(), i("iframe", {
         key: 1,
         src: u.src,
         "aria-label": u.ariaLabel,
@@ -798,7 +798,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), N(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
+}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
   __name: "bullet-list",
   props: {
     list: {
@@ -933,7 +933,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 38)
     ]));
   }
-}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-1a97c019"), e = e(), N(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
+}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-c95ee545"]]), ca = (e) => (E("data-v-bc91c976"), e = e(), R(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
   __name: "event-card",
   props: {
     eventType: {
@@ -969,10 +969,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
         ha,
         j(n(e.location), 1)
       ]),
-      t("div", ma, "Exhibitor: " + n(e.exhibitor), 1)
+      t("div", ma, n(e.exhibitor), 1)
     ]));
   }
-}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-1a97c019"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
+}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-bc91c976"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
   __name: "text-card",
   props: {
     label: {
@@ -1104,7 +1104,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ])
     ]));
   }
-}), Na = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Ra = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, Ua = { class: "form__headline" }, Ka = { class: "form__body" }, ja = { class: "form__script" }, Ga = /* @__PURE__ */ f({
+}), Ra = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Na = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, Ua = { class: "form__headline" }, Ka = { class: "form__body" }, ja = { class: "form__script" }, Ga = /* @__PURE__ */ f({
   __name: "form-script",
   props: {
     headline: {
@@ -1113,7 +1113,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ra, [
+    return (a, r) => (o(), i("div", Na, [
       t("div", Ha, [
         t("div", za, [
           t("h2", Ua, n(e.headline), 1),
@@ -1284,7 +1284,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
       ], 2)
     ]));
   }
-}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), N(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, pl = { class: "hero__top" }, hl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = /* @__PURE__ */ f({
+}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), R(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, pl = { class: "hero__top" }, hl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = /* @__PURE__ */ f({
   __name: "hero",
   props: {
     headline: {
@@ -1437,7 +1437,7 @@ function El(e, a) {
     ])
   ]);
 }
-const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b"]]), Rl = { class: "card-display__wrapper" }, Hl = {
+const Rl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b"]]), Nl = { class: "card-display__wrapper" }, Hl = {
   key: 0,
   class: "card__content"
 }, zl = { key: 0 }, Ul = { key: 1 }, Kl = { class: "card__cards" }, jl = /* @__PURE__ */ f({
@@ -1463,7 +1463,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", Rl, [
+      t("div", Nl, [
         e.headline || e.paragraph ? (o(), i("div", Hl, [
           e.headline ? (o(), i("h2", zl, n(e.headline), 1)) : g("", !0),
           e.paragraph ? (o(), i("p", Ul, n(e.paragraph), 1)) : g("", !0)
@@ -1576,7 +1576,7 @@ const Nl = /* @__PURE__ */ v(Ol, [["render", El], ["__scopeId", "data-v-8765ee0b
       ])
     ], 2));
   }
-}), Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-7e80a0f0"]]), Zl = (e) => (E("data-v-e3cc8e27"), e = e(), N(), e), Jl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Zl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), eo = { class: "quote__quote" }, to = { class: "quote__quote-text" }, ao = { class: "quote__author" }, lo = {
+}), Ql = /* @__PURE__ */ v(Yl, [["__scopeId", "data-v-7e80a0f0"]]), Zl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), Jl = { class: "quote__wrapper" }, Xl = { class: "quote__content" }, xl = /* @__PURE__ */ Zl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), eo = { class: "quote__quote" }, to = { class: "quote__quote-text" }, ao = { class: "quote__author" }, lo = {
   key: 0,
   class: "quote__image"
 }, oo = { class: "quote__text" }, so = { class: "quote__author-name" }, io = { class: "quote__author-title" }, ro = /* @__PURE__ */ f({
@@ -1721,7 +1721,7 @@ function yo(e, a) {
     ])
   ]);
 }
-const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4"]]), ko = (e) => (E("data-v-78d319df"), e = e(), N(), e), wo = { class: "timeline__wrapper" }, So = { class: "timeline__content" }, Bo = { class: "timeline__items" }, Io = { class: "item__left" }, qo = /* @__PURE__ */ ko(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4"]]), ko = (e) => (E("data-v-78d319df"), e = e(), R(), e), wo = { class: "timeline__wrapper" }, So = { class: "timeline__content" }, Bo = { class: "timeline__items" }, Io = { class: "item__left" }, qo = /* @__PURE__ */ ko(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Lo = { class: "item__right" }, To = ["innerHTML"], Vo = /* @__PURE__ */ f({
@@ -1801,7 +1801,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Fo = /* @__PURE__ */ v(Po, [["__scopeId", "data-v-599c68c7"]]), Eo = { class: "not-found__wrapper" }, No = { class: "not-found__content" }, Ro = { class: "not-found__headline" }, Ho = { class: "not-found__body" }, zo = /* @__PURE__ */ f({
+}), Fo = /* @__PURE__ */ v(Po, [["__scopeId", "data-v-599c68c7"]]), Eo = { class: "not-found__wrapper" }, Ro = { class: "not-found__content" }, No = { class: "not-found__headline" }, Ho = { class: "not-found__body" }, zo = /* @__PURE__ */ f({
   __name: "404",
   props: {
     headline: {
@@ -1811,8 +1811,8 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   },
   setup(e) {
     return (a, r) => (o(), i("div", Eo, [
-      t("div", No, [
-        t("h1", Ro, n(e.headline), 1),
+      t("div", Ro, [
+        t("h1", No, n(e.headline), 1),
         t("div", Ho, [
           p(a.$slots, "not-found-body", {}, void 0, !0)
         ])
@@ -1825,6 +1825,10 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     hasChips: {
       type: Boolean,
       default: !1
+    },
+    removeAll: {
+      type: String,
+      default: "Remove all filters"
     }
   },
   emits: ["clearFilters"],
@@ -1840,23 +1844,19 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
-          }, " Remove all filters ")) : g("", !0)
+          }, n(e.removeAll), 1)) : g("", !0)
         ])
       ])
     ]));
   }
-}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-c11a3620"]]), z = (e) => (E("data-v-cf5ea14f"), e = e(), N(), e), Zo = { class: "footer__wrapper" }, Jo = { class: "footer__content" }, Xo = { class: "footer__sections" }, xo = { class: "section__title" }, es = { class: "section__list" }, ts = { class: "section" }, as = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ls = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ns = { class: "footer__bottom" }, ds = { class: "copyright" }, cs = { class: "footer__policy" }, us = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
-  /* @__PURE__ */ t("i", { class: "change-region" }),
-  /* @__PURE__ */ j("Change region")
-], -1)), _s = [
-  us
-], ps = { class: "footer__social" }, hs = ["href", "aria-label"], ms = /* @__PURE__ */ f({
+}), Qo = /* @__PURE__ */ v(Yo, [["__scopeId", "data-v-31c1ba00"]]), z = (e) => (E("data-v-5258b418"), e = e(), R(), e), Zo = { class: "footer__wrapper" }, Jo = { class: "footer__content" }, Xo = { class: "footer__sections" }, xo = { class: "section__title" }, es = { class: "section__list" }, ts = { class: "section" }, as = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ls = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), os = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ns = { class: "footer__bottom" }, ds = { class: "copyright" }, cs = { class: "footer__policy" }, us = /* @__PURE__ */ z(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), _s = { class: "footer__social" }, ps = ["href", "aria-label"], hs = /* @__PURE__ */ f({
   __name: "footer",
   props: {
     footerSections: { default: () => [] },
     privacyPolicy: { default: void 0 },
     cookiePolicy: { default: void 0 },
-    socialMedia: { default: () => [] }
+    socialMedia: { default: () => [] },
+    changeRegion: { default: "" }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
@@ -1911,11 +1911,16 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
-            }, _s),
+            }, [
+              t("span", null, [
+                us,
+                j(n(a.changeRegion), 1)
+              ])
+            ]),
             p(a.$slots, "footer-privacy-link"),
             p(a.$slots, "footer-cookie-link")
           ]),
-          t("div", ps, [
+          t("div", _s, [
             (o(!0), i(D, null, M(a.socialMedia, (l) => (o(), A(O, {
               key: l.title,
               underline: "false",
@@ -1931,7 +1936,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                     height: "14",
                     class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
                   }, null, 2)
-                ], 8, hs)
+                ], 8, ps)
               ]),
               _: 2
             }, 1024))), 128))
@@ -1940,19 +1945,19 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), vs = /* @__PURE__ */ v(ms, [["__scopeId", "data-v-cf5ea14f"]]), fs = { class: "header__wrapper" }, gs = { class: "nav-wrapper" }, bs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, $s = {
+}), ms = /* @__PURE__ */ v(hs, [["__scopeId", "data-v-5258b418"]]), vs = { class: "header__wrapper" }, fs = { class: "nav-wrapper" }, gs = { class: "mir-link-logo" }, bs = { class: "main-nav-items" }, ys = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, ks = {
+}, $s = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, ws = {
+}, ks = {
   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" }, Bs = { class: "nav-search-wrapper" }, Is = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Ls = { class: "mobile-mir-link-logo" }, Ts = { class: "mobile-search-wrapper" }, Vs = ["src"], Cs = ["src"], As = { class: "mobile-menu-content-wrapper" }, Ds = { class: "mobile-dropdown-content" }, Ms = /* @__PURE__ */ f({
+}, ws = { class: "dropdown-content" }, Ss = { class: "nav-search-wrapper" }, Bs = ["src"], Is = { class: "mobile-logo-search-burger-wrapper" }, qs = { class: "mobile-mir-link-logo" }, Ls = { class: "mobile-search-wrapper" }, Ts = ["src"], Vs = ["src"], Cs = { class: "mobile-menu-content-wrapper" }, As = { class: "mobile-dropdown-content" }, Ds = /* @__PURE__ */ f({
   __name: "header",
   props: {
     burgerState: {
@@ -1999,30 +2004,30 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
     return a({
       defocusSearchButton: X
-    }), (B, U) => (o(), i("div", fs, [
+    }), (B, U) => (o(), i("div", vs, [
       t("nav", null, [
-        t("div", gs, [
-          t("div", bs, [
+        t("div", fs, [
+          t("div", gs, [
             p(B.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", ys, [
+          t("ul", bs, [
             p(B.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", $s, [
+          t("div", ys, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: S
             }, [
               p(B.$slots, "dropdown-title", {}, void 0, !0),
-              V(c) === !1 ? (o(), i("img", ks)) : (o(), i("img", ws))
+              V(c) === !1 ? (o(), i("img", $s)) : (o(), i("img", ks))
             ]),
-            Z(t("div", Ss, [
+            Z(t("div", ws, [
               p(B.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [ee, V(c)]
             ])
           ], 512),
-          t("div", Bs, [
+          t("div", Ss, [
             t("button", {
               ref_key: "navSearchButton",
               ref: y,
@@ -2037,18 +2042,18 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, Is)
+              }, null, 8, Bs)
             ], 512)
           ])
         ]),
         t("div", {
           class: h(["mobile-nav-wrapper", V(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", qs, [
-            t("div", Ls, [
+          t("div", Is, [
+            t("div", qs, [
               p(B.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", Ts, [
+            t("div", Ls, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: q,
@@ -2064,7 +2069,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, Vs)
+                }, null, 8, Ts)
               ], 512)
             ]),
             t("button", {
@@ -2077,14 +2082,14 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
                 height: "20",
                 alt: "burger menu line icon",
                 src: V(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
-              }, null, 8, Cs)
+              }, null, 8, Vs)
             ])
           ]),
-          Z(t("div", As, [
+          Z(t("div", Cs, [
             t("ul", null, [
               p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Ds, [
+            t("ul", As, [
               p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
               p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
@@ -2095,7 +2100,7 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Os = /* @__PURE__ */ v(Ms, [["__scopeId", "data-v-e129834d"]]), Ps = { class: "language__wrapper" }, Fs = { class: "language__content" }, Es = { class: "language__headline" }, Ns = { class: "language__paragraph" }, Rs = { class: "language__links" }, Hs = /* @__PURE__ */ f({
+}), Ms = /* @__PURE__ */ v(Ds, [["__scopeId", "data-v-e129834d"]]), Os = { class: "language__wrapper" }, Ps = { class: "language__content" }, Fs = { class: "language__headline" }, Es = { class: "language__paragraph" }, Rs = { class: "language__links" }, Ns = /* @__PURE__ */ f({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2108,17 +2113,17 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Ps, [
-      t("div", Fs, [
-        t("h2", Es, n(e.headline), 1),
-        t("p", Ns, n(e.paragraph), 1),
+    return (a, r) => (o(), i("div", Os, [
+      t("div", Ps, [
+        t("h2", Fs, n(e.headline), 1),
+        t("p", Es, n(e.paragraph), 1),
         t("div", Rs, [
           p(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), zs = /* @__PURE__ */ v(Hs, [["__scopeId", "data-v-dc8cc97e"]]), Us = { class: "pagination__wrapper" }, Ks = { class: "pagination__content" }, js = /* @__PURE__ */ f({
+}), Hs = /* @__PURE__ */ v(Ns, [["__scopeId", "data-v-dc8cc97e"]]), zs = { class: "pagination__wrapper" }, Us = { class: "pagination__content" }, Ks = /* @__PURE__ */ f({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2132,8 +2137,8 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (o(), i("div", Us, [
-      t("div", Ks, [
+    return (a, r) => (o(), i("div", zs, [
+      t("div", Us, [
         k(J, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
@@ -2150,13 +2155,13 @@ const $o = /* @__PURE__ */ v(mo, [["render", yo], ["__scopeId", "data-v-3abe0bb4
       ])
     ]));
   }
-}), Gs = /* @__PURE__ */ v(js, [["__scopeId", "data-v-f760f1c6"]]), Ws = {}, Ys = { class: "search__wrapper" };
-function Qs(e, a) {
-  return o(), i("div", Ys, [
+}), js = /* @__PURE__ */ v(Ks, [["__scopeId", "data-v-f760f1c6"]]), Gs = {}, Ws = { class: "search__wrapper" };
+function Ys(e, a) {
+  return o(), i("div", Ws, [
     p(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82"]]), Js = { class: "product-hero__wrapper" }, Xs = { class: "product-hero__content" }, xs = { class: "product-hero__headline" }, ei = { class: "product-hero__video" }, ti = /* @__PURE__ */ f({
+const Qs = /* @__PURE__ */ v(Gs, [["render", Ys], ["__scopeId", "data-v-623adb82"]]), Zs = { class: "product-hero__wrapper" }, Js = { class: "product-hero__content" }, Xs = { class: "product-hero__headline" }, xs = { class: "product-hero__video" }, ei = /* @__PURE__ */ f({
   __name: "product-hero",
   props: {
     headline: {
@@ -2181,12 +2186,12 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
     }
   },
   setup(e) {
-    return (a, r) => (o(), i("div", Js, [
-      t("div", Xs, [
-        t("div", xs, [
+    return (a, r) => (o(), i("div", Zs, [
+      t("div", Js, [
+        t("div", Xs, [
           t("h1", null, n(e.headline), 1)
         ]),
-        t("div", ei, [
+        t("div", xs, [
           e.videoSrc !== "" ? (o(), A(G, {
             key: 0,
             play: "",
@@ -2208,9 +2213,9 @@ const Zs = /* @__PURE__ */ v(Ws, [["render", Qs], ["__scopeId", "data-v-623adb82
       ])
     ]));
   }
-}), ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-e394473d"]]), oi = {
+}), ti = /* @__PURE__ */ v(ei, [["__scopeId", "data-v-e394473d"]]), li = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), e.component("AtomLabel", Y), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), 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", Na), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Ml), e.component("BlockPolicy", Nl), e.component("BlockProductHero", ai), e.component("BlockPromo", Ql), e.component("BlockQuote", no), e.component("BlockRichText", ho), e.component("BlockRichTextColumns", $o), e.component("BlockTimeline", Co), e.component("BlockCardDisplay", Gl), e.component("BlockVimeo", Fo), e.component("Organism404", Uo), e.component("OrganismFilter", Qo), e.component("OrganismFooter", vs), e.component("OrganismHeader", Os), e.component("OrganismLanguageSwitcher", zs), e.component("OrganismPagination", Gs), e.component("OrganismSearch", Zs);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", C), e.component("AtomLabel", Y), e.component("AtomLink", O), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), 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", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Ml), e.component("BlockPolicy", Rl), e.component("BlockProductHero", ti), e.component("BlockPromo", Ql), e.component("BlockQuote", no), e.component("BlockRichText", ho), e.component("BlockRichTextColumns", $o), e.component("BlockTimeline", Co), e.component("BlockCardDisplay", Gl), e.component("BlockVimeo", Fo), e.component("Organism404", Uo), e.component("OrganismFilter", Qo), e.component("OrganismFooter", ms), e.component("OrganismHeader", Ms), e.component("OrganismLanguageSwitcher", Hs), e.component("OrganismPagination", js), e.component("OrganismSearch", Qs);
   }
 };
 export {
@@ -2229,7 +2234,7 @@ export {
   G as AtomVideo,
   Gl as BlockCardDisplay,
   Ca as BlockFacts,
-  Na as BlockFeatures,
+  Ra as BlockFeatures,
   Wa as BlockFormScript,
   dl as BlockHeadline,
   yl as BlockHero,
@@ -2237,8 +2242,8 @@ export {
   sl as BlockImageGallery,
   Tl as BlockLogoWall,
   Ml as BlockMicroStories,
-  Nl as BlockPolicy,
-  ai as BlockProductHero,
+  Rl as BlockPolicy,
+  ti as BlockProductHero,
   Ql as BlockPromo,
   no as BlockQuote,
   ho as BlockRichText,
@@ -2253,10 +2258,10 @@ export {
   ka as MoleculeTextCard,
   Uo as Organism404,
   Qo as OrganismFilter,
-  vs as OrganismFooter,
-  Os as OrganismHeader,
-  zs as OrganismLanguageSwitcher,
-  Gs as OrganismPagination,
-  Zs as OrganismSearch,
-  oi as default
+  ms as OrganismFooter,
+  Ms as OrganismHeader,
+  Hs as OrganismLanguageSwitcher,
+  js as OrganismPagination,
+  Qs as OrganismSearch,
+  li as default
 };