@mirweb/mir-web-components 0.15.35 → 0.15.37

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

@@ -168,15 +168,15 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, i = S(null), n = S(null), _ = S([]), w = S(0), B = S(""), f = S(!0), p = S(0), A = V(() => {
+    const r = e, i = S(null), n = S(null), _ = S([]), w = S(0), B = S(""), y = S(!0), p = S(0), A = V(() => {
       const d = r.options.find(
         (g) => g.value === r.modelValue
       );
       return d && d.label;
     }), ue = {
       beforeMount(d, g) {
-        d.clickOutsideEvent = function(y) {
-          d === y.target || d.contains(y.target) || g.value(y);
+        d.clickOutsideEvent = function(f) {
+          d === f.target || d.contains(f.target) || g.value(f);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -187,12 +187,12 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
       a("update:modelValue", d);
     }
     function me(d) {
-      var y;
+      var f;
       const g = d.target;
-      g.getAttribute("role") === "option" && (E(g), U(), (y = i.value) == null || y.focus());
+      g.getAttribute("role") === "option" && (E(g), U(), (f = i.value) == null || f.focus());
     }
     function K(d) {
-      var y;
+      var f;
       const g = d.key;
       switch (g) {
         case "ArrowUp":
@@ -207,7 +207,7 @@ 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":
@@ -215,10 +215,10 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           break;
         case "Enter":
         case "Escape":
-          d.preventDefault(), U(), (y = i.value) == null || y.focus();
+          d.preventDefault(), U(), (f = i.value) == null || f.focus();
           break;
         default: {
-          const x = fe(g);
+          const x = ye(g);
           x && E(x);
           break;
         }
@@ -241,28 +241,28 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         B.value = "", w.value = 0;
       }, 500);
     }
-    function fe(d) {
+    function ye(d) {
       let g = "";
       (B.value === "" || g !== d) && (p.value = r.options.findIndex(
         (x) => x.value === r.modelValue
       )), B.value = g === d ? d : B.value + d, g = d, ge();
-      let y = Q(
+      let f = Q(
         p.value + 1,
         r.options.length
       );
-      return !y && B.value.length === 1 && (y = Q(0, p.value)), p.value = (p.value + 1) % r.options.length, y;
+      return !f && B.value.length === 1 && (f = Q(0, p.value)), p.value = (p.value + 1) % r.options.length, f;
     }
     function Q(d, g) {
-      for (let y = d; y < g; y++)
-        if (r.options[y].label && r.options[y].label.toUpperCase().indexOf(B.value.toUpperCase()) === 0)
-          return _.value[y];
+      for (let f = d; f < g; f++)
+        if (r.options[f].label && r.options[f].label.toUpperCase().indexOf(B.value.toUpperCase()) === 0)
+          return _.value[f];
       return null;
     }
-    function ye() {
+    function fe() {
       E(_.value[0]);
     }
     function E(d) {
-      var y, x;
+      var f, x;
       const g = d.getAttribute("data-value");
       if (r.modelValue) {
         const N = r.options.findIndex(
@@ -270,7 +270,7 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
         ), P = _.value[N];
         ve(P);
       }
-      if (d.setAttribute("aria-selected", "true"), (y = n.value) == null || y.setAttribute(
+      if (d.setAttribute("aria-selected", "true"), (f = n.value) == null || f.setAttribute(
         "aria-activedescendant",
         g || ""
       ), _e(g || ""), n.value && n.value.scrollHeight > n.value.clientHeight) {
@@ -285,14 +285,14 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
     }
     function U() {
       var d;
-      f.value = !0, (d = i.value) == null || d.removeAttribute("aria-expanded");
+      y.value = !0, (d = i.value) == null || d.removeAttribute("aria-expanded");
     }
     function X() {
       var d, g;
-      f.value = !1, (d = i.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
+      y.value = !1, (d = i.value) == null || d.setAttribute("aria-expanded", "true"), (g = n.value) == null || g.focus();
     }
     function pe() {
-      r.disabled || (f.value ? X() : U());
+      r.disabled || (y.value ? X() : U());
     }
     return (d, g) => (l(), s("div", {
       class: "listbox__wrapper",
@@ -334,18 +334,18 @@ const Ve = /* @__PURE__ */ h(ze, [["__scopeId", "data-v-e7768ff8"]]), Oe = ["val
           ref_key: "listboxNode",
           ref: n
         }, [
-          (l(!0), s(I, null, q(e.options, (y, x) => (l(), s("li", {
+          (l(!0), s(I, null, q(e.options, (f, x) => (l(), s("li", {
             key: `${e.name}-option-${x}`,
-            "aria-selected": y.value === e.modelValue,
-            "data-value": y.value,
+            "aria-selected": f.value === e.modelValue,
+            "data-value": f.value,
             class: "listbox__option",
             role: "option",
             ref_for: !0,
             ref_key: "listboxOptions",
             ref: _
-          }, o(y.label), 9, Re))), 128))
+          }, o(f.label), 9, Re))), 128))
         ], 40, Ee), [
-          [G, !f.value]
+          [G, !y.value]
         ])
       ])), [
         [ue, U]
@@ -648,7 +648,7 @@ const ct = /* @__PURE__ */ h(dt, [["__scopeId", "data-v-d1d7a1e3"]]), ut = { cla
     ]));
   }
 });
-const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"], ft = { class: "slider__content" }, yt = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
+const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { class: "slider__wrapper" }, ht = { class: "slider__label" }, vt = ["for"], gt = ["aria-label"], yt = { class: "slider__content" }, ft = ["id", "name", "value", "min", "step", "max"], bt = /* @__PURE__ */ m({
   __name: "slider",
   props: {
     label: {
@@ -701,18 +701,18 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: a }) {
-    const r = e, i = S(r.modelValue), n = S(), _ = S(!1), w = (f, p, A) => (f - p) / (A - p) * 100, B = (f) => {
+    const r = e, i = S(r.modelValue), n = S(), _ = S(!1), w = (y, p, A) => (y - p) / (A - p) * 100, B = (y) => {
       var p;
-      (p = n.value) == null || p.style.setProperty("--ProgressPercent", `${f}%`);
+      (p = n.value) == null || p.style.setProperty("--ProgressPercent", `${y}%`);
     };
     return oe(() => {
       if (n.value) {
         a("update:modelValue", i.value);
-        const f = w(i.value, r.min, r.max);
-        let p = (50 - f) / 100;
-        B(f + p);
+        const y = w(i.value, r.min, r.max);
+        let p = (50 - y) / 100;
+        B(y + p);
       }
-    }), (f, p) => (l(), s(I, null, [
+    }), (y, p) => (l(), s(I, null, [
       t("div", mt, [
         t("div", ht, [
           t("label", {
@@ -730,7 +730,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
             "aria-haspopup": "dialog"
           }, null, 42, gt)) : v("", !0)
         ]),
-        t("div", ft, [
+        t("div", yt, [
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, o(e.min), 3),
@@ -746,7 +746,7 @@ const de = /* @__PURE__ */ h(_t, [["__scopeId", "data-v-d75ee1bf"]]), mt = { cla
             ref_key: "slider",
             ref: n,
             onInput: p[2] || (p[2] = ({ target: A }) => i.value = parseFloat(A.value))
-          }, null, 42, yt),
+          }, null, 42, ft),
           t("span", {
             class: c([e.variant, "slider__minmax"])
           }, o(e.max), 3)
@@ -1321,7 +1321,7 @@ const da = /* @__PURE__ */ h(na, [["__scopeId", "data-v-2a33f841"]]), ca = (e) =
     ]));
   }
 });
-const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, $a = /* @__PURE__ */ m({
+const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), fa = { class: "text__wrapper" }, ba = { class: "text__headline" }, pa = { class: "text__paragraph" }, $a = /* @__PURE__ */ m({
   __name: "text-card",
   props: {
     label: {
@@ -1338,7 +1338,7 @@ const fa = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-f5acdf7e"]]), ya = { cla
     }
   },
   setup(e) {
-    return (a, r) => (l(), s("div", ya, [
+    return (a, r) => (l(), s("div", fa, [
       b(R, {
         "label-dark": !1,
         text: e.label ? e.label : ""
@@ -1632,7 +1632,7 @@ const el = /* @__PURE__ */ h(Xa, [["__scopeId", "data-v-bad7dce2"]]), tl = { cla
     ]));
   }
 });
-const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) => (C("data-v-fcd9edf4"), e = e(), j(), e), sl = { class: "hero__wrapper" }, ol = { class: "hero__content" }, nl = { class: "hero__top" }, dl = { class: "hero__elements" }, cl = { class: "hero__headline" }, ul = { class: "hero__link" }, _l = { class: "hero__video" }, ml = /* @__PURE__ */ rl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), hl = /* @__PURE__ */ m({
+const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) => (C("data-v-e4b4c416"), e = e(), j(), e), sl = { class: "hero__wrapper" }, ol = { class: "hero__content" }, nl = { class: "hero__top" }, dl = { class: "hero__elements" }, cl = { class: "hero__headline" }, ul = { class: "hero__link" }, _l = { class: "hero__video" }, ml = /* @__PURE__ */ rl(() => /* @__PURE__ */ t("div", { class: "hero__gradient" }, null, -1)), hl = /* @__PURE__ */ m({
   __name: "hero",
   props: {
     headline: {
@@ -1683,7 +1683,7 @@ const il = /* @__PURE__ */ h(ll, [["__scopeId", "data-v-2676cf0a"]]), rl = (e) =
     ]));
   }
 });
-const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-fcd9edf4"]]), gl = { class: "logo-wall__wrapper" }, fl = { class: "logo-wall__content" }, yl = { class: "logo-wall__logos" }, bl = { class: "logo-wall__logo" }, pl = { class: "logo-wall__link" }, $l = /* @__PURE__ */ m({
+const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-e4b4c416"]]), gl = { class: "logo-wall__wrapper" }, yl = { class: "logo-wall__content" }, fl = { class: "logo-wall__logos" }, bl = { class: "logo-wall__logo" }, pl = { class: "logo-wall__link" }, $l = /* @__PURE__ */ m({
   __name: "logo-wall",
   props: {
     logos: {
@@ -1694,14 +1694,13 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-fcd9edf4"]]), gl = { cla
   },
   setup(e) {
     return (a, r) => (l(), s("div", gl, [
-      t("div", fl, [
-        t("div", yl, [
+      t("div", yl, [
+        t("div", fl, [
           (l(!0), s(I, null, q(e.logos, (i) => (l(), s("div", bl, [
             b(M, null, {
               default: $(() => [
                 u(a.$slots, "logo-wall-logo", D(T({
                   height: 123,
-                  width: 200,
                   src: i.src,
                   alt: i.alt
                 })), void 0, !0)
@@ -1725,7 +1724,7 @@ const vl = /* @__PURE__ */ h(hl, [["__scopeId", "data-v-fcd9edf4"]]), gl = { cla
     ]));
   }
 });
-const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-22a6ae6d"]]), wl = { class: "micro-stories__splide" }, xl = /* @__PURE__ */ m({
+const kl = /* @__PURE__ */ h($l, [["__scopeId", "data-v-ce01e327"]]), wl = { class: "micro-stories__splide" }, xl = /* @__PURE__ */ m({
   __name: "micro-stories",
   props: {
     stories: {
@@ -2153,7 +2152,7 @@ const ai = /* @__PURE__ */ h(ti, [["__scopeId", "data-v-ef067601"]]), li = (e) =
 const mi = /* @__PURE__ */ h(_i, [["__scopeId", "data-v-e2d52bd9"]]), hi = { class: "triple-card-display__wrapper" }, vi = {
   key: 0,
   class: "triple-card__content"
-}, gi = { key: 0 }, fi = { key: 1 }, yi = { class: "triple-card__cards" }, bi = /* @__PURE__ */ m({
+}, gi = { key: 0 }, yi = { key: 1 }, fi = { class: "triple-card__cards" }, bi = /* @__PURE__ */ m({
   __name: "triple-card-display",
   props: {
     headline: {
@@ -2179,9 +2178,9 @@ const mi = /* @__PURE__ */ h(_i, [["__scopeId", "data-v-e2d52bd9"]]), hi = { cla
       t("div", hi, [
         e.headline || e.paragraph ? (l(), s("div", vi, [
           e.headline ? (l(), s("h2", gi, o(e.headline), 1)) : v("", !0),
-          e.paragraph ? (l(), s("p", fi, o(e.paragraph), 1)) : v("", !0)
+          e.paragraph ? (l(), s("p", yi, o(e.paragraph), 1)) : v("", !0)
         ])) : v("", !0),
-        t("div", yi, [
+        t("div", fi, [
           u(a.$slots, "triple-card-display-cards", {}, void 0, !0)
         ])
       ])
@@ -2388,7 +2387,7 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
   src: ce,
   alt: "dropdownarrow",
   style: { transform: "rotate(180deg)" }
-}, mr = { class: "dropdown-content" }, hr = { class: "nav-search-wrapper" }, vr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, fr = { class: "mobile-mir-link-logo" }, yr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr = ["src"], wr = { class: "mobile-menu-content-wrapper" }, xr = { class: "mobile-dropdown-content" }, Sr = /* @__PURE__ */ m({
+}, mr = { class: "dropdown-content" }, hr = { class: "nav-search-wrapper" }, vr = ["src"], gr = { class: "mobile-logo-search-burger-wrapper" }, yr = { class: "mobile-mir-link-logo" }, fr = { class: "mobile-search-wrapper" }, br = ["src"], pr = ["onClick"], $r = ["src"], kr = ["src"], wr = { class: "mobile-menu-content-wrapper" }, xr = { class: "mobile-dropdown-content" }, Sr = /* @__PURE__ */ m({
   __name: "header",
   props: {
     burgerState: {
@@ -2407,13 +2406,13 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
     let i = null, n = S(r.burgerState), _ = S(r.showDropDown);
     te(
       () => r.burgerState,
-      (f) => n.value = f
+      (y) => n.value = y
     ), te(
       () => r.showDropDown,
-      (f) => _.value = f
+      (y) => _.value = y
     ), ne(() => {
-      i = (f) => {
-        f.target.closest("#menu-dropdown") || (_.value = !1);
+      i = (y) => {
+        y.target.closest("#menu-dropdown") || (_.value = !1);
       }, window.addEventListener("click", i);
     }), xe(() => {
       i !== null && window.removeEventListener("click", i);
@@ -2424,25 +2423,25 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
     function B() {
       n.value = !n.value, a("update:burgerState", n.value);
     }
-    return (f, p) => (l(), s("div", sr, [
+    return (y, p) => (l(), s("div", sr, [
       t("nav", null, [
         t("div", or, [
           t("div", nr, [
-            u(f.$slots, "link-logo", {}, void 0, !0)
+            u(y.$slots, "link-logo", {}, void 0, !0)
           ]),
           t("ul", dr, [
-            u(f.$slots, "main-nav-items", {}, void 0, !0)
+            u(y.$slots, "main-nav-items", {}, void 0, !0)
           ]),
           t("div", cr, [
             t("button", {
               onClick: w,
               class: "nav-dropdown-btn"
             }, [
-              u(f.$slots, "dropdown-title", {}, void 0, !0),
+              u(y.$slots, "dropdown-title", {}, void 0, !0),
               k(_) == !1 ? (l(), s("img", ur)) : (l(), s("img", _r))
             ]),
             W(t("div", mr, [
-              u(f.$slots, "dropdown-links", {}, void 0, !0)
+              u(y.$slots, "dropdown-links", {}, void 0, !0)
             ], 512), [
               [G, k(_)]
             ])
@@ -2460,10 +2459,10 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
           class: c(["mobile-nav-wrapper", k(n) == !0 ? "mirsaic-mobile-bg" : ""])
         }, [
           t("div", gr, [
-            t("div", fr, [
-              u(f.$slots, "link-logo", {}, void 0, !0)
-            ]),
             t("div", yr, [
+              u(y.$slots, "link-logo", {}, void 0, !0)
+            ]),
+            t("div", fr, [
               t("button", null, [
                 t("img", {
                   src: k(n) == !0 ? k(re) : k(ie),
@@ -2487,11 +2486,11 @@ const rr = /* @__PURE__ */ h(ir, [["__scopeId", "data-v-6d9c55d4"]]), ce = "data
           ]),
           W(t("div", wr, [
             t("ul", null, [
-              u(f.$slots, "mobile-main-nav-items", {}, void 0, !0)
+              u(y.$slots, "mobile-main-nav-items", {}, void 0, !0)
             ]),
             t("ul", xr, [
-              u(f.$slots, "mobile-dropdown-title", {}, void 0, !0),
-              u(f.$slots, "mobile-dropdown-links", {}, void 0, !0)
+              u(y.$slots, "mobile-dropdown-title", {}, void 0, !0),
+              u(y.$slots, "mobile-dropdown-links", {}, void 0, !0)
             ])
           ], 512), [
             [G, k(n)]
@@ -2556,7 +2555,7 @@ const Ar = /* @__PURE__ */ h(Dr, [["__scopeId", "data-v-9d085a10"]]), Tr = { cla
 });
 const Nr = /* @__PURE__ */ h(jr, [["__scopeId", "data-v-aef0eda7"]]), Vr = {
   install: (e) => {
-    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", M), e.component("AtomLabel", R), e.component("AtomLink", L), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", Z), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", fa), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockHero", vl), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockLogoWall", kl), e.component("BlockMicroStories", xl), e.component("BlockPolicy", Bl), e.component("BlockProductHero", jl), e.component("BlockPromo", Vl), e.component("BlockQuote", Kl), e.component("BlockRichText", ai), e.component("BlockTimeline", mi), e.component("BlockTripleCardDisplay", pi), e.component("BlockVimeo", Si), e.component("Organism404", Di), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Ir), e.component("OrganismLanguageSwitcher", Ar), e.component("OrganismPagination", Nr);
+    e.component("AtomButton", F), e.component("AtomCheckbox", Ae), e.component("AtomChip", Ve), e.component("AtomDropdown", We), e.component("AtomImage", M), e.component("AtomLabel", R), e.component("AtomLink", L), e.component("AtomRadioButton", it), e.component("AtomSelect", ct), e.component("AtomSlider", pt), e.component("AtomTextarea", Mt), e.component("AtomTextField", Ot), e.component("AtomVideo", Z), e.component("MoleculeAddress", ea), e.component("MoleculeBulletList", ra), e.component("MoleculeCard", da), e.component("MoleculeEventCard", ya), e.component("MoleculeModal", de), e.component("MoleculeTextCard", ka), e.component("BlockFacts", Aa), e.component("BlockFeatures", Ha), e.component("BlockHeadline", il), e.component("BlockHero", vl), e.component("BlockImage", Fa), e.component("BlockImageGallery", el), e.component("BlockLogoWall", kl), e.component("BlockMicroStories", xl), e.component("BlockPolicy", Bl), e.component("BlockProductHero", jl), e.component("BlockPromo", Vl), e.component("BlockQuote", Kl), e.component("BlockRichText", ai), e.component("BlockTimeline", mi), e.component("BlockTripleCardDisplay", pi), e.component("BlockVimeo", Si), e.component("Organism404", Di), e.component("OrganismFilter", zi), e.component("OrganismFooter", rr), e.component("OrganismHeader", Ir), e.component("OrganismLanguageSwitcher", Ar), e.component("OrganismPagination", Nr);
   }
 };
 export {
@@ -2592,7 +2591,7 @@ export {
   ea as MoleculeAddress,
   ra as MoleculeBulletList,
   da as MoleculeCard,
-  fa as MoleculeEventCard,
+  ya as MoleculeEventCard,
   de as MoleculeModal,
   ka as MoleculeTextCard,
   Di as Organism404,