@mirweb/mir-web-components 0.12.0 → 0.12.1

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 S, withDirectives as U, Fragment as M, renderList as A, 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 v, watchEffect as ne, withKeys as $e, createBlock as j, 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 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 g, 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";
 const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
   __name: "button",
   props: {
@@ -24,17 +24,17 @@ const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("button", {
+    return (l, a) => (i(), r("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
     }, s(e.variant == "close" ? "" : e.buttonText), 11, xe));
   }
 });
-const h = (e, a) => {
-  const l = e.__vccOpts || e;
-  for (const [n, o] of a)
-    l[n] = o;
-  return l;
+const h = (e, l) => {
+  const a = e.__vccOpts || e;
+  for (const [n, o] of l)
+    a[n] = o;
+  return a;
 }, 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, a) => {
     }
   },
   emits: ["input"],
-  setup(e, { emit: a }) {
-    const l = (n) => {
+  setup(e, { emit: l }) {
+    const a = (n) => {
       const o = n.target;
-      a("input", o.checked);
+      l("input", o.checked);
     };
     return (n, o) => (i(), r("div", {
       class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
@@ -77,7 +77,7 @@ const h = (e, a) => {
         required: e.required,
         id: e.id,
         class: "checkbox__checkbox",
-        onChange: l
+        onChange: a
       }, null, 40, Me),
       t("label", {
         for: e.id,
@@ -89,7 +89,7 @@ const h = (e, a) => {
     ], 2));
   }
 });
-const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ m({
+const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Te = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ m({
   __name: "chip",
   props: {
     text: {
@@ -98,16 +98,16 @@ const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
     }
   },
   emits: ["remove-chip"],
-  setup(e, { emit: a }) {
-    const l = e, n = N(() => `Chip: ${l.text}`);
-    return (o, _) => (i(), r("div", Ce, [
+  setup(e, { emit: l }) {
+    const a = e, n = N(() => `Chip: ${a.text}`);
+    return (o, _) => (i(), r("div", Te, [
       t("span", {
         class: "chip",
         "aria-label": n.value
       }, [
         O(s(e.text) + " ", 1),
         t("img", {
-          src: Te,
+          src: Ce,
           alt: "close",
           class: "close-icon",
           onClick: _[0] || (_[0] = (x) => o.$emit("remove-chip"))
@@ -116,7 +116,7 @@ const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
     ]));
   }
 });
-const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Ee = ["aria-selected", "data-value"], Re = /* @__PURE__ */ m({
+const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], Ze = ["aria-labelledby", "aria-activedescendant"], Re = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ m({
   __name: "dropdown",
   props: {
     modelValue: {
@@ -132,7 +132,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       required: !0,
       validator(e) {
         return e.every(
-          (a) => typeof a.value < "u" && typeof a.label < "u"
+          (l) => typeof l.value < "u" && typeof l.label < "u"
         );
       }
     },
@@ -158,16 +158,16 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
   },
   emits: ["update: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), q = N(() => {
-      const d = l.options.find(
-        (g) => g.value === l.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(
+        (v) => v.value === a.modelValue
       );
       return d && d.label;
     }), ce = {
-      beforeMount(d, g) {
+      beforeMount(d, v) {
         d.clickOutsideEvent = function(y) {
-          d === y.target || d.contains(y.target) || g.value(y);
+          d === y.target || d.contains(y.target) || v.value(y);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -175,25 +175,25 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       }
     };
     function ue(d) {
-      a("update:modelValue", d);
+      l("update:modelValue", d);
     }
     function _e(d) {
       var y;
-      const g = d.target;
-      g.getAttribute("role") === "option" && (Z(g), R(), (y = n.value) == null || y.focus());
+      const v = d.target;
+      v.getAttribute("role") === "option" && (Z(v), E(), (y = n.value) == null || y.focus());
     }
     function J(d) {
       var y;
-      const g = d.key;
-      switch (g) {
+      const v = d.key;
+      switch (v) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const w = l.options.findIndex(
-            (V) => V.value === l.modelValue
+          const $ = a.options.findIndex(
+            (V) => V.value === a.modelValue
           );
-          let B = w ? _.value[w] : _.value[0];
-          g === "ArrowUp" ? w - 1 >= 0 && (B = _.value[w - 1]) : w + 1 <= l.options.length && (B = _.value[w + 1]), B && Z(B);
+          let B = $ ? _.value[$] : _.value[0];
+          v === "ArrowUp" ? $ - 1 >= 0 && (B = _.value[$ - 1]) : $ + 1 <= a.options.length && (B = _.value[$ + 1]), B && Z(B);
           break;
         }
         case "Home":
@@ -206,17 +206,17 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), R(), (y = n.value) == null || y.focus();
+          d.preventDefault(), E(), (y = n.value) == null || y.focus();
           break;
         default: {
-          const w = ge(g);
-          w && Z(w);
+          const $ = ve(v);
+          $ && Z($);
           break;
         }
       }
     }
     function me(d) {
-      if (!l.disabled)
+      if (!a.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
@@ -227,25 +227,25 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     function he(d) {
       d && d.removeAttribute("aria-selected");
     }
-    function ve() {
+    function ge() {
       x && (clearTimeout(x.value), x.value = 0), x.value = setTimeout(() => {
         I.value = "", x.value = 0;
       }, 500);
     }
-    function ge(d) {
-      let g = "";
-      (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();
+    function ve(d) {
+      let v = "";
+      (I.value === "" || v !== d) && (b.value = a.options.findIndex(
+        ($) => $.value === a.modelValue
+      )), I.value = v === d ? d : I.value + d, v = d, ge();
       let y = Y(
         b.value + 1,
-        l.options.length
+        a.options.length
       );
-      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % l.options.length, y;
+      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
     }
-    function Y(d, g) {
-      for (let y = d; y < g; y++)
-        if (l.options[y].label && l.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
+    function Y(d, v) {
+      for (let y = d; y < v; y++)
+        if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
           return _.value[y];
       return null;
     }
@@ -253,39 +253,39 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       Z(_.value[0]);
     }
     function Z(d) {
-      var y, w;
-      const g = d.getAttribute("data-value");
-      if (l.modelValue) {
-        const B = l.options.findIndex(
-          (pe) => pe.value === l.modelValue
+      var y, $;
+      const v = d.getAttribute("data-value");
+      if (a.modelValue) {
+        const B = a.options.findIndex(
+          (pe) => pe.value === a.modelValue
         ), V = _.value[B];
         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) {
+        v || ""
+      ), ue(v || ""), 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 - ((w = o.value) == null ? void 0 : w.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
+        V > B ? o.value.scrollTop = V - (($ = o.value) == null ? void 0 : $.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
       }
     }
     function ye() {
-      var g;
-      const d = (g = _.value) == null ? void 0 : g[l.options.length - 1];
+      var v;
+      const d = (v = _.value) == null ? void 0 : v[a.options.length - 1];
       Z(d);
     }
-    function R() {
+    function E() {
       var d;
       f.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
     }
     function K() {
-      var d, g;
-      f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (g = o.value) == null || g.focus();
+      var d, v;
+      f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (v = o.value) == null || v.focus();
     }
     function be() {
-      l.disabled || (f.value ? K() : R());
+      a.disabled || (f.value ? K() : E());
     }
-    return (d, g) => (i(), r("div", {
+    return (d, v) => (i(), r("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -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, A(e.options, (y, w) => (i(), r("li", {
-            key: `${e.name}-option-${w}`,
+          (i(!0), r(M, null, L(e.options, (y, $) => (i(), r("li", {
+            key: `${e.name}-option-${$}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
             class: "listbox__option",
@@ -331,17 +331,17 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _
-          }, s(y.label), 9, Ee))), 128))
+          }, s(y.label), 9, Re))), 128))
         ], 40, Ze), [
           [G, !f.value]
         ])
       ])), [
-        [ce, R]
+        [ce, E]
       ])
     ], 8, Ve));
   }
 });
-const Ue = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ m({
+const Ue = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ m({
   __name: "image",
   props: {
     src: {
@@ -379,8 +379,8 @@ const Ue = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", We, [
-      u(a.$slots, "default", T(C(a.$attrs)))
+    return (l, a) => (i(), r("div", We, [
+      u(l.$slots, "default", A(C(l.$attrs)))
     ]));
   }
 });
@@ -398,17 +398,17 @@ const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
     }
   },
   setup(e) {
-    const a = e, l = N(() => `Label: ${a.text}`);
+    const l = e, a = N(() => `Label: ${l.text}`);
     return (n, o) => (i(), r("div", Ge, [
       t("span", {
-        "aria-label": l.value,
+        "aria-label": a.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" }, L = /* @__PURE__ */ m({
+const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, j = /* @__PURE__ */ m({
   __name: "link",
   props: {
     url: {
@@ -449,12 +449,12 @@ const F = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     }
   },
   setup(e) {
-    const a = e, l = N(() => {
-      const { ...n } = a;
+    const l = e, a = N(() => {
+      const { ...n } = l;
       return n;
     });
     return (n, o) => (i(), r("div", Ke, [
-      t("div", ie(l.value, {
+      t("div", ie(a.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: a }) {
-    const l = (n) => {
+  setup(e, { emit: l }) {
+    const a = (n) => {
       const o = n.target;
-      a("input", o.checked);
+      l("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: l
+        onChange: a
       }, null, 40, Xe),
       t("label", {
         for: e.id,
@@ -539,7 +539,7 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
       required: !0,
       validator(e) {
         return e.every(
-          (a) => typeof a.value < "u" && typeof a.text < "u"
+          (l) => typeof l.value < "u" && typeof l.text < "u"
         );
       }
     },
@@ -564,7 +564,7 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, l) => (i(), r("div", it, [
+    return (l, a) => (i(), r("div", it, [
       t("label", {
         for: e.id,
         class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
@@ -575,11 +575,11 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
         id: e.id,
         name: e.name,
         value: e.modelValue,
-        onChange: l[0] || (l[0] = (n) => {
-          a.$emit("update:modelValue", n.target.value), n.target.blur();
+        onChange: a[0] || (a[0] = (n) => {
+          l.$emit("update:modelValue", n.target.value), n.target.blur();
         })
       }, [
-        (i(!0), r(M, null, A(e.options, (n) => (i(), r("option", {
+        (i(!0), r(M, null, L(e.options, (n) => (i(), r("option", {
           key: n.value,
           value: n.value
         }, s(n.text), 9, ot))), 128))
@@ -593,21 +593,21 @@ const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: a }) {
-    const l = e;
+  setup(e, { emit: l }) {
+    const a = e;
     N({
-      get: () => l.show,
-      set: (o) => a("update:show", o)
+      get: () => a.show,
+      set: (o) => l("update:show", o)
     });
     const n = () => {
-      a("update:show", !l.show);
+      l("update:show", !a.show);
     };
     return (o, _) => (i(), r("div", ct, [
       k(ke, {
         duration: 300,
         name: "nested"
       }, {
-        default: $(() => [
+        default: S(() => [
           o.show ? (i(), r("div", {
             key: 0,
             class: "overlay",
@@ -629,14 +629,14 @@ const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
               ]),
               u(o.$slots, "default", {}, void 0, !0)
             ])
-          ])) : v("", !0)
+          ])) : g("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-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 se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { class: "slider__wrapper" }, mt = { class: "slider__label" }, ht = ["for"], gt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -688,15 +688,15 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const l = e, n = S(l.modelValue), o = S(), _ = S(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
+  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) => {
       var b;
       (b = o.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return ne(() => {
       if (o.value) {
-        a("update:modelValue", n.value);
-        const f = x(n.value, l.min, l.max);
+        l("update:modelValue", n.value);
+        const f = x(n.value, a.min, a.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
@@ -716,9 +716,9 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
-          }, null, 42, vt)) : v("", !0)
+          }, null, 42, gt)) : g("", !0)
         ]),
-        t("div", gt, [
+        t("div", vt, [
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, s(e.min), 3),
@@ -743,16 +743,16 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), _t = { cla
           class: c([e.variant, "slider__value"])
         }, s(e.modelValue), 3)
       ]),
-      e.information ? (i(), j(se, {
+      e.information ? (i(), T(se, {
         key: 0,
         show: _.value,
         "onUpdate:show": b[3] || (b[3] = (q) => _.value = q)
       }, {
-        default: $(() => [
+        default: S(() => [
           O(s(e.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : v("", !0)
+      }, 8, ["show"])) : g("", !0)
     ], 64));
   }
 });
@@ -796,7 +796,7 @@ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, l) => (i(), r("div", pt, [
+    return (l, a) => (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: l[0] || (l[0] = (n) => a.$emit("update:modelValue", n.target.value)),
+          onInput: a[0] || (a[0] = (n) => l.$emit("update:modelValue", n.target.value)),
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
@@ -822,7 +822,7 @@ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
       ], 8, $t),
       t("div", St, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", xt, " Too many characters. Please make it shorter ")) : v("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", xt, " Too many characters. Please make it shorter ")) : g("", !0)
         ]),
         t("p", {
           class: c(
@@ -833,7 +833,7 @@ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
     ]));
   }
 });
-const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, Lt = ["id", "type", "value", "placeholder", "required", "disabled"], At = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled"], Ct = {
+const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, Lt = ["id", "type", "value", "placeholder", "required", "disabled"], At = ["aria-expanded"], Ct = ["type", "value", "placeholder", "id", "required", "disabled"], Tt = {
   key: 2,
   class: "search"
 }, jt = {
@@ -909,10 +909,10 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = S(!0), l = N(
-      () => a.value ? "showPassword" : "hidePassword"
+    const l = w(!0), a = N(
+      () => l.value ? "showPassword" : "hidePassword"
     ), n = N(
-      () => a.value ? "password" : "text"
+      () => l.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([l.value]),
-          onClick: _[1] || (_[1] = (x) => a.value = !a.value),
+          class: c([a.value]),
+          onClick: _[1] || (_[1] = (x) => l.value = !l.value),
           "aria-controls": "password",
-          "aria-expanded": !a.value
+          "aria-expanded": !l.value
         }, null, 10, At)
       ])) : (i(), r("input", {
         key: 1,
@@ -954,10 +954,10 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
         ]),
         disabled: e.disabled,
         onInput: _[2] || (_[2] = (x) => o.$emit("update:modelValue", x.target.value))
-      }, null, 42, Tt)),
-      e.search ? (i(), r("i", Ct)) : v("", !0),
-      e.errorMessage ? (i(), r("strong", jt, s(e.errorMessage), 1)) : v("", !0),
-      e.helperText ? (i(), r("span", Nt, s(e.helperText), 1)) : v("", !0)
+      }, null, 42, Ct)),
+      e.search ? (i(), r("i", Tt)) : g("", !0),
+      e.errorMessage ? (i(), r("strong", jt, s(e.errorMessage), 1)) : g("", !0),
+      e.helperText ? (i(), r("span", Nt, s(e.helperText), 1)) : g("", !0)
     ]));
   }
 });
@@ -1013,15 +1013,15 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     }
   },
   setup(e) {
-    const a = e;
-    let l = S(null);
+    const l = e;
+    let a = w(null);
     return ne(() => {
-      a.play && l.value ? l.value.play() : !a.play && l.value && l.value.pause();
+      l.play && a.value ? a.value.play() : !l.play && a.value && a.value.pause();
     }), (n, o) => (i(), r("div", Ot, [
       e.localVideo ? (i(), r("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: l,
+        ref: a,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1047,7 +1047,7 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     ]));
   }
 });
-const E = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) => (P("data-v-327e6c15"), e = e(), H(), e), Rt = { class: "bullet-list__wrapper" }, Ut = /* @__PURE__ */ Et(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Wt = /* @__PURE__ */ m({
+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({
   __name: "bullet-list",
   props: {
     list: {
@@ -1067,12 +1067,12 @@ const E = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Rt, [
+    return (l, a) => (i(), r("div", Et, [
       t("div", {
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (i(!0), r(M, null, A(e.list, (n) => (i(), r("li", null, [
+          (i(!0), r(M, null, L(e.list, (n) => (i(), r("li", null, [
             Ut,
             O(" " + s(n), 1)
           ]))), 256))
@@ -1135,8 +1135,8 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
     alt: String
   },
   emits: ["clicked"],
-  setup(e, { emit: a }) {
-    let l = S(!1);
+  setup(e, { emit: l }) {
+    let a = w(!1);
     return (n, o) => (i(), r("div", Gt, [
       t("div", {
         class: c(["card", [
@@ -1150,11 +1150,11 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           e.variant == "product" ? "font-weight: 700" : "font-weight: 300",
           e.mediaType == "video" ? "width: 328px" : ""
         ]),
-        onMouseover: o[0] || (o[0] = (_) => Q(l) ? l.value = !0 : l = !0),
-        onMouseout: o[1] || (o[1] = (_) => Q(l) ? l.value = !1 : l = !1)
+        onMouseover: o[0] || (o[0] = (_) => Q(a) ? a.value = !0 : a = !0),
+        onMouseout: o[1] || (o[1] = (_) => Q(a) ? a.value = !1 : a = !1)
       }, [
-        e.mediaType == "image" ? (i(), j(D, { key: 0 }, {
-          default: $(() => [
+        e.mediaType == "image" ? (i(), T(D, { key: 0 }, {
+          default: S(() => [
             u(n.$slots, "card-image", ie({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
@@ -1167,10 +1167,10 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
           _: 3
         })) : (i(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", p(l) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
         }, [
-          k(E, {
-            play: p(l),
+          k(R, {
+            play: p(a),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1190,7 +1190,7 @@ 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", Jt, s(e.paragraph), 1)) : g("", !0),
         u(n.$slots, "card-label")
       ], 38)
     ]));
@@ -1221,7 +1221,7 @@ const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-b50e8101"]]), Qt = (e) =
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Xt, [
+    return (l, a) => (i(), r("div", Xt, [
       k(F, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1257,11 +1257,11 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", na, [
+    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, A(e.facts, (n) => (i(), r("div", ca, [
+          (i(!0), r(M, null, L(e.facts, (n) => (i(), r("div", ca, [
             t("div", ua, [
               t("span", null, s(n.value), 1)
             ]),
@@ -1271,21 +1271,21 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), na = { cla
           ]))), 256))
         ]),
         e.link ? (i(), r("div", ma, [
-          k(L, {
+          k(j, {
             linkType: "regular-light",
             arrow: ""
           }, {
-            default: $(() => [
-              u(a.$slots, "facts-link", {}, void 0, !0)
+            default: S(() => [
+              u(l.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : v("", !0)
+        ])) : g("", !0)
       ])
     ]));
   }
 });
-const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
+const ga = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), va = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
   key: 0,
   class: "features__headline"
 }, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ m({
@@ -1303,21 +1303,21 @@ const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-7fd89b0c"]]), ga = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", ga, [
+    return (l, a) => (i(), r("div", va, [
       t("div", fa, [
         e.headline ? (i(), r("div", ya, [
           t("h2", null, s(e.headline), 1)
-        ])) : v("", !0),
+        ])) : g("", !0),
         t("div", ba, [
-          u(a.$slots, "features-body", {}, void 0, !0)
+          u(l.$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, A(e.elements, (n) => (i(), r("div", pa, [
+          (i(!0), r(M, null, L(e.elements, (n) => (i(), r("div", pa, [
             k(D, { class: "element__icon" }, {
-              default: $(() => [
-                u(a.$slots, "features-icon", T(C({
+              default: S(() => [
+                u(l.$slots, "features-icon", A(C({
                   src: n.icon.src,
                   height: 30,
                   width: 30,
@@ -1351,12 +1351,12 @@ const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", xa, [
+    return (l, a) => (i(), r("div", xa, [
       t("div", Ia, [
         t("div", qa, [
           k(D, null, {
-            default: $(() => [
-              u(a.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
+            default: S(() => [
+              u(l.$slots, "image", A(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1369,10 +1369,10 @@ const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { cla
 const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { class: "gallery__large" }, Aa = {
   key: 0,
   class: "image image--large"
-}, Ta = {
+}, Ca = {
   key: 1,
   class: "video"
-}, Ca = { class: "image image--small" }, ja = {
+}, Ta = { class: "image image--small" }, ja = {
   key: 0,
   class: "body"
 }, Na = /* @__PURE__ */ m({
@@ -1414,7 +1414,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (l, a) => (i(), r("div", {
       class: c([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
@@ -1429,8 +1429,8 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
         t("div", La, [
           e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Aa, [
             k(D, null, {
-              default: $(() => [
-                u(a.$slots, "image-large", T(C({
+              default: S(() => [
+                u(l.$slots, "image-large", A(C({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1439,9 +1439,9 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
               ]),
               _: 3
             })
-          ])) : v("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ta, [
-            k(E, {
+          ])) : g("", !0),
+          e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ca, [
+            k(R, {
               src: e.mediaLarge.src,
               localVideo: "",
               ariaLabel: e.mediaLarge.alt,
@@ -1453,7 +1453,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
               muted: !0,
               play: !0
             }, null, 8, ["src", "ariaLabel"])
-          ])) : v("", !0)
+          ])) : g("", !0)
         ]),
         t("div", {
           style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
@@ -1462,10 +1462,10 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (i(!0), r(M, null, A(e.mediaSmall, (n) => (i(), r("div", Ca, [
+          (i(!0), r(M, null, L(e.mediaSmall, (n) => (i(), r("div", Ta, [
             k(D, null, {
-              default: $(() => [
-                u(a.$slots, "image-small", T(C({
+              default: S(() => [
+                u(l.$slots, "image-small", A(C({
                   width: 328,
                   height: 246,
                   src: n.src,
@@ -1477,7 +1477,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), La = { cla
           ]))), 256)),
           e.mediaSmall.length < 2 ? (i(), r("div", ja, [
             t("p", null, s(e.body), 1)
-          ])) : v("", !0)
+          ])) : g("", !0)
         ], 6)
       ], 2)
     ], 2));
@@ -1500,7 +1500,7 @@ const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Va, [
+    return (l, a) => (i(), r("div", Va, [
       t("div", {
         class: c([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
@@ -1511,7 +1511,7 @@ const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-047e5de9"]]), Va = { cla
     ]));
   }
 });
-const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ m({
+const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ra = /* @__PURE__ */ m({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1534,20 +1534,20 @@ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (l, a) => (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(a.$slots, "micro-stories-slides")
+        u(l.$slots, "micro-stories-slides")
       ]),
-      u(a.$slots, "micro-stories-controls")
+      u(l.$slots, "micro-stories-controls")
     ], 2));
   }
 });
-const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ m({
+const Ea = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ m({
   __name: "product-hero",
   props: {
     headline: {
@@ -1572,13 +1572,13 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Ra, [
+    return (l, a) => (i(), r("div", Ea, [
       t("div", Ua, [
         t("div", Wa, [
           t("h1", null, s(e.headline), 1)
         ]),
         t("div", Fa, [
-          k(E, {
+          k(R, {
             play: !0,
             localVideo: !0,
             src: e.videoSrc,
@@ -1643,7 +1643,7 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (l, a) => (i(), r("div", {
       class: c([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "",
@@ -1659,12 +1659,12 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
           ])
         }, [
           k(D, null, {
-            default: $(() => [
-              u(a.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+            default: S(() => [
+              u(l.$slots, "promo-image", A(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : v("", !0),
+        ], 2)) : g("", !0),
         e.mediaType === "video" ? (i(), r("div", {
           key: 1,
           class: c([
@@ -1672,7 +1672,7 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          k(E, {
+          k(R, {
             src: e.src,
             localVideo: "",
             ariaLabel: e.alt,
@@ -1683,43 +1683,43 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-e492048b"]]), Ya = { cla
             play: !0,
             poster: e.fallbackImage
           }, null, 8, ["src", "ariaLabel", "poster"])
-        ], 2)) : v("", !0),
+        ], 2)) : g("", !0),
         t("div", {
           class: c([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (i(), j(F, {
+          e.label ? (i(), T(F, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
-          }, null, 8, ["text", "labelDark"])) : v("", !0),
+          }, null, 8, ["text", "labelDark"])) : g("", !0),
           t("h3", {
             class: c([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, s(e.headline), 3),
-          e.linkType === "link" ? (i(), j(L, {
+          e.linkType === "link" ? (i(), T(j, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
             arrow: ""
           }, {
-            default: $(() => [
-              u(a.$slots, "promo-link")
+            default: S(() => [
+              u(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : v("", !0),
-          e.linkType === "button" ? (i(), j(L, {
+          }, 8, ["linkType"])) : g("", !0),
+          e.linkType === "button" ? (i(), T(j, {
             key: 2,
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
-            default: $(() => [
-              u(a.$slots, "promo-link")
+            default: S(() => [
+              u(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : v("", !0)
+          }, 8, ["linkType"])) : g("", !0)
         ], 2)
       ])
     ], 2));
@@ -1749,7 +1749,7 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", el, [
+    return (l, a) => (i(), r("div", el, [
       t("div", tl, [
         al,
         t("div", ll, [
@@ -1757,8 +1757,8 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
           t("div", rl, [
             e.authorImage ? (i(), r("div", nl, [
               k(D, null, {
-                default: $(() => [
-                  u(a.$slots, "author-image", T(C({
+                default: S(() => [
+                  u(l.$slots, "author-image", A(C({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1766,7 +1766,7 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-0b0e5708"]]), Xa = (e) =
                 ]),
                 _: 3
               })
-            ])) : v("", !0),
+            ])) : g("", !0),
             t("div", ol, [
               t("p", sl, s(e.author), 1),
               t("p", dl, s(e.authorTitle), 1)
@@ -1783,7 +1783,7 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
 }, hl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, vl = /* @__PURE__ */ m({
+}, gl = /* @__PURE__ */ m({
   __name: "rich-text",
   props: {
     headline: {
@@ -1818,25 +1818,25 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (l, a) => (i(), r("div", {
       class: c([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", _l, [
-        e.label ? (i(), j(F, {
+        e.label ? (i(), T(F, {
           key: 0,
           text: e.label,
           labelDark: !1
-        }, null, 8, ["text"])) : v("", !0),
+        }, null, 8, ["text"])) : g("", !0),
         e.headline ? (i(), r("h2", {
           key: 1,
           class: c([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, s(e.headline), 3)) : v("", !0),
+        }, s(e.headline), 3)) : g("", !0),
         t("div", {
           class: c([
             "rich-text__content",
@@ -1849,14 +1849,14 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(a.$slots, "rich-text-content"),
+            u(l.$slots, "rich-text-content"),
             e.links ? (i(), r("div", ml, [
-              u(a.$slots, "rich-text-links")
-            ])) : v("", !0)
+              u(l.$slots, "rich-text-links")
+            ])) : g("", !0)
           ], 2),
           e.bulletList ? (i(), r("div", hl, [
-            u(a.$slots, "rich-text-bullet-list")
-          ])) : v("", !0),
+            u(l.$slots, "rich-text-bullet-list")
+          ])) : g("", !0),
           e.image ? (i(), r("div", {
             key: 1,
             class: c([
@@ -1865,18 +1865,18 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), _l = { cla
             ])
           }, [
             k(D, null, {
-              default: $(() => [
-                u(a.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
+              default: S(() => [
+                u(l.$slots, "rich-text-image", A(C({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : v("", !0)
+          ], 2)) : g("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
+const vl = /* @__PURE__ */ h(gl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
   key: 0,
   class: "triple-card__content"
 }, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ m({
@@ -1896,7 +1896,7 @@ const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (l, a) => (i(), r("div", {
       class: c([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
@@ -1904,11 +1904,11 @@ const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
     }, [
       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)
-        ])) : v("", !0),
+          e.headline ? (i(), r("h2", bl, s(e.headline), 1)) : g("", !0),
+          e.paragraph ? (i(), r("p", pl, s(e.paragraph), 1)) : g("", !0)
+        ])) : g("", !0),
         t("div", kl, [
-          u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
+          u(l.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -1931,16 +1931,16 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-10340ac8"]]), Sl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Sl, [
+    return (l, a) => (i(), r("div", Sl, [
       t("div", xl, [
-        e.headline ? (i(), r("h2", Il, s(e.headline), 1)) : v("", !0),
-        u(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (i(), r("p", ql, s(e.description), 1)) : v("", !0)
+        e.headline ? (i(), r("h2", Il, s(e.headline), 1)) : g("", !0),
+        u(l.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (i(), r("p", ql, s(e.description), 1)) : g("", !0)
       ])
     ]));
   }
 });
-const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "not-found__wrapper" }, Ll = { class: "not-found__content" }, Al = { class: "not-found__headline" }, Tl = { class: "not-found__body" }, Cl = /* @__PURE__ */ m({
+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({
   __name: "404",
   props: {
     headline: {
@@ -1949,17 +1949,17 @@ const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Bl, [
+    return (l, a) => (i(), r("div", Bl, [
       t("div", Ll, [
         t("h1", Al, s(e.headline), 1),
-        t("div", Tl, [
-          u(a.$slots, "not-found-body", {}, void 0, !0)
+        t("div", Cl, [
+          u(l.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
 });
-const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { class: "filter__wrapper" }, zl = { class: "filter__content" }, Vl = { class: "filter__dropdowns" }, Ol = { class: "filter__chips" }, Pl = /* @__PURE__ */ m({
+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({
   __name: "filter",
   props: {
     hasChips: {
@@ -1969,27 +1969,29 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-c2038fe4"]]), Nl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, l) => (i(), r("div", Nl, [
+    return (l, a) => (i(), r("div", Nl, [
       t("div", zl, [
         t("div", Vl, [
-          u(a.$slots, "filter-dropdowns", {}, void 0, !0)
+          u(l.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
         t("div", Ol, [
-          u(a.$slots, "filter-chips", {}, void 0, !0),
+          u(l.$slots, "filter-chips", {}, void 0, !0),
           e.hasChips ? (i(), r("button", {
             key: 0,
             class: "filter__clear",
-            onClick: l[0] || (l[0] = (n) => a.$emit("clearFilters"))
-          }, " Remove all filters ")) : v("", !0)
+            onClick: a[0] || (a[0] = (n) => l.$emit("clearFilters"))
+          }, " Remove all filters ")) : g("", !0)
         ])
       ])
     ]));
   }
 });
-const Hl = /* @__PURE__ */ h(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: "" }, [
+const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) => (P("data-v-d739b347"), 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, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ O("Change region")
-], -1)), ri = { class: "footer__social" }, ni = ["href", "aria-label"], oi = /* @__PURE__ */ m({
+], -1)), ri = [
+  ii
+], ni = { class: "footer__social" }, oi = ["href", "aria-label"], si = /* @__PURE__ */ m({
   __name: "footer",
   props: {
     footerSections: {
@@ -2006,26 +2008,27 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
       type: Array,
       default: [],
       validator: (e) => {
-        const a = [
+        const l = [
           "linkedin",
           "facebook",
           "instagram",
           "twitter",
           "youtube"
         ];
-        return e.every((l) => a.includes(l.title));
+        return e.every((a) => l.includes(a.title));
       }
     }
   },
+  emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, l) => (i(), r("div", Zl, [
-      t("footer", El, [
-        t("div", Rl, [
-          (i(!0), r(M, null, A(e.footerSections, (n) => (i(), r("div", Ul, [
+    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),
             t("nav", null, [
               t("ul", Fl, [
-                u(a.$slots, "section-links", {
+                u(l.$slots, "section-links", {
                   links: n.links
                 })
               ])
@@ -2037,22 +2040,22 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
               Yl,
               Kl,
               Ql,
-              k(L, {
+              k(j, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
-                default: $(() => [
+                default: S(() => [
                   Xl
                 ]),
                 _: 1
               }),
-              k(L, {
+              k(j, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
-                default: $(() => [
+                default: S(() => [
                   ei
                 ]),
                 _: 1
@@ -2063,21 +2066,19 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
         t("div", ti, [
           t("div", ai, [
             t("p", li, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
-            k(L, { linkType: "regular-light" }, {
-              default: $(() => [
-                ii
-              ]),
-              _: 1
-            }),
-            u(a.$slots, "footer-privacy-link"),
-            u(a.$slots, "footer-cookie-link")
+            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")
           ]),
-          t("div", ri, [
-            (i(!0), r(M, null, A(e.socialMedia, (n) => (i(), j(L, {
+          t("div", ni, [
+            (i(!0), r(M, null, L(e.socialMedia, (n) => (i(), T(j, {
               underline: "false",
               linkType: "regular"
             }, {
-              default: $(() => [
+              default: S(() => [
                 t("a", {
                   href: n.url,
                   "aria-label": n.title
@@ -2089,7 +2090,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, ni)
+                ], 8, oi)
               ]),
               _: 2
             }, 1024))), 256))
@@ -2099,10 +2100,10 @@ const Hl = /* @__PURE__ */ h(Pl, [["__scopeId", "data-v-cf46dae2"]]), z = (e) =>
     ]));
   }
 });
-const si = /* @__PURE__ */ h(oi, [["__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" }, _i = { class: "main-nav-items" }, mi = {
+const di = /* @__PURE__ */ h(si, [["__scopeId", "data-v-d739b347"]]), 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 = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, hi = {
+}, gi = {
   key: 0,
   src: de,
   alt: "dropdownarrow"
@@ -2111,7 +2112,7 @@ const si = /* @__PURE__ */ h(oi, [["__scopeId", "data-v-1da7210c"]]), de = "data
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, 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"], Si = ["src"], xi = ["src"], Ii = { class: "mobile-menu-content-wrapper" }, qi = { class: "mobile-dropdown-content" }, Mi = /* @__PURE__ */ m({
+}, 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({
   __name: "header",
   props: {
     burgerState: {
@@ -2124,15 +2125,15 @@ const si = /* @__PURE__ */ h(oi, [["__scopeId", "data-v-1da7210c"]]), de = "data
     }
   },
   emits: ["update:burgerState", "update:showDropDown"],
-  setup(e, { emit: a }) {
-    const l = e;
-    S("");
-    let n = null, o = S(l.burgerState), _ = S(l.showDropDown);
+  setup(e, { emit: l }) {
+    const a = e;
+    w("");
+    let n = null, o = w(a.burgerState), _ = w(a.showDropDown);
     X(
-      () => l.burgerState,
+      () => a.burgerState,
       (f) => o.value = f
     ), X(
-      () => l.showDropDown,
+      () => a.showDropDown,
       (f) => _.value = f
     ), we(() => {
       n = (f) => {
@@ -2142,56 +2143,56 @@ const si = /* @__PURE__ */ h(oi, [["__scopeId", "data-v-1da7210c"]]), de = "data
       n !== null && window.removeEventListener("click", n);
     });
     function x() {
-      _.value = !_.value, a("update:showDropDown", _.value);
+      _.value = !_.value, l("update:showDropDown", _.value);
     }
     function I() {
-      o.value = !o.value, a("update:burgerState", o.value);
+      o.value = !o.value, l("update:burgerState", o.value);
     }
-    return (f, b) => (i(), r("div", di, [
+    return (f, b) => (i(), r("div", ci, [
       t("nav", null, [
-        t("div", ci, [
-          t("div", ui, [
+        t("div", ui, [
+          t("div", _i, [
             u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", _i, [
+          t("ul", mi, [
             u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", mi, [
+          t("div", hi, [
             t("button", {
               onClick: x,
               class: "nav-dropdown-btn"
             }, [
               u(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(_) == !1 ? (i(), r("img", hi)) : (i(), r("img", vi))
+              p(_) == !1 ? (i(), r("img", gi)) : (i(), r("img", vi))
             ]),
-            U(t("div", gi, [
+            U(t("div", fi, [
               u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, p(_)]
             ])
           ], 512),
-          t("div", fi, [
+          t("div", yi, [
             t("button", null, [
               t("img", {
                 src: p(o) == !0 ? p(le) : p(ae),
                 alt: "search icon"
-              }, null, 8, yi)
+              }, null, 8, bi)
             ])
           ])
         ]),
         t("div", {
           class: c(["mobile-nav-wrapper", p(o) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
-          t("div", bi, [
-            t("div", pi, [
+          t("div", pi, [
+            t("div", ki, [
               u(f.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", ki, [
+            t("div", $i, [
               t("button", null, [
                 t("img", {
                   src: p(o) == !0 ? p(le) : p(ae),
                   alt: "search icon"
-                }, null, 8, $i)
+                }, null, 8, wi)
               ])
             ]),
             t("button", {
@@ -2201,18 +2202,18 @@ const si = /* @__PURE__ */ h(oi, [["__scopeId", "data-v-1da7210c"]]), 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, Si),
+              }, null, 10, xi),
               t("img", {
                 class: c(["burger-line", p(o) == !0 ? "burger-bottom-line-open" : ""]),
                 src: p(o) == !0 ? p(te) : p(ee)
-              }, null, 10, xi)
-            ], 8, wi)
+              }, null, 10, Ii)
+            ], 8, Si)
           ]),
-          U(t("div", Ii, [
+          U(t("div", qi, [
             t("ul", null, [
               u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", qi, [
+            t("ul", Mi, [
               u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
               u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
@@ -2224,7 +2225,7 @@ const si = /* @__PURE__ */ h(oi, [["__scopeId", "data-v-1da7210c"]]), de = "data
     ]));
   }
 });
-const Di = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { class: "language__wrapper" }, Li = { class: "language__content" }, Ai = { class: "language__headline" }, Ti = { class: "language__paragraph" }, Ci = /* @__PURE__ */ m({
+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({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2235,15 +2236,15 @@ const Di = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Bi, [
-      t("div", Li, [
-        t("h2", Ai, s(e.headline), 1),
+    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(a.$slots, "language-links")
+        u(l.$slots, "language-links")
       ])
     ]));
   }
-}), ji = { class: "pagination__wrapper" }, Ni = { class: "pagination__content" }, zi = /* @__PURE__ */ m({
+}), Ni = { class: "pagination__wrapper" }, zi = { class: "pagination__content" }, Vi = /* @__PURE__ */ m({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2257,17 +2258,17 @@ const Di = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, l) => (i(), r("div", ji, [
-      t("div", Ni, [
+    return (l, a) => (i(), r("div", Ni, [
+      t("div", zi, [
         k(W, {
-          onClick: l[0] || (l[0] = (n) => a.$emit("previous")),
+          onClick: a[0] || (a[0] = (n) => l.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        u(a.$slots, "pagination-numbers"),
+        u(l.$slots, "pagination-numbers"),
         k(W, {
-          onClick: l[1] || (l[1] = (n) => a.$emit("next")),
+          onClick: a[1] || (a[1] = (n) => l.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
           ariaLabel: "next"
@@ -2276,9 +2277,9 @@ const Di = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-8ff68823"]]), Bi = { cla
     ]));
   }
 });
-const Vi = /* @__PURE__ */ h(zi, [["__scopeId", "data-v-161faef3"]]), Pi = {
+const Oi = /* @__PURE__ */ h(Vi, [["__scopeId", "data-v-161faef3"]]), Hi = {
   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", L), 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", va), e.component("BlockFeatures", Sa), 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("OrganismLanguageSwitcher", Ci), e.component("OrganismPagination", Vi);
+    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", ga), 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", vl), 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", ji), e.component("OrganismPagination", Oi);
   }
 };
 export {
@@ -2288,23 +2289,23 @@ export {
   Ue as AtomDropdown,
   D as AtomImage,
   F as AtomLabel,
-  L as AtomLink,
+  j as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
   Vt as AtomTextField,
   qt as AtomTextarea,
-  E as AtomVideo,
-  va as BlockFacts,
+  R as AtomVideo,
+  ga as BlockFacts,
   Sa as BlockFeatures,
   Ha as BlockHeadline,
   Ba as BlockImage,
   za as BlockImageGallery,
-  Ea as BlockMicroStories,
+  Ra as BlockMicroStories,
   Ja as BlockProductHero,
   Qa as BlockPromo,
   ul as BlockQuote,
-  gl as BlockRichText,
+  vl as BlockRichText,
   wl as BlockTripleCardDisplay,
   Dl as BlockVimeo,
   Ft as MoleculeBulletList,
@@ -2313,9 +2314,9 @@ export {
   se as MoleculeModal,
   jl as Organism404,
   Hl as OrganismFilter,
-  si as OrganismFooter,
-  Di as OrganismHeader,
-  Ci as OrganismLanguageSwitcher,
-  Vi as OrganismPagination,
-  Pi as default
+  di as OrganismFooter,
+  Bi as OrganismHeader,
+  ji as OrganismLanguageSwitcher,
+  Oi as OrganismPagination,
+  Hi as default
 };