@mirweb/mir-web-components 1.0.0 → 1.0.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 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";
+import { defineComponent as g, computed as V, openBlock as l, createElementBlock as i, normalizeClass as h, toDisplayString as n, createElementVNode as t, renderSlot as d, 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 ee, onUnmounted as Se } from "vue";
 const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -24,7 +24,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   for (const [s, o] of a)
     r[s] = o;
   return r;
-}, Z = /* @__PURE__ */ f(Ie, [["__scopeId", "data-v-a3e038ec"]]), qe = (e) => (E("data-v-42c44141"), e = e(), R(), e), Le = ["id", "name", "value", "disabled", "required"], Ve = ["for"], De = /* @__PURE__ */ qe(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
+}, te = /* @__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" },
@@ -57,7 +57,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         class: h(["checkbox__label", o.required ? "required" : ""])
       }, [
         De,
-        c(o.$slots, "default", {}, void 0, !0)
+        d(o.$slots, "default", {}, void 0, !0)
       ], 10, Ve)
     ], 2));
   }
@@ -105,35 +105,35 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       primary: "dropdown-dark-bg-primary",
       dark: "dropdown-dark dropdown-dark-bg-dark"
     }, s = e, o = V(() => r[s.variant]), _ = q(null), u = q(null), p = q([]), w = q(0), v = q(""), B = q(!0), T = q(0), ae = a, oe = V(() => {
-      const d = s.options.find(
+      const c = s.options.find(
         (y) => y.value === s.modelValue
       );
-      return d && d.label;
+      return c && c.label;
     }), U = {
-      beforeMount(d, y) {
-        d.clickOutsideEvent = function(k) {
-          d === k.target || d.contains(k.target) || y.value(k);
-        }, document.body.addEventListener("click", d.clickOutsideEvent);
+      beforeMount(c, y) {
+        c.clickOutsideEvent = function(k) {
+          c === k.target || c.contains(k.target) || y.value(k);
+        }, document.body.addEventListener("click", c.clickOutsideEvent);
       },
-      unmounted(d) {
-        document.body.removeEventListener("click", d.clickOutsideEvent);
+      unmounted(c) {
+        document.body.removeEventListener("click", c.clickOutsideEvent);
       }
     };
-    function x(d) {
-      ae("update:modelValue", d);
+    function X(c) {
+      ae("update:modelValue", c);
     }
-    function le(d) {
+    function le(c) {
       var k;
-      const y = d.target;
-      y.getAttribute("role") === "option" && (Y(y), ee(), (k = _.value) == null || k.focus());
+      const y = c.target;
+      y.getAttribute("role") === "option" && (Y(y), x(), (k = _.value) == null || k.focus());
     }
-    function b(d) {
+    function b(c) {
       var k;
-      const y = d.key;
+      const y = c.key;
       switch (y) {
         case "ArrowUp":
         case "ArrowDown": {
-          d.preventDefault();
+          c.preventDefault();
           const L = s.options.findIndex(
             (G) => G.value === s.modelValue
           );
@@ -143,15 +143,15 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         }
         case "Home":
         case "PageUp":
-          d.preventDefault(), ve();
+          c.preventDefault(), ve();
           break;
         case "End":
         case "PageDown":
-          d.preventDefault(), fe();
+          c.preventDefault(), fe();
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), ee(), (k = _.value) == null || k.focus();
+          c.preventDefault(), x(), (k = _.value) == null || k.focus();
           break;
         default: {
           const L = me(y);
@@ -160,36 +160,36 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         }
       }
     }
-    function K(d) {
+    function K(c) {
       if (!s.disabled)
-        switch (d.key) {
+        switch (c.key) {
           case "ArrowUp":
           case "ArrowDown":
-            d.preventDefault(), de(), b(d);
+            c.preventDefault(), de(), b(c);
             break;
         }
     }
-    function se(d) {
-      d && d.removeAttribute("aria-selected");
+    function se(c) {
+      c && c.removeAttribute("aria-selected");
     }
     function z() {
       w.value && (clearTimeout(w.value), w.value = 0), w.value = setTimeout(() => {
         v.value = "", w.value = 0;
       }, 500);
     }
-    function me(d) {
+    function me(c) {
       let y = "";
-      (v.value === "" || y !== d) && (T.value = s.options.findIndex(
+      (v.value === "" || y !== c) && (T.value = s.options.findIndex(
         (L) => L.value === s.modelValue
-      )), v.value = y === d ? d : v.value + d, y = d, z();
+      )), v.value = y === c ? c : v.value + c, y = c, z();
       let k = ne(
         T.value + 1,
         s.options.length
       );
       return !k && v.value.length === 1 && (k = ne(0, T.value)), T.value = (T.value + 1) % s.options.length, k;
     }
-    function ne(d, y) {
-      for (let k = d; k < y; k++)
+    function ne(c, y) {
+      for (let k = c; k < y; k++)
         if (s.options[k].label && s.options[k].label.toUpperCase().indexOf(v.value.toUpperCase()) === 0)
           return p.value[k];
       return null;
@@ -197,82 +197,82 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     function ve() {
       Y(p.value[0]);
     }
-    function Y(d) {
+    function Y(c) {
       var k, L;
-      const y = d.getAttribute("data-value");
+      const y = c.getAttribute("data-value");
       if (s.modelValue) {
         const H = s.options.findIndex(
           (be) => be.value === s.modelValue
         ), G = p.value[H];
         se(G);
       }
-      if (d.setAttribute("aria-selected", "true"), (k = u.value) == null || k.setAttribute(
+      if (c.setAttribute("aria-selected", "true"), (k = u.value) == null || k.setAttribute(
         "aria-activedescendant",
         y || ""
-      ), x(y || ""), u.value && u.value.scrollHeight > u.value.clientHeight) {
-        const H = u.value.clientHeight + u.value.scrollTop, G = d.offsetTop + d.offsetHeight;
-        G > H ? u.value.scrollTop = G - ((L = u.value) == null ? void 0 : L.clientHeight) : d.offsetTop < u.value.scrollTop && (u.value.scrollTop = d.offsetTop);
+      ), X(y || ""), u.value && u.value.scrollHeight > u.value.clientHeight) {
+        const H = u.value.clientHeight + u.value.scrollTop, G = c.offsetTop + c.offsetHeight;
+        G > H ? u.value.scrollTop = G - ((L = u.value) == null ? void 0 : L.clientHeight) : c.offsetTop < u.value.scrollTop && (u.value.scrollTop = c.offsetTop);
       }
     }
     function fe() {
       var y;
-      const d = (y = p.value) == null ? void 0 : y[s.options.length - 1];
-      Y(d);
+      const c = (y = p.value) == null ? void 0 : y[s.options.length - 1];
+      Y(c);
     }
-    function ee() {
-      var d;
-      B.value = !0, (d = _.value) == null || d.removeAttribute("aria-expanded");
+    function x() {
+      var c;
+      B.value = !0, (c = _.value) == null || c.removeAttribute("aria-expanded");
     }
     function de() {
-      var d, y;
-      B.value = !1, (d = _.value) == null || d.setAttribute("aria-expanded", "true"), (y = u.value) == null || y.focus();
+      var c, y;
+      B.value = !1, (c = _.value) == null || c.setAttribute("aria-expanded", "true"), (y = u.value) == null || y.focus();
     }
     function ge() {
-      s.disabled || (B.value ? de() : ee());
+      s.disabled || (B.value ? de() : x());
     }
-    return (d, y) => (l(), i("div", {
+    return (c, y) => (l(), i("div", {
       ref: "listbox",
       class: "listbox__wrapper",
-      value: d.modelValue
+      value: c.modelValue
     }, [
       t("label", {
-        id: `${d.name}-label`,
+        id: `${c.name}-label`,
         class: h([{
-          "listbox__label--visually-hidden": !d.showLabel,
-          "is-disabled": d.disabled,
-          "is-required": d.required
+          "listbox__label--visually-hidden": !c.showLabel,
+          "is-disabled": c.disabled,
+          "is-required": c.required
         }, "listbox__label"])
-      }, n(d.label), 11, Re),
+      }, n(c.label), 11, Re),
       j((l(), i("div", He, [
         t("button", {
-          id: `${d.name}-button-label`,
+          id: `${c.name}-button-label`,
           ref_key: "listboxButton",
           ref: _,
-          "aria-labelledby": `${d.name}-label ${d.name}-button-label`,
+          "aria-labelledby": `${c.name}-label ${c.name}-button-label`,
           type: "button",
           "aria-haspopup": "listbox",
-          "aria-disabled": d.disabled,
+          "aria-disabled": c.disabled,
           class: h(["listbox__button", o.value]),
           onClick: ge,
           onKeydown: K
-        }, n(d.modelValue ? oe.value : d.placeholder), 43, Ne),
+        }, n(c.modelValue ? oe.value : c.placeholder), 43, Ne),
         j(t("ul", {
           ref_key: "listboxNode",
           ref: u,
-          "aria-labelledby": `${d.name}-label`,
-          "aria-activedescendant": d.modelValue,
+          "aria-labelledby": `${c.name}-label`,
+          "aria-activedescendant": c.modelValue,
           tabindex: "0",
           role: "listbox",
           class: "listbox__list",
           onKeydown: b,
           onClick: le
         }, [
-          (l(!0), i(P, null, M(d.options, (k, L) => (l(), i("li", {
-            key: `${d.name}-option-${L}`,
+          (l(!0), i(P, null, M(c.options, (k, L) => (l(), i("li", {
+            key: `${c.name}-option-${L}`,
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: p,
-            "aria-selected": k.value === d.modelValue,
+            "aria-selected": k.value === c.modelValue,
             "data-value": k.value,
             class: "listbox__option",
             role: "option"
@@ -281,7 +281,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           [J, !B.value]
         ])
       ])), [
-        [U, ee]
+        [U, x]
       ])
     ], 8, Ee));
   }
@@ -298,7 +298,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
   },
   setup(e) {
     return (a, r) => (l(), i("div", Ge, [
-      c(a.$slots, "default", O(F(a.$attrs)))
+      d(a.$slots, "default", O(F(a.$attrs)))
     ]));
   }
 }), A = /* @__PURE__ */ f(Je, [["__scopeId", "data-v-e10217bd"]]), We = { class: "label__wrapper" }, Ye = ["aria-label", "label-dark"], Qe = /* @__PURE__ */ g({
@@ -351,7 +351,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           p.arrow ? "link-arrow" : ""
         ]]
       }), [
-        c(p.$slots, "default")
+        d(p.$slots, "default")
       ], 16)
     ]));
   }
@@ -390,7 +390,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         class: h(["radio__label", o.required ? "required" : ""])
       }, [
         tt,
-        c(o.$slots, "default", {}, void 0, !0)
+        d(o.$slots, "default", {}, void 0, !0)
       ], 10, et)
     ], 2));
   }
@@ -459,14 +459,14 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                _.searchBar ? m("", !0) : (l(), D(Z, {
+                _.searchBar ? m("", !0) : (l(), D(te, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
                   onClick: o
                 }))
               ]),
-              c(_.$slots, "default", {}, void 0, !0)
+              d(_.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 2), [
             [J, _.show]
@@ -753,7 +753,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, null, 8, zt))
     ]));
   }
-}), 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({
+}), Z = /* @__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: {},
@@ -769,7 +769,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
     return (a, r) => (l(), i("div", Ut, [
       t("div", Kt, [
         t("div", Gt, [
-          c(a.$slots, "address-flag", {}, void 0, !0)
+          d(a.$slots, "address-flag", {}, void 0, !0)
         ]),
         t("div", Jt, [
           t("p", Wt, n(a.name), 1),
@@ -902,7 +902,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
       }, [
         u.mediaType === "image" ? (l(), D(A, { key: 0 }, {
           default: $(() => [
-            c(u.$slots, "card-image", ie({
+            d(u.$slots, "card-image", ie({
               src: u.imgSrc,
               width: "596",
               height: "335",
@@ -916,7 +916,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           key: 1,
           class: h(["video-card__wrapper", I(r) === !0 ? "vimeoPlaying" : ""])
         }, [
-          S(X, {
+          S(Z, {
             play: I(r),
             "local-video": !0,
             src: u.videoSrc,
@@ -931,7 +931,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, null, 8, ["play", "src", "aria-label", "poster", "width", "height"])
         ], 2)),
         I(a)["card-label"] ? (l(), i("div", na, [
-          c(u.$slots, "card-label")
+          d(u.$slots, "card-label")
         ])) : m("", !0),
         u.variant === "product" ? (l(), i("div", {
           key: 3,
@@ -1067,7 +1067,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             arrow: ""
           }, {
             default: $(() => [
-              c(a.$slots, "facts-link", {}, void 0, !0)
+              d(a.$slots, "facts-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1095,7 +1095,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           t("h2", null, n(a.headline), 1)
         ])) : m("", !0),
         a.body ? (l(), i("div", Fa, [
-          c(a.$slots, "features-body", {}, void 0, !0)
+          d(a.$slots, "features-body", {}, void 0, !0)
         ])) : m("", !0),
         t("div", {
           class: h(["features__elements", [a.elements.length === 6 ? "features__elements--grid-6" : ""]])
@@ -1106,7 +1106,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             S(A, { class: "element__icon" }, {
               default: $(() => [
-                c(a.$slots, "features-icon", O(F({
+                d(a.$slots, "features-icon", O(F({
                   src: s.icon.src,
                   height: 30,
                   width: 30,
@@ -1136,11 +1136,11 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", Ua, [
           t("h2", Ka, n(e.headline), 1),
           t("div", Ga, [
-            c(a.$slots, "form-body", {}, void 0, !0)
+            d(a.$slots, "form-body", {}, void 0, !0)
           ])
         ]),
         t("div", Ja, [
-          c(a.$slots, "form-script", {}, void 0, !0)
+          d(a.$slots, "form-script", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1169,7 +1169,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", Xa, [
           S(A, null, {
             default: $(() => [
-              c(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
+              d(a.$slots, "image", O(F({ width: 984, height: 554, src: e.src, alt: e.alt })))
             ]),
             _: 3
           })
@@ -1217,7 +1217,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           o.mediaLarge && o.mediaType === "image" ? (l(), i("div", oo, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-large", O(F({
+                d(o.$slots, "image-large", O(F({
                   width: 617,
                   height: 530,
                   src: o.mediaLarge.src,
@@ -1228,7 +1228,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             })
           ])) : m("", !0),
           o.mediaLarge && o.mediaType === "video" ? (l(), i("div", lo, [
-            S(X, {
+            S(Z, {
               src: o.mediaLarge.src,
               "local-video": "",
               "aria-label": o.mediaLarge.alt,
@@ -1255,7 +1255,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             S(A, null, {
               default: $(() => [
-                c(o.$slots, "image-small", O(F({
+                d(o.$slots, "image-small", O(F({
                   width: 328,
                   height: 246,
                   src: u.src,
@@ -1324,7 +1324,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
                 arrow: ""
               }, {
                 default: $(() => [
-                  c(a.$slots, "hero-link", {}, void 0, !0)
+                  d(a.$slots, "hero-link", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -1334,10 +1334,10 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         t("div", yo, [
           $o,
           t("div", ko, [
-            c(a.$slots, "hero-video", {}, void 0, !0)
+            d(a.$slots, "hero-video", {}, void 0, !0)
           ]),
           t("div", wo, [
-            c(a.$slots, "hero-image", {}, void 0, !0)
+            d(a.$slots, "hero-image", {}, void 0, !0)
           ])
         ])
       ])
@@ -1377,7 +1377,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "logo-wall-logo", O(F({
+                d(a.$slots, "logo-wall-logo", O(F({
                   width: 130,
                   height: 130,
                   src: s.src,
@@ -1394,7 +1394,7 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
             arrow: !0
           }, {
             default: $(() => [
-              c(a.$slots, "logo-wall-link", {}, void 0, !0)
+              d(a.$slots, "logo-wall-link", {}, void 0, !0)
             ]),
             _: 3
           })
@@ -1433,16 +1433,16 @@ const Be = ["aria-label"], Ie = /* @__PURE__ */ g({
         ])) : m("", !0)
       ]),
       t("div", Eo, [
-        c(o.$slots, "micro-stories-slides")
+        d(o.$slots, "micro-stories-slides")
       ]),
-      c(o.$slots, "micro-stories-controls")
+      d(o.$slots, "micro-stories-controls")
     ], 2));
   }
 }), Ho = {}, No = { class: "policy__wrapper" }, zo = { class: "policy__content" };
 function jo(e, a) {
   return l(), i("div", No, [
     t("div", zo, [
-      c(e.$slots, "default", {}, void 0, !0)
+      d(e.$slots, "default", {}, void 0, !0)
     ])
   ]);
 }
@@ -1478,7 +1478,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
           e.paragraph ? (l(), i("p", Wo, n(e.paragraph), 1)) : m("", !0)
         ])) : m("", !0),
         t("div", Yo, [
-          c(a.$slots, "card-display-cards", {}, void 0, !0)
+          d(a.$slots, "card-display-cards", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -1522,7 +1522,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
         }, [
           S(A, null, {
             default: $(() => [
-              c(o.$slots, "promo-image", O(F({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
+              d(o.$slots, "promo-image", O(F({ src: o.src, width: 1920, alt: o.alt, height: 1080 })))
             ]),
             _: 3
           })
@@ -1534,7 +1534,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__video--reverse" : "promo__video--default"
           ])
         }, [
-          S(X, {
+          S(Z, {
             src: o.src,
             "local-video": "",
             "aria-label": o.alt,
@@ -1563,7 +1563,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
               o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            c(o.$slots, "promo-headline")
+            d(o.$slots, "promo-headline")
           ], 2),
           o.linkType === "link" ? (l(), D(C, {
             key: 1,
@@ -1571,7 +1571,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
             arrow: ""
           }, {
             default: $(() => [
-              c(o.$slots, "promo-link")
+              d(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
@@ -1580,7 +1580,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
             default: $(() => [
-              c(o.$slots, "promo-link")
+              d(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0)
@@ -1622,7 +1622,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
             e.authorImage ? (l(), i("div", nl, [
               S(A, null, {
                 default: $(() => [
-                  c(a.$slots, "author-image", O(F({
+                  d(a.$slots, "author-image", O(F({
                     src: e.authorImage + "/m/100x100",
                     width: 60,
                     height: 60
@@ -1690,13 +1690,13 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
               a.bulletList || a.image ? "rich-text__body--content-right" : ""
             ])
           }, [
-            c(a.$slots, "rich-text-content"),
+            d(a.$slots, "rich-text-content"),
             a.links ? (l(), i("div", ml, [
-              c(a.$slots, "rich-text-links")
+              d(a.$slots, "rich-text-links")
             ])) : m("", !0)
           ], 2),
           a.bulletList ? (l(), i("div", vl, [
-            c(a.$slots, "rich-text-bullet-list")
+            d(a.$slots, "rich-text-bullet-list")
           ])) : m("", !0),
           a.image ? (l(), i("div", {
             key: 1,
@@ -1707,7 +1707,7 @@ const Uo = /* @__PURE__ */ f(Ho, [["render", jo], ["__scopeId", "data-v-ea887d7a
           }, [
             S(A, null, {
               default: $(() => [
-                c(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
+                d(a.$slots, "rich-text-image", O(F({ width: 865, height: 307 })))
               ]),
               _: 3
             })
@@ -1723,10 +1723,10 @@ function Sl(e, a) {
       t("div", kl, [
         t("div", wl, [
           t("div", null, [
-            c(e.$slots, "rich-text-content-left", {}, void 0, !0)
+            d(e.$slots, "rich-text-content-left", {}, void 0, !0)
           ]),
           t("div", null, [
-            c(e.$slots, "rich-text-content-right", {}, void 0, !0)
+            d(e.$slots, "rich-text-content-right", {}, void 0, !0)
           ])
         ])
       ])
@@ -1771,7 +1771,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
             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)
+                  s.media.src ? d(a.$slots, "timeline-image", O(ie({ key: 0 }, { src: s.media.src, alt: s.media.alt })), void 0, !0) : m("", !0)
                 ]),
                 _: 2
               }, 1024),
@@ -1808,7 +1808,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     return (a, r) => (l(), i("div", Ol, [
       t("div", Fl, [
         e.headline ? (l(), i("h2", El, n(e.headline), 1)) : m("", !0),
-        c(a.$slots, "vimeo-content", {}, void 0, !0),
+        d(a.$slots, "vimeo-content", {}, void 0, !0),
         e.description ? (l(), i("p", Rl, n(e.description), 1)) : m("", !0)
       ])
     ]));
@@ -1857,17 +1857,13 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
             ])
           ])) : m("", !0),
           a.hero.showStats ? m("", !0) : (l(), i("div", ls, [
-            S(I(Z), {
-              "aria-label": "sign in",
-              variant: "primary",
-              "button-text": "Sign in"
-            })
+            d(a.$slots, "button", {}, void 0, !0)
           ]))
         ])
       ])
     ]));
   }
-}), is = /* @__PURE__ */ f(ss, [["__scopeId", "data-v-6dcefaba"]]), rs = { class: "not-found__wrapper" }, ns = { class: "not-found__content" }, ds = { class: "not-found__headline" }, cs = { class: "not-found__body" }, us = /* @__PURE__ */ g({
+}), is = /* @__PURE__ */ f(ss, [["__scopeId", "data-v-56b400ac"]]), 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: {
@@ -1880,7 +1876,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       t("div", ns, [
         t("h1", ds, n(e.headline), 1),
         t("div", cs, [
-          c(a.$slots, "not-found-body", {}, void 0, !0)
+          d(a.$slots, "not-found-body", {}, void 0, !0)
         ])
       ])
     ]));
@@ -1902,10 +1898,10 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
     return (a, r) => (l(), i("div", ps, [
       t("div", hs, [
         t("div", ms, [
-          c(a.$slots, "filter-dropdowns")
+          d(a.$slots, "filter-dropdowns")
         ]),
         t("div", vs, [
-          c(a.$slots, "filter-chips"),
+          d(a.$slots, "filter-chips"),
           e.hasChips ? (l(), i("button", {
             key: 0,
             class: "filter__clear",
@@ -1944,7 +1940,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
             t("span", ks, n(s.title), 1),
             t("nav", null, [
               t("ul", ws, [
-                c(a.$slots, "section-links", {
+                d(a.$slots, "section-links", {
                   links: s.links
                 })
               ])
@@ -1992,8 +1988,8 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
                 Q(n(a.changeRegion), 1)
               ])
             ]),
-            c(a.$slots, "footer-privacy-link"),
-            c(a.$slots, "footer-cookie-link")
+            d(a.$slots, "footer-privacy-link"),
+            d(a.$slots, "footer-cookie-link")
           ]),
           a.language !== "zh" ? (l(), i("div", Os, [
             (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), D(C, {
@@ -2130,16 +2126,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);
-    te(
+    ee(
       () => o.burgerState,
       (b) => _.value = b
-    ), te(
+    ), ee(
       () => o.showDropDown,
       (b) => u.value = b
-    ), te(
+    ), ee(
       () => o.showPortalSwitcherDropDown,
       (b) => p.value = b
-    ), te(
+    ), ee(
       () => o.showProfileDropDown,
       (b) => w.value = b
     ), pe(() => {
@@ -2162,7 +2158,7 @@ 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();
     }
@@ -2172,21 +2168,21 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
       t("nav", null, [
         t("div", js, [
           t("div", Us, [
-            c(b.$slots, "link-logo", {}, void 0, !0)
+            d(b.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", Ks, [
-            c(b.$slots, "main-nav-items", {}, void 0, !0)
+            d(b.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           e.useDropdown ? (l(), i("div", Gs, [
             t("button", {
               class: "nav-dropdown-btn",
               onClick: B
             }, [
-              c(b.$slots, "dropdown-title", {}, void 0, !0),
+              d(b.$slots, "dropdown-title", {}, void 0, !0),
               I(u) === !1 ? (l(), i("img", Js)) : (l(), i("img", Ws))
             ]),
             j(t("div", Ys, [
-              c(b.$slots, "dropdown-links", {}, void 0, !0)
+              d(b.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [J, I(u)]
             ])
@@ -2214,11 +2210,11 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
               class: "nav-portal-switcher-btn",
               onClick: T
             }, [
-              c(b.$slots, "portal-switcher-title", {}, void 0, !0),
+              d(b.$slots, "portal-switcher-title", {}, void 0, !0),
               I(p) === !1 ? (l(), i("img", xs)) : (l(), i("img", ei))
             ]),
             j(t("div", ti, [
-              c(b.$slots, "portal-switcher-links", {}, void 0, !0)
+              d(b.$slots, "portal-switcher-links", {}, void 0, !0)
             ], 512), [
               [J, I(p)]
             ])
@@ -2228,11 +2224,11 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
               class: "nav-profile-dropdown-btn",
               onClick: ae
             }, [
-              c(b.$slots, "porfile-dropdown-title", {}, void 0, !0),
+              d(b.$slots, "porfile-dropdown-title", {}, void 0, !0),
               I(w) === !1 ? (l(), i("img", oi)) : (l(), i("img", li))
             ]),
             j(t("div", si, [
-              c(b.$slots, "profile-dropdown-links", {}, void 0, !0)
+              d(b.$slots, "profile-dropdown-links", {}, void 0, !0)
             ], 512), [
               [J, I(w)]
             ])
@@ -2243,17 +2239,17 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
         }, [
           t("div", ii, [
             t("div", ri, [
-              c(b.$slots, "link-logo", {}, void 0, !0)
+              d(b.$slots, "link-logo", {}, void 0, !0)
             ]),
             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", {
@@ -2279,11 +2275,11 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
           ]),
           j(t("div", ui, [
             t("ul", null, [
-              c(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              d(b.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", _i, [
-              c(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              c(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              d(b.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              d(b.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [J, I(_)]
@@ -2310,7 +2306,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
         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)
+          d(a.$slots, "language-links", {}, void 0, !0)
         ])
       ])
     ]));
@@ -2331,14 +2327,14 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
   setup(e) {
     return (a, r) => (l(), i("div", ki, [
       t("div", wi, [
-        S(Z, {
+        S(te, {
           disabled: e.isPreviousDisabled,
           variant: "previous",
           "aria-label": "previous",
           onClick: r[0] || (r[0] = (s) => a.$emit("previous"))
         }, null, 8, ["disabled"]),
-        c(a.$slots, "pagination-numbers"),
-        S(Z, {
+        d(a.$slots, "pagination-numbers"),
+        S(te, {
           disabled: e.isNextDisabled,
           variant: "next",
           "aria-label": "next",
@@ -2350,7 +2346,7 @@ const Bl = /* @__PURE__ */ f(bl, [["render", Sl], ["__scopeId", "data-v-2881b194
 }), Bi = /* @__PURE__ */ f(Si, [["__scopeId", "data-v-da6d07c9"]]), Ii = {}, qi = { class: "search__wrapper" };
 function Li(e, a) {
   return l(), i("div", qi, [
-    c(e.$slots, "default", { class: "search__content" })
+    d(e.$slots, "default", { class: "search__content" })
   ]);
 }
 const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82"]]), Di = { class: "product-hero__wrapper" }, Ti = { class: "product-hero__content" }, Ci = { class: "product-hero__headline" }, Ai = { class: "product-hero__video" }, Pi = { class: "product-hero__insignia" }, Mi = {
@@ -2398,7 +2394,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
       t("div", Ti, [
         t("div", Ci, n(e.headline), 1),
         t("div", Ai, [
-          e.videoSrc !== "" ? (l(), D(X, {
+          e.videoSrc !== "" ? (l(), D(Z, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2411,7 +2407,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
             muted: ""
           }, null, 8, ["src", "aria-label", "poster"])) : (l(), D(I(A), { key: 1 }, {
             default: $(() => [
-              c(a.$slots, "product-hero-image", {}, void 0, !0)
+              d(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
             _: 3
           })),
@@ -2419,7 +2415,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
             e.logoSrc ? (l(), i("div", Mi, [
               S(I(A), null, {
                 default: $(() => [
-                  c(a.$slots, "product-hero-logo", {}, void 0, !0)
+                  d(a.$slots, "product-hero-logo", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -2427,7 +2423,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
             e.isCertified ? (l(), i("div", Oi, [
               S(I(A), null, {
                 default: $(() => [
-                  c(a.$slots, "product-hero-certification", {}, void 0, !0)
+                  d(a.$slots, "product-hero-certification", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -2472,10 +2468,10 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
         }, [
           t("div", Hi, [
             t("div", Ni, [
-              c(o.$slots, "pallet-jack-link")
+              d(o.$slots, "pallet-jack-link")
             ]),
             t("div", zi, [
-              c(o.$slots, "pallet-jack-video")
+              d(o.$slots, "pallet-jack-video")
             ]),
             t("div", ji, [
               t("h3", Ui, n(o.headline), 1),
@@ -2500,7 +2496,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
               o.variant === "dark" ? "promo__title--dark" : ""
             ])
           }, [
-            c(o.$slots, "promo-text")
+            d(o.$slots, "promo-text")
           ], 2),
           o.linkType === "link" ? (l(), D(C, {
             key: 1,
@@ -2508,7 +2504,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
             arrow: ""
           }, {
             default: $(() => [
-              c(o.$slots, "promo-link")
+              d(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0),
@@ -2517,7 +2513,7 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
             default: $(() => [
-              c(o.$slots, "promo-link")
+              d(o.$slots, "promo-link")
             ]),
             _: 3
           }, 8, ["link-type"])) : m("", !0)
@@ -2527,11 +2523,11 @@ const Vi = /* @__PURE__ */ f(Ii, [["render", Li], ["__scopeId", "data-v-623adb82
   }
 }), Gi = /* @__PURE__ */ f(Ki, [["__scopeId", "data-v-00c0bad3"]]), Wi = {
   install: (e) => {
-    e.component("AtomButton", Z), e.component("AtomCheckbox", Ce), e.component("AtomChip", Fe), e.component("AtomDropdown", Ke), e.component("AtomImage", A), e.component("AtomLabel", W), e.component("AtomLink", C), e.component("AtomRadioButton", ot), e.component("AtomSelect", dt), e.component("AtomSlider", yt), e.component("AtomTextarea", Lt), e.component("AtomTextField", Rt), e.component("AtomVideo", X), e.component("MoleculeAddress", ta), e.component("MoleculeBulletList", ia), e.component("MoleculeCard", ua), e.component("MoleculeEventCard", ba), e.component("MoleculeModal", he), e.component("MoleculeTextCard", Sa), e.component("BlockFacts", Aa), e.component("BlockFeatures", Na), e.component("BlockFormScript", Ya), e.component("BlockHeadline", _o), e.component("BlockHero", Bo), e.component("BlockImage", to), e.component("BlockImageGallery", ro), e.component("BlockLogoWall", Po), e.component("BlockMicroStories", Ro), e.component("BlockPolicy", Uo), e.component("BlockProductHero", Ei), e.component("BlockPromo", el), e.component("BlockQuote", pl), e.component("BlockRichText", gl), e.component("BlockRichTextColumns", Bl), e.component("BlockTimeline", Ml), e.component("BlockCardDisplay", Zo), e.component("BlockVimeo", Nl), e.component("BlockPalletJack", Gi), e.component("BlockFrontPageHero", is), e.component("Organism404", _s), e.component("OrganismFilter", gs), e.component("OrganismFooter", Ns), e.component("OrganismHeader", hi), e.component("OrganismLanguageSwitcher", $i), e.component("OrganismPagination", Bi), e.component("OrganismSearch", Vi);
+    e.component("AtomButton", te), 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", 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", 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 {
-  Z as AtomButton,
+  te as AtomButton,
   Ce as AtomCheckbox,
   Fe as AtomChip,
   Ke as AtomDropdown,
@@ -2543,7 +2539,7 @@ export {
   yt as AtomSlider,
   Rt as AtomTextField,
   Lt as AtomTextarea,
-  X as AtomVideo,
+  Z as AtomVideo,
   Zo as BlockCardDisplay,
   Aa as BlockFacts,
   Na as BlockFeatures,