@mirweb/mir-web-components 0.13.10 → 0.14.1

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

@@ -1,5 +1,5 @@
-import { defineComponent as m, openBlock as l, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as z, popScopeId as V, computed as N, createTextVNode as H, ref as S, withDirectives as U, Fragment as q, renderList as D, vShow as G, normalizeProps as T, guardReactiveProps as j, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as g, watchEffect as ne, withKeys as $e, createBlock as A, normalizeStyle as se, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
-const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
+import { defineComponent as m, openBlock as l, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as z, popScopeId as V, computed as N, createTextVNode as H, ref as x, withDirectives as W, Fragment as q, renderList as D, vShow as G, normalizeProps as T, guardReactiveProps as j, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as g, watchEffect as ne, withKeys as $e, createBlock as A, normalizeStyle as se, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as xe } from "vue";
+const Se = ["aria-label"], Ie = /* @__PURE__ */ m({
   __name: "button",
   props: {
     variant: {
@@ -27,7 +27,7 @@ const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
     return (i, a) => (l(), r("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
-    }, s(e.variant == "close" ? "" : e.buttonText), 11, xe));
+    }, s(e.variant == "close" ? "" : e.buttonText), 11, Se));
   }
 });
 const h = (e, i) => {
@@ -35,7 +35,7 @@ const h = (e, i) => {
   for (const [n, o] of i)
     a[n] = o;
   return a;
-}, W = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (z("data-v-f62bd17f"), e = e(), V(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Le = /* @__PURE__ */ m({
+}, F = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (z("data-v-f62bd17f"), e = e(), V(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Le = /* @__PURE__ */ m({
   __name: "checkbox",
   props: {
     name: String,
@@ -106,7 +106,7 @@ const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data
     const a = e, n = N(() => `Chip: ${a.text}`);
     return (o, _) => (l(), r("div", {
       class: "chip__wrapper",
-      onClick: _[0] || (_[0] = (x) => o.$emit("remove-chip"))
+      onClick: _[0] || (_[0] = (S) => o.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -161,7 +161,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const a = e, n = S(null), o = S(null), _ = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), M = N(() => {
+    const a = e, n = x(null), o = x(null), _ = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), M = N(() => {
       const d = a.options.find(
         (v) => v.value === a.modelValue
       );
@@ -182,7 +182,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
     function _e(d) {
       var y;
       const v = d.target;
-      v.getAttribute("role") === "option" && (Z(v), E(), (y = n.value) == null || y.focus());
+      v.getAttribute("role") === "option" && (Z(v), U(), (y = n.value) == null || y.focus());
     }
     function J(d) {
       var y;
@@ -208,7 +208,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), E(), (y = n.value) == null || y.focus();
+          d.preventDefault(), U(), (y = n.value) == null || y.focus();
           break;
         default: {
           const w = ve(v);
@@ -230,8 +230,8 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       d && d.removeAttribute("aria-selected");
     }
     function ge() {
-      x && (clearTimeout(x.value), x.value = 0), x.value = setTimeout(() => {
-        I.value = "", x.value = 0;
+      S && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
+        I.value = "", S.value = 0;
       }, 500);
     }
     function ve(d) {
@@ -276,7 +276,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       const d = (v = _.value) == null ? void 0 : v[a.options.length - 1];
       Z(d);
     }
-    function E() {
+    function U() {
       var d;
       f.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
     }
@@ -285,7 +285,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (v = o.value) == null || v.focus();
     }
     function be() {
-      a.disabled || (f.value ? K() : E());
+      a.disabled || (f.value ? K() : U());
     }
     return (d, v) => (l(), r("div", {
       class: "listbox__wrapper",
@@ -300,7 +300,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           "is-required": e.required
         }, "listbox__label"])
       }, s(e.label), 11, Pe),
-      U((l(), r("div", He, [
+      W((l(), r("div", He, [
         t("button", {
           id: `${e.name}-button-label`,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
@@ -313,7 +313,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           ref_key: "listboxButton",
           ref: n
         }, s(e.modelValue ? M.value : e.placeholder), 41, Ze),
-        U(t("ul", {
+        W(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
           tabindex: "0",
@@ -338,7 +338,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           [G, !f.value]
         ])
       ])), [
-        [ce, E]
+        [ce, U]
       ])
     ], 8, Oe));
   }
@@ -410,7 +410,7 @@ const B = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-513b5384"]]), Je = { clas
     ]));
   }
 });
-const F = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-aacf01db"]]), Qe = { class: "link__wrapper" }, C = /* @__PURE__ */ m({
+const R = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-aacf01db"]]), Qe = { class: "link__wrapper" }, C = /* @__PURE__ */ m({
   __name: "link",
   props: {
     url: {
@@ -623,7 +623,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
               }, ["stop"]))
             }, [
               t("div", null, [
-                k(W, {
+                k(F, {
                   ariaLabel: "close",
                   variant: "close",
                   onClick: n
@@ -691,14 +691,14 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const a = e, n = S(a.modelValue), o = S(), _ = S(!1), x = (f, b, M) => (f - b) / (M - b) * 100, I = (f) => {
+    const a = e, n = x(a.modelValue), o = x(), _ = x(!1), S = (f, b, M) => (f - b) / (M - b) * 100, I = (f) => {
       var b;
       (b = o.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return ne(() => {
       if (o.value) {
         i("update:modelValue", n.value);
-        const f = x(n.value, a.min, a.max);
+        const f = S(n.value, a.min, a.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
@@ -758,7 +758,7 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
     ], 64));
   }
 });
-const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), kt = { id: "textarea-wrapper" }, $t = ["for"], wt = ["id"], St = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], xt = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ m({
+const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), kt = { id: "textarea-wrapper" }, $t = ["for"], wt = ["id"], xt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ m({
   __name: "textarea",
   props: {
     id: {
@@ -820,9 +820,9 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), kt = { id:
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
-        }, null, 42, St)
+        }, null, 42, xt)
       ], 8, wt),
-      t("div", xt, [
+      t("div", St, [
         t("div", null, [
           e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (l(), r("p", It, " Too many characters. Please make it shorter ")) : g("", !0)
         ]),
@@ -911,7 +911,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = S(!0), a = N(
+    const i = x(!0), a = N(
       () => i.value ? "showPassword" : "hidePassword"
     ), n = N(
       () => i.value ? "password" : "text"
@@ -933,12 +933,12 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: _[0] || (_[0] = (x) => o.$emit("update:modelValue", x.target.value))
+          onInput: _[0] || (_[0] = (S) => o.$emit("update:modelValue", S.target.value))
         }, null, 40, At),
         t("i", {
           role: "button",
           class: c([a.value]),
-          onClick: _[1] || (_[1] = (x) => i.value = !i.value),
+          onClick: _[1] || (_[1] = (S) => i.value = !i.value),
           "aria-controls": "password",
           "aria-expanded": !i.value
         }, null, 10, Ct)
@@ -955,7 +955,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: _[2] || (_[2] = (x) => o.$emit("update:modelValue", x.target.value))
+        onInput: _[2] || (_[2] = (S) => o.$emit("update:modelValue", S.target.value))
       }, null, 42, Tt)),
       e.search ? (l(), r("i", jt)) : g("", !0),
       e.errorMessage ? (l(), r("strong", Nt, s(e.errorMessage), 1)) : g("", !0),
@@ -1016,7 +1016,7 @@ const Ot = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-4c2c5e23"]]), Pt = { cla
   },
   setup(e) {
     const i = e;
-    let a = S(null);
+    let a = x(null);
     return ne(() => {
       i.play && a.value ? a.value.play() : !i.play && a.value && a.value.pause();
     }), (n, o) => (l(), r("div", Pt, [
@@ -1049,7 +1049,7 @@ const Ot = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-4c2c5e23"]]), Pt = { cla
     ]));
   }
 });
-const R = /* @__PURE__ */ h(Rt, [["__scopeId", "data-v-48adae09"]]), Et = { class: "address__wrapper" }, Ut = { class: "address__content" }, Wt = { class: "address__flag" }, Ft = { class: "address__address" }, Gt = { class: "address__name" }, Jt = { key: 0 }, Yt = { class: "address__contact" }, Kt = ["href"], Qt = ["href"], Xt = /* @__PURE__ */ m({
+const E = /* @__PURE__ */ h(Rt, [["__scopeId", "data-v-48adae09"]]), Et = { class: "address__wrapper" }, Ut = { class: "address__content" }, Wt = { class: "address__flag" }, Ft = { class: "address__address" }, Gt = { class: "address__name" }, Jt = { key: 0 }, Yt = { class: "address__contact" }, Kt = ["href"], Qt = ["href"], Xt = /* @__PURE__ */ m({
   __name: "address",
   props: {
     name: {
@@ -1203,7 +1203,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), na = { cla
   },
   emits: ["clicked"],
   setup(e, { emit: i }) {
-    let a = S(!1);
+    let a = x(!1);
     return (n, o) => (l(), r("div", na, [
       t("div", {
         class: c(["card", [
@@ -1236,7 +1236,7 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), na = { cla
           key: 1,
           class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
         }, [
-          k(R, {
+          k(E, {
             play: p(a),
             localVideo: !0,
             src: e.videoSrc,
@@ -1289,7 +1289,7 @@ const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) =
   },
   setup(e) {
     return (i, a) => (l(), r("div", ua, [
-      k(F, {
+      k(R, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -1303,10 +1303,39 @@ const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) =
     ]));
   }
 });
-const fa = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "facts__wrapper" }, ba = { class: "facts__content" }, pa = { class: "facts__headline" }, ka = { class: "facts" }, $a = { class: "fact" }, wa = { class: "fact__value" }, Sa = { class: "fact__metric" }, xa = {
+const fa = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, ka = /* @__PURE__ */ m({
+  __name: "text-card",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    headline: {
+      type: String,
+      required: !0
+    },
+    paragraph: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, a) => (l(), r("div", ya, [
+      k(R, {
+        "label-dark": !1,
+        text: e.label ? e.label : ""
+      }, null, 8, ["text"]),
+      t("div", ba, s(e.headline), 1),
+      t("div", pa, [
+        t("p", null, s(e.paragraph), 1)
+      ])
+    ]));
+  }
+});
+const $a = /* @__PURE__ */ h(ka, [["__scopeId", "data-v-dbd0c7ab"]]), wa = { class: "facts__wrapper" }, xa = { class: "facts__content" }, Sa = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact" }, Ma = { class: "fact__value" }, Da = { class: "fact__metric" }, Ba = {
   key: 0,
   class: "facts__link"
-}, Ia = /* @__PURE__ */ m({
+}, La = /* @__PURE__ */ m({
   __name: "facts",
   props: {
     headline: {
@@ -1324,20 +1353,20 @@ const fa = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), ya = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", ya, [
-      t("div", ba, [
-        t("h2", pa, s(e.headline), 1),
-        t("div", ka, [
-          (l(!0), r(q, null, D(e.facts, (n) => (l(), r("div", $a, [
-            t("div", wa, [
+    return (i, a) => (l(), r("div", wa, [
+      t("div", xa, [
+        t("h2", Sa, s(e.headline), 1),
+        t("div", Ia, [
+          (l(!0), r(q, null, D(e.facts, (n) => (l(), r("div", qa, [
+            t("div", Ma, [
               t("span", null, s(n.value), 1)
             ]),
-            t("div", Sa, [
+            t("div", Da, [
               t("span", null, s(n.metric), 1)
             ])
           ]))), 256))
         ]),
-        e.link ? (l(), r("div", xa, [
+        e.link ? (l(), r("div", Ba, [
           k(C, {
             linkType: "regular-light",
             arrow: ""
@@ -1352,13 +1381,13 @@ const fa = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), ya = { cla
     ]));
   }
 });
-const qa = /* @__PURE__ */ h(Ia, [["__scopeId", "data-v-7fd89b0c"]]), Ma = { class: "features__wrapper" }, Da = { class: "features__content" }, Ba = {
+const Aa = /* @__PURE__ */ h(La, [["__scopeId", "data-v-7fd89b0c"]]), Ca = { class: "features__wrapper" }, Ta = { class: "features__content" }, ja = {
   key: 0,
   class: "features__headline"
-}, La = {
+}, Na = {
   key: 1,
   class: "features__body"
-}, Aa = { class: "features__element" }, Ca = { class: "element__headline" }, Ta = { class: "element__body" }, ja = /* @__PURE__ */ m({
+}, za = { class: "features__element" }, Va = { class: "element__headline" }, Oa = { class: "element__body" }, Pa = /* @__PURE__ */ m({
   __name: "features",
   props: {
     headline: {
@@ -1376,18 +1405,18 @@ const qa = /* @__PURE__ */ h(Ia, [["__scopeId", "data-v-7fd89b0c"]]), Ma = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Ma, [
-      t("div", Da, [
-        e.headline ? (l(), r("div", Ba, [
+    return (i, a) => (l(), r("div", Ca, [
+      t("div", Ta, [
+        e.headline ? (l(), r("div", ja, [
           t("h2", null, s(e.headline), 1)
         ])) : g("", !0),
-        e.body ? (l(), r("div", La, [
+        e.body ? (l(), r("div", Na, [
           t("p", null, s(e.body), 1)
         ])) : g("", !0),
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (l(!0), r(q, null, D(e.elements, (n) => (l(), r("div", Aa, [
+          (l(!0), r(q, null, D(e.elements, (n) => (l(), r("div", za, [
             k(B, { class: "element__icon" }, {
               default: $(() => [
                 u(i.$slots, "features-icon", T(j({
@@ -1399,15 +1428,15 @@ const qa = /* @__PURE__ */ h(Ia, [["__scopeId", "data-v-7fd89b0c"]]), Ma = { cla
               ]),
               _: 2
             }, 1024),
-            t("p", Ca, s(n.headline), 1),
-            t("p", Ta, s(n.body), 1)
+            t("p", Va, s(n.headline), 1),
+            t("p", Oa, s(n.body), 1)
           ]))), 256))
         ], 2)
       ])
     ]));
   }
 });
-const Na = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-0990b89f"]]), za = { class: "image__wrapper" }, Va = { class: "image__content" }, Oa = { class: "image__image" }, Pa = { class: "image__caption" }, Ha = /* @__PURE__ */ m({
+const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-0990b89f"]]), Za = { class: "image__wrapper" }, Ra = { class: "image__content" }, Ea = { class: "image__image" }, Ua = { class: "image__caption" }, Wa = /* @__PURE__ */ m({
   __name: "image",
   props: {
     caption: {
@@ -1424,9 +1453,9 @@ const Na = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-0990b89f"]]), za = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", za, [
-      t("div", Va, [
-        t("div", Oa, [
+    return (i, a) => (l(), r("div", Za, [
+      t("div", Ra, [
+        t("div", Ea, [
           k(B, null, {
             default: $(() => [
               u(i.$slots, "image", T(j({ width: 984, height: 554, src: e.src, alt: e.alt })))
@@ -1434,21 +1463,21 @@ const Na = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-0990b89f"]]), za = { cla
             _: 3
           })
         ]),
-        t("p", Pa, s(e.caption), 1)
+        t("p", Ua, s(e.caption), 1)
       ])
     ]));
   }
 });
-const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { class: "gallery__large" }, Ea = {
+const Fa = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-6dde0544"]]), Ga = { class: "gallery__large" }, Ja = {
   key: 0,
   class: "image image--large"
-}, Ua = {
+}, Ya = {
   key: 1,
   class: "video"
-}, Wa = { class: "image image--small" }, Fa = {
+}, Ka = { class: "image image--small" }, Qa = {
   key: 0,
   class: "body"
-}, Ga = /* @__PURE__ */ m({
+}, Xa = /* @__PURE__ */ m({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1499,8 +1528,8 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", Ra, [
-          e.mediaLarge && e.mediaType === "image" ? (l(), r("div", Ea, [
+        t("div", Ga, [
+          e.mediaLarge && e.mediaType === "image" ? (l(), r("div", Ja, [
             k(B, null, {
               default: $(() => [
                 u(i.$slots, "image-large", T(j({
@@ -1513,8 +1542,8 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
               _: 3
             })
           ])) : g("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (l(), r("div", Ua, [
-            k(R, {
+          e.mediaLarge && e.mediaType === "video" ? (l(), r("div", Ya, [
+            k(E, {
               src: e.mediaLarge.src,
               localVideo: "",
               ariaLabel: e.mediaLarge.alt,
@@ -1535,7 +1564,7 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), r(q, null, D(e.mediaSmall, (n) => (l(), r("div", Wa, [
+          (l(!0), r(q, null, D(e.mediaSmall, (n) => (l(), r("div", Ka, [
             k(B, null, {
               default: $(() => [
                 u(i.$slots, "image-small", T(j({
@@ -1548,7 +1577,7 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
               _: 2
             }, 1024)
           ]))), 256)),
-          e.mediaSmall.length < 2 ? (l(), r("div", Fa, [
+          e.mediaSmall.length < 2 ? (l(), r("div", Qa, [
             t("p", null, s(e.body), 1)
           ])) : g("", !0)
         ], 6)
@@ -1556,7 +1585,7 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
     ], 2));
   }
 });
-const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-047e5de9"]]), Ya = { class: "headline__wrapper" }, Ka = { class: "headline__h1" }, Qa = /* @__PURE__ */ m({
+const el = /* @__PURE__ */ h(Xa, [["__scopeId", "data-v-047e5de9"]]), tl = { class: "headline__wrapper" }, al = { class: "headline__h1" }, ll = /* @__PURE__ */ m({
   __name: "headline",
   props: {
     headline: {
@@ -1573,19 +1602,19 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-047e5de9"]]), Ya = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Ya, [
+    return (i, a) => (l(), r("div", tl, [
       t("div", {
         class: c([
           e.article ? "headline__content--article" : "headline__content--default",
           e.subMenu ? "headline__content--submenu" : ""
         ])
       }, [
-        t("h1", Ka, s(e.headline), 1)
+        t("h1", al, s(e.headline), 1)
       ], 2)
     ]));
   }
 });
-const Xa = /* @__PURE__ */ h(Qa, [["__scopeId", "data-v-2676cf0a"]]), el = { class: "micro-stories__splide" }, tl = /* @__PURE__ */ m({
+const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = { class: "micro-stories__splide" }, nl = /* @__PURE__ */ m({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1614,14 +1643,14 @@ const Xa = /* @__PURE__ */ h(Qa, [["__scopeId", "data-v-2676cf0a"]]), el = { cla
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
-      t("div", el, [
+      t("div", rl, [
         u(i.$slots, "micro-stories-slides")
       ]),
       u(i.$slots, "micro-stories-controls")
     ], 2));
   }
 });
-const al = { class: "product-hero__wrapper" }, ll = { class: "product-hero__content" }, il = { class: "product-hero__headline" }, rl = { class: "product-hero__video" }, nl = /* @__PURE__ */ m({
+const sl = { class: "product-hero__wrapper" }, ol = { class: "product-hero__content" }, dl = { class: "product-hero__headline" }, cl = { class: "product-hero__video" }, ul = /* @__PURE__ */ m({
   __name: "product-hero",
   props: {
     headline: {
@@ -1646,13 +1675,13 @@ const al = { class: "product-hero__wrapper" }, ll = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", al, [
-      t("div", ll, [
-        t("div", il, [
+    return (i, a) => (l(), r("div", sl, [
+      t("div", ol, [
+        t("div", dl, [
           t("h1", null, s(e.headline), 1)
         ]),
-        t("div", rl, [
-          k(R, {
+        t("div", cl, [
+          k(E, {
             play: !0,
             localVideo: !0,
             src: e.videoSrc,
@@ -1668,7 +1697,7 @@ const al = { class: "product-hero__wrapper" }, ll = { class: "product-hero__cont
     ]));
   }
 });
-const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { class: "promo__content" }, dl = /* @__PURE__ */ m({
+const _l = /* @__PURE__ */ h(ul, [["__scopeId", "data-v-3ad48049"]]), ml = { class: "promo__content" }, hl = /* @__PURE__ */ m({
   __name: "promo",
   props: {
     label: {
@@ -1723,7 +1752,7 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
         e.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", ol, [
+      t("div", ml, [
         e.mediaType === "image" ? (l(), r("div", {
           key: 0,
           class: c([
@@ -1745,7 +1774,7 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          k(R, {
+          k(E, {
             src: e.src,
             localVideo: "",
             ariaLabel: e.alt,
@@ -1763,7 +1792,7 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (l(), A(F, {
+          e.label ? (l(), A(R, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
@@ -1798,10 +1827,10 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
     ], 2));
   }
 });
-const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) => (z("data-v-3cc55dbf"), e = e(), V(), e), _l = { class: "quote__wrapper" }, ml = { class: "quote__content" }, hl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), gl = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, yl = {
+const gl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-03f6850a"]]), vl = (e) => (z("data-v-3cc55dbf"), e = e(), V(), e), fl = { class: "quote__wrapper" }, yl = { class: "quote__content" }, bl = /* @__PURE__ */ vl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), pl = { class: "quote__quote" }, kl = { class: "quote__quote-text" }, $l = { class: "quote__author" }, wl = {
   key: 0,
   class: "quote__image"
-}, bl = { class: "quote__text" }, pl = { class: "quote__author-name" }, kl = { class: "quote__author-title" }, $l = /* @__PURE__ */ m({
+}, xl = { class: "quote__text" }, Sl = { class: "quote__author-name" }, Il = { class: "quote__author-title" }, ql = /* @__PURE__ */ m({
   __name: "quote",
   props: {
     quote: {
@@ -1822,13 +1851,13 @@ const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) =
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", _l, [
-      t("div", ml, [
-        hl,
-        t("div", gl, [
-          t("p", vl, s(e.quote), 1),
-          t("div", fl, [
-            e.authorImage ? (l(), r("div", yl, [
+    return (i, a) => (l(), r("div", fl, [
+      t("div", yl, [
+        bl,
+        t("div", pl, [
+          t("p", kl, s(e.quote), 1),
+          t("div", $l, [
+            e.authorImage ? (l(), r("div", wl, [
               k(B, null, {
                 default: $(() => [
                   u(i.$slots, "author-image", T(j({
@@ -1840,9 +1869,9 @@ const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) =
                 _: 3
               })
             ])) : g("", !0),
-            t("div", bl, [
-              t("p", pl, s(e.author), 1),
-              t("p", kl, s(e.authorTitle), 1)
+            t("div", xl, [
+              t("p", Sl, s(e.author), 1),
+              t("p", Il, s(e.authorTitle), 1)
             ])
           ])
         ])
@@ -1850,13 +1879,13 @@ const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) =
     ]));
   }
 });
-const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { class: "rich-text__wrapper" }, xl = {
+const Ml = /* @__PURE__ */ h(ql, [["__scopeId", "data-v-3cc55dbf"]]), Dl = { class: "rich-text__wrapper" }, Bl = {
   key: 0,
   class: "rich-text__links"
-}, Il = {
+}, Ll = {
   key: 0,
   class: "rich-text__bullet-list"
-}, ql = /* @__PURE__ */ m({
+}, Al = /* @__PURE__ */ m({
   __name: "rich-text",
   props: {
     headline: {
@@ -1897,8 +1926,8 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { cla
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", Sl, [
-        e.label ? (l(), A(F, {
+      t("div", Dl, [
+        e.label ? (l(), A(R, {
           key: 0,
           text: e.label,
           labelDark: !1
@@ -1923,11 +1952,11 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { cla
             ])
           }, [
             u(i.$slots, "rich-text-content"),
-            e.links ? (l(), r("div", xl, [
+            e.links ? (l(), r("div", Bl, [
               u(i.$slots, "rich-text-links")
             ])) : g("", !0)
           ], 2),
-          e.bulletList ? (l(), r("div", Il, [
+          e.bulletList ? (l(), r("div", Ll, [
             u(i.$slots, "rich-text-bullet-list")
           ])) : g("", !0),
           e.image ? (l(), r("div", {
@@ -1949,10 +1978,10 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { cla
     ], 2));
   }
 });
-const Ml = /* @__PURE__ */ h(ql, [["__scopeId", "data-v-a94d5dd4"]]), Dl = { class: "triple-card-display__wrapper" }, Bl = {
+const Cl = /* @__PURE__ */ h(Al, [["__scopeId", "data-v-a94d5dd4"]]), Tl = { class: "triple-card-display__wrapper" }, jl = {
   key: 0,
   class: "triple-card__content"
-}, Ll = { key: 0 }, Al = { key: 1 }, Cl = { class: "triple-card__cards" }, Tl = /* @__PURE__ */ m({
+}, Nl = { key: 0 }, zl = { key: 1 }, Vl = { class: "triple-card__cards" }, Ol = /* @__PURE__ */ m({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -1975,25 +2004,25 @@ const Ml = /* @__PURE__ */ h(ql, [["__scopeId", "data-v-a94d5dd4"]]), Dl = { cla
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
-      t("div", Dl, [
-        e.headline || e.paragraph ? (l(), r("div", Bl, [
-          e.headline ? (l(), r("h2", Ll, s(e.headline), 1)) : g("", !0),
-          e.paragraph ? (l(), r("p", Al, s(e.paragraph), 1)) : g("", !0)
+      t("div", Tl, [
+        e.headline || e.paragraph ? (l(), r("div", jl, [
+          e.headline ? (l(), r("h2", Nl, s(e.headline), 1)) : g("", !0),
+          e.paragraph ? (l(), r("p", zl, s(e.paragraph), 1)) : g("", !0)
         ])) : g("", !0),
-        t("div", Cl, [
+        t("div", Vl, [
           u(i.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
 });
-const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-f0ce4135"]]), Nl = { class: "vimeo" }, zl = {
+const Pl = /* @__PURE__ */ h(Ol, [["__scopeId", "data-v-f0ce4135"]]), Hl = { class: "vimeo" }, Zl = {
   key: 0,
   class: "vimeo__headline"
-}, Vl = {
+}, Rl = {
   key: 1,
   class: "vimeo__description"
-}, Ol = /* @__PURE__ */ m({
+}, El = /* @__PURE__ */ m({
   __name: "vimeo",
   props: {
     headline: {
@@ -2004,18 +2033,18 @@ const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-f0ce4135"]]), Nl = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Nl, [
+    return (i, a) => (l(), r("div", Hl, [
       t("div", {
         class: c(["vimeo__wrapper", e.headline ? "vimeo__wrapper--headline" : ""])
       }, [
-        e.headline ? (l(), r("h2", zl, s(e.headline), 1)) : g("", !0),
+        e.headline ? (l(), r("h2", Zl, s(e.headline), 1)) : g("", !0),
         u(i.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), r("p", Vl, s(e.description), 1)) : g("", !0)
+        e.description ? (l(), r("p", Rl, s(e.description), 1)) : g("", !0)
       ], 2)
     ]));
   }
 });
-const Pl = /* @__PURE__ */ h(Ol, [["__scopeId", "data-v-a6c209f4"]]), Hl = { class: "not-found__wrapper" }, Zl = { class: "not-found__content" }, Rl = { class: "not-found__headline" }, El = { class: "not-found__body" }, Ul = /* @__PURE__ */ m({
+const Ul = /* @__PURE__ */ h(El, [["__scopeId", "data-v-a6c209f4"]]), Wl = { class: "not-found__wrapper" }, Fl = { class: "not-found__content" }, Gl = { class: "not-found__headline" }, Jl = { class: "not-found__body" }, Yl = /* @__PURE__ */ m({
   __name: "404",
   props: {
     headline: {
@@ -2024,17 +2053,17 @@ const Pl = /* @__PURE__ */ h(Ol, [["__scopeId", "data-v-a6c209f4"]]), Hl = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Hl, [
-      t("div", Zl, [
-        t("h1", Rl, s(e.headline), 1),
-        t("div", El, [
+    return (i, a) => (l(), r("div", Wl, [
+      t("div", Fl, [
+        t("h1", Gl, s(e.headline), 1),
+        t("div", Jl, [
           u(i.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const Wl = /* @__PURE__ */ h(Ul, [["__scopeId", "data-v-c2038fe4"]]), Fl = { class: "filter__wrapper" }, Gl = { class: "filter__content" }, Jl = { class: "filter__dropdowns" }, Yl = { class: "filter__chips" }, Kl = /* @__PURE__ */ m({
+const Kl = /* @__PURE__ */ h(Yl, [["__scopeId", "data-v-c2038fe4"]]), Ql = { class: "filter__wrapper" }, Xl = { class: "filter__content" }, ei = { class: "filter__dropdowns" }, ti = { class: "filter__chips" }, ai = /* @__PURE__ */ m({
   __name: "filter",
   props: {
     hasChips: {
@@ -2044,12 +2073,12 @@ const Wl = /* @__PURE__ */ h(Ul, [["__scopeId", "data-v-c2038fe4"]]), Fl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (i, a) => (l(), r("div", Fl, [
-      t("div", Gl, [
-        t("div", Jl, [
+    return (i, a) => (l(), r("div", Ql, [
+      t("div", Xl, [
+        t("div", ei, [
           u(i.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
-        t("div", Yl, [
+        t("div", ti, [
           u(i.$slots, "filter-chips", {}, void 0, !0),
           e.hasChips ? (l(), r("button", {
             key: 0,
@@ -2061,12 +2090,12 @@ const Wl = /* @__PURE__ */ h(Ul, [["__scopeId", "data-v-c2038fe4"]]), Fl = { cla
     ]));
   }
 });
-const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (z("data-v-6d9c55d4"), e = e(), V(), e), Xl = { class: "footer__wrapper" }, ei = { class: "footer__content" }, ti = { class: "footer__sections" }, ai = { class: "section" }, li = { class: "section__title" }, ii = { class: "section__list" }, ri = { class: "section" }, ni = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), si = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), oi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), di = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), ci = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), _i = { class: "footer__bottom" }, mi = { class: "footer__copyright-policy" }, hi = { class: "copyright" }, gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
+const li = /* @__PURE__ */ h(ai, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (z("data-v-6d9c55d4"), e = e(), V(), e), ii = { class: "footer__wrapper" }, ri = { class: "footer__content" }, ni = { class: "footer__sections" }, si = { class: "section" }, oi = { class: "section__title" }, di = { class: "section__list" }, ci = { class: "section" }, ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), _i = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), mi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), hi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), vi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), fi = { class: "footer__bottom" }, yi = { class: "footer__copyright-policy" }, bi = { class: "copyright" }, pi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ H("Change region")
-], -1)), vi = [
-  gi
-], fi = { class: "footer__social" }, yi = ["href", "aria-label"], bi = /* @__PURE__ */ m({
+], -1)), ki = [
+  pi
+], $i = { class: "footer__social" }, wi = ["href", "aria-label"], xi = /* @__PURE__ */ m({
   __name: "footer",
   props: {
     footerSections: {
@@ -2096,32 +2125,32 @@ const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (i, a) => (l(), r("div", Xl, [
-      t("footer", ei, [
-        t("div", ti, [
-          (l(!0), r(q, null, D(e.footerSections, (n) => (l(), r("div", ai, [
-            t("span", li, s(n.title), 1),
+    return (i, a) => (l(), r("div", ii, [
+      t("footer", ri, [
+        t("div", ni, [
+          (l(!0), r(q, null, D(e.footerSections, (n) => (l(), r("div", si, [
+            t("span", oi, s(n.title), 1),
             t("nav", null, [
-              t("ul", ii, [
+              t("ul", di, [
                 u(i.$slots, "section-links", {
                   links: n.links
                 })
               ])
             ])
           ]))), 256)),
-          t("div", ri, [
-            ni,
+          t("div", ci, [
+            ui,
             t("address", null, [
-              si,
-              oi,
-              di,
+              _i,
+              mi,
+              hi,
               k(C, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  ci
+                  gi
                 ]),
                 _: 1
               }),
@@ -2131,24 +2160,24 @@ const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
                 underline: "false"
               }, {
                 default: $(() => [
-                  ui
+                  vi
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", _i, [
-          t("div", mi, [
-            t("p", hi, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
+        t("div", fi, [
+          t("div", yi, [
+            t("p", bi, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
             t("button", {
               class: "footer__language-switcher",
               onClick: a[0] || (a[0] = (n) => i.$emit("changeRegionClicked"))
-            }, vi),
+            }, ki),
             u(i.$slots, "footer-privacy-link"),
             u(i.$slots, "footer-cookie-link")
           ]),
-          t("div", fi, [
+          t("div", $i, [
             (l(!0), r(q, null, D(e.socialMedia, (n) => (l(), A(C, {
               underline: "false",
               linkType: "regular"
@@ -2165,7 +2194,7 @@ const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
                       n.title === "linkedin" ? "bg-linkedin" : n.title === "facebook" ? "bg-facebook" : n.title === "instagram" ? "bg-instagram" : n.title === "twitter" ? "bg-twitter" : n.title === "youtube" ? "bg-youtube" : ""
                     ]])
                   }, null, 2)
-                ], 8, yi)
+                ], 8, wi)
               ]),
               _: 2
             }, 1024))), 256))
@@ -2175,19 +2204,19 @@ const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
     ]));
   }
 });
-const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", ki = { class: "header__wrapper" }, $i = { class: "nav-wrapper" }, wi = { class: "mir-link-logo" }, Si = { class: "main-nav-items" }, xi = {
+const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", le = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ii = { class: "header__wrapper" }, qi = { class: "nav-wrapper" }, Mi = { class: "mir-link-logo" }, Di = { class: "main-nav-items" }, Bi = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ii = {
+}, Li = {
   key: 0,
   src: de,
   alt: "dropdownarrow"
-}, qi = {
+}, Ai = {
   key: 1,
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Mi = { class: "dropdown-content" }, Di = { class: "nav-search-wrapper" }, Bi = ["src"], Li = { class: "mobile-logo-search-burger-wrapper" }, Ai = { class: "mobile-mir-link-logo" }, Ci = { class: "mobile-search-wrapper" }, Ti = ["src"], ji = ["onClick"], Ni = ["src"], zi = ["src"], Vi = { class: "mobile-menu-content-wrapper" }, Oi = { class: "mobile-dropdown-content" }, Pi = /* @__PURE__ */ m({
+}, Ci = { class: "dropdown-content" }, Ti = { class: "nav-search-wrapper" }, ji = ["src"], Ni = { class: "mobile-logo-search-burger-wrapper" }, zi = { class: "mobile-mir-link-logo" }, Vi = { class: "mobile-search-wrapper" }, Oi = ["src"], Pi = ["onClick"], Hi = ["src"], Zi = ["src"], Ri = { class: "mobile-menu-content-wrapper" }, Ei = { class: "mobile-dropdown-content" }, Ui = /* @__PURE__ */ m({
   __name: "header",
   props: {
     burgerState: {
@@ -2202,8 +2231,8 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
   emits: ["update:burgerState", "update:showDropDown"],
   setup(e, { emit: i }) {
     const a = e;
-    S("");
-    let n = null, o = S(a.burgerState), _ = S(a.showDropDown);
+    x("");
+    let n = null, o = x(a.burgerState), _ = x(a.showDropDown);
     X(
       () => a.burgerState,
       (f) => o.value = f
@@ -2214,60 +2243,60 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
       n = (f) => {
         f.target.closest("#menu-dropdown") || (_.value = !1);
       }, window.addEventListener("click", n);
-    }), Se(() => {
+    }), xe(() => {
       n !== null && window.removeEventListener("click", n);
     });
-    function x() {
+    function S() {
       _.value = !_.value, i("update:showDropDown", _.value);
     }
     function I() {
       o.value = !o.value, i("update:burgerState", o.value);
     }
-    return (f, b) => (l(), r("div", ki, [
+    return (f, b) => (l(), r("div", Ii, [
       t("nav", null, [
-        t("div", $i, [
-          t("div", wi, [
+        t("div", qi, [
+          t("div", Mi, [
             u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", Si, [
+          t("ul", Di, [
             u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", xi, [
+          t("div", Bi, [
             t("button", {
-              onClick: x,
+              onClick: S,
               class: "nav-dropdown-btn"
             }, [
               u(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(_) == !1 ? (l(), r("img", Ii)) : (l(), r("img", qi))
+              p(_) == !1 ? (l(), r("img", Li)) : (l(), r("img", Ai))
             ]),
-            U(t("div", Mi, [
+            W(t("div", Ci, [
               u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, p(_)]
             ])
           ], 512),
-          t("div", Di, [
+          t("div", Ti, [
             t("button", null, [
               t("img", {
                 src: p(o) == !0 ? p(le) : p(ae),
                 alt: "search icon"
-              }, null, 8, Bi)
+              }, null, 8, ji)
             ])
           ])
         ]),
         t("div", {
           class: c(["mobile-nav-wrapper", p(o) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
-          t("div", Li, [
-            t("div", Ai, [
+          t("div", Ni, [
+            t("div", zi, [
               u(f.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", Ci, [
+            t("div", Vi, [
               t("button", null, [
                 t("img", {
                   src: p(o) == !0 ? p(le) : p(ae),
                   alt: "search icon"
-                }, null, 8, Ti)
+                }, null, 8, Oi)
               ])
             ]),
             t("button", {
@@ -2277,18 +2306,18 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
               t("img", {
                 class: c(["burger-line", p(o) == !0 ? "burger-top-line-open" : ""]),
                 src: p(o) == !0 ? p(te) : p(ee)
-              }, null, 10, Ni),
+              }, null, 10, Hi),
               t("img", {
                 class: c(["burger-line", p(o) == !0 ? "burger-bottom-line-open" : ""]),
                 src: p(o) == !0 ? p(te) : p(ee)
-              }, null, 10, zi)
-            ], 8, ji)
+              }, null, 10, Zi)
+            ], 8, Pi)
           ]),
-          U(t("div", Vi, [
+          W(t("div", Ri, [
             t("ul", null, [
               u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Oi, [
+            t("ul", Ei, [
               u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
               u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
@@ -2300,7 +2329,7 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
     ]));
   }
 });
-const Hi = /* @__PURE__ */ h(Pi, [["__scopeId", "data-v-8ff68823"]]), Zi = { class: "language__wrapper" }, Ri = { class: "language__content" }, Ei = { class: "language__headline" }, Ui = { class: "language__paragraph" }, Wi = /* @__PURE__ */ m({
+const Wi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-8ff68823"]]), Fi = { class: "language__wrapper" }, Gi = { class: "language__content" }, Ji = { class: "language__headline" }, Yi = { class: "language__paragraph" }, Ki = /* @__PURE__ */ m({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2311,16 +2340,16 @@ const Hi = /* @__PURE__ */ h(Pi, [["__scopeId", "data-v-8ff68823"]]), Zi = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Zi, [
-      t("div", Ri, [
-        t("h2", Ei, s(e.headline), 1),
-        t("p", Ui, s(e.paragraph), 1),
+    return (i, a) => (l(), r("div", Fi, [
+      t("div", Gi, [
+        t("h2", Ji, s(e.headline), 1),
+        t("p", Yi, s(e.paragraph), 1),
         u(i.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Fi = /* @__PURE__ */ h(Wi, [["__scopeId", "data-v-9d085a10"]]), Gi = { class: "pagination__wrapper" }, Ji = { class: "pagination__content" }, Yi = /* @__PURE__ */ m({
+const Qi = /* @__PURE__ */ h(Ki, [["__scopeId", "data-v-9d085a10"]]), Xi = { class: "pagination__wrapper" }, er = { class: "pagination__content" }, tr = /* @__PURE__ */ m({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2334,16 +2363,16 @@ const Fi = /* @__PURE__ */ h(Wi, [["__scopeId", "data-v-9d085a10"]]), Gi = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (i, a) => (l(), r("div", Gi, [
-      t("div", Ji, [
-        k(W, {
+    return (i, a) => (l(), r("div", Xi, [
+      t("div", er, [
+        k(F, {
           onClick: a[0] || (a[0] = (n) => i.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
         u(i.$slots, "pagination-numbers"),
-        k(W, {
+        k(F, {
           onClick: a[1] || (a[1] = (n) => i.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
@@ -2353,47 +2382,48 @@ const Fi = /* @__PURE__ */ h(Wi, [["__scopeId", "data-v-9d085a10"]]), Gi = { cla
     ]));
   }
 });
-const Ki = /* @__PURE__ */ h(Yi, [["__scopeId", "data-v-aef0eda7"]]), Xi = {
+const ar = /* @__PURE__ */ h(tr, [["__scopeId", "data-v-aef0eda7"]]), ir = {
   install: (e) => {
-    e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", B), e.component("AtomLabel", F), e.component("AtomLink", C), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", R), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", oe), e.component("BlockFacts", qa), e.component("BlockFeatures", Na), e.component("BlockHeadline", Xa), e.component("BlockImage", Za), e.component("BlockImageGallery", Ja), e.component("BlockMicroStories", tl), e.component("BlockProductHero", sl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ml), e.component("BlockTripleCardDisplay", jl), e.component("BlockVimeo", Pl), e.component("Organism404", Wl), e.component("OrganismFilter", Ql), e.component("OrganismFooter", pi), e.component("OrganismHeader", Hi), e.component("OrganismLanguageSwitcher", Fi), e.component("OrganismPagination", Ki);
+    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", B), e.component("AtomLabel", R), e.component("AtomLink", C), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", E), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", oe), e.component("MoleculeTextCard", $a), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockMicroStories", nl), e.component("BlockProductHero", _l), e.component("BlockPromo", gl), e.component("BlockQuote", Ml), e.component("BlockRichText", Cl), e.component("BlockTripleCardDisplay", Pl), e.component("BlockVimeo", Ul), e.component("Organism404", Kl), e.component("OrganismFilter", li), e.component("OrganismFooter", Si), e.component("OrganismHeader", Wi), e.component("OrganismLanguageSwitcher", Qi), e.component("OrganismPagination", ar);
   }
 };
 export {
-  W as AtomButton,
+  F as AtomButton,
   Ae as AtomCheckbox,
   Ve as AtomChip,
   We as AtomDropdown,
   B as AtomImage,
-  F as AtomLabel,
+  R as AtomLabel,
   C as AtomLink,
   it as AtomRadioButton,
   ct as AtomSelect,
   pt as AtomSlider,
   Ot as AtomTextField,
   Mt as AtomTextarea,
-  R as AtomVideo,
-  qa as BlockFacts,
-  Na as BlockFeatures,
-  Xa as BlockHeadline,
-  Za as BlockImage,
-  Ja as BlockImageGallery,
-  tl as BlockMicroStories,
-  sl as BlockProductHero,
-  cl as BlockPromo,
-  wl as BlockQuote,
-  Ml as BlockRichText,
-  jl as BlockTripleCardDisplay,
-  Pl as BlockVimeo,
+  E as AtomVideo,
+  Aa as BlockFacts,
+  Ha as BlockFeatures,
+  il as BlockHeadline,
+  Fa as BlockImage,
+  el as BlockImageGallery,
+  nl as BlockMicroStories,
+  _l as BlockProductHero,
+  gl as BlockPromo,
+  Ml as BlockQuote,
+  Cl as BlockRichText,
+  Pl as BlockTripleCardDisplay,
+  Ul as BlockVimeo,
   ea as MoleculeAddress,
   ra as MoleculeBulletList,
   da as MoleculeCard,
   fa as MoleculeEventCard,
   oe as MoleculeModal,
-  Wl as Organism404,
-  Ql as OrganismFilter,
-  pi as OrganismFooter,
-  Hi as OrganismHeader,
-  Fi as OrganismLanguageSwitcher,
-  Ki as OrganismPagination,
-  Xi as default
+  $a as MoleculeTextCard,
+  Kl as Organism404,
+  li as OrganismFilter,
+  Si as OrganismFooter,
+  Wi as OrganismHeader,
+  Qi as OrganismLanguageSwitcher,
+  ar as OrganismPagination,
+  ir as default
 };