@mirweb/mir-web-components 1.3.0 → 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 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 C, 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";
+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(), H(), 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(), H(), 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"))
@@ -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), h = 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(
@@ -214,7 +214,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         y || ""
       ), 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 - ((D = h.value) == null ? void 0 : D.clientHeight) : d.offsetTop < h.value.scrollTop && (h.value.scrollTop = d.offsetTop);
+        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() {
@@ -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: _,
@@ -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,7 +342,7 @@ 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]), h = V(() => {
+    }, s = e, o = D(() => a[s.linkType]), u = D(() => r[s.underline]), h = D(() => {
       const { ..._ } = $e(s);
       return _;
     });
@@ -463,7 +463,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? p("", !0) : (l(), C(ae, {
+                u.searchBar ? p("", !0) : (l(), T(ae, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -550,7 +550,7 @@ 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: h.value,
         "onUpdate:show": w[3] || (w[3] = (L) => h.value = L)
@@ -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 = {
@@ -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"
-    ), h = 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,8 +661,8 @@ 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",
@@ -783,7 +783,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           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"
@@ -796,7 +796,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : p("", !0),
-          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), C(T, {
+          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), T(V, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -890,7 +890,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, o = e, u = V(() => s[o.size]);
+    }, o = e, u = D(() => s[o.size]);
     return (h, _) => (l(), i("div", na, [
       t("div", {
         class: m(["card", [
@@ -904,7 +904,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         onMouseover: _[0] || (_[0] = (B) => ne(r) ? r.value = !0 : r = !0),
         onMouseout: _[1] || (_[1] = (B) => ne(r) ? r.value = !1 : r = !1)
       }, [
-        h.mediaType === "image" ? (l(), C(A, { key: 0 }, {
+        h.mediaType === "image" ? (l(), T(A, { key: 0 }, {
           default: $(() => [
             c(h.$slots, "card-image", de({
               src: h.imgSrc,
@@ -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: ""
           }, {
@@ -1218,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])
     }, [
@@ -1334,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: ""
               }, {
@@ -1358,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: {
@@ -1381,11 +1381,11 @@ 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)) : p("", !0),
-          e.body ? (l(), i("p", Co, n(e.body), 1)) : p("", !0)
+        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", To, [
+        t("div", Vo, [
           (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
             key: s.src + s.alt,
             class: "logo-wall__logo"
@@ -1404,7 +1404,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           ]))), 128))
         ]),
         t("div", Ao, [
-          S(T, {
+          S(V, {
             "link-type": "regular_light",
             arrow: !0
           }, {
@@ -1435,7 +1435,7 @@ 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])
     }, [
@@ -1518,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",
@@ -1567,7 +1567,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             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"
@@ -1580,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: ""
@@ -1590,7 +1590,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          o.linkType === "button" ? (l(), C(T, {
+          o.linkType === "button" ? (l(), T(V, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -1681,7 +1681,7 @@ 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
@@ -1748,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(), H(), 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({
@@ -1775,14 +1775,14 @@ 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: $(() => [
@@ -1926,7 +1926,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), bs = /* @__PURE__ */ f(gs, [["__scopeId", "data-v-31c1ba00"]]), j = (e) => (E("data-v-aa82b03d"), 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, "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"], Hs = {
@@ -1966,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
               })
@@ -2007,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"
@@ -2028,7 +2028,7 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
               _: 2
             }, 1024))), 128))
           ])) : (l(), i("div", Hs, [
-            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), C(T, {
+            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), T(V, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2053,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(), H(), 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"
@@ -2248,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,
@@ -2361,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: {
@@ -2393,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" }, Hi = { class: "product-hero__insignia" }, Ri = {
+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 = {
@@ -2444,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,
@@ -2455,7 +2455,7 @@ 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)
             ]),
@@ -2501,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",
@@ -2535,7 +2535,7 @@ 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"
@@ -2548,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: ""
@@ -2558,7 +2558,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
             ]),
             _: 3
           }, 8, ["link-type"])) : p("", !0),
-          o.linkType === "button" ? (l(), C(T, {
+          o.linkType === "button" ? (l(), T(V, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2573,7 +2573,7 @@ const Pi = /* @__PURE__ */ f(Ci, [["render", Ai], ["__scopeId", "data-v-c07a6cf3
   }
 }), 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", 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", 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 {
@@ -2583,12 +2583,12 @@ 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,
   Rt as AtomTextField,
-  Dt as AtomTextarea,
+  Ct as AtomTextarea,
   ee as AtomVideo,
   Xo as BlockCardDisplay,
   Pa as BlockFacts,
@@ -2621,7 +2621,7 @@ export {
   zs as OrganismFooter,
   bi as OrganismHeader,
   Ii as OrganismLanguageSwitcher,
-  Vi as OrganismPagination,
+  Di as OrganismPagination,
   Pi as OrganismSearch,
   xi as default
 };