@mirweb/mir-web-components 1.4.15 → 1.4.17

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as d, pushScopeId as H, popScopeId as R, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as A, renderList as P, vShow as Q, normalizeProps as F, guardReactiveProps as E, toRefs as ke, mergeProps as de, createVNode as B, Transition as we, withCtx as $, withModifiers as _e, createBlock as T, createCommentVNode as p, watchEffect as he, withKeys as Se, useSlots as Be, normalizeStyle as oe, isRef as ne, unref as I, onMounted as pe, watch as Y, onUnmounted as Ie } from "vue";
+import { defineComponent as g, computed as C, openBlock as o, createElementBlock as s, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as F, popScopeId as H, createTextVNode as G, ref as q, resolveDirective as ue, withDirectives as K, Fragment as A, renderList as P, vShow as Q, normalizeProps as z, guardReactiveProps as E, toRefs as ke, mergeProps as de, createVNode as B, Transition as we, withCtx as $, withModifiers as _e, createBlock as T, createCommentVNode as h, watchEffect as pe, withKeys as Se, useSlots as Be, normalizeStyle as oe, isRef as ne, unref as I, onMounted as he, watch as Y, onUnmounted as Ie } from "vue";
 const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -15,7 +15,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       next: "next",
       previous: "previous"
     }, r = e, i = C(() => a[r.variant]);
-    return (l, c) => (o(), s("button", {
+    return (l, u) => (o(), s("button", {
       class: m(["button", "button--" + i.value]),
       "aria-label": l.ariaLabel
     }, n(i.value === "close" ? "" : l.buttonText), 11, qe));
@@ -25,7 +25,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   for (const [i, l] of a)
     r[i] = l;
   return r;
-}, ae = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (H("data-v-0c4c6d8e"), e = e(), R(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ g({
+}, ae = /* @__PURE__ */ f(Le, [["__scopeId", "data-v-f61b579c"]]), De = (e) => (F("data-v-0c4c6d8e"), e = e(), H(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], Te = ["for"], Ve = /* @__PURE__ */ De(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ae = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -38,10 +38,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, i = (l) => {
-      const c = l.target;
-      r("input", c.checked);
+      const u = l.target;
+      r("input", u.checked);
     };
-    return (l, c) => (o(), s("div", {
+    return (l, u) => (o(), s("div", {
       class: m(["checkbox__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -60,15 +60,15 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         class: m(["checkbox__label", l.required ? "required" : ""])
       }, [
         Ve,
-        d(l.$slots, "default", {}, void 0, !0)
+        c(l.$slots, "default", {}, void 0, !0)
       ], 10, Te)
     ], 2));
   }
-}), me = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (H("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
+}), me = /* @__PURE__ */ f(Ae, [["__scopeId", "data-v-0c4c6d8e"]]), Pe = (e) => (F("data-v-08813346"), e = e(), H(), 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)), Fe = /* @__PURE__ */ g({
+}, null, -1)), ze = /* @__PURE__ */ g({
   __name: "chip",
   props: {
     text: { default: "" }
@@ -78,7 +78,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     const a = e, r = C(() => `Chip: ${a.text}`);
     return (i, l) => (o(), s("div", {
       class: "chip__wrapper",
-      onClick: l[0] || (l[0] = (c) => i.$emit("remove-chip"))
+      onClick: l[0] || (l[0] = (u) => i.$emit("remove-chip"))
     }, [
       t("span", {
         class: "chip",
@@ -89,7 +89,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 8, Me)
     ]));
   }
-}), He = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), Re = ["value"], ze = ["id"], Ee = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ke = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
+}), Fe = /* @__PURE__ */ f(ze, [["__scopeId", "data-v-08813346"]]), He = ["value"], Re = ["id"], Ee = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ke = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -107,45 +107,45 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, i = e, l = C(() => r[i.variant]), c = q(null), _ = q(null), u = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), x = a, le = C(() => {
-      const h = i.options.find(
+    }, i = e, l = C(() => r[i.variant]), u = q(null), d = q(null), _ = q([]), b = q(0), v = q(""), k = q(!0), w = q(0), x = a, le = C(() => {
+      const p = i.options.find(
         (S) => S.value === i.modelValue
       );
-      return h && h.label;
+      return p && p.label;
     });
-    function se(h) {
-      x("update:modelValue", h);
+    function se(p) {
+      x("update:modelValue", p);
     }
-    function ie(h) {
+    function ie(p) {
       var L;
-      const S = h.target;
-      S.getAttribute("role") === "option" && (J(S), te(), (L = c.value) == null || L.focus());
+      const S = p.target;
+      S.getAttribute("role") === "option" && (J(S), te(), (L = u.value) == null || L.focus());
     }
-    function U(h) {
+    function U(p) {
       var L;
-      const S = h.key;
+      const S = p.key;
       switch (S) {
         case "ArrowUp":
         case "ArrowDown": {
-          h.preventDefault();
+          p.preventDefault();
           const D = i.options.findIndex(
             (W) => W.value === i.modelValue
           );
-          let O = D ? u.value[D] : u.value[0];
-          S === "ArrowUp" ? D - 1 >= 0 && (O = u.value[D - 1]) : D + 1 <= i.options.length && (O = u.value[D + 1]), O && J(O);
+          let O = D ? _.value[D] : _.value[0];
+          S === "ArrowUp" ? D - 1 >= 0 && (O = _.value[D - 1]) : D + 1 <= i.options.length && (O = _.value[D + 1]), O && J(O);
           break;
         }
         case "Home":
         case "PageUp":
-          h.preventDefault(), z();
+          p.preventDefault(), R();
           break;
         case "End":
         case "PageDown":
-          h.preventDefault(), be();
+          p.preventDefault(), be();
           break;
         case "Enter":
         case "Escape":
-          h.preventDefault(), te(), (L = c.value) == null || L.focus();
+          p.preventDefault(), te(), (L = u.value) == null || L.focus();
           break;
         default: {
           const D = N(S);
@@ -154,121 +154,121 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         }
       }
     }
-    function ee(h) {
+    function ee(p) {
       if (!i.disabled)
-        switch (h.key) {
+        switch (p.key) {
           case "ArrowUp":
           case "ArrowDown":
-            h.preventDefault(), ce(), U(h);
+            p.preventDefault(), ce(), U(p);
             break;
         }
     }
-    function re(h) {
-      h && h.removeAttribute("aria-selected");
+    function re(p) {
+      p && p.removeAttribute("aria-selected");
     }
     function y() {
       b.value && (clearTimeout(b.value), b.value = 0), b.value = setTimeout(() => {
         v.value = "", b.value = 0;
       }, 500);
     }
-    function N(h) {
+    function N(p) {
       let S = "";
-      (v.value === "" || S !== h) && (w.value = i.options.findIndex(
+      (v.value === "" || S !== p) && (w.value = i.options.findIndex(
         (D) => D.value === i.modelValue
-      )), v.value = S === h ? h : v.value + h, S = h, y();
+      )), v.value = S === p ? p : v.value + p, S = p, y();
       let L = j(
         w.value + 1,
         i.options.length
       );
       return !L && v.value.length === 1 && (L = j(0, w.value)), w.value = (w.value + 1) % i.options.length, L;
     }
-    function j(h, S) {
-      for (let L = h; L < S; L++)
+    function j(p, S) {
+      for (let L = p; L < S; L++)
         if (i.options[L].label && i.options[L].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
-          return u.value[L];
+          return _.value[L];
       return null;
     }
-    function z() {
-      J(u.value[0]);
+    function R() {
+      J(_.value[0]);
     }
-    function J(h) {
+    function J(p) {
       var L, D;
-      const S = h.getAttribute("data-value");
+      const S = p.getAttribute("data-value");
       if (i.modelValue) {
         const O = i.options.findIndex(
           ($e) => $e.value === i.modelValue
-        ), W = u.value[O];
+        ), W = _.value[O];
         re(W);
       }
-      if (h.setAttribute("aria-selected", "true"), (L = _.value) == null || L.setAttribute(
+      if (p.setAttribute("aria-selected", "true"), (L = d.value) == null || L.setAttribute(
         "aria-activedescendant",
         S || ""
-      ), se(S || ""), _.value && _.value.scrollHeight > _.value.clientHeight) {
-        const O = _.value.clientHeight + _.value.scrollTop, W = h.offsetTop + h.offsetHeight;
-        W > O ? _.value.scrollTop = W - ((D = _.value) == null ? void 0 : D.clientHeight) : h.offsetTop < _.value.scrollTop && (_.value.scrollTop = h.offsetTop);
+      ), se(S || ""), d.value && d.value.scrollHeight > d.value.clientHeight) {
+        const O = d.value.clientHeight + d.value.scrollTop, W = p.offsetTop + p.offsetHeight;
+        W > O ? d.value.scrollTop = W - ((D = d.value) == null ? void 0 : D.clientHeight) : p.offsetTop < d.value.scrollTop && (d.value.scrollTop = p.offsetTop);
       }
     }
     function be() {
       var S;
-      const h = (S = u.value) == null ? void 0 : S[i.options.length - 1];
-      J(h);
+      const p = (S = _.value) == null ? void 0 : S[i.options.length - 1];
+      J(p);
     }
     function te() {
-      var h;
-      k.value = !0, (h = c.value) == null || h.removeAttribute("aria-expanded");
+      var p;
+      k.value = !0, (p = u.value) == null || p.removeAttribute("aria-expanded");
     }
     function ce() {
-      var h, S;
-      k.value = !1, (h = c.value) == null || h.setAttribute("aria-expanded", "true"), (S = _.value) == null || S.focus();
+      var p, S;
+      k.value = !1, (p = u.value) == null || p.setAttribute("aria-expanded", "true"), (S = d.value) == null || S.focus();
     }
     function ye() {
       i.disabled || (k.value ? ce() : te());
     }
-    return (h, S) => {
+    return (p, S) => {
       const L = ue("click-outside");
       return o(), s("div", {
         ref: "listbox",
         class: "listbox__wrapper",
-        value: h.modelValue
+        value: p.modelValue
       }, [
         t("label", {
-          id: `${h.name}-label`,
+          id: `${p.name}-label`,
           class: m([{
-            "listbox__label--visually-hidden": !h.showLabel,
-            "is-disabled": h.disabled,
-            "is-required": h.required
+            "listbox__label--visually-hidden": !p.showLabel,
+            "is-disabled": p.disabled,
+            "is-required": p.required
           }, "listbox__label"])
-        }, n(h.label), 11, ze),
+        }, n(p.label), 11, Re),
         K((o(), s("div", Ee, [
           t("button", {
-            id: `${h.name}-button-label`,
+            id: `${p.name}-button-label`,
             ref_key: "listboxButton",
-            ref: c,
-            "aria-labelledby": `${h.name}-label ${h.name}-button-label`,
+            ref: u,
+            "aria-labelledby": `${p.name}-label ${p.name}-button-label`,
             type: "button",
             "aria-haspopup": "listbox",
-            "aria-disabled": h.disabled,
+            "aria-disabled": p.disabled,
             class: m(["listbox__button", l.value]),
             onClick: ye,
             onKeydown: ee
-          }, n(h.modelValue ? le.value : h.placeholder), 43, Ne),
+          }, n(p.modelValue ? le.value : p.placeholder), 43, Ne),
           K(t("ul", {
             ref_key: "listboxNode",
-            ref: _,
-            "aria-labelledby": `${h.name}-label`,
-            "aria-activedescendant": h.modelValue,
+            ref: d,
+            "aria-labelledby": `${p.name}-label`,
+            "aria-activedescendant": p.modelValue,
             tabindex: "0",
             role: "listbox",
             class: "listbox__list",
             onKeydown: U,
             onClick: ie
           }, [
-            (o(!0), s(A, null, P(h.options, (D, O) => (o(), s("li", {
-              key: `${h.name}-option-${O}`,
+            (o(!0), s(A, null, P(p.options, (D, O) => (o(), s("li", {
+              key: `${p.name}-option-${O}`,
               ref_for: !0,
               ref_key: "listboxOptions",
-              ref: u,
-              "aria-selected": D.value === h.modelValue,
+              ref: _,
+              "aria-selected": D.value === p.modelValue,
               "data-value": D.value,
               class: "listbox__option",
               role: "option"
@@ -279,7 +279,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         ])), [
           [L, te]
         ])
-      ], 8, Re);
+      ], 8, He);
     };
   }
 }), Ge = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-a17afd8c"]]), Je = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
@@ -295,7 +295,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (o(), s("div", Je, [
-      d(a.$slots, "default", F(E(a.$attrs)))
+      c(a.$slots, "default", z(E(a.$attrs)))
     ]));
   }
 }), M = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ g({
@@ -336,24 +336,24 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, i = e, l = C(() => a[i.linkType]), c = C(() => r[i.underline]), _ = C(() => {
-      const { ...u } = ke(i);
-      return u;
+    }, i = e, l = C(() => a[i.linkType]), u = C(() => r[i.underline]), d = C(() => {
+      const { ..._ } = ke(i);
+      return _;
     });
-    return (u, b) => (o(), s("div", Xe, [
-      t("div", de(_.value, {
+    return (_, b) => (o(), s("div", Xe, [
+      t("div", de(d.value, {
         class: ["mir-link", [
           l.value,
-          u.disabled ? "disabled" : "",
-          c.value,
-          u.arrow ? "link-arrow" : ""
+          _.disabled ? "disabled" : "",
+          u.value,
+          _.arrow ? "link-arrow" : ""
         ]]
       }), [
-        d(u.$slots, "default")
+        c(_.$slots, "default")
       ], 16)
     ]));
   }
-}), xe = (e) => (H("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({
+}), xe = (e) => (F("data-v-fa1bda9b"), e = e(), H(), 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" },
@@ -366,10 +366,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   emits: ["input"],
   setup(e, { emit: a }) {
     const r = a, i = (l) => {
-      const c = l.target;
-      r("input", c.checked);
+      const u = l.target;
+      r("input", u.checked);
     };
-    return (l, c) => (o(), s("div", {
+    return (l, u) => (o(), s("div", {
       class: m(["radio__wrapper", l.disabled ? "disabled" : ""])
     }, [
       t("input", {
@@ -388,7 +388,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         class: m(["radio__label", l.required ? "required" : ""])
       }, [
         at,
-        d(l.$slots, "default", {}, void 0, !0)
+        c(l.$slots, "default", {}, void 0, !0)
       ], 10, tt)
     ], 2));
   }
@@ -438,43 +438,43 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     const r = e, i = a, l = () => {
       i("update:show", !r.show);
     };
-    return (c, _) => (o(), s("div", ut, [
+    return (u, d) => (o(), s("div", ut, [
       B(we, {
         duration: 300,
         name: "nested"
       }, {
         default: $(() => [
           K(t("div", {
-            class: m(["overlay", c.searchBar ? "overlay-search" : "overlay-default"]),
+            class: m(["overlay", u.searchBar ? "overlay-search" : "overlay-default"]),
             ariaLabel: "modal",
             role: "dialog",
             onClick: l
           }, [
             t("div", {
               id: "modal",
-              class: m([c.searchBar ? "search" : ""]),
-              onClick: _[0] || (_[0] = _e(() => {
+              class: m([u.searchBar ? "search" : ""]),
+              onClick: d[0] || (d[0] = _e(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                c.searchBar ? p("", !0) : (o(), T(ae, {
+                u.searchBar ? h("", !0) : (o(), T(ae, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: l
                 }))
               ]),
-              d(c.$slots, "default", {}, void 0, !0)
+              c(u.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [Q, c.show]
+            [Q, u.show]
           ])
         ]),
         _: 3
       })
     ]));
   }
-}), ve = /* @__PURE__ */ f(_t, [["__scopeId", "data-v-80f0fb08"]]), ht = { class: "slider__wrapper" }, pt = { 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({
+}), 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: {},
@@ -490,20 +490,20 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, i = a, l = q(r.modelValue), c = q(), _ = q(!1), u = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
+    const r = e, i = a, l = q(r.modelValue), u = q(), d = q(!1), _ = (v, k, w) => (v - k) / (w - k) * 100, b = (v) => {
       var k;
-      (k = c.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
+      (k = u.value) == null || k.style.setProperty("--ProgressPercent", `${v}%`);
     };
-    return he(() => {
-      if (c.value) {
+    return pe(() => {
+      if (u.value) {
         i("update:modelValue", l.value);
-        const v = u(l.value, r.min, r.max);
+        const v = _(l.value, r.min, r.max);
         let k = (50 - v) / 100;
         b(v + k);
       }
     }), (v, k) => (o(), s("div", null, [
-      t("div", ht, [
-        t("div", pt, [
+      t("div", pt, [
+        t("div", ht, [
           t("label", {
             for: v.id,
             class: m([v.variant, ""])
@@ -515,9 +515,9 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
             "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: k[0] || (k[0] = (w) => _.value = !_.value),
-            onKeyup: k[1] || (k[1] = Se((w) => _.value = !_.value, ["enter"]))
-          }, null, 42, vt)) : p("", !0)
+            onClick: k[0] || (k[0] = (w) => d.value = !d.value),
+            onKeyup: k[1] || (k[1] = Se((w) => d.value = !d.value, ["enter"]))
+          }, null, 42, vt)) : h("", !0)
         ]),
         t("div", ft, [
           t("span", {
@@ -526,7 +526,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           t("input", {
             id: v.id,
             ref_key: "slider",
-            ref: c,
+            ref: u,
             type: "range",
             name: v.name,
             value: v.modelValue,
@@ -546,14 +546,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ]),
       v.information ? (o(), T(ve, {
         key: 0,
-        show: _.value,
-        "onUpdate:show": k[3] || (k[3] = (w) => _.value = w)
+        show: d.value,
+        "onUpdate:show": k[3] || (k[3] = (w) => d.value = w)
       }, {
         default: $(() => [
           t("p", bt, n(v.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : p("", !0)
+      }, 8, ["show"])) : h("", !0)
     ]));
   }
 }), $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({
@@ -596,7 +596,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 8, St),
       t("div", It, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), s("p", qt, " Too many characters. Please make it shorter ")) : p("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (o(), s("p", qt, " Too many characters. Please make it shorter ")) : h("", !0)
         ]),
         t("p", {
           class: m(
@@ -609,13 +609,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
 }), Dt = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Ct = { class: "text-field__wrapper" }, Tt = ["for"], Vt = { 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"
-}, Ft = {
+}, zt = {
   key: 3,
   class: "errorMessage"
-}, Ht = {
+}, Ft = {
   key: 4,
   class: "helperText"
-}, Rt = /* @__PURE__ */ g({
+}, Ht = /* @__PURE__ */ g({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -642,62 +642,62 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, i = C(() => a[r.type]), l = q(!0), c = C(
+    }, r = e, i = C(() => a[r.type]), l = q(!0), u = C(
       () => l.value ? "showPassword" : "hidePassword"
-    ), _ = C(
+    ), d = C(
       () => l.value ? "password" : "text"
     );
-    return (u, b) => (o(), s("div", Ct, [
+    return (_, b) => (o(), s("div", Ct, [
       t("label", {
-        for: u.id,
+        for: _.id,
         class: m([
-          u.required ? "required" : "",
-          u.disabled ? "disabled" : "",
-          u.search ? "search" : ""
+          _.required ? "required" : "",
+          _.disabled ? "disabled" : "",
+          _.search ? "search" : ""
         ])
-      }, n(u.label), 11, Tt),
+      }, n(_.label), 11, Tt),
       i.value === "password" ? (o(), s("div", Vt, [
         t("input", {
-          id: u.id,
+          id: _.id,
           ref: "passwordField",
-          type: _.value,
-          value: u.modelValue,
-          placeholder: u.placeholder,
-          required: u.required,
-          disabled: u.disabled,
-          name: u.fieldName,
-          onInput: b[0] || (b[0] = (v) => u.$emit("update:modelValue", v.target.value))
+          type: d.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: m([c.value]),
+          class: m([u.value]),
           "aria-controls": "password",
           "aria-expanded": !l.value,
           onClick: b[1] || (b[1] = (v) => l.value = !l.value)
         }, null, 10, Pt)
       ])) : (o(), s("input", {
         key: 1,
-        id: u.id,
+        id: _.id,
         ref: "textField",
         type: i.value,
-        value: u.modelValue,
-        placeholder: u.placeholder,
-        required: u.required,
+        value: _.modelValue,
+        placeholder: _.placeholder,
+        required: _.required,
         class: m([
-          u.invalid ? "invalid" : "",
-          u.valid ? "valid" : "",
-          u.search ? "search" : ""
+          _.invalid ? "invalid" : "",
+          _.valid ? "valid" : "",
+          _.search ? "search" : ""
         ]),
-        disabled: u.disabled,
-        name: u.fieldName,
-        onInput: b[2] || (b[2] = (v) => u.$emit("update:modelValue", v.target.value))
+        disabled: _.disabled,
+        name: _.fieldName,
+        onInput: b[2] || (b[2] = (v) => _.$emit("update:modelValue", v.target.value))
       }, null, 42, Mt)),
-      u.search ? (o(), s("i", Ot)) : p("", !0),
-      u.errorMessage ? (o(), s("strong", Ft, n(u.errorMessage), 1)) : p("", !0),
-      u.helperText ? (o(), s("span", Ht, n(u.helperText), 1)) : p("", !0)
+      _.search ? (o(), s("i", Ot)) : h("", !0),
+      _.errorMessage ? (o(), s("strong", zt, n(_.errorMessage), 1)) : h("", !0),
+      _.helperText ? (o(), s("span", Ft, n(_.helperText), 1)) : h("", !0)
     ]));
   }
-}), zt = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Kt = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ f(Ht, [["__scopeId", "data-v-414b9435"]]), Et = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Kt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -716,35 +716,35 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
   setup(e, { expose: a }) {
     const r = e;
     let i = q(null);
-    return he(() => {
+    return pe(() => {
       i.value && (r.play ? i.value.play() : r.play || i.value.pause());
     }), a({
       resetVideo: () => {
         i.value && (i.value.currentTime = 0, i.value.play());
       }
-    }), (c, _) => (o(), s("div", Et, [
-      c.localVideo ? (o(), s("video", {
+    }), (u, d) => (o(), s("div", Et, [
+      u.localVideo ? (o(), s("video", {
         key: 0,
         ref_key: "videoRef",
         ref: i,
-        "aria-label": c.ariaLabel,
-        controls: c.controls,
-        poster: c.poster,
-        width: c.width,
-        height: c.height,
-        autoplay: c.autoplay,
-        loop: c.loop,
-        muted: c.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: c.src
+        src: u.src
       }, null, 8, Nt)) : (o(), s("iframe", {
         key: 1,
-        src: c.src,
-        "aria-label": c.ariaLabel,
-        title: c.title,
-        width: c.width,
-        height: c.height,
+        src: u.src,
+        "aria-label": u.ariaLabel,
+        title: u.title,
+        width: u.width,
+        height: u.height,
         frameborder: "0",
         allow: "autoplay; fullscreen",
         allowfullscreen: ""
@@ -767,14 +767,14 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     return (a, r) => (o(), s("div", Ut, [
       t("div", Gt, [
         t("div", Jt, [
-          d(a.$slots, "address-flag", {}, void 0, !0)
+          c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         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 ? (o(), s("p", Qt, n(a.addressLine3), 1)) : p("", !0)
+          a.addressLine3 ? (o(), s("p", Qt, n(a.addressLine3), 1)) : h("", !0)
         ]),
         t("div", Zt, [
           a.website ? (o(), T(V, {
@@ -789,7 +789,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
               }, n(a.website), 9, Xt)
             ]),
             _: 1
-          })) : p("", !0),
+          })) : h("", !0),
           (o(!0), s(A, null, P(a.phoneNumbers, (i) => (o(), T(V, {
             key: i,
             underline: "false",
@@ -811,7 +811,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (H("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({
+}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (F("data-v-a44fd57d"), e = e(), H(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
   __name: "bullet-list",
   props: {
     list: {
@@ -869,6 +869,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     const a = Be();
     let r = q(!1);
     const i = {
+      xsmall: {
+        class: "card--xsmall",
+        width: "241",
+        height: "135"
+      },
       small: {
         class: "card--small",
         width: "298",
@@ -884,30 +889,30 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, l = e, c = C(() => i[l.size]);
-    return (_, u) => (o(), s("div", na, [
+    }, l = e, u = C(() => i[l.size]);
+    return (d, _) => (o(), s("div", na, [
       t("div", {
         class: m(["card", [
-          _.theme === "dark" ? "card--dark" : "card--light",
-          _.orientation === "vertical" ? "vertical" : "horizontal",
-          c.value.class,
-          _.size === "large" && _.variant === "article" ? "card--large-article" : "",
-          _.variant === "product" ? "card--product" : "card--article"
+          d.theme === "dark" ? "card--dark" : "card--light",
+          d.orientation === "vertical" ? "vertical" : "horizontal",
+          u.value.class,
+          d.size === "large" && d.variant === "article" ? "card--large-article" : d.size === "small" && d.variant === "article" ? "card--small-article" : d.size === "xsmall" && d.variant === "article" ? "card--xsmall-article" : d.size === "medium" && d.variant === "article" ? "card--medium-article" : d.size === "large" && d.variant === "product" ? "card--large-product" : d.size === "small" && d.variant === "product" ? "card--small-product" : d.size === "xsmall" && d.variant === "product" ? "card--xsmall-product" : d.size === "medium" && d.variant === "product" ? "card--medium-product" : d.variant === "product" ? "card--product" : "card--article",
+          d.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: oe([_.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
-        onMouseover: u[0] || (u[0] = (b) => ne(r) ? r.value = !0 : r = !0),
-        onMouseout: u[1] || (u[1] = (b) => ne(r) ? r.value = !1 : r = !1)
+        style: oe([d.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)
       }, [
-        _.mediaType === "image" ? (o(), T(M, { key: 0 }, {
+        d.mediaType === "image" ? (o(), T(M, { key: 0 }, {
           default: $(() => [
-            d(_.$slots, "card-image", de({
-              src: _.imgSrc,
+            c(d.$slots, "card-image", de({
+              src: d.imgSrc,
               width: "596",
               height: "335",
-              alt: _.alt,
+              alt: d.alt,
               loading: "auto",
               sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: _.srcSet }))
+            }, { srcset: d.srcSet }))
           ]),
           _: 3
         })) : (o(), s("div", {
@@ -917,39 +922,39 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           B(X, {
             play: I(r),
             "local-video": !0,
-            src: _.videoSrc,
-            "aria-label": _.arialabel,
+            src: d.videoSrc,
+            "aria-label": d.arialabel,
             controls: !1,
-            poster: _.imgSrc,
-            width: c.value.width,
-            height: c.value.height,
+            poster: d.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"] ? (o(), s("div", da, [
-          d(_.$slots, "card-label")
-        ])) : p("", !0),
-        _.variant === "product" ? (o(), s("div", {
+          c(d.$slots, "card-label")
+        ])) : h("", !0),
+        d.variant === "product" ? (o(), s("div", {
           key: 3,
           class: m([
             "card__headline",
-            _.theme === "dark" ? "regular-dark" : "regular-blue"
+            d.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, n(_.headline), 3)) : (o(), s("div", {
+        }, n(d.headline), 3)) : (o(), s("div", {
           key: 4,
           class: m([
             "card__headline",
-            _.theme === "dark" ? "regular-dark" : "regular-dark-blue"
+            d.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
-        }, n(_.headline), 3)),
-        _.variant === "product" ? (o(), s("p", ca, n(_.paragraph), 1)) : p("", !0)
+        }, n(d.headline), 3)),
+        d.variant === "product" ? (o(), s("p", ca, n(d.paragraph), 1)) : h("", !0)
       ], 38)
     ]));
   }
-}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), ha = (e) => (H("data-v-2c394add"), e = e(), R(), e), pa = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ ha(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
+}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-f26b0595"]]), pa = (e) => (F("data-v-2c394add"), e = e(), H(), 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: {
@@ -974,7 +979,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (o(), s("div", pa, [
+    return (a, r) => (o(), s("div", ha, [
       B(Z, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1044,19 +1049,19 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     }, [
       t("div", Ia, [
         e.headline || e.paragraph ? (o(), s("div", qa, [
-          e.headline ? (o(), s("h2", La, n(e.headline), 1)) : p("", !0),
-          e.paragraph ? (o(), s("p", Da, n(e.paragraph), 1)) : p("", !0)
-        ])) : p("", !0),
+          e.headline ? (o(), s("h2", La, n(e.headline), 1)) : h("", !0),
+          e.paragraph ? (o(), s("p", Da, n(e.paragraph), 1)) : h("", !0)
+        ])) : h("", !0),
         t("div", Ca, [
-          d(a.$slots, "card-display-cards", {}, void 0, !0)
+          c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
   }
-}), Va = /* @__PURE__ */ f(Ta, [["__scopeId", "data-v-e8033cff"]]), Aa = { class: "facts__wrapper" }, Pa = { class: "facts__content" }, Ma = { class: "facts__headline" }, Oa = { class: "facts" }, Fa = { class: "fact__value" }, Ha = { class: "fact__metric" }, Ra = {
+}), Va = /* @__PURE__ */ f(Ta, [["__scopeId", "data-v-e8033cff"]]), Aa = { class: "facts__wrapper" }, Pa = { class: "facts__content" }, Ma = { class: "facts__headline" }, Oa = { class: "facts" }, za = { class: "fact__value" }, Fa = { class: "fact__metric" }, Ha = {
   key: 0,
   class: "facts__link"
-}, za = /* @__PURE__ */ g({
+}, Ra = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1088,29 +1093,29 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
             key: i.value + i.metric,
             class: "fact"
           }, [
-            t("div", Fa, [
+            t("div", za, [
               t("span", null, n(i.value), 1)
             ]),
-            t("div", Ha, [
+            t("div", Fa, [
               t("span", null, n(i.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (o(), s("div", Ra, [
+        a.link ? (o(), s("div", Ha, [
           B(V, {
             "link-type": "regular_light",
             arrow: ""
           }, {
             default: $(() => [
-              d(a.$slots, "facts-link", {}, void 0, !0)
+              c(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
-        ])) : p("", !0)
+        ])) : h("", !0)
       ])
     ]));
   }
-}), Ea = /* @__PURE__ */ f(za, [["__scopeId", "data-v-d2b231d4"]]), Na = { class: "features__wrapper" }, ja = { class: "features__content" }, Ka = {
+}), Ea = /* @__PURE__ */ f(Ra, [["__scopeId", "data-v-d2b231d4"]]), Na = { class: "features__wrapper" }, ja = { class: "features__content" }, Ka = {
   key: 0,
   class: "features__headline"
 }, Ua = {
@@ -1128,10 +1133,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       t("div", ja, [
         a.headline ? (o(), s("div", Ka, [
           t("h2", null, n(a.headline), 1)
-        ])) : p("", !0),
+        ])) : h("", !0),
         a.body ? (o(), s("div", Ua, [
-          d(a.$slots, "features-body", {}, void 0, !0)
-        ])) : p("", !0),
+          c(a.$slots, "features-body", {}, void 0, !0)
+        ])) : h("", !0),
         t("div", {
           class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
@@ -1141,7 +1146,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           }, [
             B(M, { class: "element__icon" }, {
               default: $(() => [
-                d(a.$slots, "features-icon", F(E({
+                c(a.$slots, "features-icon", z(E({
                   src: i.icon.src,
                   height: 30,
                   width: 30,
@@ -1171,11 +1176,11 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         t("div", Xa, [
           t("h2", xa, n(e.headline), 1),
           t("div", eo, [
-            d(a.$slots, "form-body", {}, void 0, !0)
+            c(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
         t("div", to, [
-          d(a.$slots, "form-script", {}, void 0, !0)
+          c(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1210,7 +1215,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       ], 2)
     ]));
   }
-}), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-3ef1567e"]]), no = (e) => (H("data-v-22f9be13"), e = e(), R(), e), co = { class: "hero__wrapper" }, uo = { class: "hero__content" }, _o = { class: "hero__top" }, ho = { class: "hero__elements" }, po = { class: "hero__headline" }, mo = { class: "hero__link" }, vo = { class: "hero__video" }, fo = /* @__PURE__ */ no(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), go = { class: "hero__video__video" }, bo = { class: "hero__image" }, yo = /* @__PURE__ */ g({
+}), ro = /* @__PURE__ */ f(io, [["__scopeId", "data-v-3ef1567e"]]), no = (e) => (F("data-v-22f9be13"), e = e(), H(), e), co = { class: "hero__wrapper" }, uo = { class: "hero__content" }, _o = { class: "hero__top" }, po = { class: "hero__elements" }, ho = { class: "hero__headline" }, mo = { class: "hero__link" }, vo = { class: "hero__video" }, fo = /* @__PURE__ */ no(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), go = { class: "hero__video__video" }, bo = { class: "hero__image" }, yo = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1222,8 +1227,8 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     return (a, r) => (o(), s("div", co, [
       t("div", uo, [
         t("div", _o, [
-          t("div", ho, [
-            t("div", po, [
+          t("div", po, [
+            t("div", ho, [
               t("h1", null, n(e.headline), 1)
             ]),
             t("div", mo, [
@@ -1232,7 +1237,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
                 arrow: ""
               }, {
                 default: $(() => [
-                  d(a.$slots, "hero-link", {}, void 0, !0)
+                  c(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1242,10 +1247,10 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         t("div", vo, [
           fo,
           t("div", go, [
-            d(a.$slots, "hero-video", {}, void 0, !0)
+            c(a.$slots, "hero-video", {}, void 0, !0)
           ]),
           t("div", bo, [
-            d(a.$slots, "hero-image", {}, void 0, !0)
+            c(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
@@ -1280,7 +1285,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
         t("div", So, [
           B(M, null, {
             default: $(() => [
-              d(a.$slots, "image", F(E({
+              c(a.$slots, "image", z(E({
                 width: 984,
                 height: e.fullHeight ? "100%" : 554,
                 src: e.src,
@@ -1321,7 +1326,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
     }, r = e, i = C(() => a[r.bgColor]);
-    return (l, c) => (o(), s("div", {
+    return (l, u) => (o(), s("div", {
       class: m(["gallery__wrapper", i.value])
     }, [
       t("div", {
@@ -1334,7 +1339,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           l.mediaLarge && l.mediaType === "image" ? (o(), s("div", Do, [
             B(M, null, {
               default: $(() => [
-                d(l.$slots, "image-large", F(E({
+                c(l.$slots, "image-large", z(E({
                   width: 617,
                   height: 530,
                   src: l.mediaLarge.src,
@@ -1343,7 +1348,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
               ]),
               _: 3
             })
-          ])) : p("", !0),
+          ])) : h("", !0),
           l.mediaLarge && l.mediaType === "video" ? (o(), s("div", Co, [
             B(X, {
               src: l.mediaLarge.src,
@@ -1357,7 +1362,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : p("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
           style: oe([l.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
@@ -1366,17 +1371,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
             l.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (o(!0), s(A, null, P(l.mediaSmall, (_) => (o(), s("div", {
-            key: _.src + _.alt,
+          (o(!0), s(A, null, P(l.mediaSmall, (d) => (o(), s("div", {
+            key: d.src + d.alt,
             class: "image image--small"
           }, [
             B(M, null, {
               default: $(() => [
-                d(l.$slots, "image-small", F(E({
+                c(l.$slots, "image-small", z(E({
                   width: 328,
                   height: 246,
-                  src: _.src,
-                  alt: _.alt
+                  src: d.src,
+                  alt: d.alt
                 })))
               ]),
               _: 2
@@ -1384,7 +1389,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
           ]))), 128)),
           l.mediaSmall.length < 2 ? (o(), s("div", To, [
             t("p", null, n(l.body), 1)
-          ])) : p("", !0)
+          ])) : h("", !0)
         ], 6)
       ], 2)
     ], 2));
@@ -1392,7 +1397,7 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
 }), Ao = /* @__PURE__ */ f(Vo, [["__scopeId", "data-v-0d271138"]]), Po = { class: "logo-wall__wrapper" }, Mo = { class: "logo-wall__content" }, Oo = {
   key: 0,
   class: "logo-wall__text"
-}, Fo = { key: 0 }, Ho = { key: 1 }, Ro = { class: "logo-wall__logos" }, zo = { class: "logo-wall__link" }, Eo = /* @__PURE__ */ g({
+}, zo = { key: 0 }, Fo = { key: 1 }, Ho = { class: "logo-wall__logos" }, Ro = { class: "logo-wall__link" }, Eo = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1413,17 +1418,17 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
     return (a, r) => (o(), s("div", Po, [
       t("div", Mo, [
         e.headline || e.body ? (o(), s("div", Oo, [
-          e.headline ? (o(), s("h2", Fo, n(e.headline), 1)) : p("", !0),
-          e.body ? (o(), s("p", Ho, n(e.body), 1)) : p("", !0)
-        ])) : p("", !0),
-        t("div", Ro, [
+          e.headline ? (o(), s("h2", zo, n(e.headline), 1)) : h("", !0),
+          e.body ? (o(), s("p", Fo, n(e.body), 1)) : h("", !0)
+        ])) : h("", !0),
+        t("div", Ho, [
           (o(!0), s(A, null, P(e.logos, (i) => (o(), s("div", {
             key: i.src + i.alt,
             class: "logo-wall__logo"
           }, [
             B(M, null, {
               default: $(() => [
-                d(a.$slots, "logo-wall-logo", F(E({
+                c(a.$slots, "logo-wall-logo", z(E({
                   width: 130,
                   height: 130,
                   src: i.src,
@@ -1434,13 +1439,13 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", zo, [
+        t("div", Ro, [
           B(V, {
             "link-type": "regular_light",
             arrow: !0
           }, {
             default: $(() => [
-              d(a.$slots, "logo-wall-link", {}, void 0, !0)
+              c(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1467,28 +1472,28 @@ const qe = ["aria-label"], Le = /* @__PURE__ */ g({
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
     }, r = C(() => a[i.bgColor]), i = e;
-    return (l, c) => (o(), s("div", {
+    return (l, u) => (o(), s("div", {
       class: m(["micro-stories__wrapper", r.value])
     }, [
       t("div", jo, [
         l.headline ? (o(), s("div", Ko, [
           t("h2", null, n(l.headline), 1)
-        ])) : p("", !0),
+        ])) : h("", !0),
         l.body ? (o(), s("div", Uo, [
           t("p", null, n(l.body), 1)
-        ])) : p("", !0)
+        ])) : h("", !0)
       ]),
       t("div", Go, [
-        d(l.$slots, "micro-stories-slides")
+        c(l.$slots, "micro-stories-slides")
       ]),
-      d(l.$slots, "micro-stories-controls")
+      c(l.$slots, "micro-stories-controls")
     ], 2));
   }
 }), Wo = {}, Yo = { class: "policy__wrapper" }, Qo = { class: "policy__content" };
 function Zo(e, a) {
   return o(), s("div", Yo, [
     t("div", Qo, [
-      d(e.$slots, "default", {}, void 0, !0)
+      c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -1550,7 +1555,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
             muted: ""
           }, null, 8, ["src", "aria-label", "poster"])) : (o(), T(I(M), { key: 1 }, {
             default: $(() => [
-              d(a.$slots, "product-hero-image", {}, void 0, !0)
+              c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
@@ -1558,19 +1563,19 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
             e.logoSrc ? (o(), s("div", ll, [
               B(I(M), null, {
                 default: $(() => [
-                  d(a.$slots, "product-hero-logo", {}, void 0, !0)
+                  c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : p("", !0),
+            ])) : h("", !0),
             e.isCertified ? (o(), s("div", sl, [
               B(I(M), null, {
                 default: $(() => [
-                  d(a.$slots, "product-hero-certification", {}, void 0, !0)
+                  c(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : p("", !0)
+            ])) : h("", !0)
           ])
         ])
       ])
@@ -1597,7 +1602,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
     }, r = e, i = C(() => a[r.variant]);
-    return (l, c) => (o(), s("div", {
+    return (l, u) => (o(), s("div", {
       class: m([
         "promo__wrapper",
         i.value,
@@ -1615,11 +1620,11 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
         }, [
           B(M, null, {
             default: $(() => [
-              d(l.$slots, "promo-image", F(E({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
+              c(l.$slots, "promo-image", z(E({ src: l.src, width: 1920, alt: l.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : p("", !0),
+        ], 2)) : h("", !0),
         l.mediaType === "video" ? (o(), s("div", {
           key: 1,
           class: m([
@@ -1638,7 +1643,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
             play: "",
             poster: l.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : p("", !0),
+        ], 2)) : h("", !0),
         t("div", {
           class: m([
             "promo__text",
@@ -1649,14 +1654,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : p("", !0),
+          }, null, 8, ["text", "label-dark"])) : h("", !0),
           t("div", {
             class: m([
               "promo__title",
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            d(l.$slots, "promo-headline")
+            c(l.$slots, "promo-headline")
           ], 2),
           l.linkType === "link" ? (o(), T(V, {
             key: 1,
@@ -1664,24 +1669,24 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
             arrow: ""
           }, {
             default: $(() => [
-              d(l.$slots, "promo-link")
+              c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : p("", !0),
+          }, 8, ["link-type"])) : h("", !0),
           l.linkType === "button" ? (o(), T(V, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
             default: $(() => [
-              d(l.$slots, "promo-link")
+              c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : p("", !0)
+          }, 8, ["link-type"])) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-df54d965"]]), ul = (e) => (H("data-v-e3cc8e27"), e = e(), R(), e), _l = { class: "quote__wrapper" }, hl = { class: "quote__content" }, pl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ml = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, gl = {
+}), cl = /* @__PURE__ */ f(dl, [["__scopeId", "data-v-df54d965"]]), ul = (e) => (F("data-v-e3cc8e27"), e = e(), H(), e), _l = { class: "quote__wrapper" }, pl = { class: "quote__content" }, hl = /* @__PURE__ */ ul(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), ml = { class: "quote__quote" }, vl = { class: "quote__quote-text" }, fl = { class: "quote__author" }, gl = {
   key: 0,
   class: "quote__image"
 }, bl = { class: "quote__text" }, yl = { class: "quote__author-name" }, $l = { class: "quote__author-title" }, kl = /* @__PURE__ */ g({
@@ -1707,15 +1712,15 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
   },
   setup(e) {
     return (a, r) => (o(), s("div", _l, [
-      t("div", hl, [
-        pl,
+      t("div", pl, [
+        hl,
         t("div", ml, [
           t("p", vl, n(e.quote), 1),
           t("div", fl, [
             e.authorImage ? (o(), s("div", gl, [
               B(M, null, {
                 default: $(() => [
-                  d(a.$slots, "author-image", F(E({
+                  c(a.$slots, "author-image", z(E({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1723,7 +1728,7 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
                 ]),
                 _: 3
               })
-            ])) : p("", !0),
+            ])) : h("", !0),
             t("div", bl, [
               t("p", yl, n(e.author), 1),
               t("p", $l, n(e.authorTitle), 1)
@@ -1763,14 +1768,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : p("", !0),
+        }, null, 8, ["text"])) : h("", !0),
         a.headline ? (o(), s("h2", {
           key: 1,
           class: m([
             "rich-text__headline",
             a.leftAligned || a.bulletList || a.image ? "rich-text__headline--left-aligned" : "rich-text__headline--centered"
           ])
-        }, n(a.headline), 3)) : p("", !0),
+        }, n(a.headline), 3)) : h("", !0),
         t("div", {
           class: m([
             "rich-text__content",
@@ -1783,14 +1788,14 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            d(a.$slots, "rich-text-content"),
+            c(a.$slots, "rich-text-content"),
             a.links ? (o(), s("div", Bl, [
-              d(a.$slots, "rich-text-links")
-            ])) : p("", !0)
+              c(a.$slots, "rich-text-links")
+            ])) : h("", !0)
           ], 2),
           a.bulletList ? (o(), s("div", Il, [
-            d(a.$slots, "rich-text-bullet-list")
-          ])) : p("", !0),
+            c(a.$slots, "rich-text-bullet-list")
+          ])) : h("", !0),
           a.image ? (o(), s("div", {
             key: 1,
             class: m([
@@ -1800,11 +1805,11 @@ const Xo = /* @__PURE__ */ f(Wo, [["render", Zo], ["__scopeId", "data-v-ea887d7a
           }, [
             B(M, null, {
               default: $(() => [
-                d(a.$slots, "rich-text-image", F(E({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", z(E({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : p("", !0)
+          ], 2)) : h("", !0)
         ], 2)
       ])
     ], 2));
@@ -1816,17 +1821,17 @@ function Pl(e, a) {
       t("div", Vl, [
         t("div", Al, [
           t("div", null, [
-            d(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            c(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            d(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            c(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
     ])
   ]);
 }
-const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040"]]), Ol = (e) => (H("data-v-e254e1e0"), e = e(), R(), e), Fl = { class: "timeline__wrapper" }, Hl = { class: "timeline__content" }, Rl = { class: "timeline__items" }, zl = { class: "item__left" }, El = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040"]]), Ol = (e) => (F("data-v-e254e1e0"), e = e(), H(), e), zl = { class: "timeline__wrapper" }, Fl = { class: "timeline__content" }, Hl = { class: "timeline__items" }, Rl = { class: "item__left" }, El = /* @__PURE__ */ Ol(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Nl = { class: "item__right" }, jl = ["innerHTML"], Kl = /* @__PURE__ */ g({
@@ -1838,7 +1843,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return pe(() => {
+    return he(() => {
       const a = document.querySelectorAll(".timeline__item"), r = new IntersectionObserver(
         (i) => {
           i.forEach((l) => {
@@ -1852,19 +1857,19 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
       a.forEach((i) => {
         r.observe(i);
       });
-    }), (a, r) => (o(), s("div", Fl, [
-      t("div", Hl, [
-        t("div", Rl, [
+    }), (a, r) => (o(), s("div", zl, [
+      t("div", Fl, [
+        t("div", Hl, [
           (o(!0), s(A, null, P(e.timelineItems, (i) => (o(), s("div", {
             key: i.year,
             class: "timeline__item faded"
           }, [
-            t("div", zl, n(i.year), 1),
+            t("div", Rl, n(i.year), 1),
             El,
             t("div", Nl, [
               B(M, null, {
                 default: $(() => [
-                  i.media.src ? d(a.$slots, "timeline-image", F(de({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : p("", !0)
+                  i.media.src ? c(a.$slots, "timeline-image", z(de({ key: 0 }, { src: i.media.src, alt: i.media.alt })), void 0, !0) : h("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1900,19 +1905,19 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
   setup(e) {
     return (a, r) => (o(), s("div", Gl, [
       t("div", Jl, [
-        e.headline ? (o(), s("h2", Wl, n(e.headline), 1)) : p("", !0),
-        d(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (o(), s("p", Yl, n(e.description), 1)) : p("", !0)
+        e.headline ? (o(), s("h2", Wl, n(e.headline), 1)) : h("", !0),
+        c(a.$slots, "vimeo-content", {}, void 0, !0),
+        e.description ? (o(), s("p", Yl, n(e.description), 1)) : h("", !0)
       ])
     ]));
   }
 }), Zl = /* @__PURE__ */ f(Ql, [["__scopeId", "data-v-90a2b109"]]), Xl = { class: "academy-overview" }, xl = { class: "academy-overview__content-wrapper" }, es = { class: "academy-overview__content" }, ts = { class: "academy-overview__title" }, as = { class: "academy-overview__description" }, os = {
   key: 0,
   class: "academy-overview__stats"
-}, ls = { class: "academy-overview__stats-row" }, ss = { class: "academy-overview__stat" }, is = { class: "academy-overview__value" }, rs = { class: "academy-overview__label" }, ns = { class: "academy-overview__stat" }, ds = { class: "academy-overview__value" }, cs = { class: "academy-overview__label" }, us = { class: "academy-overview__stat" }, _s = { class: "academy-overview__value" }, hs = { class: "academy-overview__label" }, ps = {
+}, ls = { class: "academy-overview__stats-row" }, ss = { class: "academy-overview__stat" }, is = { class: "academy-overview__value" }, rs = { class: "academy-overview__label" }, ns = { class: "academy-overview__stat" }, ds = { class: "academy-overview__value" }, cs = { class: "academy-overview__label" }, us = {
   key: 1,
   class: "academy-overview__button-wrapper"
-}, ms = /* @__PURE__ */ g({
+}, _s = /* @__PURE__ */ g({
   __name: "frontpage-hero",
   props: {
     hero: { default: () => ({
@@ -1920,8 +1925,6 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
       description: "Explore our Academy - an education hub packed with x hours of free live and on-demand content.",
       lessonValue: 0,
       lessonLabel: "Lessons Completed",
-      minutesValue: 0,
-      minutesLabel: "Minutes spent",
       pointsValue: 0,
       pointsLabel: "Points",
       showStats: !1
@@ -1931,8 +1934,10 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
     return (a, r) => (o(), s("div", Xl, [
       t("div", xl, [
         t("div", es, [
-          t("h1", ts, n(a.hero.headline), 1),
-          t("p", as, n(a.hero.description), 1),
+          t("div", null, [
+            t("h1", ts, n(a.hero.headline), 1),
+            t("p", as, n(a.hero.description), 1)
+          ]),
           a.hero.showStats ? (o(), s("div", os, [
             t("div", ls, [
               t("div", ss, [
@@ -1940,23 +1945,19 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
                 t("div", rs, n(a.hero.lessonLabel), 1)
               ]),
               t("div", ns, [
-                t("div", ds, n(a.hero.minutesValue), 1),
-                t("div", cs, n(a.hero.minutesLabel), 1)
-              ]),
-              t("div", us, [
-                t("div", _s, n(a.hero.pointsValue), 1),
-                t("div", hs, n(a.hero.pointsLabel), 1)
+                t("div", ds, n(a.hero.pointsValue), 1),
+                t("div", cs, n(a.hero.pointsLabel), 1)
               ])
             ])
-          ])) : p("", !0),
-          a.hero.showStats ? p("", !0) : (o(), s("div", ps, [
-            d(a.$slots, "button", {}, void 0, !0)
+          ])) : h("", !0),
+          a.hero.showStats ? h("", !0) : (o(), s("div", us, [
+            c(a.$slots, "button", {}, void 0, !0)
           ]))
         ])
       ])
     ]));
   }
-}), vs = /* @__PURE__ */ f(ms, [["__scopeId", "data-v-d60d85f9"]]), fs = { class: "not-found__wrapper" }, gs = { class: "not-found__content" }, bs = { class: "not-found__headline" }, ys = { class: "not-found__body" }, $s = /* @__PURE__ */ g({
+}), ps = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-293eedbf"]]), hs = { class: "not-found__wrapper" }, ms = { class: "not-found__content" }, vs = { class: "not-found__headline" }, fs = { class: "not-found__body" }, gs = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -1965,16 +1966,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (a, r) => (o(), s("div", fs, [
-      t("div", gs, [
-        t("h1", bs, n(e.headline), 1),
-        t("div", ys, [
-          d(a.$slots, "not-found-body", {}, void 0, !0)
+    return (a, r) => (o(), s("div", hs, [
+      t("div", ms, [
+        t("h1", vs, n(e.headline), 1),
+        t("div", fs, [
+          c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), ks = /* @__PURE__ */ f($s, [["__scopeId", "data-v-b829ca6c"]]), ws = { class: "filter__wrapper" }, Ss = { class: "filter__content" }, Bs = { class: "filter__dropdowns" }, Is = { class: "filter__chips" }, qs = /* @__PURE__ */ g({
+}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-b829ca6c"]]), ys = { class: "filter__wrapper" }, $s = { class: "filter__content" }, ks = { class: "filter__dropdowns" }, ws = { class: "filter__chips" }, Ss = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1988,51 +1989,51 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (o(), s("div", ws, [
-      t("div", Ss, [
-        t("div", Bs, [
-          d(a.$slots, "filter-dropdowns")
+    return (a, r) => (o(), s("div", ys, [
+      t("div", $s, [
+        t("div", ks, [
+          c(a.$slots, "filter-dropdowns")
         ]),
-        t("div", Is, [
-          d(a.$slots, "filter-chips"),
+        t("div", ws, [
+          c(a.$slots, "filter-chips"),
           e.hasChips ? (o(), s("button", {
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (i) => a.$emit("clearFilters"))
-          }, n(e.removeAll), 1)) : p("", !0)
+          }, n(e.removeAll), 1)) : h("", !0)
         ])
       ])
     ]));
   }
-}), Ls = /* @__PURE__ */ f(qs, [["__scopeId", "data-v-31c1ba00"]]), fe = (e) => (H("data-v-3d0cbbd5"), e = e(), R(), e), Ds = { class: "footer__wrapper" }, Cs = { class: "footer__content" }, Ts = {
+}), Bs = /* @__PURE__ */ f(Ss, [["__scopeId", "data-v-31c1ba00"]]), fe = (e) => (F("data-v-3d0cbbd5"), e = e(), H(), e), Is = { class: "footer__wrapper" }, qs = { class: "footer__content" }, Ls = {
   key: 0,
   src: "https://mobile-industrial-robots.com/logo/mir-main-logo.svg",
   style: { margin: "0 auto" }
-}, Vs = { class: "footer__sections" }, As = { class: "section__title" }, Ps = { class: "section__list" }, Ms = { class: "section" }, Os = {
+}, Ds = { class: "footer__sections" }, Cs = { class: "section__title" }, Ts = { class: "section__list" }, Vs = { class: "section" }, As = {
   key: 0,
   class: "section__title"
-}, Fs = {
+}, Ps = {
   key: 1,
   class: "section__title"
-}, Hs = { key: 0 }, Rs = { key: 1 }, zs = { key: 2 }, Es = { key: 3 }, Ns = { key: 4 }, js = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("br", null, null, -1)), Ks = {
+}, Ms = { key: 0 }, Os = { key: 1 }, zs = { key: 2 }, Fs = { key: 3 }, Hs = { key: 4 }, Rs = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("br", null, null, -1)), Es = {
   key: 0,
   href: "mailto:china@mir-robots.com"
-}, Us = {
+}, Ns = {
   key: 1,
   href: "mailto:mail@mir-robots.com"
-}, Gs = {
+}, js = {
   key: 0,
   href: "tel:+8613661856951"
-}, Js = {
+}, Ks = {
   key: 1,
   href: "tel:+4520377577"
-}, Ws = { class: "footer__bottom" }, Ys = { class: "copyright" }, Qs = { class: "footer__policy" }, Zs = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Xs = {
+}, Us = { class: "footer__bottom" }, Gs = { class: "copyright" }, Js = { class: "footer__policy" }, Ws = /* @__PURE__ */ fe(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Ys = {
   key: 0,
   class: "footer__social"
-}, xs = ["href", "aria-label"], ei = {
+}, Qs = ["href", "aria-label"], Zs = {
   key: 1,
   class: "footer__social"
-}, ti = ["href", "aria-label"], ai = /* @__PURE__ */ g({
+}, Xs = ["href", "aria-label"], xs = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -2045,37 +2046,37 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (o(), s("div", Ds, [
-      t("footer", Cs, [
-        a.language === "zh" ? (o(), s("img", Ts)) : p("", !0),
-        t("div", Vs, [
+    return (a, r) => (o(), s("div", Is, [
+      t("footer", qs, [
+        a.language === "zh" ? (o(), s("img", Ls)) : h("", !0),
+        t("div", Ds, [
           (o(!0), s(A, null, P(a.footerSections, (i) => (o(), s("div", {
             key: i.title,
             class: "section"
           }, [
-            t("span", As, n(i.title), 1),
+            t("span", Cs, n(i.title), 1),
             t("nav", null, [
-              t("ul", Ps, [
-                d(a.$slots, "section-links", {
+              t("ul", Ts, [
+                c(a.$slots, "section-links", {
                   links: i.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", Ms, [
-            a.language === "zh" ? (o(), s("span", Os, "名傲移动机器人（上海）有限公司")) : (o(), s("span", Fs, "Mobile Industrial Robots A/S")),
+          t("div", Vs, [
+            a.language === "zh" ? (o(), s("span", As, "名傲移动机器人（上海）有限公司")) : (o(), s("span", Ps, "Mobile Industrial Robots A/S")),
             t("address", null, [
-              a.language === "zh" ? (o(), s("span", Hs, "上海浦东新区金桥出口加工区")) : (o(), s("span", Rs, "Energivej 51")),
-              a.language === "zh" ? (o(), s("span", zs, "桂桥路1201号10栋2楼")) : (o(), s("span", Es, "5260 Odense S")),
-              a.language !== "zh" ? (o(), s("span", Ns, "CVR: 35251235")) : p("", !0),
-              js,
+              a.language === "zh" ? (o(), s("span", Ms, "上海浦东新区金桥出口加工区")) : (o(), s("span", Os, "Energivej 51")),
+              a.language === "zh" ? (o(), s("span", zs, "桂桥路1201号10栋2楼")) : (o(), s("span", Fs, "5260 Odense S")),
+              a.language !== "zh" ? (o(), s("span", Hs, "CVR: 35251235")) : h("", !0),
+              Rs,
               B(V, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  a.language === "zh" ? (o(), s("a", Ks, "china@mir-robots.com")) : (o(), s("a", Us, "mail@mir-robots.com"))
+                  a.language === "zh" ? (o(), s("a", Es, "china@mir-robots.com")) : (o(), s("a", Ns, "mail@mir-robots.com"))
                 ]),
                 _: 1
               }),
@@ -2085,29 +2086,29 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
                 underline: "false"
               }, {
                 default: $(() => [
-                  a.language === "zh" ? (o(), s("a", Gs, "+86 13661856951（微信同号）")) : (o(), s("a", Js, "+45 20 377 577"))
+                  a.language === "zh" ? (o(), s("a", js, "+86 13661856951（微信同号）")) : (o(), s("a", Ks, "+45 20 377 577"))
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", Ws, [
-          t("p", Ys, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", Qs, [
+        t("div", Us, [
+          t("p", Gs, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", Js, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (i) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                Zs,
+                Ws,
                 G(n(a.changeRegion), 1)
               ])
             ]),
-            d(a.$slots, "footer-privacy-link"),
-            d(a.$slots, "footer-cookie-link")
+            c(a.$slots, "footer-privacy-link"),
+            c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (o(), s("div", Xs, [
+          a.language !== "zh" ? (o(), s("div", Ys, [
             (o(!0), s(A, null, P(a.socialMedia, (i) => (o(), T(V, {
               key: i.title,
               underline: "false",
@@ -2124,11 +2125,11 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
                     height: "14",
                     class: m(["footer__social--icon", [i.title ? "bg-" + i.title : ""]])
                   }, null, 2)
-                ], 8, xs)
+                ], 8, Qs)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (o(), s("div", ei, [
+          ])) : (o(), s("div", Zs, [
             (o(!0), s(A, null, P(a.socialMediaChina, (i) => (o(), T(V, {
               key: i.title,
               underline: "false",
@@ -2145,7 +2146,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
                     height: "14",
                     class: m(["footer__social--icon", [i.title ? "bg-" + i.title : ""]])
                   }, null, 2)
-                ], 8, ti)
+                ], 8, Xs)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2154,51 +2155,51 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), oi = /* @__PURE__ */ f(ai, [["__scopeId", "data-v-3d0cbbd5"]]), ge = (e) => (H("data-v-766d3c80"), e = e(), R(), e), li = { class: "header__wrapper" }, si = { class: "nav-wrapper" }, ii = { class: "mir-link-logo" }, ri = { class: "main-nav-items" }, ni = {
+}), ei = /* @__PURE__ */ f(xs, [["__scopeId", "data-v-3d0cbbd5"]]), ge = (e) => (F("data-v-766d3c80"), e = e(), H(), e), ti = { class: "header__wrapper" }, ai = { class: "nav-wrapper" }, oi = { class: "mir-link-logo" }, li = { class: "main-nav-items" }, si = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, di = {
+}, ii = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, ci = {
+}, ri = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, ui = { class: "dropdown-content" }, _i = {
+}, ni = { class: "dropdown-content" }, di = {
   key: 1,
   class: "nav-search-wrapper"
-}, hi = ["src"], pi = {
+}, ci = ["src"], ui = {
   key: 2,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, mi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("img", {
+}, _i = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portalswitchericon",
   width: "15",
   height: "15"
-}, null, -1)), vi = [
-  mi
-], fi = { class: "portal-switcher-content" }, gi = { class: "portal-switcher-links" }, bi = ["href"], yi = ["src"], $i = {
+}, null, -1)), pi = [
+  _i
+], hi = { class: "portal-switcher-content" }, mi = { class: "portal-switcher-links" }, vi = ["href"], fi = ["src"], gi = {
   key: 3,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, ki = {
+}, bi = {
   key: 0,
   class: "profile-dropdown-sign-in"
-}, wi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("img", {
+}, yi = /* @__PURE__ */ ge(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
   width: "15",
   height: "15"
-}, null, -1)), Si = [
-  wi
-], Bi = { class: "profile-dropdown-content" }, Ii = { class: "mobile-logo-search-burger-wrapper" }, qi = { class: "mobile-mir-link-logo" }, Li = {
+}, null, -1)), $i = [
+  yi
+], ki = { class: "profile-dropdown-content" }, wi = { class: "mobile-logo-search-burger-wrapper" }, Si = { class: "mobile-mir-link-logo" }, Bi = {
   key: 0,
   class: "mobile-search-wrapper"
-}, Di = ["src"], Ci = ["src"], Ti = { class: "mobile-menu-content-wrapper" }, Vi = { class: "mobile-dropdown-content" }, Ai = /* @__PURE__ */ g({
+}, Ii = ["src"], qi = ["src"], Li = { class: "mobile-menu-content-wrapper" }, Di = { class: "mobile-dropdown-content" }, Ci = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2252,16 +2253,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
   setup(e, { expose: a, emit: r }) {
     let i = null;
     const l = e;
-    let c = q(l.burgerState), _ = q(l.search), u = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
+    let u = q(l.burgerState), d = q(l.search), _ = q(l.showDropDown), b = q(l.showPortalSwitcherDropDown), v = q(l.showProfileDropDown), k = q(l.isAuthenticated);
     Y(
       () => l.burgerState,
-      (y) => c.value = y
+      (y) => u.value = y
     ), Y(
       () => l.search,
-      (y) => _.value = y
+      (y) => d.value = y
     ), Y(
       () => l.showDropDown,
-      (y) => u.value = y
+      (y) => _.value = y
     ), Y(
       () => l.showPortalSwitcherDropDown,
       (y) => b.value = y
@@ -2271,16 +2272,16 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
     ), Y(
       () => l.isAuthenticated,
       (y) => k.value = y
-    ), pe(() => {
+    ), he(() => {
       i = (y) => {
-        y.target.closest("#menu-dropdown") || (u.value = !1), y.target.closest("#menu-portal-switcher") || (b.value = !1), y.target.closest("#menu-profile-dropdown") || (v.value = !1);
+        y.target.closest("#menu-dropdown") || (_.value = !1), y.target.closest("#menu-portal-switcher") || (b.value = !1), y.target.closest("#menu-profile-dropdown") || (v.value = !1);
       }, window.addEventListener("click", i);
     }), Ie(() => {
       i !== null && window.removeEventListener("click", i);
     });
     const w = r;
     function x() {
-      u.value = !u.value, w("update:showDropDown", u.value);
+      _.value = !_.value, w("update:showDropDown", _.value);
     }
     function le() {
       b.value = !b.value, w("update:showPortalSwitcherDropDown", b.value);
@@ -2289,7 +2290,7 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
       v.value = !v.value, w("update:showProfileDropDown", v.value);
     }
     function ie() {
-      c.value = !c.value, w("update:burgerState", c.value);
+      u.value = !u.value, w("update:burgerState", u.value);
     }
     let U = q(null), ee = q(null);
     function re() {
@@ -2297,69 +2298,69 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
     }
     return a({
       defocusSearchButton: re
-    }), (y, N) => (o(), s("div", li, [
+    }), (y, N) => (o(), s("div", ti, [
       t("nav", null, [
-        t("div", si, [
-          t("div", ii, [
-            d(y.$slots, "link-logo", {}, void 0, !0)
+        t("div", ai, [
+          t("div", oi, [
+            c(y.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", ri, [
-            d(y.$slots, "main-nav-items", {}, void 0, !0)
+          t("ul", li, [
+            c(y.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (o(), s("div", ni, [
+          e.useDropdown ? (o(), s("div", si, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: x
             }, [
-              d(y.$slots, "dropdown-title", {}, void 0, !0),
-              I(u) === !1 ? (o(), s("img", di)) : (o(), s("img", ci))
+              c(y.$slots, "dropdown-title", {}, void 0, !0),
+              I(_) === !1 ? (o(), s("img", ii)) : (o(), s("img", ri))
             ]),
-            K(t("div", ui, [
-              d(y.$slots, "dropdown-links", {}, void 0, !0)
+            K(t("div", ni, [
+              c(y.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [Q, I(u)]
+              [Q, I(_)]
             ])
-          ], 512)) : p("", !0),
-          I(_) ? (o(), s("div", _i, [
+          ], 512)) : h("", !0),
+          I(d) ? (o(), s("div", di, [
             t("button", {
               ref_key: "navSearchButton",
               ref: U,
               class: "search-icon",
               onClick: N[0] || (N[0] = (j) => {
-                var z;
-                return y.$emit("clickSearch"), (z = I(U)) == null ? void 0 : z.blur();
+                var R;
+                return y.$emit("clickSearch"), (R = I(U)) == null ? void 0 : R.blur();
               })
             }, [
               t("img", {
-                src: I(c) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                src: I(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, hi)
+              }, null, 8, ci)
             ], 512)
-          ])) : p("", !0),
-          e.usePortalSwitcher ? (o(), s("div", pi, [
+          ])) : h("", !0),
+          e.usePortalSwitcher ? (o(), s("div", ui, [
             t("button", {
               class: "nav-portal-switcher-btn",
               onClick: le
-            }, vi),
-            K(t("div", fi, [
-              t("ul", gi, [
-                (o(!0), s(A, null, P(e.portals, (j, z) => (o(), s("li", {
-                  key: z,
+            }, pi),
+            K(t("div", hi, [
+              t("ul", mi, [
+                (o(!0), s(A, null, P(e.portals, (j, R) => (o(), s("li", {
+                  key: R,
                   class: "portal-switcher-link"
                 }, [
                   B(I(V), { "link-type": "regular" }, {
                     default: $(() => [
                       t("a", {
                         href: j.link,
-                        onClick: N[1] || (N[1] = (J) => ne(u) ? u.value = !1 : u = !1)
+                        onClick: N[1] || (N[1] = (J) => ne(_) ? _.value = !1 : _ = !1)
                       }, [
                         t("img", {
                           src: j.icon
-                        }, null, 8, yi),
+                        }, null, 8, fi),
                         t("div", null, n(j.name), 1)
-                      ], 8, bi)
+                      ], 8, vi)
                     ]),
                     _: 2
                   }, 1024)
@@ -2368,49 +2369,49 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
             ], 512), [
               [Q, I(b)]
             ])
-          ])) : p("", !0),
-          e.useProfileDropdown ? (o(), s("div", $i, [
-            I(k) ? p("", !0) : (o(), s("div", ki, [
-              d(y.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
+          ])) : h("", !0),
+          e.useProfileDropdown ? (o(), s("div", gi, [
+            I(k) ? h("", !0) : (o(), s("div", bi, [
+              c(y.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
             I(k) ? (o(), s("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
               onClick: se
-            }, Si)) : p("", !0),
-            K(t("div", Bi, [
-              d(y.$slots, "profile-dropdown-links", {}, void 0, !0)
+            }, $i)) : h("", !0),
+            K(t("div", ki, [
+              c(y.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Q, I(v)]
             ])
-          ])) : p("", !0)
+          ])) : h("", !0)
         ]),
         t("div", {
-          class: m(["mobile-nav-wrapper", I(c) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
+          class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Ii, [
-            t("div", qi, [
-              d(y.$slots, "link-logo", {}, void 0, !0)
+          t("div", wi, [
+            t("div", Si, [
+              c(y.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(_) ? (o(), s("div", Li, [
+            I(d) ? (o(), s("div", Bi, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: ee,
                 class: "search-icon",
                 "aria-label": "Toggle search",
                 onClick: N[2] || (N[2] = (j) => {
-                  var z;
-                  return y.$emit("clickSearch"), (z = I(ee)) == null ? void 0 : z.blur();
+                  var R;
+                  return y.$emit("clickSearch"), (R = I(ee)) == null ? void 0 : R.blur();
                 })
               }, [
                 t("img", {
-                  src: I(c) === !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",
+                  src: I(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, Ii)
               ], 512)
-            ])) : p("", !0),
+            ])) : h("", !0),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
@@ -2420,26 +2421,26 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
                 width: "20",
                 height: "20",
                 alt: "burger menu line icon",
-                src: I(c) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
-              }, null, 8, 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, qi)
             ])
           ]),
-          K(t("div", Ti, [
+          K(t("div", Li, [
             t("ul", null, [
-              d(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              c(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Vi, [
-              d(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              d(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
+            t("ul", Di, [
+              c(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              c(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [Q, I(c)]
+            [Q, I(u)]
           ])
         ], 2)
       ])
     ]));
   }
-}), Pi = /* @__PURE__ */ f(Ai, [["__scopeId", "data-v-766d3c80"]]), Mi = { class: "language__wrapper" }, Oi = { class: "language__content" }, Fi = { class: "language__headline" }, Hi = { class: "language__paragraph" }, Ri = { class: "language__links" }, zi = /* @__PURE__ */ g({
+}), Ti = /* @__PURE__ */ f(Ci, [["__scopeId", "data-v-766d3c80"]]), Vi = { class: "language__wrapper" }, Ai = { class: "language__content" }, Pi = { class: "language__headline" }, Mi = { class: "language__paragraph" }, Oi = { class: "language__links" }, zi = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2452,17 +2453,17 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
     }
   },
   setup(e) {
-    return (a, r) => (o(), s("div", Mi, [
-      t("div", Oi, [
-        t("h2", Fi, n(e.headline), 1),
-        t("p", Hi, n(e.paragraph), 1),
-        t("div", Ri, [
-          d(a.$slots, "language-links", {}, void 0, !0)
+    return (a, r) => (o(), s("div", Vi, [
+      t("div", Ai, [
+        t("h2", Pi, n(e.headline), 1),
+        t("p", Mi, n(e.paragraph), 1),
+        t("div", Oi, [
+          c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Ei = /* @__PURE__ */ f(zi, [["__scopeId", "data-v-dc8cc97e"]]), Ni = { class: "pagination__wrapper" }, ji = { class: "pagination__content" }, Ki = /* @__PURE__ */ g({
+}), Fi = /* @__PURE__ */ f(zi, [["__scopeId", "data-v-dc8cc97e"]]), Hi = { class: "pagination__wrapper" }, Ri = { class: "pagination__content" }, Ei = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2476,15 +2477,15 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (o(), s("div", Ni, [
-      t("div", ji, [
+    return (a, r) => (o(), s("div", Hi, [
+      t("div", Ri, [
         B(ae, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (i) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        d(a.$slots, "pagination-numbers"),
+        c(a.$slots, "pagination-numbers"),
         B(ae, {
           disabled: e.isNextDisabled,
           variant: "next",
@@ -2494,13 +2495,13 @@ const Ml = /* @__PURE__ */ f(Dl, [["render", Pl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ui = /* @__PURE__ */ f(Ki, [["__scopeId", "data-v-da6d07c9"]]), Gi = {}, Ji = { class: "search__wrapper" };
-function Wi(e, a) {
-  return o(), s("div", Ji, [
-    d(e.$slots, "default", { class: "search__content" })
+}), Ni = /* @__PURE__ */ f(Ei, [["__scopeId", "data-v-da6d07c9"]]), ji = {}, Ki = { class: "search__wrapper" };
+function Ui(e, a) {
+  return o(), s("div", Ki, [
+    c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3"]]), Qi = { class: "dropdown" }, Zi = ["aria-expanded"], Xi = /* @__PURE__ */ g({
+const Gi = /* @__PURE__ */ f(ji, [["render", Ui], ["__scopeId", "data-v-c07a6cf3"]]), Ji = { class: "dropdown" }, Wi = ["aria-expanded"], Yi = /* @__PURE__ */ g({
   __name: "select-multiple",
   props: {
     label: { default: "" },
@@ -2510,28 +2511,28 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
   emits: ["filter", "remove-filter"],
   setup(e, { emit: a }) {
     const r = q(!1), i = e, l = a;
-    function c(b) {
+    function u(b) {
       i.selectedOptions.includes(b) ? l("remove-filter", b) : l("filter", b);
     }
-    function _() {
+    function d() {
       r.value = !1;
     }
-    const u = C(() => i.options.length > 8);
+    const _ = C(() => i.options.length > 8);
     return (b, v) => {
       const k = ue("click-outside");
-      return K((o(), s("div", Qi, [
+      return K((o(), s("div", Ji, [
         t("button", {
           class: "dropdown-button",
           style: oe({ "z-index": r.value ? 2 : 0 }),
           "aria-expanded": r.value ? "true" : "false",
           onClick: v[0] || (v[0] = (w) => r.value = !r.value)
         }, [
-          d(b.$slots, "button", {}, () => [
+          c(b.$slots, "button", {}, () => [
             G(n(b.label), 1)
           ], !0)
-        ], 12, Zi),
+        ], 12, Wi),
         t("div", {
-          class: m([{ hidden: !r.value, "adjust-height": u.value }, "dropdown-content"])
+          class: m([{ hidden: !r.value, "adjust-height": _.value }, "dropdown-content"])
         }, [
           (o(!0), s(A, null, P(b.options, (w) => (o(), T(I(me), {
             id: w.value,
@@ -2541,7 +2542,7 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
             disabled: !1,
             value: w.value,
             checked: b.selectedOptions.includes(w.value),
-            onInput: (x) => c(w.value)
+            onInput: (x) => u(w.value)
           }, {
             default: $(() => [
               G(n(w.text), 1)
@@ -2550,11 +2551,11 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
           }, 1032, ["id", "name", "value", "checked", "onInput"]))), 128))
         ], 2)
       ])), [
-        [k, _]
+        [k, d]
       ]);
     };
   }
-}), xi = /* @__PURE__ */ f(Xi, [["__scopeId", "data-v-164647da"]]), er = { class: "promo__content" }, tr = { class: "pallet-jack__media-wrap" }, ar = { class: "pallet-jack-link" }, or = { class: "pallet-jack__media-wrap__inner-wrap" }, lr = { class: "pallet-jack__media-wrap__content-wrap" }, sr = { class: "regular-blue" }, ir = /* @__PURE__ */ g({
+}), Qi = /* @__PURE__ */ f(Yi, [["__scopeId", "data-v-164647da"]]), Zi = { class: "promo__content" }, Xi = { class: "pallet-jack__media-wrap" }, xi = { class: "pallet-jack-link" }, er = { class: "pallet-jack__media-wrap__inner-wrap" }, tr = { class: "pallet-jack__media-wrap__content-wrap" }, ar = { class: "regular-blue" }, or = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2573,29 +2574,29 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
     }, r = e, i = C(() => a[r.variant]);
-    return (l, c) => (o(), s("div", {
+    return (l, u) => (o(), s("div", {
       class: m([
         "promo__wrapper",
         i.value,
         l.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", er, [
+      t("div", Zi, [
         t("div", {
           class: m([
             "promo__video",
             l.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", tr, [
-            t("div", ar, [
-              d(l.$slots, "pallet-jack-link")
+          t("div", Xi, [
+            t("div", xi, [
+              c(l.$slots, "pallet-jack-link")
             ]),
-            t("div", or, [
-              d(l.$slots, "pallet-jack-video")
+            t("div", er, [
+              c(l.$slots, "pallet-jack-video")
             ]),
-            t("div", lr, [
-              t("h3", sr, n(l.headline), 1),
+            t("div", tr, [
+              t("h3", ar, n(l.headline), 1),
               t("p", null, n(l.shortDescription), 1)
             ])
           ])
@@ -2610,14 +2611,14 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
             key: 0,
             text: l.label,
             "label-dark": l.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : p("", !0),
+          }, null, 8, ["text", "label-dark"])) : h("", !0),
           t("div", {
             class: m([
               "promo__title",
               l.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            d(l.$slots, "promo-text")
+            c(l.$slots, "promo-text")
           ], 2),
           l.linkType === "link" ? (o(), T(V, {
             key: 1,
@@ -2625,55 +2626,55 @@ const Yi = /* @__PURE__ */ f(Gi, [["render", Wi], ["__scopeId", "data-v-c07a6cf3
             arrow: ""
           }, {
             default: $(() => [
-              d(l.$slots, "promo-link")
+              c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : p("", !0),
+          }, 8, ["link-type"])) : h("", !0),
           l.linkType === "button" ? (o(), T(V, {
             key: 2,
             "link-type": l.variant === "dark" ? "secondary_dark" : (l.variant === "light", "secondary")
           }, {
             default: $(() => [
-              d(l.$slots, "promo-link")
+              c(l.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : p("", !0)
+          }, 8, ["link-type"])) : h("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), rr = /* @__PURE__ */ f(ir, [["__scopeId", "data-v-00c0bad3"]]), dr = {
+}), lr = /* @__PURE__ */ f(or, [["__scopeId", "data-v-00c0bad3"]]), ir = {
   install: (e) => {
-    e.component("AtomButton", ae), e.component("AtomCheckbox", me), e.component("AtomChip", He), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", V), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", xi), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", zt), e.component("AtomVideo", X), 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", Ea), e.component("BlockFeatures", Ya), e.component("BlockFormScript", oo), e.component("BlockHeadline", ro), e.component("BlockHero", $o), e.component("BlockImage", qo), e.component("BlockImageGallery", Ao), e.component("BlockLogoWall", No), e.component("BlockMicroStories", Jo), e.component("BlockPolicy", Xo), e.component("BlockProductHero", rl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ll), e.component("BlockRichTextColumns", Ml), e.component("BlockTimeline", Ul), e.component("BlockCardDisplay", Va), e.component("BlockVimeo", Zl), e.component("BlockPalletJack", rr), e.component("BlockFrontPageHero", vs), e.component("Organism404", ks), e.component("OrganismFilter", Ls), e.component("OrganismFooter", oi), e.component("OrganismHeader", Pi), e.component("OrganismLanguageSwitcher", Ei), e.component("OrganismPagination", Ui), e.component("OrganismSearch", Yi);
+    e.component("AtomButton", ae), e.component("AtomCheckbox", me), e.component("AtomChip", Fe), e.component("AtomDropdown", Ge), e.component("AtomImage", M), e.component("AtomLabel", Z), e.component("AtomLink", V), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSelectMultiple", Qi), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Rt), e.component("AtomVideo", X), 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", Ea), e.component("BlockFeatures", Ya), e.component("BlockFormScript", oo), e.component("BlockHeadline", ro), e.component("BlockHero", $o), e.component("BlockImage", qo), e.component("BlockImageGallery", Ao), e.component("BlockLogoWall", No), e.component("BlockMicroStories", Jo), e.component("BlockPolicy", Xo), e.component("BlockProductHero", rl), e.component("BlockPromo", cl), e.component("BlockQuote", wl), e.component("BlockRichText", Ll), e.component("BlockRichTextColumns", Ml), e.component("BlockTimeline", Ul), e.component("BlockCardDisplay", Va), e.component("BlockVimeo", Zl), e.component("BlockPalletJack", lr), e.component("BlockFrontPageHero", ps), e.component("Organism404", bs), e.component("OrganismFilter", Bs), e.component("OrganismFooter", ei), e.component("OrganismHeader", Ti), e.component("OrganismLanguageSwitcher", Fi), e.component("OrganismPagination", Ni), e.component("OrganismSearch", Gi);
   }
 };
 export {
   ae as AtomButton,
   me as AtomCheckbox,
-  He as AtomChip,
+  Fe as AtomChip,
   Ge as AtomDropdown,
   M as AtomImage,
   Z as AtomLabel,
   V as AtomLink,
   lt as AtomRadioButton,
   ct as AtomSelect,
-  xi as AtomSelectMultiple,
+  Qi as AtomSelectMultiple,
   $t as AtomSlider,
-  zt as AtomTextField,
+  Rt as AtomTextField,
   Dt as AtomTextarea,
   X as AtomVideo,
   Va as BlockCardDisplay,
   Ea as BlockFacts,
   Ya as BlockFeatures,
   oo as BlockFormScript,
-  vs as BlockFrontPageHero,
+  ps as BlockFrontPageHero,
   ro as BlockHeadline,
   $o as BlockHero,
   qo as BlockImage,
   Ao as BlockImageGallery,
   No as BlockLogoWall,
   Jo as BlockMicroStories,
-  rr as BlockPalletJack,
+  lr as BlockPalletJack,
   Xo as BlockPolicy,
   rl as BlockProductHero,
   cl as BlockPromo,
@@ -2688,12 +2689,12 @@ export {
   ya as MoleculeEventCard,
   ve as MoleculeModal,
   Ba as MoleculeTextCard,
-  ks as Organism404,
-  Ls as OrganismFilter,
-  oi as OrganismFooter,
-  Pi as OrganismHeader,
-  Ei as OrganismLanguageSwitcher,
-  Ui as OrganismPagination,
-  Yi as OrganismSearch,
-  dr as default
+  bs as Organism404,
+  Bs as OrganismFilter,
+  ei as OrganismFooter,
+  Ti as OrganismHeader,
+  Fi as OrganismLanguageSwitcher,
+  Ni as OrganismPagination,
+  Gi as OrganismSearch,
+  ir as default
 };