@mirweb/mir-web-components 0.17.3 → 0.17.5

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

@@ -1,5 +1,5 @@
-import { defineComponent as v, computed as L, openBlock as l, createElementBlock as s, normalizeClass as u, toDisplayString as n, createElementVNode as t, renderSlot as d, pushScopeId as P, popScopeId as z, createTextVNode as j, ref as x, withDirectives as Q, Fragment as T, renderList as C, vShow as Z, normalizeProps as D, guardReactiveProps as O, toRefs as ge, mergeProps as ee, createVNode as b, Transition as ye, withCtx as k, withModifiers as oe, createBlock as M, createCommentVNode as f, watchEffect as ne, withKeys as pe, useSlots as be, normalizeStyle as te, isRef as ie, unref as I, onMounted as re, watch as se, onUnmounted as $e } from "vue";
-const ke = ["aria-label"], we = /* @__PURE__ */ v({
+import { defineComponent as f, computed as T, openBlock as o, createElementBlock as i, normalizeClass as h, toDisplayString as d, createElementVNode as t, renderSlot as p, pushScopeId as E, popScopeId as N, createTextVNode as j, ref as I, withDirectives as Z, Fragment as V, renderList as A, vShow as ee, normalizeProps as O, guardReactiveProps as F, toRefs as ye, mergeProps as te, createVNode as k, Transition as $e, withCtx as w, withModifiers as ne, createBlock as P, createCommentVNode as g, watchEffect as de, withKeys as ke, useSlots as we, normalizeStyle as ae, isRef as ie, unref as C, onMounted as ce, watch as re, onUnmounted as Se } from "vue";
+const Be = ["aria-label"], Ie = /* @__PURE__ */ f({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -7,25 +7,24 @@ const ke = ["aria-label"], we = /* @__PURE__ */ v({
     buttonText: { default: "" }
   },
   setup(e) {
-    const i = e, o = {
+    const a = {
       primary: "primary",
       secondary: "secondary",
       close: "close",
       next: "next",
       previous: "previous"
-    }, a = L(() => o[i.variant]);
-    return (r, m) => (l(), s("button", {
-      class: u(["button", "button--" + a.value]),
-      "aria-label": r.ariaLabel
-    }, n(a.value === "close" ? "" : r.buttonText), 11, ke));
+    }, r = e, l = T(() => a[r.variant]);
+    return (s, u) => (o(), i("button", {
+      class: h(["button", "button--" + l.value]),
+      "aria-label": s.ariaLabel
+    }, d(l.value === "close" ? "" : s.buttonText), 11, Be));
   }
-});
-const h = (e, i) => {
-  const o = e.__vccOpts || e;
-  for (const [a, r] of i)
-    o[a] = r;
-  return o;
-}, J = /* @__PURE__ */ h(we, [["__scopeId", "data-v-32eb91a1"]]), Se = (e) => (P("data-v-42c44141"), e = e(), z(), e), xe = ["id", "name", "value", "disabled", "required"], qe = ["for"], Be = /* @__PURE__ */ Se(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ie = /* @__PURE__ */ v({
+}), v = (e, a) => {
+  const r = e.__vccOpts || e;
+  for (const [l, s] of a)
+    r[l] = s;
+  return r;
+}, J = /* @__PURE__ */ v(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), N(), e), Le = ["id", "name", "value", "disabled", "required"], Te = ["for"], Ce = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ve = /* @__PURE__ */ f({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -35,365 +34,290 @@ const h = (e, i) => {
     required: { type: Boolean, default: !1 }
   },
   emits: ["input"],
-  setup(e, { emit: i }) {
-    const o = (a) => {
-      const r = a.target;
-      i("input", r.checked);
+  setup(e, { emit: a }) {
+    const r = a, l = (s) => {
+      const u = s.target;
+      r("input", u.checked);
     };
-    return (a, r) => (l(), s("div", {
-      class: u(["checkbox__wrapper", a.disabled ? "disabled" : ""])
+    return (s, u) => (o(), i("div", {
+      class: h(["checkbox__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: a.id,
+        id: s.id,
         type: "checkbox",
-        name: a.name,
-        value: a.value,
-        disabled: a.disabled,
-        required: a.required,
+        name: s.name,
+        value: s.value,
+        disabled: s.disabled,
+        required: s.required,
         class: "checkbox__checkbox",
-        onChange: o
-      }, null, 40, xe),
+        onChange: l
+      }, null, 40, Le),
       t("label", {
-        for: a.id,
-        class: u(["checkbox__label", a.required ? "required" : ""])
+        for: s.id,
+        class: h(["checkbox__label", s.required ? "required" : ""])
       }, [
-        Be,
-        d(a.$slots, "default", {}, void 0, !0)
-      ], 10, qe)
+        Ce,
+        p(s.$slots, "default", {}, void 0, !0)
+      ], 10, Te)
     ], 2));
   }
-});
-const Le = /* @__PURE__ */ h(Ie, [["__scopeId", "data-v-42c44141"]]), Te = (e) => (P("data-v-08813346"), e = e(), z(), e), Ce = ["aria-label"], Ae = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-42c44141"]]), De = (e) => (E("data-v-08813346"), e = e(), N(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ De(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), Ve = /* @__PURE__ */ v({
+}, null, -1)), Pe = /* @__PURE__ */ f({
   __name: "chip",
   props: {
     text: { default: "" }
   },
   emits: ["remove-chip"],
   setup(e) {
-    const i = e, o = L(() => `Chip: ${i.text}`);
-    return (a, r) => (l(), s("div", {
+    const a = e, r = T(() => `Chip: ${a.text}`);
+    return (l, s) => (o(), i("div", {
       class: "chip__wrapper",
-      onClick: r[0] || (r[0] = (m) => a.$emit("remove-chip"))
+      onClick: s[0] || (s[0] = (u) => l.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
-        "aria-label": o.value
+        "aria-label": r.value
       }, [
-        j(n(a.text) + " ", 1),
-        Ae
-      ], 8, Ce)
+        j(d(l.text) + " ", 1),
+        Oe
+      ], 8, Me)
     ]));
   }
-});
-const De = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-08813346"]]), Me = ["value"], Oe = ["id"], Pe = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], Fe = ["aria-labelledby", "aria-activedescendant"], Ne = ["aria-selected", "data-value"], Ee = /* @__PURE__ */ v({
+}), Fe = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Ne = ["id"], Re = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ f({
   __name: "dropdown",
   props: {
-    modelValue: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      required: !0
-    },
-    options: {
-      type: Array,
-      required: !0,
-      validator(e) {
-        return e.every(
-          (i) => typeof i.value < "u" && typeof i.label < "u"
-        );
-      }
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    placeholder: {
-      type: String,
-      default: "Choose a value"
-    },
-    showLabel: {
-      type: Boolean,
-      default: !1
-    },
-    required: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    variant: {
-      type: String,
-      default: "default",
-      validator(e) {
-        return ["primary", "dark"].includes(e);
-      }
-    }
+    modelValue: {},
+    label: {},
+    options: {},
+    name: {},
+    placeholder: { default: "Choose a value" },
+    showLabel: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "primary" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const o = e, a = x(null), r = x(null), m = x([]), w = x(0), _ = x(""), $ = x(!0), g = x(0), B = L(() => {
-      const c = o.options.find(
-        (y) => y.value === o.modelValue
+  setup(e, { emit: a }) {
+    const r = {
+      primary: "dropdown-dark-bg-primary",
+      dark: "dropdown-dark dropdown-dark-bg-dark"
+    }, l = e, s = T(() => r[l.variant]), u = I(null), c = I(null), _ = I([]), S = I(0), m = I(""), y = I(!0), q = I(0), X = a, B = T(() => {
+      const n = l.options.find(
+        (b) => b.value === l.modelValue
       );
-      return c && c.label;
-    }), X = {
-      beforeMount(c, y) {
-        c.clickOutsideEvent = function(p) {
-          c === p.target || c.contains(p.target) || y.value(p);
-        }, document.body.addEventListener("click", c.clickOutsideEvent);
+      return n && n.label;
+    }), U = {
+      beforeMount(n, b) {
+        n.clickOutsideEvent = function($) {
+          n === $.target || n.contains($.target) || b.value($);
+        }, document.body.addEventListener("click", n.clickOutsideEvent);
       },
-      unmounted(c) {
-        document.body.removeEventListener("click", c.clickOutsideEvent);
+      unmounted(n) {
+        document.body.removeEventListener("click", n.clickOutsideEvent);
       }
     };
-    function S(c) {
-      i("update:modelValue", c);
+    function x(n) {
+      X("update:modelValue", n);
     }
-    function H(c) {
-      var p;
-      const y = c.target;
-      y.getAttribute("role") === "option" && (K(y), Y(), (p = a.value) == null || p.focus());
+    function H(n) {
+      var $;
+      const b = n.target;
+      b.getAttribute("role") === "option" && (W(b), Q(), ($ = u.value) == null || $.focus());
     }
-    function W(c) {
-      var p;
-      const y = c.key;
-      switch (y) {
+    function le(n) {
+      var $;
+      const b = n.key;
+      switch (b) {
         case "ArrowUp":
         case "ArrowDown": {
-          c.preventDefault();
-          const q = o.options.findIndex(
-            (R) => R.value === o.modelValue
+          n.preventDefault();
+          const L = l.options.findIndex(
+            (K) => K.value === l.modelValue
           );
-          let F = q ? m.value[q] : m.value[0];
-          y === "ArrowUp" ? q - 1 >= 0 && (F = m.value[q - 1]) : q + 1 <= o.options.length && (F = m.value[q + 1]), F && K(F);
+          let R = L ? _.value[L] : _.value[0];
+          b === "ArrowUp" ? L - 1 >= 0 && (R = _.value[L - 1]) : L + 1 <= l.options.length && (R = _.value[L + 1]), R && W(R);
           break;
         }
         case "Home":
         case "PageUp":
-          c.preventDefault(), he();
+          n.preventDefault(), ve();
           break;
         case "End":
         case "PageDown":
-          c.preventDefault(), ve();
+          n.preventDefault(), fe();
           break;
         case "Enter":
         case "Escape":
-          c.preventDefault(), Y(), (p = a.value) == null || p.focus();
+          n.preventDefault(), Q(), ($ = u.value) == null || $.focus();
           break;
         default: {
-          const q = _e(y);
-          q && K(q);
+          const L = me(b);
+          L && W(L);
           break;
         }
       }
     }
-    function N(c) {
-      if (!o.disabled)
-        switch (c.key) {
+    function _e(n) {
+      if (!l.disabled)
+        switch (n.key) {
           case "ArrowUp":
           case "ArrowDown":
-            c.preventDefault(), le(), W(c);
+            n.preventDefault(), se(), le(n);
             break;
         }
     }
-    function ce(c) {
-      c && c.removeAttribute("aria-selected");
+    function pe(n) {
+      n && n.removeAttribute("aria-selected");
     }
-    function ue() {
-      w.value && (clearTimeout(w.value), w.value = 0), w.value = setTimeout(() => {
-        _.value = "", w.value = 0;
+    function he() {
+      S.value && (clearTimeout(S.value), S.value = 0), S.value = setTimeout(() => {
+        m.value = "", S.value = 0;
       }, 500);
     }
-    function _e(c) {
-      let y = "";
-      (_.value === "" || y !== c) && (g.value = o.options.findIndex(
-        (q) => q.value === o.modelValue
-      )), _.value = y === c ? c : _.value + c, y = c, ue();
-      let p = ae(
-        g.value + 1,
-        o.options.length
+    function me(n) {
+      let b = "";
+      (m.value === "" || b !== n) && (q.value = l.options.findIndex(
+        (L) => L.value === l.modelValue
+      )), m.value = b === n ? n : m.value + n, b = n, he();
+      let $ = oe(
+        q.value + 1,
+        l.options.length
       );
-      return !p && _.value.length === 1 && (p = ae(0, g.value)), g.value = (g.value + 1) % o.options.length, p;
+      return !$ && m.value.length === 1 && ($ = oe(0, q.value)), q.value = (q.value + 1) % l.options.length, $;
     }
-    function ae(c, y) {
-      for (let p = c; p < y; p++)
-        if (o.options[p].label && o.options[p].label.toUpperCase().indexOf(_.value.toUpperCase()) === 0)
-          return m.value[p];
+    function oe(n, b) {
+      for (let $ = n; $ < b; $++)
+        if (l.options[$].label && l.options[$].label.toUpperCase().indexOf(m.value.toUpperCase()) === 0)
+          return _.value[$];
       return null;
     }
-    function he() {
-      K(m.value[0]);
+    function ve() {
+      W(_.value[0]);
     }
-    function K(c) {
-      var p, q;
-      const y = c.getAttribute("data-value");
-      if (o.modelValue) {
-        const F = o.options.findIndex(
-          (fe) => fe.value === o.modelValue
-        ), R = m.value[F];
-        ce(R);
+    function W(n) {
+      var $, L;
+      const b = n.getAttribute("data-value");
+      if (l.modelValue) {
+        const R = l.options.findIndex(
+          (be) => be.value === l.modelValue
+        ), K = _.value[R];
+        pe(K);
       }
-      if (c.setAttribute("aria-selected", "true"), (p = r.value) == null || p.setAttribute(
+      if (n.setAttribute("aria-selected", "true"), ($ = c.value) == null || $.setAttribute(
         "aria-activedescendant",
-        y || ""
-      ), S(y || ""), r.value && r.value.scrollHeight > r.value.clientHeight) {
-        const F = r.value.clientHeight + r.value.scrollTop, R = c.offsetTop + c.offsetHeight;
-        R > F ? r.value.scrollTop = R - ((q = r.value) == null ? void 0 : q.clientHeight) : c.offsetTop < r.value.scrollTop && (r.value.scrollTop = c.offsetTop);
+        b || ""
+      ), x(b || ""), c.value && c.value.scrollHeight > c.value.clientHeight) {
+        const R = c.value.clientHeight + c.value.scrollTop, K = n.offsetTop + n.offsetHeight;
+        K > R ? c.value.scrollTop = K - ((L = c.value) == null ? void 0 : L.clientHeight) : n.offsetTop < c.value.scrollTop && (c.value.scrollTop = n.offsetTop);
       }
     }
-    function ve() {
-      var y;
-      const c = (y = m.value) == null ? void 0 : y[o.options.length - 1];
-      K(c);
+    function fe() {
+      var b;
+      const n = (b = _.value) == null ? void 0 : b[l.options.length - 1];
+      W(n);
     }
-    function Y() {
-      var c;
-      $.value = !0, (c = a.value) == null || c.removeAttribute("aria-expanded");
+    function Q() {
+      var n;
+      y.value = !0, (n = u.value) == null || n.removeAttribute("aria-expanded");
     }
-    function le() {
-      var c, y;
-      $.value = !1, (c = a.value) == null || c.setAttribute("aria-expanded", "true"), (y = r.value) == null || y.focus();
+    function se() {
+      var n, b;
+      y.value = !1, (n = u.value) == null || n.setAttribute("aria-expanded", "true"), (b = c.value) == null || b.focus();
     }
-    function me() {
-      o.disabled || ($.value ? le() : Y());
+    function ge() {
+      l.disabled || (y.value ? se() : Q());
     }
-    return (c, y) => (l(), s("div", {
+    return (n, b) => (o(), i("div", {
       ref: "listbox",
       class: "listbox__wrapper",
-      value: e.modelValue
+      value: n.modelValue
     }, [
       t("label", {
-        id: `${e.name}-label`,
-        class: u([{
-          "listbox__label--visually-hidden": !e.showLabel,
-          "is-disabled": e.disabled,
-          "is-required": e.required
+        id: `${n.name}-label`,
+        class: h([{
+          "listbox__label--visually-hidden": !n.showLabel,
+          "is-disabled": n.disabled,
+          "is-required": n.required
         }, "listbox__label"])
-      }, n(e.label), 11, Oe),
-      Q((l(), s("div", Pe, [
+      }, d(n.label), 11, Ne),
+      Z((o(), i("div", Re, [
         t("button", {
-          id: `${e.name}-button-label`,
+          id: `${n.name}-button-label`,
           ref_key: "listboxButton",
-          ref: a,
-          "aria-labelledby": `${e.name}-label ${e.name}-button-label`,
+          ref: u,
+          "aria-labelledby": `${n.name}-label ${n.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
-          "aria-disabled": e.disabled,
-          class: u([
-            "listbox__button",
-            e.variant === "dark" ? "dropdown-dark dropdown-dark-bg-dark" : "dropdown-dark-bg-primary"
-          ]),
-          onClick: me,
-          onKeydown: N
-        }, n(e.modelValue ? B.value : e.placeholder), 43, ze),
-        Q(t("ul", {
+          "aria-disabled": n.disabled,
+          class: h(["listbox__button", s.value]),
+          onClick: ge,
+          onKeydown: _e
+        }, d(n.modelValue ? B.value : n.placeholder), 43, He),
+        Z(t("ul", {
           ref_key: "listboxNode",
-          ref: r,
-          "aria-labelledby": `${e.name}-label`,
-          "aria-activedescendant": e.modelValue,
+          ref: c,
+          "aria-labelledby": `${n.name}-label`,
+          "aria-activedescendant": n.modelValue,
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: W,
+          onKeydown: le,
           onClick: H
         }, [
-          (l(!0), s(T, null, C(e.options, (p, q) => (l(), s("li", {
-            key: `${e.name}-option-${q}`,
+          (o(!0), i(V, null, A(n.options, ($, L) => (o(), i("li", {
+            key: `${n.name}-option-${L}`,
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: m,
-            "aria-selected": p.value === e.modelValue,
-            "data-value": p.value,
+            ref: _,
+            "aria-selected": $.value === n.modelValue,
+            "data-value": $.value,
             class: "listbox__option",
             role: "option"
-          }, n(p.label), 9, Ne))), 128))
-        ], 40, Fe), [
-          [Z, !$.value]
+          }, d($.label), 9, Ue))), 128))
+        ], 40, ze), [
+          [ee, !y.value]
         ])
       ])), [
-        [X, Y]
+        [U, Q]
       ])
-    ], 8, Me));
+    ], 8, Ee));
   }
-});
-const He = /* @__PURE__ */ h(Ee, [["__scopeId", "data-v-48b1733b"]]), Re = { class: "image__wrapper" }, je = /* @__PURE__ */ v({
+}), je = /* @__PURE__ */ v(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ f({
   __name: "image",
   props: {
-    src: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    srcset: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    sizes: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    alt: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    width: {
-      type: [String, Number],
-      required: !1,
-      default: void 0
-    },
-    height: {
-      type: [String, Number],
-      required: !1,
-      default: "auto"
-    },
-    loading: {
-      type: String,
-      required: !1,
-      default: "auto"
-    }
+    src: { default: void 0 },
+    srcset: { default: void 0 },
+    sizes: { default: void 0 },
+    alt: { default: void 0 },
+    width: { default: void 0 },
+    height: { default: "auto" },
+    loading: { default: "auto" }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Re, [
-      d(i.$slots, "default", D(O(i.$attrs)))
+    return (a, r) => (o(), i("div", Ge, [
+      p(a.$slots, "default", O(F(a.$attrs)))
     ]));
   }
-});
-const A = /* @__PURE__ */ h(je, [["__scopeId", "data-v-f41d7358"]]), Ue = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ge = /* @__PURE__ */ v({
+}), D = /* @__PURE__ */ v(We, [["__scopeId", "data-v-f71a3c87"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ f({
   __name: "label",
   props: {
-    text: {
-      type: String,
-      required: !0
-    },
-    labelDark: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    }
+    text: {},
+    labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const i = e, o = L(() => `Label: ${i.text}`);
-    return (a, r) => (l(), s("div", Ue, [
+    const a = e, r = T(() => `Label: ${a.text}`);
+    return (l, s) => (o(), i("div", Ye, [
       t("span", {
-        "aria-label": o.value,
-        "label-dark": e.labelDark,
-        class: u(e.labelDark ? "label--dark" : "label--light")
-      }, n(e.text), 11, Ke)
+        "aria-label": r.value,
+        "label-dark": l.labelDark,
+        class: h(l.labelDark ? "label--dark" : "label--light")
+      }, d(l.text), 11, Qe)
     ]));
   }
-});
-const G = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-e7a44d10"]]), We = { class: "link__wrapper" }, V = /* @__PURE__ */ v({
+}), Y = /* @__PURE__ */ v(Ze, [["__scopeId", "data-v-44767be9"]]), Je = { class: "link__wrapper" }, M = /* @__PURE__ */ f({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -402,7 +326,7 @@ const G = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-e7a44d10"]]), We = { clas
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const i = e, o = {
+    const a = {
       primary: "mir-link--btn button button--primary",
       secondary: "mir-link--btn button button--secondary",
       secondary_dark: "mir-link--btn button button--secondary-dark",
@@ -410,414 +334,289 @@ const G = /* @__PURE__ */ h(Ge, [["__scopeId", "data-v-e7a44d10"]]), We = { clas
       regular_dark: "regular-link-dark",
       regular_light: "regular-link-light",
       regular_blue: "regular-link-blue"
-    }, a = {
+    }, r = {
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, r = L(() => o[i.linkType]), m = L(() => a[i.underline]), w = L(() => {
-      const { ..._ } = ge(i);
+    }, l = e, s = T(() => a[l.linkType]), u = T(() => r[l.underline]), c = T(() => {
+      const { ..._ } = ye(l);
       return _;
     });
-    return (_, $) => (l(), s("div", We, [
-      t("div", ee(w.value, {
+    return (_, S) => (o(), i("div", Je, [
+      t("div", te(c.value, {
         class: ["mir-link", [
-          r.value,
+          s.value,
           _.disabled ? "disabled" : "",
-          m.value,
+          u.value,
           _.arrow ? "link-arrow" : ""
         ]]
       }), [
-        d(_.$slots, "default")
+        p(_.$slots, "default")
       ], 16)
     ]));
   }
-});
-const Ye = (e) => (P("data-v-eaed5b4f"), e = e(), z(), e), Qe = ["id", "name", "value", "checked", "disabled", "required"], Je = ["for"], Xe = /* @__PURE__ */ Ye(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Ze = /* @__PURE__ */ v({
+}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), N(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ f({
   __name: "radio-button",
   props: {
-    name: {
-      type: String,
-      default: "radio"
-    },
-    value: {
-      type: [String, Number, Boolean],
-      required: !0
-    },
-    checked: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1,
-      required: !1
-    },
-    id: {
-      type: String,
-      default: "radio",
-      required: !0
-    },
-    required: {
-      type: Boolean,
-      default: !1,
-      required: !0
-    }
+    name: { default: "radio" },
+    value: { type: [String, Number, Boolean], default: "value" },
+    checked: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    id: { default: "radio" },
+    required: { type: Boolean, default: !1 }
   },
   emits: ["input"],
-  setup(e, { emit: i }) {
-    const o = (a) => {
-      const r = a.target;
-      i("input", r.checked);
+  setup(e, { emit: a }) {
+    const r = a, l = (s) => {
+      const u = s.target;
+      r("input", u.checked);
     };
-    return (a, r) => (l(), s("div", {
-      class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
+    return (s, u) => (o(), i("div", {
+      class: h(["radio__wrapper", s.disabled ? "disabled" : ""])
     }, [
       t("input", {
-        id: e.id,
+        id: s.id,
         type: "radio",
-        name: e.name,
-        value: e.value,
-        checked: e.checked,
-        disabled: e.disabled,
-        required: e.required,
+        name: s.name,
+        value: s.value,
+        checked: s.checked,
+        disabled: s.disabled,
+        required: s.required,
         class: "radio__radio",
-        onChange: o
-      }, null, 40, Qe),
+        onChange: l
+      }, null, 40, xe),
       t("label", {
-        for: e.id,
-        class: u(["radio__label", e.required ? "required" : ""])
+        for: s.id,
+        class: h(["radio__label", s.required ? "required" : ""])
       }, [
-        Xe,
-        d(a.$slots, "default", {}, void 0, !0)
-      ], 10, Je)
+        tt,
+        p(s.$slots, "default", {}, void 0, !0)
+      ], 10, et)
     ], 2));
   }
-});
-const et = /* @__PURE__ */ h(Ze, [["__scopeId", "data-v-eaed5b4f"]]), tt = { class: "select__wrapper" }, at = ["for"], lt = ["id", "disabled", "name", "value"], it = ["value"], st = /* @__PURE__ */ v({
+}), lt = /* @__PURE__ */ v(at, [["__scopeId", "data-v-fa1bda9b"]]), ot = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ f({
   __name: "select",
   props: {
-    id: {
-      type: String,
-      required: !0
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    options: {
-      type: Array,
-      required: !0,
-      validator(e) {
-        return e.every(
-          (i) => typeof i.value < "u" && typeof i.text < "u"
-        );
-      }
-    },
-    modelValue: {
-      type: String,
-      required: !0
-    },
-    label: {
-      type: String,
-      required: !0
-    },
-    required: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    }
+    id: {},
+    name: {},
+    options: {},
+    modelValue: {},
+    label: {},
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, o) => (l(), s("div", tt, [
+    return (a, r) => (o(), i("div", ot, [
       t("label", {
-        for: e.id,
-        class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
-      }, n(e.label), 11, at),
+        for: a.id,
+        class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
+      }, d(a.label), 11, st),
       t("select", {
-        id: e.id,
-        class: u(e.disabled ? "disabled" : ""),
-        disabled: e.disabled,
-        name: e.name,
-        value: e.modelValue,
-        onChange: o[0] || (o[0] = (a) => {
-          i.$emit("update:modelValue", a.target.value), a.target.blur();
+        id: a.id,
+        class: h(a.disabled ? "disabled" : ""),
+        disabled: a.disabled,
+        name: a.name,
+        value: a.modelValue,
+        onChange: r[0] || (r[0] = (l) => {
+          a.$emit("update:modelValue", l.target.value), l.target.blur();
         })
       }, [
-        (l(!0), s(T, null, C(e.options, (a) => (l(), s("option", {
-          key: a.value,
-          value: a.value
-        }, n(a.text), 9, it))), 128))
-      ], 42, lt)
+        (o(!0), i(V, null, A(a.options, (l) => (o(), i("option", {
+          key: l.value,
+          value: l.value
+        }, d(l.text), 9, rt))), 128))
+      ], 42, it)
     ]));
   }
-});
-const ot = /* @__PURE__ */ h(st, [["__scopeId", "data-v-4445d1ae"]]), nt = { class: "modal__wrapper" }, rt = /* @__PURE__ */ v({
+}), dt = /* @__PURE__ */ v(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ f({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
     searchBar: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: i }) {
-    const o = e, a = () => {
-      i("update:show", !o.show);
+  setup(e, { emit: a }) {
+    const r = e, l = a, s = () => {
+      l("update:show", !r.show);
     };
-    return (r, m) => (l(), s("div", nt, [
-      b(ye, {
+    return (u, c) => (o(), i("div", ct, [
+      k($e, {
         duration: 300,
         name: "nested"
       }, {
-        default: k(() => [
-          r.show ? (l(), s("div", {
+        default: w(() => [
+          u.show ? (o(), i("div", {
             key: 0,
-            class: u(["overlay", r.searchBar ? "overlay-search" : "overlay-default"]),
+            class: h(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
-            onClick: a
+            onClick: s
           }, [
             t("div", {
               id: "modal",
-              class: u([r.searchBar ? "search" : ""]),
-              onClick: m[0] || (m[0] = oe(() => {
+              class: h([u.searchBar ? "search" : ""]),
+              onClick: c[0] || (c[0] = ne(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                r.searchBar ? f("", !0) : (l(), M(J, {
+                u.searchBar ? g("", !0) : (o(), P(J, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
-                  onClick: a
+                  onClick: s
                 }))
               ]),
-              d(r.$slots, "default", {}, void 0, !0)
+              p(u.$slots, "default", {}, void 0, !0)
             ], 2)
-          ], 2)) : f("", !0)
+          ], 2)) : g("", !0)
         ]),
         _: 3
       })
     ]));
   }
-});
-const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), dt = { class: "slider__wrapper" }, ct = { class: "slider__label" }, ut = ["for"], _t = ["aria-label"], ht = { class: "slider__content" }, vt = ["id", "name", "value", "min", "step", "max"], mt = /* @__PURE__ */ v({
+}), ue = /* @__PURE__ */ v(ut, [["__scopeId", "data-v-cc647ee6"]]), _t = { class: "slider__wrapper" }, pt = { class: "slider__label" }, ht = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = /* @__PURE__ */ f({
   __name: "slider",
   props: {
-    label: {
-      type: String,
-      required: !0
-    },
-    id: {
-      type: String,
-      required: !0
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    modelValue: {
-      type: Number,
-      required: !0
-    },
-    min: {
-      type: Number,
-      required: !0
-    },
-    max: {
-      type: Number,
-      required: !0
-    },
-    step: {
-      type: String,
-      required: !1,
-      default: "1"
-    },
-    variant: {
-      type: String,
-      required: !1,
-      default: "light",
-      validator(e) {
-        return ["light", "dark"].includes(e);
-      }
-    },
-    information: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    informationLabel: {
-      type: String,
-      required: !1,
-      default: "Additional information"
-    }
+    label: {},
+    id: {},
+    name: {},
+    modelValue: {},
+    min: {},
+    max: {},
+    step: { default: "1" },
+    variant: { default: "light" },
+    information: { default: "" },
+    informationLabel: { default: "Additional information" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: i }) {
-    const o = e, a = x(o.modelValue), r = x(), m = x(!1), w = ($, g, B) => ($ - g) / (B - g) * 100, _ = ($) => {
-      var g;
-      (g = r.value) == null || g.style.setProperty("--ProgressPercent", `${$}%`);
+  setup(e, { emit: a }) {
+    const r = e, l = a, s = I(r.modelValue), u = I(), c = I(!1), _ = (m, y, q) => (m - y) / (q - y) * 100, S = (m) => {
+      var y;
+      (y = u.value) == null || y.style.setProperty("--ProgressPercent", `${m}%`);
     };
-    return ne(() => {
-      if (r.value) {
-        i("update:modelValue", a.value);
-        const $ = w(a.value, o.min, o.max);
-        let g = (50 - $) / 100;
-        _($ + g);
+    return de(() => {
+      if (u.value) {
+        l("update:modelValue", s.value);
+        const m = _(s.value, r.min, r.max);
+        let y = (50 - m) / 100;
+        S(m + y);
       }
-    }), ($, g) => (l(), s("div", null, [
-      t("div", dt, [
-        t("div", ct, [
+    }), (m, y) => (o(), i("div", null, [
+      t("div", _t, [
+        t("div", pt, [
           t("label", {
-            for: e.id,
-            class: u([e.variant, ""])
-          }, n(e.label), 11, ut),
-          e.information ? (l(), s("i", {
+            for: m.id,
+            class: h([m.variant, ""])
+          }, d(m.label), 11, ht),
+          m.information ? (o(), i("i", {
             key: 0,
             role: "button",
-            class: u([e.variant, "slider__information"]),
-            "aria-label": e.informationLabel,
+            class: h([m.variant, "slider__information"]),
+            "aria-label": m.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: g[0] || (g[0] = (B) => m.value = !m.value),
-            onKeyup: g[1] || (g[1] = pe((B) => m.value = !m.value, ["enter"]))
-          }, null, 42, _t)) : f("", !0)
+            onClick: y[0] || (y[0] = (q) => c.value = !c.value),
+            onKeyup: y[1] || (y[1] = ke((q) => c.value = !c.value, ["enter"]))
+          }, null, 42, mt)) : g("", !0)
         ]),
-        t("div", ht, [
+        t("div", vt, [
           t("span", {
-            class: u([e.variant, "slider__minmax"])
-          }, n(e.min), 3),
+            class: h([m.variant, "slider__minmax"])
+          }, d(m.min), 3),
           t("input", {
-            id: e.id,
+            id: m.id,
             ref_key: "slider",
-            ref: r,
+            ref: u,
             type: "range",
-            name: e.name,
-            value: e.modelValue,
-            min: e.min,
-            step: e.step,
-            max: e.max,
-            class: u(e.variant),
-            onInput: g[2] || (g[2] = ({ target: B }) => a.value = parseFloat(B.value))
-          }, null, 42, vt),
+            name: m.name,
+            value: m.modelValue,
+            min: m.min,
+            step: m.step,
+            max: m.max,
+            class: h(m.variant),
+            onInput: y[2] || (y[2] = ({ target: q }) => s.value = parseFloat(q.value))
+          }, null, 42, ft),
           t("span", {
-            class: u([e.variant, "slider__minmax"])
-          }, n(e.max), 3)
+            class: h([m.variant, "slider__minmax"])
+          }, d(m.max), 3)
         ]),
         t("span", {
-          class: u([e.variant, "slider__value"])
-        }, n(e.modelValue), 3)
+          class: h([m.variant, "slider__value"])
+        }, d(m.modelValue), 3)
       ]),
-      e.information ? (l(), M(de, {
+      m.information ? (o(), P(ue, {
         key: 0,
-        show: m.value,
-        "onUpdate:show": g[3] || (g[3] = (B) => m.value = B)
+        show: c.value,
+        "onUpdate:show": y[3] || (y[3] = (q) => c.value = q)
       }, {
-        default: k(() => [
-          j(n(e.information), 1)
+        default: w(() => [
+          j(d(m.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : f("", !0)
+      }, 8, ["show"])) : g("", !0)
     ]));
   }
-});
-const ft = /* @__PURE__ */ h(mt, [["__scopeId", "data-v-39b97f8e"]]), gt = { id: "textarea-wrapper" }, yt = ["for"], pt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], $t = { class: "textarea-info" }, kt = { key: 0 }, wt = /* @__PURE__ */ v({
+}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-b8d6d141"]]), yt = { id: "textarea-wrapper" }, $t = ["for"], kt = ["id"], wt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], St = { class: "textarea-info" }, Bt = { key: 0 }, It = /* @__PURE__ */ f({
   __name: "textarea",
   props: {
-    id: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    name: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    required: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    labelText: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    maxLength: {
-      type: Number,
-      required: !1,
-      default: void 0
-    },
-    modelValue: {
-      type: String,
-      required: !1,
-      default: void 0
-    }
+    id: { default: "" },
+    name: { default: "" },
+    placeholder: { default: "" },
+    required: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    labelText: { default: "" },
+    maxLength: { default: void 0 },
+    modelValue: { default: void 0 }
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, o) => (l(), s("div", gt, [
+    return (a, r) => (o(), i("div", yt, [
       t("label", {
-        for: e.id,
-        class: u({ required: e.required })
-      }, n(e.labelText) + n(e.required ? " *" : ""), 11, yt),
+        for: a.id,
+        class: h({ required: a.required })
+      }, d(a.labelText) + d(a.required ? " *" : ""), 11, $t),
       t("div", {
-        id: e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? "textarea-wrapper__inner" : ""
+        id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
       }, [
         t("textarea", {
-          id: e.id,
+          id: a.id,
           rows: "10",
           cols: "50",
-          name: e.name,
-          placeholder: e.placeholder,
-          required: e.required,
-          disabled: e.disabled,
-          maxlength: e.maxLength,
-          value: e.modelValue,
-          class: u(
-            e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? "reached-meter-limit" : "border"
+          name: a.name,
+          placeholder: a.placeholder,
+          required: a.required,
+          disabled: a.disabled,
+          maxlength: a.maxLength,
+          value: a.modelValue,
+          class: h(
+            a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
-          onInput: o[0] || (o[0] = (a) => i.$emit("update:modelValue", a.target.value))
-        }, null, 42, bt)
-      ], 8, pt),
-      t("div", $t, [
+          onInput: r[0] || (r[0] = (l) => a.$emit("update:modelValue", l.target.value))
+        }, null, 42, wt)
+      ], 8, kt),
+      t("div", St, [
         t("div", null, [
-          e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? (l(), s("p", kt, " Too many characters. Please make it shorter ")) : f("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), i("p", Bt, " Too many characters. Please make it shorter ")) : g("", !0)
         ]),
         t("p", {
-          class: u(
-            e.modelValue !== void 0 && e.modelValue.length === e.maxLength ? "reached-meter-limit-meter" : ""
+          class: h(
+            a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
           )
-        }, n(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + n(e.maxLength), 3)
+        }, d(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + d(a.maxLength), 3)
       ])
     ]));
   }
-});
-const St = /* @__PURE__ */ h(wt, [["__scopeId", "data-v-d8d19f3a"]]), xt = { class: "text-field__wrapper" }, qt = ["for"], Bt = { key: 0 }, It = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Lt = ["aria-expanded"], Tt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ct = {
+}), qt = /* @__PURE__ */ v(It, [["__scopeId", "data-v-220a973c"]]), Lt = { class: "text-field__wrapper" }, Tt = ["for"], Ct = { key: 0 }, Vt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Dt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
   key: 2,
   class: "search"
-}, At = {
+}, Ot = {
   key: 3,
   class: "errorMessage"
-}, Vt = {
+}, Pt = {
   key: 4,
   class: "helperText"
-}, Dt = /* @__PURE__ */ v({
+}, Ft = /* @__PURE__ */ f({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -836,7 +635,7 @@ const St = /* @__PURE__ */ h(wt, [["__scopeId", "data-v-d8d19f3a"]]), xt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const i = e, o = {
+    const a = {
       text: "text",
       email: "email",
       password: "password",
@@ -844,225 +643,162 @@ const St = /* @__PURE__ */ h(wt, [["__scopeId", "data-v-d8d19f3a"]]), xt = { cla
       tel: "tel",
       url: "url",
       search: "search"
-    }, a = L(() => o[i.type]), r = x(!0), m = L(
-      () => r.value ? "showPassword" : "hidePassword"
-    ), w = L(
-      () => r.value ? "password" : "text"
+    }, r = e, l = T(() => a[r.type]), s = I(!0), u = T(
+      () => s.value ? "showPassword" : "hidePassword"
+    ), c = T(
+      () => s.value ? "password" : "text"
     );
-    return (_, $) => (l(), s("div", xt, [
+    return (_, S) => (o(), i("div", Lt, [
       t("label", {
         for: _.id,
-        class: u([
+        class: h([
           _.required ? "required" : "",
           _.disabled ? "disabled" : "",
           _.search ? "search" : ""
         ])
-      }, n(_.label), 11, qt),
-      a.value === "password" ? (l(), s("div", Bt, [
+      }, d(_.label), 11, Tt),
+      l.value === "password" ? (o(), i("div", Ct, [
         t("input", {
           id: _.id,
           ref: "passwordField",
-          type: w.value,
+          type: c.value,
           value: _.modelValue,
           placeholder: _.placeholder,
           required: _.required,
           disabled: _.disabled,
           name: _.fieldName,
-          onInput: $[0] || ($[0] = (g) => _.$emit("update:modelValue", g.target.value))
-        }, null, 40, It),
+          onInput: S[0] || (S[0] = (m) => _.$emit("update:modelValue", m.target.value))
+        }, null, 40, Vt),
         t("i", {
           role: "button",
-          class: u([m.value]),
+          class: h([u.value]),
           "aria-controls": "password",
-          "aria-expanded": !r.value,
-          onClick: $[1] || ($[1] = (g) => r.value = !r.value)
-        }, null, 10, Lt)
-      ])) : (l(), s("input", {
+          "aria-expanded": !s.value,
+          onClick: S[1] || (S[1] = (m) => s.value = !s.value)
+        }, null, 10, At)
+      ])) : (o(), i("input", {
         key: 1,
         id: _.id,
         ref: "textField",
-        type: a.value,
+        type: l.value,
         value: _.modelValue,
         placeholder: _.placeholder,
         required: _.required,
-        class: u([
+        class: h([
           _.invalid ? "invalid" : "",
           _.valid ? "valid" : "",
           _.search ? "search" : ""
         ]),
         disabled: _.disabled,
         name: _.fieldName,
-        onInput: $[2] || ($[2] = (g) => _.$emit("update:modelValue", g.target.value))
-      }, null, 42, Tt)),
-      _.search ? (l(), s("i", Ct)) : f("", !0),
-      _.errorMessage ? (l(), s("strong", At, n(_.errorMessage), 1)) : f("", !0),
-      _.helperText ? (l(), s("span", Vt, n(_.helperText), 1)) : f("", !0)
+        onInput: S[2] || (S[2] = (m) => _.$emit("update:modelValue", m.target.value))
+      }, null, 42, Dt)),
+      _.search ? (o(), i("i", Mt)) : g("", !0),
+      _.errorMessage ? (o(), i("strong", Ot, d(_.errorMessage), 1)) : g("", !0),
+      _.helperText ? (o(), i("span", Pt, d(_.helperText), 1)) : g("", !0)
     ]));
   }
-});
-const Mt = /* @__PURE__ */ h(Dt, [["__scopeId", "data-v-bbf83843"]]), Ot = { class: "video__wrapper" }, Pt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], Ft = /* @__PURE__ */ v({
+}), Et = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Rt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Ht = ["src", "aria-label", "title", "width", "height"], zt = /* @__PURE__ */ f({
   __name: "video",
   props: {
-    play: {
-      type: Boolean,
-      default: !1
-    },
-    src: {
-      type: String,
-      required: !0,
-      default: void 0
-    },
-    localVideo: {
-      type: Boolean,
-      default: !1
-    },
-    ariaLabel: {
-      type: String,
-      default: "",
-      required: !0
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    controls: {
-      type: Boolean,
-      default: !0
-    },
-    poster: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: [String, Number],
-      default: "100%"
-    },
-    height: {
-      type: [String, Number],
-      default: "auto"
-    },
-    autoplay: {
-      type: Boolean,
-      default: !1
-    },
-    loop: {
-      type: Boolean,
-      default: !1
-    },
-    muted: {
-      type: Boolean,
-      default: !1
-    }
+    play: { type: Boolean, default: !1 },
+    src: {},
+    localVideo: { type: Boolean, default: !1 },
+    ariaLabel: { default: "" },
+    title: { default: "" },
+    controls: { type: Boolean, default: !0 },
+    poster: { default: "" },
+    width: { default: "100%" },
+    height: { default: "auto" },
+    autoplay: { type: Boolean, default: !1 },
+    loop: { type: Boolean, default: !1 },
+    muted: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: i }) {
-    const o = e;
-    let a = x(null);
-    return ne(() => {
-      a.value && (o.play ? a.value.play() : o.play || a.value.pause());
-    }), i({
+  setup(e, { expose: a }) {
+    const r = e;
+    let l = I(null);
+    return de(() => {
+      l.value && (r.play ? l.value.play() : r.play || l.value.pause());
+    }), a({
       resetVideo: () => {
-        a.value && (a.value.currentTime = 0, a.value.play());
+        l.value && (l.value.currentTime = 0, l.value.play());
       }
-    }), (m, w) => (l(), s("div", Ot, [
-      e.localVideo ? (l(), s("video", {
+    }), (u, c) => (o(), i("div", Nt, [
+      u.localVideo ? (o(), i("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: a,
-        "aria-label": e.ariaLabel,
-        controls: e.controls,
-        poster: e.poster,
-        width: e.width,
-        height: e.height,
-        autoplay: e.autoplay,
-        loop: e.loop,
-        muted: e.muted,
+        ref: l,
+        "aria-label": u.ariaLabel,
+        controls: u.controls,
+        poster: u.poster,
+        width: u.width,
+        height: u.height,
+        autoplay: u.autoplay,
+        loop: u.loop,
+        muted: u.muted,
         type: "video/mp4",
         playsinline: "",
-        src: e.src
-      }, null, 8, Pt)) : (l(), s("iframe", {
+        src: u.src
+      }, null, 8, Rt)) : (o(), i("iframe", {
         key: 1,
-        src: e.src,
-        "aria-label": e.ariaLabel,
-        title: e.title,
-        width: e.width,
-        height: e.height,
+        src: u.src,
+        "aria-label": u.ariaLabel,
+        title: u.title,
+        width: u.width,
+        height: u.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
-      }, null, 8, zt))
+      }, null, 8, Ht))
     ]));
   }
-});
-const U = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Nt = { class: "address__wrapper" }, Et = { class: "address__content" }, Ht = { class: "address__flag" }, Rt = { class: "address__address" }, jt = { class: "address__name" }, Ut = { key: 0 }, Kt = { class: "address__contact" }, Gt = ["href"], Wt = ["href"], Yt = /* @__PURE__ */ v({
+}), G = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, jt = { class: "address__flag" }, Gt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Jt = ["href"], Xt = /* @__PURE__ */ f({
   __name: "address",
   props: {
-    name: {
-      type: String,
-      required: !0
-    },
-    company: {
-      type: String,
-      required: !0
-    },
-    addressLine1: {
-      type: String,
-      required: !0
-    },
-    addressLine2: {
-      type: String,
-      required: !0
-    },
-    addressLine3: {
-      type: String,
-      required: !1,
-      default: void 0
-    },
-    phoneNumbers: {
-      type: Array,
-      required: !0
-    },
-    email: {
-      type: String,
-      required: !0
-    }
+    name: {},
+    company: {},
+    addressLine1: {},
+    addressLine2: {},
+    addressLine3: { default: void 0 },
+    phoneNumbers: {},
+    email: {}
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Nt, [
-      t("div", Et, [
-        t("div", Ht, [
-          d(i.$slots, "address-flag", {}, void 0, !0)
+    return (a, r) => (o(), i("div", Ut, [
+      t("div", Kt, [
+        t("div", jt, [
+          p(a.$slots, "address-flag", {}, void 0, !0)
         ]),
-        t("div", Rt, [
-          t("p", jt, n(e.name), 1),
-          t("p", null, n(e.company), 1),
-          t("p", null, n(e.addressLine1), 1),
-          t("p", null, n(e.addressLine2), 1),
-          e.addressLine3 ? (l(), s("p", Ut, n(e.addressLine3), 1)) : f("", !0)
+        t("div", Gt, [
+          t("p", Wt, d(a.name), 1),
+          t("p", null, d(a.company), 1),
+          t("p", null, d(a.addressLine1), 1),
+          t("p", null, d(a.addressLine2), 1),
+          a.addressLine3 ? (o(), i("p", Yt, d(a.addressLine3), 1)) : g("", !0)
         ]),
-        t("div", Kt, [
-          (l(!0), s(T, null, C(e.phoneNumbers, (a) => (l(), M(V, {
-            key: a,
+        t("div", Qt, [
+          (o(!0), i(V, null, A(a.phoneNumbers, (l) => (o(), P(M, {
+            key: l,
             underline: "false",
             "link-type": "regular"
           }, {
-            default: k(() => [
+            default: w(() => [
               t("a", {
-                href: "tel:" + a,
+                href: "tel:" + l,
                 class: "address__phone"
-              }, n(a), 9, Gt)
+              }, d(l), 9, Zt)
             ]),
             _: 2
           }, 1024))), 128)),
           t("a", {
-            href: "mailto:" + e.email,
+            href: "mailto:" + a.email,
             class: "address__email"
-          }, n(e.email), 9, Wt)
+          }, d(a.email), 9, Jt)
         ])
       ])
     ]));
   }
-});
-const Qt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-dc337ec6"]]), Jt = (e) => (P("data-v-a44fd57d"), e = e(), z(), e), Xt = { class: "bullet-list__wrapper" }, Zt = /* @__PURE__ */ Jt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ea = /* @__PURE__ */ v({
+}), xt = /* @__PURE__ */ v(Xt, [["__scopeId", "data-v-88ee2983"]]), ea = (e) => (E("data-v-a44fd57d"), e = e(), N(), e), ta = { class: "bullet-list__wrapper" }, aa = /* @__PURE__ */ ea(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), la = /* @__PURE__ */ f({
   __name: "bullet-list",
   props: {
     list: {
@@ -1082,160 +818,122 @@ const Qt = /* @__PURE__ */ h(Yt, [["__scopeId", "data-v-dc337ec6"]]), Jt = (e) =
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Xt, [
+    return (a, r) => (o(), i("div", ta, [
       t("div", {
-        class: u(["bullet-list", e.variant])
+        class: h(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (l(!0), s(T, null, C(e.list, (a) => (l(), s("li", { key: a }, [
-            Zt,
-            j(" " + n(a), 1)
+          (o(!0), i(V, null, A(e.list, (l) => (o(), i("li", { key: l }, [
+            aa,
+            j(" " + d(l), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-});
-const ta = /* @__PURE__ */ h(ea, [["__scopeId", "data-v-a44fd57d"]]), aa = { class: "card__wrapper" }, la = {
+}), oa = /* @__PURE__ */ v(la, [["__scopeId", "data-v-a44fd57d"]]), sa = { class: "card__wrapper" }, ia = {
   key: 2,
   class: "card__label"
-}, ia = { key: 5 }, sa = /* @__PURE__ */ v({
+}, ra = { key: 5 }, na = /* @__PURE__ */ f({
   __name: "card",
   props: {
-    variant: {
-      type: String,
-      default: "product",
-      validator: (e) => ["product", "article"].includes(e)
-    },
-    theme: {
-      type: String,
-      default: "light",
-      validator: (e) => ["light", "dark"].includes(e)
-    },
-    linkType: {
-      type: String,
-      default: "link",
-      validator: (e) => ["link", "button"].includes(e)
-    },
-    headline: {
-      type: String,
-      default: ""
-    },
-    paragraph: {
-      type: String,
-      default: ""
-    },
-    size: {
-      type: String,
-      default: "small",
-      validator: (e) => ["small", "medium", "large"].includes(e)
-    },
-    mediaType: {
-      type: String,
-      default: "image",
-      validator: (e) => ["image", "video"].includes(e)
-    },
-    orientation: {
-      type: String,
-      default: "horizontal",
-      validator: (e) => ["horizontal", "vertical"].includes(e)
-    },
-    srcSet: {
-      type: String,
-      default: ""
-    },
-    url: {
-      type: String,
-      default: ""
-    },
-    imgSrc: {
-      type: String,
-      default: ""
-    },
-    videoSrc: {
-      type: String,
-      default: ""
-    },
-    arialabel: {
-      type: String,
-      default: ""
-    },
-    poster: {
-      type: String,
-      default: ""
-    },
-    labelText: {
-      type: String,
-      default: ""
-    },
-    alt: {
-      type: String,
-      default: ""
-    }
+    variant: { default: "product" },
+    theme: { default: "light" },
+    linkType: { default: "link" },
+    headline: { default: "" },
+    paragraph: { default: "" },
+    size: { default: "small" },
+    mediaType: { default: "image" },
+    orientation: { default: "horizontal" },
+    srcSet: { default: "" },
+    url: { default: "" },
+    imgSrc: { default: "" },
+    videoSrc: { default: "" },
+    arialabel: { default: "" },
+    poster: { default: "" },
+    labelText: { default: "" },
+    alt: { default: "" }
   },
   emits: ["clicked"],
   setup(e) {
-    const i = be();
-    let o = x(!1);
-    return (a, r) => (l(), s("div", aa, [
+    const a = we();
+    let r = I(!1);
+    const l = {
+      small: {
+        class: "card--small",
+        width: "298",
+        height: "186"
+      },
+      medium: {
+        class: "card--medium",
+        width: "432",
+        height: "243"
+      },
+      large: {
+        class: "card--large",
+        width: "596",
+        height: "335"
+      }
+    }, s = e, u = T(() => l[s.size]);
+    return (c, _) => (o(), i("div", sa, [
       t("div", {
-        class: u(["card", [
-          e.theme === "dark" ? "card--dark" : "card--light",
-          e.orientation === "vertical" ? "vertical" : "horizontal",
-          e.size === "small" ? "card--small" : e.size === "medium" ? "card--medium" : e.size === "large" ? "card--large" : "",
-          e.size === "large" && e.variant === "article" ? "card--large-article" : "",
-          e.variant === "product" ? "card--product" : "card--article"
+        class: h(["card", [
+          c.theme === "dark" ? "card--dark" : "card--light",
+          c.orientation === "vertical" ? "vertical" : "horizontal",
+          u.value.class,
+          c.size === "large" && c.variant === "article" ? "card--large-article" : "",
+          c.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: te([e.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: r[0] || (r[0] = (m) => ie(o) ? o.value = !0 : o = !0),
-        onMouseout: r[1] || (r[1] = (m) => ie(o) ? o.value = !1 : o = !1)
+        style: ae([c.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: _[0] || (_[0] = (S) => ie(r) ? r.value = !0 : r = !0),
+        onMouseout: _[1] || (_[1] = (S) => ie(r) ? r.value = !1 : r = !1)
       }, [
-        e.mediaType === "image" ? (l(), M(A, { key: 0 }, {
-          default: k(() => [
-            d(a.$slots, "card-image", ee({
-              src: e.imgSrc,
-              height: e.size === "small" ? "186" : e.size === "medium" ? "243" : e.size === "large" ? "335" : "",
-              width: e.size === "small" ? "298" : e.size === "medium" ? "432" : e.size === "large" ? "596" : "",
-              alt: e.alt,
+        c.mediaType === "image" ? (o(), P(D, { key: 0 }, {
+          default: w(() => [
+            p(c.$slots, "card-image", te({
+              src: c.imgSrc,
+              width: u.value.width,
+              height: u.value.height,
+              alt: c.alt,
               loading: "auto",
               sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: e.srcSet }))
+            }, { srcset: c.srcSet }))
           ]),
           _: 3
-        })) : (l(), s("div", {
+        })) : (o(), i("div", {
           key: 1,
-          class: u(["video-card__wrapper", I(o) === !0 ? "vimeoPlaying" : ""])
+          class: h(["video-card__wrapper", C(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          b(U, {
-            play: I(o),
+          k(G, {
+            play: C(r),
             "local-video": !0,
-            src: e.videoSrc,
-            "aria-label": e.arialabel,
+            src: c.videoSrc,
+            "aria-label": c.arialabel,
             controls: !1,
-            poster: e.imgSrc,
-            width: e.size === "small" ? "298" : e.size === "medium" ? "432" : e.size === "large" ? "596" : "",
-            height: e.size === "small" ? "186" : e.size === "medium" ? "243" : e.size === "large" ? "335" : "",
+            poster: c.imgSrc,
+            width: u.value.width,
+            height: u.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(i)["card-label"] ? (l(), s("div", la, [
-          d(a.$slots, "card-label")
-        ])) : f("", !0),
-        e.variant === "product" ? (l(), s("h3", {
+        C(a)["card-label"] ? (o(), i("div", ia, [
+          p(c.$slots, "card-label")
+        ])) : g("", !0),
+        c.variant === "product" ? (o(), i("h3", {
           key: 3,
-          class: u(e.theme === "dark" ? "regular-dark" : "regular-blue")
-        }, n(e.headline), 3)) : (l(), s("h3", {
+          class: h(c.theme === "dark" ? "regular-dark" : "regular-blue"),
+          style: { "font-weight": "700" }
+        }, d(c.headline), 3)) : (o(), i("h3", {
           key: 4,
-          class: u(e.theme === "dark" ? "regular-dark" : "regular-dark-blue")
-        }, n(e.headline), 3)),
-        e.variant === "product" ? (l(), s("p", ia, n(e.paragraph), 1)) : f("", !0)
+          class: h(c.theme === "dark" ? "regular-dark" : "regular-dark-blue")
+        }, d(c.headline), 3)),
+        c.variant === "product" ? (o(), i("p", ra, d(c.paragraph), 1)) : g("", !0)
       ], 38)
     ]));
   }
-});
-const oa = /* @__PURE__ */ h(sa, [["__scopeId", "data-v-3ea2b5a6"]]), na = (e) => (P("data-v-1a97c019"), e = e(), z(), e), ra = { class: "event__wrapper" }, da = { class: "event__headline" }, ca = { class: "event__date-location" }, ua = /* @__PURE__ */ na(() => /* @__PURE__ */ t("br", null, null, -1)), _a = { class: "event__exhibitor" }, ha = /* @__PURE__ */ v({
+}), da = /* @__PURE__ */ v(na, [["__scopeId", "data-v-4928c68e"]]), ca = (e) => (E("data-v-1a97c019"), e = e(), N(), e), ua = { class: "event__wrapper" }, _a = { class: "event__headline" }, pa = { class: "event__date-location" }, ha = /* @__PURE__ */ ca(() => /* @__PURE__ */ t("br", null, null, -1)), ma = { class: "event__exhibitor" }, va = /* @__PURE__ */ f({
   __name: "event-card",
   props: {
     eventType: {
@@ -1260,22 +958,21 @@ const oa = /* @__PURE__ */ h(sa, [["__scopeId", "data-v-3ea2b5a6"]]), na = (e) =
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", ra, [
-      b(G, {
+    return (a, r) => (o(), i("div", ua, [
+      k(Y, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", da, n(e.headline), 1),
-      t("div", ca, [
-        j(n(e.dateTime), 1),
-        ua,
-        j(n(e.location), 1)
+      t("div", _a, d(e.headline), 1),
+      t("div", pa, [
+        j(d(e.dateTime), 1),
+        ha,
+        j(d(e.location), 1)
       ]),
-      t("div", _a, "Exhibitor: " + n(e.exhibitor), 1)
+      t("div", ma, "Exhibitor: " + d(e.exhibitor), 1)
     ]));
   }
-});
-const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-1a97c019"]]), ma = { class: "text__wrapper" }, fa = { class: "text__headline" }, ga = { class: "text__paragraph" }, ya = /* @__PURE__ */ v({
+}), fa = /* @__PURE__ */ v(va, [["__scopeId", "data-v-1a97c019"]]), ga = { class: "text__wrapper" }, ba = { class: "text__headline" }, ya = { class: "text__paragraph" }, $a = /* @__PURE__ */ f({
   __name: "text-card",
   props: {
     label: {
@@ -1292,22 +989,21 @@ const va = /* @__PURE__ */ h(ha, [["__scopeId", "data-v-1a97c019"]]), ma = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", ma, [
-      b(G, {
+    return (a, r) => (o(), i("div", ga, [
+      k(Y, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", fa, n(e.headline), 1),
-      t("div", ga, [
-        t("p", null, n(e.paragraph), 1)
+      t("div", ba, d(e.headline), 1),
+      t("div", ya, [
+        t("p", null, d(e.paragraph), 1)
       ])
     ]));
   }
-});
-const pa = /* @__PURE__ */ h(ya, [["__scopeId", "data-v-ebdea819"]]), ba = { class: "facts__wrapper" }, $a = { class: "facts__content" }, ka = { class: "facts__headline" }, wa = { class: "facts" }, Sa = { class: "fact__value" }, xa = { class: "fact__metric" }, qa = {
+}), ka = /* @__PURE__ */ v($a, [["__scopeId", "data-v-ebdea819"]]), wa = { class: "facts__wrapper" }, Sa = { class: "facts__content" }, Ba = { class: "facts__headline" }, Ia = { class: "facts" }, qa = { class: "fact__value" }, La = { class: "fact__metric" }, Ta = {
   key: 0,
   class: "facts__link"
-}, Ba = /* @__PURE__ */ v({
+}, Ca = /* @__PURE__ */ f({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1331,98 +1027,84 @@ const pa = /* @__PURE__ */ h(ya, [["__scopeId", "data-v-ebdea819"]]), ba = { cla
     }) }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", ba, [
-      t("div", $a, [
-        t("h2", ka, n(i.headline), 1),
-        t("div", wa, [
-          (l(!0), s(T, null, C(i.facts, (a) => (l(), s("div", {
-            key: a.value + a.metric,
+    return (a, r) => (o(), i("div", wa, [
+      t("div", Sa, [
+        t("h2", Ba, d(a.headline), 1),
+        t("div", Ia, [
+          (o(!0), i(V, null, A(a.facts, (l) => (o(), i("div", {
+            key: l.value + l.metric,
             class: "fact"
           }, [
-            t("div", Sa, [
-              t("span", null, n(a.value), 1)
+            t("div", qa, [
+              t("span", null, d(l.value), 1)
             ]),
-            t("div", xa, [
-              t("span", null, n(a.metric), 1)
+            t("div", La, [
+              t("span", null, d(l.metric), 1)
             ])
           ]))), 128))
         ]),
-        i.link ? (l(), s("div", qa, [
-          b(V, {
+        a.link ? (o(), i("div", Ta, [
+          k(M, {
             "link-type": "regular_light",
             arrow: ""
           }, {
-            default: k(() => [
-              d(i.$slots, "facts-link", {}, void 0, !0)
+            default: w(() => [
+              p(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : f("", !0)
+        ])) : g("", !0)
       ])
     ]));
   }
-});
-const Ia = /* @__PURE__ */ h(Ba, [["__scopeId", "data-v-d2b231d4"]]), La = { class: "features__wrapper" }, Ta = { class: "features__content" }, Ca = {
+}), Va = /* @__PURE__ */ v(Ca, [["__scopeId", "data-v-d2b231d4"]]), Aa = { class: "features__wrapper" }, Da = { class: "features__content" }, Ma = {
   key: 0,
   class: "features__headline"
-}, Aa = {
+}, Oa = {
   key: 1,
   class: "features__body"
-}, Va = { class: "element__headline" }, Da = { class: "element__body" }, Ma = /* @__PURE__ */ v({
+}, Pa = { class: "element__headline" }, Fa = { class: "element__body" }, Ea = /* @__PURE__ */ f({
   __name: "features",
   props: {
-    headline: {
-      type: String,
-      default: ""
-    },
-    body: {
-      type: String,
-      default: ""
-    },
-    elements: {
-      type: Array,
-      required: !0,
-      validator(e) {
-        return e.length >= 3 && e.length <= 6;
-      }
-    }
+    headline: { default: "" },
+    body: { default: "" },
+    elements: { default: () => [] }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", La, [
-      t("div", Ta, [
-        e.headline ? (l(), s("div", Ca, [
-          t("h2", null, n(e.headline), 1)
-        ])) : f("", !0),
-        e.body ? (l(), s("div", Aa, [
-          t("p", null, n(e.body), 1)
-        ])) : f("", !0),
+    return (a, r) => (o(), i("div", Aa, [
+      t("div", Da, [
+        a.headline ? (o(), i("div", Ma, [
+          t("h2", null, d(a.headline), 1)
+        ])) : g("", !0),
+        a.body ? (o(), i("div", Oa, [
+          t("p", null, d(a.body), 1)
+        ])) : g("", !0),
         t("div", {
-          class: u(["features__elements", [e.elements.length === 6 ? "features__elements--grid-6" : ""]])
+          class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (l(!0), s(T, null, C(e.elements, (a) => (l(), s("div", {
-            key: a.headline,
+          (o(!0), i(V, null, A(a.elements, (l) => (o(), i("div", {
+            key: l.headline,
             class: "features__element"
           }, [
-            b(A, { class: "element__icon" }, {
-              default: k(() => [
-                d(i.$slots, "features-icon", D(O({
-                  src: a.icon.src,
+            k(D, { class: "element__icon" }, {
+              default: w(() => [
+                p(a.$slots, "features-icon", O(F({
+                  src: l.icon.src,
                   height: 30,
                   width: 30,
-                  alt: a.icon.alt
+                  alt: l.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            t("p", Va, n(a.headline), 1),
-            t("p", Da, n(a.body), 1)
+            t("p", Pa, d(l.headline), 1),
+            t("p", Fa, d(l.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-});
-const Oa = /* @__PURE__ */ h(Ma, [["__scopeId", "data-v-3c525fb7"]]), Pa = { class: "form__wrapper" }, za = { class: "form__content" }, Fa = { class: "form__information" }, Na = { class: "form__headline" }, Ea = { class: "form__body" }, Ha = { class: "form__script" }, Ra = /* @__PURE__ */ v({
+}), Na = /* @__PURE__ */ v(Ea, [["__scopeId", "data-v-1585e65f"]]), Ra = { class: "form__wrapper" }, Ha = { class: "form__content" }, za = { class: "form__information" }, Ua = { class: "form__headline" }, Ka = { class: "form__body" }, ja = { class: "form__script" }, Ga = /* @__PURE__ */ f({
   __name: "form-script",
   props: {
     headline: {
@@ -1431,22 +1113,21 @@ const Oa = /* @__PURE__ */ h(Ma, [["__scopeId", "data-v-3c525fb7"]]), Pa = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Pa, [
-      t("div", za, [
-        t("div", Fa, [
-          t("h2", Na, n(e.headline), 1),
-          t("div", Ea, [
-            d(i.$slots, "form-body", {}, void 0, !0)
+    return (a, r) => (o(), i("div", Ra, [
+      t("div", Ha, [
+        t("div", za, [
+          t("h2", Ua, d(e.headline), 1),
+          t("div", Ka, [
+            p(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", Ha, [
-          d(i.$slots, "form-script", {}, void 0, !0)
+        t("div", ja, [
+          p(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-});
-const ja = /* @__PURE__ */ h(Ra, [["__scopeId", "data-v-55d9c2fd"]]), Ua = { class: "image__wrapper" }, Ka = { class: "image__content" }, Ga = { class: "image__image" }, Wa = { class: "image__caption" }, Ya = /* @__PURE__ */ v({
+}), Wa = /* @__PURE__ */ v(Ga, [["__scopeId", "data-v-55d9c2fd"]]), Ya = { class: "image__wrapper" }, Qa = { class: "image__content" }, Za = { class: "image__image" }, Ja = { class: "image__caption" }, Xa = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1465,101 +1146,74 @@ const ja = /* @__PURE__ */ h(Ra, [["__scopeId", "data-v-55d9c2fd"]]), Ua = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Ua, [
-      t("div", Ka, [
-        t("div", Ga, [
-          b(A, null, {
-            default: k(() => [
-              d(i.$slots, "image", D(O({ width: 984, height: 554, src: e.src, alt: e.alt })))
+    return (a, r) => (o(), i("div", Ya, [
+      t("div", Qa, [
+        t("div", Za, [
+          k(D, null, {
+            default: w(() => [
+              p(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
         ]),
-        t("p", Wa, n(e.caption), 1)
+        t("p", Ja, d(e.caption), 1)
       ])
     ]));
   }
-});
-const Qa = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-79ce0bb6"]]), Ja = { class: "gallery__large" }, Xa = {
+}), xa = /* @__PURE__ */ v(Xa, [["__scopeId", "data-v-79ce0bb6"]]), el = { class: "gallery__large" }, tl = {
   key: 0,
   class: "image image--large"
-}, Za = {
+}, al = {
   key: 1,
   class: "video"
-}, el = {
+}, ll = {
   key: 0,
   class: "body"
-}, tl = /* @__PURE__ */ v({
+}, ol = /* @__PURE__ */ f({
   __name: "image-gallery",
   props: {
-    mediaLarge: {
-      type: Object,
-      required: !0
-    },
-    mediaType: {
-      type: String,
-      default: "image",
-      validator(e) {
-        return ["image"].includes(e);
-      }
-    },
-    mediaSmall: {
-      type: Array,
-      required: !0
-    },
-    body: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    flipHorizontal: {
-      type: Boolean,
-      default: !1
-    },
-    flipVertical: {
-      type: Boolean,
-      default: !1
-    },
-    bgColor: {
-      type: String,
-      default: "white",
-      validator(e) {
-        return ["white", "light", "dark"].includes(e);
-      }
-    }
+    mediaLarge: {},
+    mediaType: { default: "image" },
+    mediaSmall: {},
+    body: { default: "" },
+    flipHorizontal: { type: Boolean, default: !1 },
+    flipVertical: { type: Boolean, default: !1 },
+    bgColor: { default: "white" }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", {
-      class: u([
-        "gallery__wrapper",
-        e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? ["gallery__wrapper--dark", "mirsaic--dark"] : ""
-      ])
+    const a = {
+      white: "",
+      light: "gallery__wrapper--light",
+      dark: "gallery__wrapper--dark mirsaic--dark"
+    }, r = e, l = T(() => a[r.bgColor]);
+    return (s, u) => (o(), i("div", {
+      class: h(["gallery__wrapper", l.value])
     }, [
       t("div", {
-        class: u([
+        class: h([
           "gallery__content",
-          e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
+          s.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", Ja, [
-          e.mediaLarge && e.mediaType === "image" ? (l(), s("div", Xa, [
-            b(A, null, {
-              default: k(() => [
-                d(i.$slots, "image-large", D(O({
+        t("div", el, [
+          s.mediaLarge && s.mediaType === "image" ? (o(), i("div", tl, [
+            k(D, null, {
+              default: w(() => [
+                p(s.$slots, "image-large", O(F({
                   width: 617,
                   height: 530,
-                  src: e.mediaLarge.src,
-                  alt: e.mediaLarge.alt
+                  src: s.mediaLarge.src,
+                  alt: s.mediaLarge.alt
                 })))
               ]),
               _: 3
             })
-          ])) : f("", !0),
-          e.mediaLarge && e.mediaType === "video" ? (l(), s("div", Za, [
-            b(U, {
-              src: e.mediaLarge.src,
+          ])) : g("", !0),
+          s.mediaLarge && s.mediaType === "video" ? (o(), i("div", al, [
+            k(G, {
+              src: s.mediaLarge.src,
               "local-video": "",
-              "aria-label": e.mediaLarge.alt,
+              "aria-label": s.mediaLarge.alt,
               controls: !1,
               height: "530",
               width: "617",
@@ -1568,40 +1222,39 @@ const Qa = /* @__PURE__ */ h(Ya, [["__scopeId", "data-v-79ce0bb6"]]), Ja = { cla
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : f("", !0)
+          ])) : g("", !0)
         ]),
         t("div", {
-          style: te([e.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
-          class: u([
+          style: ae([s.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          class: h([
             "gallery__small",
-            e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
+            s.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), s(T, null, C(e.mediaSmall, (a) => (l(), s("div", {
-            key: a.src + a.alt,
+          (o(!0), i(V, null, A(s.mediaSmall, (c) => (o(), i("div", {
+            key: c.src + c.alt,
             class: "image image--small"
           }, [
-            b(A, null, {
-              default: k(() => [
-                d(i.$slots, "image-small", D(O({
+            k(D, null, {
+              default: w(() => [
+                p(s.$slots, "image-small", O(F({
                   width: 328,
                   height: 246,
-                  src: a.src,
-                  alt: a.alt
+                  src: c.src,
+                  alt: c.alt
                 })))
               ]),
               _: 2
             }, 1024)
           ]))), 128)),
-          e.mediaSmall.length < 2 ? (l(), s("div", el, [
-            t("p", null, n(e.body), 1)
-          ])) : f("", !0)
+          s.mediaSmall.length < 2 ? (o(), i("div", ll, [
+            t("p", null, d(s.body), 1)
+          ])) : g("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-});
-const al = /* @__PURE__ */ h(tl, [["__scopeId", "data-v-02c29423"]]), ll = { class: "headline__wrapper" }, il = { class: "headline__h1" }, sl = /* @__PURE__ */ v({
+}), sl = /* @__PURE__ */ v(ol, [["__scopeId", "data-v-029495a0"]]), il = { class: "headline__wrapper" }, rl = { class: "headline__h1" }, nl = /* @__PURE__ */ f({
   __name: "headline",
   props: {
     headline: {
@@ -1618,21 +1271,20 @@ const al = /* @__PURE__ */ h(tl, [["__scopeId", "data-v-02c29423"]]), ll = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", ll, [
+    return (a, r) => (o(), i("div", il, [
       t("div", {
-        class: u({
+        class: h({
           "headline__content--article-and-submenu": e.article && e.subMenu,
           "headline__content--article": e.article && !e.subMenu,
           "headline__content--default headline__content--submenu": !e.article && e.subMenu,
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", il, n(e.headline), 1)
+        t("h1", rl, d(e.headline), 1)
       ], 2)
     ]));
   }
-});
-const ol = /* @__PURE__ */ h(sl, [["__scopeId", "data-v-080238bd"]]), nl = (e) => (P("data-v-bfcd60d5"), e = e(), z(), e), rl = { class: "hero__wrapper" }, dl = { class: "hero__content" }, cl = { class: "hero__top" }, ul = { class: "hero__elements" }, _l = { class: "hero__headline" }, hl = { class: "hero__link" }, vl = { class: "hero__video" }, ml = /* @__PURE__ */ nl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), fl = /* @__PURE__ */ v({
+}), dl = /* @__PURE__ */ v(nl, [["__scopeId", "data-v-080238bd"]]), cl = (e) => (E("data-v-bfcd60d5"), e = e(), N(), e), ul = { class: "hero__wrapper" }, _l = { class: "hero__content" }, pl = { class: "hero__top" }, hl = { class: "hero__elements" }, ml = { class: "hero__headline" }, vl = { class: "hero__link" }, fl = { class: "hero__video" }, gl = /* @__PURE__ */ cl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), bl = /* @__PURE__ */ f({
   __name: "hero",
   props: {
     headline: {
@@ -1645,29 +1297,29 @@ const ol = /* @__PURE__ */ h(sl, [["__scopeId", "data-v-080238bd"]]), nl = (e) =
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", rl, [
-      t("div", dl, [
-        t("div", cl, [
-          t("div", ul, [
-            t("div", _l, [
-              t("h1", null, n(e.headline), 1)
+    return (a, r) => (o(), i("div", ul, [
+      t("div", _l, [
+        t("div", pl, [
+          t("div", hl, [
+            t("div", ml, [
+              t("h1", null, d(e.headline), 1)
             ]),
-            t("div", hl, [
-              b(V, {
+            t("div", vl, [
+              k(M, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
-                default: k(() => [
-                  d(i.$slots, "hero-link", {}, void 0, !0)
+                default: w(() => [
+                  p(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])
           ])
         ]),
-        t("div", vl, [
-          ml,
-          b(U, {
+        t("div", fl, [
+          gl,
+          k(G, {
             src: e.video.src,
             "local-video": "",
             "aria-label": e.video.alt,
@@ -1682,11 +1334,10 @@ const ol = /* @__PURE__ */ h(sl, [["__scopeId", "data-v-080238bd"]]), nl = (e) =
       ])
     ]));
   }
-});
-const gl = /* @__PURE__ */ h(fl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { class: "logo-wall__wrapper" }, pl = { class: "logo-wall__content" }, bl = {
+}), yl = /* @__PURE__ */ v(bl, [["__scopeId", "data-v-bfcd60d5"]]), $l = { class: "logo-wall__wrapper" }, kl = { class: "logo-wall__content" }, wl = {
   key: 0,
   class: "logo-wall__text"
-}, $l = { key: 0 }, kl = { key: 1 }, wl = { class: "logo-wall__logos" }, Sl = { class: "logo-wall__link" }, xl = /* @__PURE__ */ v({
+}, Sl = { key: 0 }, Bl = { key: 1 }, Il = { class: "logo-wall__logos" }, ql = { class: "logo-wall__link" }, Ll = /* @__PURE__ */ f({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1704,37 +1355,37 @@ const gl = /* @__PURE__ */ h(fl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", yl, [
-      t("div", pl, [
-        e.headline || e.body ? (l(), s("div", bl, [
-          e.headline ? (l(), s("h2", $l, n(e.headline), 1)) : f("", !0),
-          e.body ? (l(), s("p", kl, n(e.body), 1)) : f("", !0)
-        ])) : f("", !0),
-        t("div", wl, [
-          (l(!0), s(T, null, C(e.logos, (a) => (l(), s("div", {
-            key: a.src + a.alt,
+    return (a, r) => (o(), i("div", $l, [
+      t("div", kl, [
+        e.headline || e.body ? (o(), i("div", wl, [
+          e.headline ? (o(), i("h2", Sl, d(e.headline), 1)) : g("", !0),
+          e.body ? (o(), i("p", Bl, d(e.body), 1)) : g("", !0)
+        ])) : g("", !0),
+        t("div", Il, [
+          (o(!0), i(V, null, A(e.logos, (l) => (o(), i("div", {
+            key: l.src + l.alt,
             class: "logo-wall__logo"
           }, [
-            b(A, null, {
-              default: k(() => [
-                d(i.$slots, "logo-wall-logo", D(O({
+            k(D, null, {
+              default: w(() => [
+                p(a.$slots, "logo-wall-logo", O(F({
                   width: 130,
                   height: 130,
-                  src: a.src,
-                  alt: a.alt
+                  src: l.src,
+                  alt: l.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Sl, [
-          b(V, {
+        t("div", ql, [
+          k(M, {
             "link-type": "regular_light",
             arrow: !0
           }, {
-            default: k(() => [
-              d(i.$slots, "logo-wall-link", {}, void 0, !0)
+            default: w(() => [
+              p(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1742,37 +1393,35 @@ const gl = /* @__PURE__ */ h(fl, [["__scopeId", "data-v-bfcd60d5"]]), yl = { cla
       ])
     ]));
   }
-});
-const ql = /* @__PURE__ */ h(xl, [["__scopeId", "data-v-a8afd396"]]), Bl = { class: "micro-stories__splide" }, Il = /* @__PURE__ */ v({
+}), Tl = /* @__PURE__ */ v(Ll, [["__scopeId", "data-v-a8afd396"]]), Cl = { class: "micro-stories__splide" }, Vl = /* @__PURE__ */ f({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" }
   },
   setup(e) {
-    const i = e, o = {
+    const a = {
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, a = L(() => o[i.bgColor]);
-    return (r, m) => (l(), s("div", {
-      class: u(["micro-stories__wrapper", a.value])
+    }, r = T(() => a[l.bgColor]), l = e;
+    return (s, u) => (o(), i("div", {
+      class: h(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Bl, [
-        d(r.$slots, "micro-stories-slides")
+      t("div", Cl, [
+        p(s.$slots, "micro-stories-slides")
       ]),
-      d(r.$slots, "micro-stories-controls")
+      p(s.$slots, "micro-stories-controls")
     ], 2));
   }
-});
-const Ll = {}, Tl = { class: "policy__wrapper" }, Cl = { class: "policy__content" };
-function Al(e, i) {
-  return l(), s("div", Tl, [
-    t("div", Cl, [
-      d(e.$slots, "default", {}, void 0, !0)
+}), Al = {}, Dl = { class: "policy__wrapper" }, Ml = { class: "policy__content" };
+function Ol(e, a) {
+  return o(), i("div", Dl, [
+    t("div", Ml, [
+      p(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Vl = /* @__PURE__ */ h(Ll, [["render", Al], ["__scopeId", "data-v-8765ee0b"]]), Dl = { class: "product-hero__wrapper" }, Ml = { class: "product-hero__content" }, Ol = { class: "product-hero__headline" }, Pl = { class: "product-hero__video" }, zl = /* @__PURE__ */ v({
+const Pl = /* @__PURE__ */ v(Al, [["render", Ol], ["__scopeId", "data-v-8765ee0b"]]), Fl = { class: "product-hero__wrapper" }, El = { class: "product-hero__content" }, Nl = { class: "product-hero__headline" }, Rl = { class: "product-hero__video" }, Hl = /* @__PURE__ */ f({
   __name: "product-hero",
   props: {
     headline: {
@@ -1797,13 +1446,13 @@ const Vl = /* @__PURE__ */ h(Ll, [["render", Al], ["__scopeId", "data-v-8765ee0b
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Dl, [
-      t("div", Ml, [
-        t("div", Ol, [
-          t("h1", null, n(e.headline), 1)
+    return (a, r) => (o(), i("div", Fl, [
+      t("div", El, [
+        t("div", Nl, [
+          t("h1", null, d(e.headline), 1)
         ]),
-        t("div", Pl, [
-          b(U, {
+        t("div", Rl, [
+          k(G, {
             play: "",
             "local-video": !0,
             src: e.videoSrc,
@@ -1818,143 +1467,112 @@ const Vl = /* @__PURE__ */ h(Ll, [["render", Al], ["__scopeId", "data-v-8765ee0b
       ])
     ]));
   }
-});
-const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-a4551025"]]), Nl = { class: "promo__content" }, El = /* @__PURE__ */ v({
+}), zl = /* @__PURE__ */ v(Hl, [["__scopeId", "data-v-a4551025"]]), Ul = { class: "promo__content" }, Kl = /* @__PURE__ */ f({
   __name: "promo",
   props: {
-    label: {
-      type: String,
-      default: ""
-    },
-    headline: {
-      type: String,
-      required: !0
-    },
-    linkText: {
-      type: String,
-      default: ""
-    },
-    mediaType: {
-      type: String,
-      default: "image",
-      validator: (e) => ["image", "video"].includes(e)
-    },
-    src: {
-      type: String,
-      required: !0
-    },
-    alt: {
-      type: String,
-      required: !0
-    },
-    fallbackImage: {
-      type: String,
-      required: !0
-    },
-    reverse: {
-      type: Boolean,
-      default: !1
-    },
-    variant: {
-      type: String,
-      default: ""
-    },
-    linkType: {
-      type: String,
-      default: "link",
-      validator: (e) => ["link", "button"].includes(e)
-    },
-    teaser: {
-      type: Boolean
-    }
+    label: { default: "" },
+    headline: {},
+    linkText: { default: "" },
+    mediaType: { default: "image" },
+    src: {},
+    alt: {},
+    fallbackImage: {},
+    reverse: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    linkType: { default: "link" },
+    teaser: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", {
-      class: u([
+    const a = {
+      dark: "promo__wrapper--dark",
+      light: "promo__wrapper--light",
+      default: "promo__wrapper--default"
+    }, r = e, l = T(() => a[r.variant]);
+    return (s, u) => (o(), i("div", {
+      class: h([
         "promo__wrapper",
-        e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "promo__wrapper--default",
-        e.teaser ? "promo__wrapper--teaser" : ""
+        l.value,
+        s.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Nl, [
-        e.mediaType === "image" ? (l(), s("div", {
+      t("div", Ul, [
+        s.mediaType === "image" ? (o(), i("div", {
           key: 0,
-          class: u([
+          class: h([
             "promo__image",
-            e.reverse ? "promo__image--reverse" : "promo__image--default"
+            s.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          b(A, null, {
-            default: k(() => [
-              d(i.$slots, "promo-image", D(O({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+          k(D, null, {
+            default: w(() => [
+              p(s.$slots, "promo-image", O(F({ src: s.src, width: 1920, alt: s.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : f("", !0),
-        e.mediaType === "video" ? (l(), s("div", {
+        ], 2)) : g("", !0),
+        s.mediaType === "video" ? (o(), i("div", {
           key: 1,
-          class: u([
+          class: h([
             "promo__video",
-            e.reverse ? "promo__video--reverse" : "promo__video--default"
+            s.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          b(U, {
-            src: e.src,
+          k(G, {
+            src: s.src,
             "local-video": "",
-            "aria-label": e.alt,
+            "aria-label": s.alt,
             controls: !1,
             autoplay: "",
             loop: "",
             muted: "",
             play: "",
-            poster: e.fallbackImage
+            poster: s.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : f("", !0),
+        ], 2)) : g("", !0),
         t("div", {
-          class: u([
+          class: h([
             "promo__text",
-            e.reverse ? "promo__text--reverse" : "promo__text--default"
+            s.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (l(), M(G, {
+          s.label ? (o(), P(Y, {
             key: 0,
-            text: e.label,
-            "label-dark": e.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : f("", !0),
+            text: s.label,
+            "label-dark": s.variant === "dark"
+          }, null, 8, ["text", "label-dark"])) : g("", !0),
           t("div", {
-            class: u([
+            class: h([
               "promo__title",
-              e.variant === "dark" ? "promo__title--dark" : ""
+              s.variant === "dark" ? "promo__title--dark" : ""
             ])
-          }, n(e.headline), 3),
-          e.linkType === "link" ? (l(), M(V, {
+          }, d(s.headline), 3),
+          s.linkType === "link" ? (o(), P(M, {
             key: 1,
-            "link-type": e.variant === "dark" ? "regular_dark" : (e.variant === "light", "regular_light"),
+            "link-type": s.variant === "dark" ? "regular_dark" : (s.variant === "light", "regular_light"),
             arrow: ""
           }, {
-            default: k(() => [
-              d(i.$slots, "promo-link")
+            default: w(() => [
+              p(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : f("", !0),
-          e.linkType === "button" ? (l(), M(V, {
+          }, 8, ["link-type"])) : g("", !0),
+          s.linkType === "button" ? (o(), P(M, {
             key: 2,
-            "link-type": e.variant === "dark" ? "secondary_dark" : (e.variant === "light", "secondary")
+            "link-type": s.variant === "dark" ? "secondary_dark" : (s.variant === "light", "secondary")
           }, {
-            default: k(() => [
-              d(i.$slots, "promo-link")
+            default: w(() => [
+              p(s.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : f("", !0)
+          }, 8, ["link-type"])) : g("", !0)
         ], 2)
       ])
     ], 2));
   }
-});
-const Hl = /* @__PURE__ */ h(El, [["__scopeId", "data-v-b1dc613f"]]), Rl = (e) => (P("data-v-e3cc8e27"), e = e(), z(), e), jl = { class: "quote__wrapper" }, Ul = { class: "quote__content" }, Kl = /* @__PURE__ */ Rl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Gl = { class: "quote__quote" }, Wl = { class: "quote__quote-text" }, Yl = { class: "quote__author" }, Ql = {
+}), jl = /* @__PURE__ */ v(Kl, [["__scopeId", "data-v-7e80a0f0"]]), Gl = (e) => (E("data-v-e3cc8e27"), e = e(), N(), e), Wl = { class: "quote__wrapper" }, Yl = { class: "quote__content" }, Ql = /* @__PURE__ */ Gl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Zl = { class: "quote__quote" }, Jl = { class: "quote__quote-text" }, Xl = { class: "quote__author" }, xl = {
   key: 0,
   class: "quote__image"
-}, Jl = { class: "quote__text" }, Xl = { class: "quote__author-name" }, Zl = { class: "quote__author-title" }, ei = /* @__PURE__ */ v({
+}, eo = { class: "quote__text" }, to = { class: "quote__author-name" }, ao = { class: "quote__author-title" }, lo = /* @__PURE__ */ f({
   __name: "quote",
   props: {
     quote: {
@@ -1976,16 +1594,16 @@ const Hl = /* @__PURE__ */ h(El, [["__scopeId", "data-v-b1dc613f"]]), Rl = (e) =
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", jl, [
-      t("div", Ul, [
-        Kl,
-        t("div", Gl, [
-          t("p", Wl, n(e.quote), 1),
-          t("div", Yl, [
-            e.authorImage ? (l(), s("div", Ql, [
-              b(A, null, {
-                default: k(() => [
-                  d(i.$slots, "author-image", D(O({
+    return (a, r) => (o(), i("div", Wl, [
+      t("div", Yl, [
+        Ql,
+        t("div", Zl, [
+          t("p", Jl, d(e.quote), 1),
+          t("div", Xl, [
+            e.authorImage ? (o(), i("div", xl, [
+              k(D, null, {
+                default: w(() => [
+                  p(a.$slots, "author-image", O(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1993,140 +1611,113 @@ const Hl = /* @__PURE__ */ h(El, [["__scopeId", "data-v-b1dc613f"]]), Rl = (e) =
                 ]),
                 _: 3
               })
-            ])) : f("", !0),
-            t("div", Jl, [
-              t("p", Xl, n(e.author), 1),
-              t("p", Zl, n(e.authorTitle), 1)
+            ])) : g("", !0),
+            t("div", eo, [
+              t("p", to, d(e.author), 1),
+              t("p", ao, d(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-});
-const ti = /* @__PURE__ */ h(ei, [["__scopeId", "data-v-e3cc8e27"]]), ai = { class: "rich-text__wrapper" }, li = {
+}), oo = /* @__PURE__ */ v(lo, [["__scopeId", "data-v-e3cc8e27"]]), so = { class: "rich-text__wrapper" }, io = {
   key: 0,
   class: "rich-text__links"
-}, ii = {
+}, ro = {
   key: 0,
   class: "rich-text__bullet-list"
-}, si = /* @__PURE__ */ v({
+}, no = /* @__PURE__ */ f({
   __name: "rich-text",
   props: {
-    headline: {
-      type: String,
-      default: ""
-    },
-    leftAligned: {
-      type: Boolean,
-      default: !1
-    },
-    links: {
-      type: Boolean,
-      default: !1
-    },
-    bulletList: {
-      type: Boolean,
-      default: !1
-    },
-    image: {
-      type: Boolean,
-      default: !1
-    },
-    imageClip: {
-      type: Boolean,
-      default: !0
-    },
-    bgColor: {
-      type: String,
-      default: "white"
-    },
-    label: {
-      type: String,
-      default: ""
-    }
+    headline: { default: "" },
+    leftAligned: { type: Boolean, default: !1 },
+    links: { type: Boolean, default: !1 },
+    bulletList: { type: Boolean, default: !1 },
+    image: { type: Boolean, default: !1 },
+    imageClip: { type: Boolean, default: !0 },
+    bgColor: { default: "white" },
+    label: { default: "" }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", {
-      class: u([
+    return (a, r) => (o(), i("div", {
+      class: h([
         "rich-text",
-        e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
+        a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", ai, [
-        e.label ? (l(), M(G, {
+      t("div", so, [
+        a.label ? (o(), P(Y, {
           key: 0,
-          text: e.label,
+          text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : f("", !0),
-        e.headline ? (l(), s("h2", {
+        }, null, 8, ["text"])) : g("", !0),
+        a.headline ? (o(), i("h2", {
           key: 1,
-          class: u([
+          class: h([
             "rich-text__headline",
-            e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
+            a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, n(e.headline), 3)) : f("", !0),
+        }, d(a.headline), 3)) : g("", !0),
         t("div", {
-          class: u([
+          class: h([
             "rich-text__content",
-            e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
+            a.leftAligned || a.bulletList || a.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: u([
+            class: h([
               "rich-text__body",
-              e.bulletList || e.image ? "rich-text__body--content-right" : ""
+              a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            d(i.$slots, "rich-text-content"),
-            e.links ? (l(), s("div", li, [
-              d(i.$slots, "rich-text-links")
-            ])) : f("", !0)
+            p(a.$slots, "rich-text-content"),
+            a.links ? (o(), i("div", io, [
+              p(a.$slots, "rich-text-links")
+            ])) : g("", !0)
           ], 2),
-          e.bulletList ? (l(), s("div", ii, [
-            d(i.$slots, "rich-text-bullet-list")
-          ])) : f("", !0),
-          e.image ? (l(), s("div", {
+          a.bulletList ? (o(), i("div", ro, [
+            p(a.$slots, "rich-text-bullet-list")
+          ])) : g("", !0),
+          a.image ? (o(), i("div", {
             key: 1,
-            class: u([
+            class: h([
               "rich-text__image",
-              e.imageClip ? "rich-text__image--clip" : ""
+              a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            b(A, null, {
-              default: k(() => [
-                d(i.$slots, "rich-text-image", D(O({ width: 865, height: 307 })))
+            k(D, null, {
+              default: w(() => [
+                p(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : f("", !0)
+          ], 2)) : g("", !0)
         ], 2)
       ])
     ], 2));
   }
-});
-const oi = /* @__PURE__ */ h(si, [["__scopeId", "data-v-c2a5b795"]]);
-const ni = {}, ri = { class: "rich-text" }, di = { class: "rich-text__wrapper" }, ci = { class: "rich-text__content rich-text__content--left-aligned" }, ui = { class: "rich-text__body" };
-function _i(e, i) {
-  return l(), s("div", ri, [
-    t("div", di, [
-      t("div", ci, [
-        t("div", ui, [
+}), co = /* @__PURE__ */ v(no, [["__scopeId", "data-v-7bcde564"]]), uo = {}, _o = { class: "rich-text" }, po = { class: "rich-text__wrapper" }, ho = { class: "rich-text__content rich-text__content--left-aligned" }, mo = { class: "rich-text__body" };
+function vo(e, a) {
+  return o(), i("div", _o, [
+    t("div", po, [
+      t("div", ho, [
+        t("div", mo, [
           t("div", null, [
-            d(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            p(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            d(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            p(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
     ])
   ]);
 }
-const hi = /* @__PURE__ */ h(ni, [["render", _i], ["__scopeId", "data-v-3abe0bb4"]]), vi = (e) => (P("data-v-78d319df"), e = e(), z(), e), mi = { class: "timeline__wrapper" }, fi = { class: "timeline__content" }, gi = { class: "timeline__items" }, yi = { class: "item__left" }, pi = /* @__PURE__ */ vi(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const fo = /* @__PURE__ */ v(uo, [["render", vo], ["__scopeId", "data-v-3abe0bb4"]]), go = (e) => (E("data-v-78d319df"), e = e(), N(), e), bo = { class: "timeline__wrapper" }, yo = { class: "timeline__content" }, $o = { class: "timeline__items" }, ko = { class: "item__left" }, wo = /* @__PURE__ */ go(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), bi = { class: "item__right" }, $i = ["innerHTML"], ki = /* @__PURE__ */ v({
+], -1)), So = { class: "item__right" }, Bo = ["innerHTML"], Io = /* @__PURE__ */ f({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2135,52 +1726,51 @@ const hi = /* @__PURE__ */ h(ni, [["render", _i], ["__scopeId", "data-v-3abe0bb4
     }
   },
   setup(e) {
-    return re(() => {
-      const i = document.querySelectorAll(".timeline__item"), o = new IntersectionObserver(
-        (a) => {
-          a.forEach((r) => {
-            r.isIntersecting && (r.target.classList.add("visible"), r.target.classList.remove("faded"), o.unobserve(r.target));
+    return ce(() => {
+      const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
+        (l) => {
+          l.forEach((s) => {
+            s.isIntersecting && (s.target.classList.add("visible"), s.target.classList.remove("faded"), r.unobserve(s.target));
           });
         },
         {
           threshold: 1
         }
       );
-      i.forEach((a) => {
-        o.observe(a);
+      a.forEach((l) => {
+        r.observe(l);
       });
-    }), (i, o) => (l(), s("div", mi, [
-      t("div", fi, [
-        t("div", gi, [
-          (l(!0), s(T, null, C(e.timelineItems, (a) => (l(), s("div", {
-            key: a.year,
+    }), (a, r) => (o(), i("div", bo, [
+      t("div", yo, [
+        t("div", $o, [
+          (o(!0), i(V, null, A(e.timelineItems, (l) => (o(), i("div", {
+            key: l.year,
             class: "timeline__item faded"
           }, [
-            t("div", yi, n(a.year), 1),
-            pi,
-            t("div", bi, [
-              b(A, null, {
-                default: k(() => [
-                  a.media.type === "image" ? d(i.$slots, "timeline-image", D(ee({ key: 0 }, { src: a.media.src, alt: a.media.alt })), void 0, !0) : f("", !0)
+            t("div", ko, d(l.year), 1),
+            wo,
+            t("div", So, [
+              k(D, null, {
+                default: w(() => [
+                  l.media.type === "image" ? p(a.$slots, "timeline-image", O(te({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : g("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: te([a.media.type === "none" ? "margin-top: 0px" : ""]),
+                style: ae([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
-                innerHTML: a.text
-              }, null, 12, $i)
+                innerHTML: l.text
+              }, null, 12, Bo)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-});
-const wi = /* @__PURE__ */ h(ki, [["__scopeId", "data-v-78d319df"]]), Si = { class: "triple-card-display__wrapper" }, xi = {
+}), qo = /* @__PURE__ */ v(Io, [["__scopeId", "data-v-78d319df"]]), Lo = { class: "triple-card-display__wrapper" }, To = {
   key: 0,
   class: "triple-card__content"
-}, qi = { key: 0 }, Bi = { key: 1 }, Ii = { class: "triple-card__cards" }, Li = /* @__PURE__ */ v({
+}, Co = { key: 0 }, Vo = { key: 1 }, Ao = { class: "triple-card__cards" }, Do = /* @__PURE__ */ f({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -2197,31 +1787,30 @@ const wi = /* @__PURE__ */ h(ki, [["__scopeId", "data-v-78d319df"]]), Si = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", {
-      class: u([
+    return (a, r) => (o(), i("div", {
+      class: h([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
     }, [
-      t("div", Si, [
-        e.headline || e.paragraph ? (l(), s("div", xi, [
-          e.headline ? (l(), s("h2", qi, n(e.headline), 1)) : f("", !0),
-          e.paragraph ? (l(), s("p", Bi, n(e.paragraph), 1)) : f("", !0)
-        ])) : f("", !0),
-        t("div", Ii, [
-          d(i.$slots, "triple-card-display-cards", {}, void 0, !0)
+      t("div", Lo, [
+        e.headline || e.paragraph ? (o(), i("div", To, [
+          e.headline ? (o(), i("h2", Co, d(e.headline), 1)) : g("", !0),
+          e.paragraph ? (o(), i("p", Vo, d(e.paragraph), 1)) : g("", !0)
+        ])) : g("", !0),
+        t("div", Ao, [
+          p(a.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-});
-const Ti = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-d77943df"]]), Ci = { class: "vimeo" }, Ai = { class: "vimeo__wrapper" }, Vi = {
+}), Mo = /* @__PURE__ */ v(Do, [["__scopeId", "data-v-d77943df"]]), Oo = { class: "vimeo" }, Po = { class: "vimeo__wrapper" }, Fo = {
   key: 0,
   class: "vimeo__headline"
-}, Di = {
+}, Eo = {
   key: 1,
   class: "vimeo__description"
-}, Mi = /* @__PURE__ */ v({
+}, No = /* @__PURE__ */ f({
   __name: "vimeo",
   props: {
     headline: {
@@ -2234,16 +1823,15 @@ const Ti = /* @__PURE__ */ h(Li, [["__scopeId", "data-v-d77943df"]]), Ci = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Ci, [
-      t("div", Ai, [
-        e.headline ? (l(), s("h2", Vi, n(e.headline), 1)) : f("", !0),
-        d(i.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), s("p", Di, n(e.description), 1)) : f("", !0)
+    return (a, r) => (o(), i("div", Oo, [
+      t("div", Po, [
+        e.headline ? (o(), i("h2", Fo, d(e.headline), 1)) : g("", !0),
+        p(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (o(), i("p", Eo, d(e.description), 1)) : g("", !0)
       ])
     ]));
   }
-});
-const Oi = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-599c68c7"]]), Pi = { class: "not-found__wrapper" }, zi = { class: "not-found__content" }, Fi = { class: "not-found__headline" }, Ni = { class: "not-found__body" }, Ei = /* @__PURE__ */ v({
+}), Ro = /* @__PURE__ */ v(No, [["__scopeId", "data-v-599c68c7"]]), Ho = { class: "not-found__wrapper" }, zo = { class: "not-found__content" }, Uo = { class: "not-found__headline" }, Ko = { class: "not-found__body" }, jo = /* @__PURE__ */ f({
   __name: "404",
   props: {
     headline: {
@@ -2252,17 +1840,16 @@ const Oi = /* @__PURE__ */ h(Mi, [["__scopeId", "data-v-599c68c7"]]), Pi = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Pi, [
-      t("div", zi, [
-        t("h1", Fi, n(e.headline), 1),
-        t("div", Ni, [
-          d(i.$slots, "not-found-body", {}, void 0, !0)
+    return (a, r) => (o(), i("div", Ho, [
+      t("div", zo, [
+        t("h1", Uo, d(e.headline), 1),
+        t("div", Ko, [
+          p(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-});
-const Hi = /* @__PURE__ */ h(Ei, [["__scopeId", "data-v-b829ca6c"]]), Ri = { class: "filter__wrapper" }, ji = { class: "filter__content" }, Ui = { class: "filter__dropdowns" }, Ki = { class: "filter__chips" }, Gi = /* @__PURE__ */ v({
+}), Go = /* @__PURE__ */ v(jo, [["__scopeId", "data-v-b829ca6c"]]), Wo = { class: "filter__wrapper" }, Yo = { class: "filter__content" }, Qo = { class: "filter__dropdowns" }, Zo = { class: "filter__chips" }, Jo = /* @__PURE__ */ f({
   __name: "filter",
   props: {
     hasChips: {
@@ -2272,136 +1859,109 @@ const Hi = /* @__PURE__ */ h(Ei, [["__scopeId", "data-v-b829ca6c"]]), Ri = { cla
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (i, o) => (l(), s("div", Ri, [
-      t("div", ji, [
-        t("div", Ui, [
-          d(i.$slots, "filter-dropdowns")
+    return (a, r) => (o(), i("div", Wo, [
+      t("div", Yo, [
+        t("div", Qo, [
+          p(a.$slots, "filter-dropdowns")
         ]),
-        t("div", Ki, [
-          d(i.$slots, "filter-chips"),
-          e.hasChips ? (l(), s("button", {
+        t("div", Zo, [
+          p(a.$slots, "filter-chips"),
+          e.hasChips ? (o(), i("button", {
             key: 0,
             class: "filter__clear",
-            onClick: o[0] || (o[0] = (a) => i.$emit("clearFilters"))
-          }, " Remove all filters ")) : f("", !0)
+            onClick: r[0] || (r[0] = (l) => a.$emit("clearFilters"))
+          }, " Remove all filters ")) : g("", !0)
         ])
       ])
     ]));
   }
-});
-const Wi = /* @__PURE__ */ h(Gi, [["__scopeId", "data-v-c11a3620"]]), E = (e) => (P("data-v-9d34b5e2"), e = e(), z(), e), Yi = { class: "footer__wrapper" }, Qi = { class: "footer__content" }, Ji = { class: "footer__sections" }, Xi = { class: "section__title" }, Zi = { class: "section__list" }, es = { class: "section" }, ts = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), as = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ls = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), is = /* @__PURE__ */ E(() => /* @__PURE__ */ t("br", null, null, -1)), ss = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), os = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ns = { class: "footer__bottom" }, rs = { class: "copyright" }, ds = { class: "footer__policy" }, cs = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, [
+}), Xo = /* @__PURE__ */ v(Jo, [["__scopeId", "data-v-c11a3620"]]), z = (e) => (E("data-v-cf5ea14f"), e = e(), N(), e), xo = { class: "footer__wrapper" }, es = { class: "footer__content" }, ts = { class: "footer__sections" }, as = { class: "section__title" }, ls = { class: "section__list" }, os = { class: "section" }, ss = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), is = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), rs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ns = /* @__PURE__ */ z(() => /* @__PURE__ */ t("br", null, null, -1)), ds = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), cs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), us = { class: "footer__bottom" }, _s = { class: "copyright" }, ps = { class: "footer__policy" }, hs = /* @__PURE__ */ z(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ j("Change region")
-], -1)), us = [
-  cs
-], _s = { class: "footer__social" }, hs = ["href", "aria-label"], vs = /* @__PURE__ */ v({
+], -1)), ms = [
+  hs
+], vs = { class: "footer__social" }, fs = ["href", "aria-label"], gs = /* @__PURE__ */ f({
   __name: "footer",
   props: {
-    footerSections: {
-      type: Array,
-      default: () => []
-    },
-    privacyPolicy: {
-      type: Object,
-      default: () => {
-      }
-    },
-    cookiePolicy: {
-      type: Object,
-      default: () => {
-      }
-    },
-    socialMedia: {
-      type: Array,
-      default: () => [],
-      validator: (e) => {
-        const i = [
-          "linkedin",
-          "facebook",
-          "instagram",
-          "twitter",
-          "youtube"
-        ];
-        return e.every((o) => i.includes(o.title));
-      }
-    }
+    footerSections: { default: () => [] },
+    privacyPolicy: { default: void 0 },
+    cookiePolicy: { default: void 0 },
+    socialMedia: { default: () => [] }
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (i, o) => (l(), s("div", Yi, [
-      t("footer", Qi, [
-        t("div", Ji, [
-          (l(!0), s(T, null, C(e.footerSections, (a) => (l(), s("div", {
-            key: a.title,
+    return (a, r) => (o(), i("div", xo, [
+      t("footer", es, [
+        t("div", ts, [
+          (o(!0), i(V, null, A(a.footerSections, (l) => (o(), i("div", {
+            key: l.title,
             class: "section"
           }, [
-            t("span", Xi, n(a.title), 1),
+            t("span", as, d(l.title), 1),
             t("nav", null, [
-              t("ul", Zi, [
-                d(i.$slots, "section-links", {
-                  links: a.links
+              t("ul", ls, [
+                p(a.$slots, "section-links", {
+                  links: l.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", es, [
-            ts,
+          t("div", os, [
+            ss,
             t("address", null, [
-              as,
-              ls,
               is,
-              b(V, {
+              rs,
+              ns,
+              k(M, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: k(() => [
-                  ss
+                default: w(() => [
+                  ds
                 ]),
                 _: 1
               }),
-              b(V, {
+              k(M, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
-                default: k(() => [
-                  os
+                default: w(() => [
+                  cs
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", ns, [
-          t("p", rs, "© MiR " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", ds, [
+        t("div", us, [
+          t("p", _s, "© MiR " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", ps, [
             t("button", {
               class: "footer__language-switcher",
-              onClick: o[0] || (o[0] = (a) => i.$emit("changeRegionClicked"))
-            }, us),
-            d(i.$slots, "footer-privacy-link"),
-            d(i.$slots, "footer-cookie-link")
+              onClick: r[0] || (r[0] = (l) => a.$emit("changeRegionClicked"))
+            }, ms),
+            p(a.$slots, "footer-privacy-link"),
+            p(a.$slots, "footer-cookie-link")
           ]),
-          t("div", _s, [
-            (l(!0), s(T, null, C(e.socialMedia, (a) => (l(), M(V, {
-              key: a.title,
+          t("div", vs, [
+            (o(!0), i(V, null, A(a.socialMedia, (l) => (o(), P(M, {
+              key: l.title,
               underline: "false",
               "link-type": "regular"
             }, {
-              default: k(() => [
+              default: w(() => [
                 t("a", {
-                  href: a.url,
-                  "aria-label": a.title
+                  href: l.url,
+                  "aria-label": l.title
                 }, [
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: u(["footer__social--icon", [
-                      a.title === "linkedin" ? "bg-linkedin" : a.title === "facebook" ? "bg-facebook" : a.title === "instagram" ? "bg-instagram" : a.title === "twitter" ? "bg-twitter" : a.title === "youtube" ? "bg-youtube" : ""
-                    ]])
+                    class: h(["footer__social--icon", [l.title ? "bg-" + l.title : ""]])
                   }, null, 2)
-                ], 8, hs)
+                ], 8, fs)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2410,20 +1970,19 @@ const Wi = /* @__PURE__ */ h(Gi, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
       ])
     ]));
   }
-});
-const ms = /* @__PURE__ */ h(vs, [["__scopeId", "data-v-9d34b5e2"]]), fs = { class: "header__wrapper" }, gs = { class: "nav-wrapper" }, ys = { class: "mir-link-logo" }, ps = { class: "main-nav-items" }, bs = {
+}), bs = /* @__PURE__ */ v(gs, [["__scopeId", "data-v-cf5ea14f"]]), ys = { class: "header__wrapper" }, $s = { class: "nav-wrapper" }, ks = { class: "mir-link-logo" }, ws = { class: "main-nav-items" }, Ss = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, $s = {
+}, Bs = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, ks = {
+}, Is = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ws = { class: "dropdown-content" }, Ss = { class: "nav-search-wrapper" }, xs = ["src"], qs = { class: "mobile-logo-search-burger-wrapper" }, Bs = { class: "mobile-mir-link-logo" }, Is = { class: "mobile-search-wrapper" }, Ls = ["src"], Ts = ["onClick"], Cs = ["src"], As = { class: "mobile-menu-content-wrapper" }, Vs = { class: "mobile-dropdown-content" }, Ds = /* @__PURE__ */ v({
+}, qs = { class: "dropdown-content" }, Ls = { class: "nav-search-wrapper" }, Ts = ["src"], Cs = { class: "mobile-logo-search-burger-wrapper" }, Vs = { class: "mobile-mir-link-logo" }, As = { class: "mobile-search-wrapper" }, Ds = ["src"], Ms = ["onClick"], Os = ["src"], Ps = { class: "mobile-menu-content-wrapper" }, Fs = { class: "mobile-dropdown-content" }, Es = /* @__PURE__ */ f({
   __name: "header",
   props: {
     burgerState: {
@@ -2440,132 +1999,133 @@ const ms = /* @__PURE__ */ h(vs, [["__scopeId", "data-v-9d34b5e2"]]), fs = { cla
     "update:showDropDown",
     "clickSearch"
   ],
-  setup(e, { expose: i, emit: o }) {
-    const a = e;
-    let r = null, m = x(a.burgerState), w = x(a.showDropDown);
-    se(
-      () => a.burgerState,
-      (S) => m.value = S
-    ), se(
-      () => a.showDropDown,
-      (S) => w.value = S
-    ), re(() => {
-      r = (S) => {
-        S.target.closest("#menu-dropdown") || (w.value = !1);
-      }, window.addEventListener("click", r);
-    }), $e(() => {
-      r !== null && window.removeEventListener("click", r);
+  setup(e, { expose: a, emit: r }) {
+    let l = null;
+    const s = e;
+    let u = I(s.burgerState), c = I(s.showDropDown);
+    re(
+      () => s.burgerState,
+      (B) => u.value = B
+    ), re(
+      () => s.showDropDown,
+      (B) => c.value = B
+    ), ce(() => {
+      l = (B) => {
+        B.target.closest("#menu-dropdown") || (c.value = !1);
+      }, window.addEventListener("click", l);
+    }), Se(() => {
+      l !== null && window.removeEventListener("click", l);
     });
-    function _() {
-      w.value = !w.value, o("update:showDropDown", w.value);
+    const _ = r;
+    function S() {
+      c.value = !c.value, _("update:showDropDown", c.value);
     }
-    function $() {
-      m.value = !m.value, o("update:burgerState", m.value);
+    function m() {
+      u.value = !u.value, _("update:burgerState", u.value);
     }
-    let g = x(null), B = x(null);
+    let y = I(null), q = I(null);
     function X() {
-      g.value && g.value.blur();
+      y.value && y.value.blur();
     }
-    return i({
+    return a({
       defocusSearchButton: X
-    }), (S, H) => (l(), s("div", fs, [
+    }), (B, U) => (o(), i("div", ys, [
       t("nav", null, [
-        t("div", gs, [
-          t("div", ys, [
-            d(S.$slots, "link-logo", {}, void 0, !0)
+        t("div", $s, [
+          t("div", ks, [
+            p(B.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", ps, [
-            d(S.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", ws, [
+            p(B.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", bs, [
+          t("div", Ss, [
             t("button", {
               class: "nav-dropdown-btn",
-              onClick: _
+              onClick: S
             }, [
-              d(S.$slots, "dropdown-title", {}, void 0, !0),
-              I(w) === !1 ? (l(), s("img", $s)) : (l(), s("img", ks))
+              p(B.$slots, "dropdown-title", {}, void 0, !0),
+              C(c) === !1 ? (o(), i("img", Bs)) : (o(), i("img", Is))
             ]),
-            Q(t("div", ws, [
-              d(S.$slots, "dropdown-links", {}, void 0, !0)
+            Z(t("div", qs, [
+              p(B.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Z, I(w)]
+              [ee, C(c)]
             ])
           ], 512),
-          t("div", Ss, [
+          t("div", Ls, [
             t("button", {
               ref_key: "navSearchButton",
-              ref: g,
+              ref: y,
               class: "search-icon",
-              onClick: H[0] || (H[0] = (W) => {
-                var N;
-                return S.$emit("clickSearch"), (N = I(g)) == null ? void 0 : N.blur();
+              onClick: U[0] || (U[0] = (x) => {
+                var H;
+                return B.$emit("clickSearch"), (H = C(y)) == null ? void 0 : H.blur();
               })
             }, [
               t("img", {
-                src: I(m) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: C(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, xs)
+              }, null, 8, Ts)
             ], 512)
           ])
         ]),
         t("div", {
-          class: u(["mobile-nav-wrapper", I(m) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: h(["mobile-nav-wrapper", C(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", qs, [
-            t("div", Bs, [
-              d(S.$slots, "link-logo", {}, void 0, !0)
+          t("div", Cs, [
+            t("div", Vs, [
+              p(B.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", Is, [
+            t("div", As, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: B,
+                ref: q,
                 class: "search-icon",
                 "aria-label": "Toggle search",
-                onClick: H[1] || (H[1] = (W) => {
-                  var N;
-                  return S.$emit("clickSearch"), (N = I(B)) == null ? void 0 : N.blur();
+                onClick: U[1] || (U[1] = (x) => {
+                  var H;
+                  return B.$emit("clickSearch"), (H = C(q)) == null ? void 0 : H.blur();
                 })
               }, [
                 t("img", {
-                  src: I(m) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: C(u) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, Ls)
+                }, null, 8, Ds)
               ], 512)
             ]),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: oe($, ["prevent"])
+              onClick: ne(m, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: I(m) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
-              }, null, 8, Cs)
-            ], 8, Ts)
+                src: C(u) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
+              }, null, 8, Os)
+            ], 8, Ms)
           ]),
-          Q(t("div", As, [
+          Z(t("div", Ps, [
             t("ul", null, [
-              d(S.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              p(B.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Vs, [
-              d(S.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              d(S.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Fs, [
+              p(B.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              p(B.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, I(m)]
+            [ee, C(u)]
           ])
         ], 2)
       ])
     ]));
   }
-});
-const Ms = /* @__PURE__ */ h(Ds, [["__scopeId", "data-v-e129834d"]]), Os = { class: "language__wrapper" }, Ps = { class: "language__content" }, zs = { class: "language__headline" }, Fs = { class: "language__paragraph" }, Ns = /* @__PURE__ */ v({
+}), Ns = /* @__PURE__ */ v(Es, [["__scopeId", "data-v-e129834d"]]), Rs = { class: "language__wrapper" }, Hs = { class: "language__content" }, zs = { class: "language__headline" }, Us = { class: "language__paragraph" }, Ks = /* @__PURE__ */ f({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2578,16 +2138,15 @@ const Ms = /* @__PURE__ */ h(Ds, [["__scopeId", "data-v-e129834d"]]), Os = { cla
     }
   },
   setup(e) {
-    return (i, o) => (l(), s("div", Os, [
-      t("div", Ps, [
-        t("h2", zs, n(e.headline), 1),
-        t("p", Fs, n(e.paragraph), 1),
-        d(i.$slots, "language-links", {}, void 0, !0)
+    return (a, r) => (o(), i("div", Rs, [
+      t("div", Hs, [
+        t("h2", zs, d(e.headline), 1),
+        t("p", Us, d(e.paragraph), 1),
+        p(a.$slots, "language-links", {}, void 0, !0)
       ])
     ]));
   }
-});
-const Es = /* @__PURE__ */ h(Ns, [["__scopeId", "data-v-f345ee1f"]]), Hs = { class: "pagination__wrapper" }, Rs = { class: "pagination__content" }, js = /* @__PURE__ */ v({
+}), js = /* @__PURE__ */ v(Ks, [["__scopeId", "data-v-f345ee1f"]]), Gs = { class: "pagination__wrapper" }, Ws = { class: "pagination__content" }, Ys = /* @__PURE__ */ f({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2601,81 +2160,79 @@ const Es = /* @__PURE__ */ h(Ns, [["__scopeId", "data-v-f345ee1f"]]), Hs = { cla
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (i, o) => (l(), s("div", Hs, [
-      t("div", Rs, [
-        b(J, {
+    return (a, r) => (o(), i("div", Gs, [
+      t("div", Ws, [
+        k(J, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
-          onClick: o[0] || (o[0] = (a) => i.$emit("previous"))
+          onClick: r[0] || (r[0] = (l) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        d(i.$slots, "pagination-numbers"),
-        b(J, {
+        p(a.$slots, "pagination-numbers"),
+        k(J, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
-          onClick: o[1] || (o[1] = (a) => i.$emit("next"))
+          onClick: r[1] || (r[1] = (l) => a.$emit("next"))
         }, null, 8, ["disabled"])
       ])
     ]));
   }
-});
-const Us = /* @__PURE__ */ h(js, [["__scopeId", "data-v-9eec8df7"]]);
-const Ks = {}, Gs = { class: "search__wrapper" };
-function Ws(e, i) {
-  return l(), s("div", Gs, [
-    d(e.$slots, "default", { class: "search__content" })
+}), Qs = /* @__PURE__ */ v(Ys, [["__scopeId", "data-v-9eec8df7"]]), Zs = {}, Js = { class: "search__wrapper" };
+function Xs(e, a) {
+  return o(), i("div", Js, [
+    p(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Ys = /* @__PURE__ */ h(Ks, [["render", Ws], ["__scopeId", "data-v-623adb82"]]), Js = {
+const xs = /* @__PURE__ */ v(Zs, [["render", Xs], ["__scopeId", "data-v-623adb82"]]), ti = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Le), e.component("AtomChip", De), e.component("AtomDropdown", He), e.component("AtomImage", A), e.component("AtomLabel", G), e.component("AtomLink", V), e.component("AtomRadioButton", et), e.component("AtomSelect", ot), e.component("AtomSlider", ft), e.component("AtomTextarea", St), e.component("AtomTextField", Mt), e.component("AtomVideo", U), e.component("MoleculeAddress", Qt), e.component("MoleculeBulletList", ta), e.component("MoleculeCard", oa), e.component("MoleculeEventCard", va), e.component("MoleculeModal", de), e.component("MoleculeTextCard", pa), e.component("BlockFacts", Ia), e.component("BlockFeatures", Oa), e.component("BlockFormScript", ja), e.component("BlockHeadline", ol), e.component("BlockHero", gl), e.component("BlockImage", Qa), e.component("BlockImageGallery", al), e.component("BlockLogoWall", ql), e.component("BlockMicroStories", Il), e.component("BlockPolicy", Vl), e.component("BlockProductHero", Fl), e.component("BlockPromo", Hl), e.component("BlockQuote", ti), e.component("BlockRichText", oi), e.component("BlockRichTextColumns", hi), e.component("BlockTimeline", wi), e.component("BlockTripleCardDisplay", Ti), e.component("BlockVimeo", Oi), e.component("Organism404", Hi), e.component("OrganismFilter", Wi), e.component("OrganismFooter", ms), e.component("OrganismHeader", Ms), e.component("OrganismLanguageSwitcher", Es), e.component("OrganismPagination", Us), e.component("OrganismSearch", Ys);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ae), e.component("AtomChip", Fe), e.component("AtomDropdown", je), e.component("AtomImage", D), e.component("AtomLabel", Y), e.component("AtomLink", M), e.component("AtomRadioButton", lt), e.component("AtomSelect", dt), e.component("AtomSlider", bt), e.component("AtomTextarea", qt), e.component("AtomTextField", Et), e.component("AtomVideo", G), e.component("MoleculeAddress", xt), e.component("MoleculeBulletList", oa), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", ue), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Va), e.component("BlockFeatures", Na), e.component("BlockFormScript", Wa), e.component("BlockHeadline", dl), e.component("BlockHero", yl), e.component("BlockImage", xa), e.component("BlockImageGallery", sl), e.component("BlockLogoWall", Tl), e.component("BlockMicroStories", Vl), e.component("BlockPolicy", Pl), e.component("BlockProductHero", zl), e.component("BlockPromo", jl), e.component("BlockQuote", oo), e.component("BlockRichText", co), e.component("BlockRichTextColumns", fo), e.component("BlockTimeline", qo), e.component("BlockTripleCardDisplay", Mo), e.component("BlockVimeo", Ro), e.component("Organism404", Go), e.component("OrganismFilter", Xo), e.component("OrganismFooter", bs), e.component("OrganismHeader", Ns), e.component("OrganismLanguageSwitcher", js), e.component("OrganismPagination", Qs), e.component("OrganismSearch", xs);
   }
 };
 export {
   J as AtomButton,
-  Le as AtomCheckbox,
-  De as AtomChip,
-  He as AtomDropdown,
-  A as AtomImage,
-  G as AtomLabel,
-  V as AtomLink,
-  et as AtomRadioButton,
-  ot as AtomSelect,
-  ft as AtomSlider,
-  Mt as AtomTextField,
-  St as AtomTextarea,
-  U as AtomVideo,
-  Ia as BlockFacts,
-  Oa as BlockFeatures,
-  ja as BlockFormScript,
-  ol as BlockHeadline,
-  gl as BlockHero,
-  Qa as BlockImage,
-  al as BlockImageGallery,
-  ql as BlockLogoWall,
-  Il as BlockMicroStories,
-  Vl as BlockPolicy,
-  Fl as BlockProductHero,
-  Hl as BlockPromo,
-  ti as BlockQuote,
-  oi as BlockRichText,
-  hi as BlockRichTextColumns,
-  wi as BlockTimeline,
-  Ti as BlockTripleCardDisplay,
-  Oi as BlockVimeo,
-  Qt as MoleculeAddress,
-  ta as MoleculeBulletList,
-  oa as MoleculeCard,
-  va as MoleculeEventCard,
-  de as MoleculeModal,
-  pa as MoleculeTextCard,
-  Hi as Organism404,
-  Wi as OrganismFilter,
-  ms as OrganismFooter,
-  Ms as OrganismHeader,
-  Es as OrganismLanguageSwitcher,
-  Us as OrganismPagination,
-  Ys as OrganismSearch,
-  Js as default
+  Ae as AtomCheckbox,
+  Fe as AtomChip,
+  je as AtomDropdown,
+  D as AtomImage,
+  Y as AtomLabel,
+  M as AtomLink,
+  lt as AtomRadioButton,
+  dt as AtomSelect,
+  bt as AtomSlider,
+  Et as AtomTextField,
+  qt as AtomTextarea,
+  G as AtomVideo,
+  Va as BlockFacts,
+  Na as BlockFeatures,
+  Wa as BlockFormScript,
+  dl as BlockHeadline,
+  yl as BlockHero,
+  xa as BlockImage,
+  sl as BlockImageGallery,
+  Tl as BlockLogoWall,
+  Vl as BlockMicroStories,
+  Pl as BlockPolicy,
+  zl as BlockProductHero,
+  jl as BlockPromo,
+  oo as BlockQuote,
+  co as BlockRichText,
+  fo as BlockRichTextColumns,
+  qo as BlockTimeline,
+  Mo as BlockTripleCardDisplay,
+  Ro as BlockVimeo,
+  xt as MoleculeAddress,
+  oa as MoleculeBulletList,
+  da as MoleculeCard,
+  fa as MoleculeEventCard,
+  ue as MoleculeModal,
+  ka as MoleculeTextCard,
+  Go as Organism404,
+  Xo as OrganismFilter,
+  bs as OrganismFooter,
+  Ns as OrganismHeader,
+  js as OrganismLanguageSwitcher,
+  Qs as OrganismPagination,
+  xs as OrganismSearch,
+  ti as default
 };