@mirweb/mir-web-components 1.1.6 → 1.2.0

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

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as C, 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 D, 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 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";
 const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   __name: "button",
   props: {
@@ -9,11 +9,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   setup(e) {
     const a = {
       primary: "primary",
+      primaryDark: "primary-dark",
       secondary: "secondary",
       close: "close",
       next: "next",
       previous: "previous"
-    }, r = e, s = C(() => a[r.variant]);
+    }, r = e, s = V(() => a[r.variant]);
     return (o, u) => (l(), i("button", {
       class: m(["button", "button--" + s.value]),
       "aria-label": o.ariaLabel
@@ -24,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-a3e038ec"]]), Le = (e) => (E("data-v-0adb65a6"), e = e(), R(), e), Ve = ["id", "name", "value", "disabled", "required", "checked"], Ce = ["for"], De = /* @__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(), R(), e), De = ["id", "name", "value", "disabled", "required", "checked"], Ve = ["for"], Ce = /* @__PURE__ */ Le(() => /* @__PURE__ */ t("span", { class: "checkmark" }, null, -1)), Te = /* @__PURE__ */ g({
   __name: "checkbox",
   props: {
     name: { default: "checkbox" },
@@ -53,14 +54,14 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         checked: o.checked,
         class: "checkbox__checkbox",
         onChange: s
-      }, null, 40, Ve),
+      }, null, 40, De),
       t("label", {
         for: o.id,
         class: m(["checkbox__label", o.required ? "required" : ""])
       }, [
-        De,
+        Ce,
         c(o.$slots, "default", {}, void 0, !0)
-      ], 10, Ce)
+      ], 10, Ve)
     ], 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", {
@@ -74,7 +75,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
   },
   emits: ["remove-chip"],
   setup(e) {
-    const a = e, r = C(() => `Chip: ${a.text}`);
+    const a = e, r = V(() => `Chip: ${a.text}`);
     return (s, o) => (l(), i("div", {
       class: "chip__wrapper",
       onClick: o[0] || (o[0] = (u) => s.$emit("remove-chip"))
@@ -106,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 = C(() => r[s.variant]), u = q(null), p = q(null), _ = q([]), B = q(0), v = q(""), w = q(!0), L = q(0), oe = a, le = C(() => {
+    }, 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(() => {
       const d = s.options.find(
         (y) => y.value === s.modelValue
       );
@@ -136,11 +137,11 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
-          const V = s.options.findIndex(
+          const D = s.options.findIndex(
             (J) => J.value === s.modelValue
           );
-          let z = V ? _.value[V] : _.value[0];
-          y === "ArrowUp" ? V - 1 >= 0 && (z = _.value[V - 1]) : V + 1 <= s.options.length && (z = _.value[V + 1]), z && X(z);
+          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);
           break;
         }
         case "Home":
@@ -156,8 +157,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           d.preventDefault(), te(), (k = u.value) == null || k.focus();
           break;
         default: {
-          const V = U(y);
-          V && X(V);
+          const D = U(y);
+          D && X(D);
           break;
         }
       }
@@ -182,7 +183,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     function U(d) {
       let y = "";
       (v.value === "" || y !== d) && (L.value = s.options.findIndex(
-        (V) => V.value === s.modelValue
+        (D) => D.value === s.modelValue
       )), v.value = y === d ? d : v.value + d, y = d, N();
       let k = O(
         L.value + 1,
@@ -200,7 +201,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       X(_.value[0]);
     }
     function X(d) {
-      var k, V;
+      var k, D;
       const y = d.getAttribute("data-value");
       if (s.modelValue) {
         const z = s.options.findIndex(
@@ -213,7 +214,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         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 - ((V = p.value) == null ? void 0 : V.clientHeight) : d.offsetTop < p.value.scrollTop && (p.value.scrollTop = d.offsetTop);
+        J > z ? p.value.scrollTop = J - ((D = p.value) == null ? void 0 : D.clientHeight) : d.offsetTop < p.value.scrollTop && (p.value.scrollTop = d.offsetTop);
       }
     }
     function ge() {
@@ -269,8 +270,8 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           onKeydown: Z,
           onClick: G
         }, [
-          (l(!0), i(P, null, M(d.options, (k, V) => (l(), i("li", {
-            key: `${d.name}-option-${V}`,
+          (l(!0), i(P, null, M(d.options, (k, D) => (l(), i("li", {
+            key: `${d.name}-option-${D}`,
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _,
@@ -310,7 +311,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
     labelDark: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const a = e, r = C(() => `Label: ${a.text}`);
+    const a = e, r = V(() => `Label: ${a.text}`);
     return (s, o) => (l(), i("div", Ye, [
       t("span", {
         "aria-label": r.value,
@@ -340,7 +341,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       hover: "underline-hover",
       true: "add-underline",
       false: "remove-underline"
-    }, s = e, o = C(() => a[s.linkType]), u = C(() => r[s.underline]), p = C(() => {
+    }, s = e, o = V(() => a[s.linkType]), u = V(() => r[s.underline]), p = V(() => {
       const { ..._ } = $e(s);
       return _;
     });
@@ -461,7 +462,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
               }, ["stop"]))
             }, [
               t("div", null, [
-                u.searchBar ? h("", !0) : (l(), D(ae, {
+                u.searchBar ? h("", !0) : (l(), C(ae, {
                   key: 0,
                   "aria-label": "close",
                   variant: "close",
@@ -548,7 +549,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           class: m([v.variant, "slider__value"])
         }, n(v.modelValue), 3)
       ]),
-      v.information ? (l(), D(ve, {
+      v.information ? (l(), C(ve, {
         key: 0,
         show: p.value,
         "onUpdate:show": w[3] || (w[3] = (L) => p.value = L)
@@ -610,7 +611,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       ])
     ]));
   }
-}), Vt = /* @__PURE__ */ f(Lt, [["__scopeId", "data-v-220a973c"]]), Ct = { class: "text-field__wrapper" }, Dt = ["for"], Tt = { key: 0 }, At = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Pt = ["aria-expanded"], Mt = ["id", "type", "value", "placeholder", "required", "disabled", "name"], Ot = {
+}), 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 = {
   key: 2,
   class: "search"
 }, Ft = {
@@ -646,12 +647,12 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       tel: "tel",
       url: "url",
       search: "search"
-    }, r = e, s = C(() => a[r.type]), o = q(!0), u = C(
+    }, r = e, s = V(() => a[r.type]), o = q(!0), u = V(
       () => o.value ? "showPassword" : "hidePassword"
-    ), p = C(
+    ), p = V(
       () => o.value ? "password" : "text"
     );
-    return (_, B) => (l(), i("div", Ct, [
+    return (_, B) => (l(), i("div", Vt, [
       t("label", {
         for: _.id,
         class: m([
@@ -659,7 +660,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           _.disabled ? "disabled" : "",
           _.search ? "search" : ""
         ])
-      }, n(_.label), 11, Dt),
+      }, n(_.label), 11, Ct),
       s.value === "password" ? (l(), i("div", Tt, [
         t("input", {
           id: _.id,
@@ -781,7 +782,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
           a.addressLine3 ? (l(), i("p", Qt, n(a.addressLine3), 1)) : h("", !0)
         ]),
         t("div", Zt, [
-          a.website ? (l(), D(T, {
+          a.website ? (l(), C(T, {
             key: 0,
             underline: "false",
             "link-type": "regular"
@@ -794,7 +795,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
             ]),
             _: 1
           })) : h("", !0),
-          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), D(T, {
+          (l(!0), i(P, null, M(a.phoneNumbers, (s) => (l(), C(T, {
             key: s,
             underline: "false",
             "link-type": "regular"
@@ -888,7 +889,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
         width: "596",
         height: "335"
       }
-    }, o = e, u = C(() => s[o.size]);
+    }, o = e, u = V(() => s[o.size]);
     return (p, _) => (l(), i("div", na, [
       t("div", {
         class: m(["card", [
@@ -902,7 +903,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)
       }, [
-        p.mediaType === "image" ? (l(), D(A, { key: 0 }, {
+        p.mediaType === "image" ? (l(), C(A, { key: 0 }, {
           default: $(() => [
             c(p.$slots, "card-image", de({
               src: p.imgSrc,
@@ -1020,7 +1021,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" }, Va = { class: "facts" }, Ca = { class: "fact__value" }, Da = { class: "fact__metric" }, Ta = {
+}), 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 = {
   key: 0,
   class: "facts__link"
 }, Aa = /* @__PURE__ */ g({
@@ -1050,15 +1051,15 @@ 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", Va, [
+        t("div", Da, [
           (l(!0), i(P, null, M(a.facts, (s) => (l(), i("div", {
             key: s.value + s.metric,
             class: "fact"
           }, [
-            t("div", Ca, [
+            t("div", Va, [
               t("span", null, n(s.value), 1)
             ]),
-            t("div", Da, [
+            t("div", Ca, [
               t("span", null, n(s.metric), 1)
             ])
           ]))), 128))
@@ -1205,7 +1206,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       white: "",
       light: "gallery__wrapper--light",
       dark: "gallery__wrapper--dark mirsaic--dark"
-    }, r = e, s = C(() => a[r.bgColor]);
+    }, r = e, s = V(() => a[r.bgColor]);
     return (o, u) => (l(), i("div", {
       class: m(["gallery__wrapper", s.value])
     }, [
@@ -1345,10 +1346,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" }, Vo = {
+}), Io = /* @__PURE__ */ f(Bo, [["__scopeId", "data-v-22f9be13"]]), qo = { class: "logo-wall__wrapper" }, Lo = { class: "logo-wall__content" }, Do = {
   key: 0,
   class: "logo-wall__text"
-}, Co = { key: 0 }, Do = { key: 1 }, To = { class: "logo-wall__logos" }, Ao = { class: "logo-wall__link" }, Po = /* @__PURE__ */ g({
+}, Vo = { key: 0 }, Co = { key: 1 }, To = { class: "logo-wall__logos" }, Ao = { class: "logo-wall__link" }, Po = /* @__PURE__ */ g({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1368,9 +1369,9 @@ 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", Vo, [
-          e.headline ? (l(), i("h2", Co, n(e.headline), 1)) : h("", !0),
-          e.body ? (l(), i("p", Do, n(e.body), 1)) : h("", !0)
+        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, [
           (l(!0), i(P, null, M(e.logos, (s) => (l(), i("div", {
@@ -1422,7 +1423,7 @@ const Ie = ["aria-label"], qe = /* @__PURE__ */ g({
       white: "micro-stories__wrapper--white",
       blue: "micro-stories__wrapper--blue",
       dark: "micro-stories__wrapper--dark"
-    }, r = C(() => a[s.bgColor]), s = e;
+    }, r = V(() => a[s.bgColor]), s = e;
     return (o, u) => (l(), i("div", {
       class: m(["micro-stories__wrapper", r.value])
     }, [
@@ -1505,7 +1506,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 = C(() => a[r.variant]);
+    }, r = e, s = V(() => a[r.variant]);
     return (o, u) => (l(), i("div", {
       class: m([
         "promo__wrapper",
@@ -1554,7 +1555,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), D(Q, {
+          o.label ? (l(), C(Q, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -1567,7 +1568,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
           }, [
             c(o.$slots, "promo-headline")
           ], 2),
-          o.linkType === "link" ? (l(), D(T, {
+          o.linkType === "link" ? (l(), C(T, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -1577,7 +1578,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
             ]),
             _: 3
           }, 8, ["link-type"])) : h("", !0),
-          o.linkType === "button" ? (l(), D(T, {
+          o.linkType === "button" ? (l(), C(T, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -1668,7 +1669,7 @@ const Ko = /* @__PURE__ */ f(No, [["render", Uo], ["__scopeId", "data-v-ea887d7a
       ])
     }, [
       t("div", ml, [
-        a.label ? (l(), D(Q, {
+        a.label ? (l(), C(Q, {
           key: 0,
           text: a.label,
           "label-dark": !1
@@ -1735,7 +1736,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" }, Vl = { class: "timeline__content" }, Cl = { class: "timeline__items" }, Dl = { 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(), 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" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
 ], -1)), Al = { class: "item__right" }, Pl = ["innerHTML"], Ml = /* @__PURE__ */ g({
@@ -1762,13 +1763,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
         r.observe(s);
       });
     }), (a, r) => (l(), i("div", Ll, [
-      t("div", Vl, [
-        t("div", Cl, [
+      t("div", Dl, [
+        t("div", Vl, [
           (l(!0), i(P, null, M(e.timelineItems, (s) => (l(), i("div", {
             key: s.year,
             class: "timeline__item faded"
           }, [
-            t("div", Dl, n(s.year), 1),
+            t("div", Cl, n(s.year), 1),
             Tl,
             t("div", Al, [
               S(A, null, {
@@ -1913,7 +1914,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(), 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)), Vs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("span", null, "CVR: 35251235", -1)), Cs = /* @__PURE__ */ j(() => /* @__PURE__ */ t("br", null, null, -1)), Ds = /* @__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-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 = {
   key: 0,
   class: "footer__social"
 }, Es = ["href", "aria-label"], Rs = {
@@ -1953,15 +1954,15 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
             t("address", null, [
               qs,
               Ls,
+              Ds,
               Vs,
-              Cs,
               S(T, {
                 class: "footer__contact",
                 "link-type": "regular_light",
                 underline: "false"
               }, {
                 default: $(() => [
-                  Ds
+                  Cs
                 ]),
                 _: 1
               }),
@@ -1994,7 +1995,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(), D(T, {
+            (l(!0), i(P, null, M(a.socialMedia, (s) => (l(), C(T, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2015,7 +2016,7 @@ 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(), D(T, {
+            (l(!0), i(P, null, M(a.socialMediaChina, (s) => (l(), C(T, {
               key: s.title,
               underline: "false",
               "link-type": "regular"
@@ -2348,7 +2349,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" }, Vi = /* @__PURE__ */ g({
+}), Ii = /* @__PURE__ */ f(Bi, [["__scopeId", "data-v-dc8cc97e"]]), qi = { class: "pagination__wrapper" }, Li = { class: "pagination__content" }, Di = /* @__PURE__ */ g({
   __name: "pagination",
   props: {
     isPreviousDisabled: {
@@ -2380,13 +2381,13 @@ const Il = /* @__PURE__ */ f(yl, [["render", Bl], ["__scopeId", "data-v-449f3040
       ])
     ]));
   }
-}), Ci = /* @__PURE__ */ f(Vi, [["__scopeId", "data-v-da6d07c9"]]), Di = {}, Ti = { class: "search__wrapper" };
+}), Vi = /* @__PURE__ */ f(Di, [["__scopeId", "data-v-da6d07c9"]]), Ci = {}, Ti = { class: "search__wrapper" };
 function Ai(e, a) {
   return l(), i("div", Ti, [
     c(e.$slots, "default", { class: "search__content" })
   ]);
 }
-const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82"]]), 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(Ci, [["render", Ai], ["__scopeId", "data-v-623adb82"]]), 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 = {
   key: 0,
   class: "product-hero__logo"
 }, Ni = {
@@ -2431,7 +2432,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
       t("div", Oi, [
         t("div", Fi, n(e.headline), 1),
         t("div", Ei, [
-          e.videoSrc !== "" ? (l(), D(ee, {
+          e.videoSrc !== "" ? (l(), C(ee, {
             key: 0,
             play: "",
             "local-video": !0,
@@ -2442,7 +2443,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
             autoplay: "",
             loop: "",
             muted: ""
-          }, null, 8, ["src", "aria-label", "poster"])) : (l(), D(I(A), { key: 1 }, {
+          }, null, 8, ["src", "aria-label", "poster"])) : (l(), C(I(A), { key: 1 }, {
             default: $(() => [
               c(a.$slots, "product-hero-image", {}, void 0, !0)
             ]),
@@ -2488,7 +2489,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
       dark: "promo__wrapper--dark",
       light: "promo__wrapper--light",
       default: "promo__wrapper--default"
-    }, r = e, s = C(() => a[r.variant]);
+    }, r = e, s = V(() => a[r.variant]);
     return (o, u) => (l(), i("div", {
       class: m([
         "promo__wrapper",
@@ -2522,7 +2523,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
             o.reverse ? "promo__text--reverse" : "promo__text--default"
           ])
         }, [
-          o.label ? (l(), D(Q, {
+          o.label ? (l(), C(Q, {
             key: 0,
             text: o.label,
             "label-dark": o.variant === "dark"
@@ -2535,7 +2536,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
           }, [
             c(o.$slots, "promo-text")
           ], 2),
-          o.linkType === "link" ? (l(), D(T, {
+          o.linkType === "link" ? (l(), C(T, {
             key: 1,
             "link-type": o.variant === "dark" ? "regular_dark" : (o.variant === "light", "regular_light"),
             arrow: ""
@@ -2545,7 +2546,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
             ]),
             _: 3
           }, 8, ["link-type"])) : h("", !0),
-          o.linkType === "button" ? (l(), D(T, {
+          o.linkType === "button" ? (l(), C(T, {
             key: 2,
             "link-type": o.variant === "dark" ? "secondary_dark" : (o.variant === "light", "secondary")
           }, {
@@ -2560,7 +2561,7 @@ const Pi = /* @__PURE__ */ f(Di, [["render", Ai], ["__scopeId", "data-v-623adb82
   }
 }), 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", Vt), 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", Ci), 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", 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);
   }
 };
 export {
@@ -2575,7 +2576,7 @@ export {
   ct as AtomSelect,
   $t as AtomSlider,
   Ht as AtomTextField,
-  Vt as AtomTextarea,
+  Dt as AtomTextarea,
   ee as AtomVideo,
   Xo as BlockCardDisplay,
   Pa as BlockFacts,
@@ -2608,7 +2609,7 @@ export {
   zs as OrganismFooter,
   bi as OrganismHeader,
   Ii as OrganismLanguageSwitcher,
-  Ci as OrganismPagination,
+  Vi as OrganismPagination,
   Pi as OrganismSearch,
   xi as default
 };