@mirweb/mir-web-components 0.10.3 → 0.11.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as _, openBlock as i, createElementBlock as r, normalizeClass as u, toDisplayString as d, createElementVNode as t, renderSlot as m, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as x, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as T, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as h, watchEffect as oe, withKeys as $e, createBlock as j, normalizeStyle as ne, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as xe } from "vue";
+import { defineComponent as _, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as d, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as x, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as T, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as h, watchEffect as oe, withKeys as $e, createBlock as j, normalizeStyle as ne, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as xe } from "vue";
 const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
   __name: "button",
   props: {
@@ -25,7 +25,7 @@ const Se = ["aria-label"], Ie = /* @__PURE__ */ _({
   },
   setup(e) {
     return (l, a) => (i(), r("button", {
-      class: u(["button", "button--" + e.variant]),
+      class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
     }, d(e.variant == "close" ? "" : e.buttonText), 11, Se));
   }
@@ -67,7 +67,7 @@ const v = (e, l) => {
       l("input", n.checked);
     };
     return (o, n) => (i(), r("div", {
-      class: u(["checkbox__wrapper", e.disabled ? "disabled" : ""])
+      class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         type: "checkbox",
@@ -81,10 +81,10 @@ const v = (e, l) => {
       }, null, 40, Me),
       t("label", {
         for: e.id,
-        class: u(["checkbox__label", e.required ? "required" : ""])
+        class: c(["checkbox__label", e.required ? "required" : ""])
       }, [
         Be,
-        m(o.$slots, "default", {}, void 0, !0)
+        u(o.$slots, "default", {}, void 0, !0)
       ], 10, De)
     ], 2));
   }
@@ -100,7 +100,7 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
   emits: ["remove-chip"],
   setup(e, { emit: l }) {
     const a = e, o = N(() => `Chip: ${a.text}`);
-    return (n, c) => (i(), r("div", Ce, [
+    return (n, m) => (i(), r("div", Ce, [
       t("span", {
         class: "chip",
         "aria-label": o.value
@@ -110,7 +110,7 @@ const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
           src: Te,
           alt: "close",
           class: "close-icon",
-          onClick: c[0] || (c[0] = (S) => n.$emit("remove-chip"))
+          onClick: m[0] || (m[0] = (S) => n.$emit("remove-chip"))
         })
       ], 8, je)
     ]));
@@ -159,12 +159,12 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const a = e, o = x(null), n = x(null), c = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), q = N(() => {
+    const a = e, o = x(null), n = x(null), m = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), q = N(() => {
       const s = a.options.find(
         (g) => g.value === a.modelValue
       );
       return s && s.label;
-    }), ue = {
+    }), ce = {
       beforeMount(s, g) {
         s.clickOutsideEvent = function(y) {
           s === y.target || s.contains(y.target) || g.value(y);
@@ -174,7 +174,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
         document.body.removeEventListener("click", s.clickOutsideEvent);
       }
     };
-    function ce(s) {
+    function ue(s) {
       l("update:modelValue", s);
     }
     function me(s) {
@@ -192,8 +192,8 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           const w = a.options.findIndex(
             (V) => V.value === a.modelValue
           );
-          let B = w ? c.value[w] : c.value[0];
-          g === "ArrowUp" ? w - 1 >= 0 && (B = c.value[w - 1]) : w + 1 <= a.options.length && (B = c.value[w + 1]), B && Z(B);
+          let B = w ? m.value[w] : m.value[0];
+          g === "ArrowUp" ? w - 1 >= 0 && (B = m.value[w - 1]) : w + 1 <= a.options.length && (B = m.value[w + 1]), B && Z(B);
           break;
         }
         case "Home":
@@ -246,11 +246,11 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     function Y(s, g) {
       for (let y = s; y < g; y++)
         if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
-          return c.value[y];
+          return m.value[y];
       return null;
     }
     function fe() {
-      Z(c.value[0]);
+      Z(m.value[0]);
     }
     function Z(s) {
       var y, w;
@@ -258,20 +258,20 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       if (a.modelValue) {
         const B = a.options.findIndex(
           (pe) => pe.value === a.modelValue
-        ), V = c.value[B];
+        ), V = m.value[B];
         ve(V);
       }
       if (s.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
-      ), ce(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+      ), ue(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
         const B = n.value.clientHeight + n.value.scrollTop, V = s.offsetTop + s.offsetHeight;
         V > B ? n.value.scrollTop = V - ((w = n.value) == null ? void 0 : w.clientHeight) : s.offsetTop < n.value.scrollTop && (n.value.scrollTop = s.offsetTop);
       }
     }
     function ye() {
       var g;
-      const s = (g = c.value) == null ? void 0 : g[a.options.length - 1];
+      const s = (g = m.value) == null ? void 0 : g[a.options.length - 1];
       Z(s);
     }
     function R() {
@@ -292,7 +292,7 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }, [
       t("label", {
         id: `${e.name}-label`,
-        class: u([{
+        class: c([{
           "listbox__label--visually-hidden": !e.showLabel,
           "is-disabled": e.disabled,
           "is-required": e.required
@@ -330,13 +330,13 @@ const ze = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: c
+            ref: m
           }, d(y.label), 9, Ee))), 128))
         ], 40, Ze), [
           [G, !f.value]
         ])
       ])), [
-        [ue, R]
+        [ce, R]
       ])
     ], 8, Ve));
   }
@@ -380,7 +380,7 @@ const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
   },
   setup(e) {
     return (l, a) => (i(), r("div", We, [
-      m(l.$slots, "default", T(C(l.$attrs)))
+      u(l.$slots, "default", T(C(l.$attrs)))
     ]));
   }
 });
@@ -403,7 +403,7 @@ const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
       t("span", {
         "aria-label": a.value,
         "label-dark": e.labelDark,
-        class: u(e.labelDark ? "label--dark" : "label--light")
+        class: c(e.labelDark ? "label--dark" : "label--light")
       }, d(e.text), 11, Je)
     ]));
   }
@@ -462,7 +462,7 @@ const F = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
           e.arrow ? "link-arrow" : ""
         ]]
       }), [
-        m(o.$slots, "default")
+        u(o.$slots, "default")
       ], 16)
     ]));
   }
@@ -500,7 +500,7 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
       l("input", n.checked);
     };
     return (o, n) => (i(), r("div", {
-      class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
+      class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         type: "radio",
@@ -515,10 +515,10 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
       }, null, 40, Xe),
       t("label", {
         for: e.id,
-        class: u(["radio__label", e.required ? "required" : ""])
+        class: c(["radio__label", e.required ? "required" : ""])
       }, [
         tt,
-        m(o.$slots, "default", {}, void 0, !0)
+        u(o.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
@@ -567,10 +567,10 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
     return (l, a) => (i(), r("div", it, [
       t("label", {
         for: e.id,
-        class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
+        class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
       }, d(e.label), 11, rt),
       t("select", {
-        class: u(e.disabled ? "disabled" : ""),
+        class: c(e.disabled ? "disabled" : ""),
         disabled: e.disabled,
         id: e.id,
         name: e.name,
@@ -587,7 +587,7 @@ const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
     ]));
   }
 });
-const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { class: "modal__wrapper" }, ct = /* @__PURE__ */ _({
+const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ _({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 }
@@ -602,7 +602,7 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
     const o = () => {
       l("update:show", !a.show);
     };
-    return (n, c) => (i(), r("div", ut, [
+    return (n, m) => (i(), r("div", ct, [
       k(ke, {
         duration: 300,
         name: "nested"
@@ -617,7 +617,7 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
           }, [
             t("div", {
               id: "modal",
-              onClick: c[0] || (c[0] = re(() => {
+              onClick: m[0] || (m[0] = re(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
@@ -627,7 +627,7 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
                   onClick: o
                 })
               ]),
-              m(n.$slots, "default", {}, void 0, !0)
+              u(n.$slots, "default", {}, void 0, !0)
             ])
           ])) : h("", !0)
         ]),
@@ -636,7 +636,7 @@ const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
     ]));
   }
 });
-const se = /* @__PURE__ */ v(ct, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, _t = { class: "slider__label" }, vt = ["for"], ht = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ _({
+const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, _t = { class: "slider__label" }, vt = ["for"], ht = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ _({
   __name: "slider",
   props: {
     label: {
@@ -689,7 +689,7 @@ const se = /* @__PURE__ */ v(ct, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const a = e, o = x(a.modelValue), n = x(), c = x(!1), S = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
+    const a = e, o = x(a.modelValue), n = x(), m = x(!1), S = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
       var b;
       (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
@@ -705,14 +705,14 @@ const se = /* @__PURE__ */ v(ct, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
         t("div", _t, [
           t("label", {
             for: e.id,
-            class: u([e.variant, ""])
+            class: c([e.variant, ""])
           }, d(e.label), 11, vt),
           e.information ? (i(), r("i", {
             key: 0,
             role: "button",
-            class: u([e.variant, "slider__information"]),
-            onClick: b[0] || (b[0] = (q) => c.value = !c.value),
-            onKeyup: b[1] || (b[1] = $e((q) => c.value = !c.value, ["enter"])),
+            class: c([e.variant, "slider__information"]),
+            onClick: b[0] || (b[0] = (q) => m.value = !m.value),
+            onKeyup: b[1] || (b[1] = $e((q) => m.value = !m.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
@@ -720,7 +720,7 @@ const se = /* @__PURE__ */ v(ct, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
         ]),
         t("div", gt, [
           t("span", {
-            class: u([e.variant, "slider__minmax"])
+            class: c([e.variant, "slider__minmax"])
           }, d(e.min), 3),
           t("input", {
             type: "range",
@@ -730,23 +730,23 @@ const se = /* @__PURE__ */ v(ct, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             min: e.min,
             step: e.step,
             max: e.max,
-            class: u(e.variant),
+            class: c(e.variant),
             ref_key: "slider",
             ref: n,
             onInput: b[2] || (b[2] = ({ target: q }) => o.value = parseFloat(q.value))
           }, null, 42, ft),
           t("span", {
-            class: u([e.variant, "slider__minmax"])
+            class: c([e.variant, "slider__minmax"])
           }, d(e.max), 3)
         ]),
         t("span", {
-          class: u([e.variant, "slider__value"])
+          class: c([e.variant, "slider__value"])
         }, d(e.modelValue), 3)
       ]),
       e.information ? (i(), j(se, {
         key: 0,
-        show: c.value,
-        "onUpdate:show": b[3] || (b[3] = (q) => c.value = q)
+        show: m.value,
+        "onUpdate:show": b[3] || (b[3] = (q) => m.value = q)
       }, {
         default: $(() => [
           O(d(e.information), 1)
@@ -799,7 +799,7 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
     return (l, a) => (i(), r("div", pt, [
       t("label", {
         for: e.id,
-        class: u({ required: e.required })
+        class: c({ required: e.required })
       }, d(e.labelText) + d(e.required ? " *" : ""), 11, kt),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
@@ -815,7 +815,7 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
           maxlength: e.maxLength,
           value: e.modelValue,
           onInput: a[0] || (a[0] = (o) => l.$emit("update:modelValue", o.target.value)),
-          class: u(
+          class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
         }, null, 42, wt)
@@ -825,7 +825,7 @@ const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
           e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", St, " Too many characters. Please make it shorter ")) : h("", !0)
         ]),
         t("p", {
-          class: u(
+          class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
           )
         }, d(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + d(e.maxLength), 3)
@@ -914,10 +914,10 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
     ), o = N(
       () => l.value ? "password" : "text"
     );
-    return (n, c) => (i(), r("div", Mt, [
+    return (n, m) => (i(), r("div", Mt, [
       t("label", {
         for: e.id,
-        class: u([
+        class: c([
           e.required ? "required" : "",
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
@@ -931,12 +931,12 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
           placeholder: e.placeholder,
           required: e.required,
           disabled: e.disabled,
-          onInput: c[0] || (c[0] = (S) => n.$emit("update:modelValue", S.target.value))
+          onInput: m[0] || (m[0] = (S) => n.$emit("update:modelValue", S.target.value))
         }, null, 40, At),
         t("i", {
           role: "button",
-          class: u([a.value]),
-          onClick: c[1] || (c[1] = (S) => l.value = !l.value),
+          class: c([a.value]),
+          onClick: m[1] || (m[1] = (S) => l.value = !l.value),
           "aria-controls": "password",
           "aria-expanded": !l.value
         }, null, 10, Lt)
@@ -947,13 +947,13 @@ const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
         placeholder: e.placeholder,
         id: e.id,
         required: e.required,
-        class: u([
+        class: c([
           e.invalid ? "invalid" : "",
           e.valid ? "valid" : "",
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
-        onInput: c[2] || (c[2] = (S) => n.$emit("update:modelValue", S.target.value))
+        onInput: m[2] || (m[2] = (S) => n.$emit("update:modelValue", S.target.value))
       }, null, 42, Tt)),
       e.search ? (i(), r("i", Ct)) : h("", !0),
       e.errorMessage ? (i(), r("strong", jt, d(e.errorMessage), 1)) : h("", !0),
@@ -1069,7 +1069,7 @@ const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
   setup(e) {
     return (l, a) => (i(), r("div", Rt, [
       t("div", {
-        class: u(["bullet-list", e.variant])
+        class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
           (i(!0), r(M, null, L(e.list, (o) => (i(), r("li", null, [
@@ -1139,7 +1139,7 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
     let a = x(!1);
     return (o, n) => (i(), r("div", Gt, [
       t("div", {
-        class: u(["card", [
+        class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
           e.orientation == "vertical" ? "vertical" : "horizontal",
           e.size == "small" ? "card--small" : e.size == "medium" ? "card--medium" : e.size == "large" ? "card--large" : "",
@@ -1150,12 +1150,12 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
           e.mediaType == "video" ? "width: 328px" : ""
         ]),
-        onMouseover: n[0] || (n[0] = (c) => Q(a) ? a.value = !0 : a = !0),
-        onMouseout: n[1] || (n[1] = (c) => Q(a) ? a.value = !1 : a = !1)
+        onMouseover: n[0] || (n[0] = (m) => Q(a) ? a.value = !0 : a = !0),
+        onMouseout: n[1] || (n[1] = (m) => Q(a) ? a.value = !1 : a = !1)
       }, [
         e.mediaType == "image" ? (i(), j(D, { key: 0 }, {
           default: $(() => [
-            m(o.$slots, "card-image", ie({
+            u(o.$slots, "card-image", ie({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
               width: e.size == "small" ? "298" : e.size == "medium" ? "432" : e.size == "large" ? "596" : "",
@@ -1167,7 +1167,7 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           _: 3
         })) : (i(), r("div", {
           key: 1,
-          class: u(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
         }, [
           k(E, {
             play: p(a),
@@ -1185,13 +1185,13 @@ const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
         ], 2)),
         e.variant === "product" ? (i(), r("h3", {
           key: 2,
-          class: u(e.theme == "dark" ? "regular-dark" : "regular-blue")
+          class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
         }, d(e.headline), 3)) : (i(), r("h3", {
           key: 3,
-          class: u(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
+          class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, d(e.headline), 3)),
         e.variant == "product" ? (i(), r("p", Jt, d(e.paragraph), 1)) : h("", !0),
-        m(o.$slots, "card-label")
+        u(o.$slots, "card-label")
       ], 38)
     ]));
   }
@@ -1236,7 +1236,7 @@ const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
     ]));
   }
 });
-const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ua = { class: "fact" }, ca = { class: "fact__value" }, ma = { class: "fact__metric" }, _a = {
+const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, ma = { class: "fact__metric" }, _a = {
   key: 0,
   class: "facts__link"
 }, va = /* @__PURE__ */ _({
@@ -1261,8 +1261,8 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
       t("div", na, [
         t("h2", sa, d(e.headline), 1),
         t("div", da, [
-          (i(!0), r(M, null, L(e.facts, (o) => (i(), r("div", ua, [
-            t("div", ca, [
+          (i(!0), r(M, null, L(e.facts, (o) => (i(), r("div", ca, [
+            t("div", ua, [
               t("span", null, d(o.value), 1)
             ]),
             t("div", ma, [
@@ -1276,7 +1276,7 @@ const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
             arrow: ""
           }, {
             default: $(() => [
-              m(l.$slots, "facts-link", {}, void 0, !0)
+              u(l.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1309,15 +1309,15 @@ const ha = /* @__PURE__ */ v(va, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
           t("h2", null, d(e.headline), 1)
         ])) : h("", !0),
         t("div", ba, [
-          m(l.$slots, "features-body", {}, void 0, !0)
+          u(l.$slots, "features-body", {}, void 0, !0)
         ]),
         t("div", {
-          class: u(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
+          class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
           (i(!0), r(M, null, L(e.elements, (o) => (i(), r("div", pa, [
             k(D, { class: "element__icon" }, {
               default: $(() => [
-                m(l.$slots, "features-icon", T(C({
+                u(l.$slots, "features-icon", T(C({
                   src: o.icon.src,
                   height: 30,
                   width: 30,
@@ -1356,7 +1356,7 @@ const xa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), Sa = { cla
         t("div", qa, [
           k(D, null, {
             default: $(() => [
-              m(l.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              u(l.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1415,13 +1415,13 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
   },
   setup(e) {
     return (l, a) => (i(), r("div", {
-      class: u([
+      class: c([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
       ])
     }, [
       t("div", {
-        class: u([
+        class: c([
           "gallery__content",
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
@@ -1430,7 +1430,7 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
           e.mediaLarge && e.mediaType === "image" ? (i(), r("div", La, [
             k(D, null, {
               default: $(() => [
-                m(l.$slots, "image-large", T(C({
+                u(l.$slots, "image-large", T(C({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1457,7 +1457,7 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
         ]),
         t("div", {
           style: ne([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
-          class: u([
+          class: c([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
@@ -1465,7 +1465,7 @@ const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
           (i(!0), r(M, null, L(e.mediaSmall, (o) => (i(), r("div", Ca, [
             k(D, null, {
               default: $(() => [
-                m(l.$slots, "image-small", T(C({
+                u(l.$slots, "image-small", T(C({
                   width: 328,
                   height: 246,
                   src: o.src,
@@ -1502,7 +1502,7 @@ const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
   setup(e) {
     return (l, a) => (i(), r("div", Va, [
       t("div", {
-        class: u([
+        class: c([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
         ])
       }, [
@@ -1535,15 +1535,15 @@ const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
   },
   setup(e) {
     return (l, a) => (i(), r("div", {
-      class: u([
+      class: c([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
       t("div", Za, [
-        m(l.$slots, "micro-stories-slides")
+        u(l.$slots, "micro-stories-slides")
       ]),
-      m(l.$slots, "micro-stories-controls")
+      u(l.$slots, "micro-stories-controls")
     ], 2));
   }
 });
@@ -1641,7 +1641,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
   },
   setup(e) {
     return (l, a) => (i(), r("div", {
-      class: u([
+      class: c([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : ""
       ])
@@ -1649,21 +1649,21 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
       t("div", Ya, [
         e.mediaType === "image" ? (i(), r("div", {
           key: 0,
-          class: u([
+          class: c([
             "promo__image",
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           k(D, null, {
             default: $(() => [
-              m(l.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              u(l.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : h("", !0),
         e.mediaType === "video" ? (i(), r("div", {
           key: 1,
-          class: u([
+          class: c([
             "promo__video",
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
@@ -1681,7 +1681,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
           }, null, 8, ["src", "ariaLabel", "poster"])
         ], 2)) : h("", !0),
         t("div", {
-          class: u([
+          class: c([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
@@ -1692,7 +1692,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             labelDark: e.variant === "dark"
           }, null, 8, ["text", "labelDark"])) : h("", !0),
           t("h3", {
-            class: u([
+            class: c([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
@@ -1703,7 +1703,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             arrow: ""
           }, {
             default: $(() => [
-              m(l.$slots, "promo-link")
+              u(l.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : h("", !0),
@@ -1712,7 +1712,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
             default: $(() => [
-              m(l.$slots, "promo-link")
+              u(l.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : h("", !0)
@@ -1724,7 +1724,7 @@ const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
 const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, ol = {
   key: 0,
   class: "quote__image"
-}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, ul = /* @__PURE__ */ _({
+}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ _({
   __name: "quote",
   props: {
     quote: {
@@ -1754,7 +1754,7 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) =
             e.authorImage ? (i(), r("div", ol, [
               k(D, null, {
                 default: $(() => [
-                  m(l.$slots, "author-image", T(C({
+                  u(l.$slots, "author-image", T(C({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1773,7 +1773,7 @@ const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-06964f7d"]]), Xa = (e) =
     ]));
   }
 });
-const cl = /* @__PURE__ */ v(ul, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, _l = {
+const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, _l = {
   key: 0,
   class: "rich-text__links"
 }, vl = {
@@ -1815,7 +1815,7 @@ const cl = /* @__PURE__ */ v(ul, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
   },
   setup(e) {
     return (l, a) => (i(), r("div", {
-      class: u([
+      class: c([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
@@ -1828,41 +1828,41 @@ const cl = /* @__PURE__ */ v(ul, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
         }, null, 8, ["text"])) : h("", !0),
         e.headline ? (i(), r("h2", {
           key: 1,
-          class: u([
+          class: c([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
         }, d(e.headline), 3)) : h("", !0),
         t("div", {
-          class: u([
+          class: c([
             "rich-text__content",
             e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: u([
+            class: c([
               "rich-text__body",
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            m(l.$slots, "rich-text-content"),
+            u(l.$slots, "rich-text-content"),
             e.links ? (i(), r("div", _l, [
-              m(l.$slots, "rich-text-links")
+              u(l.$slots, "rich-text-links")
             ])) : h("", !0)
           ], 2),
           e.bulletList ? (i(), r("div", vl, [
-            m(l.$slots, "rich-text-bullet-list")
+            u(l.$slots, "rich-text-bullet-list")
           ])) : h("", !0),
           e.image ? (i(), r("div", {
             key: 1,
-            class: u([
+            class: c([
               "rich-text__image",
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
             k(D, null, {
               default: $(() => [
-                m(l.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
+                u(l.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1893,7 +1893,7 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
   },
   setup(e) {
     return (l, a) => (i(), r("div", {
-      class: u([
+      class: c([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
@@ -1904,7 +1904,7 @@ const gl = /* @__PURE__ */ v(hl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
           e.paragraph ? (i(), r("p", pl, d(e.paragraph), 1)) : h("", !0)
         ])) : h("", !0),
         t("div", kl, [
-          m(l.$slots, "triple-card-display-cards", {}, void 0, !0)
+          u(l.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -1930,13 +1930,32 @@ const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-10340ac8"]]), xl = { cla
     return (l, a) => (i(), r("div", xl, [
       t("div", Sl, [
         e.headline ? (i(), r("h2", Il, d(e.headline), 1)) : h("", !0),
-        m(l.$slots, "vimeo-content", {}, void 0, !0),
+        u(l.$slots, "vimeo-content", {}, void 0, !0),
         e.description ? (i(), r("p", ql, d(e.description), 1)) : h("", !0)
       ])
     ]));
   }
 });
-const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "filter__wrapper" }, Al = { class: "filter__content" }, Ll = { class: "filter__dropdowns" }, Tl = { class: "filter__chips" }, Cl = /* @__PURE__ */ _({
+const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Al = { class: "not-found__content" }, Ll = { class: "not-found__headline" }, Tl = { class: "not-found__body" }, Cl = /* @__PURE__ */ _({
+  __name: "404",
+  props: {
+    headline: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (l, a) => (i(), r("div", Bl, [
+      t("div", Al, [
+        t("h1", Ll, d(e.headline), 1),
+        t("div", Tl, [
+          u(l.$slots, "not-found-body", {}, void 0, !0)
+        ])
+      ])
+    ]));
+  }
+});
+const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-ea15062a"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ _({
   __name: "filter",
   props: {
     hasChips: {
@@ -1946,13 +1965,13 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (l, a) => (i(), r("div", Bl, [
-      t("div", Al, [
-        t("div", Ll, [
-          m(l.$slots, "filter-dropdowns", {}, void 0, !0)
+    return (l, a) => (i(), r("div", Nl, [
+      t("div", zl, [
+        t("div", Vl, [
+          u(l.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
-        t("div", Tl, [
-          m(l.$slots, "filter-chips", {}, void 0, !0),
+        t("div", Ol, [
+          u(l.$slots, "filter-chips", {}, void 0, !0),
           e.hasChips ? (i(), r("button", {
             key: 0,
             class: "filter__clear",
@@ -1963,10 +1982,10 @@ const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
     ]));
   }
 });
-const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-1da7210c"), e = e(), H(), e), Nl = { class: "footer__wrapper" }, zl = { class: "footer__content" }, Vl = { class: "footer__sections" }, Ol = { class: "section" }, Pl = { class: "section__title" }, Hl = { class: "section__list" }, Zl = { class: "section" }, El = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Rl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ul = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Wl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Fl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Gl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Jl = { class: "footer__bottom" }, Yl = { class: "footer__copyright-policy" }, Kl = { class: "copyright" }, Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
+const Hl = /* @__PURE__ */ v(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-1da7210c"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, El = { class: "footer__content" }, Rl = { class: "footer__sections" }, Ul = { class: "section" }, Wl = { class: "section__title" }, Fl = { class: "section__list" }, Gl = { class: "section" }, Jl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Yl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Kl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Xl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ei = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ti = { class: "footer__bottom" }, ai = { class: "footer__copyright-policy" }, li = { class: "copyright" }, ii = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ O("Change region")
-], -1)), Xl = { class: "footer__social" }, ei = ["href", "aria-label"], ti = /* @__PURE__ */ _({
+], -1)), ri = { class: "footer__social" }, oi = ["href", "aria-label"], ni = /* @__PURE__ */ _({
   __name: "footer",
   props: {
     footerSections: {
@@ -1995,32 +2014,32 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Nl, [
-      t("footer", zl, [
-        t("div", Vl, [
-          (i(!0), r(M, null, L(e.footerSections, (o) => (i(), r("div", Ol, [
-            t("span", Pl, d(o.title), 1),
+    return (l, a) => (i(), r("div", Zl, [
+      t("footer", El, [
+        t("div", Rl, [
+          (i(!0), r(M, null, L(e.footerSections, (o) => (i(), r("div", Ul, [
+            t("span", Wl, d(o.title), 1),
             t("nav", null, [
-              t("ul", Hl, [
-                m(l.$slots, "section-links", {
+              t("ul", Fl, [
+                u(l.$slots, "section-links", {
                   links: o.links
                 })
               ])
             ])
           ]))), 256)),
-          t("div", Zl, [
-            El,
+          t("div", Gl, [
+            Jl,
             t("address", null, [
-              Rl,
-              Ul,
-              Wl,
+              Yl,
+              Kl,
+              Ql,
               k(A, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  Fl
+                  Xl
                 ]),
                 _: 1
               }),
@@ -2030,26 +2049,26 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
                 underline: "false"
               }, {
                 default: $(() => [
-                  Gl
+                  ei
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", Jl, [
-          t("div", Yl, [
-            t("p", Kl, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
+        t("div", ti, [
+          t("div", ai, [
+            t("p", li, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
             k(A, { linkType: "regular-light" }, {
               default: $(() => [
-                Ql
+                ii
               ]),
               _: 1
             }),
-            m(l.$slots, "footer-privacy-link"),
-            m(l.$slots, "footer-cookie-link")
+            u(l.$slots, "footer-privacy-link"),
+            u(l.$slots, "footer-cookie-link")
           ]),
-          t("div", Xl, [
+          t("div", ri, [
             (i(!0), r(M, null, L(e.socialMedia, (o) => (i(), j(A, {
               underline: "false",
               linkType: "regular"
@@ -2062,11 +2081,11 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: u(["footer__social--icon", [
+                    class: c(["footer__social--icon", [
                       o.title === "linkedin" ? "bg-linkedin" : o.title === "facebook" ? "bg-facebook" : o.title === "instagram" ? "bg-instagram" : o.title === "twitter" ? "bg-twitter" : o.title === "youtube" ? "bg-youtube" : ""
                     ]])
                   }, null, 2)
-                ], 8, ei)
+                ], 8, oi)
               ]),
               _: 2
             }, 1024))), 256))
@@ -2076,19 +2095,19 @@ const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
     ]));
   }
 });
-const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-1da7210c"]]), 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=", li = { class: "header__wrapper" }, ii = { class: "nav-wrapper" }, ri = { class: "mir-link-logo" }, oi = { class: "main-nav-items" }, ni = {
+const si = /* @__PURE__ */ v(ni, [["__scopeId", "data-v-1da7210c"]]), 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=", di = { class: "header__wrapper" }, ci = { class: "nav-wrapper" }, ui = { class: "mir-link-logo" }, mi = { class: "main-nav-items" }, _i = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, si = {
+}, vi = {
   key: 0,
   src: de,
   alt: "dropdownarrow"
-}, di = {
+}, hi = {
   key: 1,
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ui = { class: "dropdown-content" }, ci = { class: "nav-search-wrapper" }, mi = ["src"], _i = { class: "mobile-logo-search-burger-wrapper" }, vi = { class: "mobile-mir-link-logo" }, hi = { class: "mobile-search-wrapper" }, gi = ["src"], fi = ["onClick"], yi = ["src"], bi = ["src"], pi = { class: "mobile-menu-content-wrapper" }, ki = { class: "mobile-dropdown-content" }, $i = /* @__PURE__ */ _({
+}, gi = { class: "dropdown-content" }, fi = { class: "nav-search-wrapper" }, yi = ["src"], bi = { class: "mobile-logo-search-burger-wrapper" }, pi = { class: "mobile-mir-link-logo" }, ki = { class: "mobile-search-wrapper" }, $i = ["src"], wi = ["onClick"], xi = ["src"], Si = ["src"], Ii = { class: "mobile-menu-content-wrapper" }, qi = { class: "mobile-dropdown-content" }, Mi = /* @__PURE__ */ _({
   __name: "header",
   props: {
     burgerState: {
@@ -2104,71 +2123,71 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-1da7210c"]]), de = "data
   setup(e, { emit: l }) {
     const a = e;
     x("");
-    let o = null, n = x(a.burgerState), c = x(a.showDropDown);
+    let o = null, n = x(a.burgerState), m = x(a.showDropDown);
     X(
       () => a.burgerState,
       (f) => n.value = f
     ), X(
       () => a.showDropDown,
-      (f) => c.value = f
+      (f) => m.value = f
     ), we(() => {
       o = (f) => {
-        f.target.closest("#menu-dropdown") || (c.value = !1);
+        f.target.closest("#menu-dropdown") || (m.value = !1);
       }, window.addEventListener("click", o);
     }), xe(() => {
       o !== null && window.removeEventListener("click", o);
     });
     function S() {
-      c.value = !c.value, l("update:showDropDown", c.value);
+      m.value = !m.value, l("update:showDropDown", m.value);
     }
     function I() {
       n.value = !n.value, l("update:burgerState", n.value);
     }
-    return (f, b) => (i(), r("div", li, [
+    return (f, b) => (i(), r("div", di, [
       t("nav", null, [
-        t("div", ii, [
-          t("div", ri, [
-            m(f.$slots, "link-logo", {}, void 0, !0)
+        t("div", ci, [
+          t("div", ui, [
+            u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", oi, [
-            m(f.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", mi, [
+            u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", ni, [
+          t("div", _i, [
             t("button", {
               onClick: S,
               class: "nav-dropdown-btn"
             }, [
-              m(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(c) == !1 ? (i(), r("img", si)) : (i(), r("img", di))
+              u(f.$slots, "dropdown-title", {}, void 0, !0),
+              p(m) == !1 ? (i(), r("img", vi)) : (i(), r("img", hi))
             ]),
-            U(t("div", ui, [
-              m(f.$slots, "dropdown-links", {}, void 0, !0)
+            U(t("div", gi, [
+              u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [G, p(c)]
+              [G, p(m)]
             ])
           ], 512),
-          t("div", ci, [
+          t("div", fi, [
             t("button", null, [
               t("img", {
                 src: p(n) == !0 ? p(le) : p(ae),
                 alt: "search icon"
-              }, null, 8, mi)
+              }, null, 8, yi)
             ])
           ])
         ]),
         t("div", {
-          class: u(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
+          class: c(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
-          t("div", _i, [
-            t("div", vi, [
-              m(f.$slots, "link-logo", {}, void 0, !0)
+          t("div", bi, [
+            t("div", pi, [
+              u(f.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", hi, [
+            t("div", ki, [
               t("button", null, [
                 t("img", {
                   src: p(n) == !0 ? p(le) : p(ae),
                   alt: "search icon"
-                }, null, 8, gi)
+                }, null, 8, $i)
               ])
             ]),
             t("button", {
@@ -2176,22 +2195,22 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-1da7210c"]]), de = "data
               class: "mobile-burger-wrapper"
             }, [
               t("img", {
-                class: u(["burger-line", p(n) == !0 ? "burger-top-line-open" : ""]),
+                class: c(["burger-line", p(n) == !0 ? "burger-top-line-open" : ""]),
                 src: p(n) == !0 ? p(te) : p(ee)
-              }, null, 10, yi),
+              }, null, 10, xi),
               t("img", {
-                class: u(["burger-line", p(n) == !0 ? "burger-bottom-line-open" : ""]),
+                class: c(["burger-line", p(n) == !0 ? "burger-bottom-line-open" : ""]),
                 src: p(n) == !0 ? p(te) : p(ee)
-              }, null, 10, bi)
-            ], 8, fi)
+              }, null, 10, Si)
+            ], 8, wi)
           ]),
-          U(t("div", pi, [
+          U(t("div", Ii, [
             t("ul", null, [
-              m(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", ki, [
-              m(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              m(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", qi, [
+              u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [G, p(n)]
@@ -2201,7 +2220,7 @@ const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-1da7210c"]]), de = "data
     ]));
   }
 });
-const wi = /* @__PURE__ */ v($i, [["__scopeId", "data-v-8ff68823"]]), xi = { class: "pagination__wrapper" }, Si = { class: "pagination__content" }, Ii = /* @__PURE__ */ _({
+const Di = /* @__PURE__ */ v(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { class: "pagination__wrapper" }, Ai = { class: "pagination__content" }, Li = /* @__PURE__ */ _({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2215,15 +2234,15 @@ const wi = /* @__PURE__ */ v($i, [["__scopeId", "data-v-8ff68823"]]), xi = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (l, a) => (i(), r("div", xi, [
-      t("div", Si, [
+    return (l, a) => (i(), r("div", Bi, [
+      t("div", Ai, [
         k(W, {
           onClick: a[0] || (a[0] = (o) => l.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        m(l.$slots, "pagination-numbers"),
+        u(l.$slots, "pagination-numbers"),
         k(W, {
           onClick: a[1] || (a[1] = (o) => l.$emit("next")),
           disabled: e.isNextDisabled,
@@ -2234,9 +2253,9 @@ const wi = /* @__PURE__ */ v($i, [["__scopeId", "data-v-8ff68823"]]), xi = { cla
     ]));
   }
 });
-const qi = /* @__PURE__ */ v(Ii, [["__scopeId", "data-v-161faef3"]]), Di = {
+const Ti = /* @__PURE__ */ v(Li, [["__scopeId", "data-v-161faef3"]]), ji = {
   install: (e) => {
-    e.component("AtomButton", W), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", E), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", ha), e.component("BlockFeatures", xa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ea), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", cl), e.component("BlockRichText", gl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("OrganismFilter", jl), e.component("OrganismFooter", ai), e.component("OrganismHeader", wi), e.component("OrganismPagination", qi);
+    e.component("AtomButton", W), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", E), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", ha), e.component("BlockFeatures", xa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ea), e.component("BlockProductHero", Ja), e.component("BlockPromo", Qa), e.component("BlockQuote", ul), e.component("BlockRichText", gl), e.component("BlockTripleCardDisplay", wl), e.component("BlockVimeo", Dl), e.component("Organism404", jl), e.component("OrganismFilter", Hl), e.component("OrganismFooter", si), e.component("OrganismHeader", Di), e.component("OrganismPagination", Ti);
   }
 };
 export {
@@ -2261,7 +2280,7 @@ export {
   Ea as BlockMicroStories,
   Ja as BlockProductHero,
   Qa as BlockPromo,
-  cl as BlockQuote,
+  ul as BlockQuote,
   gl as BlockRichText,
   wl as BlockTripleCardDisplay,
   Dl as BlockVimeo,
@@ -2269,9 +2288,10 @@ export {
   Kt as MoleculeCard,
   ra as MoleculeEventCard,
   se as MoleculeModal,
-  jl as OrganismFilter,
-  ai as OrganismFooter,
-  wi as OrganismHeader,
-  qi as OrganismPagination,
-  Di as default
+  jl as Organism404,
+  Hl as OrganismFilter,
+  si as OrganismFooter,
+  Di as OrganismHeader,
+  Ti as OrganismPagination,
+  ji as default
 };