@mirweb/mir-web-components 1.2.6 → 1.3.1

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as R, createTextVNode as x, ref as q, withDirectives as K, Fragment as P, renderList as M, vShow as Y, normalizeProps as F, guardReactiveProps as H, toRefs as $e, mergeProps as de, createVNode as S, Transition as ke, withCtx as $, withModifiers as pe, createBlock as C, createCommentVNode as h, watchEffect as he, withKeys as we, useSlots as Se, normalizeStyle as ce, isRef as ne, unref as I, onMounted as me, watch as W, onUnmounted as Be } from "vue";
+import { defineComponent as g, computed as D, openBlock as l, createElementBlock as i, normalizeClass as m, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as E, popScopeId as H, createTextVNode as x, ref as q, withDirectives as K, Fragment as P, renderList as M, vShow as Y, normalizeProps as F, guardReactiveProps as R, toRefs as $e, mergeProps as de, createVNode as S, Transition as ke, withCtx as $, withModifiers as he, createBlock as T, createCommentVNode as p, watchEffect as pe, withKeys as we, useSlots as Se, normalizeStyle as ce, isRef as ne, unref as I, onMounted as me, watch as W, onUnmounted as Be } from "vue";
 const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -14,7 +14,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, s = V(() => a[r.variant]);
+    }, r = e, s = D(() => a[r.variant]);
     return (o, u) => (l(), i("button", {
       class: m(["button", "button--" + s.value]),
       "aria-label": o.ariaLabel
@@ -25,7 +25,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   for (const [s, o] of a)
     r[s] = o;
   return r;
-}, ae = /* @__PURE__ */ f(qe, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (E("data-v-0adb65a6"), e = e(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Ve = ["for"], Ce = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
+}, ae = /* @__PURE__ */ f(qe, [["__scopeId", "data-v-f61b579c"]]), Le = (e) => (E("data-v-0adb65a6"), e = e(), H(), e), Ce = ["id", "name", "value", "disabled", "required", "checked"], De = ["for"], Te = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Ve = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -54,17 +54,17 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         checked: o.checked,
         class: "checkbox__checkbox",
         onChange: s
-      }, null, 40, De),
+      }, null, 40, Ce),
       t("label", {
         for: o.id,
         class: m(["checkbox__label", o.required ? "required" : ""])
       }, [
-        Ce,
+        Te,
         c(o.$slots, "default", {}, void 0, !0)
-      ], 10, Ve)
+      ], 10, De)
     ], 2));
   }
-}), Ae = /* @__PURE__ */ f(Te, [["__scopeId", "data-v-0adb65a6"]]), Pe = (e) => (E("data-v-08813346"), e = e(), R(), e), Me = ["aria-label"], Oe = /* @__PURE__ */ Pe(() => /* @__PURE__ */ t("img", {
+}), Ae = /* @__PURE__ */ f(Ve, [["__scopeId", "data-v-0adb65a6"]]), Pe = (e) => (E("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"
@@ -75,7 +75,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = V(() => `Chip: ${a.text}`);
+    const a = e, r = D(() => `Chip: ${a.text}`);
     return (s, o) => (l(), i("div", {
       class: "chip__wrapper",
       onClick: o[0] || (o[0] = (u) => s.$emit("remove-chip"))
@@ -89,7 +89,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 8, Me)
     ]));
   }
-}), Ee = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), Re = ["value"], He = ["id"], Ne = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ g({
+}), Ee = /* @__PURE__ */ f(Fe, [["__scopeId", "data-v-08813346"]]), He = ["value"], Re = ["id"], Ne = { class: "listbox__dropdown" }, ze = ["id", "aria-labelledby", "aria-disabled"], je = ["aria-labelledby", "aria-activedescendant"], Ue = ["aria-selected", "data-value"], Ke = /* @__PURE__ */ g({
   __name: "dropdown",
   props: {
     modelValue: {},
@@ -107,7 +107,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     const r = {
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
-    }, s = e, o = V(() => r[s.variant]), u = q(null), p = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = V(() => {
+    }, s = e, o = D(() => r[s.variant]), u = q(null), h = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = D(() => {
       const d = s.options.find(
         (y) => y.value === s.modelValue
       );
@@ -137,11 +137,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const D = s.options.findIndex(
+          const C = s.options.findIndex(
             (J) => J.value === s.modelValue
           );
-          let z = D ? _.value[D] : _.value[0];
-          y === "ArrowUp" ? D - 1 >= 0 && (z = _.value[D - 1]) : D + 1 <= s.options.length && (z = _.value[D + 1]), z && X(z);
+          let z = C ? _.value[C] : _.value[0];
+          y === "ArrowUp" ? C - 1 >= 0 && (z = _.value[C - 1]) : C + 1 <= s.options.length && (z = _.value[C + 1]), z && X(z);
           break;
         }
         case "Home":
@@ -157,8 +157,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           d.preventDefault(), te(), (k = u.value) == null || k.focus();
           break;
         default: {
-          const D = U(y);
-          D && X(D);
+          const C = U(y);
+          C && X(C);
           break;
         }
       }
@@ -183,7 +183,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     function U(d) {
       let y = "";
       (v.value === "" || y !== d) && (L.value = s.options.findIndex(
-        (D) => D.value === s.modelValue
+        (C) => C.value === s.modelValue
       )), v.value = y === d ? d : v.value + d, y = d, N();
       let k = O(
         L.value + 1,
@@ -201,7 +201,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       X(_.value[0]);
     }
     function X(d) {
-      var k, D;
+      var k, C;
       const y = d.getAttribute("data-value");
       if (s.modelValue) {
         const z = s.options.findIndex(
@@ -209,12 +209,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         ), J = _.value[z];
         b(J);
       }
-      if (d.setAttribute("aria-selected", "true"), (k = p.value) == null || k.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (k = h.value) == null || k.setAttribute(
         "aria-activedescendant",
         y || ""
-      ), ie(y || ""), p.value && p.value.scrollHeight > p.value.clientHeight) {
-        const z = p.value.clientHeight + p.value.scrollTop, J = d.offsetTop + d.offsetHeight;
-        J > z ? p.value.scrollTop = J - ((D = p.value) == null ? void 0 : D.clientHeight) : d.offsetTop < p.value.scrollTop && (p.value.scrollTop = d.offsetTop);
+      ), ie(y || ""), h.value && h.value.scrollHeight > h.value.clientHeight) {
+        const z = h.value.clientHeight + h.value.scrollTop, J = d.offsetTop + d.offsetHeight;
+        J > z ? h.value.scrollTop = J - ((C = h.value) == null ? void 0 : C.clientHeight) : d.offsetTop < h.value.scrollTop && (h.value.scrollTop = d.offsetTop);
       }
     }
     function ge() {
@@ -228,7 +228,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     }
     function _e() {
       var d, y;
-      w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y = p.value) == null || y.focus();
+      w.value = !1, (d = u.value) == null || d.setAttribute("aria-expanded", "true"), (y = h.value) == null || y.focus();
     }
     function be() {
       s.disabled || (w.value ? _e() : te());
@@ -245,7 +245,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           "is-disabled": d.disabled,
           "is-required": d.required
         }, "listbox__label"])
-      }, n(d.label), 11, He),
+      }, n(d.label), 11, Re),
       K((l(), i("div", Ne, [
         t("button", {
           id: `${d.name}-button-label`,
@@ -261,7 +261,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         }, n(d.modelValue ? le.value : d.placeholder), 43, ze),
         K(t("ul", {
           ref_key: "listboxNode",
-          ref: p,
+          ref: h,
           "aria-labelledby": `${d.name}-label`,
           "aria-activedescendant": d.modelValue,
           tabindex: "0",
@@ -270,8 +270,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           onKeydown: Z,
           onClick: G
         }, [
-          (l(!0), i(P, null, M(d.options, (k, D) => (l(), i("li", {
-            key: `${d.name}-option-${D}`,
+          (l(!0), i(P, null, M(d.options, (k, C) => (l(), i("li", {
+            key: `${d.name}-option-${C}`,
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _,
@@ -286,7 +286,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])), [
         [se, te]
       ])
-    ], 8, Re));
+    ], 8, He));
   }
 }), Ge = /* @__PURE__ */ f(Ke, [["__scopeId", "data-v-6a8da7a4"]]), Je = { class: "image__wrapper" }, We = /* @__PURE__ */ g({
   __name: "image",
@@ -301,7 +301,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (l(), i("div", Je, [
-      c(a.$slots, "default", F(H(a.$attrs)))
+      c(a.$slots, "default", F(R(a.$attrs)))
     ]));
   }
 }), A = /* @__PURE__ */ f(We, [["__scopeId", "data-v-e10217bd"]]), Ye = { class: "label__wrapper" }, Qe = ["aria-label", "label-dark"], Ze = /* @__PURE__ */ g({
@@ -311,7 +311,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = V(() => `Label: ${a.text}`);
+    const a = e, r = D(() => `Label: ${a.text}`);
     return (s, o) => (l(), i("div", Ye, [
       t("span", {
         "aria-label": r.value,
@@ -320,7 +320,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       }, n(s.text), 11, Qe)
     ]));
   }
-}), Q = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Xe = { class: "link__wrapper" }, T = /* @__PURE__ */ g({
+}), Q = /* @__PURE__ */ f(Ze, [["__scopeId", "data-v-7d9d3a8a"]]), Xe = { class: "link__wrapper" }, V = /* @__PURE__ */ g({
   __name: "link",
   props: {
     linkType: { default: "regular" },
@@ -342,12 +342,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, o = V(() => a[s.linkType]), u = V(() => r[s.underline]), p = V(() => {
+    }, s = e, o = D(() => a[s.linkType]), u = D(() => r[s.underline]), h = D(() => {
       const { ..._ } = $e(s);
       return _;
     });
     return (_, B) => (l(), i("div", Xe, [
-      t("div", de(p.value, {
+      t("div", de(h.value, {
         class: ["mir-link", [
           o.value,
           _.disabled ? "disabled" : "",
@@ -359,7 +359,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 16)
     ]));
   }
-}), xe = (e) => (E("data-v-fa1bda9b"), e = e(), R(), e), et = ["id", "name", "value", "checked", "disabled", "required"], tt = ["for"], at = /* @__PURE__ */ xe(() => /* @__PURE__ */ t("span", { class: "radiomark" }, null, -1)), ot = /* @__PURE__ */ g({
+}), xe = (e) => (E("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" },
@@ -444,7 +444,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     const r = e, s = a, o = () => {
       s("update:show", !r.show);
     };
-    return (u, p) => (l(), i("div", ut, [
+    return (u, h) => (l(), i("div", ut, [
       S(ke, {
         duration: 300,
         name: "nested"
@@ -459,11 +459,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             t("div", {
               id: "modal",
               class: m([u.searchBar ? "search" : ""]),
-              onClick: p[0] || (p[0] = pe(() => {
+              onClick: h[0] || (h[0] = he(() => {
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? h("", !0) : (l(), C(ae, {
+                u.searchBar ? p("", !0) : (l(), T(ae, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -480,7 +480,7 @@ const Ie = ["aria-label"], qe = /* @__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({
+}), 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({
   __name: "slider",
   props: {
     label: {},
@@ -496,11 +496,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, s = a, o = q(r.modelValue), u = q(), p = q(!1), _ = (v, w, L) => (v - w) / (L - w) * 100, B = (v) => {
+    const r = e, s = a, o = q(r.modelValue), u = q(), h = q(!1), _ = (v, w, L) => (v - w) / (L - w) * 100, B = (v) => {
       var w;
       (w = u.value) == null || w.style.setProperty("--ProgressPercent", `${v}%`);
     };
-    return he(() => {
+    return pe(() => {
       if (u.value) {
         s("update:modelValue", o.value);
         const v = _(o.value, r.min, r.max);
@@ -508,8 +508,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         B(v + w);
       }
     }), (v, w) => (l(), i("div", null, [
-      t("div", pt, [
-        t("div", ht, [
+      t("div", ht, [
+        t("div", pt, [
           t("label", {
             for: v.id,
             class: m([v.variant, ""])
@@ -521,9 +521,9 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             "aria-label": v.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog",
-            onClick: w[0] || (w[0] = (L) => p.value = !p.value),
-            onKeyup: w[1] || (w[1] = we((L) => p.value = !p.value, ["enter"]))
-          }, null, 42, vt)) : h("", !0)
+            onClick: w[0] || (w[0] = (L) => h.value = !h.value),
+            onKeyup: w[1] || (w[1] = we((L) => h.value = !h.value, ["enter"]))
+          }, null, 42, vt)) : p("", !0)
         ]),
         t("div", ft, [
           t("span", {
@@ -550,16 +550,16 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           class: m([v.variant, "slider__value"])
         }, n(v.modelValue), 3)
       ]),
-      v.information ? (l(), C(ve, {
+      v.information ? (l(), T(ve, {
         key: 0,
-        show: p.value,
-        "onUpdate:show": w[3] || (w[3] = (L) => p.value = L)
+        show: h.value,
+        "onUpdate:show": w[3] || (w[3] = (L) => h.value = L)
       }, {
         default: $(() => [
           t("p", bt, n(v.information), 1)
         ]),
         _: 1
-      }, 8, ["show"])) : h("", !0)
+      }, 8, ["show"])) : p("", !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({
@@ -602,7 +602,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 8, St),
       t("div", It, [
         t("div", null, [
-          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", qt, " Too many characters. Please make it shorter ")) : h("", !0)
+          a.modelValue !== void 0 && a.modelValue.length === a.maxLength ? (l(), i("p", qt, " Too many characters. Please make it shorter ")) : p("", !0)
         ]),
         t("p", {
           class: m(
@@ -612,7 +612,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Dt = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Vt = { class: "text-field__wrapper" }, Ct = ["for"], Tt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Pt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
+}), Ct = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Dt = { 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 = {
@@ -621,7 +621,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
 }, Et = {
   key: 4,
   class: "helperText"
-}, Rt = /* @__PURE__ */ g({
+}, Ht = /* @__PURE__ */ g({
   __name: "text-field",
   props: {
     type: { default: "text" },
@@ -648,12 +648,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, s = V(() => a[r.type]), o = q(!0), u = V(
+    }, r = e, s = D(() => a[r.type]), o = q(!0), u = D(
       () => o.value ? "showPassword" : "hidePassword"
-    ), p = V(
+    ), h = D(
       () => o.value ? "password" : "text"
     );
-    return (_, B) => (l(), i("div", Vt, [
+    return (_, B) => (l(), i("div", Dt, [
       t("label", {
         for: _.id,
         class: m([
@@ -661,12 +661,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           _.disabled ? "disabled" : "",
           _.search ? "search" : ""
         ])
-      }, n(_.label), 11, Ct),
-      s.value === "password" ? (l(), i("div", Tt, [
+      }, n(_.label), 11, Tt),
+      s.value === "password" ? (l(), i("div", Vt, [
         t("input", {
           id: _.id,
           ref: "passwordField",
-          type: p.value,
+          type: h.value,
           value: _.modelValue,
           placeholder: _.placeholder,
           required: _.required,
@@ -698,12 +698,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         name: _.fieldName,
         onInput: B[2] || (B[2] = (v) => _.$emit("update:modelValue", v.target.value))
       }, null, 42, Mt)),
-      _.search ? (l(), i("i", Ot)) : h("", !0),
-      _.errorMessage ? (l(), i("strong", Ft, n(_.errorMessage), 1)) : h("", !0),
-      _.helperText ? (l(), i("span", Et, n(_.helperText), 1)) : h("", !0)
+      _.search ? (l(), i("i", Ot)) : p("", !0),
+      _.errorMessage ? (l(), i("strong", Ft, n(_.errorMessage), 1)) : p("", !0),
+      _.helperText ? (l(), i("span", Et, n(_.helperText), 1)) : p("", !0)
     ]));
   }
-}), Ht = /* @__PURE__ */ f(Rt, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, zt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
+}), Rt = /* @__PURE__ */ f(Ht, [["__scopeId", "data-v-414b9435"]]), Nt = { class: "video__wrapper" }, zt = ["aria-label", "controls", "poster", "width", "height", "autoplay", "loop", "muted", "src"], jt = ["src", "aria-label", "title", "width", "height"], Ut = /* @__PURE__ */ g({
   __name: "video",
   props: {
     play: { type: Boolean, default: !1 },
@@ -722,13 +722,13 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   setup(e, { expose: a }) {
     const r = e;
     let s = q(null);
-    return he(() => {
+    return pe(() => {
       s.value && (r.play ? s.value.play() : r.play || s.value.pause());
     }), a({
       resetVideo: () => {
         s.value && (s.value.currentTime = 0, s.value.play());
       }
-    }), (u, p) => (l(), i("div", Nt, [
+    }), (u, h) => (l(), i("div", Nt, [
       u.localVideo ? (l(), i("video", {
         key: 0,
         ref_key: "videoRef",
@@ -780,10 +780,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           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", Qt, n(a.addressLine3), 1)) : h("", !0)
+          a.addressLine3 ? (l(), i("p", Qt, n(a.addressLine3), 1)) : p("", !0)
         ]),
         t("div", Zt, [
-          a.website ? (l(), C(T, {
+          a.website ? (l(), T(V, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -795,8 +795,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               }, n(a.website), 9, Xt)
             ]),
             _: 1
-          })) : h("", !0),
-          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), C(T, {
+          })) : p("", !0),
+          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), T(V, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -817,7 +817,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("data-v-a44fd57d"), e = e(), R(), e), la = { class: "bullet-list__wrapper" }, sa = /* @__PURE__ */ oa(() => /* @__PURE__ */ t("i", { class: "checkmark" }, null, -1)), ia = /* @__PURE__ */ g({
+}), aa = /* @__PURE__ */ f(ta, [["__scopeId", "data-v-e1c72a18"]]), oa = (e) => (E("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: {
@@ -890,30 +890,30 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, o = e, u = V(() => s[o.size]);
-    return (p, _) => (l(), i("div", na, [
+    }, o = e, u = D(() => s[o.size]);
+    return (h, _) => (l(), i("div", na, [
       t("div", {
         class: m(["card", [
-          p.theme === "dark" ? "card--dark" : "card--light",
-          p.orientation === "vertical" ? "vertical" : "horizontal",
+          h.theme === "dark" ? "card--dark" : "card--light",
+          h.orientation === "vertical" ? "vertical" : "horizontal",
           u.value.class,
-          p.size === "large" && p.variant === "article" ? "card--large-article" : "",
-          p.variant === "product" ? "card--product" : "card--article"
+          h.size === "large" && h.variant === "article" ? "card--large-article" : "",
+          h.variant === "product" ? "card--product" : "card--article"
         ]]),
-        style: ce([p.variant === "product" ? "font-weight: 700" : "font-weight: 300"]),
+        style: ce([h.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)
       }, [
-        p.mediaType === "image" ? (l(), C(A, { key: 0 }, {
+        h.mediaType === "image" ? (l(), T(A, { key: 0 }, {
           default: $(() => [
-            c(p.$slots, "card-image", de({
-              src: p.imgSrc,
+            c(h.$slots, "card-image", de({
+              src: h.imgSrc,
               width: "596",
               height: "335",
-              alt: p.alt,
+              alt: h.alt,
               loading: "auto",
               sizes: "(min-width: 581px) 582px, 100vw"
-            }, { srcset: p.srcSet }))
+            }, { srcset: h.srcSet }))
           ]),
           _: 3
         })) : (l(), i("div", {
@@ -923,10 +923,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           S(ee, {
             play: I(r),
             "local-video": !0,
-            src: p.videoSrc,
-            "aria-label": p.arialabel,
+            src: h.videoSrc,
+            "aria-label": h.arialabel,
             controls: !1,
-            poster: p.imgSrc,
+            poster: h.imgSrc,
             width: u.value.width,
             height: u.value.height,
             autoplay: !0,
@@ -935,27 +935,27 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
         I(a)["card-label"] ? (l(), i("div", da, [
-          c(p.$slots, "card-label")
-        ])) : h("", !0),
-        p.variant === "product" ? (l(), i("div", {
+          c(h.$slots, "card-label")
+        ])) : p("", !0),
+        h.variant === "product" ? (l(), i("div", {
           key: 3,
           class: m([
             "card__headline",
-            p.theme === "dark" ? "regular-dark" : "regular-blue"
+            h.theme === "dark" ? "regular-dark" : "regular-blue"
           ]),
           style: { "font-weight": "700" }
-        }, n(p.headline), 3)) : (l(), i("div", {
+        }, n(h.headline), 3)) : (l(), i("div", {
           key: 4,
           class: m([
             "card__headline",
-            p.theme === "dark" ? "regular-dark" : "regular-dark-blue"
+            h.theme === "dark" ? "regular-dark" : "regular-dark-blue"
           ])
-        }, n(p.headline), 3)),
-        p.variant === "product" ? (l(), i("p", ca, n(p.paragraph), 1)) : h("", !0)
+        }, n(h.headline), 3)),
+        h.variant === "product" ? (l(), i("p", ca, n(h.paragraph), 1)) : p("", !0)
       ], 38)
     ]));
   }
-}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), pa = (e) => (E("data-v-2c394add"), e = e(), R(), e), ha = { class: "event__wrapper" }, ma = { class: "event__headline" }, va = { class: "event__date-location" }, fa = /* @__PURE__ */ pa(() => /* @__PURE__ */ t("br", null, null, -1)), ga = { class: "event__exhibitor" }, ba = /* @__PURE__ */ g({
+}), _a = /* @__PURE__ */ f(ua, [["__scopeId", "data-v-351c5fbb"]]), ha = (e) => (E("data-v-2c394add"), e = e(), H(), 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({
   __name: "event-card",
   props: {
     eventType: {
@@ -980,7 +980,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     }
   },
   setup(e) {
-    return (a, r) => (l(), i("div", ha, [
+    return (a, r) => (l(), i("div", pa, [
       S(Q, {
         "label-dark": !1,
         text: e.eventType ? e.eventType : ""
@@ -1022,7 +1022,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Ba = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-ebdea819"]]), Ia = { class: "facts__wrapper" }, qa = { class: "facts__content" }, La = { class: "facts__headline" }, Da = { class: "facts" }, Va = { class: "fact__value" }, Ca = { class: "fact__metric" }, Ta = {
+}), Ba = /* @__PURE__ */ f(Sa, [["__scopeId", "data-v-ebdea819"]]), Ia = { class: "facts__wrapper" }, qa = { class: "facts__content" }, La = { class: "facts__headline" }, Ca = { class: "facts" }, Da = { class: "fact__value" }, Ta = { class: "fact__metric" }, Va = {
   key: 0,
   class: "facts__link"
 }, Aa = /* @__PURE__ */ g({
@@ -1052,21 +1052,21 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     return (a, r) => (l(), i("div", Ia, [
       t("div", qa, [
         t("h2", La, n(a.headline), 1),
-        t("div", Da, [
+        t("div", Ca, [
           (l(!0), i(P, null, M(a.facts, (s) => (l(), i("div", {
             key: s.value + s.metric,
             class: "fact"
           }, [
-            t("div", Va, [
+            t("div", Da, [
               t("span", null, n(s.value), 1)
             ]),
-            t("div", Ca, [
+            t("div", Ta, [
               t("span", null, n(s.metric), 1)
             ])
           ]))), 128))
         ]),
-        a.link ? (l(), i("div", Ta, [
-          S(T, {
+        a.link ? (l(), i("div", Va, [
+          S(V, {
             "link-type": "regular_light",
             arrow: ""
           }, {
@@ -1075,7 +1075,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             ]),
             _: 3
           })
-        ])) : h("", !0)
+        ])) : p("", !0)
       ])
     ]));
   }
@@ -1085,7 +1085,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
 }, Ea = {
   key: 1,
   class: "features__body"
-}, Ra = { class: "element__headline" }, Ha = { class: "element__body" }, Na = /* @__PURE__ */ g({
+}, Ha = { class: "element__headline" }, Ra = { class: "element__body" }, Na = /* @__PURE__ */ g({
   __name: "features",
   props: {
     headline: { default: "" },
@@ -1097,10 +1097,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       t("div", Oa, [
         a.headline ? (l(), i("div", Fa, [
           t("h2", null, n(a.headline), 1)
-        ])) : h("", !0),
+        ])) : p("", !0),
         a.body ? (l(), i("div", Ea, [
           c(a.$slots, "features-body", {}, void 0, !0)
-        ])) : h("", !0),
+        ])) : p("", !0),
         t("div", {
           class: m(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
         }, [
@@ -1110,7 +1110,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           }, [
             S(A, { class: "element__icon" }, {
               default: $(() => [
-                c(a.$slots, "features-icon", F(H({
+                c(a.$slots, "features-icon", F(R({
                   src: s.icon.src,
                   height: 30,
                   width: 30,
@@ -1119,8 +1119,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               ]),
               _: 2
             }, 1024),
-            t("p", Ra, n(s.headline), 1),
-            t("p", Ha, n(s.body), 1)
+            t("p", Ha, n(s.headline), 1),
+            t("p", Ra, n(s.body), 1)
           ]))), 128))
         ], 2)
       ])
@@ -1165,6 +1165,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     alt: {
       type: String,
       required: !0
+    },
+    fullHeight: {
+      type: Boolean,
+      required: !1,
+      default: !1
     }
   },
   setup(e) {
@@ -1173,7 +1178,13 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         t("div", xa, [
           S(A, null, {
             default: $(() => [
-              c(a.$slots, "image", F(H({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              c(a.$slots, "image", F(R({
+                width: 984,
+                height: e.fullHeight ? "100%" : 554,
+                src: e.src,
+                alt: e.alt,
+                class: e.fullHeight ? "full-height" : "default"
+              })))
             ]),
             _: 3
           })
@@ -1182,7 +1193,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-79ce0bb6"]]), oo = { class: "gallery__large" }, lo = {
+}), ao = /* @__PURE__ */ f(to, [["__scopeId", "data-v-c583d657"]]), oo = { class: "gallery__large" }, lo = {
   key: 0,
   class: "image image--large"
 }, so = {
@@ -1207,7 +1218,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, s = V(() => a[r.bgColor]);
+    }, r = e, s = D(() => a[r.bgColor]);
     return (o, u) => (l(), i("div", {
       class: m(["gallery__wrapper", s.value])
     }, [
@@ -1221,7 +1232,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           o.mediaLarge && o.mediaType === "image" ? (l(), i("div", lo, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-large", F(H({
+                c(o.$slots, "image-large", F(R({
                   width: 617,
                   height: 530,
                   src: o.mediaLarge.src,
@@ -1230,7 +1241,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               ]),
               _: 3
             })
-          ])) : h("", !0),
+          ])) : p("", !0),
           o.mediaLarge && o.mediaType === "video" ? (l(), i("div", so, [
             S(ee, {
               src: o.mediaLarge.src,
@@ -1244,7 +1255,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               muted: "",
               play: ""
             }, null, 8, ["src", "aria-label"])
-          ])) : h("", !0)
+          ])) : p("", !0)
         ]),
         t("div", {
           style: ce([o.mediaSmall.length === 2 ? "grid-gap: 38px;" : ""]),
@@ -1253,17 +1264,17 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             o.flipVertical ? "gallery__small--reverse" : "gallery__small--default"
           ])
         }, [
-          (l(!0), i(P, null, M(o.mediaSmall, (p) => (l(), i("div", {
-            key: p.src + p.alt,
+          (l(!0), i(P, null, M(o.mediaSmall, (h) => (l(), i("div", {
+            key: h.src + h.alt,
             class: "image image--small"
           }, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-small", F(H({
+                c(o.$slots, "image-small", F(R({
                   width: 328,
                   height: 246,
-                  src: p.src,
-                  alt: p.alt
+                  src: h.src,
+                  alt: h.alt
                 })))
               ]),
               _: 2
@@ -1271,7 +1282,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           ]))), 128)),
           o.mediaSmall.length < 2 ? (l(), i("div", io, [
             t("p", null, n(o.body), 1)
-          ])) : h("", !0)
+          ])) : p("", !0)
         ], 6)
       ], 2)
     ], 2));
@@ -1306,7 +1317,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ], 2)
     ]));
   }
-}), po = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), ho = (e) => (E("data-v-22f9be13"), e = e(), R(), e), mo = { class: "hero__wrapper" }, vo = { class: "hero__content" }, fo = { class: "hero__top" }, go = { class: "hero__elements" }, bo = { class: "hero__headline" }, yo = { class: "hero__link" }, $o = { class: "hero__video" }, ko = /* @__PURE__ */ ho(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), wo = { class: "hero__video__video" }, So = { class: "hero__image" }, Bo = /* @__PURE__ */ g({
+}), ho = /* @__PURE__ */ f(_o, [["__scopeId", "data-v-3ef1567e"]]), po = (e) => (E("data-v-22f9be13"), e = e(), H(), e), mo = { class: "hero__wrapper" }, vo = { class: "hero__content" }, fo = { class: "hero__top" }, go = { class: "hero__elements" }, bo = { class: "hero__headline" }, yo = { class: "hero__link" }, $o = { class: "hero__video" }, ko = /* @__PURE__ */ po(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), wo = { class: "hero__video__video" }, So = { class: "hero__image" }, Bo = /* @__PURE__ */ g({
   __name: "hero",
   props: {
     headline: {
@@ -1323,7 +1334,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               t("h1", null, n(e.headline), 1)
             ]),
             t("div", yo, [
-              S(T, {
+              S(V, {
                 "link-type": "regular_light",
                 arrow: ""
               }, {
@@ -1347,10 +1358,10 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Io = /* @__PURE__ */ f(Bo, [["__scopeId", "data-v-22f9be13"]]), qo = { class: "logo-wall__wrapper" }, Lo = { class: "logo-wall__content" }, Do = {
+}), Io = /* @__PURE__ */ f(Bo, [["__scopeId", "data-v-22f9be13"]]), qo = { class: "logo-wall__wrapper" }, Lo = { class: "logo-wall__content" }, Co = {
   key: 0,
   class: "logo-wall__text"
-}, Vo = { key: 0 }, Co = { key: 1 }, To = { class: "logo-wall__logos" }, Ao = { class: "logo-wall__link" }, Po = /* @__PURE__ */ g({
+}, Do = { key: 0 }, To = { key: 1 }, Vo = { class: "logo-wall__logos" }, Ao = { class: "logo-wall__link" }, Po = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1370,18 +1381,18 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   setup(e) {
     return (a, r) => (l(), i("div", qo, [
       t("div", Lo, [
-        e.headline || e.body ? (l(), i("div", Do, [
-          e.headline ? (l(), i("h2", Vo, n(e.headline), 1)) : h("", !0),
-          e.body ? (l(), i("p", Co, n(e.body), 1)) : h("", !0)
-        ])) : h("", !0),
-        t("div", To, [
+        e.headline || e.body ? (l(), i("div", Co, [
+          e.headline ? (l(), i("h2", Do, n(e.headline), 1)) : p("", !0),
+          e.body ? (l(), i("p", To, n(e.body), 1)) : p("", !0)
+        ])) : p("", !0),
+        t("div", Vo, [
           (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
             key: s.src + s.alt,
             class: "logo-wall__logo"
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "logo-wall-logo", F(H({
+                c(a.$slots, "logo-wall-logo", F(R({
                   width: 130,
                   height: 130,
                   src: s.src,
@@ -1393,7 +1404,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         t("div", Ao, [
-          S(T, {
+          S(V, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1412,7 +1423,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
 }, Eo = {
   key: 1,
   class: "body"
-}, Ro = { class: "micro-stories__splide" }, Ho = /* @__PURE__ */ g({
+}, Ho = { class: "micro-stories__splide" }, Ro = /* @__PURE__ */ g({
   __name: "micro-stories",
   props: {
     bgColor: { default: "blue" },
@@ -1424,19 +1435,19 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = V(() => a[s.bgColor]), s = e;
+    }, r = D(() => a[s.bgColor]), s = e;
     return (o, u) => (l(), i("div", {
       class: m(["micro-stories__wrapper", r.value])
     }, [
       t("div", Oo, [
         o.headline ? (l(), i("div", Fo, [
           t("h2", null, n(o.headline), 1)
-        ])) : h("", !0),
+        ])) : p("", !0),
         o.body ? (l(), i("div", Eo, [
           t("p", null, n(o.body), 1)
-        ])) : h("", !0)
+        ])) : p("", !0)
       ]),
-      t("div", Ro, [
+      t("div", Ho, [
         c(o.$slots, "micro-stories-slides")
       ]),
       c(o.$slots, "micro-stories-controls")
@@ -1478,9 +1489,9 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
     }, [
       t("div", Go, [
         e.headline || e.paragraph ? (l(), i("div", Jo, [
-          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : h("", !0),
-          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : h("", !0)
-        ])) : h("", !0),
+          e.headline ? (l(), i("h2", Wo, n(e.headline), 1)) : p("", !0),
+          e.paragraph ? (l(), i("p", Yo, n(e.paragraph), 1)) : p("", !0)
+        ])) : p("", !0),
         t("div", Qo, [
           c(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
@@ -1507,7 +1518,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = V(() => a[r.variant]);
+    }, r = e, s = D(() => a[r.variant]);
     return (o, u) => (l(), i("div", {
       class: m([
         "promo__wrapper",
@@ -1526,11 +1537,11 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
         }, [
           S(A, null, {
             default: $(() => [
-              c(o.$slots, "promo-image", F(H({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
+              c(o.$slots, "promo-image", F(R({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
-        ], 2)) : h("", !0),
+        ], 2)) : p("", !0),
         o.mediaType === "video" ? (l(), i("div", {
           key: 1,
           class: m([
@@ -1549,18 +1560,18 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             play: "",
             poster: o.fallbackImage
           }, null, 8, ["src", "aria-label", "poster"])
-        ], 2)) : h("", !0),
+        ], 2)) : p("", !0),
         t("div", {
           class: m([
             "promo__text",
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), C(Q, {
+          o.label ? (l(), T(Q, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : h("", !0),
+          }, null, 8, ["text", "label-dark"])) : p("", !0),
           t("div", {
             class: m([
               "promo__title",
@@ -1569,7 +1580,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
           }, [
             c(o.$slots, "promo-headline")
           ], 2),
-          o.linkType === "link" ? (l(), C(T, {
+          o.linkType === "link" ? (l(), T(V, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -1578,8 +1589,8 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0),
-          o.linkType === "button" ? (l(), C(T, {
+          }, 8, ["link-type"])) : p("", !0),
+          o.linkType === "button" ? (l(), T(V, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -1587,15 +1598,15 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0)
+          }, 8, ["link-type"])) : p("", !0)
         ], 2)
       ])
     ], 2));
   }
-}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), R(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), il = { class: "quote__quote" }, rl = { class: "quote__quote-text" }, nl = { class: "quote__author" }, dl = {
+}), tl = /* @__PURE__ */ f(el, [["__scopeId", "data-v-df54d965"]]), al = (e) => (E("data-v-e3cc8e27"), e = e(), H(), e), ol = { class: "quote__wrapper" }, ll = { class: "quote__content" }, sl = /* @__PURE__ */ al(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), il = { class: "quote__quote" }, rl = { class: "quote__quote-text" }, nl = { class: "quote__author" }, dl = {
   key: 0,
   class: "quote__image"
-}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" }, pl = /* @__PURE__ */ g({
+}, cl = { class: "quote__text" }, ul = { class: "quote__author-name" }, _l = { class: "quote__author-title" }, hl = /* @__PURE__ */ g({
   __name: "quote",
   props: {
     quote: {
@@ -1626,7 +1637,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             e.authorImage ? (l(), i("div", dl, [
               S(A, null, {
                 default: $(() => [
-                  c(a.$slots, "author-image", F(H({
+                  c(a.$slots, "author-image", F(R({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1634,7 +1645,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
+            ])) : p("", !0),
             t("div", cl, [
               t("p", ul, n(e.author), 1),
               t("p", _l, n(e.authorTitle), 1)
@@ -1644,7 +1655,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
       ])
     ]));
   }
-}), hl = /* @__PURE__ */ f(pl, [["__scopeId", "data-v-e3cc8e27"]]), ml = { class: "rich-text__wrapper" }, vl = {
+}), pl = /* @__PURE__ */ f(hl, [["__scopeId", "data-v-e3cc8e27"]]), ml = { class: "rich-text__wrapper" }, vl = {
   key: 0,
   class: "rich-text__links"
 }, fl = {
@@ -1670,18 +1681,18 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
       ])
     }, [
       t("div", ml, [
-        a.label ? (l(), C(Q, {
+        a.label ? (l(), T(Q, {
           key: 0,
           text: a.label,
           "label-dark": !1
-        }, null, 8, ["text"])) : h("", !0),
+        }, null, 8, ["text"])) : p("", !0),
         a.headline ? (l(), i("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)) : h("", !0),
+        }, n(a.headline), 3)) : p("", !0),
         t("div", {
           class: m([
             "rich-text__content",
@@ -1697,11 +1708,11 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             c(a.$slots, "rich-text-content"),
             a.links ? (l(), i("div", vl, [
               c(a.$slots, "rich-text-links")
-            ])) : h("", !0)
+            ])) : p("", !0)
           ], 2),
           a.bulletList ? (l(), i("div", fl, [
             c(a.$slots, "rich-text-bullet-list")
-          ])) : h("", !0),
+          ])) : p("", !0),
           a.image ? (l(), i("div", {
             key: 1,
             class: m([
@@ -1711,11 +1722,11 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "rich-text-image", F(H({ width: 865, height: 307 })))
+                c(a.$slots, "rich-text-image", F(R({ width: 865, height: 307 })))
               ]),
               _: 3
             })
-          ], 2)) : h("", !0)
+          ], 2)) : p("", !0)
         ], 2)
       ])
     ], 2));
@@ -1737,7 +1748,7 @@ function Bl(e, a) {
     ])
   ]);
 }
-const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040"]]), ql = (e) => (E("data-v-e254e1e0"), e = e(), R(), e), Ll = { class: "timeline__wrapper" }, Dl = { class: "timeline__content" }, Vl = { class: "timeline__items" }, Cl = { class: "item__left" }, Tl = /* @__PURE__ */ ql(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
+const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040"]]), ql = (e) => (E("data-v-e254e1e0"), e = e(), H(), e), Ll = { class: "timeline__wrapper" }, Cl = { class: "timeline__content" }, Dl = { class: "timeline__items" }, Tl = { class: "item__left" }, Vl = /* @__PURE__ */ ql(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Al = { class: "item__right" }, Pl = ["innerHTML"], Ml = /* @__PURE__ */ g({
@@ -1764,18 +1775,18 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
         r.observe(s);
       });
     }), (a, r) => (l(), i("div", Ll, [
-      t("div", Dl, [
-        t("div", Vl, [
+      t("div", Cl, [
+        t("div", Dl, [
           (l(!0), i(P, null, M(e.timelineItems, (s) => (l(), i("div", {
             key: s.year,
             class: "timeline__item faded"
           }, [
-            t("div", Cl, n(s.year), 1),
-            Tl,
+            t("div", Tl, n(s.year), 1),
+            Vl,
             t("div", Al, [
               S(A, null, {
                 default: $(() => [
-                  s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : h("", !0)
+                  s.media.src ? c(a.$slots, "timeline-image", F(de({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : p("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1790,10 +1801,10 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ol = /* @__PURE__ */ f(Ml, [["__scopeId", "data-v-e254e1e0"]]), Fl = { class: "vimeo" }, El = { class: "vimeo__wrapper" }, Rl = {
+}), Ol = /* @__PURE__ */ f(Ml, [["__scopeId", "data-v-e254e1e0"]]), Fl = { class: "vimeo" }, El = { class: "vimeo__wrapper" }, Hl = {
   key: 0,
   class: "vimeo__headline"
-}, Hl = {
+}, Rl = {
   key: 1,
   class: "vimeo__description"
 }, Nl = /* @__PURE__ */ g({
@@ -1811,9 +1822,9 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   setup(e) {
     return (a, r) => (l(), i("div", Fl, [
       t("div", El, [
-        e.headline ? (l(), i("h2", Rl, n(e.headline), 1)) : h("", !0),
+        e.headline ? (l(), i("h2", Hl, n(e.headline), 1)) : p("", !0),
         c(a.$slots, "vimeo-content", {}, void 0, !0),
-        e.description ? (l(), i("p", Hl, n(e.description), 1)) : h("", !0)
+        e.description ? (l(), i("p", Rl, n(e.description), 1)) : p("", !0)
       ])
     ]));
   }
@@ -1859,8 +1870,8 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                 t("div", ls, n(a.hero.pointsLabel), 1)
               ])
             ])
-          ])) : h("", !0),
-          a.hero.showStats ? h("", !0) : (l(), i("div", ss, [
+          ])) : p("", !0),
+          a.hero.showStats ? p("", !0) : (l(), i("div", ss, [
             c(a.$slots, "button", {}, void 0, !0)
           ]))
         ])
@@ -1885,7 +1896,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), ps = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-b829ca6c"]]), hs = { class: "filter__wrapper" }, ms = { class: "filter__content" }, vs = { class: "filter__dropdowns" }, fs = { class: "filter__chips" }, gs = /* @__PURE__ */ g({
+}), hs = /* @__PURE__ */ f(_s, [["__scopeId", "data-v-b829ca6c"]]), ps = { class: "filter__wrapper" }, ms = { class: "filter__content" }, vs = { class: "filter__dropdowns" }, fs = { class: "filter__chips" }, gs = /* @__PURE__ */ g({
   __name: "filter",
   props: {
     hasChips: {
@@ -1899,7 +1910,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   },
   emits: ["clearFilters"],
   setup(e) {
-    return (a, r) => (l(), i("div", hs, [
+    return (a, r) => (l(), i("div", ps, [
       t("div", ms, [
         t("div", vs, [
           c(a.$slots, "filter-dropdowns")
@@ -1910,18 +1921,18 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             key: 0,
             class: "filter__clear",
             onClick: r[0] || (r[0] = (s) => a.$emit("clearFilters"))
-          }, n(e.removeAll), 1)) : h("", !0)
+          }, n(e.removeAll), 1)) : p("", !0)
         ])
       ])
     ]));
   }
-}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), e = e(), R(), e), ys = { class: "footer__wrapper" }, $s = { class: "footer__content" }, ks = { class: "footer__sections" }, ws = { class: "section__title" }, Ss = { class: "section__list" }, Bs = { class: "section" }, Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Ts = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), As = { class: "footer__bottom" }, Ps = { class: "copyright" }, Ms = { class: "footer__policy" }, Os = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fs = {
+}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-1a9efdfb"), e = e(), H(), e), ys = { class: "footer__wrapper" }, $s = { class: "footer__content" }, ks = { class: "footer__sections" }, ws = { class: "section__title" }, Ss = { class: "section__list" }, Bs = { class: "section" }, Is = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), qs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "Energivej 51", -1)), Ls = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "5260 Odense S", -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Ds = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Ts = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), As = { class: "footer__bottom" }, Ps = { class: "copyright" }, Ms = { class: "footer__policy" }, Os = /* @__PURE__ */ j(() => /* @__PURE__ */ t("i", { class: "change-region" }, null, -1)), Fs = {
   key: 0,
   class: "footer__social"
-}, Es = ["href", "aria-label"], Rs = {
+}, Es = ["href", "aria-label"], Hs = {
   key: 1,
   class: "footer__social"
-}, Hs = ["href", "aria-label"], Ns = /* @__PURE__ */ g({
+}, Rs = ["href", "aria-label"], Ns = /* @__PURE__ */ g({
   __name: "footer",
   props: {
     language: { default: "" },
@@ -1955,25 +1966,25 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             t("address", null, [
               qs,
               Ls,
+              Cs,
               Ds,
-              Vs,
-              S(T, {
+              S(V, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  Cs
+                  Ts
                 ]),
                 _: 1
               }),
-              S(T, {
+              S(V, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  Ts
+                  Vs
                 ]),
                 _: 1
               })
@@ -1996,7 +2007,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             c(a.$slots, "footer-cookie-link")
           ]),
           a.language !== "zh" ? (l(), i("div", Fs, [
-            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), C(T, {
+            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), T(V, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2016,8 +2027,8 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
               ]),
               _: 2
             }, 1024))), 128))
-          ])) : (l(), i("div", Rs, [
-            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), C(T, {
+          ])) : (l(), i("div", Hs, [
+            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), T(V, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2033,7 +2044,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                     height: "14",
                     class: m(["footer__social--icon", [s.title ? "bg-" + s.title : ""]])
                   }, null, 2)
-                ], 8, Hs)
+                ], 8, Rs)
               ]),
               _: 2
             }, 1024))), 128))
@@ -2042,7 +2053,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), zs = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-aa82b03d"]]), fe = (e) => (E("data-v-766d3c80"), e = e(), R(), e), js = { class: "header__wrapper" }, Us = { class: "nav-wrapper" }, Ks = { class: "mir-link-logo" }, Gs = { class: "main-nav-items" }, Js = {
+}), zs = /* @__PURE__ */ f(Ns, [["__scopeId", "data-v-1a9efdfb"]]), fe = (e) => (E("data-v-766d3c80"), e = e(), H(), e), js = { class: "header__wrapper" }, Us = { class: "nav-wrapper" }, Ks = { class: "mir-link-logo" }, Gs = { class: "main-nav-items" }, Js = {
   key: 0,
   id: "menu-dropdown",
   ref: "dropdownDiv"
@@ -2083,10 +2094,10 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   height: "15"
 }, null, -1)), di = [
   ni
-], ci = { class: "profile-dropdown-content" }, ui = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, pi = {
+], ci = { class: "profile-dropdown-content" }, ui = { class: "mobile-logo-search-burger-wrapper" }, _i = { class: "mobile-mir-link-logo" }, hi = {
   key: 0,
   class: "mobile-search-wrapper"
-}, hi = ["src"], mi = ["src"], vi = { class: "mobile-menu-content-wrapper" }, fi = { class: "mobile-dropdown-content" }, gi = /* @__PURE__ */ g({
+}, pi = ["src"], mi = ["src"], vi = { class: "mobile-menu-content-wrapper" }, fi = { class: "mobile-dropdown-content" }, gi = /* @__PURE__ */ g({
   __name: "header",
   props: {
     burgerState: {
@@ -2140,13 +2151,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
   setup(e, { expose: a, emit: r }) {
     let s = null;
     const o = e;
-    let u = q(o.burgerState), p = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
+    let u = q(o.burgerState), h = q(o.search), _ = q(o.showDropDown), B = q(o.showPortalSwitcherDropDown), v = q(o.showProfileDropDown), w = q(o.isAuthenticated);
     W(
       () => o.burgerState,
       (b) => u.value = b
     ), W(
       () => o.search,
-      (b) => p.value = b
+      (b) => h.value = b
     ), W(
       () => o.showDropDown,
       (b) => _.value = b
@@ -2207,8 +2218,8 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             ], 512), [
               [Y, I(_)]
             ])
-          ], 512)) : h("", !0),
-          I(p) ? (l(), i("div", Zs, [
+          ], 512)) : p("", !0),
+          I(h) ? (l(), i("div", Zs, [
             t("button", {
               ref_key: "navSearchButton",
               ref: G,
@@ -2225,7 +2236,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                 height: "20"
               }, null, 8, Xs)
             ], 512)
-          ])) : h("", !0),
+          ])) : p("", !0),
           e.usePortalSwitcher ? (l(), i("div", xs, [
             t("button", {
               class: "nav-portal-switcher-btn",
@@ -2237,7 +2248,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                   key: O,
                   class: "portal-switcher-link"
                 }, [
-                  S(I(T), { "link-type": "regular" }, {
+                  S(I(V), { "link-type": "regular" }, {
                     default: $(() => [
                       t("a", {
                         href: U.link,
@@ -2256,22 +2267,22 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             ], 512), [
               [Y, I(B)]
             ])
-          ])) : h("", !0),
+          ])) : p("", !0),
           e.useProfileDropdown ? (l(), i("div", ii, [
-            I(w) ? h("", !0) : (l(), i("div", ri, [
+            I(w) ? p("", !0) : (l(), i("div", ri, [
               c(b.$slots, "profile-dropdown-sign-in", {}, void 0, !0)
             ])),
             I(w) ? (l(), i("button", {
               key: 1,
               class: "nav-profile-dropdown-btn",
               onClick: se
-            }, di)) : h("", !0),
+            }, di)) : p("", !0),
             K(t("div", ci, [
               c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [Y, I(v)]
             ])
-          ])) : h("", !0)
+          ])) : p("", !0)
         ]),
         t("div", {
           class: m(["mobile-nav-wrapper", I(u) === !0 ? "mirsaic-mobile-bg mirsaic--dark" : ""])
@@ -2280,7 +2291,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             t("div", _i, [
               c(b.$slots, "link-logo", {}, void 0, !0)
             ]),
-            I(p) ? (l(), i("div", pi, [
+            I(h) ? (l(), i("div", hi, [
               t("button", {
                 ref_key: "mobileSearchButton",
                 ref: Z,
@@ -2296,13 +2307,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
                   alt: "search icon",
                   width: "20",
                   height: "20"
-                }, null, 8, hi)
+                }, null, 8, pi)
               ], 512)
-            ])) : h("", !0),
+            ])) : p("", !0),
             t("button", {
               class: "mobile-burger-wrapper",
               "aria-label": "Toggle menu",
-              onClick: pe(ie, ["prevent"])
+              onClick: he(ie, ["prevent"])
             }, [
               t("img", {
                 width: "20",
@@ -2350,7 +2361,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ii = /* @__PURE__ */ f(Bi, [["__scopeId", "data-v-dc8cc97e"]]), qi = { class: "pagination__wrapper" }, Li = { class: "pagination__content" }, Di = /* @__PURE__ */ g({
+}), Ii = /* @__PURE__ */ f(Bi, [["__scopeId", "data-v-dc8cc97e"]]), qi = { class: "pagination__wrapper" }, Li = { class: "pagination__content" }, Ci = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2382,13 +2393,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Vi = /* @__PURE__ */ f(Di, [["__scopeId", "data-v-da6d07c9"]]), Ci = {}, Ti = { class: "search__wrapper" };
+}), Di = /* @__PURE__ */ f(Ci, [["__scopeId", "data-v-da6d07c9"]]), Ti = {}, Vi = { class: "search__wrapper" };
 function Ai(e, a) {
-  return l(), i("div", Ti, [
+  return l(), i("div", Vi, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3"]]), Mi = { class: "product-hero__wrapper" }, Oi = { class: "product-hero__content" }, Fi = { class: "product-hero__headline" }, Ei = { class: "product-hero__video" }, Ri = { class: "product-hero__insignia" }, Hi = {
+const Pi = /* @__PURE__ */ f(Ti, [["render", Ai], ["__scopeId", "data-v-c07a6cf3"]]), Mi = { class: "product-hero__wrapper" }, Oi = { class: "product-hero__content" }, Fi = { class: "product-hero__headline" }, Ei = { class: "product-hero__video" }, Hi = { class: "product-hero__insignia" }, Ri = {
   key: 0,
   class: "product-hero__logo"
 }, Ni = {
@@ -2433,7 +2444,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
       t("div", Oi, [
         t("div", Fi, n(e.headline), 1),
         t("div", Ei, [
-          e.videoSrc !== "" ? (l(), C(ee, {
+          e.videoSrc !== "" ? (l(), T(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2444,21 +2455,21 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (l(), C(I(A), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), T(I(A), { key: 1 }, {
             default: $(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
-          t("div", Ri, [
-            e.logoSrc ? (l(), i("div", Hi, [
+          t("div", Hi, [
+            e.logoSrc ? (l(), i("div", Ri, [
               S(I(A), null, {
                 default: $(() => [
                   c(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
-            ])) : h("", !0),
+            ])) : p("", !0),
             e.isCertified ? (l(), i("div", Ni, [
               S(I(A), null, {
                 default: $(() => [
@@ -2466,7 +2477,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
                 ]),
                 _: 3
               })
-            ])) : h("", !0)
+            ])) : p("", !0)
           ])
         ])
       ])
@@ -2490,7 +2501,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = V(() => a[r.variant]);
+    }, r = e, s = D(() => a[r.variant]);
     return (o, u) => (l(), i("div", {
       class: m([
         "promo__wrapper",
@@ -2524,11 +2535,11 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), C(Q, {
+          o.label ? (l(), T(Q, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
-          }, null, 8, ["text", "label-dark"])) : h("", !0),
+          }, null, 8, ["text", "label-dark"])) : p("", !0),
           t("div", {
             class: m([
               "promo__title",
@@ -2537,7 +2548,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
           }, [
             c(o.$slots, "promo-text")
           ], 2),
-          o.linkType === "link" ? (l(), C(T, {
+          o.linkType === "link" ? (l(), T(V, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -2546,8 +2557,8 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0),
-          o.linkType === "button" ? (l(), C(T, {
+          }, 8, ["link-type"])) : p("", !0),
+          o.linkType === "button" ? (l(), T(V, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2555,14 +2566,14 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
               c(o.$slots, "promo-link")
             ]),
             _: 3
-          }, 8, ["link-type"])) : h("", !0)
+          }, 8, ["link-type"])) : p("", !0)
         ], 2)
       ])
     ], 2));
   }
 }), Zi = /* @__PURE__ */ f(Qi, [["__scopeId", "data-v-00c0bad3"]]), xi = {
   install: (e) => {
-    e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", T), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Dt), e.component("AtomTextField", Ht), e.component("AtomVideo", ee), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Pa), e.component("BlockFeatures", za), e.component("BlockFormScript", Qa), e.component("BlockHeadline", po), e.component("BlockHero", Io), e.component("BlockImage", ao), e.component("BlockImageGallery", no), e.component("BlockLogoWall", Mo), e.component("BlockMicroStories", Ho), e.component("BlockPolicy", Ko), e.component("BlockProductHero", ji), e.component("BlockPromo", tl), e.component("BlockQuote", hl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Zi), e.component("BlockFrontPageHero", rs), e.component("Organism404", ps), e.component("OrganismFilter", bs), e.component("OrganismFooter", zs), e.component("OrganismHeader", bi), e.component("OrganismLanguageSwitcher", Ii), e.component("OrganismPagination", Vi), e.component("OrganismSearch", Pi);
+    e.component("AtomButton", ae), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ee), e.component("AtomDropdown", Ge), e.component("AtomImage", A), e.component("AtomLabel", Q), e.component("AtomLink", V), e.component("AtomRadioButton", lt), e.component("AtomSelect", ct), e.component("AtomSlider", $t), e.component("AtomTextarea", Ct), e.component("AtomTextField", Rt), e.component("AtomVideo", ee), e.component("MoleculeAddress", aa), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", _a), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", ve), e.component("MoleculeTextCard", Ba), e.component("BlockFacts", Pa), e.component("BlockFeatures", za), e.component("BlockFormScript", Qa), e.component("BlockHeadline", ho), e.component("BlockHero", Io), e.component("BlockImage", ao), e.component("BlockImageGallery", no), e.component("BlockLogoWall", Mo), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Ko), e.component("BlockProductHero", ji), e.component("BlockPromo", tl), e.component("BlockQuote", pl), e.component("BlockRichText", bl), e.component("BlockRichTextColumns", Il), e.component("BlockTimeline", Ol), e.component("BlockCardDisplay", Xo), e.component("BlockVimeo", zl), e.component("BlockPalletJack", Zi), e.component("BlockFrontPageHero", rs), e.component("Organism404", hs), e.component("OrganismFilter", bs), e.component("OrganismFooter", zs), e.component("OrganismHeader", bi), e.component("OrganismLanguageSwitcher", Ii), e.component("OrganismPagination", Di), e.component("OrganismSearch", Pi);
   }
 };
 export {
@@ -2572,29 +2583,29 @@ export {
   Ge as AtomDropdown,
   A as AtomImage,
   Q as AtomLabel,
-  T as AtomLink,
+  V as AtomLink,
   lt as AtomRadioButton,
   ct as AtomSelect,
   $t as AtomSlider,
-  Ht as AtomTextField,
-  Dt as AtomTextarea,
+  Rt as AtomTextField,
+  Ct as AtomTextarea,
   ee as AtomVideo,
   Xo as BlockCardDisplay,
   Pa as BlockFacts,
   za as BlockFeatures,
   Qa as BlockFormScript,
   rs as BlockFrontPageHero,
-  po as BlockHeadline,
+  ho as BlockHeadline,
   Io as BlockHero,
   ao as BlockImage,
   no as BlockImageGallery,
   Mo as BlockLogoWall,
-  Ho as BlockMicroStories,
+  Ro as BlockMicroStories,
   Zi as BlockPalletJack,
   Ko as BlockPolicy,
   ji as BlockProductHero,
   tl as BlockPromo,
-  hl as BlockQuote,
+  pl as BlockQuote,
   bl as BlockRichText,
   Il as BlockRichTextColumns,
   Ol as BlockTimeline,
@@ -2605,12 +2616,12 @@ export {
   ya as MoleculeEventCard,
   ve as MoleculeModal,
   Ba as MoleculeTextCard,
-  ps as Organism404,
+  hs as Organism404,
   bs as OrganismFilter,
   zs as OrganismFooter,
   bi as OrganismHeader,
   Ii as OrganismLanguageSwitcher,
-  Vi as OrganismPagination,
+  Di as OrganismPagination,
   Pi as OrganismSearch,
   xi as default
 };