@mirweb/mir-web-components 0.13.4 → 0.13.6

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 z, popScopeId as V, computed as N, createTextVNode as H, ref as S, withDirectives as U, Fragment as q, renderList as D, vShow as G, normalizeProps as T, guardReactiveProps as j, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as v, watchEffect as ne, withKeys as $e, createBlock as A, normalizeStyle as se, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
+import { defineComponent as m, openBlock as l, createElementBlock as r, normalizeClass as c, toDisplayString as s, createElementVNode as t, renderSlot as u, pushScopeId as z, popScopeId as V, computed as N, createTextVNode as H, ref as S, withDirectives as U, Fragment as q, renderList as D, vShow as G, normalizeProps as T, guardReactiveProps as j, mergeProps as ie, createVNode as k, Transition as ke, withCtx as $, withModifiers as re, createCommentVNode as g, watchEffect as ne, withKeys as $e, createBlock as A, normalizeStyle as se, isRef as Q, unref as p, watch as X, onMounted as we, onUnmounted as Se } from "vue";
 const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
   __name: "button",
   props: {
@@ -24,17 +24,17 @@ const xe = ["aria-label"], Ie = /* @__PURE__ */ m({
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("button", {
+    return (i, a) => (l(), 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, i) => {
+  const a = e.__vccOpts || e;
+  for (const [n, o] of i)
+    a[n] = o;
+  return a;
 }, W = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-f195a839"]]), qe = (e) => (z("data-v-f62bd17f"), e = e(), V(), e), Me = ["name", "value", "disabled", "required", "id"], De = ["for"], Be = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Le = /* @__PURE__ */ m({
   __name: "checkbox",
   props: {
@@ -61,12 +61,12 @@ const h = (e, a) => {
     }
   },
   emits: ["input"],
-  setup(e, { emit: a }) {
-    const l = (n) => {
+  setup(e, { emit: i }) {
+    const a = (n) => {
       const o = n.target;
-      a("input", o.checked);
+      i("input", o.checked);
     };
-    return (n, o) => (i(), r("div", {
+    return (n, o) => (l(), r("div", {
       class: c(["checkbox__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -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,
@@ -102,9 +102,9 @@ const Ae = /* @__PURE__ */ h(Le, [["__scopeId", "data-v-f62bd17f"]]), Ce = "data
     }
   },
   emits: ["remove-chip"],
-  setup(e, { emit: a }) {
-    const l = e, n = N(() => `Chip: ${l.text}`);
-    return (o, _) => (i(), r("div", {
+  setup(e, { emit: i }) {
+    const a = e, n = N(() => `Chip: ${a.text}`);
+    return (o, _) => (l(), r("div", {
       class: "chip__wrapper",
       onClick: _[0] || (_[0] = (x) => o.$emit("remove-chip"))
     }, [
@@ -134,7 +134,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       required: !0,
       validator(e) {
         return e.every(
-          (a) => typeof a.value < "u" && typeof a.label < "u"
+          (i) => typeof i.value < "u" && typeof i.label < "u"
         );
       }
     },
@@ -160,16 +160,16 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["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), M = N(() => {
-      const d = l.options.find(
-        (g) => g.value === l.modelValue
+  setup(e, { emit: i }) {
+    const a = e, n = S(null), o = S(null), _ = S([]), x = S(0), I = S(""), f = S(!0), b = S(0), M = N(() => {
+      const 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) {
@@ -177,25 +177,25 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       }
     };
     function ue(d) {
-      a("update:modelValue", d);
+      i("update:modelValue", d);
     }
     function _e(d) {
       var y;
-      const g = d.target;
-      g.getAttribute("role") === "option" && (Z(g), E(), (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(
-            (P) => P.value === l.modelValue
+          const w = a.options.findIndex(
+            (P) => P.value === a.modelValue
           );
           let L = w ? _.value[w] : _.value[0];
-          g === "ArrowUp" ? w - 1 >= 0 && (L = _.value[w - 1]) : w + 1 <= l.options.length && (L = _.value[w + 1]), L && Z(L);
+          v === "ArrowUp" ? w - 1 >= 0 && (L = _.value[w - 1]) : w + 1 <= a.options.length && (L = _.value[w + 1]), L && Z(L);
           break;
         }
         case "Home":
@@ -211,14 +211,14 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           d.preventDefault(), E(), (y = n.value) == null || y.focus();
           break;
         default: {
-          const w = ge(g);
+          const w = ve(v);
           w && Z(w);
           break;
         }
       }
     }
     function me(d) {
-      if (!l.disabled)
+      if (!a.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
@@ -229,25 +229,25 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["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(
+        (w) => w.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;
     }
@@ -256,24 +256,24 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
     }
     function Z(d) {
       var y, w;
-      const g = d.getAttribute("data-value");
-      if (l.modelValue) {
-        const L = l.options.findIndex(
-          (pe) => pe.value === l.modelValue
+      const v = d.getAttribute("data-value");
+      if (a.modelValue) {
+        const L = a.options.findIndex(
+          (pe) => pe.value === a.modelValue
         ), P = _.value[L];
         he(P);
       }
       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 L = o.value.clientHeight + o.value.scrollTop, P = d.offsetTop + d.offsetHeight;
         P > L ? o.value.scrollTop = P - ((w = o.value) == null ? void 0 : w.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
       }
     }
     function ye() {
-      var g;
-      const d = (g = _.value) == null ? void 0 : g[l.options.length - 1];
+      var v;
+      const d = (v = _.value) == null ? void 0 : v[a.options.length - 1];
       Z(d);
     }
     function E() {
@@ -281,13 +281,13 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       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() : E());
+      a.disabled || (f.value ? K() : E());
     }
-    return (d, g) => (i(), r("div", {
+    return (d, v) => (l(), r("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -300,7 +300,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           "is-required": e.required
         }, "listbox__label"])
       }, s(e.label), 11, Pe),
-      U((i(), r("div", He, [
+      U((l(), r("div", He, [
         t("button", {
           id: `${e.name}-button-label`,
           "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
@@ -324,7 +324,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           ref_key: "listboxNode",
           ref: o
         }, [
-          (i(!0), r(q, null, D(e.options, (y, w) => (i(), r("li", {
+          (l(!0), r(q, null, D(e.options, (y, w) => (l(), r("li", {
             key: `${e.name}-option-${w}`,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
@@ -381,8 +381,8 @@ const We = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-4824444a"]]), Fe = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Fe, [
-      u(a.$slots, "default", T(j(a.$attrs)))
+    return (i, a) => (l(), r("div", Fe, [
+      u(i.$slots, "default", T(j(i.$attrs)))
     ]));
   }
 });
@@ -400,10 +400,10 @@ const B = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-513b5384"]]), Je = { clas
     }
   },
   setup(e) {
-    const a = e, l = N(() => `Label: ${a.text}`);
-    return (n, o) => (i(), r("div", Je, [
+    const i = e, a = N(() => `Label: ${i.text}`);
+    return (n, o) => (l(), r("div", Je, [
       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, Ye)
@@ -451,12 +451,12 @@ const F = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-aacf01db"]]), Qe = { clas
     }
   },
   setup(e) {
-    const a = e, l = N(() => {
-      const { ...n } = a;
+    const i = e, a = N(() => {
+      const { ...n } = i;
       return n;
     });
-    return (n, o) => (i(), r("div", Qe, [
-      t("div", ie(l.value, {
+    return (n, o) => (l(), r("div", Qe, [
+      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" : "",
@@ -496,12 +496,12 @@ const Xe = (e) => (z("data-v-016da8d2"), e = e(), V(), e), et = ["name", "value"
     }
   },
   emits: ["input"],
-  setup(e, { emit: a }) {
-    const l = (n) => {
+  setup(e, { emit: i }) {
+    const a = (n) => {
       const o = n.target;
-      a("input", o.checked);
+      i("input", o.checked);
     };
-    return (n, o) => (i(), r("div", {
+    return (n, o) => (l(), r("div", {
       class: c(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -513,7 +513,7 @@ const Xe = (e) => (z("data-v-016da8d2"), e = e(), V(), e), et = ["name", "value"
         required: e.required,
         id: e.id,
         class: "radio__radio",
-        onChange: l
+        onChange: a
       }, null, 40, et),
       t("label", {
         for: e.id,
@@ -541,7 +541,7 @@ const it = /* @__PURE__ */ h(lt, [["__scopeId", "data-v-016da8d2"]]), rt = { cla
       required: !0,
       validator(e) {
         return e.every(
-          (a) => typeof a.value < "u" && typeof a.text < "u"
+          (i) => typeof i.value < "u" && typeof i.text < "u"
         );
       }
     },
@@ -566,7 +566,7 @@ const it = /* @__PURE__ */ h(lt, [["__scopeId", "data-v-016da8d2"]]), rt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, l) => (i(), r("div", rt, [
+    return (i, a) => (l(), r("div", rt, [
       t("label", {
         for: e.id,
         class: c([e.required ? "required" : "", e.disabled ? "disabled" : ""])
@@ -577,11 +577,11 @@ const it = /* @__PURE__ */ h(lt, [["__scopeId", "data-v-016da8d2"]]), rt = { 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) => {
+          i.$emit("update:modelValue", n.target.value), n.target.blur();
         })
       }, [
-        (i(!0), r(q, null, D(e.options, (n) => (i(), r("option", {
+        (l(!0), r(q, null, D(e.options, (n) => (l(), r("option", {
           key: n.value,
           value: n.value
         }, s(n.text), 9, ot))), 128))
@@ -595,22 +595,22 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
     show: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: a }) {
-    const l = e;
+  setup(e, { emit: i }) {
+    const a = e;
     N({
-      get: () => l.show,
-      set: (o) => a("update:show", o)
+      get: () => a.show,
+      set: (o) => i("update:show", o)
     });
     const n = () => {
-      a("update:show", !l.show);
+      i("update:show", !a.show);
     };
-    return (o, _) => (i(), r("div", ut, [
+    return (o, _) => (l(), r("div", ut, [
       k(ke, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          o.show ? (i(), r("div", {
+          o.show ? (l(), r("div", {
             key: 0,
             class: "overlay",
             onClick: n,
@@ -631,14 +631,14 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
               ]),
               u(o.$slots, "default", {}, void 0, !0)
             ])
-          ])) : v("", !0)
+          ])) : g("", !0)
         ]),
         _: 3
       })
     ]));
   }
 });
-const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"], ft = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
+const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, gt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -690,26 +690,26 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const l = e, n = S(l.modelValue), o = S(), _ = S(!1), x = (f, b, M) => (f - b) / (M - b) * 100, I = (f) => {
+  setup(e, { emit: i }) {
+    const a = e, n = S(a.modelValue), o = S(), _ = S(!1), x = (f, b, M) => (f - b) / (M - b) * 100, I = (f) => {
       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);
+        i("update:modelValue", n.value);
+        const f = x(n.value, a.min, a.max);
         let b = (50 - f) / 100;
         I(f + b);
       }
-    }), (f, b) => (i(), r(q, null, [
+    }), (f, b) => (l(), r(q, null, [
       t("div", mt, [
         t("div", ht, [
           t("label", {
             for: e.id,
             class: c([e.variant, ""])
-          }, s(e.label), 11, vt),
-          e.information ? (i(), r("i", {
+          }, s(e.label), 11, gt),
+          e.information ? (l(), r("i", {
             key: 0,
             role: "button",
             class: c([e.variant, "slider__information"]),
@@ -718,7 +718,7 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
-          }, null, 42, gt)) : v("", !0)
+          }, null, 42, vt)) : g("", !0)
         ]),
         t("div", ft, [
           t("span", {
@@ -745,7 +745,7 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
           class: c([e.variant, "slider__value"])
         }, s(e.modelValue), 3)
       ]),
-      e.information ? (i(), A(oe, {
+      e.information ? (l(), A(oe, {
         key: 0,
         show: _.value,
         "onUpdate:show": b[3] || (b[3] = (M) => _.value = M)
@@ -754,7 +754,7 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
           H(s(e.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : v("", !0)
+      }, 8, ["show"])) : g("", !0)
     ], 64));
   }
 });
@@ -798,7 +798,7 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), kt = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, l) => (i(), r("div", kt, [
+    return (i, a) => (l(), r("div", kt, [
       t("label", {
         for: e.id,
         class: c({ required: e.required })
@@ -816,7 +816,7 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), kt = { 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) => i.$emit("update:modelValue", n.target.value)),
           class: c(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           )
@@ -824,7 +824,7 @@ const pt = /* @__PURE__ */ h(bt, [["__scopeId", "data-v-84385cf8"]]), kt = { id:
       ], 8, wt),
       t("div", xt, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), r("p", It, " Too many characters. Please make it shorter ")) : v("", !0)
+          e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (l(), r("p", It, " Too many characters. Please make it shorter ")) : g("", !0)
         ]),
         t("p", {
           class: c(
@@ -911,12 +911,12 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const a = S(!0), l = N(
-      () => a.value ? "showPassword" : "hidePassword"
+    const i = S(!0), a = N(
+      () => i.value ? "showPassword" : "hidePassword"
     ), n = N(
-      () => a.value ? "password" : "text"
+      () => i.value ? "password" : "text"
     );
-    return (o, _) => (i(), r("div", Dt, [
+    return (o, _) => (l(), r("div", Dt, [
       t("label", {
         for: e.id,
         class: c([
@@ -925,7 +925,7 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
           e.search ? "search" : ""
         ])
       }, s(e.label), 11, Bt),
-      e.type === "password" ? (i(), r("div", Lt, [
+      e.type === "password" ? (l(), r("div", Lt, [
         t("input", {
           id: e.id,
           type: n.value,
@@ -937,12 +937,12 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
         }, null, 40, At),
         t("i", {
           role: "button",
-          class: c([l.value]),
-          onClick: _[1] || (_[1] = (x) => a.value = !a.value),
+          class: c([a.value]),
+          onClick: _[1] || (_[1] = (x) => i.value = !i.value),
           "aria-controls": "password",
-          "aria-expanded": !a.value
+          "aria-expanded": !i.value
         }, null, 10, Ct)
-      ])) : (i(), r("input", {
+      ])) : (l(), r("input", {
         key: 1,
         type: e.type,
         value: e.modelValue,
@@ -957,9 +957,9 @@ const Mt = /* @__PURE__ */ h(qt, [["__scopeId", "data-v-28492b7a"]]), Dt = { cla
         disabled: e.disabled,
         onInput: _[2] || (_[2] = (x) => o.$emit("update:modelValue", x.target.value))
       }, null, 42, Tt)),
-      e.search ? (i(), r("i", jt)) : v("", !0),
-      e.errorMessage ? (i(), r("strong", Nt, s(e.errorMessage), 1)) : v("", !0),
-      e.helperText ? (i(), r("span", zt, s(e.helperText), 1)) : v("", !0)
+      e.search ? (l(), r("i", jt)) : g("", !0),
+      e.errorMessage ? (l(), r("strong", Nt, s(e.errorMessage), 1)) : g("", !0),
+      e.helperText ? (l(), r("span", zt, s(e.helperText), 1)) : g("", !0)
     ]));
   }
 });
@@ -1015,15 +1015,15 @@ const Ot = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-4c2c5e23"]]), Pt = { cla
     }
   },
   setup(e) {
-    const a = e;
-    let l = S(null);
+    const i = e;
+    let a = S(null);
     return ne(() => {
-      a.play && l.value ? l.value.play() : !a.play && l.value && l.value.pause();
-    }), (n, o) => (i(), r("div", Pt, [
-      e.localVideo ? (i(), r("video", {
+      i.play && a.value ? a.value.play() : !i.play && a.value && a.value.pause();
+    }), (n, o) => (l(), r("div", Pt, [
+      e.localVideo ? (l(), r("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: l,
+        ref: a,
         "aria-label": e.ariaLabel,
         controls: e.controls,
         poster: e.poster,
@@ -1035,7 +1035,7 @@ const Ot = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-4c2c5e23"]]), Pt = { cla
         type: "video/mp4",
         playsinline: "",
         src: e.src
-      }, " Your browser does not support HTML video. ", 8, Ht)) : (i(), r("iframe", {
+      }, " Your browser does not support HTML video. ", 8, Ht)) : (l(), r("iframe", {
         key: 1,
         src: e.src,
         "aria-label": e.ariaLabel,
@@ -1080,20 +1080,20 @@ const R = /* @__PURE__ */ h(Rt, [["__scopeId", "data-v-48adae09"]]), Et = { clas
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Et, [
+    return (i, a) => (l(), r("div", Et, [
       t("div", Ut, [
         t("div", Wt, [
-          u(a.$slots, "address-flag", {}, void 0, !0)
+          u(i.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Ft, [
           t("p", Gt, s(e.name), 1),
           t("p", null, s(e.company), 1),
           t("p", null, s(e.addressLine_1), 1),
           t("p", null, s(e.addressLine_2), 1),
-          e.addressLine_3 ? (i(), r("p", Jt, s(e.addressLine_3), 1)) : v("", !0)
+          e.addressLine_3 ? (l(), r("p", Jt, s(e.addressLine_3), 1)) : g("", !0)
         ]),
         t("div", Yt, [
-          (i(!0), r(q, null, D(e.phone_numbers, (n) => (i(), A(C, {
+          (l(!0), r(q, null, D(e.phone_numbers, (n) => (l(), A(C, {
             underline: "false",
             linkType: "regular"
           }, {
@@ -1134,12 +1134,12 @@ const ea = /* @__PURE__ */ h(Xt, [["__scopeId", "data-v-a87ec518"]]), ta = (e) =
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", aa, [
+    return (i, a) => (l(), r("div", aa, [
       t("div", {
         class: c(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (i(!0), r(q, null, D(e.list, (n) => (i(), r("li", null, [
+          (l(!0), r(q, null, D(e.list, (n) => (l(), r("li", null, [
             la,
             H(" " + s(n), 1)
           ]))), 256))
@@ -1202,9 +1202,9 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), na = { cla
     alt: String
   },
   emits: ["clicked"],
-  setup(e, { emit: a }) {
-    let l = S(!1);
-    return (n, o) => (i(), r("div", na, [
+  setup(e, { emit: i }) {
+    let a = S(!1);
+    return (n, o) => (l(), r("div", na, [
       t("div", {
         class: c(["card", [
           e.theme == "dark" ? "card--dark" : "card--light",
@@ -1217,10 +1217,10 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), na = { 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(), A(B, { key: 0 }, {
+        e.mediaType == "image" ? (l(), A(B, { key: 0 }, {
           default: $(() => [
             u(n.$slots, "card-image", ie({
               src: e.imgSrc,
@@ -1232,12 +1232,12 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), na = { cla
             }, { srcset: e.srcSet }))
           ]),
           _: 3
-        })) : (i(), r("div", {
+        })) : (l(), r("div", {
           key: 1,
-          class: c(["video-card__wrapper", p(l) == !0 ? "vimeoPlaying" : ""])
+          class: c(["video-card__wrapper", p(a) == !0 ? "vimeoPlaying" : ""])
         }, [
           k(R, {
-            play: p(l),
+            play: p(a),
             localVideo: !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1250,20 +1250,20 @@ const ra = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-327e6c15"]]), na = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        e.variant === "product" ? (i(), r("h3", {
+        e.variant === "product" ? (l(), r("h3", {
           key: 2,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-blue")
-        }, s(e.headline), 3)) : (i(), r("h3", {
+        }, s(e.headline), 3)) : (l(), r("h3", {
           key: 3,
           class: c(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, s(e.headline), 3)),
-        e.variant == "product" ? (i(), r("p", sa, s(e.paragraph), 1)) : v("", !0),
+        e.variant == "product" ? (l(), r("p", sa, s(e.paragraph), 1)) : g("", !0),
         u(n.$slots, "card-label")
       ], 38)
     ]));
   }
 });
-const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) => (z("data-v-f5acdf7e"), e = e(), V(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, ma = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), va = { class: "event__exhibitor" }, ga = /* @__PURE__ */ m({
+const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) => (z("data-v-f5acdf7e"), e = e(), V(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, ma = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, va = /* @__PURE__ */ m({
   __name: "event-card",
   props: {
     eventType: {
@@ -1288,7 +1288,7 @@ const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) =
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", ua, [
+    return (i, a) => (l(), r("div", ua, [
       k(F, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1299,11 +1299,11 @@ const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) =
         ha,
         H(s(e.location), 1)
       ]),
-      t("div", va, "Exhibitor: " + s(e.exhibitor), 1)
+      t("div", ga, "Exhibitor: " + s(e.exhibitor), 1)
     ]));
   }
 });
-const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "facts__wrapper" }, ba = { class: "facts__content" }, pa = { class: "facts__headline" }, ka = { class: "facts" }, $a = { class: "fact" }, wa = { class: "fact__value" }, Sa = { class: "fact__metric" }, xa = {
+const fa = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "facts__wrapper" }, ba = { class: "facts__content" }, pa = { class: "facts__headline" }, ka = { class: "facts" }, $a = { class: "fact" }, wa = { class: "fact__value" }, Sa = { class: "fact__metric" }, xa = {
   key: 0,
   class: "facts__link"
 }, Ia = /* @__PURE__ */ m({
@@ -1324,11 +1324,11 @@ const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", ya, [
+    return (i, a) => (l(), r("div", ya, [
       t("div", ba, [
         t("h2", pa, s(e.headline), 1),
         t("div", ka, [
-          (i(!0), r(q, null, D(e.facts, (n) => (i(), r("div", $a, [
+          (l(!0), r(q, null, D(e.facts, (n) => (l(), r("div", $a, [
             t("div", wa, [
               t("span", null, s(n.value), 1)
             ]),
@@ -1337,17 +1337,17 @@ const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { cla
             ])
           ]))), 256))
         ]),
-        e.link ? (i(), r("div", xa, [
+        e.link ? (l(), r("div", xa, [
           k(C, {
             linkType: "regular-light",
             arrow: ""
           }, {
             default: $(() => [
-              u(a.$slots, "facts-link", {}, void 0, !0)
+              u(i.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : v("", !0)
+        ])) : g("", !0)
       ])
     ]));
   }
@@ -1355,12 +1355,18 @@ const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { cla
 const qa = /* @__PURE__ */ h(Ia, [["__scopeId", "data-v-7fd89b0c"]]), Ma = { class: "features__wrapper" }, Da = { class: "features__content" }, Ba = {
   key: 0,
   class: "features__headline"
-}, La = { class: "features__body" }, Aa = { class: "features__element" }, Ca = { class: "element__headline" }, Ta = { class: "element__body" }, ja = /* @__PURE__ */ m({
+}, La = {
+  key: 1,
+  class: "features__body"
+}, Aa = { class: "features__element" }, Ca = { class: "element__headline" }, Ta = { class: "element__body" }, ja = /* @__PURE__ */ m({
   __name: "features",
   props: {
     headline: {
       type: String
     },
+    body: {
+      type: String
+    },
     elements: {
       type: Array,
       required: !0,
@@ -1370,21 +1376,21 @@ const qa = /* @__PURE__ */ h(Ia, [["__scopeId", "data-v-7fd89b0c"]]), Ma = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Ma, [
+    return (i, a) => (l(), r("div", Ma, [
       t("div", Da, [
-        e.headline ? (i(), r("div", Ba, [
+        e.headline ? (l(), r("div", Ba, [
           t("h2", null, s(e.headline), 1)
-        ])) : v("", !0),
-        t("div", La, [
-          u(a.$slots, "features-body", {}, void 0, !0)
-        ]),
+        ])) : g("", !0),
+        e.body ? (l(), r("div", La, [
+          t("p", null, s(e.body), 1)
+        ])) : g("", !0),
         t("div", {
           class: c(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (i(!0), r(q, null, D(e.elements, (n) => (i(), r("div", Aa, [
+          (l(!0), r(q, null, D(e.elements, (n) => (l(), r("div", Aa, [
             k(B, { class: "element__icon" }, {
               default: $(() => [
-                u(a.$slots, "features-icon", T(j({
+                u(i.$slots, "features-icon", T(j({
                   src: n.icon.src,
                   height: 30,
                   width: 30,
@@ -1401,7 +1407,7 @@ const qa = /* @__PURE__ */ h(Ia, [["__scopeId", "data-v-7fd89b0c"]]), Ma = { cla
     ]));
   }
 });
-const Na = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-782af0c4"]]), za = { class: "image__wrapper" }, Va = { class: "image__content" }, Oa = { class: "image__image" }, Pa = { class: "image__caption" }, Ha = /* @__PURE__ */ m({
+const Na = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-0990b89f"]]), za = { class: "image__wrapper" }, Va = { class: "image__content" }, Oa = { class: "image__image" }, Pa = { class: "image__caption" }, Ha = /* @__PURE__ */ m({
   __name: "image",
   props: {
     caption: {
@@ -1418,12 +1424,12 @@ const Na = /* @__PURE__ */ h(ja, [["__scopeId", "data-v-782af0c4"]]), za = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", za, [
+    return (i, a) => (l(), r("div", za, [
       t("div", Va, [
         t("div", Oa, [
           k(B, null, {
             default: $(() => [
-              u(a.$slots, "image", T(j({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              u(i.$slots, "image", T(j({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1481,7 +1487,7 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (i, a) => (l(), r("div", {
       class: c([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? "gallery__wrapper--dark" : ""
@@ -1494,10 +1500,10 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
         ])
       }, [
         t("div", Ra, [
-          e.mediaLarge && e.mediaType === "image" ? (i(), r("div", Ea, [
+          e.mediaLarge && e.mediaType === "image" ? (l(), r("div", Ea, [
             k(B, null, {
               default: $(() => [
-                u(a.$slots, "image-large", T(j({
+                u(i.$slots, "image-large", T(j({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1506,8 +1512,8 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
               ]),
               _: 3
             })
-          ])) : v("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (i(), r("div", Ua, [
+          ])) : g("", !0),
+          e.mediaLarge && e.mediaType === "video" ? (l(), r("div", Ua, [
             k(R, {
               src: e.mediaLarge.src,
               localVideo: "",
@@ -1520,7 +1526,7 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
               muted: !0,
               play: !0
             }, null, 8, ["src", "ariaLabel"])
-          ])) : v("", !0)
+          ])) : g("", !0)
         ]),
         t("div", {
           style: se([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
@@ -1529,10 +1535,10 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (i(!0), r(q, null, D(e.mediaSmall, (n) => (i(), r("div", Wa, [
+          (l(!0), r(q, null, D(e.mediaSmall, (n) => (l(), r("div", Wa, [
             k(B, null, {
               default: $(() => [
-                u(a.$slots, "image-small", T(j({
+                u(i.$slots, "image-small", T(j({
                   width: 328,
                   height: 246,
                   src: n.src,
@@ -1542,9 +1548,9 @@ const Za = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-6dde0544"]]), Ra = { cla
               _: 2
             }, 1024)
           ]))), 256)),
-          e.mediaSmall.length < 2 ? (i(), r("div", Fa, [
+          e.mediaSmall.length < 2 ? (l(), r("div", Fa, [
             t("p", null, s(e.body), 1)
-          ])) : v("", !0)
+          ])) : g("", !0)
         ], 6)
       ], 2)
     ], 2));
@@ -1567,7 +1573,7 @@ const Ja = /* @__PURE__ */ h(Ga, [["__scopeId", "data-v-047e5de9"]]), Ya = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Ya, [
+    return (i, a) => (l(), r("div", Ya, [
       t("div", {
         class: c([
           e.article ? "headline__content--article" : e.noSubMenu ? "headline__content--nosubmenu" : "headline__content--default"
@@ -1601,16 +1607,16 @@ const Xa = /* @__PURE__ */ h(Qa, [["__scopeId", "data-v-931bc5aa"]]), el = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (i, a) => (l(), r("div", {
       class: c([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
     }, [
       t("div", el, [
-        u(a.$slots, "micro-stories-slides")
+        u(i.$slots, "micro-stories-slides")
       ]),
-      u(a.$slots, "micro-stories-controls")
+      u(i.$slots, "micro-stories-controls")
     ], 2));
   }
 });
@@ -1639,7 +1645,7 @@ const al = { class: "product-hero__wrapper" }, ll = { class: "product-hero__cont
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", al, [
+    return (i, a) => (l(), r("div", al, [
       t("div", ll, [
         t("div", il, [
           t("h1", null, s(e.headline), 1)
@@ -1709,7 +1715,7 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (i, a) => (l(), r("div", {
       class: c([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "",
@@ -1717,7 +1723,7 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
       ])
     }, [
       t("div", ol, [
-        e.mediaType === "image" ? (i(), r("div", {
+        e.mediaType === "image" ? (l(), r("div", {
           key: 0,
           class: c([
             "promo__image",
@@ -1726,12 +1732,12 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { cla
         }, [
           k(B, null, {
             default: $(() => [
-              u(a.$slots, "promo-image", T(j({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              u(i.$slots, "promo-image", T(j({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : v("", !0),
-        e.mediaType === "video" ? (i(), r("div", {
+        ], 2)) : g("", !0),
+        e.mediaType === "video" ? (l(), r("div", {
           key: 1,
           class: c([
             "promo__video",
@@ -1749,49 +1755,49 @@ const sl = /* @__PURE__ */ h(nl, [["__scopeId", "data-v-3ad48049"]]), ol = { 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(), A(F, {
+          e.label ? (l(), A(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(), A(C, {
+          e.linkType === "link" ? (l(), A(C, {
             key: 1,
             linkType: e.variant === "dark" ? "regular-dark" : (e.variant === "light", "regular-light"),
             arrow: ""
           }, {
             default: $(() => [
-              u(a.$slots, "promo-link")
+              u(i.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : v("", !0),
-          e.linkType === "button" ? (i(), A(C, {
+          }, 8, ["linkType"])) : g("", !0),
+          e.linkType === "button" ? (l(), A(C, {
             key: 2,
             linkType: e.variant === "dark" ? "secondary-dark" : (e.variant === "light", "secondary")
           }, {
             default: $(() => [
-              u(a.$slots, "promo-link")
+              u(i.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["linkType"])) : v("", !0)
+          }, 8, ["linkType"])) : g("", !0)
         ], 2)
       ])
     ], 2));
   }
 });
-const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) => (z("data-v-3cc55dbf"), e = e(), V(), e), _l = { class: "quote__wrapper" }, ml = { class: "quote__content" }, hl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), vl = { class: "quote__quote" }, gl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, yl = {
+const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) => (z("data-v-3cc55dbf"), e = e(), V(), e), _l = { class: "quote__wrapper" }, ml = { class: "quote__content" }, hl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), gl = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, yl = {
   key: 0,
   class: "quote__image"
 }, bl = { class: "quote__text" }, pl = { class: "quote__author-name" }, kl = { class: "quote__author-title" }, $l = /* @__PURE__ */ m({
@@ -1815,16 +1821,16 @@ const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) =
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", _l, [
+    return (i, a) => (l(), r("div", _l, [
       t("div", ml, [
         hl,
-        t("div", vl, [
-          t("p", gl, s(e.quote), 1),
+        t("div", gl, [
+          t("p", vl, s(e.quote), 1),
           t("div", fl, [
-            e.authorImage ? (i(), r("div", yl, [
+            e.authorImage ? (l(), r("div", yl, [
               k(B, null, {
                 default: $(() => [
-                  u(a.$slots, "author-image", T(j({
+                  u(i.$slots, "author-image", T(j({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1832,7 +1838,7 @@ const cl = /* @__PURE__ */ h(dl, [["__scopeId", "data-v-24c28200"]]), ul = (e) =
                 ]),
                 _: 3
               })
-            ])) : v("", !0),
+            ])) : g("", !0),
             t("div", bl, [
               t("p", pl, s(e.author), 1),
               t("p", kl, s(e.authorTitle), 1)
@@ -1884,25 +1890,25 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (i, a) => (l(), r("div", {
       class: c([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", Sl, [
-        e.label ? (i(), A(F, {
+        e.label ? (l(), A(F, {
           key: 0,
           text: e.label,
           labelDark: !1
-        }, null, 8, ["text"])) : v("", !0),
-        e.headline ? (i(), r("h2", {
+        }, null, 8, ["text"])) : g("", !0),
+        e.headline ? (l(), 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",
@@ -1915,15 +1921,15 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { cla
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            u(a.$slots, "rich-text-content"),
-            e.links ? (i(), r("div", xl, [
-              u(a.$slots, "rich-text-links")
-            ])) : v("", !0)
+            u(i.$slots, "rich-text-content"),
+            e.links ? (l(), r("div", xl, [
+              u(i.$slots, "rich-text-links")
+            ])) : g("", !0)
           ], 2),
-          e.bulletList ? (i(), r("div", Il, [
-            u(a.$slots, "rich-text-bullet-list")
-          ])) : v("", !0),
-          e.image ? (i(), r("div", {
+          e.bulletList ? (l(), r("div", Il, [
+            u(i.$slots, "rich-text-bullet-list")
+          ])) : g("", !0),
+          e.image ? (l(), r("div", {
             key: 1,
             class: c([
               "rich-text__image",
@@ -1932,11 +1938,11 @@ const wl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-3cc55dbf"]]), Sl = { cla
           }, [
             k(B, null, {
               default: $(() => [
-                u(a.$slots, "rich-text-image", T(j({ width: 865, height: 307 })))
+                u(i.$slots, "rich-text-image", T(j({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : v("", !0)
+          ], 2)) : g("", !0)
         ], 2)
       ])
     ], 2));
@@ -1962,19 +1968,19 @@ const Ml = /* @__PURE__ */ h(ql, [["__scopeId", "data-v-a94d5dd4"]]), Dl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", {
+    return (i, a) => (l(), r("div", {
       class: c([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
       t("div", Dl, [
-        e.headline || e.paragraph ? (i(), r("div", Bl, [
-          e.headline ? (i(), r("h2", Ll, s(e.headline), 1)) : v("", !0),
-          e.paragraph ? (i(), r("p", Al, s(e.paragraph), 1)) : v("", !0)
-        ])) : v("", !0),
+        e.headline || e.paragraph ? (l(), r("div", Bl, [
+          e.headline ? (l(), r("h2", Ll, s(e.headline), 1)) : g("", !0),
+          e.paragraph ? (l(), r("p", Al, s(e.paragraph), 1)) : g("", !0)
+        ])) : g("", !0),
         t("div", Cl, [
-          u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
+          u(i.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -1997,13 +2003,13 @@ const jl = /* @__PURE__ */ h(Tl, [["__scopeId", "data-v-f0ce4135"]]), Nl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Nl, [
+    return (i, a) => (l(), r("div", Nl, [
       t("div", {
         class: c(["vimeo__wrapper", e.headline ? "vimeo__wrapper--headline" : ""])
       }, [
-        e.headline ? (i(), r("h2", zl, s(e.headline), 1)) : v("", !0),
-        u(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (i(), r("p", Vl, s(e.description), 1)) : v("", !0)
+        e.headline ? (l(), r("h2", zl, s(e.headline), 1)) : g("", !0),
+        u(i.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (l(), r("p", Vl, s(e.description), 1)) : g("", !0)
       ], 2)
     ]));
   }
@@ -2017,11 +2023,11 @@ const Pl = /* @__PURE__ */ h(Ol, [["__scopeId", "data-v-a6c209f4"]]), Hl = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Hl, [
+    return (i, a) => (l(), r("div", Hl, [
       t("div", Zl, [
         t("h1", Rl, s(e.headline), 1),
         t("div", El, [
-          u(a.$slots, "not-found-body", {}, void 0, !0)
+          u(i.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
@@ -2037,28 +2043,28 @@ const Wl = /* @__PURE__ */ h(Ul, [["__scopeId", "data-v-c2038fe4"]]), Fl = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, l) => (i(), r("div", Fl, [
+    return (i, a) => (l(), r("div", Fl, [
       t("div", Gl, [
         t("div", Jl, [
-          u(a.$slots, "filter-dropdowns", {}, void 0, !0)
+          u(i.$slots, "filter-dropdowns", {}, void 0, !0)
         ]),
         t("div", Yl, [
-          u(a.$slots, "filter-chips", {}, void 0, !0),
-          e.hasChips ? (i(), r("button", {
+          u(i.$slots, "filter-chips", {}, void 0, !0),
+          e.hasChips ? (l(), 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) => i.$emit("clearFilters"))
+          }, " Remove all filters ")) : g("", !0)
         ])
       ])
     ]));
   }
 });
-const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (z("data-v-6d9c55d4"), e = e(), V(), e), Xl = { class: "footer__wrapper" }, ei = { class: "footer__content" }, ti = { class: "footer__sections" }, ai = { class: "section" }, li = { class: "section__title" }, ii = { class: "section__list" }, ri = { class: "section" }, ni = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), si = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), oi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), di = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), ci = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), _i = { class: "footer__bottom" }, mi = { class: "footer__copyright-policy" }, hi = { class: "copyright" }, vi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
+const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (z("data-v-6d9c55d4"), e = e(), V(), e), Xl = { class: "footer__wrapper" }, ei = { class: "footer__content" }, ti = { class: "footer__sections" }, ai = { class: "section" }, li = { class: "section__title" }, ii = { class: "section__list" }, ri = { class: "section" }, ni = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), si = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), oi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), di = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), ci = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), _i = { class: "footer__bottom" }, mi = { class: "footer__copyright-policy" }, hi = { class: "copyright" }, gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ H("Change region")
-], -1)), gi = [
-  vi
+], -1)), vi = [
+  gi
 ], fi = { class: "footer__social" }, yi = ["href", "aria-label"], bi = /* @__PURE__ */ m({
   __name: "footer",
   props: {
@@ -2076,27 +2082,27 @@ const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
       type: Array,
       default: [],
       validator: (e) => {
-        const a = [
+        const i = [
           "linkedin",
           "facebook",
           "instagram",
           "twitter",
           "youtube"
         ];
-        return e.every((l) => a.includes(l.title));
+        return e.every((a) => i.includes(a.title));
       }
     }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, l) => (i(), r("div", Xl, [
+    return (i, a) => (l(), r("div", Xl, [
       t("footer", ei, [
         t("div", ti, [
-          (i(!0), r(q, null, D(e.footerSections, (n) => (i(), r("div", ai, [
+          (l(!0), r(q, null, D(e.footerSections, (n) => (l(), r("div", ai, [
             t("span", li, s(n.title), 1),
             t("nav", null, [
               t("ul", ii, [
-                u(a.$slots, "section-links", {
+                u(i.$slots, "section-links", {
                   links: n.links
                 })
               ])
@@ -2136,13 +2142,13 @@ const Ql = /* @__PURE__ */ h(Kl, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
             t("p", hi, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
             t("button", {
               class: "footer__language-switcher",
-              onClick: l[0] || (l[0] = (n) => a.$emit("changeRegionClicked"))
-            }, gi),
-            u(a.$slots, "footer-privacy-link"),
-            u(a.$slots, "footer-cookie-link")
+              onClick: a[0] || (a[0] = (n) => i.$emit("changeRegionClicked"))
+            }, vi),
+            u(i.$slots, "footer-privacy-link"),
+            u(i.$slots, "footer-cookie-link")
           ]),
           t("div", fi, [
-            (i(!0), r(q, null, D(e.socialMedia, (n) => (i(), A(C, {
+            (l(!0), r(q, null, D(e.socialMedia, (n) => (l(), A(C, {
               underline: "false",
               linkType: "regular"
             }, {
@@ -2193,15 +2199,15 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
     }
   },
   emits: ["update:burgerState", "update:showDropDown"],
-  setup(e, { emit: a }) {
-    const l = e;
+  setup(e, { emit: i }) {
+    const a = e;
     S("");
-    let n = null, o = S(l.burgerState), _ = S(l.showDropDown);
+    let n = null, o = S(a.burgerState), _ = S(a.showDropDown);
     X(
-      () => l.burgerState,
+      () => a.burgerState,
       (f) => o.value = f
     ), X(
-      () => l.showDropDown,
+      () => a.showDropDown,
       (f) => _.value = f
     ), we(() => {
       n = (f) => {
@@ -2211,12 +2217,12 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
       n !== null && window.removeEventListener("click", n);
     });
     function x() {
-      _.value = !_.value, a("update:showDropDown", _.value);
+      _.value = !_.value, i("update:showDropDown", _.value);
     }
     function I() {
-      o.value = !o.value, a("update:burgerState", o.value);
+      o.value = !o.value, i("update:burgerState", o.value);
     }
-    return (f, b) => (i(), r("div", ki, [
+    return (f, b) => (l(), r("div", ki, [
       t("nav", null, [
         t("div", $i, [
           t("div", wi, [
@@ -2231,7 +2237,7 @@ const pi = /* @__PURE__ */ h(bi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
               class: "nav-dropdown-btn"
             }, [
               u(f.$slots, "dropdown-title", {}, void 0, !0),
-              p(_) == !1 ? (i(), r("img", Ii)) : (i(), r("img", qi))
+              p(_) == !1 ? (l(), r("img", Ii)) : (l(), r("img", qi))
             ]),
             U(t("div", Mi, [
               u(f.$slots, "dropdown-links", {}, void 0, !0)
@@ -2304,11 +2310,11 @@ const Hi = /* @__PURE__ */ h(Pi, [["__scopeId", "data-v-8ff68823"]]), Zi = { cla
     }
   },
   setup(e) {
-    return (a, l) => (i(), r("div", Zi, [
+    return (i, a) => (l(), r("div", Zi, [
       t("div", Ri, [
         t("h2", Ei, s(e.headline), 1),
         t("p", Ui, s(e.paragraph), 1),
-        u(a.$slots, "language-links", {}, void 0, !0)
+        u(i.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
@@ -2327,17 +2333,17 @@ const Fi = /* @__PURE__ */ h(Wi, [["__scopeId", "data-v-9d085a10"]]), Gi = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, l) => (i(), r("div", Gi, [
+    return (i, a) => (l(), r("div", Gi, [
       t("div", Ji, [
         k(W, {
-          onClick: l[0] || (l[0] = (n) => a.$emit("previous")),
+          onClick: a[0] || (a[0] = (n) => i.$emit("previous")),
           disabled: e.isPreviousDisabled,
           variant: "previous",
           ariaLabel: "previous"
         }, null, 8, ["disabled"]),
-        u(a.$slots, "pagination-numbers"),
+        u(i.$slots, "pagination-numbers"),
         k(W, {
-          onClick: l[1] || (l[1] = (n) => a.$emit("next")),
+          onClick: a[1] || (a[1] = (n) => i.$emit("next")),
           disabled: e.isNextDisabled,
           variant: "next",
           ariaLabel: "next"
@@ -2346,7 +2352,7 @@ const Fi = /* @__PURE__ */ h(Wi, [["__scopeId", "data-v-9d085a10"]]), Gi = { cla
     ]));
   }
 });
-const Ki = /* @__PURE__ */ h(Yi, [["__scopeId", "data-v-1f0583c1"]]), Xi = {
+const Ki = /* @__PURE__ */ h(Yi, [["__scopeId", "data-v-c9ac7abf"]]), Xi = {
   install: (e) => {
     e.component("AtomButton", W), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", B), e.component("AtomLabel", F), e.component("AtomLink", C), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", R), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", oe), e.component("BlockFacts", qa), e.component("BlockFeatures", Na), e.component("BlockHeadline", Xa), e.component("BlockImage", Za), e.component("BlockImageGallery", Ja), e.component("BlockMicroStories", tl), e.component("BlockProductHero", sl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ml), e.component("BlockTripleCardDisplay", jl), e.component("BlockVimeo", Pl), e.component("Organism404", Wl), e.component("OrganismFilter", Ql), e.component("OrganismFooter", pi), e.component("OrganismHeader", Hi), e.component("OrganismLanguageSwitcher", Fi), e.component("OrganismPagination", Ki);
   }