@mirweb/mir-web-components 1.6.15 → 1.7.1

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

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as D, openBlock as o, createElementBlock as i, normalizeClass as m, toDisplayString as d, createElementVNode as a, renderSlot as c, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as T, renderList as V, vShow as Q, normalizeProps as F, guardReactiveProps as O, toRefs as we, mergeProps as X, createVNode as S, Transition as Be, withCtx as y, withModifiers as _e, createBlock as L, createCommentVNode as h, watchEffect as he, withKeys as Se, useSlots as Ie, normalizeStyle as x, isRef as de, unref as I, onMounted as pe, watch as Y, onUnmounted as qe } from "vue";
-const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
+import { defineComponent as g, computed as D, openBlock as s, createElementBlock as i, normalizeClass as p, toDisplayString as d, createElementVNode as t, renderSlot as c, pushScopeId as O, popScopeId as H, createTextVNode as G, ref as q, resolveDirective as _e, withDirectives as K, Fragment as P, renderList as F, vShow as Q, normalizeProps as C, guardReactiveProps as L, toRefs as Se, mergeProps as X, createVNode as S, Transition as Ie, withCtx as y, withModifiers as he, createBlock as T, createCommentVNode as h, watchEffect as pe, withKeys as qe, useSlots as Ce, normalizeStyle as x, isRef as ce, unref as I, onMounted as me, watch as Y, onUnmounted as Ae } from "vue";
+const Le = ["aria-label"], De = /* @__PURE__ */ g({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -7,25 +7,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     buttonText: { default: "" }
   },
   setup(e) {
-    const t = {
+    const a = {
       primary: "primary",
       primaryDark: "primary-dark",
       secondary: "secondary",
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, s = D(() => t[r.variant]);
-    return (l, u) => (o(), i("button", {
-      class: m(["button", "button--" + s.value]),
+    }, r = e, o = D(() => a[r.variant]);
+    return (l, _) => (s(), i("button", {
+      class: p(["button", "button--" + o.value]),
       "aria-label": l.ariaLabel
-    }, d(s.value === "close" ? "" : l.buttonText), 11, Ce));
+    }, d(o.value === "close" ? "" : l.buttonText), 11, Le));
   }
-}), f = (e, t) => {
+}), f = (e, a) => {
   const r = e.__vccOpts || e;
-  for (const [s, l] of t)
-    r[s] = l;
+  for (const [o, l] of a)
+    r[o] = l;
   return r;
-}, le = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ Le(() => /* @__PURE__ */ a("span", { class: "checkmark" }, null, -1)), Pe = /* @__PURE__ */ g({
+}, se = /* @__PURE__ */ f(De, [["__scopeId", "data-v-f61b579c"]]), Te = (e) => (O("data-v-0c4c6d8e"), e = e(), H(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Pe = ["for"], Fe = /* @__PURE__ */ Te(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Me = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -36,15 +36,15 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     checked: { type: Boolean, default: !1 }
   },
   emits: ["input"],
-  setup(e, { emit: t }) {
-    const r = t, s = (l) => {
-      const u = l.target;
-      r("input", u.checked);
+  setup(e, { emit: a }) {
+    const r = a, o = (l) => {
+      const _ = l.target;
+      r("input", _.checked);
     };
-    return (l, u) => (o(), i("div", {
-      class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
+    return (l, _) => (s(), i("div", {
+      class: p(["checkbox__wrapper", l.disabled ? "disabled" : ""])
     }, [
-      a("input", {
+      t("input", {
         id: l.id,
         type: "checkbox",
         name: l.name,
@@ -53,43 +53,43 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         required: l.required,
         checked: l.checked,
         class: "checkbox__checkbox",
-        onChange: s
-      }, null, 40, De),
-      a("label", {
+        onChange: o
+      }, null, 40, Ve),
+      t("label", {
         for: l.id,
-        class: m(["checkbox__label", l.required ? "required" : ""])
+        class: p(["checkbox__label", l.required ? "required" : ""])
       }, [
-        Ve,
+        Fe,
         c(l.$slots, "default", {}, void 0, !0)
-      ], 10, Te)
+      ], 10, Pe)
     ], 2));
   }
-}), me = /* @__PURE__ */ f(Pe, [["__scopeId", "data-v-0c4c6d8e"]]), Me = (e) => (H("data-v-08813346"), e = e(), R(), e), Fe = ["aria-label"], Oe = /* @__PURE__ */ Me(() => /* @__PURE__ */ a("img", {
+}), ve = /* @__PURE__ */ f(Me, [["__scopeId", "data-v-0c4c6d8e"]]), ze = (e) => (O("data-v-08813346"), e = e(), H(), e), Oe = ["aria-label"], He = /* @__PURE__ */ ze(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), ze = /* @__PURE__ */ g({
+}, null, -1)), Re = /* @__PURE__ */ g({
   __name: "chip",
   props: {
     text: { default: "" }
   },
   emits: ["remove-chip"],
   setup(e) {
-    const t = e, r = D(() => `Chip: ${t.text}`);
-    return (s, l) => (o(), i("div", {
+    const a = e, r = D(() => `Chip: ${a.text}`);
+    return (o, l) => (s(), i("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (u) => s.$emit("remove-chip"))
+      onClick: l[0] || (l[0] = (_) => o.$emit("remove-chip"))
     }, [
-      a("span", {
+      t("span", {
         class: "chip",
         "aria-label": r.value
       }, [
-        G(d(s.text) + " ", 1),
-        Oe
-      ], 8, Fe)
+        G(d(o.text) + " ", 1),
+        He
+      ], 8, Oe)
     ]));
   }
-}), He = /* @__PURE__ */ f(ze, [["__scopeId", "data-v-08813346"]]), Re = ["value"], Ne = ["id"], Ee = { class: "listbox__dropdown" }, je = ["id", "aria-labelledby", "aria-disabled"], Ke = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ge = /* @__PURE__ */ g({
+}), Ne = /* @__PURE__ */ f(Re, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], je = ["id"], Ke = { class: "listbox__dropdown" }, Ue = ["id", "aria-labelledby", "aria-disabled"], Ge = ["aria-labelledby", "aria-activedescendant"], Je = ["aria-selected", "data-value"], We = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -103,186 +103,186 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     variant: { default: "primary" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
+  setup(e, { emit: a }) {
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, s = e, l = D(() => r[s.variant]), u = q(null), n = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te = t, se = D(() => {
-      const p = s.options.find(
-        (B) => B.value === s.modelValue
+    }, o = e, l = D(() => r[o.variant]), _ = q(null), n = q(null), u = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), te = a, ie = D(() => {
+      const m = o.options.find(
+        (B) => B.value === o.modelValue
       );
-      return p && p.label;
+      return m && m.label;
     });
-    function ie(p) {
-      te("update:modelValue", p);
+    function re(m) {
+      te("update:modelValue", m);
     }
-    function re(p) {
-      var C;
-      const B = p.target;
-      B.getAttribute("role") === "option" && (J(B), oe(), (C = u.value) == null || C.focus());
+    function ne(m) {
+      var A;
+      const B = m.target;
+      B.getAttribute("role") === "option" && (J(B), oe(), (A = _.value) == null || A.focus());
     }
-    function U(p) {
-      var C;
-      const B = p.key;
+    function U(m) {
+      var A;
+      const B = m.key;
       switch (B) {
         case "ArrowUp":
         case "ArrowDown": {
-          p.preventDefault();
-          const A = s.options.findIndex(
-            (W) => W.value === s.modelValue
+          m.preventDefault();
+          const V = o.options.findIndex(
+            (W) => W.value === o.modelValue
           );
-          let z = A ? _.value[A] : _.value[0];
-          B === "ArrowUp" ? A - 1 >= 0 && (z = _.value[A - 1]) : A + 1 <= s.options.length && (z = _.value[A + 1]), z && J(z);
+          let R = V ? u.value[V] : u.value[0];
+          B === "ArrowUp" ? V - 1 >= 0 && (R = u.value[V - 1]) : V + 1 <= o.options.length && (R = u.value[V + 1]), R && J(R);
           break;
         }
         case "Home":
         case "PageUp":
-          p.preventDefault(), N();
+          m.preventDefault(), N();
           break;
         case "End":
         case "PageDown":
-          p.preventDefault(), ye();
+          m.preventDefault(), $e();
           break;
         case "Enter":
         case "Escape":
-          p.preventDefault(), oe(), (C = u.value) == null || C.focus();
+          m.preventDefault(), oe(), (A = _.value) == null || A.focus();
           break;
         default: {
-          const A = E(B);
-          A && J(A);
+          const V = E(B);
+          V && J(V);
           break;
         }
       }
     }
-    function ae(p) {
-      if (!s.disabled)
-        switch (p.key) {
+    function ae(m) {
+      if (!o.disabled)
+        switch (m.key) {
           case "ArrowUp":
           case "ArrowDown":
-            p.preventDefault(), ce(), U(p);
+            m.preventDefault(), ue(), U(m);
             break;
         }
     }
-    function ne(p) {
-      p && p.removeAttribute("aria-selected");
+    function de(m) {
+      m && m.removeAttribute("aria-selected");
     }
     function $() {
       b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
         v.value = "", b.value = 0;
       }, 500);
     }
-    function E(p) {
+    function E(m) {
       let B = "";
-      (v.value === "" || B !== p) && (w.value = s.options.findIndex(
-        (A) => A.value === s.modelValue
-      )), v.value = B === p ? p : v.value + p, B = p, $();
-      let C = j(
+      (v.value === "" || B !== m) && (w.value = o.options.findIndex(
+        (V) => V.value === o.modelValue
+      )), v.value = B === m ? m : v.value + m, B = m, $();
+      let A = j(
         w.value + 1,
-        s.options.length
+        o.options.length
       );
-      return !C && v.value.length === 1 && (C = j(0, w.value)), w.value = (w.value + 1) % s.options.length, C;
+      return !A && v.value.length === 1 && (A = j(0, w.value)), w.value = (w.value + 1) % o.options.length, A;
     }
-    function j(p, B) {
-      for (let C = p; C < B; C++)
-        if (s.options[C].label && s.options[C].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
-          return _.value[C];
+    function j(m, B) {
+      for (let A = m; A < B; A++)
+        if (o.options[A].label && o.options[A].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
+          return u.value[A];
       return null;
     }
     function N() {
-      J(_.value[0]);
+      J(u.value[0]);
     }
-    function J(p) {
-      var C, A;
-      const B = p.getAttribute("data-value");
-      if (s.modelValue) {
-        const z = s.options.findIndex(
-          (ke) => ke.value === s.modelValue
-        ), W = _.value[z];
-        ne(W);
+    function J(m) {
+      var A, V;
+      const B = m.getAttribute("data-value");
+      if (o.modelValue) {
+        const R = o.options.findIndex(
+          (Be) => Be.value === o.modelValue
+        ), W = u.value[R];
+        de(W);
       }
-      if (p.setAttribute("aria-selected", "true"), (C = n.value) == null || C.setAttribute(
+      if (m.setAttribute("aria-selected", "true"), (A = n.value) == null || A.setAttribute(
         "aria-activedescendant",
         B || ""
-      ), ie(B || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
-        const z = n.value.clientHeight + n.value.scrollTop, W = p.offsetTop + p.offsetHeight;
-        W > z ? n.value.scrollTop = W - ((A = n.value) == null ? void 0 : A.clientHeight) : p.offsetTop < n.value.scrollTop && (n.value.scrollTop = p.offsetTop);
+      ), re(B || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
+        const R = n.value.clientHeight + n.value.scrollTop, W = m.offsetTop + m.offsetHeight;
+        W > R ? n.value.scrollTop = W - ((V = n.value) == null ? void 0 : V.clientHeight) : m.offsetTop < n.value.scrollTop && (n.value.scrollTop = m.offsetTop);
       }
     }
-    function ye() {
+    function $e() {
       var B;
-      const p = (B = _.value) == null ? void 0 : B[s.options.length - 1];
-      J(p);
+      const m = (B = u.value) == null ? void 0 : B[o.options.length - 1];
+      J(m);
     }
     function oe() {
-      var p;
-      k.value = !0, (p = u.value) == null || p.removeAttribute("aria-expanded");
+      var m;
+      k.value = !0, (m = _.value) == null || m.removeAttribute("aria-expanded");
     }
-    function ce() {
-      var p, B;
-      k.value = !1, (p = u.value) == null || p.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
+    function ue() {
+      var m, B;
+      k.value = !1, (m = _.value) == null || m.setAttribute("aria-expanded", "true"), (B = n.value) == null || B.focus();
     }
-    function $e() {
-      s.disabled || (k.value ? ce() : oe());
+    function we() {
+      o.disabled || (k.value ? ue() : oe());
     }
-    return (p, B) => {
-      const C = ue("click-outside");
-      return o(), i("div", {
+    return (m, B) => {
+      const A = _e("click-outside");
+      return s(), i("div", {
         ref: "listbox",
         class: "listbox__wrapper",
-        value: p.modelValue
+        value: m.modelValue
       }, [
-        a("label", {
-          id: `${p.name}-label`,
-          class: m([{
-            "listbox__label--visually-hidden": !p.showLabel,
-            "is-disabled": p.disabled,
-            "is-required": p.required
+        t("label", {
+          id: `${m.name}-label`,
+          class: p([{
+            "listbox__label--visually-hidden": !m.showLabel,
+            "is-disabled": m.disabled,
+            "is-required": m.required
           }, "listbox__label"])
-        }, d(p.label), 11, Ne),
-        K((o(), i("div", Ee, [
-          a("button", {
-            id: `${p.name}-button-label`,
+        }, d(m.label), 11, je),
+        K((s(), i("div", Ke, [
+          t("button", {
+            id: `${m.name}-button-label`,
             ref_key: "listboxButton",
-            ref: u,
-            "aria-labelledby": `${p.name}-label ${p.name}-button-label`,
+            ref: _,
+            "aria-labelledby": `${m.name}-label ${m.name}-button-label`,
             type: "button",
             "aria-haspopup": "listbox",
-            "aria-disabled": p.disabled,
-            class: m(["listbox__button", l.value]),
-            onClick: $e,
+            "aria-disabled": m.disabled,
+            class: p(["listbox__button", l.value]),
+            onClick: we,
             onKeydown: ae
-          }, d(p.modelValue ? se.value : p.placeholder), 43, je),
-          K(a("ul", {
+          }, d(m.modelValue ? ie.value : m.placeholder), 43, Ue),
+          K(t("ul", {
             ref_key: "listboxNode",
             ref: n,
-            "aria-labelledby": `${p.name}-label`,
-            "aria-activedescendant": p.modelValue,
+            "aria-labelledby": `${m.name}-label`,
+            "aria-activedescendant": m.modelValue,
             tabindex: "0",
             role: "listbox",
             class: "listbox__list",
             onKeydown: U,
-            onClick: re
+            onClick: ne
           }, [
-            (o(!0), i(T, null, V(p.options, (A, z) => (o(), i("li", {
-              key: `${p.name}-option-${z}`,
+            (s(!0), i(P, null, F(m.options, (V, R) => (s(), i("li", {
+              key: `${m.name}-option-${R}`,
               ref_for: !0,
               ref_key: "listboxOptions",
-              ref: _,
-              "aria-selected": A.value === p.modelValue,
-              "data-value": A.value,
+              ref: u,
+              "aria-selected": V.value === m.modelValue,
+              "data-value": V.value,
               class: "listbox__option",
               role: "option"
-            }, d(A.label), 9, Ue))), 128))
-          ], 40, Ke), [
+            }, d(V.label), 9, Je))), 128))
+          ], 40, Ge), [
             [Q, !k.value]
           ])
         ])), [
-          [C, oe]
+          [A, oe]
         ])
-      ], 8, Re);
+      ], 8, Ee);
     };
   }
-}), Je = /* @__PURE__ */ f(Ge, [["__scopeId", "data-v-a17afd8c"]]), We = { class: "image__wrapper" }, Ye = /* @__PURE__ */ g({
+}), Ye = /* @__PURE__ */ f(We, [["__scopeId", "data-v-a17afd8c"]]), Qe = { class: "image__wrapper" }, Ze = /* @__PURE__ */ g({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -294,27 +294,27 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", We, [
-      c(t.$slots, "default", F(O(t.$attrs)))
+    return (a, r) => (s(), i("div", Qe, [
+      c(a.$slots, "default", C(L(a.$attrs)))
     ]));
   }
-}), M = /* @__PURE__ */ f(Ye, [["__scopeId", "data-v-e10217bd"]]), Qe = { class: "label__wrapper" }, Ze = ["aria-label", "label-dark"], Xe = /* @__PURE__ */ g({
+}), z = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-e10217bd"]]), Xe = { class: "label__wrapper" }, xe = ["aria-label", "label-dark"], et = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, r = D(() => `Label: ${t.text}`);
-    return (s, l) => (o(), i("div", Qe, [
-      a("span", {
+    const a = e, r = D(() => `Label: ${a.text}`);
+    return (o, l) => (s(), i("div", Xe, [
+      t("span", {
         "aria-label": r.value,
-        "label-dark": s.labelDark,
-        class: m(s.labelDark ? "label--dark" : "label--light")
-      }, d(s.text), 11, Ze)
+        "label-dark": o.labelDark,
+        class: p(o.labelDark ? "label--dark" : "label--light")
+      }, d(o.text), 11, xe)
     ]));
   }
-}), Z = /* @__PURE__ */ f(Xe, [["__scopeId", "data-v-7d9d3a8a"]]), xe = { class: "link__wrapper" }, P = /* @__PURE__ */ g({
+}), Z = /* @__PURE__ */ f(et, [["__scopeId", "data-v-7d9d3a8a"]]), tt = { class: "link__wrapper" }, M = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -323,7 +323,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = {
+    const a = {
       primary: "mir-link--btn button button--primary",
       primary_dark: "mir-link--btn button button--primary-dark",
       secondary: "mir-link--btn button button--secondary",
@@ -336,24 +336,24 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, l = D(() => t[s.linkType]), u = D(() => r[s.underline]), n = D(() => {
-      const { ..._ } = we(s);
-      return _;
+    }, o = e, l = D(() => a[o.linkType]), _ = D(() => r[o.underline]), n = D(() => {
+      const { ...u } = Se(o);
+      return u;
     });
-    return (_, b) => (o(), i("div", xe, [
-      a("div", X(n.value, {
+    return (u, b) => (s(), i("div", tt, [
+      t("div", X(n.value, {
         class: ["mir-link", [
           l.value,
-          _.disabled ? "disabled" : "",
-          u.value,
-          _.arrow ? "link-arrow" : ""
+          u.disabled ? "disabled" : "",
+          _.value,
+          u.arrow ? "link-arrow" : ""
         ]]
       }), [
-        c(_.$slots, "default")
+        c(u.$slots, "default")
       ], 16)
     ]));
   }
-}), et = (e) => (H("data-v-fa1bda9b"), e = e(), R(), e), tt = ["id", "name", "value", "checked", "disabled", "required"], at = ["for"], ot = /* @__PURE__ */ et(() => /* @__PURE__ */ a("span", { class: "radiomark" }, null, -1)), lt = /* @__PURE__ */ g({
+}), at = (e) => (O("data-v-fa1bda9b"), e = e(), H(), e), ot = ["id", "name", "value", "checked", "disabled", "required"], st = ["for"], lt = /* @__PURE__ */ at(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), it = /* @__PURE__ */ g({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -364,15 +364,15 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     required: { type: Boolean, default: !1 }
   },
   emits: ["input"],
-  setup(e, { emit: t }) {
-    const r = t, s = (l) => {
-      const u = l.target;
-      r("input", u.checked);
+  setup(e, { emit: a }) {
+    const r = a, o = (l) => {
+      const _ = l.target;
+      r("input", _.checked);
     };
-    return (l, u) => (o(), i("div", {
-      class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
+    return (l, _) => (s(), i("div", {
+      class: p(["radio__wrapper", l.disabled ? "disabled" : ""])
     }, [
-      a("input", {
+      t("input", {
         id: l.id,
         type: "radio",
         name: l.name,
@@ -381,18 +381,18 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         disabled: l.disabled,
         required: l.required,
         class: "radio__radio",
-        onChange: s
-      }, null, 40, tt),
-      a("label", {
+        onChange: o
+      }, null, 40, ot),
+      t("label", {
         for: l.id,
-        class: m(["radio__label", l.required ? "required" : ""])
+        class: p(["radio__label", l.required ? "required" : ""])
       }, [
-        ot,
+        lt,
         c(l.$slots, "default", {}, void 0, !0)
-      ], 10, at)
+      ], 10, st)
     ], 2));
   }
-}), st = /* @__PURE__ */ f(lt, [["__scopeId", "data-v-fa1bda9b"]]), it = { class: "select__wrapper" }, rt = ["for"], nt = ["id", "disabled", "name", "value"], dt = ["value"], ct = /* @__PURE__ */ g({
+}), rt = /* @__PURE__ */ f(it, [["__scopeId", "data-v-fa1bda9b"]]), nt = { class: "select__wrapper" }, dt = ["for"], ct = ["id", "disabled", "name", "value"], ut = ["value"], _t = /* @__PURE__ */ g({
   __name: "select",
   props: {
     id: {},
@@ -405,76 +405,76 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, r) => (o(), i("div", it, [
-      a("label", {
-        for: t.id,
-        class: m([t.required ? "required" : "", t.disabled ? "disabled" : ""])
-      }, d(t.label), 11, rt),
-      a("select", {
-        id: t.id,
-        class: m(t.disabled ? "disabled" : ""),
-        disabled: t.disabled,
-        name: t.name,
-        value: t.modelValue,
-        onChange: r[0] || (r[0] = (s) => {
-          t.$emit("update:modelValue", s.target.value), s.target.blur();
+    return (a, r) => (s(), i("div", nt, [
+      t("label", {
+        for: a.id,
+        class: p([a.required ? "required" : "", a.disabled ? "disabled" : ""])
+      }, d(a.label), 11, dt),
+      t("select", {
+        id: a.id,
+        class: p(a.disabled ? "disabled" : ""),
+        disabled: a.disabled,
+        name: a.name,
+        value: a.modelValue,
+        onChange: r[0] || (r[0] = (o) => {
+          a.$emit("update:modelValue", o.target.value), o.target.blur();
         })
       }, [
-        (o(!0), i(T, null, V(t.options, (s) => (o(), i("option", {
-          key: s.value,
-          value: s.value
-        }, d(s.text), 9, dt))), 128))
-      ], 42, nt)
+        (s(!0), i(P, null, F(a.options, (o) => (s(), i("option", {
+          key: o.value,
+          value: o.value
+        }, d(o.text), 9, ut))), 128))
+      ], 42, ct)
     ]));
   }
-}), ut = /* @__PURE__ */ f(ct, [["__scopeId", "data-v-d5c46463"]]), _t = { class: "modal__wrapper" }, ht = /* @__PURE__ */ g({
+}), ht = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-d5c46463"]]), pt = { class: "modal__wrapper" }, mt = /* @__PURE__ */ g({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
     searchBar: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
-  setup(e, { emit: t }) {
-    const r = e, s = t, l = () => {
-      s("update:show", !r.show);
+  setup(e, { emit: a }) {
+    const r = e, o = a, l = () => {
+      o("update:show", !r.show);
     };
-    return (u, n) => (o(), i("div", _t, [
-      S(Be, {
+    return (_, n) => (s(), i("div", pt, [
+      S(Ie, {
         duration: 300,
         name: "nested"
       }, {
         default: y(() => [
-          K(a("div", {
-            class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
+          K(t("div", {
+            class: p(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: l
           }, [
-            a("div", {
+            t("div", {
               id: "modal",
-              class: m([u.searchBar ? "search" : ""]),
-              onClick: n[0] || (n[0] = _e(() => {
+              class: p([_.searchBar ? "search" : ""]),
+              onClick: n[0] || (n[0] = he(() => {
               }, ["stop"]))
             }, [
-              a("div", null, [
-                u.searchBar ? h("", !0) : (o(), L(le, {
+              t("div", null, [
+                _.searchBar ? h("", !0) : (s(), T(se, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: l
                 }))
               ]),
-              c(u.$slots, "default", {}, void 0, !0)
+              c(_.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Q, u.show]
+            [Q, _.show]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ve = /* @__PURE__ */ f(ht, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, mt = { class: "slider__label" }, vt = ["for"], ft = ["aria-label"], gt = { class: "slider__content" }, bt = ["id", "name", "value", "min", "step", "max"], yt = { class: "modal-information" }, $t = /* @__PURE__ */ g({
+}), fe = /* @__PURE__ */ f(mt, [["__scopeId", "data-v-80f0fb08"]]), vt = { class: "slider__wrapper" }, ft = { class: "slider__label" }, gt = ["for"], bt = ["aria-label"], yt = { class: "slider__content" }, kt = ["id", "name", "value", "min", "step", "max"], $t = { class: "modal-information" }, wt = /* @__PURE__ */ g({
   __name: "slider",
   props: {
     label: {},
@@ -489,74 +489,74 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     informationLabel: { default: "Additional information" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const r = e, s = t, l = q(r.modelValue), u = q(), n = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
+  setup(e, { emit: a }) {
+    const r = e, o = a, l = q(r.modelValue), _ = q(), n = q(!1), u = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
       var k;
-      (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
+      (k = _.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
     };
-    return he(() => {
-      if (u.value) {
-        s("update:modelValue", l.value);
-        const v = _(l.value, r.min, r.max);
+    return pe(() => {
+      if (_.value) {
+        o("update:modelValue", l.value);
+        const v = u(l.value, r.min, r.max);
         let k = (50 - v) / 100;
         b(v + k);
       }
-    }), (v, k) => (o(), i("div", null, [
-      a("div", pt, [
-        a("div", mt, [
-          a("label", {
+    }), (v, k) => (s(), i("div", null, [
+      t("div", vt, [
+        t("div", ft, [
+          t("label", {
             for: v.id,
-            class: m([v.variant, ""])
-          }, d(v.label), 11, vt),
-          v.information ? (o(), i("i", {
+            class: p([v.variant, ""])
+          }, d(v.label), 11, gt),
+          v.information ? (s(), i("i", {
             key: 0,
             role: "button",
-            class: m([v.variant, "slider__information"]),
+            class: p([v.variant, "slider__information"]),
             "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
             onClick: k[0] || (k[0] = (w) => n.value = !n.value),
-            onKeyup: k[1] || (k[1] = Se((w) => n.value = !n.value, ["enter"]))
-          }, null, 42, ft)) : h("", !0)
+            onKeyup: k[1] || (k[1] = qe((w) => n.value = !n.value, ["enter"]))
+          }, null, 42, bt)) : h("", !0)
         ]),
-        a("div", gt, [
-          a("span", {
-            class: m([v.variant, "slider__minmax"])
+        t("div", yt, [
+          t("span", {
+            class: p([v.variant, "slider__minmax"])
           }, d(v.min), 3),
-          a("input", {
+          t("input", {
             id: v.id,
             ref_key: "slider",
-            ref: u,
+            ref: _,
             type: "range",
             name: v.name,
             value: v.modelValue,
             min: v.min,
             step: v.step,
             max: v.max,
-            class: m(v.variant),
+            class: p(v.variant),
             onInput: k[2] || (k[2] = ({ target: w }) => l.value = parseFloat(w.value))
-          }, null, 42, bt),
-          a("span", {
-            class: m([v.variant, "slider__minmax"])
+          }, null, 42, kt),
+          t("span", {
+            class: p([v.variant, "slider__minmax"])
           }, d(v.max), 3)
         ]),
-        a("span", {
-          class: m([v.variant, "slider__value"])
+        t("span", {
+          class: p([v.variant, "slider__value"])
         }, d(v.modelValue), 3)
       ]),
-      v.information ? (o(), L(ve, {
+      v.information ? (s(), T(fe, {
         key: 0,
         show: n.value,
         "onUpdate:show": k[3] || (k[3] = (w) => n.value = w)
       }, {
         default: y(() => [
-          a("p", yt, d(v.information), 1)
+          t("p", $t, d(v.information), 1)
         ]),
         _: 1
       }, 8, ["show"])) : h("", !0)
     ]));
   }
-}), kt = /* @__PURE__ */ f($t, [["__scopeId", "data-v-24a83011"]]), wt = { id: "textarea-wrapper" }, Bt = ["for"], St = ["id"], It = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], qt = { class: "textarea-info" }, Ct = { key: 0 }, At = /* @__PURE__ */ g({
+}), Bt = /* @__PURE__ */ f(wt, [["__scopeId", "data-v-24a83011"]]), St = { id: "textarea-wrapper" }, It = ["for"], qt = ["id"], Ct = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], At = { class: "textarea-info" }, Lt = { key: 0 }, Dt = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -570,52 +570,52 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (t, r) => (o(), i("div", wt, [
-      a("label", {
-        for: t.id,
-        class: m({ required: t.required })
-      }, d(t.labelText) + d(t.required ? " *" : ""), 11, Bt),
-      a("div", {
-        id: t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? "textarea-wrapper__inner" : ""
+    return (a, r) => (s(), i("div", St, [
+      t("label", {
+        for: a.id,
+        class: p({ required: a.required })
+      }, d(a.labelText) + d(a.required ? " *" : ""), 11, It),
+      t("div", {
+        id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
       }, [
-        a("textarea", {
-          id: t.id,
+        t("textarea", {
+          id: a.id,
           rows: "10",
           cols: "50",
-          name: t.name,
-          placeholder: t.placeholder,
-          required: t.required,
-          disabled: t.disabled,
-          maxlength: t.maxLength,
-          value: t.modelValue,
-          class: m(
-            t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? "reached-meter-limit" : "border"
+          name: a.name,
+          placeholder: a.placeholder,
+          required: a.required,
+          disabled: a.disabled,
+          maxlength: a.maxLength,
+          value: a.modelValue,
+          class: p(
+            a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
-          onInput: r[0] || (r[0] = (s) => t.$emit("update:modelValue", s.target.value))
-        }, null, 42, It)
-      ], 8, St),
-      a("div", qt, [
-        a("div", null, [
-          t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? (o(), i("p", Ct, " Too many characters. Please make it shorter ")) : h("", !0)
+          onInput: r[0] || (r[0] = (o) => a.$emit("update:modelValue", o.target.value))
+        }, null, 42, Ct)
+      ], 8, qt),
+      t("div", At, [
+        t("div", null, [
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (s(), i("p", Lt, " Too many characters. Please make it shorter ")) : h("", !0)
         ]),
-        a("p", {
-          class: m(
-            t.modelValue !== void 0 && t.modelValue.length === t.maxLength ? "reached-meter-limit-meter" : ""
+        t("p", {
+          class: p(
+            a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
           )
-        }, d(t.maxLength !== void 0 && t.modelValue !== void 0 && t.maxLength - t.modelValue.length >= 0 ? t.modelValue.length : 0) + " / " + d(t.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)
       ])
     ]));
   }
-}), Lt = /* @__PURE__ */ f(At, [["__scopeId", "data-v-220a973c"]]), Dt = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { key: 0 }, Pt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = ["aria-expanded"], Ft = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
+}), Tt = /* @__PURE__ */ f(Dt, [["__scopeId", "data-v-220a973c"]]), Vt = { class: "text-field__wrapper" }, Pt = ["for"], Ft = { key: 0 }, Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], zt = ["aria-expanded"], Ot = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ht = {
   key: 2,
   class: "search"
-}, zt = {
+}, Rt = {
   key: 3,
   class: "errorMessage"
-}, Ht = {
+}, Nt = {
   key: 4,
   class: "helperText"
-}, Rt = /* @__PURE__ */ g({
+}, Et = /* @__PURE__ */ g({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -634,7 +634,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const t = {
+    const a = {
       text: "text",
       email: "email",
       password: "password",
@@ -642,62 +642,62 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, s = D(() => t[r.type]), l = q(!0), u = D(
+    }, r = e, o = D(() => a[r.type]), l = q(!0), _ = D(
       () => l.value ? "showPassword" : "hidePassword"
     ), n = D(
       () => l.value ? "password" : "text"
     );
-    return (_, b) => (o(), i("div", Dt, [
-      a("label", {
-        for: _.id,
-        class: m([
-          _.required ? "required" : "",
-          _.disabled ? "disabled" : "",
-          _.search ? "search" : ""
+    return (u, b) => (s(), i("div", Vt, [
+      t("label", {
+        for: u.id,
+        class: p([
+          u.required ? "required" : "",
+          u.disabled ? "disabled" : "",
+          u.search ? "search" : ""
         ])
-      }, d(_.label), 11, Tt),
-      s.value === "password" ? (o(), i("div", Vt, [
-        a("input", {
-          id: _.id,
+      }, d(u.label), 11, Pt),
+      o.value === "password" ? (s(), i("div", Ft, [
+        t("input", {
+          id: u.id,
           ref: "passwordField",
           type: n.value,
-          value: _.modelValue,
-          placeholder: _.placeholder,
-          required: _.required,
-          disabled: _.disabled,
-          name: _.fieldName,
-          onInput: b[0] || (b[0] = (v) => _.$emit("update:modelValue", v.target.value))
-        }, null, 40, Pt),
-        a("i", {
+          value: u.modelValue,
+          placeholder: u.placeholder,
+          required: u.required,
+          disabled: u.disabled,
+          name: u.fieldName,
+          onInput: b[0] || (b[0] = (v) => u.$emit("update:modelValue", v.target.value))
+        }, null, 40, Mt),
+        t("i", {
           role: "button",
-          class: m([u.value]),
+          class: p([_.value]),
           "aria-controls": "password",
           "aria-expanded": !l.value,
           onClick: b[1] || (b[1] = (v) => l.value = !l.value)
-        }, null, 10, Mt)
-      ])) : (o(), i("input", {
+        }, null, 10, zt)
+      ])) : (s(), i("input", {
         key: 1,
-        id: _.id,
+        id: u.id,
         ref: "textField",
-        type: s.value,
-        value: _.modelValue,
-        placeholder: _.placeholder,
-        required: _.required,
-        class: m([
-          _.invalid ? "invalid" : "",
-          _.valid ? "valid" : "",
-          _.search ? "search" : ""
+        type: o.value,
+        value: u.modelValue,
+        placeholder: u.placeholder,
+        required: u.required,
+        class: p([
+          u.invalid ? "invalid" : "",
+          u.valid ? "valid" : "",
+          u.search ? "search" : ""
         ]),
-        disabled: _.disabled,
-        name: _.fieldName,
-        onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
-      }, null, 42, Ft)),
-      _.search ? (o(), i("i", Ot)) : h("", !0),
-      _.errorMessage ? (o(), i("strong", zt, d(_.errorMessage), 1)) : h("", !0),
-      _.helperText ? (o(), i("span", Ht, d(_.helperText), 1)) : h("", !0)
+        disabled: u.disabled,
+        name: u.fieldName,
+        onInput: b[2] || (b[2] = (v) => u.$emit("update:modelValue", v.target.value))
+      }, null, 42, Ot)),
+      u.search ? (s(), i("i", Ht)) : h("", !0),
+      u.errorMessage ? (s(), i("strong", Rt, d(u.errorMessage), 1)) : h("", !0),
+      u.helperText ? (s(), i("span", Nt, d(u.helperText), 1)) : h("", !0)
     ]));
   }
-}), Nt = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, jt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Kt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
+}), jt = /* @__PURE__ */ f(Et, [["__scopeId", "data-v-414b9435"]]), Kt = { class: "video__wrapper" }, Ut = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], Gt = ["src", "aria-label", "title", "width", "height"], Jt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -713,45 +713,45 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     loop: { type: Boolean, default: !1 },
     muted: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: t }) {
+  setup(e, { expose: a }) {
     const r = e;
-    let s = q(null);
-    return he(() => {
-      s.value && (r.play ? s.value.play() : r.play || s.value.pause());
-    }), t({
+    let o = q(null);
+    return pe(() => {
+      o.value && (r.play ? o.value.play() : r.play || o.value.pause());
+    }), a({
       resetVideo: () => {
-        s.value && (s.value.currentTime = 0, s.value.play());
+        o.value && (o.value.currentTime = 0, o.value.play());
       }
-    }), (u, n) => (o(), i("div", Et, [
-      u.localVideo ? (o(), i("video", {
+    }), (_, n) => (s(), i("div", Kt, [
+      _.localVideo ? (s(), i("video", {
         key: 0,
         ref_key: "videoRef",
-        ref: s,
-        "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,
+        ref: o,
+        "aria-label": _.ariaLabel,
+        controls: _.controls,
+        poster: _.poster,
+        width: _.width,
+        height: _.height,
+        autoplay: _.autoplay,
+        loop: _.loop,
+        muted: _.muted,
         type: "video/mp4",
         playsinline: "",
-        src: u.src
-      }, null, 8, jt)) : (o(), i("iframe", {
+        src: _.src
+      }, null, 8, Ut)) : (s(), i("iframe", {
         key: 1,
-        src: u.src,
-        "aria-label": u.ariaLabel,
-        title: u.title,
-        width: u.width,
-        height: u.height,
+        src: _.src,
+        "aria-label": _.ariaLabel,
+        title: _.title,
+        width: _.width,
+        height: _.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
-      }, null, 8, Kt))
+      }, null, 8, Gt))
     ]));
   }
-}), ee = /* @__PURE__ */ f(Ut, [["__scopeId", "data-v-c6a0feb6"]]), Gt = { class: "address__wrapper" }, Jt = { class: "address__content" }, Wt = { class: "address__flag" }, Yt = { class: "address__address" }, Qt = { class: "address__name" }, Zt = { key: 0 }, Xt = { class: "address__contact" }, xt = ["href"], ea = ["href"], ta = ["href"], aa = /* @__PURE__ */ g({
+}), ee = /* @__PURE__ */ f(Jt, [["__scopeId", "data-v-c6a0feb6"]]), Wt = { class: "address__wrapper" }, Yt = { class: "address__content" }, Qt = { class: "address__flag" }, Zt = { class: "address__address" }, Xt = { class: "address__name" }, xt = { key: 0 }, ea = { class: "address__contact" }, ta = ["href"], aa = ["href"], oa = ["href"], sa = /* @__PURE__ */ g({
   __name: "address",
   props: {
     name: {},
@@ -764,54 +764,54 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     email: {}
   },
   setup(e) {
-    return (t, r) => (o(), i("div", Gt, [
-      a("div", Jt, [
-        a("div", Wt, [
-          c(t.$slots, "address-flag", {}, void 0, !0)
+    return (a, r) => (s(), i("div", Wt, [
+      t("div", Yt, [
+        t("div", Qt, [
+          c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
-        a("div", Yt, [
-          a("p", Qt, d(t.name), 1),
-          a("p", null, d(t.company), 1),
-          a("p", null, d(t.addressLine1), 1),
-          a("p", null, d(t.addressLine2), 1),
-          t.addressLine3 ? (o(), i("p", Zt, d(t.addressLine3), 1)) : h("", !0)
+        t("div", Zt, [
+          t("p", Xt, 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 ? (s(), i("p", xt, d(a.addressLine3), 1)) : h("", !0)
         ]),
-        a("div", Xt, [
-          t.website ? (o(), L(P, {
+        t("div", ea, [
+          a.website ? (s(), T(M, {
             key: 0,
             underline: "false",
             "link-type": "regular"
           }, {
             default: y(() => [
-              a("a", {
-                href: "https://" + t.website,
+              t("a", {
+                href: "https://" + a.website,
                 class: "address__website"
-              }, d(t.website), 9, xt)
+              }, d(a.website), 9, ta)
             ]),
             _: 1
           })) : h("", !0),
-          (o(!0), i(T, null, V(t.phoneNumbers, (s) => (o(), L(P, {
-            key: s,
+          (s(!0), i(P, null, F(a.phoneNumbers, (o) => (s(), T(M, {
+            key: o,
             underline: "false",
             "link-type": "regular"
           }, {
             default: y(() => [
-              a("a", {
-                href: "tel:" + s,
+              t("a", {
+                href: "tel:" + o,
                 class: "address__phone"
-              }, d(s), 9, ea)
+              }, d(o), 9, aa)
             ]),
             _: 2
           }, 1024))), 128)),
-          a("a", {
-            href: "mailto:" + t.email,
+          t("a", {
+            href: "mailto:" + a.email,
             class: "address__email"
-          }, d(t.email), 9, ta)
+          }, d(a.email), 9, oa)
         ])
       ])
     ]));
   }
-}), oa = /* @__PURE__ */ f(aa, [["__scopeId", "data-v-e1c72a18"]]), la = (e) => (H("data-v-a44fd57d"), e = e(), R(), e), sa = { class: "bullet-list__wrapper" }, ia = /* @__PURE__ */ la(() => /* @__PURE__ */ a("i", { class: "checkmark" }, null, -1)), ra = /* @__PURE__ */ g({
+}), la = /* @__PURE__ */ f(sa, [["__scopeId", "data-v-e1c72a18"]]), ia = (e) => (O("data-v-a44fd57d"), e = e(), H(), e), ra = { class: "bullet-list__wrapper" }, na = /* @__PURE__ */ ia(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), da = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -831,20 +831,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", sa, [
-      a("div", {
-        class: m(["bullet-list", e.variant])
+    return (a, r) => (s(), i("div", ra, [
+      t("div", {
+        class: p(["bullet-list", e.variant])
       }, [
-        a("ul", null, [
-          (o(!0), i(T, null, V(e.list, (s) => (o(), i("li", { key: s }, [
-            ia,
-            G(" " + d(s), 1)
+        t("ul", null, [
+          (s(!0), i(P, null, F(e.list, (o) => (s(), i("li", { key: o }, [
+            na,
+            G(" " + d(o), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), na = /* @__PURE__ */ f(ra, [["__scopeId", "data-v-a44fd57d"]]), da = { class: "card__wrapper" }, ca = { key: 2 }, ua = { key: 5 }, _a = /* @__PURE__ */ g({
+}), ca = /* @__PURE__ */ f(da, [["__scopeId", "data-v-a44fd57d"]]), ua = { class: "card__wrapper" }, _a = { key: 2 }, ha = { key: 5 }, pa = /* @__PURE__ */ g({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -866,9 +866,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
   },
   emits: ["clicked"],
   setup(e) {
-    const t = Ie();
+    const a = Ce();
     let r = q(!1);
-    const s = {
+    const o = {
       xsmall: {
         class: "card--xsmall",
         width: "241",
@@ -889,21 +889,21 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, u = D(() => s[l.size]);
-    return (n, _) => (o(), i("div", da, [
-      a("div", {
-        class: m(["card", [
+    }, l = e, _ = D(() => o[l.size]);
+    return (n, u) => (s(), i("div", ua, [
+      t("div", {
+        class: p(["card", [
           n.theme === "dark" ? "card--dark" : "card--light",
           n.orientation === "vertical" ? "vertical" : "horizontal",
-          u.value.class,
+          _.value.class,
           n.size === "large" && n.variant === "article" ? "card--large-article" : n.size === "small" && n.variant === "article" ? "card--small-article" : n.size === "xsmall" && n.variant === "article" ? "card--xsmall-article" : n.size === "medium" && n.variant === "article" ? "card--medium-article" : n.size === "large" && n.variant === "product" ? "card--large-product" : n.size === "small" && n.variant === "product" ? "card--small-product" : n.size === "xsmall" && n.variant === "product" ? "card--xsmall-product" : n.size === "medium" && n.variant === "product" ? "card--medium-product" : n.variant === "product" ? "card--product" : "card--article",
           n.variant === "product" ? "card--product" : "card--article"
         ]]),
         style: x([n.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: _[0] || (_[0] = (b) => de(r) ? r.value = !0 : r = !0),
-        onMouseout: _[1] || (_[1] = (b) => de(r) ? r.value = !1 : r = !1)
+        onMouseover: u[0] || (u[0] = (b) => ce(r) ? r.value = !0 : r = !0),
+        onMouseout: u[1] || (u[1] = (b) => ce(r) ? r.value = !1 : r = !1)
       }, [
-        n.mediaType === "image" ? (o(), L(M, { key: 0 }, {
+        n.mediaType === "image" ? (s(), T(z, { key: 0 }, {
           default: y(() => [
             c(n.$slots, "card-image", X({
               src: n.imgSrc,
@@ -915,9 +915,9 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             }, { srcset: n.srcSet }))
           ]),
           _: 3
-        })) : (o(), i("div", {
+        })) : (s(), i("div", {
           key: 1,
-          class: m(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
+          class: p(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
           S(ee, {
             play: I(r),
@@ -926,35 +926,35 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             "aria-label": n.arialabel,
             controls: !1,
             poster: n.imgSrc,
-            width: u.value.width,
-            height: u.value.height,
+            width: _.value.width,
+            height: _.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(t)["card-label"] ? (o(), i("div", ca, [
+        I(a)["card-label"] ? (s(), i("div", _a, [
           c(n.$slots, "card-label")
         ])) : h("", !0),
-        n.variant === "product" ? (o(), i("div", {
+        n.variant === "product" ? (s(), i("div", {
           key: 3,
-          class: m([
+          class: p([
             "card__headline",
             n.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, d(n.headline), 3)) : (o(), i("div", {
+        }, d(n.headline), 3)) : (s(), i("div", {
           key: 4,
-          class: m([
+          class: p([
             "card__headline",
             n.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
         }, d(n.headline), 3)),
-        n.variant === "product" ? (o(), i("p", ua, d(n.paragraph), 1)) : h("", !0)
+        n.variant === "product" ? (s(), i("p", ha, d(n.paragraph), 1)) : h("", !0)
       ], 38)
     ]));
   }
-}), ha = /* @__PURE__ */ f(_a, [["__scopeId", "data-v-f26b0595"]]), pa = { class: "column-card" }, ma = { class: "column-card__content" }, va = { class: "column-card__headline" }, fa = { class: "column-card__bodytext" }, ga = /* @__PURE__ */ g({
+}), ma = /* @__PURE__ */ f(pa, [["__scopeId", "data-v-f26b0595"]]), va = { class: "column-card" }, fa = { class: "column-card__content" }, ga = { class: "column-card__headline" }, ba = { class: "column-card__bodytext" }, ya = /* @__PURE__ */ g({
   __name: "column-card",
   props: {
     headline: {},
@@ -963,25 +963,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     imageFit: { type: Boolean }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", pa, [
-      a("div", ma, [
-        t.image.filename ? (o(), i("div", {
+    return (a, r) => (s(), i("div", va, [
+      t("div", fa, [
+        a.image.filename ? (s(), i("div", {
           key: 0,
-          class: m(["column-card__image", { cover: t.imageFit, contain: !t.imageFit }])
+          class: p(["column-card__image", { cover: a.imageFit, contain: !a.imageFit }])
         }, [
-          c(t.$slots, "column-card-image", F(O({
-            src: t.image.filename,
-            alt: t.image.alt
+          c(a.$slots, "column-card-image", C(L({
+            src: a.image.filename,
+            alt: a.image.alt
           })), void 0, !0)
         ], 2)) : h("", !0),
-        a("h3", va, d(t.headline), 1),
-        a("div", fa, [
-          c(t.$slots, "column-card-body", {}, void 0, !0)
+        t("h3", ga, d(a.headline), 1),
+        t("div", ba, [
+          c(a.$slots, "column-card-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), fe = /* @__PURE__ */ f(ga, [["__scopeId", "data-v-39d91624"]]), ba = (e) => (H("data-v-2c394add"), e = e(), R(), e), ya = { class: "event__wrapper" }, $a = { class: "event__headline" }, ka = { class: "event__date-location" }, wa = /* @__PURE__ */ ba(() => /* @__PURE__ */ a("br", null, null, -1)), Ba = { class: "event__exhibitor" }, Sa = /* @__PURE__ */ g({
+}), ge = /* @__PURE__ */ f(ya, [["__scopeId", "data-v-39d91624"]]), ka = (e) => (O("data-v-2c394add"), e = e(), H(), e), $a = { class: "event__wrapper" }, wa = { class: "event__headline" }, Ba = { class: "event__date-location" }, Sa = /* @__PURE__ */ ka(() => /* @__PURE__ */ t("br", null, null, -1)), Ia = { class: "event__exhibitor" }, qa = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -1006,21 +1006,122 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", ya, [
+    return (a, r) => (s(), i("div", $a, [
       S(Z, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      a("div", $a, d(e.headline), 1),
-      a("div", ka, [
+      t("div", wa, d(e.headline), 1),
+      t("div", Ba, [
         G(d(e.dateTime), 1),
-        wa,
+        Sa,
         G(d(e.location), 1)
       ]),
-      a("div", Ba, d(e.exhibitor), 1)
+      t("div", Ia, d(e.exhibitor), 1)
     ]));
   }
-}), Ia = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-2c394add"]]), qa = { class: "text__wrapper" }, Ca = { class: "text__headline" }, Aa = { class: "text__paragraph" }, La = /* @__PURE__ */ g({
+}), Ca = /* @__PURE__ */ f(qa, [["__scopeId", "data-v-2c394add"]]), le = (e) => (O("data-v-bdaf11f9"), e = e(), H(), e), Aa = { class: "flashcard-side flashcard-front" }, La = {
+  key: 0,
+  class: "content"
+}, Da = { key: 0 }, Ta = {
+  key: 1,
+  class: "flashcard-body"
+}, Va = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
+  class: "flip-icon",
+  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
+}, null, -1)), Pa = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
+  class: "flip-icon",
+  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
+}, null, -1)), Fa = {
+  key: 0,
+  class: "content"
+}, Ma = { key: 0 }, za = {
+  key: 1,
+  class: "flashcard-body"
+}, Oa = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
+  class: "flip-icon",
+  src: "https://a.storyblok.com/f/230581/22x22/50edea5341/icon_reverse_white.svg"
+}, null, -1)), Ha = /* @__PURE__ */ le(() => /* @__PURE__ */ t("img", {
+  class: "flip-icon",
+  src: "https://a.storyblok.com/f/230581/22x21/23d87eccc4/icon_reverse_blue.svg"
+}, null, -1)), Ra = /* @__PURE__ */ g({
+  __name: "flashcard",
+  props: {
+    name: {},
+    bodytext: {},
+    image: {},
+    namebackside: {},
+    bodytextbackside: {},
+    imagebackside: {},
+    size: {},
+    imageFit: { type: Boolean },
+    imageFitBack: { type: Boolean }
+  },
+  setup(e) {
+    const a = q(!1);
+    function r() {
+      a.value = !a.value;
+    }
+    return (o, l) => {
+      var _, n, u, b, v, k;
+      return s(), i("div", {
+        class: "flashcard-container",
+        onClick: r
+      }, [
+        t("div", {
+          class: p(["flashcard", {
+            flipped: a.value,
+            "flashcard--sm": o.size === "sm",
+            "flashcard--md": o.size === "md",
+            "flashcard--lg": o.size === "lg"
+          }])
+        }, [
+          t("div", Aa, [
+            o.name || ((_ = o.bodytext) == null ? void 0 : _.length) > 0 ? (s(), i("div", La, [
+              o.name ? (s(), i("h3", Da, d(o.name), 1)) : h("", !0),
+              o.bodytext ? (s(), i("div", Ta, [
+                c(o.$slots, "flashcard-front-body", C(L({ bodytext: o.bodytext })), void 0, !0)
+              ])) : h("", !0),
+              Va
+            ])) : (s(), i("div", {
+              key: 1,
+              class: p(["flashcard-image", {
+                contain: o.imageFit,
+                cover: !o.imageFit
+              }])
+            }, [
+              c(o.$slots, "flashcard-front-image", C(L({ src: (n = o.image) == null ? void 0 : n.filename, alt: (u = o.image) == null ? void 0 : u.alt })), void 0, !0),
+              Pa
+            ], 2))
+          ]),
+          t("div", {
+            class: p([
+              "flashcard-side flashcard-back",
+              (b = o.imagebackside) != null && b.filename ? "flashcard-back--image" : "flashcard-back--no-image"
+            ])
+          }, [
+            o.namebackside || o.bodytextbackside.length > 0 ? (s(), i("div", Fa, [
+              o.namebackside ? (s(), i("h3", Ma, d(o.namebackside), 1)) : h("", !0),
+              o.bodytextbackside ? (s(), i("div", za, [
+                c(o.$slots, "flashcard-back-body", C(L({ bodytextbackside: o.bodytextbackside })), void 0, !0)
+              ])) : h("", !0),
+              Oa
+            ])) : (s(), i("div", {
+              key: 1,
+              class: p(["flashcard-image", {
+                contain: o.imageFitBack,
+                cover: !o.imageFitBack
+              }])
+            }, [
+              c(o.$slots, "flashcard-back-image", C(L({ src: (v = o.imagebackside) == null ? void 0 : v.filename, alt: (k = o.imagebackside) == null ? void 0 : k.alt })), void 0, !0),
+              Ha
+            ], 2))
+          ], 2)
+        ], 2)
+      ]);
+    };
+  }
+}), be = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-bdaf11f9"]]), Na = { class: "text__wrapper" }, Ea = { class: "text__headline" }, ja = { class: "text__paragraph" }, Ka = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -1037,60 +1138,60 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", qa, [
+    return (a, r) => (s(), i("div", Na, [
       S(Z, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      a("div", Ca, d(e.headline), 1),
-      a("div", Aa, [
-        a("p", null, d(e.paragraph), 1)
+      t("div", Ea, d(e.headline), 1),
+      t("div", ja, [
+        t("p", null, d(e.paragraph), 1)
       ])
     ]));
   }
-}), Da = /* @__PURE__ */ f(La, [["__scopeId", "data-v-ebdea819"]]), Ta = { class: "accordions" }, Va = { class: "accordions__wrapper" }, Pa = { class: "accordion" }, Ma = ["onClick"], Fa = { class: "accordion__headline" }, Oa = { class: "accordion__icon" }, za = {
+}), Ua = /* @__PURE__ */ f(Ka, [["__scopeId", "data-v-ebdea819"]]), Ga = { class: "accordions" }, Ja = { class: "accordions__wrapper" }, Wa = { class: "accordion" }, Ya = ["onClick"], Qa = { class: "accordion__headline" }, Za = { class: "accordion__icon" }, Xa = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/21x21/42c9c3b5ba/icon_add.svg"
-}, Ha = {
+}, xa = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/22x21/adfe5d1742/icon_substract.svg"
-}, Ra = { class: "accordion__bodytext" }, Na = /* @__PURE__ */ g({
+}, eo = { class: "accordion__bodytext" }, to = /* @__PURE__ */ g({
   __name: "accordion",
   props: {
     accordions: {}
   },
   setup(e) {
-    const t = q([]), r = (l) => {
-      const u = t.value.indexOf(l);
-      u > -1 ? t.value.splice(u, 1) : t.value.push(l);
-    }, s = (l) => t.value.includes(l);
-    return (l, u) => (o(), i("section", Ta, [
-      a("div", Va, [
-        (o(!0), i(T, null, V(l.accordions, (n) => (o(), i("div", {
+    const a = q([]), r = (l) => {
+      const _ = a.value.indexOf(l);
+      _ > -1 ? a.value.splice(_, 1) : a.value.push(l);
+    }, o = (l) => a.value.includes(l);
+    return (l, _) => (s(), i("section", Ga, [
+      t("div", Ja, [
+        (s(!0), i(P, null, F(l.accordions, (n) => (s(), i("div", {
           key: n._uid
         }, [
-          a("div", Pa, [
-            a("div", {
+          t("div", Wa, [
+            t("div", {
               class: "accordion__header",
-              onClick: (_) => r(n._uid)
+              onClick: (u) => r(n._uid)
             }, [
-              a("h3", Fa, d(n.headline), 1),
-              a("span", Oa, [
-                s(n._uid) ? (o(), i("img", Ha)) : (o(), i("img", za))
+              t("h3", Qa, d(n.headline), 1),
+              t("span", Za, [
+                o(n._uid) ? (s(), i("img", xa)) : (s(), i("img", Xa))
               ])
-            ], 8, Ma),
-            a("div", {
-              class: m(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
+            ], 8, Ya),
+            t("div", {
+              class: p(["accordion__content", { "accordion__content--reverse": n.imageFirst }]),
               style: x({
-                display: s(n._uid) ? "flex" : "none"
+                display: o(n._uid) ? "flex" : "none"
               })
             }, [
-              a("div", Ra, [
-                c(l.$slots, "accordion-body", F(O({ body: n.bodytext })), void 0, !0)
+              t("div", eo, [
+                c(l.$slots, "accordion-body", C(L({ body: n.bodytext })), void 0, !0)
               ]),
-              S(M, null, {
+              S(z, null, {
                 default: y(() => [
-                  n.image ? c(l.$slots, "accordion-image", F(X({ key: 0 }, {
+                  n.image ? c(l.$slots, "accordion-image", C(X({ key: 0 }, {
                     src: n.image.filename,
                     alt: n.image.alt,
                     class: "accordion__image"
@@ -1104,10 +1205,10 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ea = /* @__PURE__ */ f(Na, [["__scopeId", "data-v-8e3c34ec"]]), ja = { class: "card-display__wrapper" }, Ka = {
+}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-8e3c34ec"]]), oo = { class: "card-display__wrapper" }, so = {
   key: 0,
   class: "card__content"
-}, Ua = { key: 0 }, Ga = { key: 1 }, Ja = { class: "card__cards" }, Wa = /* @__PURE__ */ g({
+}, lo = { key: 0 }, io = { key: 1 }, ro = { class: "card__cards" }, no = /* @__PURE__ */ g({
   __name: "card-display",
   props: {
     headline: {
@@ -1124,30 +1225,30 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", {
-      class: m([
+    return (a, r) => (s(), i("div", {
+      class: p([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      a("div", ja, [
-        e.headline || e.paragraph ? (o(), i("div", Ka, [
-          e.headline ? (o(), i("h2", Ua, d(e.headline), 1)) : h("", !0),
-          e.paragraph ? (o(), i("p", Ga, d(e.paragraph), 1)) : h("", !0)
+      t("div", oo, [
+        e.headline || e.paragraph ? (s(), i("div", so, [
+          e.headline ? (s(), i("h2", lo, d(e.headline), 1)) : h("", !0),
+          e.paragraph ? (s(), i("p", io, d(e.paragraph), 1)) : h("", !0)
         ])) : h("", !0),
-        a("div", Ja, [
-          c(t.$slots, "card-display-cards", {}, void 0, !0)
+        t("div", ro, [
+          c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-e8033cff"]]), Qa = { class: "column-grid__top-section" }, Za = {
+}), co = /* @__PURE__ */ f(no, [["__scopeId", "data-v-e8033cff"]]), uo = { class: "column-grid__top-section" }, _o = {
   key: 0,
   class: "column-grid__headline"
-}, Xa = {
+}, ho = {
   key: 1,
   class: "column-grid__bodytext"
-}, xa = { class: "column-grid__teaser-list" }, eo = /* @__PURE__ */ g({
+}, po = { class: "column-grid__teaser-list" }, mo = /* @__PURE__ */ g({
   __name: "column-grid",
   props: {
     headline: { default: "" },
@@ -1156,34 +1257,34 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     columns: {}
   },
   setup(e) {
-    return (t, r) => (o(), i("div", {
-      class: m([
+    return (a, r) => (s(), i("div", {
+      class: p([
         "column-grid",
-        t.bgColor === "dark" ? "column-grid--dark" : t.bgColor === "light" ? "column-grid--light" : "column-grid--white"
+        a.bgColor === "dark" ? "column-grid--dark" : a.bgColor === "light" ? "column-grid--light" : "column-grid--white"
       ])
     }, [
-      a("div", Qa, [
-        t.headline ? (o(), i("h2", Za, d(t.headline), 1)) : h("", !0),
-        t.bodytext ? (o(), i("div", Xa, [
-          c(t.$slots, "column-grid-body", {}, void 0, !0)
+      t("div", uo, [
+        a.headline ? (s(), i("h2", _o, d(a.headline), 1)) : h("", !0),
+        a.bodytext ? (s(), i("div", ho, [
+          c(a.$slots, "column-grid-body", {}, void 0, !0)
         ])) : h("", !0)
       ]),
-      a("div", xa, [
-        (o(!0), i(T, null, V(t.columns, (s) => (o(), L(fe, {
-          key: s._uid,
-          headline: s.headline,
-          bodytext: s.bodytext,
-          image: s.image,
-          "image-fit": s.imageFit
+      t("div", po, [
+        (s(!0), i(P, null, F(a.columns, (o) => (s(), T(ge, {
+          key: o._uid,
+          headline: o.headline,
+          bodytext: o.bodytext,
+          image: o.image,
+          "image-fit": o.imageFit
         }, {
           "column-card-body": y(() => [
-            c(t.$slots, "column-card-body", F(O({ body: s.bodytext })), void 0, !0)
+            c(a.$slots, "column-card-body", C(L({ body: o.bodytext })), void 0, !0)
           ]),
           "column-card-image": y(() => [
-            s.image ? c(t.$slots, "column-card-image", F(X({ key: 0 }, {
-              src: s.image.filename,
-              alt: s.image.alt,
-              style: { "object-fit": s.imageFit ? "cover" : "contain" }
+            o.image ? c(a.$slots, "column-card-image", C(X({ key: 0 }, {
+              src: o.image.filename,
+              alt: o.image.alt,
+              style: { "object-fit": o.imageFit ? "cover" : "contain" }
             })), void 0, !0) : h("", !0)
           ]),
           _: 2
@@ -1191,10 +1292,10 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ], 2));
   }
-}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-c07b3f47"]]), ao = { class: "facts__wrapper" }, oo = { class: "facts__content" }, lo = { class: "facts__headline" }, so = { class: "facts" }, io = { class: "fact__value" }, ro = { class: "fact__metric" }, no = {
+}), vo = /* @__PURE__ */ f(mo, [["__scopeId", "data-v-c07b3f47"]]), fo = { class: "facts__wrapper" }, go = { class: "facts__content" }, bo = { class: "facts__headline" }, yo = { class: "facts" }, ko = { class: "fact__value" }, $o = { class: "fact__metric" }, wo = {
   key: 0,
   class: "facts__link"
-}, co = /* @__PURE__ */ g({
+}, Bo = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1218,29 +1319,29 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", ao, [
-      a("div", oo, [
-        a("h2", lo, d(t.headline), 1),
-        a("div", so, [
-          (o(!0), i(T, null, V(t.facts, (s) => (o(), i("div", {
-            key: s.value + s.metric,
+    return (a, r) => (s(), i("div", fo, [
+      t("div", go, [
+        t("h2", bo, d(a.headline), 1),
+        t("div", yo, [
+          (s(!0), i(P, null, F(a.facts, (o) => (s(), i("div", {
+            key: o.value + o.metric,
             class: "fact"
           }, [
-            a("div", io, [
-              a("span", null, d(s.value), 1)
+            t("div", ko, [
+              t("span", null, d(o.value), 1)
             ]),
-            a("div", ro, [
-              a("span", null, d(s.metric), 1)
+            t("div", $o, [
+              t("span", null, d(o.metric), 1)
             ])
           ]))), 128))
         ]),
-        t.link ? (o(), i("div", no, [
-          S(P, {
+        a.link ? (s(), i("div", wo, [
+          S(M, {
             "link-type": "regular_light",
             arrow: ""
           }, {
             default: y(() => [
-              c(t.$slots, "facts-link", {}, void 0, !0)
+              c(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1248,13 +1349,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), uo = /* @__PURE__ */ f(co, [["__scopeId", "data-v-d2b231d4"]]), _o = { class: "features__wrapper" }, ho = { class: "features__content" }, po = {
+}), So = /* @__PURE__ */ f(Bo, [["__scopeId", "data-v-d2b231d4"]]), Io = { class: "features__wrapper" }, qo = { class: "features__content" }, Co = {
   key: 0,
   class: "features__headline"
-}, mo = {
+}, Ao = {
   key: 1,
   class: "features__body"
-}, vo = { class: "element__headline" }, fo = { class: "element__body" }, go = /* @__PURE__ */ g({
+}, Lo = { class: "element__headline" }, Do = { class: "element__body" }, To = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1262,40 +1363,107 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", _o, [
-      a("div", ho, [
-        t.headline ? (o(), i("div", po, [
-          a("h2", null, d(t.headline), 1)
+    return (a, r) => (s(), i("div", Io, [
+      t("div", qo, [
+        a.headline ? (s(), i("div", Co, [
+          t("h2", null, d(a.headline), 1)
         ])) : h("", !0),
-        t.body ? (o(), i("div", mo, [
-          c(t.$slots, "features-body", {}, void 0, !0)
+        a.body ? (s(), i("div", Ao, [
+          c(a.$slots, "features-body", {}, void 0, !0)
         ])) : h("", !0),
-        a("div", {
-          class: m(["features__elements", [t.elements.length === 6 ? "features__elements--grid-6" : ""]])
+        t("div", {
+          class: p(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
-          (o(!0), i(T, null, V(t.elements, (s) => (o(), i("div", {
-            key: s.headline,
+          (s(!0), i(P, null, F(a.elements, (o) => (s(), i("div", {
+            key: o.headline,
             class: "features__element"
           }, [
-            S(M, { class: "element__icon" }, {
+            S(z, { class: "element__icon" }, {
               default: y(() => [
-                c(t.$slots, "features-icon", F(O({
-                  src: s.icon.src,
+                c(a.$slots, "features-icon", C(L({
+                  src: o.icon.src,
                   height: 30,
                   width: 30,
-                  alt: s.icon.alt
+                  alt: o.icon.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024),
-            a("p", vo, d(s.headline), 1),
-            a("p", fo, d(s.body), 1)
+            t("p", Lo, d(o.headline), 1),
+            t("p", Do, d(o.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), bo = /* @__PURE__ */ f(go, [["__scopeId", "data-v-57a22df7"]]), yo = { class: "form__wrapper" }, $o = { class: "form__content" }, ko = { class: "form__information" }, wo = { class: "form__headline" }, Bo = { class: "form__body" }, So = { class: "form__script" }, Io = /* @__PURE__ */ g({
+}), Vo = /* @__PURE__ */ f(To, [["__scopeId", "data-v-57a22df7"]]), Po = { class: "flashcard-wrapper" }, Fo = {
+  key: 0,
+  class: "flashcard-wrapper__headline"
+}, Mo = {
+  key: 1,
+  class: "flashcard-wrapper__bodytext"
+}, zo = /* @__PURE__ */ g({
+  __name: "flashcards",
+  props: {
+    headline: {},
+    body: {},
+    flashcards: {}
+  },
+  setup(e) {
+    const a = e, r = D(() => a.body.trim().length > 0), o = D(() => {
+      var _;
+      const l = (_ = a.flashcards) == null ? void 0 : _.length;
+      return l === 4 || l === 5 ? "sm" : l === 6 || l === 3 ? "md" : l === 2 ? "lg" : "sm";
+    });
+    return (l, _) => (s(), i("div", Po, [
+      t("div", {
+        class: p([
+          { "no-bodytext": !r.value },
+          "flashcard-wrapper__top-section"
+        ])
+      }, [
+        l.headline ? (s(), i("h2", Fo, d(l.headline), 1)) : h("", !0),
+        l.body ? (s(), i("div", Mo, [
+          c(l.$slots, "flashcard-wrapper-body", {}, void 0, !0)
+        ])) : h("", !0)
+      ], 2),
+      t("div", {
+        class: p(["flashcard-wrapper__teaser-list", {
+          sm: o.value === "sm",
+          md: o.value === "md",
+          lg: o.value === "lg"
+        }])
+      }, [
+        (s(!0), i(P, null, F(l.flashcards, (n) => (s(), T(I(be), {
+          key: n._uid,
+          name: n.name,
+          bodytext: n.bodytext,
+          image: n.image,
+          namebackside: n.namebackside ? n.namebackside : "",
+          bodytextbackside: n.bodytextbackside,
+          imagebackside: n.imagebackside ? n.imagebackside : { filename: "", alt: "" },
+          size: o.value,
+          "image-fit": n.imageFit,
+          "image-fit-back": n.imageFitBack
+        }, {
+          "flashcard-front-body": y(({ bodytext: u }) => [
+            c(l.$slots, "flashcard-front-body", C(L({ bodytext: u })), void 0, !0)
+          ]),
+          "flashcard-front-image": y(({ src: u, alt: b }) => [
+            c(l.$slots, "flashcard-front-image", C(L({ src: u, alt: b })), void 0, !0)
+          ]),
+          "flashcard-back-body": y(({ bodytextbackside: u }) => [
+            c(l.$slots, "flashcard-back-body", C(L({ bodytextbackside: u })), void 0, !0)
+          ]),
+          "flashcard-back-image": y(({ src: u, alt: b }) => [
+            c(l.$slots, "flashcard-back-image", C(L({ src: u, alt: b })), void 0, !0)
+          ]),
+          _: 2
+        }, 1032, ["name", "bodytext", "image", "namebackside", "bodytextbackside", "imagebackside", "size", "image-fit", "image-fit-back"]))), 128))
+      ], 2)
+    ]));
+  }
+}), Oo = /* @__PURE__ */ f(zo, [["__scopeId", "data-v-6dc1e767"]]), Ho = { class: "form__wrapper" }, Ro = { class: "form__content" }, No = { class: "form__information" }, Eo = { class: "form__headline" }, jo = { class: "form__body" }, Ko = { class: "form__script" }, Uo = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1304,21 +1472,21 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", yo, [
-      a("div", $o, [
-        a("div", ko, [
-          a("h2", wo, d(e.headline), 1),
-          a("div", Bo, [
-            c(t.$slots, "form-body", {}, void 0, !0)
+    return (a, r) => (s(), i("div", Ho, [
+      t("div", Ro, [
+        t("div", No, [
+          t("h2", Eo, d(e.headline), 1),
+          t("div", jo, [
+            c(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        a("div", So, [
-          c(t.$slots, "form-script", {}, void 0, !0)
+        t("div", Ko, [
+          c(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), qo = /* @__PURE__ */ f(Io, [["__scopeId", "data-v-87a67c13"]]), Co = { class: "headline__wrapper" }, Ao = { class: "headline__h1" }, Lo = /* @__PURE__ */ g({
+}), Go = /* @__PURE__ */ f(Uo, [["__scopeId", "data-v-87a67c13"]]), Jo = { class: "headline__wrapper" }, Wo = { class: "headline__h1" }, Yo = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1335,20 +1503,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", Co, [
-      a("div", {
-        class: m({
+    return (a, r) => (s(), i("div", Jo, [
+      t("div", {
+        class: p({
           "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
         })
       }, [
-        a("h1", Ao, d(e.headline), 1)
+        t("h1", Wo, d(e.headline), 1)
       ], 2)
     ]));
   }
-}), Do = /* @__PURE__ */ f(Lo, [["__scopeId", "data-v-3ef1567e"]]), To = (e) => (H("data-v-22f9be13"), e = e(), R(), e), Vo = { class: "hero__wrapper" }, Po = { class: "hero__content" }, Mo = { class: "hero__top" }, Fo = { class: "hero__elements" }, Oo = { class: "hero__headline" }, zo = { class: "hero__link" }, Ho = { class: "hero__video" }, Ro = /* @__PURE__ */ To(() => /* @__PURE__ */ a("div", { class: "hero__gradient" }, null, -1)), No = { class: "hero__video__video" }, Eo = { class: "hero__image" }, jo = /* @__PURE__ */ g({
+}), Qo = /* @__PURE__ */ f(Yo, [["__scopeId", "data-v-3ef1567e"]]), Zo = (e) => (O("data-v-22f9be13"), e = e(), H(), e), Xo = { class: "hero__wrapper" }, xo = { class: "hero__content" }, es = { class: "hero__top" }, ts = { class: "hero__elements" }, as = { class: "hero__headline" }, os = { class: "hero__link" }, ss = { class: "hero__video" }, ls = /* @__PURE__ */ Zo(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), is = { class: "hero__video__video" }, rs = { class: "hero__image" }, ns = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1357,39 +1525,39 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", Vo, [
-      a("div", Po, [
-        a("div", Mo, [
-          a("div", Fo, [
-            a("div", Oo, [
-              a("h1", null, d(e.headline), 1)
+    return (a, r) => (s(), i("div", Xo, [
+      t("div", xo, [
+        t("div", es, [
+          t("div", ts, [
+            t("div", as, [
+              t("h1", null, d(e.headline), 1)
             ]),
-            a("div", zo, [
-              S(P, {
+            t("div", os, [
+              S(M, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
                 default: y(() => [
-                  c(t.$slots, "hero-link", {}, void 0, !0)
+                  c(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])
           ])
         ]),
-        a("div", Ho, [
-          Ro,
-          a("div", No, [
-            c(t.$slots, "hero-video", {}, void 0, !0)
+        t("div", ss, [
+          ls,
+          t("div", is, [
+            c(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          a("div", Eo, [
-            c(t.$slots, "hero-image", {}, void 0, !0)
+          t("div", rs, [
+            c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), Ko = /* @__PURE__ */ f(jo, [["__scopeId", "data-v-22f9be13"]]), Uo = { class: "image__wrapper" }, Go = { class: "image__content" }, Jo = { class: "image__image" }, Wo = { class: "image__caption" }, Yo = /* @__PURE__ */ g({
+}), ds = /* @__PURE__ */ f(ns, [["__scopeId", "data-v-22f9be13"]]), cs = { class: "image__wrapper" }, us = { class: "image__content" }, _s = { class: "image__image" }, hs = { class: "image__caption" }, ps = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1413,12 +1581,12 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", Uo, [
-      a("div", Go, [
-        a("div", Jo, [
-          S(M, null, {
+    return (a, r) => (s(), i("div", cs, [
+      t("div", us, [
+        t("div", _s, [
+          S(z, null, {
             default: y(() => [
-              c(t.$slots, "image", F(O({
+              c(a.$slots, "image", C(L({
                 width: 984,
                 height: e.fullHeight ? "100%" : 554,
                 src: e.src,
@@ -1429,20 +1597,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             _: 3
           })
         ]),
-        a("p", Wo, d(e.caption), 1)
+        t("p", hs, d(e.caption), 1)
       ])
     ]));
   }
-}), Qo = /* @__PURE__ */ f(Yo, [["__scopeId", "data-v-c583d657"]]), Zo = { class: "gallery__large" }, Xo = {
+}), ms = /* @__PURE__ */ f(ps, [["__scopeId", "data-v-c583d657"]]), vs = { class: "gallery__large" }, fs = {
   key: 0,
   class: "image image--large"
-}, xo = {
+}, gs = {
   key: 1,
   class: "video"
-}, el = {
+}, bs = {
   key: 0,
   class: "body"
-}, tl = /* @__PURE__ */ g({
+}, ys = /* @__PURE__ */ g({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1454,25 +1622,25 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     bgColor: { default: "white" }
   },
   setup(e) {
-    const t = {
+    const a = {
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, s = D(() => t[r.bgColor]);
-    return (l, u) => (o(), i("div", {
-      class: m(["gallery__wrapper", s.value])
+    }, r = e, o = D(() => a[r.bgColor]);
+    return (l, _) => (s(), i("div", {
+      class: p(["gallery__wrapper", o.value])
     }, [
-      a("div", {
-        class: m([
+      t("div", {
+        class: p([
           "gallery__content",
           l.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        a("div", Zo, [
-          l.mediaLarge && l.mediaType === "image" ? (o(), i("div", Xo, [
-            S(M, null, {
+        t("div", vs, [
+          l.mediaLarge && l.mediaType === "image" ? (s(), i("div", fs, [
+            S(z, null, {
               default: y(() => [
-                c(l.$slots, "image-large", F(O({
+                c(l.$slots, "image-large", C(L({
                   width: 617,
                   height: 530,
                   src: l.mediaLarge.src,
@@ -1482,7 +1650,7 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
               _: 3
             })
           ])) : h("", !0),
-          l.mediaLarge && l.mediaType === "video" ? (o(), i("div", xo, [
+          l.mediaLarge && l.mediaType === "video" ? (s(), i("div", gs, [
             S(ee, {
               src: l.mediaLarge.src,
               "local-video": "",
@@ -1497,20 +1665,20 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
             }, null, 8, ["src", "aria-label"])
           ])) : h("", !0)
         ]),
-        a("div", {
+        t("div", {
           style: x([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
-          class: m([
+          class: p([
             "gallery__small",
             l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (o(!0), i(T, null, V(l.mediaSmall, (n) => (o(), i("div", {
+          (s(!0), i(P, null, F(l.mediaSmall, (n) => (s(), i("div", {
             key: n.src + n.alt,
             class: "image image--small"
           }, [
-            S(M, null, {
+            S(z, null, {
               default: y(() => [
-                c(l.$slots, "image-small", F(O({
+                c(l.$slots, "image-small", C(L({
                   width: 328,
                   height: 246,
                   src: n.src,
@@ -1520,17 +1688,17 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
               _: 2
             }, 1024)
           ]))), 128)),
-          l.mediaSmall.length < 2 ? (o(), i("div", el, [
-            a("p", null, d(l.body), 1)
+          l.mediaSmall.length < 2 ? (s(), i("div", bs, [
+            t("p", null, d(l.body), 1)
           ])) : h("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), al = /* @__PURE__ */ f(tl, [["__scopeId", "data-v-0d271138"]]), ol = { class: "logo-wall__wrapper" }, ll = { class: "logo-wall__content" }, sl = {
+}), ks = /* @__PURE__ */ f(ys, [["__scopeId", "data-v-0d271138"]]), $s = { class: "logo-wall__wrapper" }, ws = { class: "logo-wall__content" }, Bs = {
   key: 0,
   class: "logo-wall__text"
-}, il = { key: 0 }, rl = { key: 1 }, nl = { class: "logo-wall__logos" }, dl = { class: "logo-wall__link" }, cl = /* @__PURE__ */ g({
+}, Ss = { key: 0 }, Is = { key: 1 }, qs = { class: "logo-wall__logos" }, Cs = { class: "logo-wall__link" }, As = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1548,37 +1716,37 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", ol, [
-      a("div", ll, [
-        e.headline || e.body ? (o(), i("div", sl, [
-          e.headline ? (o(), i("h2", il, d(e.headline), 1)) : h("", !0),
-          e.body ? (o(), i("p", rl, d(e.body), 1)) : h("", !0)
+    return (a, r) => (s(), i("div", $s, [
+      t("div", ws, [
+        e.headline || e.body ? (s(), i("div", Bs, [
+          e.headline ? (s(), i("h2", Ss, d(e.headline), 1)) : h("", !0),
+          e.body ? (s(), i("p", Is, d(e.body), 1)) : h("", !0)
         ])) : h("", !0),
-        a("div", nl, [
-          (o(!0), i(T, null, V(e.logos, (s) => (o(), i("div", {
-            key: s.src + s.alt,
+        t("div", qs, [
+          (s(!0), i(P, null, F(e.logos, (o) => (s(), i("div", {
+            key: o.src + o.alt,
             class: "logo-wall__logo"
           }, [
-            S(M, null, {
+            S(z, null, {
               default: y(() => [
-                c(t.$slots, "logo-wall-logo", F(O({
+                c(a.$slots, "logo-wall-logo", C(L({
                   width: 130,
                   height: 130,
-                  src: s.src,
-                  alt: s.alt
+                  src: o.src,
+                  alt: o.alt
                 })), void 0, !0)
               ]),
               _: 2
             }, 1024)
           ]))), 128))
         ]),
-        a("div", dl, [
-          S(P, {
+        t("div", Cs, [
+          S(M, {
             "link-type": "regular_light",
             arrow: !0
           }, {
             default: y(() => [
-              c(t.$slots, "logo-wall-link", {}, void 0, !0)
+              c(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1586,13 +1754,13 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ul = /* @__PURE__ */ f(cl, [["__scopeId", "data-v-fd489289"]]), _l = { class: "micro-stories__top" }, hl = {
+}), Ls = /* @__PURE__ */ f(As, [["__scopeId", "data-v-fd489289"]]), Ds = { class: "micro-stories__top" }, Ts = {
   key: 0,
   class: "headline"
-}, pl = {
+}, Vs = {
   key: 1,
   class: "body"
-}, ml = { class: "micro-stories__splide" }, vl = /* @__PURE__ */ g({
+}, Ps = { class: "micro-stories__splide" }, Fs = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1600,43 +1768,43 @@ const Ce = ["aria-label"], Ae = /* @__PURE__ */ g({
     body: { default: "" }
   },
   setup(e) {
-    const t = {
+    const a = {
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = D(() => t[s.bgColor]), s = e;
-    return (l, u) => (o(), i("div", {
-      class: m(["micro-stories__wrapper", r.value])
+    }, r = D(() => a[o.bgColor]), o = e;
+    return (l, _) => (s(), i("div", {
+      class: p(["micro-stories__wrapper", r.value])
     }, [
-      a("div", _l, [
-        l.headline ? (o(), i("div", hl, [
-          a("h2", null, d(l.headline), 1)
+      t("div", Ds, [
+        l.headline ? (s(), i("div", Ts, [
+          t("h2", null, d(l.headline), 1)
         ])) : h("", !0),
-        l.body ? (o(), i("div", pl, [
-          a("p", null, d(l.body), 1)
+        l.body ? (s(), i("div", Vs, [
+          t("p", null, d(l.body), 1)
         ])) : h("", !0)
       ]),
-      a("div", ml, [
+      t("div", Ps, [
         c(l.$slots, "micro-stories-slides")
       ]),
       c(l.$slots, "micro-stories-controls")
     ], 2));
   }
-}), fl = {}, gl = { class: "policy__wrapper" }, bl = { class: "policy__content" };
-function yl(e, t) {
-  return o(), i("div", gl, [
-    a("div", bl, [
+}), Ms = {}, zs = { class: "policy__wrapper" }, Os = { class: "policy__content" };
+function Hs(e, a) {
+  return s(), i("div", zs, [
+    t("div", Os, [
       c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a"]]), kl = { class: "product-hero__wrapper" }, wl = { class: "product-hero__content" }, Bl = { class: "product-hero__headline" }, Sl = { class: "product-hero__video" }, Il = { class: "product-hero__insignia" }, ql = {
+const Rs = /* @__PURE__ */ f(Ms, [["render", Hs], ["__scopeId", "data-v-ea887d7a"]]), Ns = { class: "product-hero__wrapper" }, Es = { class: "product-hero__content" }, js = { class: "product-hero__headline" }, Ks = { class: "product-hero__video" }, Us = { class: "product-hero__insignia" }, Gs = {
   key: 0,
   class: "product-hero__logo"
-}, Cl = {
+}, Js = {
   key: 1,
   class: "product-hero__certification"
-}, Al = /* @__PURE__ */ g({
+}, Ws = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -1671,11 +1839,11 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", kl, [
-      a("div", wl, [
-        a("div", Bl, d(e.headline), 1),
-        a("div", Sl, [
-          e.videoSrc !== "" ? (o(), L(ee, {
+    return (a, r) => (s(), i("div", Ns, [
+      t("div", Es, [
+        t("div", js, d(e.headline), 1),
+        t("div", Ks, [
+          e.videoSrc !== "" ? (s(), T(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -1686,25 +1854,25 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (o(), L(I(M), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (s(), T(I(z), { key: 1 }, {
             default: y(() => [
-              c(t.$slots, "product-hero-image", {}, void 0, !0)
+              c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          a("div", Il, [
-            e.logoSrc ? (o(), i("div", ql, [
-              S(I(M), null, {
+          t("div", Us, [
+            e.logoSrc ? (s(), i("div", Gs, [
+              S(I(z), null, {
                 default: y(() => [
-                  c(t.$slots, "product-hero-logo", {}, void 0, !0)
+                  c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
             ])) : h("", !0),
-            e.isCertified ? (o(), i("div", Cl, [
-              S(I(M), null, {
+            e.isCertified ? (s(), i("div", Js, [
+              S(I(z), null, {
                 default: y(() => [
-                  c(t.$slots, "product-hero-certification", {}, void 0, !0)
+                  c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1714,7 +1882,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), Ll = /* @__PURE__ */ f(Al, [["__scopeId", "data-v-deab9c3a"]]), Dl = { class: "promo__content" }, Tl = /* @__PURE__ */ g({
+}), Ys = /* @__PURE__ */ f(Ws, [["__scopeId", "data-v-deab9c3a"]]), Qs = { class: "promo__content" }, Zs = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1730,37 +1898,37 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
     multiply: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = {
+    const a = {
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = D(() => t[r.variant]);
-    return (l, u) => (o(), i("div", {
-      class: m([
+    }, r = e, o = D(() => a[r.variant]);
+    return (l, _) => (s(), i("div", {
+      class: p([
         "promo__wrapper",
-        s.value,
+        o.value,
         l.teaser ? "promo__wrapper--teaser" : "",
         l.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      a("div", Dl, [
-        l.mediaType === "image" ? (o(), i("div", {
+      t("div", Qs, [
+        l.mediaType === "image" ? (s(), i("div", {
           key: 0,
-          class: m([
+          class: p([
             "promo__image",
             l.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
-          S(M, null, {
+          S(z, null, {
             default: y(() => [
-              c(l.$slots, "promo-image", F(O({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              c(l.$slots, "promo-image", C(L({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
             _: 3
           })
         ], 2)) : h("", !0),
-        l.mediaType === "video" ? (o(), i("div", {
+        l.mediaType === "video" ? (s(), i("div", {
           key: 1,
-          class: m([
+          class: p([
             "promo__video",
             l.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
@@ -1777,26 +1945,26 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
             poster: l.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
         ], 2)) : h("", !0),
-        a("div", {
-          class: m([
+        t("div", {
+          class: p([
             "promo__text",
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (o(), L(Z, {
+          l.label ? (s(), T(Z, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : h("", !0),
-          a("div", {
-            class: m([
+          t("div", {
+            class: p([
               "promo__title",
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
             c(l.$slots, "promo-headline")
           ], 2),
-          l.linkType === "link" ? (o(), L(P, {
+          l.linkType === "link" ? (s(), T(M, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -1806,7 +1974,7 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : h("", !0),
-          l.linkType === "button" ? (o(), L(P, {
+          l.linkType === "button" ? (s(), T(M, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -1819,10 +1987,10 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Vl = /* @__PURE__ */ f(Tl, [["__scopeId", "data-v-df54d965"]]), Pl = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), Ml = { class: "quote__wrapper" }, Fl = { class: "quote__content" }, Ol = /* @__PURE__ */ Pl(() => /* @__PURE__ */ a("p", { class: "quote__quote-mark" }, "“", -1)), zl = { class: "quote__quote" }, Hl = { class: "quote__quote-text" }, Rl = { class: "quote__author" }, Nl = {
+}), Xs = /* @__PURE__ */ f(Zs, [["__scopeId", "data-v-df54d965"]]), xs = (e) => (O("data-v-e3cc8e27"), e = e(), H(), e), el = { class: "quote__wrapper" }, tl = { class: "quote__content" }, al = /* @__PURE__ */ xs(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ol = { class: "quote__quote" }, sl = { class: "quote__quote-text" }, ll = { class: "quote__author" }, il = {
   key: 0,
   class: "quote__image"
-}, El = { class: "quote__text" }, jl = { class: "quote__author-name" }, Kl = { class: "quote__author-title" }, Ul = /* @__PURE__ */ g({
+}, rl = { class: "quote__text" }, nl = { class: "quote__author-name" }, dl = { class: "quote__author-title" }, cl = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1844,16 +2012,16 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", Ml, [
-      a("div", Fl, [
-        Ol,
-        a("div", zl, [
-          a("p", Hl, d(e.quote), 1),
-          a("div", Rl, [
-            e.authorImage ? (o(), i("div", Nl, [
-              S(M, null, {
+    return (a, r) => (s(), i("div", el, [
+      t("div", tl, [
+        al,
+        t("div", ol, [
+          t("p", sl, d(e.quote), 1),
+          t("div", ll, [
+            e.authorImage ? (s(), i("div", il, [
+              S(z, null, {
                 default: y(() => [
-                  c(t.$slots, "author-image", F(O({
+                  c(a.$slots, "author-image", C(L({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1862,22 +2030,22 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
                 _: 3
               })
             ])) : h("", !0),
-            a("div", El, [
-              a("p", jl, d(e.author), 1),
-              a("p", Kl, d(e.authorTitle), 1)
+            t("div", rl, [
+              t("p", nl, d(e.author), 1),
+              t("p", dl, d(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), Gl = /* @__PURE__ */ f(Ul, [["__scopeId", "data-v-e3cc8e27"]]), Jl = { class: "rich-text__wrapper" }, Wl = {
+}), ul = /* @__PURE__ */ f(cl, [["__scopeId", "data-v-e3cc8e27"]]), _l = { class: "rich-text__wrapper" }, hl = {
   key: 0,
   class: "rich-text__links"
-}, Yl = {
+}, pl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, Ql = /* @__PURE__ */ g({
+}, ml = /* @__PURE__ */ g({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1890,55 +2058,55 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
     label: { default: "" }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", {
-      class: m([
+    return (a, r) => (s(), i("div", {
+      class: p([
         "rich-text",
-        t.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
+        a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      a("div", Jl, [
-        t.label ? (o(), L(Z, {
+      t("div", _l, [
+        a.label ? (s(), T(Z, {
           key: 0,
-          text: t.label,
+          text: a.label,
           "label-dark": !1
         }, null, 8, ["text"])) : h("", !0),
-        t.headline ? (o(), i("h2", {
+        a.headline ? (s(), i("h2", {
           key: 1,
-          class: m([
+          class: p([
             "rich-text__headline",
-            t.leftAligned || t.bulletList || t.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"
           ])
-        }, d(t.headline), 3)) : h("", !0),
-        a("div", {
-          class: m([
+        }, d(a.headline), 3)) : h("", !0),
+        t("div", {
+          class: p([
             "rich-text__content",
-            t.leftAligned || t.bulletList || t.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"
           ])
         }, [
-          a("div", {
-            class: m([
+          t("div", {
+            class: p([
               "rich-text__body",
-              t.bulletList || t.image ? "rich-text__body--content-right" : ""
+              a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            c(t.$slots, "rich-text-content"),
-            t.links ? (o(), i("div", Wl, [
-              c(t.$slots, "rich-text-links")
+            c(a.$slots, "rich-text-content"),
+            a.links ? (s(), i("div", hl, [
+              c(a.$slots, "rich-text-links")
             ])) : h("", !0)
           ], 2),
-          t.bulletList ? (o(), i("div", Yl, [
-            c(t.$slots, "rich-text-bullet-list")
+          a.bulletList ? (s(), i("div", pl, [
+            c(a.$slots, "rich-text-bullet-list")
           ])) : h("", !0),
-          t.image ? (o(), i("div", {
+          a.image ? (s(), i("div", {
             key: 1,
-            class: m([
+            class: p([
               "rich-text__image",
-              t.imageClip ? "rich-text__image--clip" : ""
+              a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
-            S(M, null, {
+            S(z, null, {
               default: y(() => [
-                c(t.$slots, "rich-text-image", F(O({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", C(L({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1947,16 +2115,16 @@ const $l = /* @__PURE__ */ f(fl, [["render", yl], ["__scopeId", "data-v-ea887d7a
       ])
     ], 2));
   }
-}), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-16ba7206"]]), Xl = {}, xl = { class: "rich-text" }, es = { class: "rich-text__wrapper" }, ts = { class: "rich-text__content rich-text__content--left-aligned" }, as = { class: "rich-text__body" };
-function os(e, t) {
-  return o(), i("div", xl, [
-    a("div", es, [
-      a("div", ts, [
-        a("div", as, [
-          a("div", null, [
+}), vl = /* @__PURE__ */ f(ml, [["__scopeId", "data-v-16ba7206"]]), fl = {}, gl = { class: "rich-text" }, bl = { class: "rich-text__wrapper" }, yl = { class: "rich-text__content rich-text__content--left-aligned" }, kl = { class: "rich-text__body" };
+function $l(e, a) {
+  return s(), i("div", gl, [
+    t("div", bl, [
+      t("div", yl, [
+        t("div", kl, [
+          t("div", null, [
             c(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
-          a("div", null, [
+          t("div", null, [
             c(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
@@ -1964,10 +2132,10 @@ function os(e, t) {
     ])
   ]);
 }
-const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040"]]), ss = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), is = { class: "timeline__wrapper" }, rs = { class: "timeline__content" }, ns = { class: "timeline__items" }, ds = { class: "item__left" }, cs = /* @__PURE__ */ ss(() => /* @__PURE__ */ a("div", { class: "item__elements" }, [
-  /* @__PURE__ */ a("div", { class: "circle" }),
-  /* @__PURE__ */ a("div", { class: "line" })
-], -1)), us = { class: "item__right" }, _s = ["innerHTML"], hs = /* @__PURE__ */ g({
+const wl = /* @__PURE__ */ f(fl, [["render", $l], ["__scopeId", "data-v-449f3040"]]), Bl = (e) => (O("data-v-e254e1e0"), e = e(), H(), e), Sl = { class: "timeline__wrapper" }, Il = { class: "timeline__content" }, ql = { class: "timeline__items" }, Cl = { class: "item__left" }, Al = /* @__PURE__ */ Bl(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+  /* @__PURE__ */ t("div", { class: "circle" }),
+  /* @__PURE__ */ t("div", { class: "line" })
+], -1)), Ll = { class: "item__right" }, Dl = ["innerHTML"], Tl = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1976,10 +2144,10 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return pe(() => {
-      const t = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
-        (s) => {
-          s.forEach((l) => {
+    return me(() => {
+      const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
+        (o) => {
+          o.forEach((l) => {
             l.isIntersecting && (l.target.classList.add("visible"), l.target.classList.remove("faded"), r.unobserve(l.target));
           });
         },
@@ -1987,43 +2155,43 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
           threshold: 1
         }
       );
-      t.forEach((s) => {
-        r.observe(s);
+      a.forEach((o) => {
+        r.observe(o);
       });
-    }), (t, r) => (o(), i("div", is, [
-      a("div", rs, [
-        a("div", ns, [
-          (o(!0), i(T, null, V(e.timelineItems, (s) => (o(), i("div", {
-            key: s.year,
+    }), (a, r) => (s(), i("div", Sl, [
+      t("div", Il, [
+        t("div", ql, [
+          (s(!0), i(P, null, F(e.timelineItems, (o) => (s(), i("div", {
+            key: o.year,
             class: "timeline__item faded"
           }, [
-            a("div", ds, d(s.year), 1),
-            cs,
-            a("div", us, [
-              S(M, null, {
+            t("div", Cl, d(o.year), 1),
+            Al,
+            t("div", Ll, [
+              S(z, null, {
                 default: y(() => [
-                  s.media.src ? c(t.$slots, "timeline-image", F(X({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : h("", !0)
+                  o.media.src ? c(a.$slots, "timeline-image", C(X({ key: 0 }, { src: o.media.src, alt: o.media.alt })), void 0, !0) : h("", !0)
                 ]),
                 _: 2
               }, 1024),
-              a("div", {
-                style: x([s.media.src ? "" : "margin-top: 0px"]),
+              t("div", {
+                style: x([o.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
-                innerHTML: s.text
-              }, null, 12, _s)
+                innerHTML: o.text
+              }, null, 12, Dl)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), ps = /* @__PURE__ */ f(hs, [["__scopeId", "data-v-e254e1e0"]]), ms = { class: "vimeo" }, vs = { class: "vimeo__wrapper" }, fs = {
+}), Vl = /* @__PURE__ */ f(Tl, [["__scopeId", "data-v-e254e1e0"]]), Pl = { class: "vimeo" }, Fl = { class: "vimeo__wrapper" }, Ml = {
   key: 0,
   class: "vimeo__headline"
-}, gs = {
+}, zl = {
   key: 1,
   class: "vimeo__description"
-}, bs = /* @__PURE__ */ g({
+}, Ol = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -2036,21 +2204,21 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", ms, [
-      a("div", vs, [
-        e.headline ? (o(), i("h2", fs, d(e.headline), 1)) : h("", !0),
-        c(t.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (o(), i("p", gs, d(e.description), 1)) : h("", !0)
+    return (a, r) => (s(), i("div", Pl, [
+      t("div", Fl, [
+        e.headline ? (s(), i("h2", Ml, d(e.headline), 1)) : h("", !0),
+        c(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (s(), i("p", zl, d(e.description), 1)) : h("", !0)
       ])
     ]));
   }
-}), ys = /* @__PURE__ */ f(bs, [["__scopeId", "data-v-90a2b109"]]), $s = { class: "academy-overview" }, ks = { class: "academy-overview__content-wrapper" }, ws = { class: "academy-overview__content" }, Bs = { class: "academy-overview__title" }, Ss = { class: "academy-overview__description" }, Is = {
+}), Hl = /* @__PURE__ */ f(Ol, [["__scopeId", "data-v-90a2b109"]]), Rl = { class: "academy-overview" }, Nl = { class: "academy-overview__content-wrapper" }, El = { class: "academy-overview__content" }, jl = { class: "academy-overview__title" }, Kl = { class: "academy-overview__description" }, Ul = {
   key: 0,
   class: "academy-overview__button-wrapper"
-}, qs = {
+}, Gl = {
   key: 0,
   class: "academy-overview__stats"
-}, Cs = { class: "academy-overview__stats-row" }, As = { class: "academy-overview__stat" }, Ls = { class: "academy-overview__value" }, Ds = { class: "academy-overview__label" }, Ts = { class: "academy-overview__stat" }, Vs = { class: "academy-overview__value" }, Ps = { class: "academy-overview__label" }, Ms = /* @__PURE__ */ g({
+}, Jl = { class: "academy-overview__stats-row" }, Wl = { class: "academy-overview__stat" }, Yl = { class: "academy-overview__value" }, Ql = { class: "academy-overview__label" }, Zl = { class: "academy-overview__stat" }, Xl = { class: "academy-overview__value" }, xl = { class: "academy-overview__label" }, ei = /* @__PURE__ */ g({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
@@ -2064,25 +2232,25 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     }) }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", $s, [
-      a("div", ks, [
-        a("div", ws, [
-          a("div", null, [
-            a("h1", Bs, d(t.hero.headline), 1),
-            a("p", Ss, d(t.hero.description), 1),
-            t.hero.showStats ? h("", !0) : (o(), i("div", Is, [
-              c(t.$slots, "button", {}, void 0, !0)
+    return (a, r) => (s(), i("div", Rl, [
+      t("div", Nl, [
+        t("div", El, [
+          t("div", null, [
+            t("h1", jl, d(a.hero.headline), 1),
+            t("p", Kl, d(a.hero.description), 1),
+            a.hero.showStats ? h("", !0) : (s(), i("div", Ul, [
+              c(a.$slots, "button", {}, void 0, !0)
             ]))
           ]),
-          t.hero.showStats ? (o(), i("div", qs, [
-            a("div", Cs, [
-              a("div", As, [
-                a("div", Ls, d(t.hero.lessonValue), 1),
-                a("div", Ds, d(t.hero.lessonLabel), 1)
+          a.hero.showStats ? (s(), i("div", Gl, [
+            t("div", Jl, [
+              t("div", Wl, [
+                t("div", Yl, d(a.hero.lessonValue), 1),
+                t("div", Ql, d(a.hero.lessonLabel), 1)
               ]),
-              a("div", Ts, [
-                a("div", Vs, d(t.hero.pointsValue), 1),
-                a("div", Ps, d(t.hero.pointsLabel), 1)
+              t("div", Zl, [
+                t("div", Xl, d(a.hero.pointsValue), 1),
+                t("div", xl, d(a.hero.pointsLabel), 1)
               ])
             ])
           ])) : h("", !0)
@@ -2090,7 +2258,7 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Fs = /* @__PURE__ */ f(Ms, [["__scopeId", "data-v-98275425"]]), Os = { class: "not-found__wrapper" }, zs = { class: "not-found__content" }, Hs = { class: "not-found__headline" }, Rs = { class: "not-found__body" }, Ns = /* @__PURE__ */ g({
+}), ti = /* @__PURE__ */ f(ei, [["__scopeId", "data-v-98275425"]]), ai = { class: "not-found__wrapper" }, oi = { class: "not-found__content" }, si = { class: "not-found__headline" }, li = { class: "not-found__body" }, ii = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -2099,16 +2267,16 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", Os, [
-      a("div", zs, [
-        a("h1", Hs, d(e.headline), 1),
-        a("div", Rs, [
-          c(t.$slots, "not-found-body", {}, void 0, !0)
+    return (a, r) => (s(), i("div", ai, [
+      t("div", oi, [
+        t("h1", si, d(e.headline), 1),
+        t("div", li, [
+          c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Es = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-b829ca6c"]]), js = { class: "filter__wrapper" }, Ks = { class: "filter__content" }, Us = { class: "filter__dropdowns" }, Gs = { class: "filter__chips" }, Js = /* @__PURE__ */ g({
+}), ri = /* @__PURE__ */ f(ii, [["__scopeId", "data-v-b829ca6c"]]), ni = { class: "filter__wrapper" }, di = { class: "filter__content" }, ci = { class: "filter__dropdowns" }, ui = { class: "filter__chips" }, _i = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -2122,51 +2290,51 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (t, r) => (o(), i("div", js, [
-      a("div", Ks, [
-        a("div", Us, [
-          c(t.$slots, "filter-dropdowns")
+    return (a, r) => (s(), i("div", ni, [
+      t("div", di, [
+        t("div", ci, [
+          c(a.$slots, "filter-dropdowns")
         ]),
-        a("div", Gs, [
-          c(t.$slots, "filter-chips"),
-          e.hasChips ? (o(), i("button", {
+        t("div", ui, [
+          c(a.$slots, "filter-chips"),
+          e.hasChips ? (s(), i("button", {
             key: 0,
             class: "filter__clear",
-            onClick: r[0] || (r[0] = (s) => t.$emit("clearFilters"))
+            onClick: r[0] || (r[0] = (o) => a.$emit("clearFilters"))
           }, d(e.removeAll), 1)) : h("", !0)
         ])
       ])
     ]));
   }
-}), Ws = /* @__PURE__ */ f(Js, [["__scopeId", "data-v-31c1ba00"]]), ge = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), Ys = { class: "footer__wrapper" }, Qs = { class: "footer__content" }, Zs = {
+}), hi = /* @__PURE__ */ f(_i, [["__scopeId", "data-v-31c1ba00"]]), ye = (e) => (O("data-v-3d0cbbd5"), e = e(), H(), e), pi = { class: "footer__wrapper" }, mi = { class: "footer__content" }, vi = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" }
-}, Xs = { class: "footer__sections" }, xs = { class: "section__title" }, ei = { class: "section__list" }, ti = { class: "section" }, ai = {
+}, fi = { class: "footer__sections" }, gi = { class: "section__title" }, bi = { class: "section__list" }, yi = { class: "section" }, ki = {
   key: 0,
   class: "section__title"
-}, oi = {
+}, $i = {
   key: 1,
   class: "section__title"
-}, li = { key: 0 }, si = { key: 1 }, ii = { key: 2 }, ri = { key: 3 }, ni = { key: 4 }, di = /* @__PURE__ */ ge(() => /* @__PURE__ */ a("br", null, null, -1)), ci = {
+}, wi = { key: 0 }, Bi = { key: 1 }, Si = { key: 2 }, Ii = { key: 3 }, qi = { key: 4 }, Ci = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("br", null, null, -1)), Ai = {
   key: 0,
   href: "mailto:china@mir-robots.com"
-}, ui = {
+}, Li = {
   key: 1,
   href: "mailto:mail@mir-robots.com"
-}, _i = {
+}, Di = {
   key: 0,
   href: "tel:+8613661856951"
-}, hi = {
+}, Ti = {
   key: 1,
   href: "tel:+4520377577"
-}, pi = { class: "footer__bottom" }, mi = { class: "copyright" }, vi = { class: "footer__policy" }, fi = /* @__PURE__ */ ge(() => /* @__PURE__ */ a("i", { class: "change-region" }, null, -1)), gi = {
+}, Vi = { class: "footer__bottom" }, Pi = { class: "copyright" }, Fi = { class: "footer__policy" }, Mi = /* @__PURE__ */ ye(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), zi = {
   key: 0,
   class: "footer__social"
-}, bi = ["href", "aria-label"], yi = {
+}, Oi = ["href", "aria-label"], Hi = {
   key: 1,
   class: "footer__social"
-}, $i = ["href", "aria-label"], ki = /* @__PURE__ */ g({
+}, Ri = ["href", "aria-label"], Ni = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -2179,107 +2347,107 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (t, r) => (o(), i("div", Ys, [
-      a("footer", Qs, [
-        t.language === "zh" ? (o(), i("img", Zs)) : h("", !0),
-        a("div", Xs, [
-          (o(!0), i(T, null, V(t.footerSections, (s) => (o(), i("div", {
-            key: s.title,
+    return (a, r) => (s(), i("div", pi, [
+      t("footer", mi, [
+        a.language === "zh" ? (s(), i("img", vi)) : h("", !0),
+        t("div", fi, [
+          (s(!0), i(P, null, F(a.footerSections, (o) => (s(), i("div", {
+            key: o.title,
             class: "section"
           }, [
-            a("span", xs, d(s.title), 1),
-            a("nav", null, [
-              a("ul", ei, [
-                c(t.$slots, "section-links", {
-                  links: s.links
+            t("span", gi, d(o.title), 1),
+            t("nav", null, [
+              t("ul", bi, [
+                c(a.$slots, "section-links", {
+                  links: o.links
                 })
               ])
             ])
           ]))), 128)),
-          a("div", ti, [
-            t.language === "zh" ? (o(), i("span", ai, "名傲移动机器人（上海）有限公司")) : (o(), i("span", oi, "Mobile Industrial Robots A/S")),
-            a("address", null, [
-              t.language === "zh" ? (o(), i("span", li, "上海浦东新区金桥出口加工区")) : (o(), i("span", si, "Energivej 51")),
-              t.language === "zh" ? (o(), i("span", ii, "桂桥路1201号10栋2楼")) : (o(), i("span", ri, "5260 Odense S")),
-              t.language !== "zh" ? (o(), i("span", ni, "CVR: 35251235")) : h("", !0),
-              di,
-              S(P, {
+          t("div", yi, [
+            a.language === "zh" ? (s(), i("span", ki, "名傲移动机器人（上海）有限公司")) : (s(), i("span", $i, "Mobile Industrial Robots A/S")),
+            t("address", null, [
+              a.language === "zh" ? (s(), i("span", wi, "上海浦东新区金桥出口加工区")) : (s(), i("span", Bi, "Energivej 51")),
+              a.language === "zh" ? (s(), i("span", Si, "桂桥路1201号10栋2楼")) : (s(), i("span", Ii, "5260 Odense S")),
+              a.language !== "zh" ? (s(), i("span", qi, "CVR: 35251235")) : h("", !0),
+              Ci,
+              S(M, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: y(() => [
-                  t.language === "zh" ? (o(), i("a", ci, "china@mir-robots.com")) : (o(), i("a", ui, "mail@mir-robots.com"))
+                  a.language === "zh" ? (s(), i("a", Ai, "china@mir-robots.com")) : (s(), i("a", Li, "mail@mir-robots.com"))
                 ]),
                 _: 1
               }),
-              S(P, {
+              S(M, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: y(() => [
-                  t.language === "zh" ? (o(), i("a", _i, "+86 13661856951（微信同号）")) : (o(), i("a", hi, "+45 20 377 577"))
+                  a.language === "zh" ? (s(), i("a", Di, "+86 13661856951（微信同号）")) : (s(), i("a", Ti, "+45 20 377 577"))
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        a("div", pi, [
-          a("p", mi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          a("div", vi, [
-            a("button", {
+        t("div", Vi, [
+          t("p", Pi, " © Mobile Industrial Robots " + d((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", Fi, [
+            t("button", {
               class: "footer__language-switcher",
-              onClick: r[0] || (r[0] = (s) => t.$emit("changeRegionClicked"))
+              onClick: r[0] || (r[0] = (o) => a.$emit("changeRegionClicked"))
             }, [
-              a("span", null, [
-                fi,
-                G(d(t.changeRegion), 1)
+              t("span", null, [
+                Mi,
+                G(d(a.changeRegion), 1)
               ])
             ]),
-            c(t.$slots, "footer-privacy-link"),
-            c(t.$slots, "footer-cookie-link")
+            c(a.$slots, "footer-privacy-link"),
+            c(a.$slots, "footer-cookie-link")
           ]),
-          t.language !== "zh" ? (o(), i("div", gi, [
-            (o(!0), i(T, null, V(t.socialMedia, (s) => (o(), L(P, {
-              key: s.title,
+          a.language !== "zh" ? (s(), i("div", zi, [
+            (s(!0), i(P, null, F(a.socialMedia, (o) => (s(), T(M, {
+              key: o.title,
               underline: "false",
               "link-type": "regular"
             }, {
               default: y(() => [
-                a("a", {
-                  href: s.url,
+                t("a", {
+                  href: o.url,
                   target: "_blank",
-                  "aria-label": s.title
+                  "aria-label": o.title
                 }, [
-                  a("i", {
+                  t("i", {
                     width: "19",
                     height: "14",
-                    class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
+                    class: p(["footer__social--icon", [o.title ? "bg-" + o.title : ""]])
                   }, null, 2)
-                ], 8, bi)
+                ], 8, Oi)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (o(), i("div", yi, [
-            (o(!0), i(T, null, V(t.socialMediaChina, (s) => (o(), L(P, {
-              key: s.title,
+          ])) : (s(), i("div", Hi, [
+            (s(!0), i(P, null, F(a.socialMediaChina, (o) => (s(), T(M, {
+              key: o.title,
               underline: "false",
               "link-type": "regular"
             }, {
               default: y(() => [
-                a("a", {
-                  href: s.url,
+                t("a", {
+                  href: o.url,
                   target: "_blank",
-                  "aria-label": s.title
+                  "aria-label": o.title
                 }, [
-                  a("i", {
+                  t("i", {
                     width: "19",
                     height: "14",
-                    class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
+                    class: p(["footer__social--icon", [o.title ? "bg-" + o.title : ""]])
                   }, null, 2)
-                ], 8, $i)
+                ], 8, Ri)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2288,51 +2456,51 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), wi = /* @__PURE__ */ f(ki, [["__scopeId", "data-v-3d0cbbd5"]]), be = (e) => (H("data-v-766d3c80"), e = e(), R(), e), Bi = { class: "header__wrapper" }, Si = { class: "nav-wrapper" }, Ii = { class: "mir-link-logo" }, qi = { class: "main-nav-items" }, Ci = {
+}), Ei = /* @__PURE__ */ f(Ni, [["__scopeId", "data-v-3d0cbbd5"]]), ke = (e) => (O("data-v-766d3c80"), e = e(), H(), e), ji = { class: "header__wrapper" }, Ki = { class: "nav-wrapper" }, Ui = { class: "mir-link-logo" }, Gi = { class: "main-nav-items" }, Ji = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ai = {
+}, Wi = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Li = {
+}, Yi = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Di = { class: "dropdown-content" }, Ti = {
+}, Qi = { class: "dropdown-content" }, Zi = {
   key: 1,
   class: "nav-search-wrapper"
-}, Vi = ["src"], Pi = {
+}, Xi = ["src"], xi = {
   key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, Mi = /* @__PURE__ */ be(() => /* @__PURE__ */ a("img", {
+}, er = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portalswitchericon",
   width: "15",
   height: "15"
-}, null, -1)), Fi = [
-  Mi
-], Oi = { class: "portal-switcher-content" }, zi = { class: "portal-switcher-links" }, Hi = ["href"], Ri = ["src"], Ni = {
+}, null, -1)), tr = [
+  er
+], ar = { class: "portal-switcher-content" }, or = { class: "portal-switcher-links" }, sr = ["href"], lr = ["src"], ir = {
   key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, Ei = {
+}, rr = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, ji = /* @__PURE__ */ be(() => /* @__PURE__ */ a("img", {
+}, nr = /* @__PURE__ */ ke(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
   width: "15",
   height: "15"
-}, null, -1)), Ki = [
-  ji
-], Ui = { class: "profile-dropdown-content" }, Gi = { class: "mobile-logo-search-burger-wrapper" }, Ji = { class: "mobile-mir-link-logo" }, Wi = {
+}, null, -1)), dr = [
+  nr
+], cr = { class: "profile-dropdown-content" }, ur = { class: "mobile-logo-search-burger-wrapper" }, _r = { class: "mobile-mir-link-logo" }, hr = {
   key: 0,
   class: "mobile-search-wrapper"
-}, Yi = ["src"], Qi = ["src"], Zi = { class: "mobile-menu-content-wrapper" }, Xi = { class: "mobile-dropdown-content" }, xi = /* @__PURE__ */ g({
+}, pr = ["src"], mr = ["src"], vr = { class: "mobile-menu-content-wrapper" }, fr = { class: "mobile-dropdown-content" }, gr = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2383,19 +2551,19 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     "update:showProfileDropDown",
     "clickSearch"
   ],
-  setup(e, { expose: t, emit: r }) {
-    let s = null;
+  setup(e, { expose: a, emit: r }) {
+    let o = null;
     const l = e;
-    let u = q(l.burgerState), n = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
+    let _ = q(l.burgerState), n = q(l.search), u = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
     Y(
       () => l.burgerState,
-      ($) => u.value = $
+      ($) => _.value = $
     ), Y(
       () => l.search,
       ($) => n.value = $
     ), Y(
       () => l.showDropDown,
-      ($) => _.value = $
+      ($) => u.value = $
     ), Y(
       () => l.showPortalSwitcherDropDown,
       ($) => b.value = $
@@ -2405,57 +2573,57 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     ), Y(
       () => l.isAuthenticated,
       ($) => k.value = $
-    ), pe(() => {
-      s = ($) => {
-        $.target.closest("#menu-dropdown") || (_.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (v.value = !1);
-      }, window.addEventListener("click", s);
-    }), qe(() => {
-      s !== null && window.removeEventListener("click", s);
+    ), me(() => {
+      o = ($) => {
+        $.target.closest("#menu-dropdown") || (u.value = !1), $.target.closest("#menu-portal-switcher") || (b.value = !1), $.target.closest("#menu-profile-dropdown") || (v.value = !1);
+      }, window.addEventListener("click", o);
+    }), Ae(() => {
+      o !== null && window.removeEventListener("click", o);
     });
     const w = r;
     function te() {
-      _.value = !_.value, w("update:showDropDown", _.value);
+      u.value = !u.value, w("update:showDropDown", u.value);
     }
-    function se() {
+    function ie() {
       b.value = !b.value, w("update:showPortalSwitcherDropDown", b.value);
     }
-    function ie() {
+    function re() {
       v.value = !v.value, w("update:showProfileDropDown", v.value);
     }
-    function re() {
-      u.value = !u.value, w("update:burgerState", u.value);
+    function ne() {
+      _.value = !_.value, w("update:burgerState", _.value);
     }
     let U = q(null), ae = q(null);
-    function ne() {
+    function de() {
       U.value && U.value.blur();
     }
-    return t({
-      defocusSearchButton: ne
-    }), ($, E) => (o(), i("div", Bi, [
-      a("nav", null, [
-        a("div", Si, [
-          a("div", Ii, [
+    return a({
+      defocusSearchButton: de
+    }), ($, E) => (s(), i("div", ji, [
+      t("nav", null, [
+        t("div", Ki, [
+          t("div", Ui, [
             c($.$slots, "link-logo", {}, void 0, !0)
           ]),
-          a("ul", qi, [
+          t("ul", Gi, [
             c($.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (o(), i("div", Ci, [
-            a("button", {
+          e.useDropdown ? (s(), i("div", Ji, [
+            t("button", {
               class: "nav-dropdown-btn",
               onClick: te
             }, [
               c($.$slots, "dropdown-title", {}, void 0, !0),
-              I(_) === !1 ? (o(), i("img", Ai)) : (o(), i("img", Li))
+              I(u) === !1 ? (s(), i("img", Wi)) : (s(), i("img", Yi))
             ]),
-            K(a("div", Di, [
+            K(t("div", Qi, [
               c($.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Q, I(_)]
+              [Q, I(u)]
             ])
           ], 512)) : h("", !0),
-          I(n) ? (o(), i("div", Ti, [
-            a("button", {
+          I(n) ? (s(), i("div", Zi, [
+            t("button", {
               ref_key: "navSearchButton",
               ref: U,
               class: "search-icon",
@@ -2464,36 +2632,36 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
                 return $.$emit("clickSearch"), (N = I(U)) == null ? void 0 : N.blur();
               })
             }, [
-              a("img", {
-                src: I(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",
+              t("img", {
+                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"
-              }, null, 8, Vi)
+              }, null, 8, Xi)
             ], 512)
           ])) : h("", !0),
-          e.usePortalSwitcher ? (o(), i("div", Pi, [
-            a("button", {
+          e.usePortalSwitcher ? (s(), i("div", xi, [
+            t("button", {
               class: "nav-portal-switcher-btn",
-              onClick: se
-            }, Fi),
-            K(a("div", Oi, [
-              a("ul", zi, [
-                (o(!0), i(T, null, V(e.portals, (j, N) => (o(), i("li", {
+              onClick: ie
+            }, tr),
+            K(t("div", ar, [
+              t("ul", or, [
+                (s(!0), i(P, null, F(e.portals, (j, N) => (s(), i("li", {
                   key: N,
                   class: "portal-switcher-link"
                 }, [
-                  S(I(P), { "link-type": "regular" }, {
+                  S(I(M), { "link-type": "regular" }, {
                     default: y(() => [
-                      a("a", {
+                      t("a", {
                         href: j.link,
-                        onClick: E[1] || (E[1] = (J) => de(_) ? _.value = !1 : _ = !1)
+                        onClick: E[1] || (E[1] = (J) => ce(u) ? u.value = !1 : u = !1)
                       }, [
-                        a("img", {
+                        t("img", {
                           src: j.icon
-                        }, null, 8, Ri),
-                        a("div", null, d(j.name), 1)
-                      ], 8, Hi)
+                        }, null, 8, lr),
+                        t("div", null, d(j.name), 1)
+                      ], 8, sr)
                     ]),
                     _: 2
                   }, 1024)
@@ -2503,31 +2671,31 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
               [Q, I(b)]
             ])
           ])) : h("", !0),
-          e.useProfileDropdown ? (o(), i("div", Ni, [
-            I(k) ? h("", !0) : (o(), i("div", Ei, [
+          e.useProfileDropdown ? (s(), i("div", ir, [
+            I(k) ? h("", !0) : (s(), i("div", rr, [
               c($.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
-            I(k) ? (o(), i("button", {
+            I(k) ? (s(), i("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
-              onClick: ie
-            }, Ki)) : h("", !0),
-            K(a("div", Ui, [
+              onClick: re
+            }, dr)) : h("", !0),
+            K(t("div", cr, [
               c($.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Q, I(v)]
             ])
           ])) : h("", !0)
         ]),
-        a("div", {
-          class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+        t("div", {
+          class: p(["mobile-nav-wrapper", I(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          a("div", Gi, [
-            a("div", Ji, [
+          t("div", ur, [
+            t("div", _r, [
               c($.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(n) ? (o(), i("div", Wi, [
-              a("button", {
+            I(n) ? (s(), i("div", hr, [
+              t("button", {
                 ref_key: "mobileSearchButton",
                 ref: ae,
                 class: "search-icon",
@@ -2537,43 +2705,43 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
                   return $.$emit("clickSearch"), (N = I(ae)) == null ? void 0 : N.blur();
                 })
               }, [
-                a("img", {
-                  src: I(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",
+                t("img", {
+                  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"
-                }, null, 8, Yi)
+                }, null, 8, pr)
               ], 512)
             ])) : h("", !0),
-            a("button", {
+            t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: _e(re, ["prevent"])
+              onClick: he(ne, ["prevent"])
             }, [
-              a("img", {
+              t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: I(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, Qi)
+                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, mr)
             ])
           ]),
-          K(a("div", Zi, [
-            a("ul", null, [
+          K(t("div", vr, [
+            t("ul", null, [
               c($.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            a("ul", Xi, [
+            t("ul", fr, [
               c($.$slots, "mobile-dropdown-title", {}, void 0, !0),
               c($.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Q, I(u)]
+            [Q, I(_)]
           ])
         ], 2)
       ])
     ]));
   }
-}), er = /* @__PURE__ */ f(xi, [["__scopeId", "data-v-766d3c80"]]), tr = { class: "language__wrapper" }, ar = { class: "language__content" }, or = { class: "language__headline" }, lr = { class: "language__paragraph" }, sr = { class: "language__links" }, ir = /* @__PURE__ */ g({
+}), br = /* @__PURE__ */ f(gr, [["__scopeId", "data-v-766d3c80"]]), yr = { class: "language__wrapper" }, kr = { class: "language__content" }, $r = { class: "language__headline" }, wr = { class: "language__paragraph" }, Br = { class: "language__links" }, Sr = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2586,17 +2754,17 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (t, r) => (o(), i("div", tr, [
-      a("div", ar, [
-        a("h2", or, d(e.headline), 1),
-        a("p", lr, d(e.paragraph), 1),
-        a("div", sr, [
-          c(t.$slots, "language-links", {}, void 0, !0)
+    return (a, r) => (s(), i("div", yr, [
+      t("div", kr, [
+        t("h2", $r, d(e.headline), 1),
+        t("p", wr, d(e.paragraph), 1),
+        t("div", Br, [
+          c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), rr = /* @__PURE__ */ f(ir, [["__scopeId", "data-v-dc8cc97e"]]), nr = { class: "pagination__wrapper" }, dr = { class: "pagination__content" }, cr = /* @__PURE__ */ g({
+}), Ir = /* @__PURE__ */ f(Sr, [["__scopeId", "data-v-dc8cc97e"]]), qr = { class: "pagination__wrapper" }, Cr = { class: "pagination__content" }, Ar = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2610,31 +2778,31 @@ const ls = /* @__PURE__ */ f(Xl, [["render", os], ["__scopeId", "data-v-449f3040
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (t, r) => (o(), i("div", nr, [
-      a("div", dr, [
-        S(le, {
+    return (a, r) => (s(), i("div", qr, [
+      t("div", Cr, [
+        S(se, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
-          onClick: r[0] || (r[0] = (s) => t.$emit("previous"))
+          onClick: r[0] || (r[0] = (o) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        c(t.$slots, "pagination-numbers"),
-        S(le, {
+        c(a.$slots, "pagination-numbers"),
+        S(se, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
-          onClick: r[1] || (r[1] = (s) => t.$emit("next"))
+          onClick: r[1] || (r[1] = (o) => a.$emit("next"))
         }, null, 8, ["disabled"])
       ])
     ]));
   }
-}), ur = /* @__PURE__ */ f(cr, [["__scopeId", "data-v-da6d07c9"]]), _r = {}, hr = { class: "search__wrapper" };
-function pr(e, t) {
-  return o(), i("div", hr, [
+}), Lr = /* @__PURE__ */ f(Ar, [["__scopeId", "data-v-da6d07c9"]]), Dr = {}, Tr = { class: "search__wrapper" };
+function Vr(e, a) {
+  return s(), i("div", Tr, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3"]]), vr = { class: "dropdown" }, fr = ["aria-expanded"], gr = /* @__PURE__ */ g({
+const Pr = /* @__PURE__ */ f(Dr, [["render", Vr], ["__scopeId", "data-v-c07a6cf3"]]), Fr = { class: "dropdown" }, Mr = ["aria-expanded"], zr = /* @__PURE__ */ g({
   __name: "select-multiple",
   props: {
     label: { default: "" },
@@ -2642,19 +2810,19 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
     selectedOptions: { default: () => [] }
   },
   emits: ["filter", "remove-filter"],
-  setup(e, { emit: t }) {
-    const r = q(!1), s = e, l = t;
-    function u(b) {
-      s.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
+  setup(e, { emit: a }) {
+    const r = q(!1), o = e, l = a;
+    function _(b) {
+      o.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
     }
     function n() {
       r.value = !1;
     }
-    const _ = D(() => s.options.length > 8);
+    const u = D(() => o.options.length > 8);
     return (b, v) => {
-      const k = ue("click-outside");
-      return K((o(), i("div", vr, [
-        a("button", {
+      const k = _e("click-outside");
+      return K((s(), i("div", Fr, [
+        t("button", {
           class: "dropdown-button",
           style: x({ "z-index": r.value ? 2 : 0 }),
           "aria-expanded": r.value ? "true" : "false",
@@ -2663,11 +2831,11 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
           c(b.$slots, "button", {}, () => [
             G(d(b.label), 1)
           ], !0)
-        ], 12, fr),
-        a("div", {
-          class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
+        ], 12, Mr),
+        t("div", {
+          class: p([{ hidden: !r.value, "adjust-height": u.value }, "dropdown-content"])
         }, [
-          (o(!0), i(T, null, V(b.options, (w) => (o(), L(I(me), {
+          (s(!0), i(P, null, F(b.options, (w) => (s(), T(I(ve), {
             id: w.value,
             key: w.value,
             name: w.text,
@@ -2675,7 +2843,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
             disabled: !1,
             value: w.value,
             checked: b.selectedOptions.includes(w.value),
-            onInput: (te) => u(w.value)
+            onInput: (te) => _(w.value)
           }, {
             default: y(() => [
               G(d(w.text), 1)
@@ -2688,7 +2856,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
       ]);
     };
   }
-}), br = /* @__PURE__ */ f(gr, [["__scopeId", "data-v-164647da"]]), yr = { class: "promo__content" }, $r = { class: "pallet-jack__media-wrap" }, kr = { class: "pallet-jack-link" }, wr = { class: "pallet-jack__media-wrap__inner-wrap" }, Br = { class: "pallet-jack__media-wrap__content-wrap" }, Sr = { class: "regular-blue" }, Ir = /* @__PURE__ */ g({
+}), Or = /* @__PURE__ */ f(zr, [["__scopeId", "data-v-164647da"]]), Hr = { class: "promo__content" }, Rr = { class: "pallet-jack__media-wrap" }, Nr = { class: "pallet-jack-link" }, Er = { class: "pallet-jack__media-wrap__inner-wrap" }, jr = { class: "pallet-jack__media-wrap__content-wrap" }, Kr = { class: "regular-blue" }, Ur = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2702,58 +2870,58 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
     text: { default: "" }
   },
   setup(e) {
-    const t = {
+    const a = {
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = D(() => t[r.variant]);
-    return (l, u) => (o(), i("div", {
-      class: m([
+    }, r = e, o = D(() => a[r.variant]);
+    return (l, _) => (s(), i("div", {
+      class: p([
         "promo__wrapper",
-        s.value,
+        o.value,
         l.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      a("div", yr, [
-        a("div", {
-          class: m([
+      t("div", Hr, [
+        t("div", {
+          class: p([
             "promo__video",
             l.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          a("div", $r, [
-            a("div", kr, [
+          t("div", Rr, [
+            t("div", Nr, [
               c(l.$slots, "pallet-jack-link")
             ]),
-            a("div", wr, [
+            t("div", Er, [
               c(l.$slots, "pallet-jack-video")
             ]),
-            a("div", Br, [
-              a("h3", Sr, d(l.headline), 1),
-              a("p", null, d(l.shortDescription), 1)
+            t("div", jr, [
+              t("h3", Kr, d(l.headline), 1),
+              t("p", null, d(l.shortDescription), 1)
             ])
           ])
         ], 2),
-        a("div", {
-          class: m([
+        t("div", {
+          class: p([
             "promo__text",
             l.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          l.label ? (o(), L(Z, {
+          l.label ? (s(), T(Z, {
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
           }, null, 8, ["text", "label-dark"])) : h("", !0),
-          a("div", {
-            class: m([
+          t("div", {
+            class: p([
               "promo__title",
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
             c(l.$slots, "promo-text")
           ], 2),
-          l.linkType === "link" ? (o(), L(P, {
+          l.linkType === "link" ? (s(), T(M, {
             key: 1,
             "link-type": l.variant === "dark" ? "regular_dark" : (l.variant === "light", "regular_light"),
             arrow: ""
@@ -2763,7 +2931,7 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
             ]),
             _: 3
           }, 8, ["link-type"])) : h("", !0),
-          l.linkType === "button" ? (o(), L(P, {
+          l.linkType === "button" ? (s(), T(M, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
@@ -2776,61 +2944,63 @@ const mr = /* @__PURE__ */ f(_r, [["render", pr], ["__scopeId", "data-v-c07a6cf3
       ])
     ], 2));
   }
-}), qr = /* @__PURE__ */ f(Ir, [["__scopeId", "data-v-00c0bad3"]]), Ar = {
+}), Gr = /* @__PURE__ */ f(Ur, [["__scopeId", "data-v-00c0bad3"]]), Wr = {
   install: (e) => {
-    e.component("AtomButton", le), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Je), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", P), e.component("AtomRadioButton", st), e.component("AtomSelect", ut), e.component("AtomSelectMultiple", br), e.component("AtomSlider", kt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Nt), e.component("AtomVideo", ee), e.component("MoleculeAddress", oa), e.component("MoleculeBulletList", na), e.component("MoleculeCard", ha), e.component("MoleculeColumnCard", fe), e.component("MoleculeEventCard", Ia), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Da), e.component("BlockAccordion", Ea), e.component("BlockFacts", uo), e.component("BlockFeatures", bo), e.component("BlockFormScript", qo), e.component("BlockHeadline", Do), e.component("BlockHero", Ko), e.component("BlockImage", Qo), e.component("BlockImageGallery", al), e.component("BlockLogoWall", ul), e.component("BlockMicroStories", vl), e.component("BlockPolicy", $l), e.component("BlockProductHero", Ll), e.component("BlockPromo", Vl), e.component("BlockQuote", Gl), e.component("BlockRichText", Zl), e.component("BlockRichTextColumns", ls), e.component("BlockTimeline", ps), e.component("BlockCardDisplay", Ya), e.component("BlockColumnGrid", to), e.component("BlockVimeo", ys), e.component("BlockPalletJack", qr), e.component("BlockFrontPageHero", Fs), e.component("Organism404", Es), e.component("OrganismFilter", Ws), e.component("OrganismFooter", wi), e.component("OrganismHeader", er), e.component("OrganismLanguageSwitcher", rr), e.component("OrganismPagination", ur), e.component("OrganismSearch", mr);
+    e.component("AtomButton", se), e.component("AtomCheckbox", ve), e.component("AtomChip", Ne), e.component("AtomDropdown", Ye), e.component("AtomImage", z), e.component("AtomLabel", Z), e.component("AtomLink", M), e.component("AtomRadioButton", rt), e.component("AtomSelect", ht), e.component("AtomSelectMultiple", Or), e.component("AtomSlider", Bt), e.component("AtomTextarea", Tt), e.component("AtomTextField", jt), e.component("AtomVideo", ee), e.component("MoleculeAddress", la), e.component("MoleculeBulletList", ca), e.component("MoleculeCard", ma), e.component("MoleculeColumnCard", ge), e.component("MoleculeEventCard", Ca), e.component("MoleculeFlashcard", be), e.component("MoleculeModal", fe), e.component("MoleculeTextCard", Ua), e.component("BlockAccordion", ao), e.component("BlockFacts", So), e.component("BlockFeatures", Vo), e.component("BlockFlashcards", Oo), e.component("BlockFormScript", Go), e.component("BlockHeadline", Qo), e.component("BlockHero", ds), e.component("BlockImage", ms), e.component("BlockImageGallery", ks), e.component("BlockLogoWall", Ls), e.component("BlockMicroStories", Fs), e.component("BlockPolicy", Rs), e.component("BlockProductHero", Ys), e.component("BlockPromo", Xs), e.component("BlockQuote", ul), e.component("BlockRichText", vl), e.component("BlockRichTextColumns", wl), e.component("BlockTimeline", Vl), e.component("BlockCardDisplay", co), e.component("BlockColumnGrid", vo), e.component("BlockVimeo", Hl), e.component("BlockPalletJack", Gr), e.component("BlockFrontPageHero", ti), e.component("Organism404", ri), e.component("OrganismFilter", hi), e.component("OrganismFooter", Ei), e.component("OrganismHeader", br), e.component("OrganismLanguageSwitcher", Ir), e.component("OrganismPagination", Lr), e.component("OrganismSearch", Pr);
   }
 };
 export {
-  le as AtomButton,
-  me as AtomCheckbox,
-  He as AtomChip,
-  Je as AtomDropdown,
-  M as AtomImage,
+  se as AtomButton,
+  ve as AtomCheckbox,
+  Ne as AtomChip,
+  Ye as AtomDropdown,
+  z as AtomImage,
   Z as AtomLabel,
-  P as AtomLink,
-  st as AtomRadioButton,
-  ut as AtomSelect,
-  br as AtomSelectMultiple,
-  kt as AtomSlider,
-  Nt as AtomTextField,
-  Lt as AtomTextarea,
+  M as AtomLink,
+  rt as AtomRadioButton,
+  ht as AtomSelect,
+  Or as AtomSelectMultiple,
+  Bt as AtomSlider,
+  jt as AtomTextField,
+  Tt as AtomTextarea,
   ee as AtomVideo,
-  Ea as BlockAccordion,
-  Ya as BlockCardDisplay,
-  to as BlockColumnGrid,
-  uo as BlockFacts,
-  bo as BlockFeatures,
-  qo as BlockFormScript,
-  Fs as BlockFrontPageHero,
-  Do as BlockHeadline,
-  Ko as BlockHero,
-  Qo as BlockImage,
-  al as BlockImageGallery,
-  ul as BlockLogoWall,
-  vl as BlockMicroStories,
-  qr as BlockPalletJack,
-  $l as BlockPolicy,
-  Ll as BlockProductHero,
-  Vl as BlockPromo,
-  Gl as BlockQuote,
-  Zl as BlockRichText,
-  ls as BlockRichTextColumns,
-  ps as BlockTimeline,
-  ys as BlockVimeo,
-  oa as MoleculeAddress,
-  na as MoleculeBulletList,
-  ha as MoleculeCard,
-  fe as MoleculeColumnCard,
-  Ia as MoleculeEventCard,
-  ve as MoleculeModal,
-  Da as MoleculeTextCard,
-  Es as Organism404,
-  Ws as OrganismFilter,
-  wi as OrganismFooter,
-  er as OrganismHeader,
-  rr as OrganismLanguageSwitcher,
-  ur as OrganismPagination,
-  mr as OrganismSearch,
-  Ar as default
+  ao as BlockAccordion,
+  co as BlockCardDisplay,
+  vo as BlockColumnGrid,
+  So as BlockFacts,
+  Vo as BlockFeatures,
+  Oo as BlockFlashcards,
+  Go as BlockFormScript,
+  ti as BlockFrontPageHero,
+  Qo as BlockHeadline,
+  ds as BlockHero,
+  ms as BlockImage,
+  ks as BlockImageGallery,
+  Ls as BlockLogoWall,
+  Fs as BlockMicroStories,
+  Gr as BlockPalletJack,
+  Rs as BlockPolicy,
+  Ys as BlockProductHero,
+  Xs as BlockPromo,
+  ul as BlockQuote,
+  vl as BlockRichText,
+  wl as BlockRichTextColumns,
+  Vl as BlockTimeline,
+  Hl as BlockVimeo,
+  la as MoleculeAddress,
+  ca as MoleculeBulletList,
+  ma as MoleculeCard,
+  ge as MoleculeColumnCard,
+  Ca as MoleculeEventCard,
+  be as MoleculeFlashcard,
+  fe as MoleculeModal,
+  Ua as MoleculeTextCard,
+  ri as Organism404,
+  hi as OrganismFilter,
+  Ei as OrganismFooter,
+  br as OrganismHeader,
+  Ir as OrganismLanguageSwitcher,
+  Lr as OrganismPagination,
+  Pr as OrganismSearch,
+  Wr as default
 };