@mirweb/mir-web-components 0.12.4 → 0.13.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as w, withDirectives as U, Fragment as M, renderList as L, vShow as G, normalizeProps as A, guardReactiveProps as C, mergeProps as ie, createVNode as k, Transition as ke, withCtx as S, withModifiers as re, createCommentVNode as v, watchEffect as ne, withKeys as $e, createBlock as T, normalizeStyle as oe, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
+import { defineComponent as m, openBlock as i, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, 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 v, 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({
   __name: "button",
   props: {
@@ -24,17 +24,17 @@ const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("button", {
+    return (a, l) => (i(), r("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
     }, s(e.variant == "close" ? "" : e.buttonText), 11, xe));
   }
 });
-const h = (e, l) => {
-  const a = e.__vccOpts || e;
-  for (const [n, o] of l)
-    a[n] = o;
-  return a;
+const h = (e, a) => {
+  const l = e.__vccOpts || e;
+  for (const [n, o] of a)
+    l[n] = o;
+  return l;
 }, W = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (P("data-v-f62bd17f"), e = e(), H(), 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: {
@@ -61,10 +61,10 @@ const h = (e, l) => {
     }
   },
   emits: ["input"],
-  setup(e, { emit: l }) {
-    const a = (n) => {
+  setup(e, { emit: a }) {
+    const l = (n) => {
       const o = n.target;
-      l("input", o.checked);
+      a("input", o.checked);
     };
     return (n, o) => (i(), r("div", {
       class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
@@ -77,7 +77,7 @@ const h = (e, l) => {
         required: e.required,
         id: e.id,
         class: "checkbox__checkbox",
-        onChange: a
+        onChange: l
       }, null, 40, Me),
       t("label", {
         for: e.id,
@@ -98,8 +98,8 @@ const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data
     }
   },
   emits: ["remove-chip"],
-  setup(e, { emit: l }) {
-    const a = e, n = N(() => `Chip: ${a.text}`);
+  setup(e, { emit: a }) {
+    const l = e, n = N(() => `Chip: ${l.text}`);
     return (o, _) => (i(), r("div", Te, [
       t("span", {
         class: "chip",
@@ -132,7 +132,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       required: !0,
       validator(e) {
         return e.every(
-          (l) => typeof l.value < "u" && typeof l.label < "u"
+          (a) => typeof a.value < "u" && typeof a.label < "u"
         );
       }
     },
@@ -158,10 +158,10 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const a = e, n = w(null), o = w(null), _ = w([]), x = w(0), I = w(""), f = w(!0), b = w(0), q = N(() => {
-      const d = a.options.find(
-        (g) => g.value === a.modelValue
+  setup(e, { emit: a }) {
+    const l = e, n = S(null), o = S(null), _ = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), M = N(() => {
+      const d = l.options.find(
+        (g) => g.value === l.modelValue
       );
       return d && d.label;
     }), ce = {
@@ -175,7 +175,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       }
     };
     function ue(d) {
-      l("update:modelValue", d);
+      a("update:modelValue", d);
     }
     function _e(d) {
       var y;
@@ -189,11 +189,11 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const $ = a.options.findIndex(
-            (V) => V.value === a.modelValue
+          const w = l.options.findIndex(
+            (V) => V.value === l.modelValue
           );
-          let B = $ ? _.value[$] : _.value[0];
-          g === "ArrowUp" ? $ - 1 >= 0 && (B = _.value[$ - 1]) : $ + 1 <= a.options.length && (B = _.value[$ + 1]), B && Z(B);
+          let L = w ? _.value[w] : _.value[0];
+          g === "ArrowUp" ? w - 1 >= 0 && (L = _.value[w - 1]) : w + 1 <= l.options.length && (L = _.value[w + 1]), L && Z(L);
           break;
         }
         case "Home":
@@ -209,14 +209,14 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           d.preventDefault(), E(), (y = n.value) == null || y.focus();
           break;
         default: {
-          const $ = ge(g);
-          $ && Z($);
+          const w = ge(g);
+          w && Z(w);
           break;
         }
       }
     }
     function me(d) {
-      if (!a.disabled)
+      if (!l.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
@@ -234,18 +234,18 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
     function ge(d) {
       let g = "";
-      (I.value === "" || g !== d) && (b.value = a.options.findIndex(
-        ($) => $.value === a.modelValue
+      (I.value === "" || g !== d) && (b.value = l.options.findIndex(
+        (w) => w.value === l.modelValue
       )), I.value = g === d ? d : I.value + d, g = d, ve();
       let y = Y(
         b.value + 1,
-        a.options.length
+        l.options.length
       );
-      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
+      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % l.options.length, y;
     }
     function Y(d, g) {
       for (let y = d; y < g; y++)
-        if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
+        if (l.options[y].label && l.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
           return _.value[y];
       return null;
     }
@@ -253,25 +253,25 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       Z(_.value[0]);
     }
     function Z(d) {
-      var y, $;
+      var y, w;
       const g = d.getAttribute("data-value");
-      if (a.modelValue) {
-        const B = a.options.findIndex(
-          (pe) => pe.value === a.modelValue
-        ), V = _.value[B];
+      if (l.modelValue) {
+        const L = l.options.findIndex(
+          (pe) => pe.value === l.modelValue
+        ), V = _.value[L];
         he(V);
       }
       if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
         "aria-activedescendant",
         g || ""
       ), ue(g || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
-        const B = o.value.clientHeight + o.value.scrollTop, V = d.offsetTop + d.offsetHeight;
-        V > B ? o.value.scrollTop = V - (($ = o.value) == null ? void 0 : $.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
+        const L = o.value.clientHeight + o.value.scrollTop, V = d.offsetTop + d.offsetHeight;
+        V > L ? o.value.scrollTop = V - ((w = o.value) == null ? void 0 : w.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
       }
     }
     function ye() {
       var g;
-      const d = (g = _.value) == null ? void 0 : g[a.options.length - 1];
+      const d = (g = _.value) == null ? void 0 : g[l.options.length - 1];
       Z(d);
     }
     function E() {
@@ -283,7 +283,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (g = o.value) == null || g.focus();
     }
     function be() {
-      a.disabled || (f.value ? K() : E());
+      l.disabled || (f.value ? K() : E());
     }
     return (d, g) => (i(), r("div", {
       class: "listbox__wrapper",
@@ -310,7 +310,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           onKeydown: me,
           ref_key: "listboxButton",
           ref: n
-        }, s(e.modelValue ? q.value : e.placeholder), 41, He),
+        }, s(e.modelValue ? M.value : e.placeholder), 41, He),
         U(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
@@ -322,8 +322,8 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           ref_key: "listboxNode",
           ref: o
         }, [
-          (i(!0), r(M, null, L(e.options, (y, $) => (i(), r("li", {
-            key: `${e.name}-option-${$}`,
+          (i(!0), r(q, null, D(e.options, (y, w) => (i(), r("li", {
+            key: `${e.name}-option-${w}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
             class: "listbox__option",
@@ -379,12 +379,12 @@ const Ue = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-4824444a"]]), We = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", We, [
-      u(l.$slots, "default", A(C(l.$attrs)))
+    return (a, l) => (i(), r("div", We, [
+      u(a.$slots, "default", T(j(a.$attrs)))
     ]));
   }
 });
-const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ m({
+const B = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ m({
   __name: "label",
   props: {
     text: {
@@ -398,17 +398,17 @@ const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
     }
   },
   setup(e) {
-    const l = e, a = N(() => `Label: ${l.text}`);
+    const a = e, l = N(() => `Label: ${a.text}`);
     return (n, o) => (i(), r("div", Ge, [
       t("span", {
-        "aria-label": a.value,
+        "aria-label": l.value,
         "label-dark": e.labelDark,
         class: c(e.labelDark ? "label--dark" : "label--light")
       }, s(e.text), 11, Je)
     ]));
   }
 });
-const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, j = /* @__PURE__ */ m({
+const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, C = /* @__PURE__ */ m({
   __name: "link",
   props: {
     url: {
@@ -449,12 +449,12 @@ const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     }
   },
   setup(e) {
-    const l = e, a = N(() => {
-      const { ...n } = l;
+    const a = e, l = N(() => {
+      const { ...n } = a;
       return n;
     });
     return (n, o) => (i(), r("div", Ke, [
-      t("div", ie(a.value, {
+      t("div", ie(l.value, {
         class: ["mir-link", [
           e.linkType === "primary" ? "mir-link--btn button button--primary" : e.linkType === "secondary" ? "mir-link--btn button button--secondary" : e.linkType === "secondary-dark" ? "mir-link--btn button button--secondary-dark" : e.linkType === "regular" ? "regular-link" : e.linkType === "regular-dark" ? "regular-link-dark" : e.linkType === "regular-light" ? "regular-link-light" : e.linkType === "regular-blue" ? "regular-link-blue" : "",
           e.disabled ? "disabled" : "",
@@ -494,10 +494,10 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
     }
   },
   emits: ["input"],
-  setup(e, { emit: l }) {
-    const a = (n) => {
+  setup(e, { emit: a }) {
+    const l = (n) => {
       const o = n.target;
-      l("input", o.checked);
+      a("input", o.checked);
     };
     return (n, o) => (i(), r("div", {
       class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
@@ -511,7 +511,7 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
         required: e.required,
         id: e.id,
         class: "radio__radio",
-        onChange: a
+        onChange: l
       }, null, 40, Xe),
       t("label", {
         for: e.id,
@@ -523,7 +523,7 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
     ], 2));
   }
 });
-const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["disabled", "id", "name", "value"], ot = ["value"], st = /* @__PURE__ */ m({
+const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["disabled", "id", "name", "value"], st = ["value"], ot = /* @__PURE__ */ m({
   __name: "select",
   props: {
     id: {
@@ -539,7 +539,7 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
       required: !0,
       validator(e) {
         return e.every(
-          (l) => typeof l.value < "u" && typeof l.text < "u"
+          (a) => typeof a.value < "u" && typeof a.text < "u"
         );
       }
     },
@@ -564,7 +564,7 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, a) => (i(), r("div", it, [
+    return (a, l) => (i(), r("div", it, [
       t("label", {
         for: e.id,
         class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
@@ -575,39 +575,39 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
         id: e.id,
         name: e.name,
         value: e.modelValue,
-        onChange: a[0] || (a[0] = (n) => {
-          l.$emit("update:modelValue", n.target.value), n.target.blur();
+        onChange: l[0] || (l[0] = (n) => {
+          a.$emit("update:modelValue", n.target.value), n.target.blur();
         })
       }, [
-        (i(!0), r(M, null, L(e.options, (n) => (i(), r("option", {
+        (i(!0), r(q, null, D(e.options, (n) => (i(), r("option", {
           key: n.value,
           value: n.value
-        }, s(n.text), 9, ot))), 128))
+        }, s(n.text), 9, st))), 128))
       ], 42, nt)
     ]));
   }
 });
-const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ m({
+const dt = /* @__PURE__ */ h(ot, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ m({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: l }) {
-    const a = e;
+  setup(e, { emit: a }) {
+    const l = e;
     N({
-      get: () => a.show,
-      set: (o) => l("update:show", o)
+      get: () => l.show,
+      set: (o) => a("update:show", o)
     });
     const n = () => {
-      l("update:show", !a.show);
+      a("update:show", !l.show);
     };
     return (o, _) => (i(), r("div", ct, [
       k(ke, {
         duration: 300,
         name: "nested"
       }, {
-        default: S(() => [
+        default: $(() => [
           o.show ? (i(), r("div", {
             key: 0,
             class: "overlay",
@@ -636,7 +636,7 @@ const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
     ]));
   }
 });
-const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { class: "slider__wrapper" }, mt = { class: "slider__label" }, ht = ["for"], vt = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ m({
+const oe = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { class: "slider__wrapper" }, mt = { class: "slider__label" }, ht = ["for"], vt = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -688,19 +688,19 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const a = e, n = w(a.modelValue), o = w(), _ = w(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
+  setup(e, { emit: a }) {
+    const l = e, n = S(l.modelValue), o = S(), _ = S(!1), x = (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) {
-        l("update:modelValue", n.value);
-        const f = x(n.value, a.min, a.max);
+        a("update:modelValue", n.value);
+        const f = x(n.value, l.min, l.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
-    }), (f, b) => (i(), r(M, null, [
+    }), (f, b) => (i(), r(q, null, [
       t("div", _t, [
         t("div", mt, [
           t("label", {
@@ -711,8 +711,8 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
-            onClick: b[0] || (b[0] = (q) => _.value = !_.value),
-            onKeyup: b[1] || (b[1] = $e((q) => _.value = !_.value, ["enter"])),
+            onClick: b[0] || (b[0] = (M) => _.value = !_.value),
+            onKeyup: b[1] || (b[1] = $e((M) => _.value = !_.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
@@ -733,7 +733,7 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
             class: c(e.variant),
             ref_key: "slider",
             ref: o,
-            onInput: b[2] || (b[2] = ({ target: q }) => n.value = parseFloat(q.value))
+            onInput: b[2] || (b[2] = ({ target: M }) => n.value = parseFloat(M.value))
           }, null, 42, ft),
           t("span", {
             class: c([e.variant, "slider__minmax"])
@@ -743,12 +743,12 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
           class: c([e.variant, "slider__value"])
         }, s(e.modelValue), 3)
       ]),
-      e.information ? (i(), T(se, {
+      e.information ? (i(), A(oe, {
         key: 0,
         show: _.value,
-        "onUpdate:show": b[3] || (b[3] = (q) => _.value = q)
+        "onUpdate:show": b[3] || (b[3] = (M) => _.value = M)
       }, {
-        default: S(() => [
+        default: $(() => [
           O(s(e.information), 1)
         ]),
         _: 1
@@ -796,7 +796,7 @@ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (l, a) => (i(), r("div", pt, [
+    return (a, l) => (i(), r("div", pt, [
       t("label", {
         for: e.id,
         class: c({ required: e.required })
@@ -814,7 +814,7 @@ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
           disabled: e.disabled,
           maxlength: e.maxLength,
           value: e.modelValue,
-          onInput: a[0] || (a[0] = (n) => l.$emit("update:modelValue", n.target.value)),
+          onInput: l[0] || (l[0] = (n) => a.$emit("update:modelValue", n.target.value)),
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
@@ -909,10 +909,10 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = w(!0), a = N(
-      () => l.value ? "showPassword" : "hidePassword"
+    const a = S(!0), l = N(
+      () => a.value ? "showPassword" : "hidePassword"
     ), n = N(
-      () => l.value ? "password" : "text"
+      () => a.value ? "password" : "text"
     );
     return (o, _) => (i(), r("div", Mt, [
       t("label", {
@@ -935,10 +935,10 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
         }, null, 40, Lt),
         t("i", {
           role: "button",
-          class: c([a.value]),
-          onClick: _[1] || (_[1] = (x) => l.value = !l.value),
+          class: c([l.value]),
+          onClick: _[1] || (_[1] = (x) => a.value = !a.value),
           "aria-controls": "password",
-          "aria-expanded": !l.value
+          "aria-expanded": !a.value
         }, null, 10, At)
       ])) : (i(), r("input", {
         key: 1,
@@ -1013,15 +1013,15 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     }
   },
   setup(e) {
-    const l = e;
-    let a = w(null);
+    const a = e;
+    let l = S(null);
     return ne(() => {
-      l.play && a.value ? a.value.play() : !l.play && a.value && a.value.pause();
+      a.play && l.value ? l.value.play() : !a.play && l.value && l.value.pause();
     }), (n, o) => (i(), r("div", Ot, [
       e.localVideo ? (i(), r("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: a,
+        ref: l,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1047,7 +1047,72 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     ]));
   }
 });
-const R = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Rt = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Et = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Rt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ m({
+const R = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Rt = { class: "address__wrapper" }, Et = { class: "address__content" }, Ut = { class: "address__flag" }, Wt = { class: "address__address" }, Ft = { class: "address__name" }, Gt = { key: 0 }, Jt = { class: "address__contact" }, Yt = ["href"], Kt = ["href"], Qt = /* @__PURE__ */ m({
+  __name: "address",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    company: {
+      type: String,
+      required: !0
+    },
+    addressLine_1: {
+      type: String,
+      required: !0
+    },
+    addressLine_2: {
+      type: String,
+      required: !0
+    },
+    addressLine_3: {
+      type: String
+    },
+    phone_numbers: {
+      type: Array
+    },
+    email: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (a, l) => (i(), r("div", Rt, [
+      t("div", Et, [
+        t("div", Ut, [
+          u(a.$slots, "address-flag", {}, void 0, !0)
+        ]),
+        t("div", Wt, [
+          t("p", Ft, s(e.name), 1),
+          t("p", null, s(e.company), 1),
+          t("p", null, s(e.addressLine_1), 1),
+          t("p", null, s(e.addressLine_2), 1),
+          e.addressLine_3 ? (i(), r("p", Gt, s(e.addressLine_3), 1)) : v("", !0)
+        ]),
+        t("div", Jt, [
+          (i(!0), r(q, null, D(e.phone_numbers, (n) => (i(), A(C, {
+            underline: "false",
+            linkType: "regular"
+          }, {
+            default: $(() => [
+              t("a", {
+                href: "tel:" + n,
+                class: "address__phone"
+              }, s(n), 9, Yt)
+            ]),
+            _: 2
+          }, 1024))), 256)),
+          t("a", {
+            href: "mailto:" + e.email,
+            class: "address__email"
+          }, s(e.email), 9, Kt)
+        ])
+      ])
+    ]));
+  }
+});
+const Xt = /* @__PURE__ */ h(Qt, [["__scopeId", "data-v-cdfd081f"]]), ea = (e) => (P("data-v-327e6c15"), e = e(), H(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ m({
   __name: "bullet-list",
   props: {
     list: {
@@ -1067,13 +1132,13 @@ const R = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Rt = (e) =>
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Et, [
+    return (a, l) => (i(), r("div", ta, [
       t("div", {
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (i(!0), r(M, null, L(e.list, (n) => (i(), r("li", null, [
-            Ut,
+          (i(!0), r(q, null, D(e.list, (n) => (i(), r("li", null, [
+            aa,
             O(" " + s(n), 1)
           ]))), 256))
         ])
@@ -1081,7 +1146,7 @@ const R = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Rt = (e) =>
     ]));
   }
 });
-const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ m({
+const ia = /* @__PURE__ */ h(la, [["__scopeId", "data-v-327e6c15"]]), ra = { class: "card__wrapper" }, na = { key: 4 }, sa = /* @__PURE__ */ m({
   __name: "card",
   props: {
     variant: {
@@ -1135,9 +1200,9 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
     alt: String
   },
   emits: ["clicked"],
-  setup(e, { emit: l }) {
-    let a = w(!1);
-    return (n, o) => (i(), r("div", Gt, [
+  setup(e, { emit: a }) {
+    let l = S(!1);
+    return (n, o) => (i(), r("div", ra, [
       t("div", {
         class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
@@ -1146,15 +1211,15 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           e.size == "large" && e.variant == "article" ? "card--large-article" : "",
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
-        style: oe([
+        style: se([
           e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
           e.mediaType == "video" ? "width: 328px" : ""
         ]),
-        onMouseover: o[0] || (o[0] = (_) => Q(a) ? a.value = !0 : a = !0),
-        onMouseout: o[1] || (o[1] = (_) => Q(a) ? a.value = !1 : a = !1)
+        onMouseover: o[0] || (o[0] = (_) => Q(l) ? l.value = !0 : l = !0),
+        onMouseout: o[1] || (o[1] = (_) => Q(l) ? l.value = !1 : l = !1)
       }, [
-        e.mediaType == "image" ? (i(), T(D, { key: 0 }, {
-          default: S(() => [
+        e.mediaType == "image" ? (i(), A(B, { key: 0 }, {
+          default: $(() => [
             u(n.$slots, "card-image", ie({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
@@ -1167,10 +1232,10 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           _: 3
         })) : (i(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", p(l) == !0 ? "vimeoPlaying" : ""])
         }, [
           k(R, {
-            play: p(a),
+            play: p(l),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1190,13 +1255,13 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           key: 3,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, s(e.headline), 3)),
-        e.variant == "product" ? (i(), r("p", Jt, s(e.paragraph), 1)) : v("", !0),
+        e.variant == "product" ? (i(), r("p", na, s(e.paragraph), 1)) : v("", !0),
         u(n.$slots, "card-label")
       ], 38)
     ]));
   }
 });
-const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), Xt = { class: "event__wrapper" }, ea = { class: "event__headline" }, ta = { class: "event__date-location" }, aa = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("br", null, null, -1)), la = { class: "event__exhibitor" }, ia = /* @__PURE__ */ m({
+const oa = /* @__PURE__ */ h(sa, [["__scopeId", "data-v-b50e8101"]]), da = (e) => (P("data-v-f5acdf7e"), e = e(), H(), e), ca = { class: "event__wrapper" }, ua = { class: "event__headline" }, _a = { class: "event__date-location" }, ma = /* @__PURE__ */ da(() => /* @__PURE__ */ t("br", null, null, -1)), ha = { class: "event__exhibitor" }, va = /* @__PURE__ */ m({
   __name: "event-card",
   props: {
     eventType: {
@@ -1221,25 +1286,25 @@ const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Xt, [
+    return (a, l) => (i(), r("div", ca, [
       k(F, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", ea, s(e.headline), 1),
-      t("div", ta, [
+      t("div", ua, s(e.headline), 1),
+      t("div", _a, [
         O(s(e.dateTime), 1),
-        aa,
+        ma,
         O(s(e.location), 1)
       ]),
-      t("div", la, "Exhibitor: " + s(e.exhibitor), 1)
+      t("div", ha, "Exhibitor: " + s(e.exhibitor), 1)
     ]));
   }
 });
-const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { class: "facts__wrapper" }, oa = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, _a = { class: "fact__metric" }, ma = {
+const ga = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), fa = { class: "facts__wrapper" }, ya = { class: "facts__content" }, ba = { class: "facts__headline" }, pa = { class: "facts" }, ka = { class: "fact" }, $a = { class: "fact__value" }, wa = { class: "fact__metric" }, Sa = {
   key: 0,
   class: "facts__link"
-}, ha = /* @__PURE__ */ m({
+}, xa = /* @__PURE__ */ m({
   __name: "facts",
   props: {
     headline: {
@@ -1257,26 +1322,26 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", na, [
-      t("div", oa, [
-        t("h2", sa, s(e.headline), 1),
-        t("div", da, [
-          (i(!0), r(M, null, L(e.facts, (n) => (i(), r("div", ca, [
-            t("div", ua, [
+    return (a, l) => (i(), r("div", fa, [
+      t("div", ya, [
+        t("h2", ba, s(e.headline), 1),
+        t("div", pa, [
+          (i(!0), r(q, null, D(e.facts, (n) => (i(), r("div", ka, [
+            t("div", $a, [
               t("span", null, s(n.value), 1)
             ]),
-            t("div", _a, [
+            t("div", wa, [
               t("span", null, s(n.metric), 1)
             ])
           ]))), 256))
         ]),
-        e.link ? (i(), r("div", ma, [
-          k(j, {
+        e.link ? (i(), r("div", Sa, [
+          k(C, {
             linkType: "regular-light",
             arrow: ""
           }, {
-            default: S(() => [
-              u(l.$slots, "facts-link", {}, void 0, !0)
+            default: $(() => [
+              u(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1285,10 +1350,10 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { cla
     ]));
   }
 });
-const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
+const Ia = /* @__PURE__ */ h(xa, [["__scopeId", "data-v-7fd89b0c"]]), qa = { class: "features__wrapper" }, Ma = { class: "features__content" }, Da = {
   key: 0,
   class: "features__headline"
-}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ m({
+}, Ba = { class: "features__body" }, La = { class: "features__element" }, Aa = { class: "element__headline" }, Ca = { class: "element__body" }, Ta = /* @__PURE__ */ m({
   __name: "features",
   props: {
     headline: {
@@ -1303,21 +1368,21 @@ const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", ga, [
-      t("div", fa, [
-        e.headline ? (i(), r("div", ya, [
+    return (a, l) => (i(), r("div", qa, [
+      t("div", Ma, [
+        e.headline ? (i(), r("div", Da, [
           t("h2", null, s(e.headline), 1)
         ])) : v("", !0),
-        t("div", ba, [
-          u(l.$slots, "features-body", {}, void 0, !0)
+        t("div", Ba, [
+          u(a.$slots, "features-body", {}, void 0, !0)
         ]),
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (i(!0), r(M, null, L(e.elements, (n) => (i(), r("div", pa, [
-            k(D, { class: "element__icon" }, {
-              default: S(() => [
-                u(l.$slots, "features-icon", A(C({
+          (i(!0), r(q, null, D(e.elements, (n) => (i(), r("div", La, [
+            k(B, { class: "element__icon" }, {
+              default: $(() => [
+                u(a.$slots, "features-icon", T(j({
                   src: n.icon.src,
                   height: 30,
                   width: 30,
@@ -1326,15 +1391,15 @@ const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
               ]),
               _: 2
             }, 1024),
-            t("p", ka, s(n.headline), 1),
-            t("p", $a, s(n.body), 1)
+            t("p", Aa, s(n.headline), 1),
+            t("p", Ca, s(n.body), 1)
           ]))), 256))
         ], 2)
       ])
     ]));
   }
 });
-const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ m({
+const ja = /* @__PURE__ */ h(Ta, [["__scopeId", "data-v-782af0c4"]]), Na = { class: "image__wrapper" }, za = { class: "image__content" }, Va = { class: "image__image" }, Oa = { class: "image__caption" }, Pa = /* @__PURE__ */ m({
   __name: "image",
   props: {
     caption: {
@@ -1351,31 +1416,31 @@ const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", xa, [
-      t("div", Ia, [
-        t("div", qa, [
-          k(D, null, {
-            default: S(() => [
-              u(l.$slots, "image", A(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
+    return (a, l) => (i(), r("div", Na, [
+      t("div", za, [
+        t("div", Va, [
+          k(B, null, {
+            default: $(() => [
+              u(a.$slots, "image", T(j({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
         ]),
-        t("p", Ma, s(e.caption), 1)
+        t("p", Oa, s(e.caption), 1)
       ])
     ]));
   }
 });
-const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { class: "gallery__large" }, Aa = {
+const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-6dde0544"]]), Za = { class: "gallery__large" }, Ra = {
   key: 0,
   class: "image image--large"
-}, Ca = {
+}, Ea = {
   key: 1,
   class: "video"
-}, Ta = { class: "image image--small" }, ja = {
+}, Ua = { class: "image image--small" }, Wa = {
   key: 0,
   class: "body"
-}, Na = /* @__PURE__ */ m({
+}, Fa = /* @__PURE__ */ m({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1414,7 +1479,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
@@ -1426,11 +1491,11 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", La, [
-          e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Aa, [
-            k(D, null, {
-              default: S(() => [
-                u(l.$slots, "image-large", A(C({
+        t("div", Za, [
+          e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Ra, [
+            k(B, null, {
+              default: $(() => [
+                u(a.$slots, "image-large", T(j({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1440,7 +1505,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
               _: 3
             })
           ])) : v("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ca, [
+          e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ea, [
             k(R, {
               src: e.mediaLarge.src,
               localVideo: "",
@@ -1456,16 +1521,16 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
           ])) : v("", !0)
         ]),
         t("div", {
-          style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
+          style: se([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
           class: c([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (i(!0), r(M, null, L(e.mediaSmall, (n) => (i(), r("div", Ta, [
-            k(D, null, {
-              default: S(() => [
-                u(l.$slots, "image-small", A(C({
+          (i(!0), r(q, null, D(e.mediaSmall, (n) => (i(), r("div", Ua, [
+            k(B, null, {
+              default: $(() => [
+                u(a.$slots, "image-small", T(j({
                   width: 328,
                   height: 246,
                   src: n.src,
@@ -1475,7 +1540,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
               _: 2
             }, 1024)
           ]))), 256)),
-          e.mediaSmall.length < 2 ? (i(), r("div", ja, [
+          e.mediaSmall.length < 2 ? (i(), r("div", Wa, [
             t("p", null, s(e.body), 1)
           ])) : v("", !0)
         ], 6)
@@ -1483,7 +1548,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
     ], 2));
   }
 });
-const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ m({
+const Ga = /* @__PURE__ */ h(Fa, [["__scopeId", "data-v-047e5de9"]]), Ja = { class: "headline__wrapper" }, Ya = { class: "headline__h1" }, Ka = /* @__PURE__ */ m({
   __name: "headline",
   props: {
     headline: {
@@ -1500,18 +1565,18 @@ const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Va, [
+    return (a, l) => (i(), r("div", Ja, [
       t("div", {
         class: c([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
         ])
       }, [
-        t("h1", Oa, s(e.headline), 1)
+        t("h1", Ya, s(e.headline), 1)
       ], 2)
     ]));
   }
 });
-const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ra = /* @__PURE__ */ m({
+const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-931bc5aa"]]), Xa = { class: "micro-stories__splide" }, el = /* @__PURE__ */ m({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1534,20 +1599,20 @@ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
-      t("div", Za, [
-        u(l.$slots, "micro-stories-slides")
+      t("div", Xa, [
+        u(a.$slots, "micro-stories-slides")
       ]),
-      u(l.$slots, "micro-stories-controls")
+      u(a.$slots, "micro-stories-controls")
     ], 2));
   }
 });
-const Ea = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ m({
+const tl = { class: "product-hero__wrapper" }, al = { class: "product-hero__content" }, ll = { class: "product-hero__headline" }, il = { class: "product-hero__video" }, rl = /* @__PURE__ */ m({
   __name: "product-hero",
   props: {
     headline: {
@@ -1572,12 +1637,12 @@ const Ea = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Ea, [
-      t("div", Ua, [
-        t("div", Wa, [
+    return (a, l) => (i(), r("div", tl, [
+      t("div", al, [
+        t("div", ll, [
           t("h1", null, s(e.headline), 1)
         ]),
-        t("div", Fa, [
+        t("div", il, [
           k(R, {
             play: !0,
             localVideo: !0,
@@ -1594,7 +1659,7 @@ const Ea = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     ]));
   }
 });
-const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ m({
+const nl = /* @__PURE__ */ h(rl, [["__scopeId", "data-v-3ad48049"]]), sl = { class: "promo__content" }, ol = /* @__PURE__ */ m({
   __name: "promo",
   props: {
     label: {
@@ -1630,8 +1695,7 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { cla
     },
     variant: {
       type: String,
-      default: "default",
-      validator: (e) => ["default", "light", "dark"].includes(e)
+      default: ""
     },
     linkType: {
       type: String,
@@ -1643,14 +1707,14 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "",
         e.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Ya, [
+      t("div", sl, [
         e.mediaType === "image" ? (i(), r("div", {
           key: 0,
           class: c([
@@ -1658,9 +1722,9 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { cla
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          k(D, null, {
-            default: S(() => [
-              u(l.$slots, "promo-image", A(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+          k(B, null, {
+            default: $(() => [
+              u(a.$slots, "promo-image", T(j({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1690,7 +1754,7 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { cla
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (i(), T(F, {
+          e.label ? (i(), A(F, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
@@ -1701,22 +1765,22 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { cla
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, s(e.headline), 3),
-          e.linkType === "link" ? (i(), T(j, {
+          e.linkType === "link" ? (i(), A(C, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
             arrow: ""
           }, {
-            default: S(() => [
-              u(l.$slots, "promo-link")
+            default: $(() => [
+              u(a.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : v("", !0),
-          e.linkType === "button" ? (i(), T(j, {
+          e.linkType === "button" ? (i(), A(C, {
             key: 2,
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
-            default: S(() => [
-              u(l.$slots, "promo-link")
+            default: $(() => [
+              u(a.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["linkType"])) : v("", !0)
@@ -1725,10 +1789,10 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-3ad48049"]]), Ya = { cla
     ], 2));
   }
 });
-const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), 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" }, nl = {
+const dl = /* @__PURE__ */ h(ol, [["__scopeId", "data-v-24c28200"]]), cl = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), ul = { class: "quote__wrapper" }, _l = { class: "quote__content" }, ml = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), hl = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, gl = { class: "quote__author" }, fl = {
   key: 0,
   class: "quote__image"
-}, ol = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ m({
+}, yl = { class: "quote__text" }, bl = { class: "quote__author-name" }, pl = { class: "quote__author-title" }, kl = /* @__PURE__ */ m({
   __name: "quote",
   props: {
     quote: {
@@ -1749,16 +1813,16 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", el, [
-      t("div", tl, [
-        al,
-        t("div", ll, [
-          t("p", il, s(e.quote), 1),
-          t("div", rl, [
-            e.authorImage ? (i(), r("div", nl, [
-              k(D, null, {
-                default: S(() => [
-                  u(l.$slots, "author-image", A(C({
+    return (a, l) => (i(), r("div", ul, [
+      t("div", _l, [
+        ml,
+        t("div", hl, [
+          t("p", vl, s(e.quote), 1),
+          t("div", gl, [
+            e.authorImage ? (i(), r("div", fl, [
+              k(B, null, {
+                default: $(() => [
+                  u(a.$slots, "author-image", T(j({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1767,9 +1831,9 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
                 _: 3
               })
             ])) : v("", !0),
-            t("div", ol, [
-              t("p", sl, s(e.author), 1),
-              t("p", dl, s(e.authorTitle), 1)
+            t("div", yl, [
+              t("p", bl, s(e.author), 1),
+              t("p", pl, s(e.authorTitle), 1)
             ])
           ])
         ])
@@ -1777,13 +1841,13 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
     ]));
   }
 });
-const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { class: "rich-text__wrapper" }, ml = {
+const $l = /* @__PURE__ */ h(kl, [["__scopeId", "data-v-3cc55dbf"]]), wl = { class: "rich-text__wrapper" }, Sl = {
   key: 0,
   class: "rich-text__links"
-}, hl = {
+}, xl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, vl = /* @__PURE__ */ m({
+}, Il = /* @__PURE__ */ m({
   __name: "rich-text",
   props: {
     headline: {
@@ -1818,14 +1882,14 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", _l, [
-        e.label ? (i(), T(F, {
+      t("div", wl, [
+        e.label ? (i(), A(F, {
           key: 0,
           text: e.label,
           labelDark: !1
@@ -1849,13 +1913,13 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(l.$slots, "rich-text-content"),
-            e.links ? (i(), r("div", ml, [
-              u(l.$slots, "rich-text-links")
+            u(a.$slots, "rich-text-content"),
+            e.links ? (i(), r("div", Sl, [
+              u(a.$slots, "rich-text-links")
             ])) : v("", !0)
           ], 2),
-          e.bulletList ? (i(), r("div", hl, [
-            u(l.$slots, "rich-text-bullet-list")
+          e.bulletList ? (i(), r("div", xl, [
+            u(a.$slots, "rich-text-bullet-list")
           ])) : v("", !0),
           e.image ? (i(), r("div", {
             key: 1,
@@ -1864,9 +1928,9 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            k(D, null, {
-              default: S(() => [
-                u(l.$slots, "rich-text-image", A(C({ width: 865, height: 307 })))
+            k(B, null, {
+              default: $(() => [
+                u(a.$slots, "rich-text-image", T(j({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1876,10 +1940,10 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-a94d5dd4"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
+const ql = /* @__PURE__ */ h(Il, [["__scopeId", "data-v-a94d5dd4"]]), Ml = { class: "triple-card-display__wrapper" }, Dl = {
   key: 0,
   class: "triple-card__content"
-}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ m({
+}, Bl = { key: 0 }, Ll = { key: 1 }, Al = { class: "triple-card__cards" }, Cl = /* @__PURE__ */ m({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -1896,31 +1960,31 @@ const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-a94d5dd4"]]), fl = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", {
+    return (a, l) => (i(), r("div", {
       class: c([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
-      t("div", fl, [
-        e.headline || e.paragraph ? (i(), r("div", yl, [
-          e.headline ? (i(), r("h2", bl, s(e.headline), 1)) : v("", !0),
-          e.paragraph ? (i(), r("p", pl, s(e.paragraph), 1)) : v("", !0)
+      t("div", Ml, [
+        e.headline || e.paragraph ? (i(), r("div", Dl, [
+          e.headline ? (i(), r("h2", Bl, s(e.headline), 1)) : v("", !0),
+          e.paragraph ? (i(), r("p", Ll, s(e.paragraph), 1)) : v("", !0)
         ])) : v("", !0),
-        t("div", kl, [
-          u(l.$slots, "triple-card-display-cards", {}, void 0, !0)
+        t("div", Al, [
+          u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
 });
-const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-f0ce4135"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
+const Tl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-f0ce4135"]]), jl = { class: "vimeo" }, Nl = {
   key: 0,
   class: "vimeo__headline"
-}, ql = {
+}, zl = {
   key: 1,
   class: "vimeo__description"
-}, Ml = /* @__PURE__ */ m({
+}, Vl = /* @__PURE__ */ m({
   __name: "vimeo",
   props: {
     headline: {
@@ -1931,16 +1995,18 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-f0ce4135"]]), Sl = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Sl, [
-      t("div", xl, [
-        e.headline ? (i(), r("h2", Il, s(e.headline), 1)) : v("", !0),
-        u(l.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (i(), r("p", ql, s(e.description), 1)) : v("", !0)
-      ])
+    return (a, l) => (i(), r("div", jl, [
+      t("div", {
+        class: c(["vimeo__wrapper", e.headline ? "vimeo__wrapper--headline" : ""])
+      }, [
+        e.headline ? (i(), r("h2", Nl, s(e.headline), 1)) : v("", !0),
+        u(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (i(), r("p", zl, s(e.description), 1)) : v("", !0)
+      ], 2)
     ]));
   }
 });
-const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Ll = { class: "not-found__content" }, Al = { class: "not-found__headline" }, Cl = { class: "not-found__body" }, Tl = /* @__PURE__ */ m({
+const Ol = /* @__PURE__ */ h(Vl, [["__scopeId", "data-v-a6c209f4"]]), Pl = { class: "not-found__wrapper" }, Hl = { class: "not-found__content" }, Zl = { class: "not-found__headline" }, Rl = { class: "not-found__body" }, El = /* @__PURE__ */ m({
   __name: "404",
   props: {
     headline: {
@@ -1949,17 +2015,17 @@ const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Bl, [
-      t("div", Ll, [
-        t("h1", Al, s(e.headline), 1),
-        t("div", Cl, [
-          u(l.$slots, "not-found-body", {}, void 0, !0)
+    return (a, l) => (i(), r("div", Pl, [
+      t("div", Hl, [
+        t("h1", Zl, s(e.headline), 1),
+        t("div", Rl, [
+          u(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ m({
+const Ul = /* @__PURE__ */ h(El, [["__scopeId", "data-v-c2038fe4"]]), Wl = { class: "filter__wrapper" }, Fl = { class: "filter__content" }, Gl = { class: "filter__dropdowns" }, Jl = { class: "filter__chips" }, Yl = /* @__PURE__ */ m({
   __name: "filter",
   props: {
     hasChips: {
@@ -1969,29 +2035,29 @@ const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (l, a) => (i(), r("div", Nl, [
-      t("div", zl, [
-        t("div", Vl, [
-          u(l.$slots, "filter-dropdowns", {}, void 0, !0)
+    return (a, l) => (i(), r("div", Wl, [
+      t("div", Fl, [
+        t("div", Gl, [
+          u(a.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
-        t("div", Ol, [
-          u(l.$slots, "filter-chips", {}, void 0, !0),
+        t("div", Jl, [
+          u(a.$slots, "filter-chips", {}, void 0, !0),
           e.hasChips ? (i(), r("button", {
             key: 0,
             class: "filter__clear",
-            onClick: a[0] || (a[0] = (n) => l.$emit("clearFilters"))
+            onClick: l[0] || (l[0] = (n) => a.$emit("clearFilters"))
           }, " Remove all filters ")) : v("", !0)
         ])
       ])
     ]));
   }
 });
-const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-6d9c55d4"), e = e(), H(), e), Zl = { class: "footer__wrapper" }, Rl = { class: "footer__content" }, El = { 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("span", null, [
+const Kl = /* @__PURE__ */ h(Yl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-6d9c55d4"), e = e(), H(), e), Ql = { class: "footer__wrapper" }, Xl = { class: "footer__content" }, ei = { class: "footer__sections" }, ti = { class: "section" }, ai = { class: "section__title" }, li = { class: "section__list" }, ii = { class: "section" }, ri = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ni = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), si = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), oi = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), di = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ci = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ui = { class: "footer__bottom" }, _i = { class: "footer__copyright-policy" }, mi = { class: "copyright" }, hi = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ O("Change region")
-], -1)), ri = [
-  ii
-], ni = { class: "footer__social" }, oi = ["href", "aria-label"], si = /* @__PURE__ */ m({
+], -1)), vi = [
+  hi
+], gi = { class: "footer__social" }, fi = ["href", "aria-label"], yi = /* @__PURE__ */ m({
   __name: "footer",
   props: {
     footerSections: {
@@ -2008,77 +2074,77 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
       type: Array,
       default: [],
       validator: (e) => {
-        const l = [
+        const a = [
           "linkedin",
           "facebook",
           "instagram",
           "twitter",
           "youtube"
         ];
-        return e.every((a) => l.includes(a.title));
+        return e.every((l) => a.includes(l.title));
       }
     }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (l, a) => (i(), r("div", Zl, [
-      t("footer", Rl, [
-        t("div", El, [
-          (i(!0), r(M, null, L(e.footerSections, (n) => (i(), r("div", Ul, [
-            t("span", Wl, s(n.title), 1),
+    return (a, l) => (i(), r("div", Ql, [
+      t("footer", Xl, [
+        t("div", ei, [
+          (i(!0), r(q, null, D(e.footerSections, (n) => (i(), r("div", ti, [
+            t("span", ai, s(n.title), 1),
             t("nav", null, [
-              t("ul", Fl, [
-                u(l.$slots, "section-links", {
+              t("ul", li, [
+                u(a.$slots, "section-links", {
                   links: n.links
                 })
               ])
             ])
           ]))), 256)),
-          t("div", Gl, [
-            Jl,
+          t("div", ii, [
+            ri,
             t("address", null, [
-              Yl,
-              Kl,
-              Ql,
-              k(j, {
+              ni,
+              si,
+              oi,
+              k(C, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
-                default: S(() => [
-                  Xl
+                default: $(() => [
+                  di
                 ]),
                 _: 1
               }),
-              k(j, {
+              k(C, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
-                default: S(() => [
-                  ei
+                default: $(() => [
+                  ci
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", ti, [
-          t("div", ai, [
-            t("p", li, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
+        t("div", ui, [
+          t("div", _i, [
+            t("p", mi, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
             t("button", {
               class: "footer__language-switcher",
-              onClick: a[0] || (a[0] = (n) => l.$emit("changeRegionClicked"))
-            }, ri),
-            u(l.$slots, "footer-privacy-link"),
-            u(l.$slots, "footer-cookie-link")
+              onClick: l[0] || (l[0] = (n) => a.$emit("changeRegionClicked"))
+            }, vi),
+            u(a.$slots, "footer-privacy-link"),
+            u(a.$slots, "footer-cookie-link")
           ]),
-          t("div", ni, [
-            (i(!0), r(M, null, L(e.socialMedia, (n) => (i(), T(j, {
+          t("div", gi, [
+            (i(!0), r(q, null, D(e.socialMedia, (n) => (i(), A(C, {
               underline: "false",
               linkType: "regular"
             }, {
-              default: S(() => [
+              default: $(() => [
                 t("a", {
                   href: n.url,
                   "aria-label": n.title
@@ -2090,7 +2156,7 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (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, oi)
+                ], 8, fi)
               ]),
               _: 2
             }, 1024))), 256))
@@ -2100,19 +2166,19 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
     ]));
   }
 });
-const di = /* @__PURE__ */ h(si, [["__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=", ci = { class: "header__wrapper" }, ui = { class: "nav-wrapper" }, _i = { class: "mir-link-logo" }, mi = { class: "main-nav-items" }, hi = {
+const bi = /* @__PURE__ */ h(yi, [["__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=", pi = { class: "header__wrapper" }, ki = { class: "nav-wrapper" }, $i = { class: "mir-link-logo" }, wi = { class: "main-nav-items" }, Si = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, vi = {
+}, xi = {
   key: 0,
   src: de,
   alt: "dropdownarrow"
-}, gi = {
+}, Ii = {
   key: 1,
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, fi = { class: "dropdown-content" }, yi = { class: "nav-search-wrapper" }, bi = ["src"], pi = { class: "mobile-logo-search-burger-wrapper" }, ki = { class: "mobile-mir-link-logo" }, $i = { class: "mobile-search-wrapper" }, wi = ["src"], Si = ["onClick"], xi = ["src"], Ii = ["src"], qi = { class: "mobile-menu-content-wrapper" }, Mi = { class: "mobile-dropdown-content" }, Di = /* @__PURE__ */ m({
+}, qi = { class: "dropdown-content" }, Mi = { class: "nav-search-wrapper" }, Di = ["src"], Bi = { class: "mobile-logo-search-burger-wrapper" }, Li = { class: "mobile-mir-link-logo" }, Ai = { class: "mobile-search-wrapper" }, Ci = ["src"], Ti = ["onClick"], ji = ["src"], Ni = ["src"], zi = { class: "mobile-menu-content-wrapper" }, Vi = { class: "mobile-dropdown-content" }, Oi = /* @__PURE__ */ m({
   __name: "header",
   props: {
     burgerState: {
@@ -2125,15 +2191,15 @@ const di = /* @__PURE__ */ h(si, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
     }
   },
   emits: ["update:burgerState", "update:showDropDown"],
-  setup(e, { emit: l }) {
-    const a = e;
-    w("");
-    let n = null, o = w(a.burgerState), _ = w(a.showDropDown);
+  setup(e, { emit: a }) {
+    const l = e;
+    S("");
+    let n = null, o = S(l.burgerState), _ = S(l.showDropDown);
     X(
-      () => a.burgerState,
+      () => l.burgerState,
       (f) => o.value = f
     ), X(
-      () => a.showDropDown,
+      () => l.showDropDown,
       (f) => _.value = f
     ), we(() => {
       n = (f) => {
@@ -2143,56 +2209,56 @@ const di = /* @__PURE__ */ h(si, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
       n !== null && window.removeEventListener("click", n);
     });
     function x() {
-      _.value = !_.value, l("update:showDropDown", _.value);
+      _.value = !_.value, a("update:showDropDown", _.value);
     }
     function I() {
-      o.value = !o.value, l("update:burgerState", o.value);
+      o.value = !o.value, a("update:burgerState", o.value);
     }
-    return (f, b) => (i(), r("div", ci, [
+    return (f, b) => (i(), r("div", pi, [
       t("nav", null, [
-        t("div", ui, [
-          t("div", _i, [
+        t("div", ki, [
+          t("div", $i, [
             u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", mi, [
+          t("ul", wi, [
             u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", hi, [
+          t("div", Si, [
             t("button", {
               onClick: x,
               class: "nav-dropdown-btn"
             }, [
               u(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(_) == !1 ? (i(), r("img", vi)) : (i(), r("img", gi))
+              p(_) == !1 ? (i(), r("img", xi)) : (i(), r("img", Ii))
             ]),
-            U(t("div", fi, [
+            U(t("div", qi, [
               u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, p(_)]
             ])
           ], 512),
-          t("div", yi, [
+          t("div", Mi, [
             t("button", null, [
               t("img", {
                 src: p(o) == !0 ? p(le) : p(ae),
                 alt: "search icon"
-              }, null, 8, bi)
+              }, null, 8, Di)
             ])
           ])
         ]),
         t("div", {
           class: c(["mobile-nav-wrapper", p(o) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
-          t("div", pi, [
-            t("div", ki, [
+          t("div", Bi, [
+            t("div", Li, [
               u(f.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", $i, [
+            t("div", Ai, [
               t("button", null, [
                 t("img", {
                   src: p(o) == !0 ? p(le) : p(ae),
                   alt: "search icon"
-                }, null, 8, wi)
+                }, null, 8, Ci)
               ])
             ]),
             t("button", {
@@ -2202,18 +2268,18 @@ const di = /* @__PURE__ */ h(si, [["__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, xi),
+              }, null, 10, ji),
               t("img", {
                 class: c(["burger-line", p(o) == !0 ? "burger-bottom-line-open" : ""]),
                 src: p(o) == !0 ? p(te) : p(ee)
-              }, null, 10, Ii)
-            ], 8, Si)
+              }, null, 10, Ni)
+            ], 8, Ti)
           ]),
-          U(t("div", qi, [
+          U(t("div", zi, [
             t("ul", null, [
               u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Mi, [
+            t("ul", Vi, [
               u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
               u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
@@ -2225,7 +2291,7 @@ const di = /* @__PURE__ */ h(si, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
     ]));
   }
 });
-const Bi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-8ff68823"]]), Li = { class: "language__wrapper" }, Ai = { class: "language__content" }, Ci = { class: "language__headline" }, Ti = { class: "language__paragraph" }, ji = /* @__PURE__ */ m({
+const Pi = /* @__PURE__ */ h(Oi, [["__scopeId", "data-v-8ff68823"]]), Hi = { class: "language__wrapper" }, Zi = { class: "language__content" }, Ri = { class: "language__headline" }, Ei = { class: "language__paragraph" }, Ui = /* @__PURE__ */ m({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2236,16 +2302,16 @@ const Bi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-8ff68823"]]), Li = { cla
     }
   },
   setup(e) {
-    return (l, a) => (i(), r("div", Li, [
-      t("div", Ai, [
-        t("h2", Ci, s(e.headline), 1),
-        t("p", Ti, s(e.paragraph), 1),
-        u(l.$slots, "language-links", {}, void 0, !0)
+    return (a, l) => (i(), r("div", Hi, [
+      t("div", Zi, [
+        t("h2", Ri, s(e.headline), 1),
+        t("p", Ei, s(e.paragraph), 1),
+        u(a.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
 });
-const Ni = /* @__PURE__ */ h(ji, [["__scopeId", "data-v-9d085a10"]]), zi = { class: "pagination__wrapper" }, Vi = { class: "pagination__content" }, Oi = /* @__PURE__ */ m({
+const Wi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-9d085a10"]]), Fi = { class: "pagination__wrapper" }, Gi = { class: "pagination__content" }, Ji = /* @__PURE__ */ m({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2259,17 +2325,17 @@ const Ni = /* @__PURE__ */ h(ji, [["__scopeId", "data-v-9d085a10"]]), zi = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (l, a) => (i(), r("div", zi, [
-      t("div", Vi, [
+    return (a, l) => (i(), r("div", Fi, [
+      t("div", Gi, [
         k(W, {
-          onClick: a[0] || (a[0] = (n) => l.$emit("previous")),
+          onClick: l[0] || (l[0] = (n) => a.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        u(l.$slots, "pagination-numbers"),
+        u(a.$slots, "pagination-numbers"),
         k(W, {
-          onClick: a[1] || (a[1] = (n) => l.$emit("next")),
+          onClick: l[1] || (l[1] = (n) => a.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
           ariaLabel: "next"
@@ -2278,9 +2344,9 @@ const Ni = /* @__PURE__ */ h(ji, [["__scopeId", "data-v-9d085a10"]]), zi = { cla
     ]));
   }
 });
-const Pi = /* @__PURE__ */ h(Oi, [["__scopeId", "data-v-161faef3"]]), Zi = {
+const Yi = /* @__PURE__ */ h(Ji, [["__scopeId", "data-v-161faef3"]]), Qi = {
   install: (e) => {
-    e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", F), e.component("AtomLink", j), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", R), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", va), e.component("BlockFeatures", Sa), e.component("BlockHeadline", Ha), e.component("BlockImage", Ba), e.component("BlockImageGallery", za), e.component("BlockMicroStories", Ra), 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", di), e.component("OrganismHeader", Bi), e.component("OrganismLanguageSwitcher", Ni), e.component("OrganismPagination", Pi);
+    e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", B), e.component("AtomLabel", F), e.component("AtomLink", C), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", R), e.component("MoleculeAddress", Xt), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", oa), e.component("MoleculeEventCard", ga), e.component("MoleculeModal", oe), e.component("BlockFacts", Ia), e.component("BlockFeatures", ja), e.component("BlockHeadline", Qa), e.component("BlockImage", Ha), e.component("BlockImageGallery", Ga), e.component("BlockMicroStories", el), e.component("BlockProductHero", nl), e.component("BlockPromo", dl), e.component("BlockQuote", $l), e.component("BlockRichText", ql), e.component("BlockTripleCardDisplay", Tl), e.component("BlockVimeo", Ol), e.component("Organism404", Ul), e.component("OrganismFilter", Kl), e.component("OrganismFooter", bi), e.component("OrganismHeader", Pi), e.component("OrganismLanguageSwitcher", Wi), e.component("OrganismPagination", Yi);
   }
 };
 export {
@@ -2288,36 +2354,37 @@ export {
   Ae as AtomCheckbox,
   ze as AtomChip,
   Ue as AtomDropdown,
-  D as AtomImage,
+  B as AtomImage,
   F as AtomLabel,
-  j as AtomLink,
+  C as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
   Vt as AtomTextField,
   qt as AtomTextarea,
   R as AtomVideo,
-  va as BlockFacts,
-  Sa as BlockFeatures,
-  Ha as BlockHeadline,
-  Ba as BlockImage,
-  za as BlockImageGallery,
-  Ra as BlockMicroStories,
-  Ja as BlockProductHero,
-  Qa as BlockPromo,
-  ul as BlockQuote,
-  gl as BlockRichText,
-  wl as BlockTripleCardDisplay,
-  Dl as BlockVimeo,
-  Ft as MoleculeBulletList,
-  Kt as MoleculeCard,
-  ra as MoleculeEventCard,
-  se as MoleculeModal,
-  jl as Organism404,
-  Hl as OrganismFilter,
-  di as OrganismFooter,
-  Bi as OrganismHeader,
-  Ni as OrganismLanguageSwitcher,
-  Pi as OrganismPagination,
-  Zi as default
+  Ia as BlockFacts,
+  ja as BlockFeatures,
+  Qa as BlockHeadline,
+  Ha as BlockImage,
+  Ga as BlockImageGallery,
+  el as BlockMicroStories,
+  nl as BlockProductHero,
+  dl as BlockPromo,
+  $l as BlockQuote,
+  ql as BlockRichText,
+  Tl as BlockTripleCardDisplay,
+  Ol as BlockVimeo,
+  Xt as MoleculeAddress,
+  ia as MoleculeBulletList,
+  oa as MoleculeCard,
+  ga as MoleculeEventCard,
+  oe as MoleculeModal,
+  Ul as Organism404,
+  Kl as OrganismFilter,
+  bi as OrganismFooter,
+  Pi as OrganismHeader,
+  Wi as OrganismLanguageSwitcher,
+  Yi as OrganismPagination,
+  Qi as default
 };