@mirweb/mir-web-components 0.15.107 → 0.15.108

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, openBlock as a, createElementBlock as s, normalizeClass as u, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as ge, withCtx as $, withModifiers as re, createBlock as D, createCommentVNode as m, watchEffect as ne, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as oe, watch as se, onUnmounted as pe } from "vue";
+import { defineComponent as v, openBlock as a, createElementBlock as s, normalizeClass as u, toDisplayString as n, createElementVNode as t, renderSlot as c, pushScopeId as O, popScopeId as z, computed as E, createTextVNode as j, ref as w, withDirectives as Y, Fragment as I, renderList as T, vShow as Z, normalizeProps as A, guardReactiveProps as M, mergeProps as ee, createVNode as p, Transition as fe, withCtx as $, withModifiers as re, createBlock as D, createCommentVNode as m, watchEffect as ne, withKeys as ye, useSlots as be, normalizeStyle as te, isRef as ie, unref as B, onMounted as oe, watch as se, onUnmounted as pe } from "vue";
 const $e = ["aria-label"], ke = /* @__PURE__ */ v({
   __name: "button",
   props: {
@@ -168,15 +168,15 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const r = e, l = w(null), o = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), g = w(0), q = E(() => {
+    const r = e, l = w(null), o = w(null), _ = w([]), b = w(0), C = w(""), S = w(!0), f = w(0), q = E(() => {
       const d = r.options.find(
-        (f) => f.value === r.modelValue
+        (g) => g.value === r.modelValue
       );
       return d && d.label;
     }), X = {
-      beforeMount(d, f) {
+      beforeMount(d, g) {
         d.clickOutsideEvent = function(y) {
-          d === y.target || d.contains(y.target) || f.value(y);
+          d === y.target || d.contains(y.target) || g.value(y);
         }, document.body.addEventListener("click", d.clickOutsideEvent);
       },
       unmounted(d) {
@@ -188,13 +188,13 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     }
     function H(d) {
       var y;
-      const f = d.target;
-      f.getAttribute("role") === "option" && (U(f), Q(), (y = l.value) == null || y.focus());
+      const g = d.target;
+      g.getAttribute("role") === "option" && (U(g), Q(), (y = l.value) == null || y.focus());
     }
     function W(d) {
       var y;
-      const f = d.key;
-      switch (f) {
+      const g = d.key;
+      switch (g) {
         case "ArrowUp":
         case "ArrowDown": {
           d.preventDefault();
@@ -202,7 +202,7 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
             (R) => R.value === r.modelValue
           );
           let P = x ? _.value[x] : _.value[0];
-          f === "ArrowUp" ? x - 1 >= 0 && (P = _.value[x - 1]) : x + 1 <= r.options.length && (P = _.value[x + 1]), P && U(P);
+          g === "ArrowUp" ? x - 1 >= 0 && (P = _.value[x - 1]) : x + 1 <= r.options.length && (P = _.value[x + 1]), P && U(P);
           break;
         }
         case "Home":
@@ -218,7 +218,7 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
           d.preventDefault(), Q(), (y = l.value) == null || y.focus();
           break;
         default: {
-          const x = _e(f);
+          const x = _e(g);
           x && U(x);
           break;
         }
@@ -242,18 +242,18 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       }, 500);
     }
     function _e(d) {
-      let f = "";
-      (C.value === "" || f !== d) && (g.value = r.options.findIndex(
+      let g = "";
+      (C.value === "" || g !== d) && (f.value = r.options.findIndex(
         (x) => x.value === r.modelValue
-      )), C.value = f === d ? d : C.value + d, f = d, ue();
+      )), C.value = g === d ? d : C.value + d, g = d, ue();
       let y = ae(
-        g.value + 1,
+        f.value + 1,
         r.options.length
       );
-      return !y && C.value.length === 1 && (y = ae(0, g.value)), g.value = (g.value + 1) % r.options.length, y;
+      return !y && C.value.length === 1 && (y = ae(0, f.value)), f.value = (f.value + 1) % r.options.length, y;
     }
-    function ae(d, f) {
-      for (let y = d; y < f; y++)
+    function ae(d, g) {
+      for (let y = d; y < g; y++)
         if (r.options[y].label && r.options[y].label.toUpperCase().indexOf(C.value.toUpperCase()) === 0)
           return _.value[y];
       return null;
@@ -263,24 +263,24 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
     }
     function U(d) {
       var y, x;
-      const f = d.getAttribute("data-value");
+      const g = d.getAttribute("data-value");
       if (r.modelValue) {
         const P = r.options.findIndex(
-          (fe) => fe.value === r.modelValue
+          (ge) => ge.value === r.modelValue
         ), R = _.value[P];
         ce(R);
       }
       if (d.setAttribute("aria-selected", "true"), (y = o.value) == null || y.setAttribute(
         "aria-activedescendant",
-        f || ""
-      ), k(f || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
+        g || ""
+      ), k(g || ""), o.value && o.value.scrollHeight > o.value.clientHeight) {
         const P = o.value.clientHeight + o.value.scrollTop, R = d.offsetTop + d.offsetHeight;
         R > P ? o.value.scrollTop = R - ((x = o.value) == null ? void 0 : x.clientHeight) : d.offsetTop < o.value.scrollTop && (o.value.scrollTop = d.offsetTop);
       }
     }
     function ve() {
-      var f;
-      const d = (f = _.value) == null ? void 0 : f[r.options.length - 1];
+      var g;
+      const d = (g = _.value) == null ? void 0 : g[r.options.length - 1];
       U(d);
     }
     function Q() {
@@ -288,13 +288,13 @@ const Ae = /* @__PURE__ */ h(Ve, [["__scopeId", "data-v-b61be596"]]), De = ["val
       S.value = !0, (d = l.value) == null || d.removeAttribute("aria-expanded");
     }
     function le() {
-      var d, f;
-      S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (f = o.value) == null || f.focus();
+      var d, g;
+      S.value = !1, (d = l.value) == null || d.setAttribute("aria-expanded", "true"), (g = o.value) == null || g.focus();
     }
     function me() {
       r.disabled || (S.value ? le() : Q());
     }
-    return (d, f) => (a(), s("div", {
+    return (d, g) => (a(), s("div", {
       class: "listbox__wrapper",
       value: e.modelValue,
       ref: "listbox"
@@ -610,7 +610,7 @@ const st = /* @__PURE__ */ h(it, [["__scopeId", "data-v-500637d5"]]), rt = { cla
       i("update:show", !r.show);
     };
     return (o, _) => (a(), s("div", rt, [
-      p(ge, {
+      p(fe, {
         duration: 300,
         name: "nested"
       }, {
@@ -698,18 +698,18 @@ const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const r = e, l = w(r.modelValue), o = w(), _ = w(!1), b = (S, g, q) => (S - g) / (q - g) * 100, C = (S) => {
-      var g;
-      (g = o.value) == null || g.style.setProperty("--ProgressPercent", `${S}%`);
+    const r = e, l = w(r.modelValue), o = w(), _ = w(!1), b = (S, f, q) => (S - f) / (q - f) * 100, C = (S) => {
+      var f;
+      (f = o.value) == null || f.style.setProperty("--ProgressPercent", `${S}%`);
     };
     return ne(() => {
       if (o.value) {
         i("update:modelValue", l.value);
         const S = b(l.value, r.min, r.max);
-        let g = (50 - S) / 100;
-        C(S + g);
+        let f = (50 - S) / 100;
+        C(S + f);
       }
-    }), (S, g) => (a(), s("div", null, [
+    }), (S, f) => (a(), s("div", null, [
       t("div", ot, [
         t("div", dt, [
           t("label", {
@@ -720,8 +720,8 @@ const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
             key: 0,
             role: "button",
             class: u([e.variant, "slider__information"]),
-            onClick: g[0] || (g[0] = (q) => _.value = !_.value),
-            onKeyup: g[1] || (g[1] = ye((q) => _.value = !_.value, ["enter"])),
+            onClick: f[0] || (f[0] = (q) => _.value = !_.value),
+            onKeyup: f[1] || (f[1] = ye((q) => _.value = !_.value, ["enter"])),
             "aria-label": e.informationLabel,
             tabindex: "0",
             "aria-haspopup": "dialog"
@@ -742,7 +742,7 @@ const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
             class: u(e.variant),
             ref_key: "slider",
             ref: o,
-            onInput: g[2] || (g[2] = ({ target: q }) => l.value = parseFloat(q.value))
+            onInput: f[2] || (f[2] = ({ target: q }) => l.value = parseFloat(q.value))
           }, null, 42, ht),
           t("span", {
             class: u([e.variant, "slider__minmax"])
@@ -755,7 +755,7 @@ const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
       e.information ? (a(), D(de, {
         key: 0,
         show: _.value,
-        "onUpdate:show": g[3] || (g[3] = (q) => _.value = q)
+        "onUpdate:show": f[3] || (f[3] = (q) => _.value = q)
       }, {
         default: $(() => [
           j(n(e.information), 1)
@@ -765,7 +765,7 @@ const de = /* @__PURE__ */ h(nt, [["__scopeId", "data-v-e18c70fd"]]), ot = { cla
     ]));
   }
 });
-const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { id: "textarea-wrapper" }, gt = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
+const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-6dbb2648"]]), gt = { id: "textarea-wrapper" }, ft = ["for"], yt = ["id"], bt = ["id", "name", "placeholder", "required", "disabled", "maxlength", "value"], pt = { class: "textarea-info" }, $t = { key: 0 }, kt = /* @__PURE__ */ v({
   __name: "textarea",
   props: {
     id: {
@@ -805,11 +805,11 @@ const mt = /* @__PURE__ */ h(vt, [["__scopeId", "data-v-6dbb2648"]]), ft = { id:
   },
   emits: ["update:modelValue"],
   setup(e) {
-    return (i, r) => (a(), s("div", ft, [
+    return (i, r) => (a(), s("div", gt, [
       t("label", {
         for: e.id,
         class: u({ required: e.required })
-      }, n(e.labelText) + n(e.required ? " *" : ""), 11, gt),
+      }, n(e.labelText) + n(e.required ? " *" : ""), 11, ft),
       t("div", {
         id: e.modelValue !== void 0 && e.modelValue.length == e.maxLength ? "textarea-wrapper__inner" : ""
       }, [
@@ -1332,7 +1332,7 @@ const sa = /* @__PURE__ */ h(ia, [["__scopeId", "data-v-ed5d7a87"]]), ra = (e) =
     ]));
   }
 });
-const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, fa = { class: "text__paragraph" }, ga = /* @__PURE__ */ v({
+const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { class: "text__wrapper" }, ma = { class: "text__headline" }, ga = { class: "text__paragraph" }, fa = /* @__PURE__ */ v({
   __name: "text-card",
   props: {
     label: {
@@ -1355,13 +1355,13 @@ const ha = /* @__PURE__ */ h(_a, [["__scopeId", "data-v-b0f9972c"]]), va = { cla
         text: e.label ? e.label : ""
       }, null, 8, ["text"]),
       t("div", ma, n(e.headline), 1),
-      t("div", fa, [
+      t("div", ga, [
         t("p", null, n(e.paragraph), 1)
       ])
     ]));
   }
 });
-const ya = /* @__PURE__ */ h(ga, [["__scopeId", "data-v-b07d352b"]]), ba = { class: "facts__wrapper" }, pa = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact" }, xa = { class: "fact__value" }, Sa = { class: "fact__metric" }, qa = {
+const ya = /* @__PURE__ */ h(fa, [["__scopeId", "data-v-b07d352b"]]), ba = { class: "facts__wrapper" }, pa = { class: "facts__content" }, $a = { class: "facts__headline" }, ka = { class: "facts" }, wa = { class: "fact" }, xa = { class: "fact__value" }, Sa = { class: "fact__metric" }, qa = {
   key: 0,
   class: "facts__link"
 }, Ba = /* @__PURE__ */ v({
@@ -1699,7 +1699,7 @@ const el = /* @__PURE__ */ h(Za, [["__scopeId", "data-v-080238bd"]]), tl = (e) =
 const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-de757e46"]]), _l = { class: "logo-wall__wrapper" }, hl = { class: "logo-wall__content" }, vl = {
   key: 0,
   class: "logo-wall__text"
-}, ml = { key: 0 }, fl = { key: 1 }, gl = { class: "logo-wall__logos" }, yl = { class: "logo-wall__logo" }, bl = { class: "logo-wall__link" }, pl = /* @__PURE__ */ v({
+}, ml = { key: 0 }, gl = { key: 1 }, fl = { class: "logo-wall__logos" }, yl = { class: "logo-wall__logo" }, bl = { class: "logo-wall__link" }, pl = /* @__PURE__ */ v({
   __name: "logo-wall",
   props: {
     headline: {
@@ -1719,9 +1719,9 @@ const ul = /* @__PURE__ */ h(cl, [["__scopeId", "data-v-de757e46"]]), _l = { cla
       t("div", hl, [
         e.headline || e.body ? (a(), s("div", vl, [
           e.headline ? (a(), s("h2", ml, n(e.headline), 1)) : m("", !0),
-          e.body ? (a(), s("p", fl, n(e.body), 1)) : m("", !0)
+          e.body ? (a(), s("p", gl, n(e.body), 1)) : m("", !0)
         ])) : m("", !0),
-        t("div", gl, [
+        t("div", fl, [
           (a(!0), s(I, null, T(e.logos, (l) => (a(), s("div", yl, [
             p(L, null, {
               default: $(() => [
@@ -2146,7 +2146,7 @@ function ni(e, i) {
 const oi = /* @__PURE__ */ h(ai, [["render", ni], ["__scopeId", "data-v-86986bf2"]]), di = (e) => (O("data-v-df182fbb"), e = e(), z(), e), ci = { class: "timeline__wrapper" }, ui = { class: "timeline__content" }, _i = { class: "timeline__items" }, hi = { class: "timeline__item faded" }, vi = { class: "item__left" }, mi = /* @__PURE__ */ di(() => /* @__PURE__ */ t("div", { class: "item__elements" }, [
   /* @__PURE__ */ t("div", { class: "circle" }),
   /* @__PURE__ */ t("div", { class: "line" })
-], -1)), fi = { class: "item__right" }, gi = ["innerHTML"], yi = /* @__PURE__ */ v({
+], -1)), gi = { class: "item__right" }, fi = ["innerHTML"], yi = /* @__PURE__ */ v({
   __name: "timeline",
   props: {
     timelineItems: {
@@ -2175,7 +2175,7 @@ const oi = /* @__PURE__ */ h(ai, [["render", ni], ["__scopeId", "data-v-86986bf2
           (a(!0), s(I, null, T(e.timelineItems, (l) => (a(), s("div", hi, [
             t("div", vi, n(l.year), 1),
             mi,
-            t("div", fi, [
+            t("div", gi, [
               p(L, null, {
                 default: $(() => [
                   l.media.type === "image" ? c(i.$slots, "timeline-image", A(ee({ key: 0 }, { src: l.media.src, alt: l.media.alt })), void 0, !0) : m("", !0)
@@ -2186,7 +2186,7 @@ const oi = /* @__PURE__ */ h(ai, [["render", ni], ["__scopeId", "data-v-86986bf2
                 style: te([l.media.type === "none" ? "margin-top: 0px" : ""]),
                 class: "rich-text",
                 innerHTML: l.text
-              }, null, 12, gi)
+              }, null, 12, fi)
             ])
           ]))), 256))
         ])
@@ -2277,7 +2277,7 @@ const Vi = /* @__PURE__ */ h(Ci, [["__scopeId", "data-v-59fa125d"]]), Ai = { cla
     ]));
   }
 });
-const Pi = /* @__PURE__ */ h(zi, [["__scopeId", "data-v-0c1f0902"]]), Fi = { class: "filter__wrapper" }, Ei = { class: "filter__content" }, Ni = { class: "filter__dropdowns" }, Hi = { class: "filter__chips" }, Ri = /* @__PURE__ */ v({
+const Pi = /* @__PURE__ */ h(zi, [["__scopeId", "data-v-dc0a59da"]]), Fi = { class: "filter__wrapper" }, Ei = { class: "filter__content" }, Ni = { class: "filter__dropdowns" }, Hi = { class: "filter__chips" }, Ri = /* @__PURE__ */ v({
   __name: "filter",
   props: {
     hasChips: {
@@ -2418,7 +2418,7 @@ const ji = /* @__PURE__ */ h(Ri, [["__scopeId", "data-v-73ba9888"]]), N = (e) =>
     ]));
   }
 });
-const _s = /* @__PURE__ */ h(us, [["__scopeId", "data-v-d2cab33d"]]), hs = { class: "header__wrapper" }, vs = { class: "nav-wrapper" }, ms = { class: "mir-link-logo" }, fs = { class: "main-nav-items" }, gs = {
+const _s = /* @__PURE__ */ h(us, [["__scopeId", "data-v-d2cab33d"]]), hs = { class: "header__wrapper" }, vs = { class: "nav-wrapper" }, ms = { class: "mir-link-logo" }, gs = { class: "main-nav-items" }, fs = {
   id: "menu-dropdown",
   ref: "dropdownDiv"
 }, ys = {
@@ -2470,9 +2470,9 @@ const _s = /* @__PURE__ */ h(us, [["__scopeId", "data-v-d2cab33d"]]), hs = { cla
     function S() {
       _.value = !_.value, r("update:burgerState", _.value);
     }
-    let g = w(null), q = w(null);
+    let f = w(null), q = w(null);
     function X() {
-      g.value && g.value.blur();
+      f.value && f.value.blur();
     }
     return i({
       defocusSearchButton: X
@@ -2482,10 +2482,10 @@ const _s = /* @__PURE__ */ h(us, [["__scopeId", "data-v-d2cab33d"]]), hs = { cla
           t("div", ms, [
             c(k.$slots, "link-logo", {}, void 0, !0)
           ]),
-          t("ul", fs, [
+          t("ul", gs, [
             c(k.$slots, "main-nav-items", {}, void 0, !0)
           ]),
-          t("div", gs, [
+          t("div", fs, [
             t("button", {
               onClick: C,
               class: "nav-dropdown-btn"
@@ -2504,10 +2504,10 @@ const _s = /* @__PURE__ */ h(us, [["__scopeId", "data-v-d2cab33d"]]), hs = { cla
               class: "search-icon",
               onClick: H[0] || (H[0] = (W) => {
                 var F;
-                return k.$emit("clickSearch"), (F = B(g)) == null ? void 0 : F.blur();
+                return k.$emit("clickSearch"), (F = B(f)) == null ? void 0 : F.blur();
               }),
               ref_key: "navSearchButton",
-              ref: g
+              ref: f
             }, [
               t("img", {
                 src: B(_) == !0 ? "https://a.storyblok.com/f/230581/21x21/13f4ac189d/search-icon-white.svg?cv=1695125826080" : "https://a.storyblok.com/f/230581/21x21/ebbdca38d3/search-icon.svg?cv=1695125825901",