@teammodlr/ui-kit 2.3.10 → 2.3.12

package/lib/index.es.js

@@ -1951,7 +1951,7 @@ function yc(e) {
         allowedAutoPlacements: y
       }) : Me);
     }, []), k = t.rects.reference, P = t.rects.popper, B = /* @__PURE__ */ new Map(), L = !0, j = S[0], M = 0; M < S.length; M++) {
-      var $ = S[M], _ = Xe($), F = Ft($) === jt, V = [Ae, Fe].indexOf(_) >= 0, N = V ? "width" : "height", q = Jt(t, {
+      var $ = S[M], _ = Xe($), F = Ft($) === jt, V = [Ae, Fe].indexOf(_) >= 0, N = V ? "width" : "height", U = Jt(t, {
         placement: $,
         boundary: d,
         rootBoundary: c,
@@ -1960,7 +1960,7 @@ function yc(e) {
       }), W = V ? F ? Ve : Re : F ? Fe : Ae;
       k[N] > P[N] && (W = An(W));
       var oe = An(W), Y = [];
-      if (a && Y.push(q[_] <= 0), l && Y.push(q[W] <= 0, q[oe] <= 0), Y.every(function(qe) {
+      if (a && Y.push(U[_] <= 0), l && Y.push(U[W] <= 0, U[oe] <= 0), Y.every(function(qe) {
         return qe;
       })) {
         j = $, L = !1;
@@ -2099,10 +2099,10 @@ function Ec(e) {
   };
   if (P) {
     if (a) {
-      var F, V = S === "y" ? Ae : Re, N = S === "y" ? Fe : Ve, q = S === "y" ? "height" : "width", W = P[S], oe = W + h[V], Y = W - h[N], $e = p ? -L[q] / 2 : 0, ke = O === jt ? B[q] : L[q], pe = O === jt ? -L[q] : -B[q], Se = t.elements.arrow, qe = p && Se ? jo(Se) : {
+      var F, V = S === "y" ? Ae : Re, N = S === "y" ? Fe : Ve, U = S === "y" ? "height" : "width", W = P[S], oe = W + h[V], Y = W - h[N], $e = p ? -L[U] / 2 : 0, ke = O === jt ? B[U] : L[U], pe = O === jt ? -L[U] : -B[U], Se = t.elements.arrow, qe = p && Se ? jo(Se) : {
         width: 0,
         height: 0
-      }, Me = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Fa(), nt = Me[V], ut = Me[N], We = Gt(0, B[q], qe[q]), He = E ? B[q] / 2 - $e - We - nt - M.mainAxis : ke - We - nt - M.mainAxis, pn = E ? -B[q] / 2 + $e + We + ut + M.mainAxis : pe + We + ut + M.mainAxis, Z = t.elements.arrow && dn(t.elements.arrow), le = Z ? S === "y" ? Z.clientTop || 0 : Z.clientLeft || 0 : 0, ve = (F = $ == null ? void 0 : $[S]) != null ? F : 0, Oe = W + He - ve - le, U = W + pn - ve, re = Gt(p ? Pn(oe, Oe) : oe, W, p ? Ct(Y, U) : Y);
+      }, Me = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Fa(), nt = Me[V], ut = Me[N], We = Gt(0, B[U], qe[U]), He = E ? B[U] / 2 - $e - We - nt - M.mainAxis : ke - We - nt - M.mainAxis, pn = E ? -B[U] / 2 + $e + We + ut + M.mainAxis : pe + We + ut + M.mainAxis, Z = t.elements.arrow && dn(t.elements.arrow), le = Z ? S === "y" ? Z.clientTop || 0 : Z.clientLeft || 0 : 0, ve = (F = $ == null ? void 0 : $[S]) != null ? F : 0, Oe = W + He - ve - le, q = W + pn - ve, re = Gt(p ? Pn(oe, Oe) : oe, W, p ? Ct(Y, q) : Y);
       P[S] = re, _[S] = re - W;
     }
     if (l) {
@@ -2591,8 +2591,8 @@ const lf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       formDisabled: v,
       formLoading: y
     } = he(e, { focus: a, emit: n }), h = w(!1), b = se(e, "name"), O = g(() => !!t["icon-left"]), E = g(() => !!t["icon-right"]), S = g(() => !!t.prefix), k = g(() => !!t.suffix), P = g(() => !!(t["help-message"] || t.help)), B = g(() => v || e.disabled), L = g(() => y || e.loading), j = g(() => {
-      const q = e.type;
-      return q === "password" ? h.value ? "text" : "password" : q;
+      const U = e.type;
+      return U === "password" ? h.value ? "text" : "password" : U;
     }), M = g(() => e.loading || e.readonly), $ = g(() => [
       {
         [Rn]: e.block
@@ -2760,7 +2760,7 @@ const ts = /* @__PURE__ */ K(uf, [["render", ff]]), pf = R({
       wrapper: y,
       isDrop: !1,
       offset: [-2, 2]
-    }), N = g(() => 1 - B.y), q = g(() => B.x), W = g(() => i.value === "inherit" ? { r: 0, g: 0, b: 0, a: 0 } : Id(S.value * 3.6, N.value, q.value, k.value / 100)), oe = g(() => _d(S.value * 3.6, k.value / 100)), Y = () => {
+    }), N = g(() => 1 - B.y), U = g(() => B.x), W = g(() => i.value === "inherit" ? { r: 0, g: 0, b: 0, a: 0 } : Id(S.value * 3.6, N.value, U.value, k.value / 100)), oe = g(() => _d(S.value * 3.6, k.value / 100)), Y = () => {
       t("update:modelValue", i.value);
     }, $e = () => {
       i.value !== "inherit" && (i.value = mn(W.value.r, W.value.g, W.value.b, W.value.a)), d.value = W.value.r.toString(), c.value = W.value.g.toString(), f.value = W.value.b.toString(), p.value = W.value.a.toFixed(2).toString(), n.lazy || Y();
@@ -2811,8 +2811,8 @@ const ts = /* @__PURE__ */ K(uf, [["render", ff]]), pf = R({
     ye(() => {
       const Z = e.modelValue.match(/rgba?\s*\(\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*[,\s]\s*(\d{1,3})\s*(?:[,\s]\s*([\d.]+%?))?\s*\)/i);
       if (Z) {
-        const [le, ve, Oe, U, re] = Z, J = re !== void 0 ? re.endsWith("%") ? parseFloat(re) / 100 : parseFloat(re) : 1;
-        i.value = mn(parseInt(ve), parseInt(Oe), parseInt(U), J);
+        const [le, ve, Oe, q, re] = Z, J = re !== void 0 ? re.endsWith("%") ? parseFloat(re) / 100 : parseFloat(re) : 1;
+        i.value = mn(parseInt(ve), parseInt(Oe), parseInt(q), J);
       } else
         i.value = e.modelValue;
       pe();
@@ -3389,17 +3389,17 @@ const Lf = (e) => ({
     }, p = Ko(r), v = Ho(p), y = await s.getDimensions(i), h = p === "y", b = h ? "top" : "left", O = h ? "bottom" : "right", E = h ? "clientHeight" : "clientWidth", S = a.reference[v] + a.reference[p] - f[p] - a.floating[v], k = f[p] - a.reference[p], P = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(i));
     let B = P ? P[E] : 0;
     (!B || !await (s.isElement == null ? void 0 : s.isElement(P))) && (B = l.floating[E] || a.floating[v]);
-    const L = S / 2 - k / 2, j = B / 2 - y[v] / 2 - 1, M = Ge(c[b], j), $ = Ge(c[O], j), _ = M, F = B - y[v] - $, V = B / 2 - y[v] / 2 + L, N = mo(_, V, F), q = !u.arrow && Ht(r) != null && V !== N && a.reference[v] / 2 - (V < _ ? M : $) - y[v] / 2 < 0, W = q ? V < _ ? V - _ : V - F : 0;
+    const L = S / 2 - k / 2, j = B / 2 - y[v] / 2 - 1, M = Ge(c[b], j), $ = Ge(c[O], j), _ = M, F = B - y[v] - $, V = B / 2 - y[v] / 2 + L, N = mo(_, V, F), U = !u.arrow && Ht(r) != null && V !== N && a.reference[v] / 2 - (V < _ ? M : $) - y[v] / 2 < 0, W = U ? V < _ ? V - _ : V - F : 0;
     return {
       [p]: f[p] + W,
       data: {
         [p]: N,
         centerOffset: V - N - W,
-        ...q && {
+        ...U && {
           alignmentOffset: W
         }
       },
-      reset: q
+      reset: U
     };
   }
 }), Nf = function(e) {
@@ -3450,8 +3450,8 @@ const Lf = (e) => ({
               placement: N
             }
           };
-        let q = (_ = M.filter((W) => W.overflows[0] <= 0).sort((W, oe) => W.overflows[1] - oe.overflows[1])[0]) == null ? void 0 : _.placement;
-        if (!q)
+        let U = (_ = M.filter((W) => W.overflows[0] <= 0).sort((W, oe) => W.overflows[1] - oe.overflows[1])[0]) == null ? void 0 : _.placement;
+        if (!U)
           switch (p) {
             case "bestFit": {
               var F;
@@ -3464,17 +3464,17 @@ const Lf = (e) => ({
                 }
                 return !0;
               }).map((oe) => [oe.placement, oe.overflows.filter((Y) => Y > 0).reduce((Y, $e) => Y + $e, 0)]).sort((oe, Y) => oe[1] - Y[1])[0]) == null ? void 0 : F[0];
-              W && (q = W);
+              W && (U = W);
               break;
             }
             case "initialPlacement":
-              q = l;
+              U = l;
               break;
           }
-        if (r !== q)
+        if (r !== U)
           return {
             reset: {
-              placement: q
+              placement: U
             }
           };
       }
@@ -5474,17 +5474,17 @@ const $s = {
       pp({
         ...v.value,
         apply: ({ elements: M, rects: $, availableWidth: _, availableHeight: F }) => {
-          const { width: V, height: N } = $.reference, q = M.floating.style;
-          q.setProperty(
+          const { width: V, height: N } = $.reference, U = M.floating.style;
+          U.setProperty(
             "--radix-popper-available-width",
             `${_}px`
-          ), q.setProperty(
+          ), U.setProperty(
             "--radix-popper-available-height",
             `${F}px`
-          ), q.setProperty(
+          ), U.setProperty(
             "--radix-popper-anchor-width",
             `${V}px`
-          ), q.setProperty(
+          ), U.setProperty(
             "--radix-popper-anchor-height",
             `${N}px`
           );
@@ -9395,12 +9395,12 @@ const Yy = R({
   },
   setup(e, { emit: t, expose: n }) {
     const o = w(null), r = w(), a = w(), s = w(), l = w(), u = w(0), i = w(!1), d = w(!1), c = w(""), f = w("bottom-start"), p = w(!1), v = w(0), y = w(!1), { nextZIndex: h } = ht();
-    function b(U, re) {
+    function b(q, re) {
       const {
         "onUpdate:value": J,
         onUpdateValue: _e
       } = e;
-      _e && ko(_e, U, re), J && ko(J, U, re);
+      _e && ko(_e, q, re), J && ko(J, q, re);
     }
     const O = w(e.zIndex ?? h()), { focus: E, blur: S } = xe(o), {
       id: k,
@@ -9419,13 +9419,13 @@ const Yy = R({
       get() {
         return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
       },
-      set(U) {
-        t("update:modelValue", U), b(U, null);
+      set(q) {
+        t("update:modelValue", q), b(q, null);
       }
-    }), q = g(() => e.max <= 0 ? N.value : e.multiple && Array.isArray(N.value) && N.value.length > e.max ? N.value.slice(0, e.max) : N.value), W = g(() => e.multiple && Array.isArray(N.value) && e.max > 0 ? N.value.length - e.max : 0), oe = g(() => {
-      let U = {};
-      return e.consistentWidth && (U.width = v.value + "px"), {
-        ...U,
+    }), U = g(() => e.max <= 0 ? N.value : e.multiple && Array.isArray(N.value) && N.value.length > e.max ? N.value.slice(0, e.max) : N.value), W = g(() => e.multiple && Array.isArray(N.value) && e.max > 0 ? N.value.length - e.max : 0), oe = g(() => {
+      let q = {};
+      return e.consistentWidth && (q.width = v.value + "px"), {
+        ...q,
         zIndex: O.value
       };
     }), Y = g(() => {
@@ -9452,7 +9452,7 @@ const Yy = R({
           onClick: () => Se("")
         }), re;
       }
-      let U = e.options.map((re) => {
+      let q = e.options.map((re) => {
         if (re[e.optionValue] === void 0)
           throw new Error("Option value is undefined");
         if (re[e.optionLabel] === void 0)
@@ -9465,16 +9465,16 @@ const Yy = R({
           onClick: () => Se(J)
         };
       });
-      return e.allowBlank && U.unshift({
+      return e.allowBlank && q.unshift({
         value: "",
         label: "",
         active: !1,
         onClick: () => Se("")
-      }), U;
+      }), q;
     });
     function $e() {
       e.multiple && Y.value.length !== 0 && (Array.isArray(N.value) ? N.value.length === Y.value.length ? N.value = [] : N.value = Y.value.map(
-        (U) => U.value
+        (q) => q.value
       ) : N.value = []);
     }
     function ke() {
@@ -9486,31 +9486,31 @@ const Yy = R({
         i.value = !0;
       }
     }
-    function pe(U, re = "down") {
-      if (typeof U > "u" && (U = re === "down" ? -1 : 1), re === "down") {
-        let J = U + 1;
+    function pe(q, re = "down") {
+      if (typeof q > "u" && (q = re === "down" ? -1 : 1), re === "down") {
+        let J = q + 1;
         J > Y.value.length - 1 && (J = 0), u.value = J;
       } else {
-        let J = U - 1;
+        let J = q - 1;
         J < 0 && (J = Y.value.length - 1), u.value = J;
       }
     }
-    function Se(U) {
+    function Se(q) {
       if (Y.value.find(
-        (J) => J.value === U
+        (J) => J.value === q
       ))
         if (e.multiple) {
           if (Array.isArray(N.value)) {
-            const J = N.value.indexOf(U);
-            J !== -1 ? N.value.splice(J, 1) : (N.value.push(U), t("update:modelValue", N.value));
+            const J = N.value.indexOf(q);
+            J !== -1 ? N.value.splice(J, 1) : (N.value.push(q), t("update:modelValue", N.value));
           } else
-            N.value = [U];
+            N.value = [q];
           _();
         } else
-          N.value = U, i.value = !1;
+          N.value = q, i.value = !1;
     }
-    function qe(U, re) {
-      if (U.preventDefault(), U.stopPropagation(), !!e.multiple && Array.isArray(N.value)) {
+    function qe(q, re) {
+      if (q.preventDefault(), q.stopPropagation(), !!e.multiple && Array.isArray(N.value)) {
         const J = N.value.indexOf(re);
         J !== -1 && N.value.splice(J, 1), _();
       }
@@ -9518,27 +9518,27 @@ const Yy = R({
     de("resize", () => {
       i.value = !1;
     });
-    function Me(U) {
+    function Me(q) {
       if (Y.value.length === 0 || e.disabled)
         return;
-      switch (y.value = !0, U.code) {
+      switch (y.value = !0, q.code) {
         case "Tab":
           i.value && (i.value = !1);
           break;
         case "ArrowDown":
-          if (U.preventDefault(), !i.value) {
+          if (q.preventDefault(), !i.value) {
             i.value = !0;
             return;
           }
           pe(u.value, "down");
           break;
         case "ArrowUp":
-          if (U.preventDefault(), !i.value)
+          if (q.preventDefault(), !i.value)
             return;
           pe(u.value, "up");
           break;
         case "Enter":
-          if (U.preventDefault(), U.stopPropagation(), !i.value) {
+          if (q.preventDefault(), q.stopPropagation(), !i.value) {
             i.value = !0;
             return;
           }
@@ -9547,7 +9547,7 @@ const Yy = R({
           ), e.multiple || (i.value = !1));
           break;
         case "Escape":
-          if (U.preventDefault(), U.stopPropagation(), !i.value)
+          if (q.preventDefault(), q.stopPropagation(), !i.value)
             return;
           i.value = !1;
           break;
@@ -9575,9 +9575,9 @@ const Yy = R({
         "m-select--error": L.value
       }
     ]);
-    function pn(U) {
+    function pn(q) {
       const re = e.options.find(
-        (J) => J[e.optionValue] === U
+        (J) => J[e.optionValue] === q
       );
       return re ? re[e.optionLabel] : null;
     }
@@ -9589,14 +9589,14 @@ const Yy = R({
       { ignore: [s, $] }
     ), we(() => {
       o.value && i.value && (v.value = o.value.offsetWidth);
-    }), G(u, (U) => {
-      y.value && typeof U < "u" && a.value && a.value[U].scrollIntoView({
+    }), G(u, (q) => {
+      y.value && typeof q < "u" && a.value && a.value[q].scrollIntoView({
         block: "nearest",
         inline: "nearest"
       });
-    }), G(i, (U) => {
+    }), G(i, (q) => {
       ue(() => {
-        if (U || (c.value = ""), e.searchable && s.value && s.value.focus(), U && a.value) {
+        if (q || (c.value = ""), q && (O.value = h()), e.searchable && s.value && s.value.focus(), q && a.value) {
           const re = Y.value.findIndex(
             (J) => J.value === N.value
           );
@@ -9607,12 +9607,12 @@ const Yy = R({
         y.value = !1;
       });
     });
-    const Z = g(() => L.value || e.error), le = g(() => e.multiple && Y.value.length == 0 && !c.value ? !1 : i.value), ve = (U) => {
+    const Z = g(() => L.value || e.error), le = g(() => e.multiple && Y.value.length == 0 && !c.value ? !1 : i.value), ve = (q) => {
       setTimeout(() => {
         l.value && !i.value && ke();
       }, 10);
-    }, Oe = (U) => {
-      U.preventDefault(), U.stopPropagation(), ke();
+    }, Oe = (q) => {
+      q.preventDefault(), q.stopPropagation(), ke();
     };
     return n({
       focus: E,
@@ -9629,7 +9629,7 @@ const Yy = R({
       isOpen: le,
       open: i,
       selected: N,
-      selectedMax: q,
+      selectedMax: U,
       selectedCountNotShown: W,
       computedOptions: Y,
       selectedIndex: u,
@@ -12291,9 +12291,9 @@ const vw = oo(".v-vl", {
       }), $;
     }), a = w(null), s = w(void 0), l = /* @__PURE__ */ new Map(), u = g(() => {
       const { items: $, itemSize: _, keyField: F } = e, V = new H1($.length, _);
-      return $.forEach((N, q) => {
+      return $.forEach((N, U) => {
         const W = N[F], oe = l.get(W);
-        oe !== void 0 && V.add(q, oe);
+        oe !== void 0 && V.add(U, oe);
       }), V;
     }), i = w(0);
     let d = 0;
@@ -12301,22 +12301,22 @@ const vw = oo(".v-vl", {
       const { value: $ } = s;
       if ($ === void 0)
         return [];
-      const { items: _, itemSize: F } = e, V = f.value, N = Math.min(V + Math.ceil($ / F + 1), _.length - 1), q = [];
+      const { items: _, itemSize: F } = e, V = f.value, N = Math.min(V + Math.ceil($ / F + 1), _.length - 1), U = [];
       for (let W = V; W <= N; ++W)
-        q.push(_[W]);
-      return q;
+        U.push(_[W]);
+      return U;
     }), v = ($, _) => {
       if (typeof $ == "number") {
         O($, _, "auto");
         return;
       }
-      const { left: F, top: V, index: N, key: q, position: W, behavior: oe, debounce: Y = !0 } = $;
+      const { left: F, top: V, index: N, key: U, position: W, behavior: oe, debounce: Y = !0 } = $;
       if (F !== void 0 || V !== void 0)
         O(F, V, oe);
       else if (N !== void 0)
         b(N, oe, Y);
-      else if (q !== void 0) {
-        const $e = r.value.get(q);
+      else if (U !== void 0) {
+        const $e = r.value.get(U);
         $e !== void 0 && b($e, oe, Y);
       } else W === "bottom" ? O(0, Number.MAX_SAFE_INTEGER, oe) : W === "top" && O(0, 0, oe);
     };
@@ -12333,10 +12333,10 @@ const vw = oo(".v-vl", {
         y = $, h !== null && window.clearTimeout(h), h = window.setTimeout(() => {
           y = void 0, h = null;
         }, 16);
-        const { scrollTop: q, offsetHeight: W } = a.value;
-        if (N > q) {
+        const { scrollTop: U, offsetHeight: W } = a.value;
+        if (N > U) {
           const oe = V.get($);
-          N + oe <= q + W || a.value.scrollTo({
+          N + oe <= U + W || a.value.scrollTo({
             left: 0,
             top: N + oe - W,
             behavior: _
@@ -12360,23 +12360,23 @@ const vw = oo(".v-vl", {
       var F, V, N;
       if (n || e.ignoreItemResize || M(_.target))
         return;
-      const { value: q } = u, W = r.value.get($), oe = q.get(W), Y = (N = (V = (F = _.borderBoxSize) === null || F === void 0 ? void 0 : F[0]) === null || V === void 0 ? void 0 : V.blockSize) !== null && N !== void 0 ? N : _.contentRect.height;
+      const { value: U } = u, W = r.value.get($), oe = U.get(W), Y = (N = (V = (F = _.borderBoxSize) === null || F === void 0 ? void 0 : F[0]) === null || V === void 0 ? void 0 : V.blockSize) !== null && N !== void 0 ? N : _.contentRect.height;
       if (Y === oe)
         return;
       Y - e.itemSize === 0 ? l.delete($) : l.set($, Y - e.itemSize);
       const ke = Y - oe;
       if (ke === 0)
         return;
-      q.add(W, ke);
+      U.add(W, ke);
       const pe = a.value;
       if (pe != null) {
         if (y === void 0) {
-          const Se = q.sum(W);
+          const Se = U.sum(W);
           pe.scrollTop > Se && pe.scrollBy(0, ke);
         } else if (W < y)
           pe.scrollBy(0, ke);
         else if (W === y) {
-          const Se = q.sum(W);
+          const Se = U.sum(W);
           Y + Se > // Note, listEl shouldn't have border, nor offsetHeight won't be
           // correct
           pe.scrollTop + pe.offsetHeight && pe.scrollBy(0, ke);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teammodlr/ui-kit",
-  "version": "2.3.10",
+  "version": "2.3.12",
   "description": "",
   "main": "lib/index.cjs.js",
   "module": "lib/index.es.js",

package/src/components/select/Select.vue

@@ -671,6 +671,10 @@ export default defineComponent({
                     search.value = '';
                 }
 
+                if (value) {
+                    zIndex.value = nextZIndex();
+                }
+
                 if (props.searchable && searchRef.value) {
                     searchRef.value.focus();
                 }