@mirweb/mir-web-components 0.17.0 → 0.17.1

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as P, openBlock as i, createElementBlock as s, normalizeClass as _, toDisplayString as r, createElementVNode as t, renderSlot as d, pushScopeId as O, popScopeId as z, createTextVNode as j, ref as w, withDirectives as Q, Fragment as I, renderList as C, vShow as Z, normalizeProps as V, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as ge, withCtx as $, withModifiers as oe, createBlock as D, createCommentVNode as m, watchEffect as re, withKeys as ye, useSlots as pe, normalizeStyle as te, isRef as ie, unref as B, onMounted as ne, watch as se, onUnmounted as be } from "vue";
+import { defineComponent as v, computed as D, openBlock as i, createElementBlock as s, normalizeClass as u, toDisplayString as r, createElementVNode as t, renderSlot as d, pushScopeId as z, popScopeId as F, createTextVNode as j, ref as w, withDirectives as Q, Fragment as L, renderList as C, vShow as Z, normalizeProps as V, guardReactiveProps as O, mergeProps as ee, createVNode as b, Transition as ge, withCtx as $, withModifiers as oe, createBlock as M, createCommentVNode as m, watchEffect as re, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as I, onMounted as ne, watch as se, onUnmounted as pe } from "vue";
 const $e = ["aria-label"], ke = /* @__PURE__ */ v({
   __name: "button",
   props: {
@@ -13,11 +13,11 @@ const $e = ["aria-label"], ke = /* @__PURE__ */ v({
       close: "close",
       next: "next",
       previous: "previous"
-    }, a = P(() => o[l.variant]);
-    return (n, c) => (i(), s("button", {
-      class: _(["button", "button--" + a.value]),
+    }, a = D(() => o[l.variant]);
+    return (n, _) => (i(), s("button", {
+      class: u(["button", "button--" + a.value]),
       "aria-label": n.ariaLabel
-    }, r(n.variant == "close" ? "" : n.buttonText), 11, $e));
+    }, r(a.value == "close" ? "" : n.buttonText), 11, $e));
   }
 });
 const h = (e, l) => {
@@ -25,7 +25,7 @@ const h = (e, l) => {
   for (const [a, n] of l)
     o[a] = n;
   return o;
-}, J = /* @__PURE__ */ h(ke, [["__scopeId", "data-v-1e00a5e5"]]), we = (e) => (O("data-v-42c44141"), e = e(), z(), e), xe = ["id", "name", "value", "disabled", "required"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ v({
+}, J = /* @__PURE__ */ h(ke, [["__scopeId", "data-v-22b26cbe"]]), we = (e) => (z("data-v-42c44141"), e = e(), F(), e), xe = ["id", "name", "value", "disabled", "required"], Se = ["for"], qe = /* @__PURE__ */ we(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Be = /* @__PURE__ */ v({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -41,7 +41,7 @@ const h = (e, l) => {
       l("input", n.checked);
     };
     return (a, n) => (i(), s("div", {
-      class: _(["checkbox__wrapper", a.disabled ? "disabled" : ""])
+      class: u(["checkbox__wrapper", a.disabled ? "disabled" : ""])
     }, [
       t("input", {
         id: a.id,
@@ -55,7 +55,7 @@ const h = (e, l) => {
       }, null, 40, xe),
       t("label", {
         for: a.id,
-        class: _(["checkbox__label", a.required ? "required" : ""])
+        class: u(["checkbox__label", a.required ? "required" : ""])
       }, [
         qe,
         d(a.$slots, "default", {}, void 0, !0)
@@ -63,7 +63,7 @@ const h = (e, l) => {
     ], 2));
   }
 });
-const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-42c44141"]]), Ce = (e) => (O("data-v-08813346"), e = e(), z(), e), Le = ["aria-label"], Te = /* @__PURE__ */ Ce(() => /* @__PURE__ */ t("img", {
+const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-42c44141"]]), Le = (e) => (z("data-v-08813346"), e = e(), F(), e), Ce = ["aria-label"], Te = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -74,10 +74,10 @@ const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-42c44141"]]), Ce = (e) =
   },
   emits: ["remove-chip"],
   setup(e) {
-    const l = e, o = P(() => `Chip: ${l.text}`);
+    const l = e, o = D(() => `Chip: ${l.text}`);
     return (a, n) => (i(), s("div", {
       class: "chip__wrapper",
-      onClick: n[0] || (n[0] = (c) => a.$emit("remove-chip"))
+      onClick: n[0] || (n[0] = (_) => a.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -85,7 +85,7 @@ const Ie = /* @__PURE__ */ h(Be, [["__scopeId", "data-v-42c44141"]]), Ce = (e) =
       }, [
         j(r(a.text) + " ", 1),
         Te
-      ], 8, Le)
+      ], 8, Ce)
     ]));
   }
 });
@@ -139,140 +139,140 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const o = e, a = w(null), n = w(null), c = w([]), b = w(0), T = w(""), S = w(!0), g = w(0), q = P(() => {
-      const u = o.options.find(
+    const o = e, a = w(null), n = w(null), _ = w([]), p = w(0), x = w(""), q = w(!0), g = w(0), B = D(() => {
+      const c = o.options.find(
         (f) => f.value === o.modelValue
       );
-      return u && u.label;
+      return c && c.label;
     }), X = {
-      beforeMount(u, f) {
-        u.clickOutsideEvent = function(y) {
-          u === y.target || u.contains(y.target) || f.value(y);
-        }, document.body.addEventListener("click", u.clickOutsideEvent);
+      beforeMount(c, f) {
+        c.clickOutsideEvent = function(y) {
+          c === y.target || c.contains(y.target) || f.value(y);
+        }, document.body.addEventListener("click", c.clickOutsideEvent);
       },
-      unmounted(u) {
-        document.body.removeEventListener("click", u.clickOutsideEvent);
+      unmounted(c) {
+        document.body.removeEventListener("click", c.clickOutsideEvent);
       }
     };
-    function k(u) {
-      l("update:modelValue", u);
+    function k(c) {
+      l("update:modelValue", c);
     }
-    function H(u) {
+    function H(c) {
       var y;
-      const f = u.target;
-      f.getAttribute("role") === "option" && (U(f), Y(), (y = a.value) == null || y.focus());
+      const f = c.target;
+      f.getAttribute("role") === "option" && (K(f), Y(), (y = a.value) == null || y.focus());
     }
-    function W(u) {
+    function W(c) {
       var y;
-      const f = u.key;
+      const f = c.key;
       switch (f) {
         case "ArrowUp":
         case "ArrowDown": {
-          u.preventDefault();
-          const x = o.options.findIndex(
+          c.preventDefault();
+          const S = o.options.findIndex(
             (R) => R.value === o.modelValue
           );
-          let F = x ? c.value[x] : c.value[0];
-          f === "ArrowUp" ? x - 1 >= 0 && (F = c.value[x - 1]) : x + 1 <= o.options.length && (F = c.value[x + 1]), F && U(F);
+          let P = S ? _.value[S] : _.value[0];
+          f === "ArrowUp" ? S - 1 >= 0 && (P = _.value[S - 1]) : S + 1 <= o.options.length && (P = _.value[S + 1]), P && K(P);
           break;
         }
         case "Home":
         case "PageUp":
-          u.preventDefault(), he();
+          c.preventDefault(), he();
           break;
         case "End":
         case "PageDown":
-          u.preventDefault(), ve();
+          c.preventDefault(), ve();
           break;
         case "Enter":
         case "Escape":
-          u.preventDefault(), Y(), (y = a.value) == null || y.focus();
+          c.preventDefault(), Y(), (y = a.value) == null || y.focus();
           break;
         default: {
-          const x = _e(f);
-          x && U(x);
+          const S = _e(f);
+          S && K(S);
           break;
         }
       }
     }
-    function N(u) {
+    function N(c) {
       if (!o.disabled)
-        switch (u.key) {
+        switch (c.key) {
           case "ArrowUp":
           case "ArrowDown":
-            u.preventDefault(), le(), W(u);
+            c.preventDefault(), le(), W(c);
             break;
         }
     }
-    function ce(u) {
-      u && u.removeAttribute("aria-selected");
+    function ce(c) {
+      c && c.removeAttribute("aria-selected");
     }
     function ue() {
-      b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
-        T.value = "", b.value = 0;
+      p.value && (clearTimeout(p.value), p.value = 0), p.value = setTimeout(() => {
+        x.value = "", p.value = 0;
       }, 500);
     }
-    function _e(u) {
+    function _e(c) {
       let f = "";
-      (T.value === "" || f !== u) && (g.value = o.options.findIndex(
-        (x) => x.value === o.modelValue
-      )), T.value = f === u ? u : T.value + u, f = u, ue();
+      (x.value === "" || f !== c) && (g.value = o.options.findIndex(
+        (S) => S.value === o.modelValue
+      )), x.value = f === c ? c : x.value + c, f = c, ue();
       let y = ae(
         g.value + 1,
         o.options.length
       );
-      return !y && T.value.length === 1 && (y = ae(0, g.value)), g.value = (g.value + 1) % o.options.length, y;
+      return !y && x.value.length === 1 && (y = ae(0, g.value)), g.value = (g.value + 1) % o.options.length, y;
     }
-    function ae(u, f) {
-      for (let y = u; y < f; y++)
-        if (o.options[y].label && o.options[y].label.toUpperCase().indexOf(T.value.toUpperCase()) === 0)
-          return c.value[y];
+    function ae(c, f) {
+      for (let y = c; y < f; y++)
+        if (o.options[y].label && o.options[y].label.toUpperCase().indexOf(x.value.toUpperCase()) === 0)
+          return _.value[y];
       return null;
     }
     function he() {
-      U(c.value[0]);
+      K(_.value[0]);
     }
-    function U(u) {
-      var y, x;
-      const f = u.getAttribute("data-value");
+    function K(c) {
+      var y, S;
+      const f = c.getAttribute("data-value");
       if (o.modelValue) {
-        const F = o.options.findIndex(
+        const P = o.options.findIndex(
           (fe) => fe.value === o.modelValue
-        ), R = c.value[F];
+        ), R = _.value[P];
         ce(R);
       }
-      if (u.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
+      if (c.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
         "aria-activedescendant",
         f || ""
       ), k(f || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
-        const F = n.value.clientHeight + n.value.scrollTop, R = u.offsetTop + u.offsetHeight;
-        R > F ? n.value.scrollTop = R - ((x = n.value) == null ? void 0 : x.clientHeight) : u.offsetTop < n.value.scrollTop && (n.value.scrollTop = u.offsetTop);
+        const P = n.value.clientHeight + n.value.scrollTop, R = c.offsetTop + c.offsetHeight;
+        R > P ? n.value.scrollTop = R - ((S = n.value) == null ? void 0 : S.clientHeight) : c.offsetTop < n.value.scrollTop && (n.value.scrollTop = c.offsetTop);
       }
     }
     function ve() {
       var f;
-      const u = (f = c.value) == null ? void 0 : f[o.options.length - 1];
-      U(u);
+      const c = (f = _.value) == null ? void 0 : f[o.options.length - 1];
+      K(c);
     }
     function Y() {
-      var u;
-      S.value = !0, (u = a.value) == null || u.removeAttribute("aria-expanded");
+      var c;
+      q.value = !0, (c = a.value) == null || c.removeAttribute("aria-expanded");
     }
     function le() {
-      var u, f;
-      S.value = !1, (u = a.value) == null || u.setAttribute("aria-expanded", "true"), (f = n.value) == null || f.focus();
+      var c, f;
+      q.value = !1, (c = a.value) == null || c.setAttribute("aria-expanded", "true"), (f = n.value) == null || f.focus();
     }
     function me() {
-      o.disabled || (S.value ? le() : Y());
+      o.disabled || (q.value ? le() : Y());
     }
-    return (u, f) => (i(), s("div", {
+    return (c, f) => (i(), s("div", {
       ref: "listbox",
       class: "listbox__wrapper",
       value: e.modelValue
     }, [
       t("label", {
         id: `${e.name}-label`,
-        class: _([{
+        class: u([{
           "listbox__label--visually-hidden": !e.showLabel,
           "is-disabled": e.disabled,
           "is-required": e.required
@@ -287,13 +287,13 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": e.disabled,
-          class: _([
+          class: u([
             "listbox__button",
             e.variant === "dark" ? "dropdown-dark dropdown-dark-bg-dark" : "dropdown-dark-bg-primary"
           ]),
           onClick: me,
           onKeydown: N
-        }, r(e.modelValue ? q.value : e.placeholder), 43, ze),
+        }, r(e.modelValue ? B.value : e.placeholder), 43, ze),
         Q(t("ul", {
           ref_key: "listboxNode",
           ref: n,
@@ -305,18 +305,18 @@ const Ve = /* @__PURE__ */ h(Ae, [["__scopeId", "data-v-08813346"]]), De = ["val
           onKeydown: W,
           onClick: H
         }, [
-          (i(!0), s(I, null, C(e.options, (y, x) => (i(), s("li", {
-            key: `${e.name}-option-${x}`,
+          (i(!0), s(L, null, C(e.options, (y, S) => (i(), s("li", {
+            key: `${e.name}-option-${S}`,
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: c,
+            ref: _,
             "aria-selected": y.value === e.modelValue,
             "data-value": y.value,
             class: "listbox__option",
             role: "option"
           }, r(y.label), 9, Pe))), 128))
         ], 40, Fe), [
-          [Z, !S.value]
+          [Z, !q.value]
         ])
       ])), [
         [X, Y]
@@ -365,11 +365,11 @@ const Ee = /* @__PURE__ */ h(Ne, [["__scopeId", "data-v-48b1733b"]]), He = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", He, [
-      d(l.$slots, "default", V(M(l.$attrs)))
+      d(l.$slots, "default", V(O(l.$attrs)))
     ]));
   }
 });
-const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-f41d7358"]]), je = { class: "label__wrapper" }, Ke = ["aria-label", "label-dark"], Ue = /* @__PURE__ */ v({
+const T = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-f41d7358"]]), je = { class: "label__wrapper" }, Ue = ["aria-label", "label-dark"], Ke = /* @__PURE__ */ v({
   __name: "label",
   props: {
     text: {
@@ -383,17 +383,17 @@ const L = /* @__PURE__ */ h(Re, [["__scopeId", "data-v-f41d7358"]]), je = { clas
     }
   },
   setup(e) {
-    const l = e, o = P(() => `Label: ${l.text}`);
+    const l = e, o = D(() => `Label: ${l.text}`);
     return (a, n) => (i(), s("div", je, [
       t("span", {
         "aria-label": o.value,
         "label-dark": e.labelDark,
-        class: _(e.labelDark ? "label--dark" : "label--light")
-      }, r(e.text), 11, Ke)
+        class: u(e.labelDark ? "label--dark" : "label--light")
+      }, r(e.text), 11, Ue)
     ]));
   }
 });
-const G = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-e7a44d10"]]), Ge = { class: "link__wrapper" }, A = /* @__PURE__ */ v({
+const G = /* @__PURE__ */ h(Ke, [["__scopeId", "data-v-e7a44d10"]]), Ge = { class: "link__wrapper" }, A = /* @__PURE__ */ v({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -403,32 +403,36 @@ const G = /* @__PURE__ */ h(Ue, [["__scopeId", "data-v-e7a44d10"]]), Ge = { clas
   },
   setup(e) {
     const l = e, o = {
-      primary: "primary",
-      secondary: "secondary",
-      secondary_dark: "secondary-dark",
-      regular: "regular",
-      regular_dark: "regular-dark",
-      regular_light: "regular-light",
-      regular_blue: "regular-blue"
-    }, a = P(() => o[l.linkType]), n = P(() => {
-      const { ...c } = l;
-      return c;
+      primary: "mir-link--btn button button--primary",
+      secondary: "mir-link--btn button button--secondary",
+      secondary_dark: "mir-link--btn button button--secondary-dark",
+      regular: "regular-link",
+      regular_dark: "regular-link-dark",
+      regular_light: "regular-link-light",
+      regular_blue: "regular-link-blue"
+    }, a = {
+      hover: "underline-hover",
+      true: "add-underline",
+      false: "remove-underline"
+    }, n = D(() => o[l.linkType]), _ = D(() => a[l.underline]), p = D(() => {
+      const { ...x } = l;
+      return x;
     });
-    return (c, b) => (i(), s("div", Ge, [
-      t("div", ee(n.value, {
+    return (x, q) => (i(), s("div", Ge, [
+      t("div", ee(p.value, {
         class: ["mir-link", [
-          a.value,
-          c.disabled ? "disabled" : "",
-          c.underline === "false" ? "remove-underline" : c.underline === "true" ? "add-underline" : c.underline === "hover" ? "underline-hover" : "",
-          c.arrow ? "link-arrow" : ""
+          n.value,
+          x.disabled ? "disabled" : "",
+          _.value,
+          x.arrow ? "link-arrow" : ""
         ]]
       }), [
-        d(c.$slots, "default")
+        d(x.$slots, "default")
       ], 16)
     ]));
   }
 });
-const We = (e) => (O("data-v-eaed5b4f"), e = e(), z(), e), Ye = ["id", "name", "value", "checked", "disabled", "required"], Qe = ["for"], Je = /* @__PURE__ */ We(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Xe = /* @__PURE__ */ v({
+const We = (e) => (z("data-v-eaed5b4f"), e = e(), F(), e), Ye = ["id", "name", "value", "checked", "disabled", "required"], Qe = ["for"], Je = /* @__PURE__ */ We(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), Xe = /* @__PURE__ */ v({
   __name: "radio-button",
   props: {
     name: {
@@ -467,7 +471,7 @@ const We = (e) => (O("data-v-eaed5b4f"), e = e(), z(), e), Ye = ["id", "name", "
       l("input", n.checked);
     };
     return (a, n) => (i(), s("div", {
-      class: _(["radio__wrapper", e.disabled ? "disabled" : ""])
+      class: u(["radio__wrapper", e.disabled ? "disabled" : ""])
     }, [
       t("input", {
         id: e.id,
@@ -482,7 +486,7 @@ const We = (e) => (O("data-v-eaed5b4f"), e = e(), z(), e), Ye = ["id", "name", "
       }, null, 40, Ye),
       t("label", {
         for: e.id,
-        class: _(["radio__label", e.required ? "required" : ""])
+        class: u(["radio__label", e.required ? "required" : ""])
       }, [
         Je,
         d(a.$slots, "default", {}, void 0, !0)
@@ -534,11 +538,11 @@ const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-eaed5b4f"]]), et = { cla
     return (l, o) => (i(), s("div", et, [
       t("label", {
         for: e.id,
-        class: _([e.required ? "required" : "", e.disabled ? "disabled" : ""])
+        class: u([e.required ? "required" : "", e.disabled ? "disabled" : ""])
       }, r(e.label), 11, tt),
       t("select", {
         id: e.id,
-        class: _(e.disabled ? "disabled" : ""),
+        class: u(e.disabled ? "disabled" : ""),
         disabled: e.disabled,
         name: e.name,
         value: e.modelValue,
@@ -546,7 +550,7 @@ const Ze = /* @__PURE__ */ h(Xe, [["__scopeId", "data-v-eaed5b4f"]]), et = { cla
           l.$emit("update:modelValue", a.target.value), a.target.blur();
         })
       }, [
-        (i(!0), s(I, null, C(e.options, (a) => (i(), s("option", {
+        (i(!0), s(L, null, C(e.options, (a) => (i(), s("option", {
           key: a.value,
           value: a.value
         }, r(a.text), 9, lt))), 128))
@@ -565,27 +569,27 @@ const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-4445d1ae"]]), ot = { cla
     const o = e, a = () => {
       l("update:show", !o.show);
     };
-    return (n, c) => (i(), s("div", ot, [
-      p(ge, {
+    return (n, _) => (i(), s("div", ot, [
+      b(ge, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
           n.show ? (i(), s("div", {
             key: 0,
-            class: _(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
+            class: u(["overlay", n.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: a
           }, [
             t("div", {
               id: "modal",
-              class: _([n.searchBar ? "search" : ""]),
-              onClick: c[0] || (c[0] = oe(() => {
+              class: u([n.searchBar ? "search" : ""]),
+              onClick: _[0] || (_[0] = oe(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                n.searchBar ? m("", !0) : (i(), D(J, {
+                n.searchBar ? m("", !0) : (i(), M(J, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -654,38 +658,38 @@ const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), nt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: l }) {
-    const o = e, a = w(o.modelValue), n = w(), c = w(!1), b = (S, g, q) => (S - g) / (q - g) * 100, T = (S) => {
+    const o = e, a = w(o.modelValue), n = w(), _ = w(!1), p = (q, g, B) => (q - g) / (B - g) * 100, x = (q) => {
       var g;
-      (g = n.value) == null || g.style.setProperty("--ProgressPercent", `${S}%`);
+      (g = n.value) == null || g.style.setProperty("--ProgressPercent", `${q}%`);
     };
     return re(() => {
       if (n.value) {
         l("update:modelValue", a.value);
-        const S = b(a.value, o.min, o.max);
-        let g = (50 - S) / 100;
-        T(S + g);
+        const q = p(a.value, o.min, o.max);
+        let g = (50 - q) / 100;
+        x(q + g);
       }
-    }), (S, g) => (i(), s("div", null, [
+    }), (q, g) => (i(), s("div", null, [
       t("div", nt, [
         t("div", dt, [
           t("label", {
             for: e.id,
-            class: _([e.variant, ""])
+            class: u([e.variant, ""])
           }, r(e.label), 11, ct),
           e.information ? (i(), s("i", {
             key: 0,
             role: "button",
-            class: _([e.variant, "slider__information"]),
+            class: u([e.variant, "slider__information"]),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: g[0] || (g[0] = (q) => c.value = !c.value),
-            onKeyup: g[1] || (g[1] = ye((q) => c.value = !c.value, ["enter"]))
+            onClick: g[0] || (g[0] = (B) => _.value = !_.value),
+            onKeyup: g[1] || (g[1] = ye((B) => _.value = !_.value, ["enter"]))
           }, null, 42, ut)) : m("", !0)
         ]),
         t("div", _t, [
           t("span", {
-            class: _([e.variant, "slider__minmax"])
+            class: u([e.variant, "slider__minmax"])
           }, r(e.min), 3),
           t("input", {
             id: e.id,
@@ -697,21 +701,21 @@ const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), nt = { cla
             min: e.min,
             step: e.step,
             max: e.max,
-            class: _(e.variant),
-            onInput: g[2] || (g[2] = ({ target: q }) => a.value = parseFloat(q.value))
+            class: u(e.variant),
+            onInput: g[2] || (g[2] = ({ target: B }) => a.value = parseFloat(B.value))
           }, null, 42, ht),
           t("span", {
-            class: _([e.variant, "slider__minmax"])
+            class: u([e.variant, "slider__minmax"])
           }, r(e.max), 3)
         ]),
         t("span", {
-          class: _([e.variant, "slider__value"])
+          class: u([e.variant, "slider__value"])
         }, r(e.modelValue), 3)
       ]),
-      e.information ? (i(), D(de, {
+      e.information ? (i(), M(de, {
         key: 0,
-        show: c.value,
-        "onUpdate:show": g[3] || (g[3] = (q) => c.value = q)
+        show: _.value,
+        "onUpdate:show": g[3] || (g[3] = (B) => _.value = B)
       }, {
         default: $(() => [
           j(r(e.information), 1)
@@ -721,7 +725,7 @@ const de = /* @__PURE__ */ h(rt, [["__scopeId", "data-v-ae81fb1e"]]), nt = { cla
     ]));
   }
 });
-const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id: "textarea-wrapper" }, gt = ["for"], yt = ["id"], pt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], bt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
+const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id: "textarea-wrapper" }, gt = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
   __name: "textarea",
   props: {
     id: {
@@ -770,7 +774,7 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id:
     return (l, o) => (i(), s("div", ft, [
       t("label", {
         for: e.id,
-        class: _({ required: e.required })
+        class: u({ required: e.required })
       }, r(e.labelText) + r(e.required ? " *" : ""), 11, gt),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
@@ -785,18 +789,18 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id:
           disabled: e.disabled,
           maxlength: e.maxLength,
           value: e.modelValue,
-          class: _(
+          class: u(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit" : "border"
           ),
           onInput: o[0] || (o[0] = (a) => l.$emit("update:modelValue", a.target.value))
-        }, null, 42, pt)
+        }, null, 42, bt)
       ], 8, yt),
-      t("div", bt, [
+      t("div", pt, [
         t("div", null, [
           e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? (i(), s("p", $t, " Too many characters. Please make it shorter ")) : m("", !0)
         ]),
         t("p", {
-          class: _(
+          class: u(
             e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "reached-meter-limit-meter" : ""
           )
         }, r(e.maxLength !== void 0 && e.modelValue !== void 0 && e.maxLength - e.modelValue.length >= 0 ? e.modelValue.length : 0) + " / " + r(e.maxLength), 3)
@@ -804,7 +808,7 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-39b97f8e"]]), ft = { id:
     ]));
   }
 });
-const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-05a5f31c"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Lt = {
+const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-05a5f31c"]]), xt = { class: "text-field__wrapper" }, St = ["for"], qt = { key: 0 }, Bt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], It = ["aria-expanded"], Lt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ct = {
   key: 2,
   class: "search"
 }, Tt = {
@@ -893,15 +897,15 @@ const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-05a5f31c"]]), xt = { cla
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = w(!0), o = P(
+    const l = w(!0), o = D(
       () => l.value ? "showPassword" : "hidePassword"
-    ), a = P(
+    ), a = D(
       () => l.value ? "password" : "text"
     );
-    return (n, c) => (i(), s("div", xt, [
+    return (n, _) => (i(), s("div", xt, [
       t("label", {
         for: e.id,
-        class: _([
+        class: u([
           e.required ? "required" : "",
           e.disabled ? "disabled" : "",
           e.search ? "search" : ""
@@ -917,14 +921,14 @@ const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-05a5f31c"]]), xt = { cla
           required: e.required,
           disabled: e.disabled,
           name: e.fieldName,
-          onInput: c[0] || (c[0] = (b) => n.$emit("update:modelValue", b.target.value))
+          onInput: _[0] || (_[0] = (p) => n.$emit("update:modelValue", p.target.value))
         }, null, 40, Bt),
         t("i", {
           role: "button",
-          class: _([o.value]),
+          class: u([o.value]),
           "aria-controls": "password",
           "aria-expanded": !l.value,
-          onClick: c[1] || (c[1] = (b) => l.value = !l.value)
+          onClick: _[1] || (_[1] = (p) => l.value = !l.value)
         }, null, 10, It)
       ])) : (i(), s("input", {
         key: 1,
@@ -934,16 +938,16 @@ const wt = /* @__PURE__ */ h(kt, [["__scopeId", "data-v-05a5f31c"]]), xt = { cla
         value: e.modelValue,
         placeholder: e.placeholder,
         required: e.required,
-        class: _([
+        class: u([
           e.invalid ? "invalid" : "",
           e.valid ? "valid" : "",
           e.search ? "search" : ""
         ]),
         disabled: e.disabled,
         name: e.fieldName,
-        onInput: c[2] || (c[2] = (b) => n.$emit("update:modelValue", b.target.value))
-      }, null, 42, Ct)),
-      e.search ? (i(), s("i", Lt)) : m("", !0),
+        onInput: _[2] || (_[2] = (p) => n.$emit("update:modelValue", p.target.value))
+      }, null, 42, Lt)),
+      e.search ? (i(), s("i", Ct)) : m("", !0),
       e.errorMessage ? (i(), s("strong", Tt, r(e.errorMessage), 1)) : m("", !0),
       e.helperText ? (i(), s("span", At, r(e.helperText), 1)) : m("", !0)
     ]));
@@ -1012,7 +1016,7 @@ const Dt = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-c09f7900"]]), Mt = { cla
       resetVideo: () => {
         a.value && (a.value.currentTime = 0, a.value.play());
       }
-    }), (c, b) => (i(), s("div", Mt, [
+    }), (_, p) => (i(), s("div", Mt, [
       e.localVideo ? (i(), s("video", {
         key: 0,
         ref_key: "videoRef",
@@ -1042,7 +1046,7 @@ const Dt = /* @__PURE__ */ h(Vt, [["__scopeId", "data-v-c09f7900"]]), Mt = { cla
     ]));
   }
 });
-const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { class: "address__wrapper" }, Nt = { class: "address__content" }, Et = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Kt = { class: "address__contact" }, Ut = ["href"], Gt = ["href"], Wt = /* @__PURE__ */ v({
+const U = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { class: "address__wrapper" }, Nt = { class: "address__content" }, Et = { class: "address__flag" }, Ht = { class: "address__address" }, Rt = { class: "address__name" }, jt = { key: 0 }, Ut = { class: "address__contact" }, Kt = ["href"], Gt = ["href"], Wt = /* @__PURE__ */ v({
   __name: "address",
   props: {
     name: {
@@ -1088,8 +1092,8 @@ const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { clas
           t("p", null, r(e.addressLine2), 1),
           e.addressLine3 ? (i(), s("p", jt, r(e.addressLine3), 1)) : m("", !0)
         ]),
-        t("div", Kt, [
-          (i(!0), s(I, null, C(e.phoneNumbers, (a) => (i(), D(A, {
+        t("div", Ut, [
+          (i(!0), s(L, null, C(e.phoneNumbers, (a) => (i(), M(A, {
             key: a,
             underline: "false",
             "link-type": "regular"
@@ -1098,7 +1102,7 @@ const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { clas
               t("a", {
                 href: "tel:" + a,
                 class: "address__phone"
-              }, r(a), 9, Ut)
+              }, r(a), 9, Kt)
             ]),
             _: 2
           }, 1024))), 128)),
@@ -1111,7 +1115,7 @@ const K = /* @__PURE__ */ h(Ft, [["__scopeId", "data-v-30720f26"]]), Pt = { clas
     ]));
   }
 });
-const Yt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-dc337ec6"]]), Qt = (e) => (O("data-v-a44fd57d"), e = e(), z(), e), Jt = { class: "bullet-list__wrapper" }, Xt = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Zt = /* @__PURE__ */ v({
+const Yt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-dc337ec6"]]), Qt = (e) => (z("data-v-a44fd57d"), e = e(), F(), e), Jt = { class: "bullet-list__wrapper" }, Xt = /* @__PURE__ */ Qt(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), Zt = /* @__PURE__ */ v({
   __name: "bullet-list",
   props: {
     list: {
@@ -1133,10 +1137,10 @@ const Yt = /* @__PURE__ */ h(Wt, [["__scopeId", "data-v-dc337ec6"]]), Qt = (e) =
   setup(e) {
     return (l, o) => (i(), s("div", Jt, [
       t("div", {
-        class: _(["bullet-list", e.variant])
+        class: u(["bullet-list", e.variant])
       }, [
         t("ul", null, [
-          (i(!0), s(I, null, C(e.list, (a) => (i(), s("li", { key: a }, [
+          (i(!0), s(L, null, C(e.list, (a) => (i(), s("li", { key: a }, [
             Xt,
             j(" " + r(a), 1)
           ]))), 128))
@@ -1224,11 +1228,11 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a44fd57d"]]), ta = { cla
   },
   emits: ["clicked"],
   setup(e) {
-    const l = pe();
+    const l = be();
     let o = w(!1);
     return (a, n) => (i(), s("div", ta, [
       t("div", {
-        class: _(["card", [
+        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" : "",
@@ -1236,10 +1240,10 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a44fd57d"]]), ta = { cla
           e.variant == "product" ? "card--product" : "card--article"
         ]]),
         style: te([e.variant == "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: n[0] || (n[0] = (c) => ie(o) ? o.value = !0 : o = !0),
-        onMouseout: n[1] || (n[1] = (c) => ie(o) ? o.value = !1 : o = !1)
+        onMouseover: n[0] || (n[0] = (_) => ie(o) ? o.value = !0 : o = !0),
+        onMouseout: n[1] || (n[1] = (_) => ie(o) ? o.value = !1 : o = !1)
       }, [
-        e.mediaType == "image" ? (i(), D(L, { key: 0 }, {
+        e.mediaType == "image" ? (i(), M(T, { key: 0 }, {
           default: $(() => [
             d(a.$slots, "card-image", ee({
               src: e.imgSrc,
@@ -1253,10 +1257,10 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a44fd57d"]]), ta = { cla
           _: 3
         })) : (i(), s("div", {
           key: 1,
-          class: _(["video-card__wrapper", B(o) == !0 ? "vimeoPlaying" : ""])
+          class: u(["video-card__wrapper", I(o) == !0 ? "vimeoPlaying" : ""])
         }, [
-          p(K, {
-            play: B(o),
+          b(U, {
+            play: I(o),
             "local-video": !0,
             src: e.videoSrc,
             "aria-label": e.arialabel,
@@ -1269,22 +1273,22 @@ const ea = /* @__PURE__ */ h(Zt, [["__scopeId", "data-v-a44fd57d"]]), ta = { cla
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        B(l)["card-label"] ? (i(), s("div", aa, [
+        I(l)["card-label"] ? (i(), s("div", aa, [
           d(a.$slots, "card-label")
         ])) : m("", !0),
         e.variant === "product" ? (i(), s("h3", {
           key: 3,
-          class: _(e.theme == "dark" ? "regular-dark" : "regular-blue")
+          class: u(e.theme == "dark" ? "regular-dark" : "regular-blue")
         }, r(e.headline), 3)) : (i(), s("h3", {
           key: 4,
-          class: _(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
+          class: u(e.theme == "dark" ? "regular-dark" : "regular-dark-blue")
         }, r(e.headline), 3)),
         e.variant == "product" ? (i(), s("p", la, r(e.paragraph), 1)) : m("", !0)
       ], 38)
     ]));
   }
 });
-const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-02d9cef5"]]), oa = (e) => (O("data-v-1a97c019"), e = e(), z(), e), ra = { class: "event__wrapper" }, na = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ v({
+const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-02d9cef5"]]), oa = (e) => (z("data-v-1a97c019"), e = e(), F(), e), ra = { class: "event__wrapper" }, na = { class: "event__headline" }, da = { class: "event__date-location" }, ca = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("br", null, null, -1)), ua = { class: "event__exhibitor" }, _a = /* @__PURE__ */ v({
   __name: "event-card",
   props: {
     eventType: {
@@ -1310,7 +1314,7 @@ const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-02d9cef5"]]), oa = (e) =
   },
   setup(e) {
     return (l, o) => (i(), s("div", ra, [
-      p(G, {
+      b(G, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -1342,7 +1346,7 @@ const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-1a97c019"]]), va = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", va, [
-      p(G, {
+      b(G, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1353,7 +1357,7 @@ const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-1a97c019"]]), va = { cla
     ]));
   }
 });
-const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { class: "facts__wrapper" }, ba = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact__value" }, xa = { class: "fact__metric" }, Sa = {
+const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), ba = { class: "facts__wrapper" }, pa = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact__value" }, xa = { class: "fact__metric" }, Sa = {
   key: 0,
   class: "facts__link"
 }, qa = /* @__PURE__ */ v({
@@ -1380,11 +1384,11 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { cla
     }) }
   },
   setup(e) {
-    return (l, o) => (i(), s("div", pa, [
-      t("div", ba, [
+    return (l, o) => (i(), s("div", ba, [
+      t("div", pa, [
         t("h2", $a, r(l.headline), 1),
         t("div", ka, [
-          (i(!0), s(I, null, C(l.facts, (a) => (i(), s("div", {
+          (i(!0), s(L, null, C(l.facts, (a) => (i(), s("div", {
             key: a.value + a.metric,
             class: "fact"
           }, [
@@ -1397,7 +1401,7 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { cla
           ]))), 128))
         ]),
         l.link ? (i(), s("div", Sa, [
-          p(A, {
+          b(A, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1411,7 +1415,7 @@ const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-ebdea819"]]), pa = { cla
     ]));
   }
 });
-const Ba = /* @__PURE__ */ h(qa, [["__scopeId", "data-v-d2b231d4"]]), Ia = { class: "features__wrapper" }, Ca = { class: "features__content" }, La = {
+const Ba = /* @__PURE__ */ h(qa, [["__scopeId", "data-v-d2b231d4"]]), Ia = { class: "features__wrapper" }, La = { class: "features__content" }, Ca = {
   key: 0,
   class: "features__headline"
 }, Ta = {
@@ -1438,23 +1442,23 @@ const Ba = /* @__PURE__ */ h(qa, [["__scopeId", "data-v-d2b231d4"]]), Ia = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", Ia, [
-      t("div", Ca, [
-        e.headline ? (i(), s("div", La, [
+      t("div", La, [
+        e.headline ? (i(), s("div", Ca, [
           t("h2", null, r(e.headline), 1)
         ])) : m("", !0),
         e.body ? (i(), s("div", Ta, [
           t("p", null, r(e.body), 1)
         ])) : m("", !0),
         t("div", {
-          class: _(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
+          class: u(["features__elements", [e.elements.length == 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (i(!0), s(I, null, C(e.elements, (a) => (i(), s("div", {
+          (i(!0), s(L, null, C(e.elements, (a) => (i(), s("div", {
             key: a.headline,
             class: "features__element"
           }, [
-            p(L, { class: "element__icon" }, {
+            b(T, { class: "element__icon" }, {
               default: $(() => [
-                d(l.$slots, "features-icon", V(M({
+                d(l.$slots, "features-icon", V(O({
                   src: a.icon.src,
                   height: 30,
                   width: 30,
@@ -1495,7 +1499,7 @@ const Ma = /* @__PURE__ */ h(Da, [["__scopeId", "data-v-08d8509e"]]), Oa = { cla
     ]));
   }
 });
-const Ra = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-55d9c2fd"]]), ja = { class: "image__wrapper" }, Ka = { class: "image__content" }, Ua = { class: "image__image" }, Ga = { class: "image__caption" }, Wa = /* @__PURE__ */ v({
+const Ra = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-55d9c2fd"]]), ja = { class: "image__wrapper" }, Ua = { class: "image__content" }, Ka = { class: "image__image" }, Ga = { class: "image__caption" }, Wa = /* @__PURE__ */ v({
   __name: "image",
   props: {
     caption: {
@@ -1514,11 +1518,11 @@ const Ra = /* @__PURE__ */ h(Ha, [["__scopeId", "data-v-55d9c2fd"]]), ja = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", ja, [
-      t("div", Ka, [
-        t("div", Ua, [
-          p(L, null, {
+      t("div", Ua, [
+        t("div", Ka, [
+          b(T, null, {
             default: $(() => [
-              d(l.$slots, "image", V(M({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              d(l.$slots, "image", V(O({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1578,22 +1582,22 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", {
-      class: _([
+      class: u([
         "gallery__wrapper",
         e.bgColor === "light" ? "gallery__wrapper--light" : e.bgColor === "dark" ? ["gallery__wrapper--dark", "mirsaic--dark"] : ""
       ])
     }, [
       t("div", {
-        class: _([
+        class: u([
           "gallery__content",
           e.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
         t("div", Qa, [
           e.mediaLarge && e.mediaType === "image" ? (i(), s("div", Ja, [
-            p(L, null, {
+            b(T, null, {
               default: $(() => [
-                d(l.$slots, "image-large", V(M({
+                d(l.$slots, "image-large", V(O({
                   width: 617,
                   height: 530,
                   src: e.mediaLarge.src,
@@ -1604,7 +1608,7 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
             })
           ])) : m("", !0),
           e.mediaLarge && e.mediaType === "video" ? (i(), s("div", Xa, [
-            p(K, {
+            b(U, {
               src: e.mediaLarge.src,
               "local-video": "",
               "aria-label": e.mediaLarge.alt,
@@ -1620,18 +1624,18 @@ const Ya = /* @__PURE__ */ h(Wa, [["__scopeId", "data-v-48563003"]]), Qa = { cla
         ]),
         t("div", {
           style: te([e.mediaSmall.length == 2 ? "grid-gap: 38px;" : ""]),
-          class: _([
+          class: u([
             "gallery__small",
             e.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (i(!0), s(I, null, C(e.mediaSmall, (a) => (i(), s("div", {
+          (i(!0), s(L, null, C(e.mediaSmall, (a) => (i(), s("div", {
             key: a.src + a.alt,
             class: "image image--small"
           }, [
-            p(L, null, {
+            b(T, null, {
               default: $(() => [
-                d(l.$slots, "image-small", V(M({
+                d(l.$slots, "image-small", V(O({
                   width: 328,
                   height: 246,
                   src: a.src,
@@ -1668,7 +1672,7 @@ const tl = /* @__PURE__ */ h(el, [["__scopeId", "data-v-4afd3b2e"]]), al = { cla
   setup(e) {
     return (l, o) => (i(), s("div", al, [
       t("div", {
-        class: _({
+        class: u({
           "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,
@@ -1680,7 +1684,7 @@ const tl = /* @__PURE__ */ h(el, [["__scopeId", "data-v-4afd3b2e"]]), al = { cla
     ]));
   }
 });
-const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) => (O("data-v-ad805b9b"), e = e(), z(), e), rl = { class: "hero__wrapper" }, nl = { class: "hero__content" }, dl = { class: "hero__top" }, cl = { class: "hero__elements" }, ul = { class: "hero__headline" }, _l = { class: "hero__link" }, hl = { class: "hero__video" }, vl = /* @__PURE__ */ ol(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ml = /* @__PURE__ */ v({
+const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) => (z("data-v-ad805b9b"), e = e(), F(), e), rl = { class: "hero__wrapper" }, nl = { class: "hero__content" }, dl = { class: "hero__top" }, cl = { class: "hero__elements" }, ul = { class: "hero__headline" }, _l = { class: "hero__link" }, hl = { class: "hero__video" }, vl = /* @__PURE__ */ ol(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ml = /* @__PURE__ */ v({
   __name: "hero",
   props: {
     headline: {
@@ -1701,7 +1705,7 @@ const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) =
               t("h1", null, r(e.headline), 1)
             ]),
             t("div", _l, [
-              p(A, {
+              b(A, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1715,7 +1719,7 @@ const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) =
         ]),
         t("div", hl, [
           vl,
-          p(K, {
+          b(U, {
             src: e.video.src,
             "local-video": "",
             "aria-label": e.video.alt,
@@ -1731,10 +1735,10 @@ const sl = /* @__PURE__ */ h(il, [["__scopeId", "data-v-080238bd"]]), ol = (e) =
     ]));
   }
 });
-const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { class: "logo-wall__wrapper" }, yl = { class: "logo-wall__content" }, pl = {
+const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { class: "logo-wall__wrapper" }, yl = { class: "logo-wall__content" }, bl = {
   key: 0,
   class: "logo-wall__text"
-}, bl = { key: 0 }, $l = { key: 1 }, kl = { class: "logo-wall__logos" }, wl = { class: "logo-wall__link" }, xl = /* @__PURE__ */ v({
+}, pl = { key: 0 }, $l = { key: 1 }, kl = { class: "logo-wall__logos" }, wl = { class: "logo-wall__link" }, xl = /* @__PURE__ */ v({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1754,18 +1758,18 @@ const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { cla
   setup(e) {
     return (l, o) => (i(), s("div", gl, [
       t("div", yl, [
-        e.headline || e.body ? (i(), s("div", pl, [
-          e.headline ? (i(), s("h2", bl, r(e.headline), 1)) : m("", !0),
+        e.headline || e.body ? (i(), s("div", bl, [
+          e.headline ? (i(), s("h2", pl, r(e.headline), 1)) : m("", !0),
           e.body ? (i(), s("p", $l, r(e.body), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", kl, [
-          (i(!0), s(I, null, C(e.logos, (a) => (i(), s("div", {
+          (i(!0), s(L, null, C(e.logos, (a) => (i(), s("div", {
             key: a.src + a.alt,
             class: "logo-wall__logo"
           }, [
-            p(L, null, {
+            b(T, null, {
               default: $(() => [
-                d(l.$slots, "logo-wall-logo", V(M({
+                d(l.$slots, "logo-wall-logo", V(O({
                   width: 130,
                   height: 130,
                   src: a.src,
@@ -1777,7 +1781,7 @@ const fl = /* @__PURE__ */ h(ml, [["__scopeId", "data-v-ad805b9b"]]), gl = { cla
           ]))), 128))
         ]),
         t("div", wl, [
-          p(A, {
+          b(A, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1817,7 +1821,7 @@ const Sl = /* @__PURE__ */ h(xl, [["__scopeId", "data-v-a8afd396"]]), ql = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", {
-      class: _([
+      class: u([
         "micro-stories__wrapper",
         e.bgColor == "white" ? "micro-stories__wrapper--white" : e.bgColor == "dark" ? "micro-stories__wrapper--dark" : (e.bgColor == "blue", "micro-stories__wrapper--blue")
       ])
@@ -1829,10 +1833,10 @@ const Sl = /* @__PURE__ */ h(xl, [["__scopeId", "data-v-a8afd396"]]), ql = { cla
     ], 2));
   }
 });
-const Il = {}, Cl = { class: "policy__wrapper" }, Ll = { class: "policy__content" };
+const Il = {}, Ll = { class: "policy__wrapper" }, Cl = { class: "policy__content" };
 function Tl(e, l) {
-  return i(), s("div", Cl, [
-    t("div", Ll, [
+  return i(), s("div", Ll, [
+    t("div", Cl, [
       d(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
@@ -1868,7 +1872,7 @@ const Al = /* @__PURE__ */ h(Il, [["render", Tl], ["__scopeId", "data-v-8765ee0b
           t("h1", null, r(e.headline), 1)
         ]),
         t("div", Ol, [
-          p(K, {
+          b(U, {
             play: !0,
             "local-video": !0,
             src: e.videoSrc,
@@ -1935,7 +1939,7 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", {
-      class: _([
+      class: u([
         "promo__wrapper",
         e.variant === "dark" ? "promo__wrapper--dark" : e.variant === "light" ? "promo__wrapper--light" : "promo__wrapper--default",
         e.teaser ? "promo__wrapper--teaser" : ""
@@ -1944,26 +1948,26 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
       t("div", Pl, [
         e.mediaType === "image" ? (i(), s("div", {
           key: 0,
-          class: _([
+          class: u([
             "promo__image",
             e.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          p(L, null, {
+          b(T, null, {
             default: $(() => [
-              d(l.$slots, "promo-image", V(M({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
+              d(l.$slots, "promo-image", V(O({ src: e.src, width: 1920, alt: e.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : m("", !0),
         e.mediaType === "video" ? (i(), s("div", {
           key: 1,
-          class: _([
+          class: u([
             "promo__video",
             e.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          p(K, {
+          b(U, {
             src: e.src,
             "local-video": "",
             "aria-label": e.alt,
@@ -1976,23 +1980,23 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
           }, null, 8, ["src", "aria-label", "poster"])
         ], 2)) : m("", !0),
         t("div", {
-          class: _([
+          class: u([
             "promo__text",
             e.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          e.label ? (i(), D(G, {
+          e.label ? (i(), M(G, {
             key: 0,
             text: e.label,
             "label-dark": e.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : m("", !0),
           t("div", {
-            class: _([
+            class: u([
               "promo__title",
               e.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, r(e.headline), 3),
-          e.linkType === "link" ? (i(), D(A, {
+          e.linkType === "link" ? (i(), M(A, {
             key: 1,
             "link-type": e.variant === "dark" ? "regular_dark" : (e.variant === "light", "regular_light"),
             arrow: ""
@@ -2002,7 +2006,7 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          e.linkType === "button" ? (i(), D(A, {
+          e.linkType === "button" ? (i(), M(A, {
             key: 2,
             "link-type": e.variant === "dark" ? "secondary_dark" : (e.variant === "light", "secondary")
           }, {
@@ -2016,7 +2020,7 @@ const Fl = /* @__PURE__ */ h(zl, [["__scopeId", "data-v-4272034e"]]), Pl = { cla
     ], 2));
   }
 });
-const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) => (O("data-v-e3cc8e27"), e = e(), z(), e), Rl = { class: "quote__wrapper" }, jl = { class: "quote__content" }, Kl = /* @__PURE__ */ Hl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Ul = { class: "quote__quote" }, Gl = { class: "quote__quote-text" }, Wl = { class: "quote__author" }, Yl = {
+const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) => (z("data-v-e3cc8e27"), e = e(), F(), e), Rl = { class: "quote__wrapper" }, jl = { class: "quote__content" }, Ul = /* @__PURE__ */ Hl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), Kl = { class: "quote__quote" }, Gl = { class: "quote__quote-text" }, Wl = { class: "quote__author" }, Yl = {
   key: 0,
   class: "quote__image"
 }, Ql = { class: "quote__text" }, Jl = { class: "quote__author-name" }, Xl = { class: "quote__author-title" }, Zl = /* @__PURE__ */ v({
@@ -2043,14 +2047,14 @@ const El = /* @__PURE__ */ h(Nl, [["__scopeId", "data-v-6a96c16e"]]), Hl = (e) =
   setup(e) {
     return (l, o) => (i(), s("div", Rl, [
       t("div", jl, [
-        Kl,
-        t("div", Ul, [
+        Ul,
+        t("div", Kl, [
           t("p", Gl, r(e.quote), 1),
           t("div", Wl, [
             e.authorImage ? (i(), s("div", Yl, [
-              p(L, null, {
+              b(T, null, {
                 default: $(() => [
-                  d(l.$slots, "author-image", V(M({
+                  d(l.$slots, "author-image", V(O({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -2113,32 +2117,32 @@ const ei = /* @__PURE__ */ h(Zl, [["__scopeId", "data-v-e3cc8e27"]]), ti = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", {
-      class: _([
+      class: u([
         "rich-text",
         e.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
       t("div", ti, [
-        e.label ? (i(), D(G, {
+        e.label ? (i(), M(G, {
           key: 0,
           text: e.label,
           "label-dark": !1
         }, null, 8, ["text"])) : m("", !0),
         e.headline ? (i(), s("h2", {
           key: 1,
-          class: _([
+          class: u([
             "rich-text__headline",
             e.leftAligned || e.bulletList || e.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
         }, r(e.headline), 3)) : m("", !0),
         t("div", {
-          class: _([
+          class: u([
             "rich-text__content",
             e.leftAligned || e.bulletList || e.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: _([
+            class: u([
               "rich-text__body",
               e.bulletList || e.image ? "rich-text__body--content-right" : ""
             ])
@@ -2153,14 +2157,14 @@ const ei = /* @__PURE__ */ h(Zl, [["__scopeId", "data-v-e3cc8e27"]]), ti = { cla
           ])) : m("", !0),
           e.image ? (i(), s("div", {
             key: 1,
-            class: _([
+            class: u([
               "rich-text__image",
               e.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            p(L, null, {
+            b(T, null, {
               default: $(() => [
-                d(l.$slots, "rich-text-image", V(M({ width: 865, height: 307 })))
+                d(l.$slots, "rich-text-image", V(O({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -2188,10 +2192,10 @@ function ui(e, l) {
     ])
   ]);
 }
-const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4"]]), hi = (e) => (O("data-v-78d319df"), e = e(), z(), e), vi = { class: "timeline__wrapper" }, mi = { class: "timeline__content" }, fi = { class: "timeline__items" }, gi = { class: "item__left" }, yi = /* @__PURE__ */ hi(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4"]]), hi = (e) => (z("data-v-78d319df"), e = e(), F(), e), vi = { class: "timeline__wrapper" }, mi = { class: "timeline__content" }, fi = { class: "timeline__items" }, gi = { class: "item__left" }, yi = /* @__PURE__ */ hi(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), pi = { class: "item__right" }, bi = ["innerHTML"], $i = /* @__PURE__ */ v({
+], -1)), bi = { class: "item__right" }, pi = ["innerHTML"], $i = /* @__PURE__ */ v({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2217,14 +2221,14 @@ const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4
     }), (l, o) => (i(), s("div", vi, [
       t("div", mi, [
         t("div", fi, [
-          (i(!0), s(I, null, C(e.timelineItems, (a) => (i(), s("div", {
+          (i(!0), s(L, null, C(e.timelineItems, (a) => (i(), s("div", {
             key: a.year,
             class: "timeline__item faded"
           }, [
             t("div", gi, r(a.year), 1),
             yi,
-            t("div", pi, [
-              p(L, null, {
+            t("div", bi, [
+              b(T, null, {
                 default: $(() => [
                   a.media.type === "image" ? d(l.$slots, "timeline-image", V(ee({ key: 0 }, { src: a.media.src, alt: a.media.alt })), void 0, !0) : m("", !0)
                 ]),
@@ -2234,7 +2238,7 @@ const _i = /* @__PURE__ */ h(oi, [["render", ui], ["__scopeId", "data-v-3abe0bb4
                 style: te([a.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: a.text
-              }, null, 12, bi)
+              }, null, 12, pi)
             ])
           ]))), 128))
         ])
@@ -2263,7 +2267,7 @@ const ki = /* @__PURE__ */ h($i, [["__scopeId", "data-v-78d319df"]]), wi = { cla
   },
   setup(e) {
     return (l, o) => (i(), s("div", {
-      class: _([
+      class: u([
         "triple-card-display",
         e.bgColor === "blue" ? "triple-card-display--blue" : "triple-card-display--white"
       ])
@@ -2280,7 +2284,7 @@ const ki = /* @__PURE__ */ h($i, [["__scopeId", "data-v-78d319df"]]), wi = { cla
     ], 2));
   }
 });
-const Ci = /* @__PURE__ */ h(Ii, [["__scopeId", "data-v-d77943df"]]), Li = { class: "vimeo" }, Ti = { class: "vimeo__wrapper" }, Ai = {
+const Li = /* @__PURE__ */ h(Ii, [["__scopeId", "data-v-d77943df"]]), Ci = { class: "vimeo" }, Ti = { class: "vimeo__wrapper" }, Ai = {
   key: 0,
   class: "vimeo__headline"
 }, Vi = {
@@ -2299,7 +2303,7 @@ const Ci = /* @__PURE__ */ h(Ii, [["__scopeId", "data-v-d77943df"]]), Li = { cla
     }
   },
   setup(e) {
-    return (l, o) => (i(), s("div", Li, [
+    return (l, o) => (i(), s("div", Ci, [
       t("div", Ti, [
         e.headline ? (i(), s("h2", Ai, r(e.headline), 1)) : m("", !0),
         d(l.$slots, "vimeo-content", {}, void 0, !0),
@@ -2327,7 +2331,7 @@ const Mi = /* @__PURE__ */ h(Di, [["__scopeId", "data-v-599c68c7"]]), Oi = { cla
     ]));
   }
 });
-const Ei = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-b829ca6c"]]), Hi = { class: "filter__wrapper" }, Ri = { class: "filter__content" }, ji = { class: "filter__dropdowns" }, Ki = { class: "filter__chips" }, Ui = /* @__PURE__ */ v({
+const Ei = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-b829ca6c"]]), Hi = { class: "filter__wrapper" }, Ri = { class: "filter__content" }, ji = { class: "filter__dropdowns" }, Ui = { class: "filter__chips" }, Ki = /* @__PURE__ */ v({
   __name: "filter",
   props: {
     hasChips: {
@@ -2342,7 +2346,7 @@ const Ei = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-b829ca6c"]]), Hi = { cla
         t("div", ji, [
           d(l.$slots, "filter-dropdowns")
         ]),
-        t("div", Ki, [
+        t("div", Ui, [
           d(l.$slots, "filter-chips"),
           e.hasChips ? (i(), s("button", {
             key: 0,
@@ -2354,7 +2358,7 @@ const Ei = /* @__PURE__ */ h(Ni, [["__scopeId", "data-v-b829ca6c"]]), Hi = { cla
     ]));
   }
 });
-const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) => (O("data-v-9d34b5e2"), e = e(), z(), e), Wi = { class: "footer__wrapper" }, Yi = { class: "footer__content" }, Qi = { class: "footer__sections" }, Ji = { class: "section__title" }, Xi = { class: "section__list" }, Zi = { class: "section" }, es = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ts = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), as = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ls = /* @__PURE__ */ E(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ss = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), os = { class: "footer__bottom" }, rs = { class: "copyright" }, ns = { class: "footer__policy" }, ds = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, [
+const Gi = /* @__PURE__ */ h(Ki, [["__scopeId", "data-v-c11a3620"]]), E = (e) => (z("data-v-9d34b5e2"), e = e(), F(), e), Wi = { class: "footer__wrapper" }, Yi = { class: "footer__content" }, Qi = { class: "footer__sections" }, Ji = { class: "section__title" }, Xi = { class: "section__list" }, Zi = { class: "section" }, es = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), ts = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), as = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ls = /* @__PURE__ */ E(() => /* @__PURE__ */ t("br", null, null, -1)), is = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), ss = /* @__PURE__ */ E(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), os = { class: "footer__bottom" }, rs = { class: "copyright" }, ns = { class: "footer__policy" }, ds = /* @__PURE__ */ E(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ j("Change region")
 ], -1)), cs = [
@@ -2396,7 +2400,7 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
     return (l, o) => (i(), s("div", Wi, [
       t("footer", Yi, [
         t("div", Qi, [
-          (i(!0), s(I, null, C(e.footerSections, (a) => (i(), s("div", {
+          (i(!0), s(L, null, C(e.footerSections, (a) => (i(), s("div", {
             key: a.title,
             class: "section"
           }, [
@@ -2415,7 +2419,7 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
               ts,
               as,
               ls,
-              p(A, {
+              b(A, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -2425,7 +2429,7 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
                 ]),
                 _: 1
               }),
-              p(A, {
+              b(A, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -2449,7 +2453,7 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
             d(l.$slots, "footer-cookie-link")
           ]),
           t("div", us, [
-            (i(!0), s(I, null, C(e.socialMedia, (a) => (i(), D(A, {
+            (i(!0), s(L, null, C(e.socialMedia, (a) => (i(), M(A, {
               key: a.title,
               underline: "false",
               "link-type": "regular"
@@ -2462,7 +2466,7 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: _(["footer__social--icon", [
+                    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" : ""
                     ]])
                   }, null, 2)
@@ -2476,10 +2480,10 @@ const Gi = /* @__PURE__ */ h(Ui, [["__scopeId", "data-v-c11a3620"]]), E = (e) =>
     ]));
   }
 });
-const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { class: "header__wrapper" }, fs = { class: "nav-wrapper" }, gs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, ps = {
+const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { class: "header__wrapper" }, fs = { class: "nav-wrapper" }, gs = { class: "mir-link-logo" }, ys = { class: "main-nav-items" }, bs = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, bs = {
+}, ps = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
@@ -2488,7 +2492,7 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ks = { class: "dropdown-content" }, ws = { class: "nav-search-wrapper" }, xs = ["src"], Ss = { class: "mobile-logo-search-burger-wrapper" }, qs = { class: "mobile-mir-link-logo" }, Bs = { class: "mobile-search-wrapper" }, Is = ["src"], Cs = ["onClick"], Ls = ["src"], Ts = { class: "mobile-menu-content-wrapper" }, As = { class: "mobile-dropdown-content" }, Vs = /* @__PURE__ */ v({
+}, ks = { class: "dropdown-content" }, ws = { class: "nav-search-wrapper" }, xs = ["src"], Ss = { class: "mobile-logo-search-burger-wrapper" }, qs = { class: "mobile-mir-link-logo" }, Bs = { class: "mobile-search-wrapper" }, Is = ["src"], Ls = ["onClick"], Cs = ["src"], Ts = { class: "mobile-menu-content-wrapper" }, As = { class: "mobile-dropdown-content" }, Vs = /* @__PURE__ */ v({
   __name: "header",
   props: {
     burgerState: {
@@ -2507,27 +2511,27 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
   ],
   setup(e, { expose: l, emit: o }) {
     const a = e;
-    let n = null, c = w(a.burgerState), b = w(a.showDropDown);
+    let n = null, _ = w(a.burgerState), p = w(a.showDropDown);
     se(
       () => a.burgerState,
-      (k) => c.value = k
+      (k) => _.value = k
     ), se(
       () => a.showDropDown,
-      (k) => b.value = k
+      (k) => p.value = k
     ), ne(() => {
       n = (k) => {
-        k.target.closest("#menu-dropdown") || (b.value = !1);
+        k.target.closest("#menu-dropdown") || (p.value = !1);
       }, window.addEventListener("click", n);
-    }), be(() => {
+    }), pe(() => {
       n !== null && window.removeEventListener("click", n);
     });
-    function T() {
-      b.value = !b.value, o("update:showDropDown", b.value);
+    function x() {
+      p.value = !p.value, o("update:showDropDown", p.value);
     }
-    function S() {
-      c.value = !c.value, o("update:burgerState", c.value);
+    function q() {
+      _.value = !_.value, o("update:burgerState", _.value);
     }
-    let g = w(null), q = w(null);
+    let g = w(null), B = w(null);
     function X() {
       g.value && g.value.blur();
     }
@@ -2542,18 +2546,18 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
           t("ul", ys, [
             d(k.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", ps, [
+          t("div", bs, [
             t("button", {
               class: "nav-dropdown-btn",
-              onClick: T
+              onClick: x
             }, [
               d(k.$slots, "dropdown-title", {}, void 0, !0),
-              B(b) == !1 ? (i(), s("img", bs)) : (i(), s("img", $s))
+              I(p) == !1 ? (i(), s("img", ps)) : (i(), s("img", $s))
             ]),
             Q(t("div", ks, [
               d(k.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Z, B(b)]
+              [Z, I(p)]
             ])
           ], 512),
           t("div", ws, [
@@ -2563,11 +2567,11 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
               class: "search-icon",
               onClick: H[0] || (H[0] = (W) => {
                 var N;
-                return k.$emit("clickSearch"), (N = B(g)) == null ? void 0 : N.blur();
+                return k.$emit("clickSearch"), (N = I(g)) == null ? void 0 : N.blur();
               })
             }, [
               t("img", {
-                src: B(c) == !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: I(_) == !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"
@@ -2576,7 +2580,7 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
           ])
         ]),
         t("div", {
-          class: _(["mobile-nav-wrapper", B(c) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: u(["mobile-nav-wrapper", I(_) == !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
           t("div", Ss, [
             t("div", qs, [
@@ -2585,16 +2589,16 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
             t("div", Bs, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: q,
+                ref: B,
                 class: "search-icon",
                 "aria-label": "Toggle search",
                 onClick: H[1] || (H[1] = (W) => {
                   var N;
-                  return k.$emit("clickSearch"), (N = B(q)) == null ? void 0 : N.blur();
+                  return k.$emit("clickSearch"), (N = I(B)) == null ? void 0 : N.blur();
                 })
               }, [
                 t("img", {
-                  src: B(c) == !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: I(_) == !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"
@@ -2604,15 +2608,15 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: oe(S, ["prevent"])
+              onClick: oe(q, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: B(c) == !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, Ls)
-            ], 8, Cs)
+                src: I(_) == !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, Ls)
           ]),
           Q(t("div", Ts, [
             t("ul", null, [
@@ -2623,7 +2627,7 @@ const vs = /* @__PURE__ */ h(hs, [["__scopeId", "data-v-9d34b5e2"]]), ms = { cla
               d(k.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Z, B(c)]
+            [Z, I(_)]
           ])
         ], 2)
       ])
@@ -2668,14 +2672,14 @@ const Ns = /* @__PURE__ */ h(Ps, [["__scopeId", "data-v-f345ee1f"]]), Es = { cla
   setup(e) {
     return (l, o) => (i(), s("div", Es, [
       t("div", Hs, [
-        p(J, {
+        b(J, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: o[0] || (o[0] = (a) => l.$emit("previous"))
         }, null, 8, ["disabled"]),
         d(l.$slots, "pagination-numbers"),
-        p(J, {
+        b(J, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
@@ -2686,15 +2690,15 @@ const Ns = /* @__PURE__ */ h(Ps, [["__scopeId", "data-v-f345ee1f"]]), Es = { cla
   }
 });
 const js = /* @__PURE__ */ h(Rs, [["__scopeId", "data-v-9eec8df7"]]);
-const Ks = {}, Us = { class: "search__wrapper" };
+const Us = {}, Ks = { class: "search__wrapper" };
 function Gs(e, l) {
-  return i(), s("div", Us, [
+  return i(), s("div", Ks, [
     d(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Ws = /* @__PURE__ */ h(Ks, [["render", Gs], ["__scopeId", "data-v-623adb82"]]), Qs = {
+const Ws = /* @__PURE__ */ h(Us, [["render", Gs], ["__scopeId", "data-v-623adb82"]]), Qs = {
   install: (e) => {
-    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ve), e.component("AtomDropdown", Ee), e.component("AtomImage", L), e.component("AtomLabel", G), e.component("AtomLink", A), e.component("AtomRadioButton", Ze), e.component("AtomSelect", st), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", K), e.component("MoleculeAddress", Yt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", sa), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ba), e.component("BlockFeatures", Ma), e.component("BlockFormScript", Ra), e.component("BlockHeadline", sl), e.component("BlockHero", fl), e.component("BlockImage", Ya), e.component("BlockImageGallery", tl), e.component("BlockLogoWall", Sl), e.component("BlockMicroStories", Bl), e.component("BlockPolicy", Al), e.component("BlockProductHero", Fl), e.component("BlockPromo", El), e.component("BlockQuote", ei), e.component("BlockRichText", si), e.component("BlockRichTextColumns", _i), e.component("BlockTimeline", ki), e.component("BlockTripleCardDisplay", Ci), e.component("BlockVimeo", Mi), e.component("Organism404", Ei), e.component("OrganismFilter", Gi), e.component("OrganismFooter", vs), e.component("OrganismHeader", Ds), e.component("OrganismLanguageSwitcher", Ns), e.component("OrganismPagination", js), e.component("OrganismSearch", Ws);
+    e.component("AtomButton", J), e.component("AtomCheckbox", Ie), e.component("AtomChip", Ve), e.component("AtomDropdown", Ee), e.component("AtomImage", T), e.component("AtomLabel", G), e.component("AtomLink", A), e.component("AtomRadioButton", Ze), e.component("AtomSelect", st), e.component("AtomSlider", mt), e.component("AtomTextarea", wt), e.component("AtomTextField", Dt), e.component("AtomVideo", U), e.component("MoleculeAddress", Yt), e.component("MoleculeBulletList", ea), e.component("MoleculeCard", sa), e.component("MoleculeEventCard", ha), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ya), e.component("BlockFacts", Ba), e.component("BlockFeatures", Ma), e.component("BlockFormScript", Ra), e.component("BlockHeadline", sl), e.component("BlockHero", fl), e.component("BlockImage", Ya), e.component("BlockImageGallery", tl), e.component("BlockLogoWall", Sl), e.component("BlockMicroStories", Bl), e.component("BlockPolicy", Al), e.component("BlockProductHero", Fl), e.component("BlockPromo", El), e.component("BlockQuote", ei), e.component("BlockRichText", si), e.component("BlockRichTextColumns", _i), e.component("BlockTimeline", ki), e.component("BlockTripleCardDisplay", Li), e.component("BlockVimeo", Mi), e.component("Organism404", Ei), e.component("OrganismFilter", Gi), e.component("OrganismFooter", vs), e.component("OrganismHeader", Ds), e.component("OrganismLanguageSwitcher", Ns), e.component("OrganismPagination", js), e.component("OrganismSearch", Ws);
   }
 };
 export {
@@ -2702,7 +2706,7 @@ export {
   Ie as AtomCheckbox,
   Ve as AtomChip,
   Ee as AtomDropdown,
-  L as AtomImage,
+  T as AtomImage,
   G as AtomLabel,
   A as AtomLink,
   Ze as AtomRadioButton,
@@ -2710,7 +2714,7 @@ export {
   mt as AtomSlider,
   Dt as AtomTextField,
   wt as AtomTextarea,
-  K as AtomVideo,
+  U as AtomVideo,
   Ba as BlockFacts,
   Ma as BlockFeatures,
   Ra as BlockFormScript,
@@ -2727,7 +2731,7 @@ export {
   si as BlockRichText,
   _i as BlockRichTextColumns,
   ki as BlockTimeline,
-  Ci as BlockTripleCardDisplay,
+  Li as BlockTripleCardDisplay,
   Mi as BlockVimeo,
   Yt as MoleculeAddress,
   ea as MoleculeBulletList,