@mirweb/mir-web-components 0.17.105 → 0.17.107

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as D, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as Q, ref as q, withDirectives as j, Fragment as P, renderList as M, vShow as W, normalizeProps as O, guardReactiveProps as F, toRefs as ye, mergeProps as ie, createVNode as S, Transition as $e, withCtx as $, withModifiers as ue, createBlock as L, createCommentVNode as m, watchEffect as _e, withKeys as ke, useSlots as we, normalizeStyle as re, isRef as ce, unref as I, onMounted as pe, watch as ee, onUnmounted as Se } from "vue";
+import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as Q, ref as q, withDirectives as j, Fragment as P, renderList as M, vShow as J, normalizeProps as O, guardReactiveProps as F, toRefs as ye, mergeProps as ie, createVNode as S, Transition as $e, withCtx as $, withModifiers as ue, createBlock as D, createCommentVNode as m, watchEffect as _e, withKeys as ke, useSlots as we, normalizeStyle as re, isRef as ce, unref as I, onMounted as pe, watch as te, onUnmounted as Se } from "vue";
 const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -13,7 +13,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, s = D(() => a[r.variant]);
+    }, r = e, s = V(() => a[r.variant]);
     return (o, _) => (l(), i("button", {
       class: h(["button", "button--" + s.value]),
       "aria-label": o.ariaLabel
@@ -24,7 +24,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   for (const [s, o] of a)
     r[s] = o;
   return r;
-}, te = /* @__PURE__ */ f(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Te = ["id", "name", "value", "disabled", "required"], De = ["for"], Le = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ce = /* @__PURE__ */ g({
+}, Z = /* @__PURE__ */ f(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Ve = ["for"], De = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -51,17 +51,17 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         required: o.required,
         class: "checkbox__checkbox",
         onChange: s
-      }, null, 40, Te),
+      }, null, 40, Le),
       t("label", {
         for: o.id,
         class: h(["checkbox__label", o.required ? "required" : ""])
       }, [
-        Le,
+        De,
         c(o.$slots, "default", {}, void 0, !0)
-      ], 10, De)
+      ], 10, Ve)
     ], 2));
   }
-}), Ve = /* @__PURE__ */ f(Ce, [["__scopeId", "data-v-42c44141"]]), Ae = (e) => (E("data-v-08813346"), e = e(), R(), e), Pe = ["aria-label"], Me = /* @__PURE__ */ Ae(() => /* @__PURE__ */ t("img", {
+}), Ce = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-42c44141"]]), Ae = (e) => (E("data-v-08813346"), e = e(), R(), e), Pe = ["aria-label"], Me = /* @__PURE__ */ Ae(() => /* @__PURE__ */ t("img", {
   src: "https://a.storyblok.com/f/230581/9x9/e4fb715dc9/close.svg?cv=1695125714598",
   alt: "close",
   class: "close-icon"
@@ -72,7 +72,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = D(() => `Chip: ${a.text}`);
+    const a = e, r = V(() => `Chip: ${a.text}`);
     return (s, o) => (l(), i("div", {
       class: "chip__wrapper",
       onClick: o[0] || (o[0] = (_) => s.$emit("remove-chip"))
@@ -86,7 +86,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ], 8, Pe)
     ]));
   }
-}), Fe = /* @__PURE__ */ f(Oe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, He = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], je = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
+}), Fe = /* @__PURE__ */ f(Oe, [["__scopeId", "data-v-08813346"]]), Ee = ["value"], Re = ["id"], He = { class: "listbox__dropdown" }, Ne = ["id", "aria-labelledby", "aria-disabled"], ze = ["aria-labelledby", "aria-activedescendant"], je = ["aria-selected", "data-value"], Ue = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -104,7 +104,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, s = e, o = D(() => r[s.variant]), _ = q(null), u = q(null), p = q([]), w = q(0), v = q(""), B = q(!0), C = q(0), ae = a, oe = D(() => {
+    }, s = e, o = V(() => r[s.variant]), _ = q(null), u = q(null), p = q([]), w = q(0), v = q(""), B = q(!0), T = q(0), ae = a, oe = V(() => {
       const d = s.options.find(
         (y) => y.value === s.modelValue
       );
@@ -119,13 +119,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         document.body.removeEventListener("click", d.clickOutsideEvent);
       }
     };
-    function X(d) {
+    function x(d) {
       ae("update:modelValue", d);
     }
     function le(d) {
       var k;
       const y = d.target;
-      y.getAttribute("role") === "option" && (J(y), x(), (k = _.value) == null || k.focus());
+      y.getAttribute("role") === "option" && (Y(y), ee(), (k = _.value) == null || k.focus());
     }
     function b(d) {
       var k;
@@ -134,11 +134,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const T = s.options.findIndex(
+          const L = s.options.findIndex(
             (G) => G.value === s.modelValue
           );
-          let N = T ? p.value[T] : p.value[0];
-          y === "ArrowUp" ? T - 1 >= 0 && (N = p.value[T - 1]) : T + 1 <= s.options.length && (N = p.value[T + 1]), N && J(N);
+          let H = L ? p.value[L] : p.value[0];
+          y === "ArrowUp" ? L - 1 >= 0 && (H = p.value[L - 1]) : L + 1 <= s.options.length && (H = p.value[L + 1]), H && Y(H);
           break;
         }
         case "Home":
@@ -151,11 +151,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), x(), (k = _.value) == null || k.focus();
+          d.preventDefault(), ee(), (k = _.value) == null || k.focus();
           break;
         default: {
-          const T = me(y);
-          T && J(T);
+          const L = me(y);
+          L && Y(L);
           break;
         }
       }
@@ -179,14 +179,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     }
     function me(d) {
       let y = "";
-      (v.value === "" || y !== d) && (C.value = s.options.findIndex(
-        (T) => T.value === s.modelValue
+      (v.value === "" || y !== d) && (T.value = s.options.findIndex(
+        (L) => L.value === s.modelValue
       )), v.value = y === d ? d : v.value + d, y = d, z();
       let k = ne(
-        C.value + 1,
+        T.value + 1,
         s.options.length
       );
-      return !k && v.value.length === 1 && (k = ne(0, C.value)), C.value = (C.value + 1) % s.options.length, k;
+      return !k && v.value.length === 1 && (k = ne(0, T.value)), T.value = (T.value + 1) % s.options.length, k;
     }
     function ne(d, y) {
       for (let k = d; k < y; k++)
@@ -195,31 +195,31 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       return null;
     }
     function ve() {
-      J(p.value[0]);
+      Y(p.value[0]);
     }
-    function J(d) {
-      var k, T;
+    function Y(d) {
+      var k, L;
       const y = d.getAttribute("data-value");
       if (s.modelValue) {
-        const N = s.options.findIndex(
+        const H = s.options.findIndex(
           (be) => be.value === s.modelValue
-        ), G = p.value[N];
+        ), G = p.value[H];
         se(G);
       }
       if (d.setAttribute("aria-selected", "true"), (k = u.value) == null || k.setAttribute(
         "aria-activedescendant",
         y || ""
-      ), X(y || ""), u.value && u.value.scrollHeight > u.value.clientHeight) {
-        const N = u.value.clientHeight + u.value.scrollTop, G = d.offsetTop + d.offsetHeight;
-        G > N ? u.value.scrollTop = G - ((T = u.value) == null ? void 0 : T.clientHeight) : d.offsetTop < u.value.scrollTop && (u.value.scrollTop = d.offsetTop);
+      ), x(y || ""), u.value && u.value.scrollHeight > u.value.clientHeight) {
+        const H = u.value.clientHeight + u.value.scrollTop, G = d.offsetTop + d.offsetHeight;
+        G > H ? u.value.scrollTop = G - ((L = u.value) == null ? void 0 : L.clientHeight) : d.offsetTop < u.value.scrollTop && (u.value.scrollTop = d.offsetTop);
       }
     }
     function fe() {
       var y;
       const d = (y = p.value) == null ? void 0 : y[s.options.length - 1];
-      J(d);
+      Y(d);
     }
-    function x() {
+    function ee() {
       var d;
       B.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
     }
@@ -228,7 +228,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       B.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (y = u.value) == null || y.focus();
     }
     function ge() {
-      s.disabled || (B.value ? de() : x());
+      s.disabled || (B.value ? de() : ee());
     }
     return (d, y) => (l(), i("div", {
       ref: "listbox",
@@ -243,7 +243,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           "is-required": d.required
         }, "listbox__label"])
       }, n(d.label), 11, Re),
-      j((l(), i("div", Ne, [
+      j((l(), i("div", He, [
         t("button", {
           id: `${d.name}-button-label`,
           ref_key: "listboxButton",
@@ -255,7 +255,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           class: h(["listbox__button", o.value]),
           onClick: ge,
           onKeydown: K
-        }, n(d.modelValue ? oe.value : d.placeholder), 43, He),
+        }, n(d.modelValue ? oe.value : d.placeholder), 43, Ne),
         j(t("ul", {
           ref_key: "listboxNode",
           ref: u,
@@ -267,8 +267,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           onKeydown: b,
           onClick: le
         }, [
-          (l(!0), i(P, null, M(d.options, (k, T) => (l(), i("li", {
-            key: `${d.name}-option-${T}`,
+          (l(!0), i(P, null, M(d.options, (k, L) => (l(), i("li", {
+            key: `${d.name}-option-${L}`,
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: p,
@@ -278,14 +278,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             role: "option"
           }, n(k.label), 9, je))), 128))
         ], 40, ze), [
-          [W, !B.value]
+          [J, !B.value]
         ])
       ])), [
-        [U, x]
+        [U, ee]
       ])
     ], 8, Ee));
   }
-}), Ke = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
+}), Ke = /* @__PURE__ */ f(Ue, [["__scopeId", "data-v-6a8da7a4"]]), Ge = { class: "image__wrapper" }, Je = /* @__PURE__ */ g({
   __name: "image",
   props: {
     src: { default: void 0 },
@@ -301,23 +301,23 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       c(a.$slots, "default", O(F(a.$attrs)))
     ]));
   }
-}), A = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Je = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
+}), A = /* @__PURE__ */ f(Je, [["__scopeId", "data-v-e10217bd"]]), We = { class: "label__wrapper" }, Ye = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
   __name: "label",
   props: {
     text: {},
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = D(() => `Label: ${a.text}`);
-    return (s, o) => (l(), i("div", Ye, [
+    const a = e, r = V(() => `Label: ${a.text}`);
+    return (s, o) => (l(), i("div", We, [
       t("span", {
         "aria-label": r.value,
         "label-dark": s.labelDark,
         class: h(s.labelDark ? "label--dark" : "label--light")
-      }, n(s.text), 11, Je)
+      }, n(s.text), 11, Ye)
     ]));
   }
-}), Y = /* @__PURE__ */ f(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, V = /* @__PURE__ */ g({
+}), W = /* @__PURE__ */ f(Qe, [["__scopeId", "data-v-7d9d3a8a"]]), Ze = { class: "link__wrapper" }, C = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -338,7 +338,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, o = D(() => a[s.linkType]), _ = D(() => r[s.underline]), u = D(() => {
+    }, s = e, o = V(() => a[s.linkType]), _ = V(() => r[s.underline]), u = V(() => {
       const { ...p } = ye(s);
       return p;
     });
@@ -459,7 +459,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                _.searchBar ? m("", !0) : (l(), L(te, {
+                _.searchBar ? m("", !0) : (l(), D(Z, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -469,7 +469,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               c(_.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
-            [W, _.show]
+            [J, _.show]
           ])
         ]),
         _: 3
@@ -492,7 +492,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, s = a, o = q(r.modelValue), _ = q(), u = q(!1), p = (v, B, C) => (v - B) / (C - B) * 100, w = (v) => {
+    const r = e, s = a, o = q(r.modelValue), _ = q(), u = q(!1), p = (v, B, T) => (v - B) / (T - B) * 100, w = (v) => {
       var B;
       (B = _.value) == null || B.style.setProperty("--ProgressPercent", `${v}%`);
     };
@@ -517,8 +517,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: B[0] || (B[0] = (C) => u.value = !u.value),
-            onKeyup: B[1] || (B[1] = ke((C) => u.value = !u.value, ["enter"]))
+            onClick: B[0] || (B[0] = (T) => u.value = !u.value),
+            onKeyup: B[1] || (B[1] = ke((T) => u.value = !u.value, ["enter"]))
           }, null, 42, mt)) : m("", !0)
         ]),
         t("div", vt, [
@@ -536,7 +536,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             step: v.step,
             max: v.max,
             class: h(v.variant),
-            onInput: B[2] || (B[2] = ({ target: C }) => o.value = parseFloat(C.value))
+            onInput: B[2] || (B[2] = ({ target: T }) => o.value = parseFloat(T.value))
           }, null, 42, ft),
           t("span", {
             class: h([v.variant, "slider__minmax"])
@@ -546,10 +546,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           class: h([v.variant, "slider__value"])
         }, n(v.modelValue), 3)
       ]),
-      v.information ? (l(), L(he, {
+      v.information ? (l(), D(he, {
         key: 0,
         show: u.value,
-        "onUpdate:show": B[3] || (B[3] = (C) => u.value = C)
+        "onUpdate:show": B[3] || (B[3] = (T) => u.value = T)
       }, {
         default: $(() => [
           t("p", gt, n(v.information), 1)
@@ -608,7 +608,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Tt = /* @__PURE__ */ f(qt, [["__scopeId", "data-v-220a973c"]]), Dt = { class: "text-field__wrapper" }, Lt = ["for"], Ct = { key: 0 }, Vt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Pt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
+}), Lt = /* @__PURE__ */ f(qt, [["__scopeId", "data-v-220a973c"]]), Vt = { class: "text-field__wrapper" }, Dt = ["for"], Tt = { key: 0 }, Ct = ["id", "type", "value", "placeholder", "required", "disabled", "name"], At = ["aria-expanded"], Pt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Mt = {
   key: 2,
   class: "search"
 }, Ot = {
@@ -644,12 +644,12 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, s = D(() => a[r.type]), o = q(!0), _ = D(
+    }, r = e, s = V(() => a[r.type]), o = q(!0), _ = V(
       () => o.value ? "showPassword" : "hidePassword"
-    ), u = D(
+    ), u = V(
       () => o.value ? "password" : "text"
     );
-    return (p, w) => (l(), i("div", Dt, [
+    return (p, w) => (l(), i("div", Vt, [
       t("label", {
         for: p.id,
         class: h([
@@ -657,8 +657,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           p.disabled ? "disabled" : "",
           p.search ? "search" : ""
         ])
-      }, n(p.label), 11, Lt),
-      s.value === "password" ? (l(), i("div", Ct, [
+      }, n(p.label), 11, Dt),
+      s.value === "password" ? (l(), i("div", Tt, [
         t("input", {
           id: p.id,
           ref: "passwordField",
@@ -669,7 +669,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           disabled: p.disabled,
           name: p.fieldName,
           onInput: w[0] || (w[0] = (v) => p.$emit("update:modelValue", v.target.value))
-        }, null, 40, Vt),
+        }, null, 40, Ct),
         t("i", {
           role: "button",
           class: h([_.value]),
@@ -699,7 +699,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       p.helperText ? (l(), i("span", Ft, n(p.helperText), 1)) : m("", !0)
     ]));
   }
-}), Rt = /* @__PURE__ */ f(Et, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, Ht = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], jt = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ f(Et, [["__scopeId", "data-v-414b9435"]]), Ht = { class: "video__wrapper" }, Nt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], zt = ["src", "aria-label", "title", "width", "height"], jt = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -724,7 +724,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       resetVideo: () => {
         s.value && (s.value.currentTime = 0, s.value.play());
       }
-    }), (_, u) => (l(), i("div", Nt, [
+    }), (_, u) => (l(), i("div", Ht, [
       _.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
@@ -740,7 +740,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         type: "video/mp4",
         playsinline: "",
         src: _.src
-      }, null, 8, Ht)) : (l(), i("iframe", {
+      }, null, 8, Nt)) : (l(), i("iframe", {
         key: 1,
         src: _.src,
         "aria-label": _.ariaLabel,
@@ -753,7 +753,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, null, 8, zt))
     ]));
   }
-}), Z = /* @__PURE__ */ f(jt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, Gt = { class: "address__flag" }, Wt = { class: "address__address" }, Yt = { class: "address__name" }, Jt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Xt = ["href"], xt = ["href"], ea = /* @__PURE__ */ g({
+}), X = /* @__PURE__ */ f(jt, [["__scopeId", "data-v-c6a0feb6"]]), Ut = { class: "address__wrapper" }, Kt = { class: "address__content" }, Gt = { class: "address__flag" }, Jt = { class: "address__address" }, Wt = { class: "address__name" }, Yt = { key: 0 }, Qt = { class: "address__contact" }, Zt = ["href"], Xt = ["href"], xt = ["href"], ea = /* @__PURE__ */ g({
   __name: "address",
   props: {
     name: {},
@@ -771,15 +771,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", Gt, [
           c(a.$slots, "address-flag", {}, void 0, !0)
         ]),
-        t("div", Wt, [
-          t("p", Yt, n(a.name), 1),
+        t("div", Jt, [
+          t("p", Wt, n(a.name), 1),
           t("p", null, n(a.company), 1),
           t("p", null, n(a.addressLine1), 1),
           t("p", null, n(a.addressLine2), 1),
-          a.addressLine3 ? (l(), i("p", Jt, n(a.addressLine3), 1)) : m("", !0)
+          a.addressLine3 ? (l(), i("p", Yt, n(a.addressLine3), 1)) : m("", !0)
         ]),
         t("div", Qt, [
-          a.website ? (l(), L(V, {
+          a.website ? (l(), D(C, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -792,7 +792,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : m("", !0),
-          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), L(V, {
+          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), D(C, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -886,7 +886,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, o = e, _ = D(() => s[o.size]);
+    }, o = e, _ = V(() => s[o.size]);
     return (u, p) => (l(), i("div", ra, [
       t("div", {
         class: h(["card", [
@@ -900,7 +900,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         onMouseover: p[0] || (p[0] = (w) => ce(r) ? r.value = !0 : r = !0),
         onMouseout: p[1] || (p[1] = (w) => ce(r) ? r.value = !1 : r = !1)
       }, [
-        u.mediaType === "image" ? (l(), L(A, { key: 0 }, {
+        u.mediaType === "image" ? (l(), D(A, { key: 0 }, {
           default: $(() => [
             c(u.$slots, "card-image", ie({
               src: u.imgSrc,
@@ -916,7 +916,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           key: 1,
           class: h(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          S(Z, {
+          S(X, {
             play: I(r),
             "local-video": !0,
             src: u.videoSrc,
@@ -977,7 +977,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (l(), i("div", pa, [
-      S(Y, {
+      S(W, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
       }, null, 8, ["text"]),
@@ -1008,7 +1008,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (l(), i("div", ya, [
-      S(Y, {
+      S(W, {
         "label-dark": !1,
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
@@ -1018,10 +1018,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Sa = /* @__PURE__ */ f(wa, [["__scopeId", "data-v-ebdea819"]]), Ba = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, Ta = { class: "facts" }, Da = { class: "fact__value" }, La = { class: "fact__metric" }, Ca = {
+}), Sa = /* @__PURE__ */ f(wa, [["__scopeId", "data-v-ebdea819"]]), Ba = { class: "facts__wrapper" }, Ia = { class: "facts__content" }, qa = { class: "facts__headline" }, La = { class: "facts" }, Va = { class: "fact__value" }, Da = { class: "fact__metric" }, Ta = {
   key: 0,
   class: "facts__link"
-}, Va = /* @__PURE__ */ g({
+}, Ca = /* @__PURE__ */ g({
   __name: "facts",
   props: {
     headline: { default: "" },
@@ -1048,21 +1048,21 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     return (a, r) => (l(), i("div", Ba, [
       t("div", Ia, [
         t("h2", qa, n(a.headline), 1),
-        t("div", Ta, [
+        t("div", La, [
           (l(!0), i(P, null, M(a.facts, (s) => (l(), i("div", {
             key: s.value + s.metric,
             class: "fact"
           }, [
-            t("div", Da, [
+            t("div", Va, [
               t("span", null, n(s.value), 1)
             ]),
-            t("div", La, [
+            t("div", Da, [
               t("span", null, n(s.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (l(), i("div", Ca, [
-          S(V, {
+        a.link ? (l(), i("div", Ta, [
+          S(C, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1075,13 +1075,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Aa = /* @__PURE__ */ f(Va, [["__scopeId", "data-v-d2b231d4"]]), Pa = { class: "features__wrapper" }, Ma = { class: "features__content" }, Oa = {
+}), Aa = /* @__PURE__ */ f(Ca, [["__scopeId", "data-v-d2b231d4"]]), Pa = { class: "features__wrapper" }, Ma = { class: "features__content" }, Oa = {
   key: 0,
   class: "features__headline"
 }, Fa = {
   key: 1,
   class: "features__body"
-}, Ea = { class: "element__headline" }, Ra = { class: "element__body" }, Na = /* @__PURE__ */ g({
+}, Ea = { class: "element__headline" }, Ra = { class: "element__body" }, Ha = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1122,7 +1122,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ha = /* @__PURE__ */ f(Na, [["__scopeId", "data-v-57a22df7"]]), za = { class: "form__wrapper" }, ja = { class: "form__content" }, Ua = { class: "form__information" }, Ka = { class: "form__headline" }, Ga = { class: "form__body" }, Wa = { class: "form__script" }, Ya = /* @__PURE__ */ g({
+}), Na = /* @__PURE__ */ f(Ha, [["__scopeId", "data-v-57a22df7"]]), za = { class: "form__wrapper" }, ja = { class: "form__content" }, Ua = { class: "form__information" }, Ka = { class: "form__headline" }, Ga = { class: "form__body" }, Ja = { class: "form__script" }, Wa = /* @__PURE__ */ g({
   __name: "form-script",
   props: {
     headline: {
@@ -1139,13 +1139,13 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             c(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
-        t("div", Wa, [
+        t("div", Ja, [
           c(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Ja = /* @__PURE__ */ f(Ya, [["__scopeId", "data-v-87a67c13"]]), Qa = { class: "image__wrapper" }, Za = { class: "image__content" }, Xa = { class: "image__image" }, xa = { class: "image__caption" }, eo = /* @__PURE__ */ g({
+}), Ya = /* @__PURE__ */ f(Wa, [["__scopeId", "data-v-87a67c13"]]), Qa = { class: "image__wrapper" }, Za = { class: "image__content" }, Xa = { class: "image__image" }, xa = { class: "image__caption" }, eo = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "image",
   props: {
@@ -1203,7 +1203,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, s = D(() => a[r.bgColor]);
+    }, r = e, s = V(() => a[r.bgColor]);
     return (o, _) => (l(), i("div", {
       class: h(["gallery__wrapper", s.value])
     }, [
@@ -1228,7 +1228,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             })
           ])) : m("", !0),
           o.mediaLarge && o.mediaType === "video" ? (l(), i("div", lo, [
-            S(Z, {
+            S(X, {
               src: o.mediaLarge.src,
               "local-video": "",
               "aria-label": o.mediaLarge.alt,
@@ -1319,7 +1319,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               t("h1", null, n(e.headline), 1)
             ]),
             t("div", bo, [
-              S(V, {
+              S(C, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1343,10 +1343,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Bo = /* @__PURE__ */ f(So, [["__scopeId", "data-v-22f9be13"]]), Io = { class: "logo-wall__wrapper" }, qo = { class: "logo-wall__content" }, To = {
+}), Bo = /* @__PURE__ */ f(So, [["__scopeId", "data-v-22f9be13"]]), Io = { class: "logo-wall__wrapper" }, qo = { class: "logo-wall__content" }, Lo = {
   key: 0,
   class: "logo-wall__text"
-}, Do = { key: 0 }, Lo = { key: 1 }, Co = { class: "logo-wall__logos" }, Vo = { class: "logo-wall__link" }, Ao = /* @__PURE__ */ g({
+}, Vo = { key: 0 }, Do = { key: 1 }, To = { class: "logo-wall__logos" }, Co = { class: "logo-wall__link" }, Ao = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1366,11 +1366,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   setup(e) {
     return (a, r) => (l(), i("div", Io, [
       t("div", qo, [
-        e.headline || e.body ? (l(), i("div", To, [
-          e.headline ? (l(), i("h2", Do, n(e.headline), 1)) : m("", !0),
-          e.body ? (l(), i("p", Lo, n(e.body), 1)) : m("", !0)
+        e.headline || e.body ? (l(), i("div", Lo, [
+          e.headline ? (l(), i("h2", Vo, n(e.headline), 1)) : m("", !0),
+          e.body ? (l(), i("p", Do, n(e.body), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", Co, [
+        t("div", To, [
           (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
             key: s.src + s.alt,
             class: "logo-wall__logo"
@@ -1388,8 +1388,8 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             }, 1024)
           ]))), 128))
         ]),
-        t("div", Vo, [
-          S(V, {
+        t("div", Co, [
+          S(C, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1420,7 +1420,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = D(() => a[s.bgColor]), s = e;
+    }, r = V(() => a[s.bgColor]), s = e;
     return (o, _) => (l(), i("div", {
       class: h(["micro-stories__wrapper", r.value])
     }, [
@@ -1438,18 +1438,18 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       c(o.$slots, "micro-stories-controls")
     ], 2));
   }
-}), No = {}, Ho = { class: "policy__wrapper" }, zo = { class: "policy__content" };
+}), Ho = {}, No = { class: "policy__wrapper" }, zo = { class: "policy__content" };
 function jo(e, a) {
-  return l(), i("div", Ho, [
+  return l(), i("div", No, [
     t("div", zo, [
       c(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
-const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a"]]), Ko = { class: "card-display__wrapper" }, Go = {
+const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a"]]), Ko = { class: "card-display__wrapper" }, Go = {
   key: 0,
   class: "card__content"
-}, Wo = { key: 0 }, Yo = { key: 1 }, Jo = { class: "card__cards" }, Qo = /* @__PURE__ */ g({
+}, Jo = { key: 0 }, Wo = { key: 1 }, Yo = { class: "card__cards" }, Qo = /* @__PURE__ */ g({
   __name: "card-display",
   props: {
     headline: {
@@ -1474,10 +1474,10 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
     }, [
       t("div", Ko, [
         e.headline || e.paragraph ? (l(), i("div", Go, [
-          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : m("", !0),
-          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : m("", !0)
+          e.headline ? (l(), i("h2", Jo, n(e.headline), 1)) : m("", !0),
+          e.paragraph ? (l(), i("p", Wo, n(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", Jo, [
+        t("div", Yo, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
@@ -1503,7 +1503,7 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = D(() => a[r.variant]);
+    }, r = e, s = V(() => a[r.variant]);
     return (o, _) => (l(), i("div", {
       class: h([
         "promo__wrapper",
@@ -1534,7 +1534,7 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          S(Z, {
+          S(X, {
             src: o.src,
             "local-video": "",
             "aria-label": o.alt,
@@ -1552,7 +1552,7 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), L(Y, {
+          o.label ? (l(), D(W, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -1565,7 +1565,7 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
           }, [
             c(o.$slots, "promo-headline")
           ], 2),
-          o.linkType === "link" ? (l(), L(V, {
+          o.linkType === "link" ? (l(), D(C, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -1575,7 +1575,7 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          o.linkType === "button" ? (l(), L(V, {
+          o.linkType === "button" ? (l(), D(C, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -1666,7 +1666,7 @@ const Uo = /* @__PURE__ */ f(No, [["render", jo], ["__scopeId", "data-v-ea887d7a
       ])
     }, [
       t("div", hl, [
-        a.label ? (l(), L(Y, {
+        a.label ? (l(), D(W, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -1733,10 +1733,10 @@ function Sl(e, a) {
     ])
   ]);
 }
-const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194"]]), Il = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), ql = { class: "timeline__wrapper" }, Tl = { class: "timeline__content" }, Dl = { class: "timeline__items" }, Ll = { class: "item__left" }, Cl = /* @__PURE__ */ Il(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194"]]), Il = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), ql = { class: "timeline__wrapper" }, Ll = { class: "timeline__content" }, Vl = { class: "timeline__items" }, Dl = { class: "item__left" }, Tl = /* @__PURE__ */ Il(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), Vl = { class: "item__right" }, Al = ["innerHTML"], Pl = /* @__PURE__ */ g({
+], -1)), Cl = { class: "item__right" }, Al = ["innerHTML"], Pl = /* @__PURE__ */ g({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -1760,15 +1760,15 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
         r.observe(s);
       });
     }), (a, r) => (l(), i("div", ql, [
-      t("div", Tl, [
-        t("div", Dl, [
+      t("div", Ll, [
+        t("div", Vl, [
           (l(!0), i(P, null, M(e.timelineItems, (s) => (l(), i("div", {
             key: s.year,
             class: "timeline__item faded"
           }, [
-            t("div", Ll, n(s.year), 1),
-            Cl,
-            t("div", Vl, [
+            t("div", Dl, n(s.year), 1),
+            Tl,
+            t("div", Cl, [
               S(A, null, {
                 default: $(() => [
                   s.media.src ? c(a.$slots, "timeline-image", O(ie({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : m("", !0)
@@ -1792,7 +1792,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
 }, Rl = {
   key: 1,
   class: "vimeo__description"
-}, Nl = /* @__PURE__ */ g({
+}, Hl = /* @__PURE__ */ g({
   __name: "vimeo",
   props: {
     headline: {
@@ -1813,7 +1813,61 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), Hl = /* @__PURE__ */ f(Nl, [["__scopeId", "data-v-90a2b109"]]), zl = { class: "not-found__wrapper" }, jl = { class: "not-found__content" }, Ul = { class: "not-found__headline" }, Kl = { class: "not-found__body" }, Gl = /* @__PURE__ */ g({
+}), Nl = /* @__PURE__ */ f(Hl, [["__scopeId", "data-v-90a2b109"]]), zl = { class: "academy-overview" }, jl = { class: "academy-overview__content-wrapper" }, Ul = { class: "academy-overview__content" }, Kl = { class: "academy-overview__title" }, Gl = { class: "academy-overview__description" }, Jl = {
+  key: 0,
+  class: "academy-overview__stats"
+}, Wl = { class: "academy-overview__stats-row" }, Yl = { class: "academy-overview__stat" }, Ql = { class: "academy-overview__value" }, Zl = { class: "academy-overview__label" }, Xl = { class: "academy-overview__stat" }, xl = { class: "academy-overview__value" }, es = { class: "academy-overview__label" }, ts = { class: "academy-overview__stat" }, as = { class: "academy-overview__value" }, os = { class: "academy-overview__label" }, ls = {
+  key: 1,
+  class: "academy-overview__button-wrapper"
+}, ss = /* @__PURE__ */ g({
+  __name: "frontpage-hero",
+  props: {
+    hero: { default: () => ({
+      headline: "Welcome back",
+      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
+    }) }
+  },
+  setup(e) {
+    return (a, r) => (l(), i("div", zl, [
+      t("div", jl, [
+        t("div", Ul, [
+          t("h1", Kl, n(a.hero.headline), 1),
+          t("p", Gl, n(a.hero.description), 1),
+          a.hero.showStats ? (l(), i("div", Jl, [
+            t("div", Wl, [
+              t("div", Yl, [
+                t("div", Ql, n(a.hero.lessonValue), 1),
+                t("div", Zl, n(a.hero.lessonLabel), 1)
+              ]),
+              t("div", Xl, [
+                t("div", xl, n(a.hero.minutesValue), 1),
+                t("div", es, n(a.hero.minutesLabel), 1)
+              ]),
+              t("div", ts, [
+                t("div", as, n(a.hero.pointsValue), 1),
+                t("div", os, n(a.hero.pointsLabel), 1)
+              ])
+            ])
+          ])) : m("", !0),
+          a.hero.showStats ? m("", !0) : (l(), i("div", ls, [
+            S(I(Z), {
+              "aria-label": "sign in",
+              variant: "primary",
+              "button-text": "Sign in"
+            })
+          ]))
+        ])
+      ])
+    ]));
+  }
+}), is = /* @__PURE__ */ f(ss, [["__scopeId", "data-v-6dcefaba"]]), rs = { class: "not-found__wrapper" }, ns = { class: "not-found__content" }, ds = { class: "not-found__headline" }, cs = { class: "not-found__body" }, us = /* @__PURE__ */ g({
   __name: "404",
   props: {
     headline: {
@@ -1822,16 +1876,16 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", zl, [
-      t("div", jl, [
-        t("h1", Ul, n(e.headline), 1),
-        t("div", Kl, [
+    return (a, r) => (l(), i("div", rs, [
+      t("div", ns, [
+        t("h1", ds, n(e.headline), 1),
+        t("div", cs, [
           c(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), Wl = /* @__PURE__ */ f(Gl, [["__scopeId", "data-v-b829ca6c"]]), Yl = { class: "filter__wrapper" }, Jl = { class: "filter__content" }, Ql = { class: "filter__dropdowns" }, Zl = { class: "filter__chips" }, Xl = /* @__PURE__ */ g({
+}), _s = /* @__PURE__ */ f(us, [["__scopeId", "data-v-b829ca6c"]]), ps = { class: "filter__wrapper" }, hs = { class: "filter__content" }, ms = { class: "filter__dropdowns" }, vs = { class: "filter__chips" }, fs = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1845,12 +1899,12 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (l(), i("div", Yl, [
-      t("div", Jl, [
-        t("div", Ql, [
+    return (a, r) => (l(), i("div", ps, [
+      t("div", hs, [
+        t("div", ms, [
           c(a.$slots, "filter-dropdowns")
         ]),
-        t("div", Zl, [
+        t("div", vs, [
           c(a.$slots, "filter-chips"),
           e.hasChips ? (l(), i("button", {
             key: 0,
@@ -1861,13 +1915,13 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), xl = /* @__PURE__ */ f(Xl, [["__scopeId", "data-v-31c1ba00"]]), H = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), es = { class: "footer__wrapper" }, ts = { class: "footer__content" }, as = { class: "footer__sections" }, os = { class: "section__title" }, ls = { class: "section__list" }, ss = { class: "section" }, is = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), rs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), ns = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), ds = /* @__PURE__ */ H(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), cs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("br", null, null, -1)), us = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), _s = /* @__PURE__ */ H(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), ps = { class: "footer__bottom" }, hs = { class: "copyright" }, ms = { class: "footer__policy" }, vs = /* @__PURE__ */ H(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), fs = {
+}), gs = /* @__PURE__ */ f(fs, [["__scopeId", "data-v-31c1ba00"]]), N = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), bs = { class: "footer__wrapper" }, ys = { class: "footer__content" }, $s = { class: "footer__sections" }, ks = { class: "section__title" }, ws = { class: "section__list" }, Ss = { class: "section" }, Bs = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), Is = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), qs = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ls = /* @__PURE__ */ N(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Vs = /* @__PURE__ */ N(() => /* @__PURE__ */ t("br", null, null, -1)), Ds = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ N(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), Cs = { class: "footer__bottom" }, As = { class: "copyright" }, Ps = { class: "footer__policy" }, Ms = /* @__PURE__ */ N(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Os = {
   key: 0,
   class: "footer__social"
-}, gs = ["href", "aria-label"], bs = {
+}, Fs = ["href", "aria-label"], Es = {
   key: 1,
   class: "footer__social"
-}, ys = ["href", "aria-label"], $s = /* @__PURE__ */ g({
+}, Rs = ["href", "aria-label"], Hs = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -1880,69 +1934,69 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   },
   emits: ["changeRegionClicked"],
   setup(e) {
-    return (a, r) => (l(), i("div", es, [
-      t("footer", ts, [
-        t("div", as, [
+    return (a, r) => (l(), i("div", bs, [
+      t("footer", ys, [
+        t("div", $s, [
           (l(!0), i(P, null, M(a.footerSections, (s) => (l(), i("div", {
             key: s.title,
             class: "section"
           }, [
-            t("span", os, n(s.title), 1),
+            t("span", ks, n(s.title), 1),
             t("nav", null, [
-              t("ul", ls, [
+              t("ul", ws, [
                 c(a.$slots, "section-links", {
                   links: s.links
                 })
               ])
             ])
           ]))), 128)),
-          t("div", ss, [
-            is,
+          t("div", Ss, [
+            Bs,
             t("address", null, [
-              rs,
-              ns,
-              ds,
-              cs,
-              S(V, {
+              Is,
+              qs,
+              Ls,
+              Vs,
+              S(C, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  us
+                  Ds
                 ]),
                 _: 1
               }),
-              S(V, {
+              S(C, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  _s
+                  Ts
                 ]),
                 _: 1
               })
             ])
           ])
         ]),
-        t("div", ps, [
-          t("p", hs, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
-          t("div", ms, [
+        t("div", Cs, [
+          t("p", As, " © Mobile Industrial Robots " + n((/* @__PURE__ */ new Date()).getFullYear()), 1),
+          t("div", Ps, [
             t("button", {
               class: "footer__language-switcher",
               onClick: r[0] || (r[0] = (s) => a.$emit("changeRegionClicked"))
             }, [
               t("span", null, [
-                vs,
+                Ms,
                 Q(n(a.changeRegion), 1)
               ])
             ]),
             c(a.$slots, "footer-privacy-link"),
             c(a.$slots, "footer-cookie-link")
           ]),
-          a.language !== "zh" ? (l(), i("div", fs, [
-            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), L(V, {
+          a.language !== "zh" ? (l(), i("div", Os, [
+            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), D(C, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -1958,12 +2012,12 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                     height: "14",
                     class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, gs)
+                ], 8, Fs)
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (l(), i("div", bs, [
-            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), L(V, {
+          ])) : (l(), i("div", Es, [
+            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), D(C, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -1979,7 +2033,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                     height: "14",
                     class: h(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, ys)
+                ], 8, Rs)
               ]),
               _: 2
             }, 1024))), 128))
@@ -1988,52 +2042,52 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), ks = /* @__PURE__ */ f($s, [["__scopeId", "data-v-aa82b03d"]]), ws = { class: "header__wrapper" }, Ss = { class: "nav-wrapper" }, Bs = { class: "mir-link-logo" }, Is = { class: "main-nav-items" }, qs = {
+}), Ns = /* @__PURE__ */ f(Hs, [["__scopeId", "data-v-aa82b03d"]]), zs = { class: "header__wrapper" }, js = { class: "nav-wrapper" }, Us = { class: "mir-link-logo" }, Ks = { class: "main-nav-items" }, Gs = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
-}, Ts = {
+}, Js = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow"
-}, Ds = {
+}, Ws = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/9x6/8cecdca15f/arrow-down.svg?cv=1695125714195",
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, Ls = { class: "dropdown-content" }, Cs = { class: "nav-search-wrapper" }, Vs = ["src"], As = {
+}, Ys = { class: "dropdown-content" }, Qs = { class: "nav-search-wrapper" }, Zs = ["src"], Xs = {
   key: 1,
   id: "menu-portal-switcher",
   class: "portal-switcher-wrapper"
-}, Ps = {
+}, xs = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portalswitchericon",
   width: "20",
   height: "20"
-}, Ms = {
+}, ei = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/14x12/1b00a4a551/portal-switcher.svg?cv=1712916615032",
   alt: "portalswitchericon",
   width: "20",
   height: "20"
-}, Os = { class: "portal-switcher-content" }, Fs = {
+}, ti = { class: "portal-switcher-content" }, ai = {
   key: 2,
   id: "menu-profile-dropdown",
   class: "profile-dropdown-wrapper"
-}, Es = {
+}, oi = {
   key: 0,
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
   width: "20",
   height: "20"
-}, Rs = {
+}, li = {
   key: 1,
   src: "https://a.storyblok.com/f/230581/15x14/3b3253dd12/icon-user.svg?cv=1712916615014",
   alt: "profiledropdownicon",
   width: "20",
   height: "20"
-}, Ns = { class: "profile-dropdown-content" }, Hs = { class: "mobile-logo-search-burger-wrapper" }, zs = { class: "mobile-mir-link-logo" }, js = { class: "mobile-search-wrapper" }, Us = ["src"], Ks = ["src"], Gs = { class: "mobile-menu-content-wrapper" }, Ws = { class: "mobile-dropdown-content" }, Ys = /* @__PURE__ */ g({
+}, si = { class: "profile-dropdown-content" }, ii = { class: "mobile-logo-search-burger-wrapper" }, ri = { class: "mobile-mir-link-logo" }, ni = { class: "mobile-search-wrapper" }, di = ["src"], ci = ["src"], ui = { class: "mobile-menu-content-wrapper" }, _i = { class: "mobile-dropdown-content" }, pi = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2076,16 +2130,16 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     let s = null;
     const o = e;
     let _ = q(o.burgerState), u = q(o.showDropDown), p = q(o.showPortalSwitcherDropDown), w = q(o.showProfileDropDown);
-    ee(
+    te(
       () => o.burgerState,
       (b) => _.value = b
-    ), ee(
+    ), te(
       () => o.showDropDown,
       (b) => u.value = b
-    ), ee(
+    ), te(
       () => o.showPortalSwitcherDropDown,
       (b) => p.value = b
-    ), ee(
+    ), te(
       () => o.showProfileDropDown,
       (b) => w.value = b
     ), pe(() => {
@@ -2099,7 +2153,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     function B() {
       u.value = !u.value, v("update:showDropDown", u.value);
     }
-    function C() {
+    function T() {
       p.value = !p.value, v("update:showPortalSwitcherDropDown", p.value);
     }
     function ae() {
@@ -2108,36 +2162,36 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     function oe() {
       _.value = !_.value, v("update:burgerState", _.value);
     }
-    let U = q(null), X = q(null);
+    let U = q(null), x = q(null);
     function le() {
       U.value && U.value.blur();
     }
     return a({
       defocusSearchButton: le
-    }), (b, K) => (l(), i("div", ws, [
+    }), (b, K) => (l(), i("div", zs, [
       t("nav", null, [
-        t("div", Ss, [
-          t("div", Bs, [
+        t("div", js, [
+          t("div", Us, [
             c(b.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", Is, [
+          t("ul", Ks, [
             c(b.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          e.useDropdown ? (l(), i("div", qs, [
+          e.useDropdown ? (l(), i("div", Gs, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: B
             }, [
               c(b.$slots, "dropdown-title", {}, void 0, !0),
-              I(u) === !1 ? (l(), i("img", Ts)) : (l(), i("img", Ds))
+              I(u) === !1 ? (l(), i("img", Js)) : (l(), i("img", Ws))
             ]),
-            j(t("div", Ls, [
+            j(t("div", Ys, [
               c(b.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
-              [W, I(u)]
+              [J, I(u)]
             ])
           ], 512)) : m("", !0),
-          t("div", Cs, [
+          t("div", Qs, [
             t("button", {
               ref_key: "navSearchButton",
               ref: U,
@@ -2152,54 +2206,54 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                 alt: "search icon",
                 width: "20",
                 height: "20"
-              }, null, 8, Vs)
+              }, null, 8, Zs)
             ], 512)
           ]),
-          e.usePortalSwitcher ? (l(), i("div", As, [
+          e.usePortalSwitcher ? (l(), i("div", Xs, [
             t("button", {
               class: "nav-portal-switcher-btn",
-              onClick: C
+              onClick: T
             }, [
               c(b.$slots, "portal-switcher-title", {}, void 0, !0),
-              I(p) === !1 ? (l(), i("img", Ps)) : (l(), i("img", Ms))
+              I(p) === !1 ? (l(), i("img", xs)) : (l(), i("img", ei))
             ]),
-            j(t("div", Os, [
+            j(t("div", ti, [
               c(b.$slots, "portal-switcher-links", {}, void 0, !0)
             ], 512), [
-              [W, I(p)]
+              [J, I(p)]
             ])
           ])) : m("", !0),
-          e.useProfileDropdown ? (l(), i("div", Fs, [
+          e.useProfileDropdown ? (l(), i("div", ai, [
             t("button", {
               class: "nav-profile-dropdown-btn",
               onClick: ae
             }, [
               c(b.$slots, "porfile-dropdown-title", {}, void 0, !0),
-              I(w) === !1 ? (l(), i("img", Es)) : (l(), i("img", Rs))
+              I(w) === !1 ? (l(), i("img", oi)) : (l(), i("img", li))
             ]),
-            j(t("div", Ns, [
+            j(t("div", si, [
               c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
-              [W, I(w)]
+              [J, I(w)]
             ])
           ])) : m("", !0)
         ]),
         t("div", {
           class: h(["mobile-nav-wrapper", I(_) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
         }, [
-          t("div", Hs, [
-            t("div", zs, [
+          t("div", ii, [
+            t("div", ri, [
               c(b.$slots, "link-logo", {}, void 0, !0)
             ]),
-            t("div", js, [
+            t("div", ni, [
               t("button", {
                 ref_key: "mobileSearchButton",
-                ref: X,
+                ref: x,
                 class: "search-icon",
                 "aria-label": "Toggle search",
                 onClick: K[1] || (K[1] = (se) => {
                   var z;
-                  return b.$emit("clickSearch"), (z = I(X)) == null ? void 0 : z.blur();
+                  return b.$emit("clickSearch"), (z = I(x)) == null ? void 0 : z.blur();
                 })
               }, [
                 t("img", {
@@ -2207,7 +2261,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, Us)
+                }, null, 8, di)
               ], 512)
             ]),
             t("button", {
@@ -2220,25 +2274,25 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                 height: "20",
                 alt: "burger menu line icon",
                 src: I(_) === !0 ? "https://a.storyblok.com/f/230581/17x18/20e9329e46/close-white.svg" : "https://a.storyblok.com/f/230581/23x14/739e917bca/burger-menu-line.svg"
-              }, null, 8, Ks)
+              }, null, 8, ci)
             ])
           ]),
-          j(t("div", Gs, [
+          j(t("div", ui, [
             t("ul", null, [
               c(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
-            t("ul", Ws, [
+            t("ul", _i, [
               c(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
               c(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
-            [W, I(_)]
+            [J, I(_)]
           ])
         ], 2)
       ])
     ]));
   }
-}), Js = /* @__PURE__ */ f(Ys, [["__scopeId", "data-v-d641eedd"]]), Qs = { class: "language__wrapper" }, Zs = { class: "language__content" }, Xs = { class: "language__headline" }, xs = { class: "language__paragraph" }, ei = { class: "language__links" }, ti = /* @__PURE__ */ g({
+}), hi = /* @__PURE__ */ f(pi, [["__scopeId", "data-v-d641eedd"]]), mi = { class: "language__wrapper" }, vi = { class: "language__content" }, fi = { class: "language__headline" }, gi = { class: "language__paragraph" }, bi = { class: "language__links" }, yi = /* @__PURE__ */ g({
   __name: "language-switcher",
   props: {
     headline: {
@@ -2251,17 +2305,17 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", Qs, [
-      t("div", Zs, [
-        t("h2", Xs, n(e.headline), 1),
-        t("p", xs, n(e.paragraph), 1),
-        t("div", ei, [
+    return (a, r) => (l(), i("div", mi, [
+      t("div", vi, [
+        t("h2", fi, n(e.headline), 1),
+        t("p", gi, n(e.paragraph), 1),
+        t("div", bi, [
           c(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
   }
-}), ai = /* @__PURE__ */ f(ti, [["__scopeId", "data-v-dc8cc97e"]]), oi = { class: "pagination__wrapper" }, li = { class: "pagination__content" }, si = /* @__PURE__ */ g({
+}), $i = /* @__PURE__ */ f(yi, [["__scopeId", "data-v-dc8cc97e"]]), ki = { class: "pagination__wrapper" }, wi = { class: "pagination__content" }, Si = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2275,16 +2329,16 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   },
   emits: ["previous", "next"],
   setup(e) {
-    return (a, r) => (l(), i("div", oi, [
-      t("div", li, [
-        S(te, {
+    return (a, r) => (l(), i("div", ki, [
+      t("div", wi, [
+        S(Z, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
         c(a.$slots, "pagination-numbers"),
-        S(te, {
+        S(Z, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
@@ -2293,19 +2347,19 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       ])
     ]));
   }
-}), ii = /* @__PURE__ */ f(si, [["__scopeId", "data-v-da6d07c9"]]), ri = {}, ni = { class: "search__wrapper" };
-function di(e, a) {
-  return l(), i("div", ni, [
+}), Bi = /* @__PURE__ */ f(Si, [["__scopeId", "data-v-da6d07c9"]]), Ii = {}, qi = { class: "search__wrapper" };
+function Li(e, a) {
+  return l(), i("div", qi, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82"]]), ui = { class: "product-hero__wrapper" }, _i = { class: "product-hero__content" }, pi = { class: "product-hero__headline" }, hi = { class: "product-hero__video" }, mi = { class: "product-hero__insignia" }, vi = {
+const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82"]]), Di = { class: "product-hero__wrapper" }, Ti = { class: "product-hero__content" }, Ci = { class: "product-hero__headline" }, Ai = { class: "product-hero__video" }, Pi = { class: "product-hero__insignia" }, Mi = {
   key: 0,
   class: "product-hero__logo"
-}, fi = {
+}, Oi = {
   key: 1,
   class: "product-hero__certification"
-}, gi = /* @__PURE__ */ g({
+}, Fi = /* @__PURE__ */ g({
   __name: "product-hero",
   props: {
     headline: {
@@ -2340,11 +2394,11 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ui, [
-      t("div", _i, [
-        t("div", pi, n(e.headline), 1),
-        t("div", hi, [
-          e.videoSrc !== "" ? (l(), L(Z, {
+    return (a, r) => (l(), i("div", Di, [
+      t("div", Ti, [
+        t("div", Ci, n(e.headline), 1),
+        t("div", Ai, [
+          e.videoSrc !== "" ? (l(), D(X, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2355,14 +2409,14 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (l(), L(I(A), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), D(I(A), { key: 1 }, {
             default: $(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          t("div", mi, [
-            e.logoSrc ? (l(), i("div", vi, [
+          t("div", Pi, [
+            e.logoSrc ? (l(), i("div", Mi, [
               S(I(A), null, {
                 default: $(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
@@ -2370,7 +2424,7 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
                 _: 3
               })
             ])) : m("", !0),
-            e.isCertified ? (l(), i("div", fi, [
+            e.isCertified ? (l(), i("div", Oi, [
               S(I(A), null, {
                 default: $(() => [
                   c(a.$slots, "product-hero-certification", {}, void 0, !0)
@@ -2383,7 +2437,7 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
       ])
     ]));
   }
-}), bi = /* @__PURE__ */ f(gi, [["__scopeId", "data-v-deab9c3a"]]), yi = { class: "promo__content" }, $i = { class: "pallet-jack__media-wrap" }, ki = { class: "pallet-jack-link" }, wi = { class: "pallet-jack__media-wrap__inner-wrap" }, Si = { class: "pallet-jack__media-wrap__content-wrap" }, Bi = { class: "regular-blue" }, Ii = /* @__PURE__ */ g({
+}), Ei = /* @__PURE__ */ f(Fi, [["__scopeId", "data-v-deab9c3a"]]), Ri = { class: "promo__content" }, Hi = { class: "pallet-jack__media-wrap" }, Ni = { class: "pallet-jack-link" }, zi = { class: "pallet-jack__media-wrap__inner-wrap" }, ji = { class: "pallet-jack__media-wrap__content-wrap" }, Ui = { class: "regular-blue" }, Ki = /* @__PURE__ */ g({
   __name: "pallet-jack",
   props: {
     label: { default: "" },
@@ -2401,7 +2455,7 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = D(() => a[r.variant]);
+    }, r = e, s = V(() => a[r.variant]);
     return (o, _) => (l(), i("div", {
       class: h([
         "promo__wrapper",
@@ -2409,22 +2463,22 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
         o.teaser ? "promo__wrapper--teaser" : ""
       ])
     }, [
-      t("div", yi, [
+      t("div", Ri, [
         t("div", {
           class: h([
             "promo__video",
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          t("div", $i, [
-            t("div", ki, [
+          t("div", Hi, [
+            t("div", Ni, [
               c(o.$slots, "pallet-jack-link")
             ]),
-            t("div", wi, [
+            t("div", zi, [
               c(o.$slots, "pallet-jack-video")
             ]),
-            t("div", Si, [
-              t("h3", Bi, n(o.headline), 1),
+            t("div", ji, [
+              t("h3", Ui, n(o.headline), 1),
               t("p", null, n(o.shortDescription), 1)
             ])
           ])
@@ -2435,7 +2489,7 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), L(Y, {
+          o.label ? (l(), D(W, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -2448,7 +2502,7 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
           }, [
             c(o.$slots, "promo-text")
           ], 2),
-          o.linkType === "link" ? (l(), L(V, {
+          o.linkType === "link" ? (l(), D(C, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -2458,7 +2512,7 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
-          o.linkType === "button" ? (l(), L(V, {
+          o.linkType === "button" ? (l(), D(C, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2471,56 +2525,57 @@ const ci = /* @__PURE__ */ f(ri, [["render", di], ["__scopeId", "data-v-623adb82
       ])
     ], 2));
   }
-}), qi = /* @__PURE__ */ f(Ii, [["__scopeId", "data-v-00c0bad3"]]), Di = {
+}), Gi = /* @__PURE__ */ f(Ki, [["__scopeId", "data-v-00c0bad3"]]), Wi = {
   install: (e) => {
-    e.component("AtomButton", te), e.component("AtomCheckbox", Ve), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", Y), e.component("AtomLink", V), e.component("AtomRadioButton", ot), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Tt), e.component("AtomTextField", Rt), e.component("AtomVideo", Z), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", he), e.component("MoleculeTextCard", Sa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockFormScript", Ja), e.component("BlockHeadline", _o), e.component("BlockHero", Bo), e.component("BlockImage", to), e.component("BlockImageGallery", ro), e.component("BlockLogoWall", Po), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Uo), e.component("BlockProductHero", bi), e.component("BlockPromo", el), e.component("BlockQuote", pl), e.component("BlockRichText", gl), e.component("BlockRichTextColumns", Bl), e.component("BlockTimeline", Ml), e.component("BlockCardDisplay", Zo), e.component("BlockVimeo", Hl), e.component("BlockPalletJack", qi), e.component("Organism404", Wl), e.component("OrganismFilter", xl), e.component("OrganismFooter", ks), e.component("OrganismHeader", Js), e.component("OrganismLanguageSwitcher", ai), e.component("OrganismPagination", ii), e.component("OrganismSearch", ci);
+    e.component("AtomButton", Z), e.component("AtomCheckbox", Ce), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", W), e.component("AtomLink", C), e.component("AtomRadioButton", ot), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Rt), e.component("AtomVideo", X), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", he), e.component("MoleculeTextCard", Sa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Na), e.component("BlockFormScript", Ya), e.component("BlockHeadline", _o), e.component("BlockHero", Bo), e.component("BlockImage", to), e.component("BlockImageGallery", ro), e.component("BlockLogoWall", Po), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Uo), e.component("BlockProductHero", Ei), e.component("BlockPromo", el), e.component("BlockQuote", pl), e.component("BlockRichText", gl), e.component("BlockRichTextColumns", Bl), e.component("BlockTimeline", Ml), e.component("BlockCardDisplay", Zo), e.component("BlockVimeo", Nl), e.component("BlockPalletJack", Gi), e.component("BlockFrontPageHero", is), e.component("Organism404", _s), e.component("OrganismFilter", gs), e.component("OrganismFooter", Ns), e.component("OrganismHeader", hi), e.component("OrganismLanguageSwitcher", $i), e.component("OrganismPagination", Bi), e.component("OrganismSearch", Vi);
   }
 };
 export {
-  te as AtomButton,
-  Ve as AtomCheckbox,
+  Z as AtomButton,
+  Ce as AtomCheckbox,
   Fe as AtomChip,
   Ke as AtomDropdown,
   A as AtomImage,
-  Y as AtomLabel,
-  V as AtomLink,
+  W as AtomLabel,
+  C as AtomLink,
   ot as AtomRadioButton,
   dt as AtomSelect,
   yt as AtomSlider,
   Rt as AtomTextField,
-  Tt as AtomTextarea,
-  Z as AtomVideo,
+  Lt as AtomTextarea,
+  X as AtomVideo,
   Zo as BlockCardDisplay,
   Aa as BlockFacts,
-  Ha as BlockFeatures,
-  Ja as BlockFormScript,
+  Na as BlockFeatures,
+  Ya as BlockFormScript,
+  is as BlockFrontPageHero,
   _o as BlockHeadline,
   Bo as BlockHero,
   to as BlockImage,
   ro as BlockImageGallery,
   Po as BlockLogoWall,
   Ro as BlockMicroStories,
-  qi as BlockPalletJack,
+  Gi as BlockPalletJack,
   Uo as BlockPolicy,
-  bi as BlockProductHero,
+  Ei as BlockProductHero,
   el as BlockPromo,
   pl as BlockQuote,
   gl as BlockRichText,
   Bl as BlockRichTextColumns,
   Ml as BlockTimeline,
-  Hl as BlockVimeo,
+  Nl as BlockVimeo,
   ta as MoleculeAddress,
   ia as MoleculeBulletList,
   ua as MoleculeCard,
   ba as MoleculeEventCard,
   he as MoleculeModal,
   Sa as MoleculeTextCard,
-  Wl as Organism404,
-  xl as OrganismFilter,
-  ks as OrganismFooter,
-  Js as OrganismHeader,
-  ai as OrganismLanguageSwitcher,
-  ii as OrganismPagination,
-  ci as OrganismSearch,
-  Di as default
+  _s as Organism404,
+  gs as OrganismFilter,
+  Ns as OrganismFooter,
+  hi as OrganismHeader,
+  $i as OrganismLanguageSwitcher,
+  Bi as OrganismPagination,
+  Vi as OrganismSearch,
+  Wi as default
 };