@mirweb/mir-web-components 0.9.3 → 0.9.5

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

@@ -1,5 +1,5 @@
-import { defineComponent as _, openBlock as l, createElementBlock as r, normalizeClass as c, toDisplayString as d, createElementVNode as t, renderSlot as m, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as S, withDirectives as R, Fragment as M, renderList as L, vShow as F, normalizeProps as T, guardReactiveProps as C, mergeProps as le, createVNode as $, Transition as ke, withCtx as k, withModifiers as ie, createCommentVNode as g, watchEffect as re, withKeys as $e, createBlock as j, normalizeStyle as oe, isRef as K, unref as p, watch as Q, onMounted as we, onUnmounted as Se } from "vue";
-const xe = ["aria-label"], Ie = /* @__PURE__ */ _({
+import { defineComponent as h, openBlock as a, createElementBlock as r, normalizeClass as c, toDisplayString as d, createElementVNode as t, renderSlot as m, pushScopeId as P, popScopeId as H, computed as N, createTextVNode as O, ref as S, withDirectives as U, Fragment as M, renderList as L, vShow as F, normalizeProps as T, guardReactiveProps as C, mergeProps as le, createVNode as k, Transition as ke, withCtx as $, withModifiers as ie, createCommentVNode as _, watchEffect as re, withKeys as $e, createBlock as j, normalizeStyle as oe, isRef as K, unref as p, watch as Q, onMounted as we, onUnmounted as Se } from "vue";
+const xe = ["aria-label"], Ie = /* @__PURE__ */ h({
   __name: "button",
   props: {
     variant: {
@@ -22,18 +22,18 @@ const xe = ["aria-label"], Ie = /* @__PURE__ */ _({
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("button", {
+    return (i, l) => (a(), r("button", {
       class: c(["button", "button--" + e.variant]),
       "aria-label": e.ariaLabel
     }, d(e.variant == "close" ? "" : e.buttonText), 11, xe));
   }
 });
-const h = (e, i) => {
-  const a = e.__vccOpts || e;
+const v = (e, i) => {
+  const l = e.__vccOpts || e;
   for (const [o, n] of i)
-    a[o] = n;
-  return a;
-}, ne = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-2f387652"]]), 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)), Ae = /* @__PURE__ */ _({
+    l[o] = n;
+  return l;
+}, ne = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-2f387652"]]), 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)), Ae = /* @__PURE__ */ h({
   __name: "checkbox",
   props: {
     name: String,
@@ -60,11 +60,11 @@ const h = (e, i) => {
   },
   emits: ["input"],
   setup(e, { emit: i }) {
-    const a = (o) => {
+    const l = (o) => {
       const n = o.target;
       i("input", n.checked);
     };
-    return (o, n) => (l(), r("div", {
+    return (o, n) => (a(), r("div", {
       class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -75,7 +75,7 @@ const h = (e, i) => {
         required: e.required,
         id: e.id,
         class: "checkbox__checkbox",
-        onChange: a
+        onChange: l
       }, null, 40, Me),
       t("label", {
         for: e.id,
@@ -87,7 +87,7 @@ const h = (e, i) => {
     ], 2));
   }
 });
-const Le = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ _({
+const Le = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSA4TDggMU0xIDFMOCA4IiBzdHJva2U9IiMwQzA5MzEiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", Ce = { class: "chip__wrapper" }, je = ["aria-label"], Ne = /* @__PURE__ */ h({
   __name: "chip",
   props: {
     text: {
@@ -97,8 +97,8 @@ const Le = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-f62bd17f"]]), Te = "data
   },
   emits: ["remove-chip"],
   setup(e, { emit: i }) {
-    const a = e, o = N(() => `Chip: ${a.text}`);
-    return (n, u) => (l(), r("div", Ce, [
+    const l = e, o = N(() => `Chip: ${l.text}`);
+    return (n, u) => (a(), r("div", Ce, [
       t("span", {
         class: "chip",
         "aria-label": o.value
@@ -114,7 +114,7 @@ const Le = /* @__PURE__ */ h(Ae, [["__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__ */ _({
+const ze = /* @__PURE__ */ v(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__ */ h({
   __name: "dropdown",
   props: {
     modelValue: {
@@ -157,15 +157,15 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const a = e, o = S(null), n = S(null), u = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), q = N(() => {
-      const s = a.options.find(
-        (v) => v.value === a.modelValue
+    const l = e, o = S(null), n = S(null), u = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), q = N(() => {
+      const s = l.options.find(
+        (g) => g.value === l.modelValue
       );
       return s && s.label;
     }), ce = {
-      beforeMount(s, v) {
+      beforeMount(s, g) {
         s.clickOutsideEvent = function(y) {
-          s === y.target || s.contains(y.target) || v.value(y);
+          s === y.target || s.contains(y.target) || g.value(y);
         }, document.body.addEventListener("click", s.clickOutsideEvent);
       },
       unmounted(s) {
@@ -177,21 +177,21 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
     function me(s) {
       var y;
-      const v = s.target;
-      v.getAttribute("role") === "option" && (Z(v), E(), (y = o.value) == null || y.focus());
+      const g = s.target;
+      g.getAttribute("role") === "option" && (Z(g), R(), (y = o.value) == null || y.focus());
     }
     function G(s) {
       var y;
-      const v = s.key;
-      switch (v) {
+      const g = s.key;
+      switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
           s.preventDefault();
-          const w = a.options.findIndex(
-            (V) => V.value === a.modelValue
+          const w = l.options.findIndex(
+            (V) => V.value === l.modelValue
           );
           let B = w ? u.value[w] : u.value[0];
-          v === "ArrowUp" ? w - 1 >= 0 && (B = u.value[w - 1]) : w + 1 <= a.options.length && (B = u.value[w + 1]), B && Z(B);
+          g === "ArrowUp" ? w - 1 >= 0 && (B = u.value[w - 1]) : w + 1 <= l.options.length && (B = u.value[w + 1]), B && Z(B);
           break;
         }
         case "Home":
@@ -204,17 +204,17 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           break;
         case "Enter":
         case "Escape":
-          s.preventDefault(), E(), (y = o.value) == null || y.focus();
+          s.preventDefault(), R(), (y = o.value) == null || y.focus();
           break;
         default: {
-          const w = ge(v);
+          const w = ge(g);
           w && Z(w);
           break;
         }
       }
     }
-    function _e(s) {
-      if (!a.disabled)
+    function he(s) {
+      if (!l.disabled)
         switch (s.key) {
           case "ArrowUp":
           case "ArrowDown":
@@ -222,7 +222,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
             break;
         }
     }
-    function he(s) {
+    function _e(s) {
       s && s.removeAttribute("aria-selected");
     }
     function ve() {
@@ -231,19 +231,19 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
       }, 500);
     }
     function ge(s) {
-      let v = "";
-      (I.value === "" || v !== s) && (b.value = a.options.findIndex(
-        (w) => w.value === a.modelValue
-      )), I.value = v === s ? s : I.value + s, v = s, ve();
+      let g = "";
+      (I.value === "" || g !== s) && (b.value = l.options.findIndex(
+        (w) => w.value === l.modelValue
+      )), I.value = g === s ? s : I.value + s, g = s, ve();
       let y = J(
         b.value + 1,
-        a.options.length
+        l.options.length
       );
-      return !y && I.value.length === 1 && (y = J(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
+      return !y && I.value.length === 1 && (y = J(0, b.value)), b.value = (b.value + 1) % l.options.length, y;
     }
-    function J(s, v) {
-      for (let y = s; y < v; y++)
-        if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
+    function J(s, g) {
+      for (let y = s; y < g; y++)
+        if (l.options[y].label && l.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
           return u.value[y];
       return null;
     }
@@ -252,38 +252,38 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
     }
     function Z(s) {
       var y, w;
-      const v = s.getAttribute("data-value");
-      if (a.modelValue) {
-        const B = a.options.findIndex(
-          (pe) => pe.value === a.modelValue
+      const g = s.getAttribute("data-value");
+      if (l.modelValue) {
+        const B = l.options.findIndex(
+          (pe) => pe.value === l.modelValue
         ), V = u.value[B];
-        he(V);
+        _e(V);
       }
       if (s.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
-        v || ""
-      ), ue(v || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+        g || ""
+      ), ue(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
         const B = n.value.clientHeight + n.value.scrollTop, V = s.offsetTop + s.offsetHeight;
         V > B ? n.value.scrollTop = V - ((w = n.value) == null ? void 0 : w.clientHeight) : s.offsetTop < n.value.scrollTop && (n.value.scrollTop = s.offsetTop);
       }
     }
     function ye() {
-      var v;
-      const s = (v = u.value) == null ? void 0 : v[a.options.length - 1];
+      var g;
+      const s = (g = u.value) == null ? void 0 : g[l.options.length - 1];
       Z(s);
     }
-    function E() {
+    function R() {
       var s;
       f.value = !0, (s = o.value) == null || s.removeAttribute("aria-expanded");
     }
     function Y() {
-      var s, v;
-      f.value = !1, (s = o.value) == null || s.setAttribute("aria-expanded", "true"), (v = n.value) == null || v.focus();
+      var s, g;
+      f.value = !1, (s = o.value) == null || s.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function be() {
-      a.disabled || (f.value ? Y() : E());
+      l.disabled || (f.value ? Y() : R());
     }
-    return (s, v) => (l(), r("div", {
+    return (s, g) => (a(), r("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -296,7 +296,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           "is-required": e.required
         }, "listbox__label"])
       }, d(e.label), 11, Oe),
-      R((l(), r("div", Pe, [
+      U((a(), r("div", Pe, [
         t("button", {
           id: `${e.name}-button-label`,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
@@ -305,11 +305,11 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           "aria-disabled": e.disabled,
           class: "listbox__button",
           onClick: be,
-          onKeydown: _e,
+          onKeydown: he,
           ref_key: "listboxButton",
           ref: o
         }, d(e.modelValue ? q.value : e.placeholder), 41, He),
-        R(t("ul", {
+        U(t("ul", {
           "aria-labelledby": `${e.name}-label`,
           "aria-activedescendant": e.modelValue,
           tabindex: "0",
@@ -320,7 +320,7 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           ref_key: "listboxNode",
           ref: n
         }, [
-          (l(!0), r(M, null, L(e.options, (y, w) => (l(), r("li", {
+          (a(!0), r(M, null, L(e.options, (y, w) => (a(), r("li", {
             key: `${e.name}-option-${w}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -334,12 +334,12 @@ const ze = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-11f9cdcd"]]), Ve = ["val
           [F, !f.value]
         ])
       ])), [
-        [ce, E]
+        [ce, R]
       ])
     ], 8, Ve));
   }
 });
-const Ue = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ _({
+const Ue = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-4824444a"]]), We = { class: "image__wrapper" }, Fe = /* @__PURE__ */ h({
   __name: "image",
   props: {
     src: {
@@ -377,12 +377,12 @@ const Ue = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-4824444a"]]), We = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", We, [
+    return (i, l) => (a(), r("div", We, [
       m(i.$slots, "default", T(C(i.$attrs)))
     ]));
   }
 });
-const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ _({
+const D = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Ye = /* @__PURE__ */ h({
   __name: "label",
   props: {
     text: {
@@ -396,17 +396,17 @@ const D = /* @__PURE__ */ h(Fe, [["__scopeId", "data-v-513b5384"]]), Ge = { clas
     }
   },
   setup(e) {
-    const i = e, a = N(() => `Label: ${i.text}`);
-    return (o, n) => (l(), r("div", Ge, [
+    const i = e, l = N(() => `Label: ${i.text}`);
+    return (o, n) => (a(), 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")
       }, d(e.text), 11, Je)
     ]));
   }
 });
-const U = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, A = /* @__PURE__ */ _({
+const W = /* @__PURE__ */ v(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { class: "link__wrapper" }, A = /* @__PURE__ */ h({
   __name: "link",
   props: {
     url: {
@@ -447,12 +447,12 @@ const U = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     }
   },
   setup(e) {
-    const i = e, a = N(() => {
+    const i = e, l = N(() => {
       const { ...o } = i;
       return o;
     });
-    return (o, n) => (l(), r("div", Ke, [
-      t("div", le(a.value, {
+    return (o, n) => (a(), r("div", Ke, [
+      t("div", le(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" : "",
@@ -465,7 +465,7 @@ const U = /* @__PURE__ */ h(Ye, [["__scopeId", "data-v-aacf01db"]]), Ke = { clas
     ]));
   }
 });
-const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ _({
+const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value", "checked", "disabled", "required", "id"], et = ["for"], tt = /* @__PURE__ */ Qe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ h({
   __name: "radio-button",
   props: {
     name: String,
@@ -493,11 +493,11 @@ const Qe = (e) => (P("data-v-016da8d2"), e = e(), H(), e), Xe = ["name", "value"
   },
   emits: ["input"],
   setup(e, { emit: i }) {
-    const a = (o) => {
+    const l = (o) => {
       const n = o.target;
       i("input", n.checked);
     };
-    return (o, n) => (l(), r("div", {
+    return (o, n) => (a(), r("div", {
       class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -509,7 +509,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,
@@ -521,7 +521,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"], ot = ["disabled", "id", "name", "value"], nt = ["value"], st = /* @__PURE__ */ _({
+const lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-016da8d2"]]), it = { class: "select__wrapper" }, rt = ["for"], ot = ["disabled", "id", "name", "value"], nt = ["value"], st = /* @__PURE__ */ h({
   __name: "select",
   props: {
     id: {
@@ -562,7 +562,7 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, a) => (l(), r("div", it, [
+    return (i, l) => (a(), r("div", it, [
       t("label", {
         for: e.id,
         class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
@@ -573,11 +573,11 @@ 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] = (o) => {
+        onChange: l[0] || (l[0] = (o) => {
           i.$emit("update:modelValue", o.target.value), o.target.blur();
         })
       }, [
-        (l(!0), r(M, null, L(e.options, (o) => (l(), r("option", {
+        (a(!0), r(M, null, L(e.options, (o) => (a(), r("option", {
           key: o.value,
           value: o.value
         }, d(o.text), 9, nt))), 128))
@@ -585,28 +585,28 @@ const lt = /* @__PURE__ */ h(at, [["__scopeId", "data-v-016da8d2"]]), it = { cla
     ]));
   }
 });
-const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ _({
+const dt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ h({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
   setup(e, { emit: i }) {
-    const a = e;
+    const l = e;
     N({
-      get: () => a.show,
+      get: () => l.show,
       set: (n) => i("update:show", n)
     });
     const o = () => {
-      i("update:show", !a.show);
+      i("update:show", !l.show);
     };
-    return (n, u) => (l(), r("div", ct, [
-      $(ke, {
+    return (n, u) => (a(), r("div", ct, [
+      k(ke, {
         duration: 300,
         name: "nested"
       }, {
-        default: k(() => [
-          n.show ? (l(), r("div", {
+        default: $(() => [
+          n.show ? (a(), r("div", {
             key: 0,
             class: "overlay",
             onClick: o,
@@ -619,7 +619,7 @@ const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
               }, ["stop"]))
             }, [
               t("div", null, [
-                $(ne, {
+                k(ne, {
                   ariaLabel: "close",
                   variant: "close",
                   onClick: o
@@ -627,14 +627,14 @@ const dt = /* @__PURE__ */ h(st, [["__scopeId", "data-v-d1d7a1e3"]]), ct = { cla
               ]),
               m(n.$slots, "default", {}, void 0, !0)
             ])
-          ])) : g("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, _t = { class: "slider__label" }, ht = ["for"], vt = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ _({
+const se = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, _t = ["for"], vt = ["aria-label"], gt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], yt = /* @__PURE__ */ h({
   __name: "slider",
   props: {
     label: {
@@ -687,25 +687,25 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const a = e, o = S(a.modelValue), n = S(), u = S(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
+    const l = e, o = S(l.modelValue), n = S(), u = S(!1), x = (f, b, q) => (f - b) / (q - b) * 100, I = (f) => {
       var b;
       (b = n.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return re(() => {
       if (n.value) {
         i("update:modelValue", o.value);
-        const f = x(o.value, a.min, a.max);
+        const f = x(o.value, l.min, l.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
-    }), (f, b) => (l(), r(M, null, [
+    }), (f, b) => (a(), r(M, null, [
       t("div", mt, [
-        t("div", _t, [
+        t("div", ht, [
           t("label", {
             for: e.id,
             class: c([e.variant, ""])
-          }, d(e.label), 11, ht),
-          e.information ? (l(), r("i", {
+          }, d(e.label), 11, _t),
+          e.information ? (a(), r("i", {
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
@@ -714,7 +714,7 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
-          }, null, 42, vt)) : g("", !0)
+          }, null, 42, vt)) : _("", !0)
         ]),
         t("div", gt, [
           t("span", {
@@ -741,20 +741,20 @@ const se = /* @__PURE__ */ h(ut, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
           class: c([e.variant, "slider__value"])
         }, d(e.modelValue), 3)
       ]),
-      e.information ? (l(), j(se, {
+      e.information ? (a(), j(se, {
         key: 0,
         show: u.value,
         "onUpdate:show": b[3] || (b[3] = (q) => u.value = q)
       }, {
-        default: k(() => [
+        default: $(() => [
           O(d(e.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : g("", !0)
+      }, 8, ["show"])) : _("", !0)
     ], 64));
   }
 });
-const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, xt = { key: 0 }, It = /* @__PURE__ */ _({
+const bt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id: "textarea-wrapper" }, kt = ["for"], $t = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, xt = { key: 0 }, It = /* @__PURE__ */ h({
   __name: "textarea",
   props: {
     id: {
@@ -794,7 +794,7 @@ const bt = /* @__PURE__ */ h(yt, [["__scopeId", "data-v-84385cf8"]]), pt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, a) => (l(), r("div", pt, [
+    return (i, l) => (a(), r("div", pt, [
       t("label", {
         for: e.id,
         class: c({ required: e.required })
@@ -812,7 +812,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] = (o) => i.$emit("update:modelValue", o.target.value)),
+          onInput: l[0] || (l[0] = (o) => i.$emit("update:modelValue", o.target.value)),
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
@@ -820,7 +820,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 ? (l(), r("p", xt, " Too many characters. Please make it shorter ")) : g("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (a(), r("p", xt, " Too many characters. Please make it shorter ")) : _("", !0)
         ]),
         t("p", {
           class: c(
@@ -831,7 +831,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 }, At = ["id", "type", "value", "placeholder", "required", "disabled"], Lt = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled"], Ct = {
+const qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { class: "text-field__wrapper" }, Dt = ["for"], Bt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled"], Lt = ["aria-expanded"], Tt = ["type", "value", "placeholder", "id", "required", "disabled"], Ct = {
   key: 2,
   class: "search"
 }, jt = {
@@ -840,7 +840,7 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
 }, Nt = {
   key: 4,
   class: "helperText"
-}, zt = /* @__PURE__ */ _({
+}, zt = /* @__PURE__ */ h({
   __name: "text-field",
   props: {
     type: {
@@ -907,12 +907,12 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = S(!0), a = N(
+    const i = S(!0), l = N(
       () => i.value ? "showPassword" : "hidePassword"
     ), o = N(
       () => i.value ? "password" : "text"
     );
-    return (n, u) => (l(), r("div", Mt, [
+    return (n, u) => (a(), r("div", Mt, [
       t("label", {
         for: e.id,
         class: c([
@@ -921,7 +921,7 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
           e.search ? "search" : ""
         ])
       }, d(e.label), 11, Dt),
-      e.type === "password" ? (l(), r("div", Bt, [
+      e.type === "password" ? (a(), r("div", Bt, [
         t("input", {
           id: e.id,
           type: o.value,
@@ -933,12 +933,12 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
         }, null, 40, At),
         t("i", {
           role: "button",
-          class: c([a.value]),
+          class: c([l.value]),
           onClick: u[1] || (u[1] = (x) => i.value = !i.value),
           "aria-controls": "password",
           "aria-expanded": !i.value
         }, null, 10, Lt)
-      ])) : (l(), r("input", {
+      ])) : (a(), r("input", {
         key: 1,
         type: e.type,
         value: e.modelValue,
@@ -953,13 +953,13 @@ const qt = /* @__PURE__ */ h(It, [["__scopeId", "data-v-28492b7a"]]), Mt = { cla
         disabled: e.disabled,
         onInput: u[2] || (u[2] = (x) => n.$emit("update:modelValue", x.target.value))
       }, null, 42, Tt)),
-      e.search ? (l(), r("i", Ct)) : g("", !0),
-      e.errorMessage ? (l(), r("strong", jt, d(e.errorMessage), 1)) : g("", !0),
-      e.helperText ? (l(), r("span", Nt, d(e.helperText), 1)) : g("", !0)
+      e.search ? (a(), r("i", Ct)) : _("", !0),
+      e.errorMessage ? (a(), r("strong", jt, d(e.errorMessage), 1)) : _("", !0),
+      e.helperText ? (a(), r("span", Nt, d(e.helperText), 1)) : _("", !0)
     ]));
   }
 });
-const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ _({
+const Vt = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], Zt = /* @__PURE__ */ h({
   __name: "video",
   props: {
     play: {
@@ -1012,14 +1012,14 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
   },
   setup(e) {
     const i = e;
-    let a = S(null);
+    let l = S(null);
     return re(() => {
-      i.play && a.value ? a.value.play() : !i.play && a.value && a.value.pause();
-    }), (o, n) => (l(), r("div", Ot, [
-      e.localVideo ? (l(), r("video", {
+      i.play && l.value ? l.value.play() : !i.play && l.value && l.value.pause();
+    }), (o, n) => (a(), r("div", Ot, [
+      e.localVideo ? (a(), r("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: a,
+        ref: l,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1031,7 +1031,7 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
         type: "video/mp4",
         playsinline: "",
         src: e.src
-      }, " Your browser does not support HTML video. ", 8, Pt)) : (l(), r("iframe", {
+      }, " Your browser does not support HTML video. ", 8, Pt)) : (a(), r("iframe", {
         key: 1,
         src: e.src,
         "aria-label": e.ariaLabel,
@@ -1045,7 +1045,7 @@ const Vt = /* @__PURE__ */ h(zt, [["__scopeId", "data-v-4c2c5e23"]]), Ot = { cla
     ]));
   }
 });
-const W = /* @__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__ */ _({
+const E = /* @__PURE__ */ v(Zt, [["__scopeId", "data-v-cac35e51"]]), 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__ */ h({
   __name: "bullet-list",
   props: {
     list: {
@@ -1065,12 +1065,12 @@ const W = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Rt, [
+    return (i, l) => (a(), r("div", Rt, [
       t("div", {
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (l(!0), r(M, null, L(e.list, (o) => (l(), r("li", null, [
+          (a(!0), r(M, null, L(e.list, (o) => (a(), r("li", null, [
             Ut,
             O(" " + d(o), 1)
           ]))), 256))
@@ -1079,7 +1079,7 @@ const W = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-48adae09"]]), Et = (e) =>
     ]));
   }
 });
-const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ _({
+const Ft = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { class: "card__wrapper" }, Jt = { key: 4 }, Yt = /* @__PURE__ */ h({
   __name: "card",
   props: {
     variant: {
@@ -1134,8 +1134,8 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
   },
   emits: ["clicked"],
   setup(e, { emit: i }) {
-    let a = S(!1);
-    return (o, n) => (l(), r("div", Gt, [
+    let l = S(!1);
+    return (o, n) => (a(), r("div", Gt, [
       t("div", {
         class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
@@ -1148,11 +1148,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: n[0] || (n[0] = (u) => K(a) ? a.value = !0 : a = !0),
-        onMouseout: n[1] || (n[1] = (u) => K(a) ? a.value = !1 : a = !1)
+        onMouseover: n[0] || (n[0] = (u) => K(l) ? l.value = !0 : l = !0),
+        onMouseout: n[1] || (n[1] = (u) => K(l) ? l.value = !1 : l = !1)
       }, [
-        e.mediaType == "image" ? (l(), j(D, { key: 0 }, {
-          default: k(() => [
+        e.mediaType == "image" ? (a(), j(D, { key: 0 }, {
+          default: $(() => [
             m(o.$slots, "card-image", le({
               src: e.imgSrc,
               height: e.size == "small" ? "186" : e.size == "medium" ? "243" : e.size == "large" ? "335" : "",
@@ -1163,12 +1163,12 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
             }, { srcset: e.srcSet }))
           ]),
           _: 3
-        })) : (l(), r("div", {
+        })) : (a(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", p(l) == !0 ? "vimeoPlaying" : ""])
         }, [
-          $(W, {
-            play: p(a),
+          k(E, {
+            play: p(l),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1181,20 +1181,20 @@ const Ft = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-327e6c15"]]), Gt = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        e.variant === "product" ? (l(), r("h3", {
+        e.variant === "product" ? (a(), r("h3", {
           key: 2,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, d(e.headline), 3)) : (l(), r("h3", {
+        }, d(e.headline), 3)) : (a(), r("h3", {
           key: 3,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, d(e.headline), 3)),
-        e.variant == "product" ? (l(), r("p", Jt, d(e.paragraph), 1)) : g("", !0),
+        e.variant == "product" ? (a(), r("p", Jt, d(e.paragraph), 1)) : _("", !0),
         m(o.$slots, "card-label")
       ], 38)
     ]));
   }
 });
-const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-5152c141"]]), 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__ */ _({
+const Kt = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-5152c141"]]), 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__ */ h({
   __name: "event-card",
   props: {
     eventType: {
@@ -1219,8 +1219,8 @@ const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-5152c141"]]), Qt = (e) =
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Xt, [
-      $(U, {
+    return (i, l) => (a(), r("div", Xt, [
+      k(W, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -1234,10 +1234,10 @@ const Kt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-5152c141"]]), Qt = (e) =
     ]));
   }
 });
-const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, ma = { class: "fact__metric" }, _a = {
+const ra = /* @__PURE__ */ v(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { class: "facts__wrapper" }, na = { class: "facts__content" }, sa = { class: "facts__headline" }, da = { class: "facts" }, ca = { class: "fact" }, ua = { class: "fact__value" }, ma = { class: "fact__metric" }, ha = {
   key: 0,
   class: "facts__link"
-}, ha = /* @__PURE__ */ _({
+}, _a = /* @__PURE__ */ h({
   __name: "facts",
   props: {
     headline: {
@@ -1255,11 +1255,11 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", oa, [
+    return (i, l) => (a(), r("div", oa, [
       t("div", na, [
         t("h2", sa, d(e.headline), 1),
         t("div", da, [
-          (l(!0), r(M, null, L(e.facts, (o) => (l(), r("div", ca, [
+          (a(!0), r(M, null, L(e.facts, (o) => (a(), r("div", ca, [
             t("div", ua, [
               t("span", null, d(o.value), 1)
             ]),
@@ -1268,25 +1268,25 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-f5acdf7e"]]), oa = { cla
             ])
           ]))), 256))
         ]),
-        e.link ? (l(), r("div", _a, [
-          $(A, {
+        e.link ? (a(), r("div", ha, [
+          k(A, {
             linkType: "regular-light",
             arrow: ""
           }, {
-            default: k(() => [
+            default: $(() => [
               m(i.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : g("", !0)
+        ])) : _("", !0)
       ])
     ]));
   }
 });
-const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-17bdc477"]]), ga = { class: "features__wrapper" }, fa = { class: "features__content" }, ya = {
+const va = /* @__PURE__ */ v(_a, [["__scopeId", "data-v-17bdc477"]]), ga = { 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__ */ _({
+}, ba = { class: "features__body" }, pa = { class: "features__element" }, ka = { class: "element__headline" }, $a = { class: "element__body" }, wa = /* @__PURE__ */ h({
   __name: "features",
   props: {
     headline: {
@@ -1301,20 +1301,20 @@ const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-17bdc477"]]), ga = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", ga, [
+    return (i, l) => (a(), r("div", ga, [
       t("div", fa, [
-        e.headline ? (l(), r("div", ya, [
+        e.headline ? (a(), r("div", ya, [
           t("h2", null, d(e.headline), 1)
-        ])) : g("", !0),
+        ])) : _("", !0),
         t("div", ba, [
           m(i.$slots, "features-body", {}, void 0, !0)
         ]),
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (l(!0), r(M, null, L(e.elements, (o) => (l(), r("div", pa, [
-            $(D, { class: "element__icon" }, {
-              default: k(() => [
+          (a(!0), r(M, null, L(e.elements, (o) => (a(), r("div", pa, [
+            k(D, { class: "element__icon" }, {
+              default: $(() => [
                 m(i.$slots, "features-icon", T(C({
                   src: o.icon.src,
                   height: 30,
@@ -1332,7 +1332,7 @@ const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-17bdc477"]]), ga = { cla
     ]));
   }
 });
-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__ */ _({
+const Sa = /* @__PURE__ */ v(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { class: "image__wrapper" }, Ia = { class: "image__content" }, qa = { class: "image__image" }, Ma = { class: "image__caption" }, Da = /* @__PURE__ */ h({
   __name: "image",
   props: {
     caption: {
@@ -1349,11 +1349,11 @@ const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", xa, [
+    return (i, l) => (a(), r("div", xa, [
       t("div", Ia, [
         t("div", qa, [
-          $(D, null, {
-            default: k(() => [
+          k(D, null, {
+            default: $(() => [
               m(i.$slots, "image", T(C({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
@@ -1364,7 +1364,7 @@ const Sa = /* @__PURE__ */ h(wa, [["__scopeId", "data-v-782af0c4"]]), xa = { cla
     ]));
   }
 });
-const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { class: "gallery__large" }, La = {
+const Ba = /* @__PURE__ */ v(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { class: "gallery__large" }, La = {
   key: 0,
   class: "image image--large"
 }, Ta = {
@@ -1373,7 +1373,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
 }, Ca = { class: "image image--small" }, ja = {
   key: 0,
   class: "body"
-}, Na = /* @__PURE__ */ _({
+}, Na = /* @__PURE__ */ h({
   __name: "image-gallery",
   props: {
     mediaLarge: {
@@ -1412,7 +1412,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", {
+    return (i, l) => (a(), r("div", {
       class: c([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
@@ -1425,9 +1425,9 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
         ])
       }, [
         t("div", Aa, [
-          e.mediaLarge && e.mediaType === "image" ? (l(), r("div", La, [
-            $(D, null, {
-              default: k(() => [
+          e.mediaLarge && e.mediaType === "image" ? (a(), r("div", La, [
+            k(D, null, {
+              default: $(() => [
                 m(i.$slots, "image-large", T(C({
                   width: 617,
                   height: 530,
@@ -1437,9 +1437,9 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               ]),
               _: 3
             })
-          ])) : g("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (l(), r("div", Ta, [
-            $(W, {
+          ])) : _("", !0),
+          e.mediaLarge && e.mediaType === "video" ? (a(), r("div", Ta, [
+            k(E, {
               src: e.mediaLarge.src,
               localVideo: "",
               ariaLabel: e.mediaLarge.alt,
@@ -1451,7 +1451,7 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               muted: !0,
               play: !0
             }, null, 8, ["src", "ariaLabel"])
-          ])) : g("", !0)
+          ])) : _("", !0)
         ]),
         t("div", {
           style: oe([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
@@ -1460,9 +1460,9 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), r(M, null, L(e.mediaSmall, (o) => (l(), r("div", Ca, [
-            $(D, null, {
-              default: k(() => [
+          (a(!0), r(M, null, L(e.mediaSmall, (o) => (a(), r("div", Ca, [
+            k(D, null, {
+              default: $(() => [
                 m(i.$slots, "image-small", T(C({
                   width: 328,
                   height: 246,
@@ -1473,15 +1473,15 @@ const Ba = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-6dde0544"]]), Aa = { cla
               _: 2
             }, 1024)
           ]))), 256)),
-          e.mediaSmall.length < 2 ? (l(), r("div", ja, [
+          e.mediaSmall.length < 2 ? (a(), r("div", ja, [
             t("p", null, d(e.body), 1)
-          ])) : g("", !0)
+          ])) : _("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
 });
-const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-9000454c"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ _({
+const za = /* @__PURE__ */ v(Na, [["__scopeId", "data-v-9000454c"]]), Va = { class: "headline__wrapper" }, Oa = { class: "headline__h1" }, Pa = /* @__PURE__ */ h({
   __name: "headline",
   props: {
     headline: {
@@ -1498,7 +1498,7 @@ const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-9000454c"]]), Va = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Va, [
+    return (i, l) => (a(), r("div", Va, [
       t("div", {
         class: c([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
@@ -1509,7 +1509,7 @@ const za = /* @__PURE__ */ h(Na, [["__scopeId", "data-v-9000454c"]]), Va = { cla
     ]));
   }
 });
-const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ _({
+const Ha = /* @__PURE__ */ v(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { class: "micro-stories__splide" }, Ea = /* @__PURE__ */ h({
   __name: "micro-stories",
   props: {
     stories: {
@@ -1532,7 +1532,7 @@ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", {
+    return (i, l) => (a(), r("div", {
       class: c([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
@@ -1545,7 +1545,7 @@ const Ha = /* @__PURE__ */ h(Pa, [["__scopeId", "data-v-931bc5aa"]]), Za = { cla
     ], 2));
   }
 });
-const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ _({
+const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__content" }, Wa = { class: "product-hero__headline" }, Fa = { class: "product-hero__video" }, Ga = /* @__PURE__ */ h({
   __name: "product-hero",
   props: {
     headline: {
@@ -1570,13 +1570,13 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Ra, [
+    return (i, l) => (a(), r("div", Ra, [
       t("div", Ua, [
         t("div", Wa, [
           t("h1", null, d(e.headline), 1)
         ]),
         t("div", Fa, [
-          $(W, {
+          k(E, {
             play: !0,
             localVideo: !0,
             src: e.videoSrc,
@@ -1592,7 +1592,7 @@ const Ra = { class: "product-hero__wrapper" }, Ua = { class: "product-hero__cont
     ]));
   }
 });
-const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-1c94e7b0"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ _({
+const Ja = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-1c94e7b0"]]), Ya = { class: "promo__content" }, Ka = /* @__PURE__ */ h({
   __name: "promo",
   props: {
     label: {
@@ -1605,6 +1605,11 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-1c94e7b0"]]), Ya = { cla
     linkText: {
       type: String
     },
+    mediaType: {
+      type: String,
+      default: "image",
+      validator: (e) => ["image", "video"].includes(e)
+    },
     src: {
       type: String,
       required: !0
@@ -1613,6 +1618,10 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-1c94e7b0"]]), Ya = { cla
       type: String,
       required: !0
     },
+    fallbackImage: {
+      type: String,
+      required: !0
+    },
     reverse: {
       type: Boolean,
       default: !1
@@ -1629,71 +1638,91 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-1c94e7b0"]]), Ya = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", {
+    return (i, l) => (a(), r("div", {
       class: c([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : ""
       ])
     }, [
       t("div", Ya, [
-        t("div", {
+        e.mediaType === "image" ? (a(), r("div", {
+          key: 0,
           class: c([
             "promo__image",
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          $(D, null, {
-            default: k(() => [
+          k(D, null, {
+            default: $(() => [
               m(i.$slots, "promo-image", T(C({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2),
+        ], 2)) : _("", !0),
+        e.mediaType === "video" ? (a(), r("div", {
+          key: 1,
+          class: c([
+            "promo__video",
+            e.reverse ? "promo__video--reverse" : "promo__video--default"
+          ])
+        }, [
+          k(E, {
+            src: e.src,
+            localVideo: "",
+            ariaLabel: e.alt,
+            controls: !1,
+            autoplay: !0,
+            loop: !0,
+            muted: !0,
+            play: !0,
+            poster: e.fallbackImage
+          }, null, 8, ["src", "ariaLabel", "poster"])
+        ], 2)) : _("", !0),
         t("div", {
           class: c([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (l(), j(U, {
+          e.label ? (a(), j(W, {
             key: 0,
             text: e.label,
             labelDark: e.variant === "dark"
-          }, null, 8, ["text", "labelDark"])) : g("", !0),
+          }, null, 8, ["text", "labelDark"])) : _("", !0),
           t("h3", {
             class: c([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, d(e.headline), 3),
-          e.linkType === "link" ? (l(), j(A, {
+          e.linkType === "link" ? (a(), j(A, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
             arrow: ""
           }, {
-            default: k(() => [
+            default: $(() => [
               m(i.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : g("", !0),
-          e.linkType === "button" ? (l(), j(A, {
+          }, 8, ["linkType"])) : _("", !0),
+          e.linkType === "button" ? (a(), j(A, {
             key: 2,
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
-            default: k(() => [
+            default: $(() => [
               m(i.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : g("", !0)
+          }, 8, ["linkType"])) : _("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-f7aeafb1"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, ol = {
+const Qa = /* @__PURE__ */ v(Ka, [["__scopeId", "data-v-5f17267f"]]), Xa = (e) => (P("data-v-3cc55dbf"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ Xa(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ll = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, ol = {
   key: 0,
   class: "quote__image"
-}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ _({
+}, nl = { class: "quote__text" }, sl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ h({
   __name: "quote",
   props: {
     quote: {
@@ -1714,15 +1743,15 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-f7aeafb1"]]), Xa = (e) =
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", el, [
+    return (i, l) => (a(), r("div", el, [
       t("div", tl, [
         al,
         t("div", ll, [
           t("p", il, d(e.quote), 1),
           t("div", rl, [
-            e.authorImage ? (l(), r("div", ol, [
-              $(D, null, {
-                default: k(() => [
+            e.authorImage ? (a(), r("div", ol, [
+              k(D, null, {
+                default: $(() => [
                   m(i.$slots, "author-image", T(C({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
@@ -1731,7 +1760,7 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-f7aeafb1"]]), Xa = (e) =
                 ]),
                 _: 3
               })
-            ])) : g("", !0),
+            ])) : _("", !0),
             t("div", nl, [
               t("p", sl, d(e.author), 1),
               t("p", dl, d(e.authorTitle), 1)
@@ -1742,13 +1771,13 @@ const Qa = /* @__PURE__ */ h(Ka, [["__scopeId", "data-v-f7aeafb1"]]), Xa = (e) =
     ]));
   }
 });
-const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, _l = {
+const ul = /* @__PURE__ */ v(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { class: "rich-text__wrapper" }, hl = {
   key: 0,
   class: "rich-text__links"
-}, hl = {
+}, _l = {
   key: 0,
   class: "rich-text__bullet-list"
-}, vl = /* @__PURE__ */ _({
+}, vl = /* @__PURE__ */ h({
   __name: "rich-text",
   props: {
     headline: {
@@ -1783,25 +1812,25 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", {
+    return (i, l) => (a(), r("div", {
       class: c([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", ml, [
-        e.label ? (l(), j(U, {
+        e.label ? (a(), j(W, {
           key: 0,
           text: e.label,
           labelDark: !1
-        }, null, 8, ["text"])) : g("", !0),
-        e.headline ? (l(), r("h2", {
+        }, null, 8, ["text"])) : _("", !0),
+        e.headline ? (a(), r("h2", {
           key: 1,
           class: c([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, d(e.headline), 3)) : g("", !0),
+        }, d(e.headline), 3)) : _("", !0),
         t("div", {
           class: c([
             "rich-text__content",
@@ -1815,36 +1844,36 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-3cc55dbf"]]), ml = { cla
             ])
           }, [
             m(i.$slots, "rich-text-content"),
-            e.links ? (l(), r("div", _l, [
+            e.links ? (a(), r("div", hl, [
               m(i.$slots, "rich-text-links")
-            ])) : g("", !0)
+            ])) : _("", !0)
           ], 2),
-          e.bulletList ? (l(), r("div", hl, [
+          e.bulletList ? (a(), r("div", _l, [
             m(i.$slots, "rich-text-bullet-list")
-          ])) : g("", !0),
-          e.image ? (l(), r("div", {
+          ])) : _("", !0),
+          e.image ? (a(), r("div", {
             key: 1,
             class: c([
               "rich-text__image",
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            $(D, null, {
-              default: k(() => [
+            k(D, null, {
+              default: $(() => [
                 m(i.$slots, "rich-text-image", T(C({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : g("", !0)
+          ], 2)) : _("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-af32c667"]]), fl = { class: "triple-card-display__wrapper" }, yl = {
+const gl = /* @__PURE__ */ v(vl, [["__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__ */ _({
+}, bl = { key: 0 }, pl = { key: 1 }, kl = { class: "triple-card__cards" }, $l = /* @__PURE__ */ h({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -1857,24 +1886,24 @@ const gl = /* @__PURE__ */ h(vl, [["__scopeId", "data-v-af32c667"]]), fl = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", fl, [
-      e.headline || e.paragraph ? (l(), r("div", yl, [
-        e.headline ? (l(), r("h2", bl, d(e.headline), 1)) : g("", !0),
-        e.paragraph ? (l(), r("p", pl, d(e.paragraph), 1)) : g("", !0)
-      ])) : g("", !0),
+    return (i, l) => (a(), r("div", fl, [
+      e.headline || e.paragraph ? (a(), r("div", yl, [
+        e.headline ? (a(), r("h2", bl, d(e.headline), 1)) : _("", !0),
+        e.paragraph ? (a(), r("p", pl, d(e.paragraph), 1)) : _("", !0)
+      ])) : _("", !0),
       t("div", kl, [
         m(i.$slots, "triple-card-display-cards", {}, void 0, !0)
       ])
     ]));
   }
 });
-const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-fb3d53fa"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
+const wl = /* @__PURE__ */ v($l, [["__scopeId", "data-v-fb3d53fa"]]), Sl = { class: "vimeo" }, xl = { class: "vimeo__wrapper" }, Il = {
   key: 0,
   class: "vimeo__headline"
 }, ql = {
   key: 1,
   class: "vimeo__description"
-}, Ml = /* @__PURE__ */ _({
+}, Ml = /* @__PURE__ */ h({
   __name: "vimeo",
   props: {
     headline: {
@@ -1885,16 +1914,16 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-fb3d53fa"]]), Sl = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Sl, [
+    return (i, l) => (a(), r("div", Sl, [
       t("div", xl, [
-        e.headline ? (l(), r("h2", Il, d(e.headline), 1)) : g("", !0),
+        e.headline ? (a(), r("h2", Il, d(e.headline), 1)) : _("", !0),
         m(i.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), r("p", ql, d(e.description), 1)) : g("", !0)
+        e.description ? (a(), r("p", ql, d(e.description), 1)) : _("", !0)
       ])
     ]));
   }
 });
-const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "filter__wrapper" }, Al = { class: "filter__content" }, Ll = { class: "filter__dropdowns" }, Tl = { class: "filter__chips" }, Cl = /* @__PURE__ */ _({
+const Dl = /* @__PURE__ */ v(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { class: "filter__wrapper" }, Al = { class: "filter__content" }, Ll = { class: "filter__dropdowns" }, Tl = { class: "filter__chips" }, Cl = /* @__PURE__ */ h({
   __name: "filter",
   props: {
     hasChips: {
@@ -1904,27 +1933,27 @@ const Dl = /* @__PURE__ */ h(Ml, [["__scopeId", "data-v-2fc0faf9"]]), Bl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (i, a) => (l(), r("div", Bl, [
+    return (i, l) => (a(), r("div", Bl, [
       t("div", Al, [
         t("div", Ll, [
           m(i.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
         t("div", Tl, [
           m(i.$slots, "filter-chips", {}, void 0, !0),
-          e.hasChips ? (l(), r("button", {
+          e.hasChips ? (a(), r("button", {
             key: 0,
             class: "filter__clear",
-            onClick: a[0] || (a[0] = (o) => i.$emit("clearFilters"))
-          }, " Remove all filters ")) : g("", !0)
+            onClick: l[0] || (l[0] = (o) => i.$emit("clearFilters"))
+          }, " Remove all filters ")) : _("", !0)
         ])
       ])
     ]));
   }
 });
-const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) => (P("data-v-85ce0923"), e = e(), H(), e), Nl = { class: "footer__wrapper" }, zl = { class: "footer__content" }, Vl = { class: "footer__sections" }, Ol = { class: "section" }, Pl = { class: "section__title" }, Hl = { class: "section__list" }, Zl = { class: "section" }, El = /* @__PURE__ */ z(() => /* @__PURE__ */ t("h5", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Rl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ul = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Wl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Fl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Gl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Jl = { class: "footer__bottom" }, Yl = { class: "footer__copyright-policy" }, Kl = { class: "copyright" }, Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
+const jl = /* @__PURE__ */ v(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) => (P("data-v-85ce0923"), e = e(), H(), e), Nl = { class: "footer__wrapper" }, zl = { class: "footer__content" }, Vl = { class: "footer__sections" }, Ol = { class: "section" }, Pl = { class: "section__title" }, Hl = { class: "section__list" }, Zl = { class: "section" }, El = /* @__PURE__ */ z(() => /* @__PURE__ */ t("h5", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Rl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ul = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Wl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), Fl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Gl = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Jl = { class: "footer__bottom" }, Yl = { class: "footer__copyright-policy" }, Kl = { class: "copyright" }, Ql = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "" }, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ O("Change region")
-], -1)), Xl = { class: "footer__social" }, ei = ["href", "aria-label"], ti = /* @__PURE__ */ _({
+], -1)), Xl = { class: "footer__social" }, ei = ["href", "aria-label"], ti = /* @__PURE__ */ h({
   __name: "footer",
   props: {
     footerSections: {
@@ -1948,15 +1977,15 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
           "twitter",
           "youtube"
         ];
-        return e.every((a) => i.includes(a.title));
+        return e.every((l) => i.includes(l.title));
       }
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", Nl, [
+    return (i, l) => (a(), r("div", Nl, [
       t("footer", zl, [
         t("div", Vl, [
-          (l(!0), r(M, null, L(e.footerSections, (o) => (l(), r("div", Ol, [
+          (a(!0), r(M, null, L(e.footerSections, (o) => (a(), r("div", Ol, [
             t("span", Pl, d(o.title), 1),
             t("nav", null, [
               t("ul", Hl, [
@@ -1972,22 +2001,22 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
               Rl,
               Ul,
               Wl,
-              $(A, {
+              k(A, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
-                default: k(() => [
+                default: $(() => [
                   Fl
                 ]),
                 _: 1
               }),
-              $(A, {
+              k(A, {
                 class: "footer__contact",
                 linkType: "regular-light",
                 underline: "false"
               }, {
-                default: k(() => [
+                default: $(() => [
                   Gl
                 ]),
                 _: 1
@@ -1998,8 +2027,8 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
         t("div", Jl, [
           t("div", Yl, [
             t("p", Kl, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
-            $(A, { linkType: "regular-light" }, {
-              default: k(() => [
+            k(A, { linkType: "regular-light" }, {
+              default: $(() => [
                 Ql
               ]),
               _: 1
@@ -2008,11 +2037,11 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
             m(i.$slots, "footer-cookie-link")
           ]),
           t("div", Xl, [
-            (l(!0), r(M, null, L(e.socialMedia, (o) => (l(), j(A, {
+            (a(!0), r(M, null, L(e.socialMedia, (o) => (a(), j(A, {
               underline: "false",
               linkType: "regular"
             }, {
-              default: k(() => [
+              default: $(() => [
                 t("a", {
                   href: o.url,
                   "aria-label": o.title
@@ -2034,7 +2063,7 @@ const jl = /* @__PURE__ */ h(Cl, [["__scopeId", "data-v-502dce5b"]]), z = (e) =>
     ]));
   }
 });
-const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", X = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", li = { class: "header__wrapper" }, ii = { class: "nav-wrapper" }, ri = { class: "mir-link-logo" }, oi = { class: "main-nav-items" }, ni = {
+const ai = /* @__PURE__ */ v(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MjUxOSAwLjYxMzI4MUM3LjU2MjY5IDAuNjEzMjgxIDcuMzg3NjkgMC43MDA3ODIgNy4yMTI2OSAwLjg3NTc4Mkw0LjU4NzY5IDMuNTAwNzhMMS45NjI2OSAwLjg3NTc4MkMxLjYxMjY5IDAuNTI1NzgyIDEuMDAwMTkgMC41MjU3ODIgMC42NTAxOTUgMC44NzU3ODJDMC4zMDAxOTUgMS4yMjU3OCAwLjMwMDE5NSAxLjgzODI4IDAuNjUwMTk1IDIuMTg4MjhMMy45NzUxOSA1LjUxMzI4QzQuMzI1MTkgNS44NjMyOCA0LjkzNzY5IDUuODYzMjggNS4yODc2OSA1LjUxMzI4TDguNjEyNjkgMi4xODgyOEM4Ljk2MjY4IDEuODM4MjggOC45NjI2OCAxLjIyNTc4IDguNjEyNjkgMC44NzU3ODJDOC4yNjI2OSAwLjcwMDc4MiA4LjAwMDE5IDAuNjEzMjgxIDcuODI1MTkgMC42MTMyODFaIiBmaWxsPSIjMEMwOTMxIi8+Cjwvc3ZnPgo=", X = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMjIiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==", ee = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDIzIDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjA3MDMxIDEuMjI2NTZMMjEuMDcwMyAxLjIyNjU2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", te = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0iIzBDMDkzMSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNCAxNEwyMCAyMCIgc3Ryb2tlPSIjMEMwOTMxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K", ae = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTQgMTRMMjAgMjAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=", li = { class: "header__wrapper" }, ii = { class: "nav-wrapper" }, ri = { class: "mir-link-logo" }, oi = { class: "main-nav-items" }, ni = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
 }, si = {
@@ -2046,7 +2075,7 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
   src: de,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ci = { class: "dropdown-content" }, ui = { class: "nav-search-wrapper" }, mi = ["src"], _i = { class: "mobile-logo-search-burger-wrapper" }, hi = { class: "mobile-mir-link-logo" }, vi = { class: "mobile-search-wrapper" }, gi = ["src"], fi = ["onClick"], yi = ["src"], bi = ["src"], pi = { class: "mobile-menu-content-wrapper" }, ki = { class: "mobile-dropdown-content" }, $i = /* @__PURE__ */ _({
+}, ci = { class: "dropdown-content" }, ui = { class: "nav-search-wrapper" }, mi = ["src"], hi = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, vi = { class: "mobile-search-wrapper" }, gi = ["src"], fi = ["onClick"], yi = ["src"], bi = ["src"], pi = { class: "mobile-menu-content-wrapper" }, ki = { class: "mobile-dropdown-content" }, $i = /* @__PURE__ */ h({
   __name: "header",
   props: {
     burgerState: {
@@ -2060,14 +2089,14 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
   },
   emits: ["update:burgerState", "update:showDropDown"],
   setup(e, { emit: i }) {
-    const a = e;
+    const l = e;
     S("");
-    let o = null, n = S(a.burgerState), u = S(a.showDropDown);
+    let o = null, n = S(l.burgerState), u = S(l.showDropDown);
     Q(
-      () => a.burgerState,
+      () => l.burgerState,
       (f) => n.value = f
     ), Q(
-      () => a.showDropDown,
+      () => l.showDropDown,
       (f) => u.value = f
     ), we(() => {
       o = (f) => {
@@ -2082,7 +2111,7 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
     function I() {
       n.value = !n.value, i("update:burgerState", n.value);
     }
-    return (f, b) => (l(), r("div", li, [
+    return (f, b) => (a(), r("div", li, [
       t("nav", null, [
         t("div", ii, [
           t("div", ri, [
@@ -2097,9 +2126,9 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
               class: "nav-dropdown-btn"
             }, [
               m(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(u) == !1 ? (l(), r("img", si)) : (l(), r("img", di))
+              p(u) == !1 ? (a(), r("img", si)) : (a(), r("img", di))
             ]),
-            R(t("div", ci, [
+            U(t("div", ci, [
               m(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [F, p(u)]
@@ -2117,8 +2146,8 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
         t("div", {
           class: c(["mobile-nav-wrapper", p(n) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
-          t("div", _i, [
-            t("div", hi, [
+          t("div", hi, [
+            t("div", _i, [
               m(f.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", vi, [
@@ -2143,7 +2172,7 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
               }, null, 10, bi)
             ], 8, fi)
           ]),
-          R(t("div", pi, [
+          U(t("div", pi, [
             t("ul", null, [
               m(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
@@ -2159,9 +2188,9 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-85ce0923"]]), de = "data
     ]));
   }
 });
-const wi = /* @__PURE__ */ h($i, [["__scopeId", "data-v-8ff68823"]]), xi = {
+const wi = /* @__PURE__ */ v($i, [["__scopeId", "data-v-8ff68823"]]), xi = {
   install: (e) => {
-    e.component("AtomButton", ne), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", U), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", W), 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("OrganismFilter", jl), e.component("OrganismFooter", ai), e.component("OrganismHeader", wi);
+    e.component("AtomButton", ne), e.component("AtomCheckbox", Le), e.component("AtomChip", ze), e.component("AtomDropdown", Ue), e.component("AtomImage", D), e.component("AtomLabel", W), e.component("AtomLink", A), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Vt), e.component("AtomVideo", E), e.component("MoleculeBulletList", Ft), e.component("MoleculeCard", Kt), e.component("MoleculeEventCard", ra), e.component("MoleculeModal", se), e.component("BlockFacts", 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("OrganismFilter", jl), e.component("OrganismFooter", ai), e.component("OrganismHeader", wi);
   }
 };
 export {
@@ -2170,14 +2199,14 @@ export {
   ze as AtomChip,
   Ue as AtomDropdown,
   D as AtomImage,
-  U as AtomLabel,
+  W as AtomLabel,
   A as AtomLink,
   lt as AtomRadioButton,
   dt as AtomSelect,
   bt as AtomSlider,
   Vt as AtomTextField,
   qt as AtomTextarea,
-  W as AtomVideo,
+  E as AtomVideo,
   va as BlockFacts,
   Sa as BlockFeatures,
   Ha as BlockHeadline,