npm - @mirweb/mir-web-components - Versions diffs - 1.0.0 → 1.1.0 - Mend

@mirweb/mir-web-components 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/components/blocks/frontpage-hero/frontpage-hero.vue.d.ts +1 -1
package/dist/components/organisms/header/header.vue.d.ts +1 -1
package/dist/mir-web-components.cjs.js +1 -1
package/dist/mir-web-components.css +1 -1
package/dist/mir-web-components.es.js +786 -755
package/dist/mir-web-components.umd.js +2 -2
package/package.json +1 -1

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

@@ -1,5 +1,5 @@
-import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as Q, ref as q, withDirectives as j, Fragment as P, renderList as M, vShow as J, normalizeProps as O, guardReactiveProps as F, toRefs as ye, mergeProps as ie, createVNode as S, Transition as $e, withCtx as $, withModifiers as ue, createBlock as D, createCommentVNode as m, watchEffect as _e, withKeys as ke, useSlots as we, normalizeStyle as re, isRef as ce, unref as I, onMounted as pe, watch as te, onUnmounted as Se } from "vue";
-const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
+import { defineComponent as g, computed as C, openBlock as l, createElementBlock as i, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as x, ref as q, withDirectives as K, Fragment as P, renderList as M, vShow as Y, normalizeProps as F, guardReactiveProps as H, toRefs as $e, mergeProps as de, createVNode as S, Transition as ke, withCtx as $, withModifiers as pe, createBlock as D, createCommentVNode as h, watchEffect as he, withKeys as we, useSlots as Se, normalizeStyle as ce, isRef as ne, unref as I, onMounted as me, watch as W, onUnmounted as Be } from "vue";
+const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   __name: "button",
   props: {
     variant: { default: "primary" },
@@ -13,18 +13,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, s = V(() => a[r.variant]);
-    return (o, _) => (l(), i("button", {
-      class: h(["button", "button--" + s.value]),
+    }, r = e, s = C(() => a[r.variant]);
+    return (o, u) => (l(), i("button", {
+      class: m(["button", "button--" + s.value]),
       "aria-label": o.ariaLabel
-    }, n(s.value === "close" ? "" : o.buttonText), 11, Be));
+    }, n(s.value === "close" ? "" : o.buttonText), 11, Ie));
   }
 }), f = (e, a) => {
   const r = e.__vccOpts || e;
   for (const [s, o] of a)
     r[s] = o;
   return r;
-}, Z = /* @__PURE__ */ f(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Ve = ["for"], De = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
+}, ae = /* @__PURE__ */ f(qe, [["__scopeId", "data-v-a3e038ec"]]), Le = (e) => (E("data-v-42c44141"), e = e(), R(), e), Ve = ["id", "name", "value", "disabled", "required"], Ce = ["for"], De = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -36,11 +36,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, s = (o) => {
-      const _ = o.target;
-      r("input", _.checked);
+      const u = o.target;
+      r("input", u.checked);
     };
-    return (o, _) => (l(), i("div", {
-      class: h(["checkbox__wrapper", o.disabled ? "disabled" : ""])
+    return (o, u) => (l(), i("div", {
+      class: m(["checkbox__wrapper", o.disabled ? "disabled" : ""])
     }, [
       t("input", {
         id: o.id,
@@ -51,42 +51,42 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         required: o.required,
         class: "checkbox__checkbox",
         onChange: s
-      }, null, 40, Le),
+      }, null, 40, Ve),
       t("label", {
         for: o.id,
-        class: h(["checkbox__label", o.required ? "required" : ""])
+        class: m(["checkbox__label", o.required ? "required" : ""])
       }, [
         De,
         c(o.$slots, "default", {}, void 0, !0)
-      ], 10, Ve)
+      ], 10, Ce)
     ], 2));
   }
-}), Ce = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-42c44141"]]), Ae = (e) => (E("data-v-08813346"), e = e(), R(), e), Pe = ["aria-label"], Me = /* @__PURE__ */ Ae(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-42c44141"]]), Pe = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
-}, null, -1)), Oe = /* @__PURE__ */ g({
+}, null, -1)), Fe = /* @__PURE__ */ g({
   __name: "chip",
   props: {
     text: { default: "" }
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = V(() => `Chip: ${a.text}`);
+    const a = e, r = C(() => `Chip: ${a.text}`);
     return (s, o) => (l(), i("div", {
       class: "chip__wrapper",
-      onClick: o[0] || (o[0] = (_) => s.$emit("remove-chip"))
+      onClick: o[0] || (o[0] = (u) => s.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
         "aria-label": r.value
       }, [
-        Q(n(s.text) + " ", 1),
-        Me
-      ], 8, Pe)
+        x(n(s.text) + " ", 1),
+        Oe
+      ], 8, Me)
     ]));
   }
-}), Fe = /* @__PURE__ */ f(Oe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], He = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], je = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
+}), Ee = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), Re = ["value"], He = ["id"], Ne = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -104,12 +104,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, s = e, o = V(() => r[s.variant]), _ = q(null), u = q(null), p = q([]), w = q(0), v = q(""), B = q(!0), T = q(0), ae = a, oe = V(() => {
+    }, s = e, o = C(() => r[s.variant]), u = q(null), p = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = C(() => {
       const d = s.options.find(
         (y) => y.value === s.modelValue
       );
       return d && d.label;
-    }), U = {
+    }), se = {
       beforeMount(d, y) {
         d.clickOutsideEvent = function(k) {
           d === k.target || d.contains(k.target) || y.value(k);
@@ -119,116 +119,116 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         document.body.removeEventListener("click", d.clickOutsideEvent);
       }
     };
-    function x(d) {
-      ae("update:modelValue", d);
+    function ie(d) {
+      oe("update:modelValue", d);
     }
-    function le(d) {
+    function G(d) {
       var k;
       const y = d.target;
-      y.getAttribute("role") === "option" && (Y(y), ee(), (k = _.value) == null || k.focus());
+      y.getAttribute("role") === "option" && (X(y), te(), (k = u.value) == null || k.focus());
     }
-    function b(d) {
+    function Z(d) {
       var k;
       const y = d.key;
       switch (y) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const L = s.options.findIndex(
-            (G) => G.value === s.modelValue
+          const V = s.options.findIndex(
+            (J) => J.value === s.modelValue
           );
-          let H = L ? p.value[L] : p.value[0];
-          y === "ArrowUp" ? L - 1 >= 0 && (H = p.value[L - 1]) : L + 1 <= s.options.length && (H = p.value[L + 1]), H && Y(H);
+          let z = V ? _.value[V] : _.value[0];
+          y === "ArrowUp" ? V - 1 >= 0 && (z = _.value[V - 1]) : V + 1 <= s.options.length && (z = _.value[V + 1]), z && X(z);
           break;
         }
         case "Home":
         case "PageUp":
-          d.preventDefault(), ve();
+          d.preventDefault(), ue();
           break;
         case "End":
         case "PageDown":
-          d.preventDefault(), fe();
+          d.preventDefault(), ge();
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), ee(), (k = _.value) == null || k.focus();
+          d.preventDefault(), te(), (k = u.value) == null || k.focus();
           break;
         default: {
-          const L = me(y);
-          L && Y(L);
+          const V = U(y);
+          V && X(V);
           break;
         }
       }
     }
-    function K(d) {
+    function re(d) {
       if (!s.disabled)
         switch (d.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), de(), b(d);
+            d.preventDefault(), _e(), Z(d);
             break;
         }
     }
-    function se(d) {
+    function b(d) {
       d && d.removeAttribute("aria-selected");
     }
-    function z() {
-      w.value && (clearTimeout(w.value), w.value = 0), w.value = setTimeout(() => {
-        v.value = "", w.value = 0;
+    function N() {
+      B.value && (clearTimeout(B.value), B.value = 0), B.value = setTimeout(() => {
+        v.value = "", B.value = 0;
       }, 500);
     }
-    function me(d) {
+    function U(d) {
       let y = "";
-      (v.value === "" || y !== d) && (T.value = s.options.findIndex(
-        (L) => L.value === s.modelValue
-      )), v.value = y === d ? d : v.value + d, y = d, z();
-      let k = ne(
-        T.value + 1,
+      (v.value === "" || y !== d) && (L.value = s.options.findIndex(
+        (V) => V.value === s.modelValue
+      )), v.value = y === d ? d : v.value + d, y = d, N();
+      let k = O(
+        L.value + 1,
         s.options.length
       );
-      return !k && v.value.length === 1 && (k = ne(0, T.value)), T.value = (T.value + 1) % s.options.length, k;
+      return !k && v.value.length === 1 && (k = O(0, L.value)), L.value = (L.value + 1) % s.options.length, k;
     }
-    function ne(d, y) {
+    function O(d, y) {
       for (let k = d; k < y; k++)
         if (s.options[k].label && s.options[k].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
-          return p.value[k];
+          return _.value[k];
       return null;
     }
-    function ve() {
-      Y(p.value[0]);
+    function ue() {
+      X(_.value[0]);
     }
-    function Y(d) {
-      var k, L;
+    function X(d) {
+      var k, V;
       const y = d.getAttribute("data-value");
       if (s.modelValue) {
-        const H = s.options.findIndex(
-          (be) => be.value === s.modelValue
-        ), G = p.value[H];
-        se(G);
+        const z = s.options.findIndex(
+          (ye) => ye.value === s.modelValue
+        ), J = _.value[z];
+        b(J);
       }
-      if (d.setAttribute("aria-selected", "true"), (k = u.value) == null || k.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (k = p.value) == null || k.setAttribute(
         "aria-activedescendant",
         y || ""
-      ), x(y || ""), u.value && u.value.scrollHeight > u.value.clientHeight) {
-        const H = u.value.clientHeight + u.value.scrollTop, G = d.offsetTop + d.offsetHeight;
-        G > H ? u.value.scrollTop = G - ((L = u.value) == null ? void 0 : L.clientHeight) : d.offsetTop < u.value.scrollTop && (u.value.scrollTop = d.offsetTop);
+      ), ie(y || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
+        const z = p.value.clientHeight + p.value.scrollTop, J = d.offsetTop + d.offsetHeight;
+        J > z ? p.value.scrollTop = J - ((V = p.value) == null ? void 0 : V.clientHeight) : d.offsetTop < p.value.scrollTop && (p.value.scrollTop = d.offsetTop);
       }
     }
-    function fe() {
+    function ge() {
       var y;
-      const d = (y = p.value) == null ? void 0 : y[s.options.length - 1];
-      Y(d);
+      const d = (y = _.value) == null ? void 0 : y[s.options.length - 1];
+      X(d);
     }
-    function ee() {
+    function te() {
       var d;
-      B.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
+      w.value = !0, (d = u.value) == null || d.removeAttribute("aria-expanded");
     }
-    function de() {
+    function _e() {
       var d, y;
-      B.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (y = u.value) == null || y.focus();
+      w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y = p.value) == null || y.focus();
     }
-    function ge() {
-      s.disabled || (B.value ? de() : ee());
+    function be() {
+      s.disabled || (w.value ? _e() : te());
     }
     return (d, y) => (l(), i("div", {
       ref: "listbox",
@@ -237,55 +237,55 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }, [
       t("label", {
         id: `${d.name}-label`,
-        class: h([{
+        class: m([{
           "listbox__label--visually-hidden": !d.showLabel,
           "is-disabled": d.disabled,
           "is-required": d.required
         }, "listbox__label"])
-      }, n(d.label), 11, Re),
-      j((l(), i("div", He, [
+      }, n(d.label), 11, He),
+      K((l(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
-          ref: _,
+          ref: u,
           "aria-labelledby": `${d.name}-label ${d.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
           "aria-disabled": d.disabled,
-          class: h(["listbox__button", o.value]),
-          onClick: ge,
-          onKeydown: K
-        }, n(d.modelValue ? oe.value : d.placeholder), 43, Ne),
-        j(t("ul", {
+          class: m(["listbox__button", o.value]),
+          onClick: be,
+          onKeydown: re
+        }, n(d.modelValue ? le.value : d.placeholder), 43, ze),
+        K(t("ul", {
           ref_key: "listboxNode",
-          ref: u,
+          ref: p,
           "aria-labelledby": `${d.name}-label`,
           "aria-activedescendant": d.modelValue,
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
-          onKeydown: b,
-          onClick: le
+          onKeydown: Z,
+          onClick: G
         }, [
-          (l(!0), i(P, null, M(d.options, (k, L) => (l(), i("li", {
-            key: `${d.name}-option-${L}`,
+          (l(!0), i(P, null, M(d.options, (k, V) => (l(), i("li", {
+            key: `${d.name}-option-${V}`,
             ref_for: !0,
             ref_key: "listboxOptions",
-            ref: p,
+            ref: _,
             "aria-selected": k.value === d.modelValue,
             "data-value": k.value,
             class: "listbox__option",
             role: "option"
-          }, n(k.label), 9, je))), 128))
-        ], 40, ze), [
-          [J, !B.value]
+          }, n(k.label), 9, Ue))), 128))
+        ], 40, je), [
+          [Y, !w.value]
         ])
       ])), [
-        [U, ee]
+        [se, te]
       ])
-    ], 8, Ee));
+    ], 8, Re));
   }
-}), Ke = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, Je = /* @__PURE__ */ g({
+}), Ge = /* @__PURE__ */ f(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Je = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -297,27 +297,27 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     loading: { default: "auto" }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Ge, [
-      c(a.$slots, "default", O(F(a.$attrs)))
+    return (a, r) => (l(), i("div", Je, [
+      c(a.$slots, "default", F(H(a.$attrs)))
     ]));
   }
-}), A = /* @__PURE__ */ f(Je, [["__scopeId", "data-v-e10217bd"]]), We = { class: "label__wrapper" }, Ye = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
+}), A = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = V(() => `Label: ${a.text}`);
-    return (s, o) => (l(), i("div", We, [
+    const a = e, r = C(() => `Label: ${a.text}`);
+    return (s, o) => (l(), i("div", Ye, [
       t("span", {
         "aria-label": r.value,
         "label-dark": s.labelDark,
-        class: h(s.labelDark ? "label--dark" : "label--light")
-      }, n(s.text), 11, Ye)
+        class: m(s.labelDark ? "label--dark" : "label--light")
+      }, n(s.text), 11, Qe)
     ]));
   }
-}), W = /* @__PURE__ */ f(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, C = /* @__PURE__ */ g({
+}), Q = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Xe = { class: "link__wrapper" }, T = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -338,24 +338,24 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, o = V(() => a[s.linkType]), _ = V(() => r[s.underline]), u = V(() => {
-      const { ...p } = ye(s);
-      return p;
+    }, s = e, o = C(() => a[s.linkType]), u = C(() => r[s.underline]), p = C(() => {
+      const { ..._ } = $e(s);
+      return _;
     });
-    return (p, w) => (l(), i("div", Ze, [
-      t("div", ie(u.value, {
+    return (_, B) => (l(), i("div", Xe, [
+      t("div", de(p.value, {
         class: ["mir-link", [
           o.value,
-          p.disabled ? "disabled" : "",
-          _.value,
-          p.arrow ? "link-arrow" : ""
+          _.disabled ? "disabled" : "",
+          u.value,
+          _.arrow ? "link-arrow" : ""
         ]]
       }), [
-        c(p.$slots, "default")
+        c(_.$slots, "default")
       ], 16)
     ]));
   }
-}), Xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), xe = ["id", "name", "value", "checked", "disabled", "required"], et = ["for"], tt = /* @__PURE__ */ Xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), at = /* @__PURE__ */ g({
+}), xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), et = ["id", "name", "value", "checked", "disabled", "required"], tt = ["for"], at = /* @__PURE__ */ xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), ot = /* @__PURE__ */ g({
   __name: "radio-button",
   props: {
     name: { default: "radio" },
@@ -368,11 +368,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, s = (o) => {
-      const _ = o.target;
-      r("input", _.checked);
+      const u = o.target;
+      r("input", u.checked);
     };
-    return (o, _) => (l(), i("div", {
-      class: h(["radio__wrapper", o.disabled ? "disabled" : ""])
+    return (o, u) => (l(), i("div", {
+      class: m(["radio__wrapper", o.disabled ? "disabled" : ""])
     }, [
       t("input", {
         id: o.id,
@@ -384,17 +384,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         required: o.required,
         class: "radio__radio",
         onChange: s
-      }, null, 40, xe),
+      }, null, 40, et),
       t("label", {
         for: o.id,
-        class: h(["radio__label", o.required ? "required" : ""])
+        class: m(["radio__label", o.required ? "required" : ""])
       }, [
-        tt,
+        at,
         c(o.$slots, "default", {}, void 0, !0)
-      ], 10, et)
+      ], 10, tt)
     ], 2));
   }
-}), ot = /* @__PURE__ */ f(at, [["__scopeId", "data-v-fa1bda9b"]]), lt = { class: "select__wrapper" }, st = ["for"], it = ["id", "disabled", "name", "value"], rt = ["value"], nt = /* @__PURE__ */ g({
+}), lt = /* @__PURE__ */ f(ot, [["__scopeId", "data-v-fa1bda9b"]]), st = { class: "select__wrapper" }, it = ["for"], rt = ["id", "disabled", "name", "value"], nt = ["value"], dt = /* @__PURE__ */ g({
   __name: "select",
   props: {
     id: {},
@@ -407,14 +407,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (l(), i("div", lt, [
+    return (a, r) => (l(), i("div", st, [
       t("label", {
         for: a.id,
-        class: h([a.required ? "required" : "", a.disabled ? "disabled" : ""])
-      }, n(a.label), 11, st),
+        class: m([a.required ? "required" : "", a.disabled ? "disabled" : ""])
+      }, n(a.label), 11, it),
       t("select", {
         id: a.id,
-        class: h(a.disabled ? "disabled" : ""),
+        class: m(a.disabled ? "disabled" : ""),
         disabled: a.disabled,
         name: a.name,
         value: a.modelValue,
@@ -425,11 +425,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         (l(!0), i(P, null, M(a.options, (s) => (l(), i("option", {
           key: s.value,
           value: s.value
-        }, n(s.text), 9, rt))), 128))
-      ], 42, it)
+        }, n(s.text), 9, nt))), 128))
+      ], 42, rt)
     ]));
   }
-}), dt = /* @__PURE__ */ f(nt, [["__scopeId", "data-v-d5c46463"]]), ct = { class: "modal__wrapper" }, ut = /* @__PURE__ */ g({
+}), ct = /* @__PURE__ */ f(dt, [["__scopeId", "data-v-d5c46463"]]), ut = { class: "modal__wrapper" }, _t = /* @__PURE__ */ g({
   __name: "modal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -440,43 +440,43 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     const r = e, s = a, o = () => {
       s("update:show", !r.show);
     };
-    return (_, u) => (l(), i("div", ct, [
-      S($e, {
+    return (u, p) => (l(), i("div", ut, [
+      S(ke, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
-          j(t("div", {
-            class: h(["overlay", _.searchBar ? "overlay-search" : "overlay-default"]),
+          K(t("div", {
+            class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: o
           }, [
             t("div", {
               id: "modal",
-              class: h([_.searchBar ? "search" : ""]),
-              onClick: u[0] || (u[0] = ue(() => {
+              class: m([u.searchBar ? "search" : ""]),
+              onClick: p[0] || (p[0] = pe(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                _.searchBar ? m("", !0) : (l(), D(Z, {
+                u.searchBar ? h("", !0) : (l(), D(ae, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: o
                 }))
               ]),
-              c(_.$slots, "default", {}, void 0, !0)
+              c(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [J, _.show]
+            [Y, u.show]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), he = /* @__PURE__ */ f(ut, [["__scopeId", "data-v-80f0fb08"]]), _t = { class: "slider__wrapper" }, pt = { class: "slider__label" }, ht = ["for"], mt = ["aria-label"], vt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], gt = { class: "modal-information" }, bt = /* @__PURE__ */ g({
+}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), pt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, mt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, gt = ["id", "name", "value", "min", "step", "max"], bt = { class: "modal-information" }, yt = /* @__PURE__ */ g({
   __name: "slider",
   props: {
     label: {},
@@ -492,73 +492,73 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, s = a, o = q(r.modelValue), _ = q(), u = q(!1), p = (v, B, T) => (v - B) / (T - B) * 100, w = (v) => {
-      var B;
-      (B = _.value) == null || B.style.setProperty("--ProgressPercent", `${v}%`);
+    const r = e, s = a, o = q(r.modelValue), u = q(), p = q(!1), _ = (v, w, L) => (v - w) / (L - w) * 100, B = (v) => {
+      var w;
+      (w = u.value) == null || w.style.setProperty("--ProgressPercent", `${v}%`);
     };
-    return _e(() => {
-      if (_.value) {
+    return he(() => {
+      if (u.value) {
         s("update:modelValue", o.value);
-        const v = p(o.value, r.min, r.max);
-        let B = (50 - v) / 100;
-        w(v + B);
+        const v = _(o.value, r.min, r.max);
+        let w = (50 - v) / 100;
+        B(v + w);
       }
-    }), (v, B) => (l(), i("div", null, [
-      t("div", _t, [
-        t("div", pt, [
+    }), (v, w) => (l(), i("div", null, [
+      t("div", pt, [
+        t("div", ht, [
           t("label", {
             for: v.id,
-            class: h([v.variant, ""])
-          }, n(v.label), 11, ht),
+            class: m([v.variant, ""])
+          }, n(v.label), 11, mt),
           v.information ? (l(), i("i", {
             key: 0,
             role: "button",
-            class: h([v.variant, "slider__information"]),
+            class: m([v.variant, "slider__information"]),
             "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: B[0] || (B[0] = (T) => u.value = !u.value),
-            onKeyup: B[1] || (B[1] = ke((T) => u.value = !u.value, ["enter"]))
-          }, null, 42, mt)) : m("", !0)
+            onClick: w[0] || (w[0] = (L) => p.value = !p.value),
+            onKeyup: w[1] || (w[1] = we((L) => p.value = !p.value, ["enter"]))
+          }, null, 42, vt)) : h("", !0)
         ]),
-        t("div", vt, [
+        t("div", ft, [
           t("span", {
-            class: h([v.variant, "slider__minmax"])
+            class: m([v.variant, "slider__minmax"])
           }, n(v.min), 3),
           t("input", {
             id: v.id,
             ref_key: "slider",
-            ref: _,
+            ref: u,
             type: "range",
             name: v.name,
             value: v.modelValue,
             min: v.min,
             step: v.step,
             max: v.max,
-            class: h(v.variant),
-            onInput: B[2] || (B[2] = ({ target: T }) => o.value = parseFloat(T.value))
-          }, null, 42, ft),
+            class: m(v.variant),
+            onInput: w[2] || (w[2] = ({ target: L }) => o.value = parseFloat(L.value))
+          }, null, 42, gt),
           t("span", {
-            class: h([v.variant, "slider__minmax"])
+            class: m([v.variant, "slider__minmax"])
           }, n(v.max), 3)
         ]),
         t("span", {
-          class: h([v.variant, "slider__value"])
+          class: m([v.variant, "slider__value"])
         }, n(v.modelValue), 3)
       ]),
-      v.information ? (l(), D(he, {
+      v.information ? (l(), D(ve, {
         key: 0,
-        show: u.value,
-        "onUpdate:show": B[3] || (B[3] = (T) => u.value = T)
+        show: p.value,
+        "onUpdate:show": w[3] || (w[3] = (L) => p.value = L)
       }, {
         default: $(() => [
-          t("p", gt, n(v.information), 1)
+          t("p", bt, n(v.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : m("", !0)
+      }, 8, ["show"])) : h("", !0)
     ]));
   }
-}), yt = /* @__PURE__ */ f(bt, [["__scopeId", "data-v-24a83011"]]), $t = { id: "textarea-wrapper" }, kt = ["for"], wt = ["id"], St = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], Bt = { class: "textarea-info" }, It = { key: 0 }, qt = /* @__PURE__ */ g({
+}), $t = /* @__PURE__ */ f(yt, [["__scopeId", "data-v-24a83011"]]), kt = { id: "textarea-wrapper" }, wt = ["for"], St = ["id"], Bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], It = { class: "textarea-info" }, qt = { key: 0 }, Lt = /* @__PURE__ */ g({
   __name: "textarea",
   props: {
     id: { default: "" },
@@ -572,11 +572,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (a, r) => (l(), i("div", $t, [
+    return (a, r) => (l(), i("div", kt, [
       t("label", {
         for: a.id,
-        class: h({ required: a.required })
-      }, n(a.labelText) + n(a.required ? " *" : ""), 11, kt),
+        class: m({ required: a.required })
+      }, n(a.labelText) + n(a.required ? " *" : ""), 11, wt),
       t("div", {
         id: a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "textarea-wrapper__inner" : ""
       }, [
@@ -590,34 +590,34 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           disabled: a.disabled,
           maxlength: a.maxLength,
           value: a.modelValue,
-          class: h(
+          class: m(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit" : "border"
           ),
           onInput: r[0] || (r[0] = (s) => a.$emit("update:modelValue", s.target.value))
-        }, null, 42, St)
-      ], 8, wt),
-      t("div", Bt, [
+        }, null, 42, Bt)
+      ], 8, St),
+      t("div", It, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", It, " Too many characters. Please make it shorter ")) : m("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", qt, " Too many characters. Please make it shorter ")) : h("", !0)
         ]),
         t("p", {
-          class: h(
+          class: m(
             a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? "reached-meter-limit-meter" : ""
           )
         }, n(a.maxLength !== void 0 && a.modelValue !== void 0 && a.maxLength - a.modelValue.length >= 0 ? a.modelValue.length : 0) + " / " + n(a.maxLength), 3)
       ])
     ]));
   }
-}), Lt = /* @__PURE__ */ f(qt, [["__scopeId", "data-v-220a973c"]]), Vt = { class: "text-field__wrapper" }, Dt = ["for"], Tt = { key: 0 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Pt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
+}), Vt = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Ct = { class: "text-field__wrapper" }, Dt = ["for"], Tt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Pt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
   key: 2,
   class: "search"
-}, Ot = {
+}, Ft = {
   key: 3,
   class: "errorMessage"
-}, Ft = {
+}, Et = {
   key: 4,
   class: "helperText"
-}, Et = /* @__PURE__ */ g({
+}, Rt = /* @__PURE__ */ g({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -644,62 +644,62 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, s = V(() => a[r.type]), o = q(!0), _ = V(
+    }, r = e, s = C(() => a[r.type]), o = q(!0), u = C(
       () => o.value ? "showPassword" : "hidePassword"
-    ), u = V(
+    ), p = C(
       () => o.value ? "password" : "text"
     );
-    return (p, w) => (l(), i("div", Vt, [
+    return (_, B) => (l(), i("div", Ct, [
       t("label", {
-        for: p.id,
-        class: h([
-          p.required ? "required" : "",
-          p.disabled ? "disabled" : "",
-          p.search ? "search" : ""
+        for: _.id,
+        class: m([
+          _.required ? "required" : "",
+          _.disabled ? "disabled" : "",
+          _.search ? "search" : ""
         ])
-      }, n(p.label), 11, Dt),
+      }, n(_.label), 11, Dt),
       s.value === "password" ? (l(), i("div", Tt, [
         t("input", {
-          id: p.id,
+          id: _.id,
           ref: "passwordField",
-          type: u.value,
-          value: p.modelValue,
-          placeholder: p.placeholder,
-          required: p.required,
-          disabled: p.disabled,
-          name: p.fieldName,
-          onInput: w[0] || (w[0] = (v) => p.$emit("update:modelValue", v.target.value))
-        }, null, 40, Ct),
+          type: p.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, At),
         t("i", {
           role: "button",
-          class: h([_.value]),
+          class: m([u.value]),
           "aria-controls": "password",
           "aria-expanded": !o.value,
-          onClick: w[1] || (w[1] = (v) => o.value = !o.value)
-        }, null, 10, At)
+          onClick: B[1] || (B[1] = (v) => o.value = !o.value)
+        }, null, 10, Pt)
       ])) : (l(), i("input", {
         key: 1,
-        id: p.id,
+        id: _.id,
         ref: "textField",
         type: s.value,
-        value: p.modelValue,
-        placeholder: p.placeholder,
-        required: p.required,
-        class: h([
-          p.invalid ? "invalid" : "",
-          p.valid ? "valid" : "",
-          p.search ? "search" : ""
+        value: _.modelValue,
+        placeholder: _.placeholder,
+        required: _.required,
+        class: m([
+          _.invalid ? "invalid" : "",
+          _.valid ? "valid" : "",
+          _.search ? "search" : ""
         ]),
-        disabled: p.disabled,
-        name: p.fieldName,
-        onInput: w[2] || (w[2] = (v) => p.$emit("update:modelValue", v.target.value))
-      }, null, 42, Pt)),
-      p.search ? (l(), i("i", Mt)) : m("", !0),
-      p.errorMessage ? (l(), i("strong", Ot, n(p.errorMessage), 1)) : m("", !0),
-      p.helperText ? (l(), i("span", Ft, n(p.helperText), 1)) : m("", !0)
+        disabled: _.disabled,
+        name: _.fieldName,
+        onInput: B[2] || (B[2] = (v) => _.$emit("update:modelValue", v.target.value))
+      }, null, 42, Mt)),
+      _.search ? (l(), i("i", Ot)) : h("", !0),
+      _.errorMessage ? (l(), i("strong", Ft, n(_.errorMessage), 1)) : h("", !0),
+      _.helperText ? (l(), i("span", Et, n(_.helperText), 1)) : h("", !0)
     ]));
   }
-}), Rt = /* @__PURE__ */ f(Et, [["__scopeId", "data-v-414b9435"]]), Ht = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], jt = /* @__PURE__ */ g({
+}), Ht = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, zt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -718,42 +718,42 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   setup(e, { expose: a }) {
     const r = e;
     let s = q(null);
-    return _e(() => {
+    return he(() => {
       s.value && (r.play ? s.value.play() : r.play || s.value.pause());
     }), a({
       resetVideo: () => {
         s.value && (s.value.currentTime = 0, s.value.play());
       }
-    }), (_, u) => (l(), i("div", Ht, [
-      _.localVideo ? (l(), i("video", {
+    }), (u, p) => (l(), i("div", Nt, [
+      u.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
         ref: s,
-        "aria-label": _.ariaLabel,
-        controls: _.controls,
-        poster: _.poster,
-        width: _.width,
-        height: _.height,
-        autoplay: _.autoplay,
-        loop: _.loop,
-        muted: _.muted,
+        "aria-label": u.ariaLabel,
+        controls: u.controls,
+        poster: u.poster,
+        width: u.width,
+        height: u.height,
+        autoplay: u.autoplay,
+        loop: u.loop,
+        muted: u.muted,
         type: "video/mp4",
         playsinline: "",
-        src: _.src
-      }, null, 8, Nt)) : (l(), i("iframe", {
+        src: u.src
+      }, null, 8, zt)) : (l(), i("iframe", {
         key: 1,
-        src: _.src,
-        "aria-label": _.ariaLabel,
-        title: _.title,
-        width: _.width,
-        height: _.height,
+        src: u.src,
+        "aria-label": u.ariaLabel,
+        title: u.title,
+        width: u.width,
+        height: u.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
-      }, null, 8, zt))
+      }, null, 8, jt))
     ]));
   }
-}), X = /* @__PURE__ */ f(jt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, Gt = { class: "address__flag" }, Jt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Xt = ["href"], xt = ["href"], ea = /* @__PURE__ */ g({
+}), ee = /* @__PURE__ */ f(Ut, [["__scopeId", "data-v-c6a0feb6"]]), Kt = { class: "address__wrapper" }, Gt = { class: "address__content" }, Jt = { class: "address__flag" }, Wt = { class: "address__address" }, Yt = { class: "address__name" }, Qt = { key: 0 }, Zt = { class: "address__contact" }, Xt = ["href"], xt = ["href"], ea = ["href"], ta = /* @__PURE__ */ g({
   __name: "address",
   props: {
     name: {},
@@ -766,20 +766,20 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     email: {}
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Ut, [
-      t("div", Kt, [
-        t("div", Gt, [
+    return (a, r) => (l(), i("div", Kt, [
+      t("div", Gt, [
+        t("div", Jt, [
           c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
-        t("div", Jt, [
-          t("p", Wt, n(a.name), 1),
+        t("div", Wt, [
+          t("p", Yt, n(a.name), 1),
           t("p", null, n(a.company), 1),
           t("p", null, n(a.addressLine1), 1),
           t("p", null, n(a.addressLine2), 1),
-          a.addressLine3 ? (l(), i("p", Yt, n(a.addressLine3), 1)) : m("", !0)
+          a.addressLine3 ? (l(), i("p", Qt, n(a.addressLine3), 1)) : h("", !0)
         ]),
-        t("div", Qt, [
-          a.website ? (l(), D(C, {
+        t("div", Zt, [
+          a.website ? (l(), D(T, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -788,11 +788,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               t("a", {
                 href: "https://" + a.website,
                 class: "address__website"
-              }, n(a.website), 9, Zt)
+              }, n(a.website), 9, Xt)
             ]),
             _: 1
-          })) : m("", !0),
-          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), D(C, {
+          })) : h("", !0),
+          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), D(T, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -801,19 +801,19 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               t("a", {
                 href: "tel:" + s,
                 class: "address__phone"
-              }, n(s), 9, Xt)
+              }, n(s), 9, xt)
             ]),
             _: 2
           }, 1024))), 128)),
           t("a", {
             href: "mailto:" + a.email,
             class: "address__email"
-          }, n(a.email), 9, xt)
+          }, n(a.email), 9, ea)
         ])
       ])
     ]));
   }
-}), ta = /* @__PURE__ */ f(ea, [["__scopeId", "data-v-e1c72a18"]]), aa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), oa = { class: "bullet-list__wrapper" }, la = /* @__PURE__ */ aa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), sa = /* @__PURE__ */ g({
+}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -833,20 +833,20 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", oa, [
+    return (a, r) => (l(), i("div", la, [
       t("div", {
-        class: h(["bullet-list", e.variant])
+        class: m(["bullet-list", e.variant])
       }, [
         t("ul", null, [
           (l(!0), i(P, null, M(e.list, (s) => (l(), i("li", { key: s }, [
-            la,
-            Q(" " + n(s), 1)
+            sa,
+            x(" " + n(s), 1)
           ]))), 128))
         ])
       ], 2)
     ]));
   }
-}), ia = /* @__PURE__ */ f(sa, [["__scopeId", "data-v-a44fd57d"]]), ra = { class: "card__wrapper" }, na = { key: 2 }, da = { key: 5 }, ca = /* @__PURE__ */ g({
+}), ra = /* @__PURE__ */ f(ia, [["__scopeId", "data-v-a44fd57d"]]), na = { class: "card__wrapper" }, da = { key: 2 }, ca = { key: 5 }, ua = /* @__PURE__ */ g({
   __name: "card",
   props: {
     variant: { default: "product" },
@@ -868,7 +868,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["clicked"],
   setup(e) {
-    const a = we();
+    const a = Se();
     let r = q(!1);
     const s = {
       small: {
@@ -886,72 +886,72 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, o = e, _ = V(() => s[o.size]);
-    return (u, p) => (l(), i("div", ra, [
+    }, o = e, u = C(() => s[o.size]);
+    return (p, _) => (l(), i("div", na, [
       t("div", {
-        class: h(["card", [
-          u.theme === "dark" ? "card--dark" : "card--light",
-          u.orientation === "vertical" ? "vertical" : "horizontal",
-          _.value.class,
-          u.size === "large" && u.variant === "article" ? "card--large-article" : "",
-          u.variant === "product" ? "card--product" : "card--article"
+        class: m(["card", [
+          p.theme === "dark" ? "card--dark" : "card--light",
+          p.orientation === "vertical" ? "vertical" : "horizontal",
+          u.value.class,
+          p.size === "large" && p.variant === "article" ? "card--large-article" : "",
+          p.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: re([u.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: p[0] || (p[0] = (w) => ce(r) ? r.value = !0 : r = !0),
-        onMouseout: p[1] || (p[1] = (w) => ce(r) ? r.value = !1 : r = !1)
+        style: ce([p.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        onMouseover: _[0] || (_[0] = (B) => ne(r) ? r.value = !0 : r = !0),
+        onMouseout: _[1] || (_[1] = (B) => ne(r) ? r.value = !1 : r = !1)
       }, [
-        u.mediaType === "image" ? (l(), D(A, { key: 0 }, {
+        p.mediaType === "image" ? (l(), D(A, { key: 0 }, {
           default: $(() => [
-            c(u.$slots, "card-image", ie({
-              src: u.imgSrc,
+            c(p.$slots, "card-image", de({
+              src: p.imgSrc,
               width: "596",
               height: "335",
-              alt: u.alt,
+              alt: p.alt,
               loading: "auto",
               sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: u.srcSet }))
+            }, { srcset: p.srcSet }))
           ]),
           _: 3
         })) : (l(), i("div", {
           key: 1,
-          class: h(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
+          class: m(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          S(X, {
+          S(ee, {
             play: I(r),
             "local-video": !0,
-            src: u.videoSrc,
-            "aria-label": u.arialabel,
+            src: p.videoSrc,
+            "aria-label": p.arialabel,
             controls: !1,
-            poster: u.imgSrc,
-            width: _.value.width,
-            height: _.value.height,
+            poster: p.imgSrc,
+            width: u.value.width,
+            height: u.value.height,
             autoplay: !0,
             loop: !0,
             muted: !0
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
-        I(a)["card-label"] ? (l(), i("div", na, [
-          c(u.$slots, "card-label")
-        ])) : m("", !0),
-        u.variant === "product" ? (l(), i("div", {
+        I(a)["card-label"] ? (l(), i("div", da, [
+          c(p.$slots, "card-label")
+        ])) : h("", !0),
+        p.variant === "product" ? (l(), i("div", {
           key: 3,
-          class: h([
+          class: m([
             "card__headline",
-            u.theme === "dark" ? "regular-dark" : "regular-blue"
+            p.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, n(u.headline), 3)) : (l(), i("div", {
+        }, n(p.headline), 3)) : (l(), i("div", {
           key: 4,
-          class: h([
+          class: m([
             "card__headline",
-            u.theme === "dark" ? "regular-dark" : "regular-dark-blue"
+            p.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
-        }, n(u.headline), 3)),
-        u.variant === "product" ? (l(), i("p", da, n(u.paragraph), 1)) : m("", !0)
+        }, n(p.headline), 3)),
+        p.variant === "product" ? (l(), i("p", ca, n(p.paragraph), 1)) : h("", !0)
       ], 38)
     ]));
   }
-}), ua = /* @__PURE__ */ f(ca, [["__scopeId", "data-v-351c5fbb"]]), _a = (e) => (E("data-v-2c394add"), e = e(), R(), e), pa = { class: "event__wrapper" }, ha = { class: "event__headline" }, ma = { class: "event__date-location" }, va = /* @__PURE__ */ _a(() => /* @__PURE__ */ t("br", null, null, -1)), fa = { class: "event__exhibitor" }, ga = /* @__PURE__ */ g({
+}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), pa = (e) => (E("data-v-2c394add"), e = e(), R(), e), ha = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ pa(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
   __name: "event-card",
   props: {
     eventType: {
@@ -976,21 +976,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", pa, [
-      S(W, {
+    return (a, r) => (l(), i("div", ha, [
+      S(Q, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
-      t("div", ha, n(e.headline), 1),
-      t("div", ma, [
-        Q(n(e.dateTime), 1),
-        va,
-        Q(n(e.location), 1)
+      t("div", ma, n(e.headline), 1),
+      t("div", va, [
+        x(n(e.dateTime), 1),
+        fa,
+        x(n(e.location), 1)
       ]),
-      t("div", fa, n(e.exhibitor), 1)
+      t("div", ga, n(e.exhibitor), 1)
     ]));
   }
-}), ba = /* @__PURE__ */ f(ga, [["__scopeId", "data-v-2c394add"]]), ya = { class: "text__wrapper" }, $a = { class: "text__headline" }, ka = { class: "text__paragraph" }, wa = /* @__PURE__ */ g({
+}), ya = /* @__PURE__ */ f(ba, [["__scopeId", "data-v-2c394add"]]), $a = { class: "text__wrapper" }, ka = { class: "text__headline" }, wa = { class: "text__paragraph" }, Sa = /* @__PURE__ */ g({
   __name: "text-card",
   props: {
     label: {
@@ -1007,21 +1007,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ya, [
-      S(W, {
+    return (a, r) => (l(), i("div", $a, [
+      S(Q, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
-      t("div", $a, n(e.headline), 1),
-      t("div", ka, [
+      t("div", ka, n(e.headline), 1),
+      t("div", wa, [
         t("p", null, n(e.paragraph), 1)
       ])
     ]));
   }
-}), Sa = /* @__PURE__ */ f(wa, [["__scopeId", "data-v-ebdea819"]]), Ba = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, La = { class: "facts" }, Va = { class: "fact__value" }, Da = { class: "fact__metric" }, Ta = {
+}), Ba = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-ebdea819"]]), Ia = { class: "facts__wrapper" }, qa = { class: "facts__content" }, La = { class: "facts__headline" }, Va = { class: "facts" }, Ca = { class: "fact__value" }, Da = { class: "fact__metric" }, Ta = {
   key: 0,
   class: "facts__link"
-}, Ca = /* @__PURE__ */ g({
+}, Aa = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1045,15 +1045,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }) }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Ba, [
-      t("div", Ia, [
-        t("h2", qa, n(a.headline), 1),
-        t("div", La, [
+    return (a, r) => (l(), i("div", Ia, [
+      t("div", qa, [
+        t("h2", La, n(a.headline), 1),
+        t("div", Va, [
           (l(!0), i(P, null, M(a.facts, (s) => (l(), i("div", {
             key: s.value + s.metric,
             class: "fact"
           }, [
-            t("div", Va, [
+            t("div", Ca, [
               t("span", null, n(s.value), 1)
             ]),
             t("div", Da, [
@@ -1062,7 +1062,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         a.link ? (l(), i("div", Ta, [
-          S(C, {
+          S(T, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1071,17 +1071,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             ]),
             _: 3
           })
-        ])) : m("", !0)
+        ])) : h("", !0)
       ])
     ]));
   }
-}), Aa = /* @__PURE__ */ f(Ca, [["__scopeId", "data-v-d2b231d4"]]), Pa = { class: "features__wrapper" }, Ma = { class: "features__content" }, Oa = {
+}), Pa = /* @__PURE__ */ f(Aa, [["__scopeId", "data-v-d2b231d4"]]), Ma = { class: "features__wrapper" }, Oa = { class: "features__content" }, Fa = {
   key: 0,
   class: "features__headline"
-}, Fa = {
+}, Ea = {
   key: 1,
   class: "features__body"
-}, Ea = { class: "element__headline" }, Ra = { class: "element__body" }, Ha = /* @__PURE__ */ g({
+}, Ra = { class: "element__headline" }, Ha = { class: "element__body" }, Na = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1089,16 +1089,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     elements: { default: () => [] }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Pa, [
-      t("div", Ma, [
-        a.headline ? (l(), i("div", Oa, [
+    return (a, r) => (l(), i("div", Ma, [
+      t("div", Oa, [
+        a.headline ? (l(), i("div", Fa, [
           t("h2", null, n(a.headline), 1)
-        ])) : m("", !0),
-        a.body ? (l(), i("div", Fa, [
+        ])) : h("", !0),
+        a.body ? (l(), i("div", Ea, [
           c(a.$slots, "features-body", {}, void 0, !0)
-        ])) : m("", !0),
+        ])) : h("", !0),
         t("div", {
-          class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
+          class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
           (l(!0), i(P, null, M(a.elements, (s) => (l(), i("div", {
             key: s.headline,
@@ -1106,7 +1106,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             S(A, { class: "element__icon" }, {
               default: $(() => [
-                c(a.$slots, "features-icon", O(F({
+                c(a.$slots, "features-icon", F(H({
                   src: s.icon.src,
                   height: 30,
                   width: 30,
@@ -1115,14 +1115,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               ]),
               _: 2
             }, 1024),
-            t("p", Ea, n(s.headline), 1),
-            t("p", Ra, n(s.body), 1)
+            t("p", Ra, n(s.headline), 1),
+            t("p", Ha, n(s.body), 1)
           ]))), 128))
         ], 2)
       ])
     ]));
   }
-}), Na = /* @__PURE__ */ f(Ha, [["__scopeId", "data-v-57a22df7"]]), za = { class: "form__wrapper" }, ja = { class: "form__content" }, Ua = { class: "form__information" }, Ka = { class: "form__headline" }, Ga = { class: "form__body" }, Ja = { class: "form__script" }, Wa = /* @__PURE__ */ g({
+}), za = /* @__PURE__ */ f(Na, [["__scopeId", "data-v-57a22df7"]]), ja = { class: "form__wrapper" }, Ua = { class: "form__content" }, Ka = { class: "form__information" }, Ga = { class: "form__headline" }, Ja = { class: "form__body" }, Wa = { class: "form__script" }, Ya = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1131,21 +1131,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", za, [
-      t("div", ja, [
-        t("div", Ua, [
-          t("h2", Ka, n(e.headline), 1),
-          t("div", Ga, [
+    return (a, r) => (l(), i("div", ja, [
+      t("div", Ua, [
+        t("div", Ka, [
+          t("h2", Ga, n(e.headline), 1),
+          t("div", Ja, [
             c(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", Ja, [
+        t("div", Wa, [
           c(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-87a67c13"]]), Qa = { class: "image__wrapper" }, Za = { class: "image__content" }, Xa = { class: "image__image" }, xa = { class: "image__caption" }, eo = /* @__PURE__ */ g({
+}), Qa = /* @__PURE__ */ f(Ya, [["__scopeId", "data-v-87a67c13"]]), Za = { class: "image__wrapper" }, Xa = { class: "image__content" }, xa = { class: "image__image" }, eo = { class: "image__caption" }, to = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1164,30 +1164,30 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Qa, [
-      t("div", Za, [
-        t("div", Xa, [
+    return (a, r) => (l(), i("div", Za, [
+      t("div", Xa, [
+        t("div", xa, [
           S(A, null, {
             default: $(() => [
-              c(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              c(a.$slots, "image", F(H({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
         ]),
-        t("p", xa, n(e.caption), 1)
+        t("p", eo, n(e.caption), 1)
       ])
     ]));
   }
-}), to = /* @__PURE__ */ f(eo, [["__scopeId", "data-v-79ce0bb6"]]), ao = { class: "gallery__large" }, oo = {
+}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-79ce0bb6"]]), oo = { class: "gallery__large" }, lo = {
   key: 0,
   class: "image image--large"
-}, lo = {
+}, so = {
   key: 1,
   class: "video"
-}, so = {
+}, io = {
   key: 0,
   class: "body"
-}, io = /* @__PURE__ */ g({
+}, ro = /* @__PURE__ */ g({
   __name: "image-gallery",
   props: {
     mediaLarge: {},
@@ -1203,21 +1203,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, s = V(() => a[r.bgColor]);
-    return (o, _) => (l(), i("div", {
-      class: h(["gallery__wrapper", s.value])
+    }, r = e, s = C(() => a[r.bgColor]);
+    return (o, u) => (l(), i("div", {
+      class: m(["gallery__wrapper", s.value])
     }, [
       t("div", {
-        class: h([
+        class: m([
           "gallery__content",
           o.flipHorizontal ? "gallery__content--reverse" : "gallery__content--default"
         ])
       }, [
-        t("div", ao, [
-          o.mediaLarge && o.mediaType === "image" ? (l(), i("div", oo, [
+        t("div", oo, [
+          o.mediaLarge && o.mediaType === "image" ? (l(), i("div", lo, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-large", O(F({
+                c(o.$slots, "image-large", F(H({
                   width: 617,
                   height: 530,
                   src: o.mediaLarge.src,
@@ -1226,9 +1226,9 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               ]),
               _: 3
             })
-          ])) : m("", !0),
-          o.mediaLarge && o.mediaType === "video" ? (l(), i("div", lo, [
-            S(X, {
+          ])) : h("", !0),
+          o.mediaLarge && o.mediaType === "video" ? (l(), i("div", so, [
+            S(ee, {
               src: o.mediaLarge.src,
               "local-video": "",
               "aria-label": o.mediaLarge.alt,
@@ -1240,39 +1240,39 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : m("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
-          style: re([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
-          class: h([
+          style: ce([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
+          class: m([
             "gallery__small",
             o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), i(P, null, M(o.mediaSmall, (u) => (l(), i("div", {
-            key: u.src + u.alt,
+          (l(!0), i(P, null, M(o.mediaSmall, (p) => (l(), i("div", {
+            key: p.src + p.alt,
             class: "image image--small"
           }, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-small", O(F({
+                c(o.$slots, "image-small", F(H({
                   width: 328,
                   height: 246,
-                  src: u.src,
-                  alt: u.alt
+                  src: p.src,
+                  alt: p.alt
                 })))
               ]),
               _: 2
             }, 1024)
           ]))), 128)),
-          o.mediaSmall.length < 2 ? (l(), i("div", so, [
+          o.mediaSmall.length < 2 ? (l(), i("div", io, [
             t("p", null, n(o.body), 1)
-          ])) : m("", !0)
+          ])) : h("", !0)
         ], 6)
       ], 2)
     ], 2));
   }
-}), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-0d271138"]]), no = { class: "headline__wrapper" }, co = { class: "headline__h1" }, uo = /* @__PURE__ */ g({
+}), no = /* @__PURE__ */ f(ro, [["__scopeId", "data-v-0d271138"]]), co = { class: "headline__wrapper" }, uo = { class: "headline__h1" }, _o = /* @__PURE__ */ g({
   __name: "headline",
   props: {
     headline: {
@@ -1289,20 +1289,20 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", no, [
+    return (a, r) => (l(), i("div", co, [
       t("div", {
-        class: h({
+        class: m({
           "headline__content--article-and-submenu": e.article && e.subMenu,
           "headline__content--article": e.article && !e.subMenu,
           "headline__content--default headline__content--submenu": !e.article && e.subMenu,
           "headline__content--default": !e.article && !e.subMenu
         })
       }, [
-        t("h1", co, n(e.headline), 1)
+        t("h1", uo, n(e.headline), 1)
       ], 2)
     ]));
   }
-}), _o = /* @__PURE__ */ f(uo, [["__scopeId", "data-v-3ef1567e"]]), po = (e) => (E("data-v-22f9be13"), e = e(), R(), e), ho = { class: "hero__wrapper" }, mo = { class: "hero__content" }, vo = { class: "hero__top" }, fo = { class: "hero__elements" }, go = { class: "hero__headline" }, bo = { class: "hero__link" }, yo = { class: "hero__video" }, $o = /* @__PURE__ */ po(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), ko = { class: "hero__video__video" }, wo = { class: "hero__image" }, So = /* @__PURE__ */ g({
+}), po = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), ho = (e) => (E("data-v-22f9be13"), e = e(), R(), e), mo = { class: "hero__wrapper" }, vo = { class: "hero__content" }, fo = { class: "hero__top" }, go = { class: "hero__elements" }, bo = { class: "hero__headline" }, yo = { class: "hero__link" }, $o = { class: "hero__video" }, ko = /* @__PURE__ */ ho(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), wo = { class: "hero__video__video" }, So = { class: "hero__image" }, Bo = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1311,15 +1311,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ho, [
-      t("div", mo, [
-        t("div", vo, [
-          t("div", fo, [
-            t("div", go, [
+    return (a, r) => (l(), i("div", mo, [
+      t("div", vo, [
+        t("div", fo, [
+          t("div", go, [
+            t("div", bo, [
               t("h1", null, n(e.headline), 1)
             ]),
-            t("div", bo, [
-              S(C, {
+            t("div", yo, [
+              S(T, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1331,22 +1331,22 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             ])
           ])
         ]),
-        t("div", yo, [
-          $o,
-          t("div", ko, [
+        t("div", $o, [
+          ko,
+          t("div", wo, [
             c(a.$slots, "hero-video", {}, void 0, !0)
           ]),
-          t("div", wo, [
+          t("div", So, [
             c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
     ]));
   }
-}), Bo = /* @__PURE__ */ f(So, [["__scopeId", "data-v-22f9be13"]]), Io = { class: "logo-wall__wrapper" }, qo = { class: "logo-wall__content" }, Lo = {
+}), Io = /* @__PURE__ */ f(Bo, [["__scopeId", "data-v-22f9be13"]]), qo = { class: "logo-wall__wrapper" }, Lo = { class: "logo-wall__content" }, Vo = {
   key: 0,
   class: "logo-wall__text"
-}, Vo = { key: 0 }, Do = { key: 1 }, To = { class: "logo-wall__logos" }, Co = { class: "logo-wall__link" }, Ao = /* @__PURE__ */ g({
+}, Co = { key: 0 }, Do = { key: 1 }, To = { class: "logo-wall__logos" }, Ao = { class: "logo-wall__link" }, Po = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1364,12 +1364,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Io, [
-      t("div", qo, [
-        e.headline || e.body ? (l(), i("div", Lo, [
-          e.headline ? (l(), i("h2", Vo, n(e.headline), 1)) : m("", !0),
-          e.body ? (l(), i("p", Do, n(e.body), 1)) : m("", !0)
-        ])) : m("", !0),
+    return (a, r) => (l(), i("div", qo, [
+      t("div", Lo, [
+        e.headline || e.body ? (l(), i("div", Vo, [
+          e.headline ? (l(), i("h2", Co, n(e.headline), 1)) : h("", !0),
+          e.body ? (l(), i("p", Do, n(e.body), 1)) : h("", !0)
+        ])) : h("", !0),
         t("div", To, [
           (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
             key: s.src + s.alt,
@@ -1377,7 +1377,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "logo-wall-logo", O(F({
+                c(a.$slots, "logo-wall-logo", F(H({
                   width: 130,
                   height: 130,
                   src: s.src,
@@ -1388,8 +1388,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Co, [
-          S(C, {
+        t("div", Ao, [
+          S(T, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1402,13 +1402,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Po = /* @__PURE__ */ f(Ao, [["__scopeId", "data-v-fd489289"]]), Mo = { class: "micro-stories__top" }, Oo = {
+}), Mo = /* @__PURE__ */ f(Po, [["__scopeId", "data-v-fd489289"]]), Oo = { class: "micro-stories__top" }, Fo = {
   key: 0,
   class: "headline"
-}, Fo = {
+}, Eo = {
   key: 1,
   class: "body"
-}, Eo = { class: "micro-stories__splide" }, Ro = /* @__PURE__ */ g({
+}, Ro = { class: "micro-stories__splide" }, Ho = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1420,36 +1420,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = V(() => a[s.bgColor]), s = e;
-    return (o, _) => (l(), i("div", {
-      class: h(["micro-stories__wrapper", r.value])
+    }, r = C(() => a[s.bgColor]), s = e;
+    return (o, u) => (l(), i("div", {
+      class: m(["micro-stories__wrapper", r.value])
     }, [
-      t("div", Mo, [
-        o.headline ? (l(), i("div", Oo, [
+      t("div", Oo, [
+        o.headline ? (l(), i("div", Fo, [
           t("h2", null, n(o.headline), 1)
-        ])) : m("", !0),
-        o.body ? (l(), i("div", Fo, [
+        ])) : h("", !0),
+        o.body ? (l(), i("div", Eo, [
           t("p", null, n(o.body), 1)
-        ])) : m("", !0)
+        ])) : h("", !0)
       ]),
-      t("div", Eo, [
+      t("div", Ro, [
         c(o.$slots, "micro-stories-slides")
       ]),
       c(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), Ho = {}, No = { class: "policy__wrapper" }, zo = { class: "policy__content" };
-function jo(e, a) {
-  return l(), i("div", No, [
-    t("div", zo, [
+}), No = {}, zo = { class: "policy__wrapper" }, jo = { class: "policy__content" };
+function Uo(e, a) {
+  return l(), i("div", zo, [
+    t("div", jo, [
       c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a"]]), Ko = { class: "card-display__wrapper" }, Go = {
+const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a"]]), Go = { class: "card-display__wrapper" }, Jo = {
   key: 0,
   class: "card__content"
-}, Jo = { key: 0 }, Wo = { key: 1 }, Yo = { class: "card__cards" }, Qo = /* @__PURE__ */ g({
+}, Wo = { key: 0 }, Yo = { key: 1 }, Qo = { class: "card__cards" }, Zo = /* @__PURE__ */ g({
   __name: "card-display",
   props: {
     headline: {
@@ -1467,23 +1467,23 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
   },
   setup(e) {
     return (a, r) => (l(), i("div", {
-      class: h([
+      class: m([
         "card-display",
         e.bgColor === "blue" ? "card-display--blue" : "card-display--white"
       ])
     }, [
-      t("div", Ko, [
-        e.headline || e.paragraph ? (l(), i("div", Go, [
-          e.headline ? (l(), i("h2", Jo, n(e.headline), 1)) : m("", !0),
-          e.paragraph ? (l(), i("p", Wo, n(e.paragraph), 1)) : m("", !0)
-        ])) : m("", !0),
-        t("div", Yo, [
+      t("div", Go, [
+        e.headline || e.paragraph ? (l(), i("div", Jo, [
+          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : h("", !0),
+          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : h("", !0)
+        ])) : h("", !0),
+        t("div", Qo, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Zo = /* @__PURE__ */ f(Qo, [["__scopeId", "data-v-e8033cff"]]), Xo = { class: "promo__content" }, xo = /* @__PURE__ */ g({
+}), Xo = /* @__PURE__ */ f(Zo, [["__scopeId", "data-v-e8033cff"]]), xo = { class: "promo__content" }, el = /* @__PURE__ */ g({
   __name: "promo",
   props: {
     label: { default: "" },
@@ -1503,38 +1503,38 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = V(() => a[r.variant]);
-    return (o, _) => (l(), i("div", {
-      class: h([
+    }, r = e, s = C(() => a[r.variant]);
+    return (o, u) => (l(), i("div", {
+      class: m([
         "promo__wrapper",
         s.value,
         o.teaser ? "promo__wrapper--teaser" : "",
         o.multiply ? "promo__wrapper--multiply" : ""
       ])
     }, [
-      t("div", Xo, [
+      t("div", xo, [
         o.mediaType === "image" ? (l(), i("div", {
           key: 0,
-          class: h([
+          class: m([
             "promo__image",
             o.reverse ? "promo__image--reverse" : "promo__image--default"
           ])
         }, [
           S(A, null, {
             default: $(() => [
-              c(o.$slots, "promo-image", O(F({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
+              c(o.$slots, "promo-image", F(H({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : m("", !0),
+        ], 2)) : h("", !0),
         o.mediaType === "video" ? (l(), i("div", {
           key: 1,
-          class: h([
+          class: m([
             "promo__video",
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          S(X, {
+          S(ee, {
             src: o.src,
             "local-video": "",
             "aria-label": o.alt,
@@ -1545,27 +1545,27 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
             play: "",
             poster: o.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : m("", !0),
+        ], 2)) : h("", !0),
         t("div", {
-          class: h([
+          class: m([
             "promo__text",
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), D(W, {
+          o.label ? (l(), D(Q, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : m("", !0),
+          }, null, 8, ["text", "label-dark"])) : h("", !0),
           t("div", {
-            class: h([
+            class: m([
               "promo__title",
               o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
             c(o.$slots, "promo-headline")
           ], 2),
-          o.linkType === "link" ? (l(), D(C, {
+          o.linkType === "link" ? (l(), D(T, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -1574,8 +1574,8 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : m("", !0),
-          o.linkType === "button" ? (l(), D(C, {
+          }, 8, ["link-type"])) : h("", !0),
+          o.linkType === "button" ? (l(), D(T, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -1583,15 +1583,15 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : m("", !0)
+          }, 8, ["link-type"])) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), el = /* @__PURE__ */ f(xo, [["__scopeId", "data-v-df54d965"]]), tl = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), al = { class: "quote__wrapper" }, ol = { class: "quote__content" }, ll = /* @__PURE__ */ tl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), sl = { class: "quote__quote" }, il = { class: "quote__quote-text" }, rl = { class: "quote__author" }, nl = {
+}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), il = { class: "quote__quote" }, rl = { class: "quote__quote-text" }, nl = { class: "quote__author" }, dl = {
   key: 0,
   class: "quote__image"
-}, dl = { class: "quote__text" }, cl = { class: "quote__author-name" }, ul = { class: "quote__author-title" }, _l = /* @__PURE__ */ g({
+}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" }, pl = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1613,16 +1613,16 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", al, [
-      t("div", ol, [
-        ll,
-        t("div", sl, [
-          t("p", il, n(e.quote), 1),
-          t("div", rl, [
-            e.authorImage ? (l(), i("div", nl, [
+    return (a, r) => (l(), i("div", ol, [
+      t("div", ll, [
+        sl,
+        t("div", il, [
+          t("p", rl, n(e.quote), 1),
+          t("div", nl, [
+            e.authorImage ? (l(), i("div", dl, [
               S(A, null, {
                 default: $(() => [
-                  c(a.$slots, "author-image", O(F({
+                  c(a.$slots, "author-image", F(H({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1630,23 +1630,23 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
                 ]),
                 _: 3
               })
-            ])) : m("", !0),
-            t("div", dl, [
-              t("p", cl, n(e.author), 1),
-              t("p", ul, n(e.authorTitle), 1)
+            ])) : h("", !0),
+            t("div", cl, [
+              t("p", ul, n(e.author), 1),
+              t("p", _l, n(e.authorTitle), 1)
             ])
           ])
         ])
       ])
     ]));
   }
-}), pl = /* @__PURE__ */ f(_l, [["__scopeId", "data-v-e3cc8e27"]]), hl = { class: "rich-text__wrapper" }, ml = {
+}), hl = /* @__PURE__ */ f(pl, [["__scopeId", "data-v-e3cc8e27"]]), ml = { class: "rich-text__wrapper" }, vl = {
   key: 0,
   class: "rich-text__links"
-}, vl = {
+}, fl = {
   key: 0,
   class: "rich-text__bullet-list"
-}, fl = /* @__PURE__ */ g({
+}, gl = /* @__PURE__ */ g({
   __name: "rich-text",
   props: {
     headline: { default: "" },
@@ -1660,68 +1660,68 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
   },
   setup(e) {
     return (a, r) => (l(), i("div", {
-      class: h([
+      class: m([
         "rich-text",
         a.bgColor === "blue" ? "rich-text--blue" : "rich-text--white"
       ])
     }, [
-      t("div", hl, [
-        a.label ? (l(), D(W, {
+      t("div", ml, [
+        a.label ? (l(), D(Q, {
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : m("", !0),
+        }, null, 8, ["text"])) : h("", !0),
         a.headline ? (l(), i("h2", {
           key: 1,
-          class: h([
+          class: m([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, n(a.headline), 3)) : m("", !0),
+        }, n(a.headline), 3)) : h("", !0),
         t("div", {
-          class: h([
+          class: m([
             "rich-text__content",
             a.leftAligned || a.bulletList || a.image ? "rich-text__content--left-aligned" : "rich-text__content--centered"
           ])
         }, [
           t("div", {
-            class: h([
+            class: m([
               "rich-text__body",
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
             c(a.$slots, "rich-text-content"),
-            a.links ? (l(), i("div", ml, [
+            a.links ? (l(), i("div", vl, [
               c(a.$slots, "rich-text-links")
-            ])) : m("", !0)
+            ])) : h("", !0)
           ], 2),
-          a.bulletList ? (l(), i("div", vl, [
+          a.bulletList ? (l(), i("div", fl, [
             c(a.$slots, "rich-text-bullet-list")
-          ])) : m("", !0),
+          ])) : h("", !0),
           a.image ? (l(), i("div", {
             key: 1,
-            class: h([
+            class: m([
               "rich-text__image",
               a.imageClip ? "rich-text__image--clip" : ""
             ])
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", F(H({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : m("", !0)
+          ], 2)) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), gl = /* @__PURE__ */ f(fl, [["__scopeId", "data-v-8bb69ea4"]]), bl = {}, yl = { class: "rich-text" }, $l = { class: "rich-text__wrapper" }, kl = { class: "rich-text__content rich-text__content--left-aligned" }, wl = { class: "rich-text__body" };
-function Sl(e, a) {
-  return l(), i("div", yl, [
-    t("div", $l, [
-      t("div", kl, [
-        t("div", wl, [
+}), bl = /* @__PURE__ */ f(gl, [["__scopeId", "data-v-8bb69ea4"]]), yl = {}, $l = { class: "rich-text" }, kl = { class: "rich-text__wrapper" }, wl = { class: "rich-text__content rich-text__content--left-aligned" }, Sl = { class: "rich-text__body" };
+function Bl(e, a) {
+  return l(), i("div", $l, [
+    t("div", kl, [
+      t("div", wl, [
+        t("div", Sl, [
           t("div", null, [
             c(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
@@ -1733,10 +1733,10 @@ function Sl(e, a) {
     ])
   ]);
 }
-const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194"]]), Il = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), ql = { class: "timeline__wrapper" }, Ll = { class: "timeline__content" }, Vl = { class: "timeline__items" }, Dl = { class: "item__left" }, Tl = /* @__PURE__ */ Il(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-2881b194"]]), ql = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), Ll = { class: "timeline__wrapper" }, Vl = { class: "timeline__content" }, Cl = { class: "timeline__items" }, Dl = { class: "item__left" }, Tl = /* @__PURE__ */ ql(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Cl = { class: "item__right" }, Al = ["innerHTML"], Pl = /* @__PURE__ */ g({
+], -1)), Al = { class: "item__right" }, Pl = ["innerHTML"], Ml = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1745,7 +1745,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return pe(() => {
+    return me(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (s) => {
           s.forEach((o) => {
@@ -1759,40 +1759,40 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       a.forEach((s) => {
         r.observe(s);
       });
-    }), (a, r) => (l(), i("div", ql, [
-      t("div", Ll, [
-        t("div", Vl, [
+    }), (a, r) => (l(), i("div", Ll, [
+      t("div", Vl, [
+        t("div", Cl, [
           (l(!0), i(P, null, M(e.timelineItems, (s) => (l(), i("div", {
             key: s.year,
             class: "timeline__item faded"
           }, [
             t("div", Dl, n(s.year), 1),
             Tl,
-            t("div", Cl, [
+            t("div", Al, [
               S(A, null, {
                 default: $(() => [
-                  s.media.src ? c(a.$slots, "timeline-image", O(ie({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : m("", !0)
+                  s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : h("", !0)
                 ]),
                 _: 2
               }, 1024),
               t("div", {
-                style: re([s.media.src ? "" : "margin-top: 0px"]),
+                style: ce([s.media.src ? "" : "margin-top: 0px"]),
                 class: "rich-text",
                 innerHTML: s.text
-              }, null, 12, Al)
+              }, null, 12, Pl)
             ])
           ]))), 128))
         ])
       ])
     ]));
   }
-}), Ml = /* @__PURE__ */ f(Pl, [["__scopeId", "data-v-e254e1e0"]]), Ol = { class: "vimeo" }, Fl = { class: "vimeo__wrapper" }, El = {
+}), Ol = /* @__PURE__ */ f(Ml, [["__scopeId", "data-v-e254e1e0"]]), Fl = { class: "vimeo" }, El = { class: "vimeo__wrapper" }, Rl = {
   key: 0,
   class: "vimeo__headline"
-}, Rl = {
+}, Hl = {
   key: 1,
   class: "vimeo__description"
-}, Hl = /* @__PURE__ */ g({
+}, Nl = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -1805,21 +1805,21 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Ol, [
-      t("div", Fl, [
-        e.headline ? (l(), i("h2", El, n(e.headline), 1)) : m("", !0),
+    return (a, r) => (l(), i("div", Fl, [
+      t("div", El, [
+        e.headline ? (l(), i("h2", Rl, n(e.headline), 1)) : h("", !0),
         c(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), i("p", Rl, n(e.description), 1)) : m("", !0)
+        e.description ? (l(), i("p", Hl, n(e.description), 1)) : h("", !0)
       ])
     ]));
   }
-}), Nl = /* @__PURE__ */ f(Hl, [["__scopeId", "data-v-90a2b109"]]), zl = { class: "academy-overview" }, jl = { class: "academy-overview__content-wrapper" }, Ul = { class: "academy-overview__content" }, Kl = { class: "academy-overview__title" }, Gl = { class: "academy-overview__description" }, Jl = {
+}), zl = /* @__PURE__ */ f(Nl, [["__scopeId", "data-v-90a2b109"]]), jl = { class: "academy-overview" }, Ul = { class: "academy-overview__content-wrapper" }, Kl = { class: "academy-overview__content" }, Gl = { class: "academy-overview__title" }, Jl = { class: "academy-overview__description" }, Wl = {
   key: 0,
   class: "academy-overview__stats"
-}, Wl = { class: "academy-overview__stats-row" }, Yl = { class: "academy-overview__stat" }, Ql = { class: "academy-overview__value" }, Zl = { class: "academy-overview__label" }, Xl = { class: "academy-overview__stat" }, xl = { class: "academy-overview__value" }, es = { class: "academy-overview__label" }, ts = { class: "academy-overview__stat" }, as = { class: "academy-overview__value" }, os = { class: "academy-overview__label" }, ls = {
+}, Yl = { class: "academy-overview__stats-row" }, Ql = { class: "academy-overview__stat" }, Zl = { class: "academy-overview__value" }, Xl = { class: "academy-overview__label" }, xl = { class: "academy-overview__stat" }, es = { class: "academy-overview__value" }, ts = { class: "academy-overview__label" }, as = { class: "academy-overview__stat" }, os = { class: "academy-overview__value" }, ls = { class: "academy-overview__label" }, ss = {
   key: 1,
   class: "academy-overview__button-wrapper"
-}, ss = /* @__PURE__ */ g({
+}, is = /* @__PURE__ */ g({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
@@ -1835,39 +1835,35 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }) }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", zl, [
-      t("div", jl, [
-        t("div", Ul, [
-          t("h1", Kl, n(a.hero.headline), 1),
-          t("p", Gl, n(a.hero.description), 1),
-          a.hero.showStats ? (l(), i("div", Jl, [
-            t("div", Wl, [
-              t("div", Yl, [
-                t("div", Ql, n(a.hero.lessonValue), 1),
-                t("div", Zl, n(a.hero.lessonLabel), 1)
+    return (a, r) => (l(), i("div", jl, [
+      t("div", Ul, [
+        t("div", Kl, [
+          t("h1", Gl, n(a.hero.headline), 1),
+          t("p", Jl, n(a.hero.description), 1),
+          a.hero.showStats ? (l(), i("div", Wl, [
+            t("div", Yl, [
+              t("div", Ql, [
+                t("div", Zl, n(a.hero.lessonValue), 1),
+                t("div", Xl, n(a.hero.lessonLabel), 1)
               ]),
-              t("div", Xl, [
-                t("div", xl, n(a.hero.minutesValue), 1),
-                t("div", es, n(a.hero.minutesLabel), 1)
+              t("div", xl, [
+                t("div", es, n(a.hero.minutesValue), 1),
+                t("div", ts, n(a.hero.minutesLabel), 1)
               ]),
-              t("div", ts, [
-                t("div", as, n(a.hero.pointsValue), 1),
-                t("div", os, n(a.hero.pointsLabel), 1)
+              t("div", as, [
+                t("div", os, n(a.hero.pointsValue), 1),
+                t("div", ls, n(a.hero.pointsLabel), 1)
               ])
             ])
-          ])) : m("", !0),
-          a.hero.showStats ? m("", !0) : (l(), i("div", ls, [
-            S(I(Z), {
-              "aria-label": "sign in",
-              variant: "primary",
-              "button-text": "Sign in"
-            })
+          ])) : h("", !0),
+          a.hero.showStats ? h("", !0) : (l(), i("div", ss, [
+            c(a.$slots, "button", {}, void 0, !0)
           ]))
         ])
       ])
     ]));
   }
-}), is = /* @__PURE__ */ f(ss, [["__scopeId", "data-v-6dcefaba"]]), rs = { class: "not-found__wrapper" }, ns = { class: "not-found__content" }, ds = { class: "not-found__headline" }, cs = { class: "not-found__body" }, us = /* @__PURE__ */ g({
+}), rs = /* @__PURE__ */ f(is, [["__scopeId", "data-v-56b400ac"]]), ns = { class: "not-found__wrapper" }, ds = { class: "not-found__content" }, cs = { class: "not-found__headline" }, us = { class: "not-found__body" }, _s = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -1876,16 +1872,16 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", rs, [
-      t("div", ns, [
-        t("h1", ds, n(e.headline), 1),
-        t("div", cs, [
+    return (a, r) => (l(), i("div", ns, [
+      t("div", ds, [
+        t("h1", cs, n(e.headline), 1),
+        t("div", us, [
           c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), _s = /* @__PURE__ */ f(us, [["__scopeId", "data-v-b829ca6c"]]), ps = { class: "filter__wrapper" }, hs = { class: "filter__content" }, ms = { class: "filter__dropdowns" }, vs = { class: "filter__chips" }, fs = /* @__PURE__ */ g({
+}), ps = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-b829ca6c"]]), hs = { class: "filter__wrapper" }, ms = { class: "filter__content" }, vs = { class: "filter__dropdowns" }, fs = { class: "filter__chips" }, gs = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1899,29 +1895,29 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (l(), i("div", ps, [
-      t("div", hs, [
-        t("div", ms, [
+    return (a, r) => (l(), i("div", hs, [
+      t("div", ms, [
+        t("div", vs, [
           c(a.$slots, "filter-dropdowns")
         ]),
-        t("div", vs, [
+        t("div", fs, [
           c(a.$slots, "filter-chips"),
           e.hasChips ? (l(), i("button", {
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
-          }, n(e.removeAll), 1)) : m("", !0)
+          }, n(e.removeAll), 1)) : h("", !0)
         ])
       ])
     ]));
   }
-}), gs = /* @__PURE__ */ f(fs, [["__scopeId", "data-v-31c1ba00"]]), N = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), bs = { class: "footer__wrapper" }, ys = { class: "footer__content" }, $s = { class: "footer__sections" }, ks = { class: "section__title" }, ws = { class: "section__list" }, Ss = { class: "section" }, Bs = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Is = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), qs = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ls = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Vs = /* @__PURE__ */ N(() => /* @__PURE__ */ t("br", null, null, -1)), Ds = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Cs = { class: "footer__bottom" }, As = { class: "copyright" }, Ps = { class: "footer__policy" }, Ms = /* @__PURE__ */ N(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Os = {
+}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), ys = { class: "footer__wrapper" }, $s = { class: "footer__content" }, ks = { class: "footer__sections" }, ws = { class: "section__title" }, Ss = { class: "section__list" }, Bs = { class: "section" }, Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), As = { class: "footer__bottom" }, Ps = { class: "copyright" }, Ms = { class: "footer__policy" }, Os = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fs = {
   key: 0,
   class: "footer__social"
-}, Fs = ["href", "aria-label"], Es = {
+}, Es = ["href", "aria-label"], Rs = {
   key: 1,
   class: "footer__social"
-}, Rs = ["href", "aria-label"], Hs = /* @__PURE__ */ g({
+}, Hs = ["href", "aria-label"], Ns = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -1934,30 +1930,30 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (l(), i("div", bs, [
-      t("footer", ys, [
-        t("div", $s, [
+    return (a, r) => (l(), i("div", ys, [
+      t("footer", $s, [
+        t("div", ks, [
           (l(!0), i(P, null, M(a.footerSections, (s) => (l(), i("div", {
             key: s.title,
             class: "section"
           }, [
-            t("span", ks, n(s.title), 1),
+            t("span", ws, n(s.title), 1),
             t("nav", null, [
-              t("ul", ws, [
+              t("ul", Ss, [
                 c(a.$slots, "section-links", {
                   links: s.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", Ss, [
-            Bs,
+          t("div", Bs, [
+            Is,
             t("address", null, [
-              Is,
               qs,
               Ls,
               Vs,
-              S(C, {
+              Cs,
+              S(T, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -1967,7 +1963,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                 ]),
                 _: 1
               }),
-              S(C, {
+              S(T, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
@@ -1980,23 +1976,23 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
             ])
           ])
         ]),
-        t("div", Cs, [
-          t("p", As, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", Ps, [
+        t("div", As, [
+          t("p", Ps, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", Ms, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                Ms,
-                Q(n(a.changeRegion), 1)
+                Os,
+                x(n(a.changeRegion), 1)
               ])
             ]),
             c(a.$slots, "footer-privacy-link"),
             c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (l(), i("div", Os, [
-            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), D(C, {
+          a.language !== "zh" ? (l(), i("div", Fs, [
+            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), D(T, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2010,14 +2006,14 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
+                    class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, Fs)
+                ], 8, Es)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (l(), i("div", Es, [
-            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), D(C, {
+          ])) : (l(), i("div", Rs, [
+            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), D(T, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2031,9 +2027,9 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                   t("i", {
                     width: "19",
                     height: "14",
-                    class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
+                    class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, Rs)
+                ], 8, Hs)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2042,58 +2038,61 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), Ns = /* @__PURE__ */ f(Hs, [["__scopeId", "data-v-aa82b03d"]]), zs = { class: "header__wrapper" }, js = { class: "nav-wrapper" }, Us = { class: "mir-link-logo" }, Ks = { class: "main-nav-items" }, Gs = {
+}), zs = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-aa82b03d"]]), fe = (e) => (E("data-v-f6628d88"), e = e(), R(), e), js = { class: "header__wrapper" }, Us = { class: "nav-wrapper" }, Ks = { class: "mir-link-logo" }, Gs = { class: "main-nav-items" }, Js = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Js = {
+}, Ws = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Ws = {
+}, Ys = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Ys = { class: "dropdown-content" }, Qs = { class: "nav-search-wrapper" }, Zs = ["src"], Xs = {
+}, Qs = { class: "dropdown-content" }, Zs = {
   key: 1,
+  class: "nav-search-wrapper"
+}, Xs = ["src"], xs = {
+  key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, xs = {
-  key: 0,
+}, ei = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portalswitchericon",
-  width: "20",
-  height: "20"
-}, ei = {
-  key: 1,
-  src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
-  alt: "portalswitchericon",
-  width: "20",
-  height: "20"
-}, ti = { class: "portal-switcher-content" }, ai = {
-  key: 2,
+  width: "15",
+  height: "15"
+}, null, -1)), ti = [
+  ei
+], ai = { class: "portal-switcher-content" }, oi = { class: "portal-switcher-links" }, li = ["href"], si = ["src"], ii = {
+  key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, oi = {
+}, ri = {
   key: 0,
+  class: "profile-dropdown-sign-in"
+}, ni = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
-  width: "20",
-  height: "20"
-}, li = {
-  key: 1,
-  src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
-  alt: "profiledropdownicon",
-  width: "20",
-  height: "20"
-}, si = { class: "profile-dropdown-content" }, ii = { class: "mobile-logo-search-burger-wrapper" }, ri = { class: "mobile-mir-link-logo" }, ni = { class: "mobile-search-wrapper" }, di = ["src"], ci = ["src"], ui = { class: "mobile-menu-content-wrapper" }, _i = { class: "mobile-dropdown-content" }, pi = /* @__PURE__ */ g({
+  width: "15",
+  height: "15"
+}, null, -1)), di = [
+  ni
+], ci = { class: "profile-dropdown-content" }, ui = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, pi = {
+  key: 0,
+  class: "mobile-search-wrapper"
+}, hi = ["src"], mi = ["src"], vi = { class: "mobile-menu-content-wrapper" }, fi = { class: "mobile-dropdown-content" }, gi = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
       type: Boolean,
       default: !1
     },
+    search: {
+      type: Boolean,
+      default: !0
+    },
     showDropDown: {
       type: Boolean,
       default: !1
@@ -2110,10 +2109,18 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       type: Boolean,
       default: !1
     },
+    portals: {
+      type: Array,
+      default: () => []
+    },
     showProfileDropDown: {
       type: Boolean,
       default: !1
     },
+    isAuthenticated: {
+      type: Boolean,
+      default: !1
+    },
     useProfileDropdown: {
       type: Boolean,
       default: !1
@@ -2129,170 +2136,194 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   setup(e, { expose: a, emit: r }) {
     let s = null;
     const o = e;
-    let _ = q(o.burgerState), u = q(o.showDropDown), p = q(o.showPortalSwitcherDropDown), w = q(o.showProfileDropDown);
-    te(
+    let u = q(o.burgerState), p = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
+    W(
       () => o.burgerState,
-      (b) => _.value = b
-    ), te(
-      () => o.showDropDown,
       (b) => u.value = b
-    ), te(
-      () => o.showPortalSwitcherDropDown,
+    ), W(
+      () => o.search,
       (b) => p.value = b
-    ), te(
+    ), W(
+      () => o.showDropDown,
+      (b) => _.value = b
+    ), W(
+      () => o.showPortalSwitcherDropDown,
+      (b) => B.value = b
+    ), W(
       () => o.showProfileDropDown,
+      (b) => v.value = b
+    ), W(
+      () => o.isAuthenticated,
       (b) => w.value = b
-    ), pe(() => {
+    ), me(() => {
       s = (b) => {
-        b.target.closest("#menu-dropdown") || (u.value = !1), b.target.closest("#menu-portal-switcher") || (p.value = !1), b.target.closest("#menu-profile-dropdown") || (w.value = !1);
+        b.target.closest("#menu-dropdown") || (_.value = !1), b.target.closest("#menu-portal-switcher") || (B.value = !1), b.target.closest("#menu-profile-dropdown") || (v.value = !1);
       }, window.addEventListener("click", s);
-    }), Se(() => {
+    }), Be(() => {
       s !== null && window.removeEventListener("click", s);
     });
-    const v = r;
-    function B() {
-      u.value = !u.value, v("update:showDropDown", u.value);
+    const L = r;
+    function oe() {
+      _.value = !_.value, L("update:showDropDown", _.value);
     }
-    function T() {
-      p.value = !p.value, v("update:showPortalSwitcherDropDown", p.value);
+    function le() {
+      B.value = !B.value, L("update:showPortalSwitcherDropDown", B.value);
     }
-    function ae() {
-      w.value = !w.value, v("update:showProfileDropDown", w.value);
+    function se() {
+      v.value = !v.value, L("update:showProfileDropDown", v.value);
     }
-    function oe() {
-      _.value = !_.value, v("update:burgerState", _.value);
+    function ie() {
+      u.value = !u.value, L("update:burgerState", u.value);
     }
-    let U = q(null), x = q(null);
-    function le() {
-      U.value && U.value.blur();
+    let G = q(null), Z = q(null);
+    function re() {
+      G.value && G.value.blur();
     }
     return a({
-      defocusSearchButton: le
-    }), (b, K) => (l(), i("div", zs, [
+      defocusSearchButton: re
+    }), (b, N) => (l(), i("div", js, [
       t("nav", null, [
-        t("div", js, [
-          t("div", Us, [
+        t("div", Us, [
+          t("div", Ks, [
             c(b.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", Ks, [
+          t("ul", Gs, [
             c(b.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (l(), i("div", Gs, [
+          e.useDropdown ? (l(), i("div", Js, [
             t("button", {
               class: "nav-dropdown-btn",
-              onClick: B
+              onClick: oe
             }, [
               c(b.$slots, "dropdown-title", {}, void 0, !0),
-              I(u) === !1 ? (l(), i("img", Js)) : (l(), i("img", Ws))
+              I(_) === !1 ? (l(), i("img", Ws)) : (l(), i("img", Ys))
             ]),
-            j(t("div", Ys, [
+            K(t("div", Qs, [
               c(b.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [J, I(u)]
+              [Y, I(_)]
             ])
-          ], 512)) : m("", !0),
-          t("div", Qs, [
+          ], 512)) : h("", !0),
+          I(p) ? (l(), i("div", Zs, [
             t("button", {
               ref_key: "navSearchButton",
-              ref: U,
+              ref: G,
               class: "search-icon",
-              onClick: K[0] || (K[0] = (se) => {
-                var z;
-                return b.$emit("clickSearch"), (z = I(U)) == null ? void 0 : z.blur();
+              onClick: N[0] || (N[0] = (U) => {
+                var O;
+                return b.$emit("clickSearch"), (O = I(G)) == null ? void 0 : O.blur();
               })
             }, [
               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",
+                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",
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, Zs)
+              }, null, 8, Xs)
             ], 512)
-          ]),
-          e.usePortalSwitcher ? (l(), i("div", Xs, [
+          ])) : h("", !0),
+          e.usePortalSwitcher ? (l(), i("div", xs, [
             t("button", {
               class: "nav-portal-switcher-btn",
-              onClick: T
-            }, [
-              c(b.$slots, "portal-switcher-title", {}, void 0, !0),
-              I(p) === !1 ? (l(), i("img", xs)) : (l(), i("img", ei))
-            ]),
-            j(t("div", ti, [
-              c(b.$slots, "portal-switcher-links", {}, void 0, !0)
+              onClick: le
+            }, ti),
+            K(t("div", ai, [
+              t("ul", oi, [
+                (l(!0), i(P, null, M(e.portals, (U, O) => (l(), i("li", {
+                  key: O,
+                  class: "portal-switcher-link"
+                }, [
+                  S(I(T), { "link-type": "regular" }, {
+                    default: $(() => [
+                      t("a", {
+                        href: U.link,
+                        onClick: N[1] || (N[1] = (ue) => ne(_) ? _.value = !1 : _ = !1)
+                      }, [
+                        t("img", {
+                          src: U.icon
+                        }, null, 8, si),
+                        t("div", null, n(U.name), 1)
+                      ], 8, li)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]))), 128))
+              ])
             ], 512), [
-              [J, I(p)]
+              [Y, I(B)]
             ])
-          ])) : m("", !0),
-          e.useProfileDropdown ? (l(), i("div", ai, [
-            t("button", {
+          ])) : h("", !0),
+          e.useProfileDropdown ? (l(), i("div", ii, [
+            I(w) ? h("", !0) : (l(), i("div", ri, [
+              c(b.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
+            ])),
+            I(w) ? (l(), i("button", {
+              key: 1,
               class: "nav-profile-dropdown-btn",
-              onClick: ae
-            }, [
-              c(b.$slots, "porfile-dropdown-title", {}, void 0, !0),
-              I(w) === !1 ? (l(), i("img", oi)) : (l(), i("img", li))
-            ]),
-            j(t("div", si, [
+              onClick: se
+            }, di)) : h("", !0),
+            K(t("div", ci, [
               c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
-              [J, I(w)]
+              [Y, I(v)]
             ])
-          ])) : m("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
-          class: h(["mobile-nav-wrapper", I(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", ii, [
-            t("div", ri, [
+          t("div", ui, [
+            t("div", _i, [
               c(b.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", ni, [
+            I(p) ? (l(), i("div", pi, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: x,
+                ref: Z,
                 class: "search-icon",
                 "aria-label": "Toggle search",
-                onClick: K[1] || (K[1] = (se) => {
-                  var z;
-                  return b.$emit("clickSearch"), (z = I(x)) == null ? void 0 : z.blur();
+                onClick: N[2] || (N[2] = (U) => {
+                  var O;
+                  return b.$emit("clickSearch"), (O = I(Z)) == null ? void 0 : O.blur();
                 })
               }, [
                 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",
+                  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",
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, di)
+                }, null, 8, hi)
               ], 512)
-            ]),
+            ])) : h("", !0),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: ue(oe, ["prevent"])
+              onClick: pe(ie, ["prevent"])
             }, [
               t("img", {
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                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, ci)
+                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, mi)
             ])
           ]),
-          j(t("div", ui, [
+          K(t("div", vi, [
             t("ul", null, [
               c(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", _i, [
+            t("ul", fi, [
               c(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
               c(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [J, I(_)]
+            [Y, I(u)]
           ])
         ], 2)
       ])
     ]));
   }
-}), hi = /* @__PURE__ */ f(pi, [["__scopeId", "data-v-d641eedd"]]), mi = { class: "language__wrapper" }, vi = { class: "language__content" }, fi = { class: "language__headline" }, gi = { class: "language__paragraph" }, bi = { class: "language__links" }, yi = /* @__PURE__ */ g({
+}), bi = /* @__PURE__ */ f(gi, [["__scopeId", "data-v-f6628d88"]]), yi = { class: "language__wrapper" }, $i = { class: "language__content" }, ki = { class: "language__headline" }, wi = { class: "language__paragraph" }, Si = { class: "language__links" }, Bi = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2305,17 +2336,17 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", mi, [
-      t("div", vi, [
-        t("h2", fi, n(e.headline), 1),
-        t("p", gi, n(e.paragraph), 1),
-        t("div", bi, [
+    return (a, r) => (l(), i("div", yi, [
+      t("div", $i, [
+        t("h2", ki, n(e.headline), 1),
+        t("p", wi, n(e.paragraph), 1),
+        t("div", Si, [
           c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), $i = /* @__PURE__ */ f(yi, [["__scopeId", "data-v-dc8cc97e"]]), ki = { class: "pagination__wrapper" }, wi = { class: "pagination__content" }, Si = /* @__PURE__ */ g({
+}), Ii = /* @__PURE__ */ f(Bi, [["__scopeId", "data-v-dc8cc97e"]]), qi = { class: "pagination__wrapper" }, Li = { class: "pagination__content" }, Vi = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2329,16 +2360,16 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (l(), i("div", ki, [
-      t("div", wi, [
-        S(Z, {
+    return (a, r) => (l(), i("div", qi, [
+      t("div", Li, [
+        S(ae, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
         c(a.$slots, "pagination-numbers"),
-        S(Z, {
+        S(ae, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
@@ -2347,19 +2378,19 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), Bi = /* @__PURE__ */ f(Si, [["__scopeId", "data-v-da6d07c9"]]), Ii = {}, qi = { class: "search__wrapper" };
-function Li(e, a) {
-  return l(), i("div", qi, [
+}), Ci = /* @__PURE__ */ f(Vi, [["__scopeId", "data-v-da6d07c9"]]), Di = {}, Ti = { class: "search__wrapper" };
+function Ai(e, a) {
+  return l(), i("div", Ti, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82"]]), Di = { class: "product-hero__wrapper" }, Ti = { class: "product-hero__content" }, Ci = { class: "product-hero__headline" }, Ai = { class: "product-hero__video" }, Pi = { class: "product-hero__insignia" }, Mi = {
+const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82"]]), Mi = { class: "product-hero__wrapper" }, Oi = { class: "product-hero__content" }, Fi = { class: "product-hero__headline" }, Ei = { class: "product-hero__video" }, Ri = { class: "product-hero__insignia" }, Hi = {
   key: 0,
   class: "product-hero__logo"
-}, Oi = {
+}, Ni = {
   key: 1,
   class: "product-hero__certification"
-}, Fi = /* @__PURE__ */ g({
+}, zi = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -2394,11 +2425,11 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Di, [
-      t("div", Ti, [
-        t("div", Ci, n(e.headline), 1),
-        t("div", Ai, [
-          e.videoSrc !== "" ? (l(), D(X, {
+    return (a, r) => (l(), i("div", Mi, [
+      t("div", Oi, [
+        t("div", Fi, n(e.headline), 1),
+        t("div", Ei, [
+          e.videoSrc !== "" ? (l(), D(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2415,29 +2446,29 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
             ]),
             _: 3
           })),
-          t("div", Pi, [
-            e.logoSrc ? (l(), i("div", Mi, [
+          t("div", Ri, [
+            e.logoSrc ? (l(), i("div", Hi, [
               S(I(A), null, {
                 default: $(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : m("", !0),
-            e.isCertified ? (l(), i("div", Oi, [
+            ])) : h("", !0),
+            e.isCertified ? (l(), i("div", Ni, [
               S(I(A), null, {
                 default: $(() => [
                   c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : m("", !0)
+            ])) : h("", !0)
           ])
         ])
       ])
     ]));
   }
-}), Ei = /* @__PURE__ */ f(Fi, [["__scopeId", "data-v-deab9c3a"]]), Ri = { class: "promo__content" }, Hi = { class: "pallet-jack__media-wrap" }, Ni = { class: "pallet-jack-link" }, zi = { class: "pallet-jack__media-wrap__inner-wrap" }, ji = { class: "pallet-jack__media-wrap__content-wrap" }, Ui = { class: "regular-blue" }, Ki = /* @__PURE__ */ g({
+}), ji = /* @__PURE__ */ f(zi, [["__scopeId", "data-v-deab9c3a"]]), Ui = { class: "promo__content" }, Ki = { class: "pallet-jack__media-wrap" }, Gi = { class: "pallet-jack-link" }, Ji = { class: "pallet-jack__media-wrap__inner-wrap" }, Wi = { class: "pallet-jack__media-wrap__content-wrap" }, Yi = { class: "regular-blue" }, Qi = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2455,54 +2486,54 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = V(() => a[r.variant]);
-    return (o, _) => (l(), i("div", {
-      class: h([
+    }, r = e, s = C(() => a[r.variant]);
+    return (o, u) => (l(), i("div", {
+      class: m([
         "promo__wrapper",
         s.value,
         o.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", Ri, [
+      t("div", Ui, [
         t("div", {
-          class: h([
+          class: m([
             "promo__video",
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", Hi, [
-            t("div", Ni, [
+          t("div", Ki, [
+            t("div", Gi, [
               c(o.$slots, "pallet-jack-link")
             ]),
-            t("div", zi, [
+            t("div", Ji, [
               c(o.$slots, "pallet-jack-video")
             ]),
-            t("div", ji, [
-              t("h3", Ui, n(o.headline), 1),
+            t("div", Wi, [
+              t("h3", Yi, n(o.headline), 1),
               t("p", null, n(o.shortDescription), 1)
             ])
           ])
         ], 2),
         t("div", {
-          class: h([
+          class: m([
             "promo__text",
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), D(W, {
+          o.label ? (l(), D(Q, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : m("", !0),
+          }, null, 8, ["text", "label-dark"])) : h("", !0),
           t("div", {
-            class: h([
+            class: m([
               "promo__title",
               o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
             c(o.$slots, "promo-text")
           ], 2),
-          o.linkType === "link" ? (l(), D(C, {
+          o.linkType === "link" ? (l(), D(T, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -2511,8 +2542,8 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : m("", !0),
-          o.linkType === "button" ? (l(), D(C, {
+          }, 8, ["link-type"])) : h("", !0),
+          o.linkType === "button" ? (l(), D(T, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2520,62 +2551,62 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : m("", !0)
+          }, 8, ["link-type"])) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), Gi = /* @__PURE__ */ f(Ki, [["__scopeId", "data-v-00c0bad3"]]), Wi = {
+}), Zi = /* @__PURE__ */ f(Qi, [["__scopeId", "data-v-00c0bad3"]]), xi = {
   install: (e) => {
-    e.component("AtomButton", Z), e.component("AtomCheckbox", Ce), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", W), e.component("AtomLink", C), e.component("AtomRadioButton", ot), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Rt), e.component("AtomVideo", X), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", he), e.component("MoleculeTextCard", Sa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Na), e.component("BlockFormScript", Ya), e.component("BlockHeadline", _o), e.component("BlockHero", Bo), e.component("BlockImage", to), e.component("BlockImageGallery", ro), e.component("BlockLogoWall", Po), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Uo), e.component("BlockProductHero", Ei), e.component("BlockPromo", el), e.component("BlockQuote", pl), e.component("BlockRichText", gl), e.component("BlockRichTextColumns", Bl), e.component("BlockTimeline", Ml), e.component("BlockCardDisplay", Zo), e.component("BlockVimeo", Nl), e.component("BlockPalletJack", Gi), e.component("BlockFrontPageHero", is), e.component("Organism404", _s), e.component("OrganismFilter", gs), e.component("OrganismFooter", Ns), e.component("OrganismHeader", hi), e.component("OrganismLanguageSwitcher", $i), e.component("OrganismPagination", Bi), e.component("OrganismSearch", Vi);
+    e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Vt), e.component("AtomTextField", Ht), e.component("AtomVideo", ee), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Pa), e.component("BlockFeatures", za), e.component("BlockFormScript", Qa), e.component("BlockHeadline", po), e.component("BlockHero", Io), e.component("BlockImage", ao), e.component("BlockImageGallery", no), e.component("BlockLogoWall", Mo), e.component("BlockMicroStories", Ho), e.component("BlockPolicy", Ko), e.component("BlockProductHero", ji), e.component("BlockPromo", tl), e.component("BlockQuote", hl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Zi), e.component("BlockFrontPageHero", rs), e.component("Organism404", ps), e.component("OrganismFilter", bs), e.component("OrganismFooter", zs), e.component("OrganismHeader", bi), e.component("OrganismLanguageSwitcher", Ii), e.component("OrganismPagination", Ci), e.component("OrganismSearch", Pi);
   }
 };
 export {
-  Z as AtomButton,
-  Ce as AtomCheckbox,
-  Fe as AtomChip,
-  Ke as AtomDropdown,
+  ae as AtomButton,
+  Ae as AtomCheckbox,
+  Ee as AtomChip,
+  Ge as AtomDropdown,
   A as AtomImage,
-  W as AtomLabel,
-  C as AtomLink,
-  ot as AtomRadioButton,
-  dt as AtomSelect,
-  yt as AtomSlider,
-  Rt as AtomTextField,
-  Lt as AtomTextarea,
-  X as AtomVideo,
-  Zo as BlockCardDisplay,
-  Aa as BlockFacts,
-  Na as BlockFeatures,
-  Ya as BlockFormScript,
-  is as BlockFrontPageHero,
-  _o as BlockHeadline,
-  Bo as BlockHero,
-  to as BlockImage,
-  ro as BlockImageGallery,
-  Po as BlockLogoWall,
-  Ro as BlockMicroStories,
-  Gi as BlockPalletJack,
-  Uo as BlockPolicy,
-  Ei as BlockProductHero,
-  el as BlockPromo,
-  pl as BlockQuote,
-  gl as BlockRichText,
-  Bl as BlockRichTextColumns,
-  Ml as BlockTimeline,
-  Nl as BlockVimeo,
-  ta as MoleculeAddress,
-  ia as MoleculeBulletList,
-  ua as MoleculeCard,
-  ba as MoleculeEventCard,
-  he as MoleculeModal,
-  Sa as MoleculeTextCard,
-  _s as Organism404,
-  gs as OrganismFilter,
-  Ns as OrganismFooter,
-  hi as OrganismHeader,
-  $i as OrganismLanguageSwitcher,
-  Bi as OrganismPagination,
-  Vi as OrganismSearch,
-  Wi as default
+  Q as AtomLabel,
+  T as AtomLink,
+  lt as AtomRadioButton,
+  ct as AtomSelect,
+  $t as AtomSlider,
+  Ht as AtomTextField,
+  Vt as AtomTextarea,
+  ee as AtomVideo,
+  Xo as BlockCardDisplay,
+  Pa as BlockFacts,
+  za as BlockFeatures,
+  Qa as BlockFormScript,
+  rs as BlockFrontPageHero,
+  po as BlockHeadline,
+  Io as BlockHero,
+  ao as BlockImage,
+  no as BlockImageGallery,
+  Mo as BlockLogoWall,
+  Ho as BlockMicroStories,
+  Zi as BlockPalletJack,
+  Ko as BlockPolicy,
+  ji as BlockProductHero,
+  tl as BlockPromo,
+  hl as BlockQuote,
+  bl as BlockRichText,
+  Il as BlockRichTextColumns,
+  Ol as BlockTimeline,
+  zl as BlockVimeo,
+  aa as MoleculeAddress,
+  ra as MoleculeBulletList,
+  _a as MoleculeCard,
+  ya as MoleculeEventCard,
+  ve as MoleculeModal,
+  Ba as MoleculeTextCard,
+  ps as Organism404,
+  bs as OrganismFilter,
+  zs as OrganismFooter,
+  bi as OrganismHeader,
+  Ii as OrganismLanguageSwitcher,
+  Ci as OrganismPagination,
+  Pi as OrganismSearch,
+  xi as default
 };