@mirweb/mir-web-components 0.14.0 → 0.14.1

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

@@ -161,15 +161,15 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const a = e, n = x(null), o = x(null), _ = x([]), S = x(0), I = x(""), y = x(!0), b = x(0), M = N(() => {
+    const a = e, n = x(null), o = x(null), _ = x([]), S = x(0), I = x(""), f = x(!0), b = x(0), M = N(() => {
       const d = a.options.find(
         (v) => v.value === a.modelValue
       );
       return d && d.label;
     }), ce = {
       beforeMount(d, v) {
-        d.clickOutsideEvent = function(f) {
-          d === f.target || d.contains(f.target) || v.value(f);
+        d.clickOutsideEvent = function(y) {
+          d === y.target || d.contains(y.target) || v.value(y);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -180,12 +180,12 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       i("update:modelValue", d);
     }
     function _e(d) {
-      var f;
+      var y;
       const v = d.target;
-      v.getAttribute("role") === "option" && (Z(v), U(), (f = n.value) == null || f.focus());
+      v.getAttribute("role") === "option" && (Z(v), U(), (y = n.value) == null || y.focus());
     }
     function J(d) {
-      var f;
+      var y;
       const v = d.key;
       switch (v) {
         case "ArrowUp":
@@ -200,15 +200,15 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         }
         case "Home":
         case "PageUp":
-          d.preventDefault(), ye();
+          d.preventDefault(), fe();
           break;
         case "End":
         case "PageDown":
-          d.preventDefault(), fe();
+          d.preventDefault(), ye();
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), U(), (f = n.value) == null || f.focus();
+          d.preventDefault(), U(), (y = n.value) == null || y.focus();
           break;
         default: {
           const w = ve(v);
@@ -239,23 +239,23 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       (I.value === "" || v !== d) && (b.value = a.options.findIndex(
         (w) => w.value === a.modelValue
       )), I.value = v === d ? d : I.value + d, v = d, ge();
-      let f = Y(
+      let y = Y(
         b.value + 1,
         a.options.length
       );
-      return !f && I.value.length === 1 && (f = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, f;
+      return !y && I.value.length === 1 && (y = Y(0, b.value)), b.value = (b.value + 1) % a.options.length, y;
     }
     function Y(d, v) {
-      for (let f = d; f < v; f++)
-        if (a.options[f].label && a.options[f].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
-          return _.value[f];
+      for (let y = d; y < v; y++)
+        if (a.options[y].label && a.options[y].label.toUpperCase().indexOf(I.value.toUpperCase()) === 0)
+          return _.value[y];
       return null;
     }
-    function ye() {
+    function fe() {
       Z(_.value[0]);
     }
     function Z(d) {
-      var f, w;
+      var y, w;
       const v = d.getAttribute("data-value");
       if (a.modelValue) {
         const L = a.options.findIndex(
@@ -263,7 +263,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         ), P = _.value[L];
         he(P);
       }
-      if (d.setAttribute("aria-selected", "true"), (f = o.value) == null || f.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
         "aria-activedescendant",
         v || ""
       ), ue(v || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
@@ -271,21 +271,21 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         P > L ? o.value.scrollTop = P - ((w = o.value) == null ? void 0 : w.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
       }
     }
-    function fe() {
+    function ye() {
       var v;
       const d = (v = _.value) == null ? void 0 : v[a.options.length - 1];
       Z(d);
     }
     function U() {
       var d;
-      y.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
+      f.value = !0, (d = n.value) == null || d.removeAttribute("aria-expanded");
     }
     function K() {
       var d, v;
-      y.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (v = o.value) == null || v.focus();
+      f.value = !1, (d = n.value) == null || d.setAttribute("aria-expanded", "true"), (v = o.value) == null || v.focus();
     }
     function be() {
-      a.disabled || (y.value ? K() : U());
+      a.disabled || (f.value ? K() : U());
     }
     return (d, v) => (l(), r("div", {
       class: "listbox__wrapper",
@@ -324,18 +324,18 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           ref_key: "listboxNode",
           ref: o
         }, [
-          (l(!0), r(q, null, D(e.options, (f, w) => (l(), r("li", {
+          (l(!0), r(q, null, D(e.options, (y, w) => (l(), r("li", {
             key: `${e.name}-option-${w}`,
-            "aria-selected": f.value === e.modelValue,
-            "data-value": f.value,
+            "aria-selected": y.value === e.modelValue,
+            "data-value": y.value,
             class: "listbox__option",
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _
-          }, s(f.label), 9, Ee))), 128))
+          }, s(y.label), 9, Ee))), 128))
         ], 40, Re), [
-          [G, !y.value]
+          [G, !f.value]
         ])
       ])), [
         [ce, U]
@@ -638,7 +638,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
     ]));
   }
 });
-const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, gt = ["for"], vt = ["aria-label"], yt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
+const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, gt = ["for"], vt = ["aria-label"], ft = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -691,18 +691,18 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const a = e, n = x(a.modelValue), o = x(), _ = x(!1), S = (y, b, M) => (y - b) / (M - b) * 100, I = (y) => {
+    const a = e, n = x(a.modelValue), o = x(), _ = x(!1), S = (f, b, M) => (f - b) / (M - b) * 100, I = (f) => {
       var b;
-      (b = o.value) == null || b.style.setProperty("--ProgressPercent", `${y}%`);
+      (b = o.value) == null || b.style.setProperty("--ProgressPercent", `${f}%`);
     };
     return ne(() => {
       if (o.value) {
         i("update:modelValue", n.value);
-        const y = S(n.value, a.min, a.max);
-        let b = (50 - y) / 100;
-        I(y + b);
+        const f = S(n.value, a.min, a.max);
+        let b = (50 - f) / 100;
+        I(f + b);
       }
-    }), (y, b) => (l(), r(q, null, [
+    }), (f, b) => (l(), r(q, null, [
       t("div", mt, [
         t("div", ht, [
           t("label", {
@@ -720,7 +720,7 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             "aria-haspopup": "dialog"
           }, null, 42, vt)) : g("", !0)
         ]),
-        t("div", yt, [
+        t("div", ft, [
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, s(e.min), 3),
@@ -736,7 +736,7 @@ const oe = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-b5af91d8"]]), mt = { cla
             ref_key: "slider",
             ref: o,
             onInput: b[2] || (b[2] = ({ target: M }) => n.value = parseFloat(M.value))
-          }, null, 42, ft),
+          }, null, 42, yt),
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, s(e.max), 3)
@@ -1303,7 +1303,7 @@ const da = /* @__PURE__ */ h(oa, [["__scopeId", "data-v-b50e8101"]]), ca = (e) =
     ]));
   }
 });
-const ya = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), fa = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, ka = /* @__PURE__ */ m({
+const fa = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, ka = /* @__PURE__ */ m({
   __name: "text-card",
   props: {
     label: {
@@ -1320,7 +1320,7 @@ const ya = /* @__PURE__ */ h(va, [["__scopeId", "data-v-f5acdf7e"]]), fa = { cla
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", fa, [
+    return (i, a) => (l(), r("div", ya, [
       k(R, {
         "label-dark": !1,
         text: e.label ? e.label : ""
@@ -1827,7 +1827,7 @@ const _l = /* @__PURE__ */ h(ul, [["__scopeId", "data-v-3ad48049"]]), ml = { cla
     ], 2));
   }
 });
-const gl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-0ca24d18"]]), vl = (e) => (z("data-v-3cc55dbf"), e = e(), V(), e), yl = { class: "quote__wrapper" }, fl = { class: "quote__content" }, bl = /* @__PURE__ */ vl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), pl = { class: "quote__quote" }, kl = { class: "quote__quote-text" }, $l = { class: "quote__author" }, wl = {
+const gl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-03f6850a"]]), vl = (e) => (z("data-v-3cc55dbf"), e = e(), V(), e), fl = { class: "quote__wrapper" }, yl = { class: "quote__content" }, bl = /* @__PURE__ */ vl(() => /* @__PURE__ */ t("p", { class: "quote__quote-mark" }, "“", -1)), pl = { class: "quote__quote" }, kl = { class: "quote__quote-text" }, $l = { class: "quote__author" }, wl = {
   key: 0,
   class: "quote__image"
 }, xl = { class: "quote__text" }, Sl = { class: "quote__author-name" }, Il = { class: "quote__author-title" }, ql = /* @__PURE__ */ m({
@@ -1851,8 +1851,8 @@ const gl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-0ca24d18"]]), vl = (e) =
     }
   },
   setup(e) {
-    return (i, a) => (l(), r("div", yl, [
-      t("div", fl, [
+    return (i, a) => (l(), r("div", fl, [
+      t("div", yl, [
         bl,
         t("div", pl, [
           t("p", kl, s(e.quote), 1),
@@ -2090,7 +2090,7 @@ const Kl = /* @__PURE__ */ h(Yl, [["__scopeId", "data-v-c2038fe4"]]), Ql = { cla
     ]));
   }
 });
-const li = /* @__PURE__ */ h(ai, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (z("data-v-6d9c55d4"), e = e(), V(), e), ii = { class: "footer__wrapper" }, ri = { class: "footer__content" }, ni = { class: "footer__sections" }, si = { class: "section" }, oi = { class: "section__title" }, di = { class: "section__list" }, ci = { class: "section" }, ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), _i = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), mi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), hi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), vi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), yi = { class: "footer__bottom" }, fi = { class: "footer__copyright-policy" }, bi = { class: "copyright" }, pi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
+const li = /* @__PURE__ */ h(ai, [["__scopeId", "data-v-cf46dae2"]]), O = (e) => (z("data-v-6d9c55d4"), e = e(), V(), e), ii = { class: "footer__wrapper" }, ri = { class: "footer__content" }, ni = { class: "footer__sections" }, si = { class: "section" }, oi = { class: "section__title" }, di = { class: "section__list" }, ci = { class: "section" }, ui = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", { class: "section__title" }, "Mobile Industrial Robots A/S", -1)), _i = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "Emil Neckelmanns Vej 15F", -1)), mi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, "DK-5220 Odense SØ", -1)), hi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("br", null, null, -1)), gi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "mailto:mail@mir-robots.com" }, "mail@mir-robots.com", -1)), vi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("a", { href: "tel:+4520377577" }, "+45 20 377 577", -1)), fi = { class: "footer__bottom" }, yi = { class: "footer__copyright-policy" }, bi = { class: "copyright" }, pi = /* @__PURE__ */ O(() => /* @__PURE__ */ t("span", null, [
   /* @__PURE__ */ t("i", { class: "change-region" }),
   /* @__PURE__ */ H("Change region")
 ], -1)), ki = [
@@ -2167,8 +2167,8 @@ const li = /* @__PURE__ */ h(ai, [["__scopeId", "data-v-cf46dae2"]]), O = (e) =>
             ])
           ])
         ]),
-        t("div", yi, [
-          t("div", fi, [
+        t("div", fi, [
+          t("div", yi, [
             t("p", bi, "© MiR " + s((/* @__PURE__ */ new Date()).getFullYear()), 1),
             t("button", {
               class: "footer__language-switcher",
@@ -2235,13 +2235,13 @@ const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
     let n = null, o = x(a.burgerState), _ = x(a.showDropDown);
     X(
       () => a.burgerState,
-      (y) => o.value = y
+      (f) => o.value = f
     ), X(
       () => a.showDropDown,
-      (y) => _.value = y
+      (f) => _.value = f
     ), we(() => {
-      n = (y) => {
-        y.target.closest("#menu-dropdown") || (_.value = !1);
+      n = (f) => {
+        f.target.closest("#menu-dropdown") || (_.value = !1);
       }, window.addEventListener("click", n);
     }), xe(() => {
       n !== null && window.removeEventListener("click", n);
@@ -2252,25 +2252,25 @@ const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
     function I() {
       o.value = !o.value, i("update:burgerState", o.value);
     }
-    return (y, b) => (l(), r("div", Ii, [
+    return (f, b) => (l(), r("div", Ii, [
       t("nav", null, [
         t("div", qi, [
           t("div", Mi, [
-            u(y.$slots, "link-logo", {}, void 0, !0)
+            u(f.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", Di, [
-            u(y.$slots, "main-nav-items", {}, void 0, !0)
+            u(f.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", Bi, [
             t("button", {
               onClick: S,
               class: "nav-dropdown-btn"
             }, [
-              u(y.$slots, "dropdown-title", {}, void 0, !0),
+              u(f.$slots, "dropdown-title", {}, void 0, !0),
               p(_) == !1 ? (l(), r("img", Li)) : (l(), r("img", Ai))
             ]),
             W(t("div", Ci, [
-              u(y.$slots, "dropdown-links", {}, void 0, !0)
+              u(f.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, p(_)]
             ])
@@ -2289,7 +2289,7 @@ const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
         }, [
           t("div", Ni, [
             t("div", zi, [
-              u(y.$slots, "link-logo", {}, void 0, !0)
+              u(f.$slots, "link-logo", {}, void 0, !0)
             ]),
             t("div", Vi, [
               t("button", null, [
@@ -2315,11 +2315,11 @@ const Si = /* @__PURE__ */ h(xi, [["__scopeId", "data-v-6d9c55d4"]]), de = "data
           ]),
           W(t("div", Ri, [
             t("ul", null, [
-              u(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", Ei, [
-              u(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              u(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [G, p(o)]
@@ -2384,7 +2384,7 @@ const Qi = /* @__PURE__ */ h(Ki, [["__scopeId", "data-v-9d085a10"]]), Xi = { cla
 });
 const ar = /* @__PURE__ */ h(tr, [["__scopeId", "data-v-aef0eda7"]]), ir = {
   install: (e) => {
-    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", B), e.component("AtomLabel", R), e.component("AtomLink", C), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", E), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", oe), e.component("MoleculeTextCard", $a), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockMicroStories", nl), e.component("BlockProductHero", _l), e.component("BlockPromo", gl), e.component("BlockQuote", Ml), e.component("BlockRichText", Cl), e.component("BlockTripleCardDisplay", Pl), e.component("BlockVimeo", Ul), e.component("Organism404", Kl), e.component("OrganismFilter", li), e.component("OrganismFooter", Si), e.component("OrganismHeader", Wi), e.component("OrganismLanguageSwitcher", Qi), e.component("OrganismPagination", ar);
+    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", B), e.component("AtomLabel", R), e.component("AtomLink", C), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", E), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", oe), e.component("MoleculeTextCard", $a), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockMicroStories", nl), e.component("BlockProductHero", _l), e.component("BlockPromo", gl), e.component("BlockQuote", Ml), e.component("BlockRichText", Cl), e.component("BlockTripleCardDisplay", Pl), e.component("BlockVimeo", Ul), e.component("Organism404", Kl), e.component("OrganismFilter", li), e.component("OrganismFooter", Si), e.component("OrganismHeader", Wi), e.component("OrganismLanguageSwitcher", Qi), e.component("OrganismPagination", ar);
   }
 };
 export {
@@ -2416,7 +2416,7 @@ export {
   ea as MoleculeAddress,
   ra as MoleculeBulletList,
   da as MoleculeCard,
-  ya as MoleculeEventCard,
+  fa as MoleculeEventCard,
   oe as MoleculeModal,
   $a as MoleculeTextCard,
   Kl as Organism404,