@teammodlr/ui-kit 2.2.1 → 2.2.2

package/lib/index.es.js

@@ -1905,8 +1905,8 @@ function pt(e, t) {
   if (f === it && b) {
     var B = b[a];
     Object.keys(A).forEach(function(N) {
-      var K = [Re, Be].indexOf(N) >= 0 ? 1 : -1, D = [ke, Be].indexOf(N) >= 0 ? "y" : "x";
-      A[N] += B[D] * K;
+      var G = [Re, Be].indexOf(N) >= 0 ? 1 : -1, D = [ke, Be].indexOf(N) >= 0 ? "y" : "x";
+      A[N] += B[D] * G;
     });
   }
   return A;
@@ -1950,13 +1950,13 @@ function Bi(e) {
         allowedAutoPlacements: T
       }) : ve);
     }, []), $ = t.rects.reference, R = t.rects.popper, O = /* @__PURE__ */ new Map(), j = !0, L = k[0], A = 0; A < k.length; A++) {
-      var b = k[A], B = Le(b), N = at(b) === tt, K = [ke, Be].indexOf(B) >= 0, D = K ? "width" : "height", U = pt(t, {
+      var b = k[A], B = Le(b), N = at(b) === tt, G = [ke, Be].indexOf(B) >= 0, D = G ? "width" : "height", U = pt(t, {
         placement: b,
         boundary: d,
         rootBoundary: c,
         altBoundary: f,
         padding: l
-      }), V = K ? N ? Re : Se : N ? Be : ke;
+      }), V = G ? N ? Re : Se : N ? Be : ke;
       $[D] > R[D] && (V = zt(V));
       var oe = zt(V), W = [];
       if (o && W.push(U[B] <= 0), i && W.push(U[V] <= 0, U[oe] <= 0), W.every(function(ze) {
@@ -2098,14 +2098,14 @@ function Fi(e) {
   };
   if (R) {
     if (o) {
-      var N, K = k === "y" ? ke : Se, D = k === "y" ? Be : Re, U = k === "y" ? "height" : "width", V = R[k], oe = V + C[K], W = V - C[D], Ce = m ? -j[U] / 2 : 0, fe = E === tt ? O[U] : j[U], ie = E === tt ? -j[U] : -O[U], pe = t.elements.arrow, ze = m && pe ? kn(pe) : {
+      var N, G = k === "y" ? ke : Se, D = k === "y" ? Be : Re, U = k === "y" ? "height" : "width", V = R[k], oe = V + C[G], W = V - C[D], Ce = m ? -j[U] / 2 : 0, fe = E === tt ? O[U] : j[U], ie = E === tt ? -j[U] : -O[U], pe = t.elements.arrow, ze = m && pe ? kn(pe) : {
         width: 0,
         height: 0
-      }, ve = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : xr(), Pe = ve[K], xe = ve[D], Ie = ut(0, O[U], ze[U]), X = z ? O[U] / 2 - Ce - Ie - Pe - A.mainAxis : fe - Ie - Pe - A.mainAxis, de = z ? -O[U] / 2 + Ce + Ie + xe + A.mainAxis : ie + Ie + xe + A.mainAxis, me = t.elements.arrow && yt(t.elements.arrow), Te = me ? k === "y" ? me.clientTop || 0 : me.clientLeft || 0 : 0, bt = (N = b == null ? void 0 : b[k]) != null ? N : 0, xt = V + X - bt - Te, H = V + de - bt, te = ut(m ? Dt(oe, xt) : oe, V, m ? Ke(W, H) : W);
+      }, ve = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : xr(), Pe = ve[G], xe = ve[D], Ie = ut(0, O[U], ze[U]), X = z ? O[U] / 2 - Ce - Ie - Pe - A.mainAxis : fe - Ie - Pe - A.mainAxis, de = z ? -O[U] / 2 + Ce + Ie + xe + A.mainAxis : ie + Ie + xe + A.mainAxis, me = t.elements.arrow && yt(t.elements.arrow), Te = me ? k === "y" ? me.clientTop || 0 : me.clientLeft || 0 : 0, bt = (N = b == null ? void 0 : b[k]) != null ? N : 0, xt = V + X - bt - Te, H = V + de - bt, te = ut(m ? Dt(oe, xt) : oe, V, m ? Ke(W, H) : W);
       R[k] = te, B[k] = te - V;
     }
     if (i) {
-      var G, Me = k === "x" ? ke : Se, st = k === "x" ? Be : Re, qe = R[$], wt = $ === "y" ? "height" : "width", Rn = qe + C[Me], zn = qe - C[st], qt = [ke, Se].indexOf(M) !== -1, In = (G = b == null ? void 0 : b[$]) != null ? G : 0, jn = qt ? Rn : qe - O[wt] - j[wt] - In + A.altAxis, Ln = qt ? qe + O[wt] + j[wt] - In - A.altAxis : zn, Dn = m && qt ? di(jn, qe, Ln) : ut(m ? jn : Rn, qe, m ? Ln : zn);
+      var K, Me = k === "x" ? ke : Se, st = k === "x" ? Be : Re, qe = R[$], wt = $ === "y" ? "height" : "width", Rn = qe + C[Me], zn = qe - C[st], qt = [ke, Se].indexOf(M) !== -1, In = (K = b == null ? void 0 : b[$]) != null ? K : 0, jn = qt ? Rn : qe - O[wt] - j[wt] - In + A.altAxis, Ln = qt ? qe + O[wt] + j[wt] - In - A.altAxis : zn, Dn = m && qt ? di(jn, qe, Ln) : ut(m ? jn : Rn, qe, m ? Ln : zn);
       R[$] = Dn, B[$] = Dn - qe;
     }
     t.modifiersData[r] = B;
@@ -2602,7 +2602,7 @@ const bu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       Qr[e.size],
       {
         [It]: e.block,
-        [ta]: K.value
+        [ta]: G.value
       }
     ]), N = p(() => [
       Jr,
@@ -2612,7 +2612,7 @@ const bu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         [na]: E.value,
         [ra]: z.value
       }
-    ]), K = p(() => m.value || e.error), D = () => {
+    ]), G = p(() => m.value || e.error), D = () => {
       n("update:modelValue", "");
     };
     return r({
@@ -2634,7 +2634,7 @@ const bu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       hasSuffix: $,
       hasPrefix: k,
       hasHelpMessage: R,
-      inputError: K,
+      inputError: G,
       style: bu,
       onClear: D,
       validate: c,
@@ -2752,7 +2752,7 @@ const aa = /* @__PURE__ */ F(wu, [["render", ku]]), Su = _({
     const h = w(), T = w(), C = w(), M = ee(e, "transfer"), E = ee(e, "placement"), z = w(), k = w(0), $ = w(100), R = w(!1), O = Ae({
       x: 0,
       y: 0
-    }), j = w(e.zIndex ?? s()), { elementX: L, elementY: A } = Bl(h), { pressed: b } = Rl(), { popper: B, transferTo: N, updatePopper: K } = Ht({
+    }), j = w(e.zIndex ?? s()), { elementX: L, elementY: A } = Bl(h), { pressed: b } = Rl(), { popper: B, transferTo: N, updatePopper: G } = Ht({
       reference: C,
       placement: E,
       transfer: M,
@@ -3357,16 +3357,15 @@ const Uu = /* @__PURE__ */ _({
       A();
     });
     function A() {
-      var K, D;
       if (!s.value || !f.value) {
         L.value = "auto";
         return;
       }
-      let b = (K = f.value) == null ? void 0 : K.getBoundingClientRect().height, B = (D = f.value) == null ? void 0 : D.getBoundingClientRect().top;
-      if (!b || !B)
+      const b = f.value.$el.getBoundingClientRect(), B = b.height, N = b.top;
+      if (!B || !N)
         return;
-      let N = window.innerHeight;
-      L.value = `${N - b - B - 30}px`;
+      let G = window.innerHeight;
+      L.value = `${G - B - N - 30}px`;
     }
     return {
       wrapper: l,
@@ -4115,8 +4114,8 @@ const dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     function j() {
       let A = window, b = A.document.documentElement, B = A.innerWidth - b.clientWidth;
       if (b.style.overflow = "hidden", B > 0) {
-        let N = b.clientWidth - b.offsetWidth, K = B - N;
-        b.style.paddingRight = `${K}px`;
+        let N = b.clientWidth - b.offsetWidth, G = B - N;
+        b.style.paddingRight = `${G}px`;
       }
     }
     function L() {
@@ -4946,10 +4945,10 @@ const Nf = _({
     const r = w(null), a = w(), o = w(), s = w(), i = w(), u = w(0), l = w(!1), d = w(!1), c = w(""), f = w("bottom-start"), m = w(!1), h = w(0), T = w(!1), { nextZIndex: C } = Je();
     function M(H, te) {
       const {
-        "onUpdate:value": G,
+        "onUpdate:value": K,
         onUpdateValue: Me
       } = e;
-      Me && sn(Me, H, te), G && sn(G, H, te);
+      Me && sn(Me, H, te), K && sn(K, H, te);
     }
     const E = w(e.zIndex ?? C()), { focus: z, blur: k } = we(r), {
       id: $,
@@ -4964,7 +4963,7 @@ const Nf = _({
       reference: r,
       wrapper: a,
       offset: [0, 5]
-    }), N = p(() => L || e.disabled), K = p(() => A || e.loading), D = p({
+    }), N = p(() => L || e.disabled), G = p(() => A || e.loading), D = p({
       get() {
         return e.multiple ? e.modelValue ? Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue] : [] : e.modelValue || null;
       },
@@ -4981,15 +4980,15 @@ const Nf = _({
       if (!e.options || e.options.length == 0)
         return [];
       if (e.searchable && c.value) {
-        let te = e.options.filter((G) => G[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((G) => {
-          if (G[e.optionValue] === void 0)
+        let te = e.options.filter((K) => K[e.optionLabel].toLowerCase().includes(c.value.toLowerCase())).map((K) => {
+          if (K[e.optionValue] === void 0)
             throw new Error("Option value is undefined");
-          if (G[e.optionLabel] === void 0)
+          if (K[e.optionLabel] === void 0)
             throw new Error("Option label is undefined");
-          let Me = G[e.optionValue], st;
+          let Me = K[e.optionValue], st;
           return e.multiple && Array.isArray(D.value) ? st = D.value.includes(Me) : st = D.value === Me, {
             value: Me,
-            label: G[e.optionLabel],
+            label: K[e.optionLabel],
             active: st,
             onClick: () => pe(Me)
           };
@@ -5006,12 +5005,12 @@ const Nf = _({
           throw new Error("Option value is undefined");
         if (te[e.optionLabel] === void 0)
           throw new Error("Option label is undefined");
-        let G = te[e.optionValue], Me;
-        return e.multiple && Array.isArray(D.value) ? Me = D.value.includes(G) : Me = D.value === G, {
-          value: G,
+        let K = te[e.optionValue], Me;
+        return e.multiple && Array.isArray(D.value) ? Me = D.value.includes(K) : Me = D.value === K, {
+          value: K,
           label: te[e.optionLabel],
           active: Me,
-          onClick: () => pe(G)
+          onClick: () => pe(K)
         };
       });
       return e.allowBlank && H.unshift({
@@ -5027,7 +5026,7 @@ const Nf = _({
       ) : D.value = []);
     }
     function fe() {
-      if (!(N.value || K.value)) {
+      if (!(N.value || G.value)) {
         if (l.value) {
           l.value = !1;
           return;
@@ -5037,21 +5036,21 @@ const Nf = _({
     }
     function ie(H, te = "down") {
       if (typeof H > "u" && (H = te === "down" ? -1 : 1), te === "down") {
-        let G = H + 1;
-        G > W.value.length - 1 && (G = 0), u.value = G;
+        let K = H + 1;
+        K > W.value.length - 1 && (K = 0), u.value = K;
       } else {
-        let G = H - 1;
-        G < 0 && (G = W.value.length - 1), u.value = G;
+        let K = H - 1;
+        K < 0 && (K = W.value.length - 1), u.value = K;
       }
     }
     function pe(H) {
       if (W.value.find(
-        (G) => G.value === H
+        (K) => K.value === H
       ))
         if (e.multiple) {
           if (Array.isArray(D.value)) {
-            const G = D.value.indexOf(H);
-            G !== -1 ? D.value.splice(G, 1) : (D.value.push(H), t("update:modelValue", D.value));
+            const K = D.value.indexOf(H);
+            K !== -1 ? D.value.splice(K, 1) : (D.value.push(H), t("update:modelValue", D.value));
           } else
             D.value = [H];
           B();
@@ -5060,8 +5059,8 @@ const Nf = _({
     }
     function ze(H, te) {
       if (H.preventDefault(), H.stopPropagation(), !!e.multiple && Array.isArray(D.value)) {
-        const G = D.value.indexOf(te);
-        G !== -1 && D.value.splice(G, 1), B();
+        const K = D.value.indexOf(te);
+        K !== -1 && D.value.splice(K, 1), B();
       }
     }
     re("resize", () => {
@@ -5118,7 +5117,7 @@ const Nf = _({
         [za]: e.multiple && Array.isArray(D.value) && D.value.length > 0,
         [on]: l.value,
         // [`m-select--${props.size}`]: props.size,
-        "m-select--disabled": N.value || K.value,
+        "m-select--disabled": N.value || G.value,
         "m-select--focused": l.value,
         "m-select--multiple": e.multiple,
         "m-select--error": j.value
@@ -5126,7 +5125,7 @@ const Nf = _({
     ]);
     function de(H) {
       const te = e.options.find(
-        (G) => G[e.optionValue] === H
+        (K) => K[e.optionValue] === H
       );
       return te ? te[e.optionLabel] : null;
     }
@@ -5147,7 +5146,7 @@ const Nf = _({
       _e(() => {
         if (H || (c.value = ""), e.searchable && s.value && s.value.focus(), H && o.value) {
           const te = W.value.findIndex(
-            (G) => G.value === D.value
+            (K) => K.value === D.value
           );
           te !== -1 && (o.value[te].scrollIntoView({
             block: "nearest"
@@ -7773,23 +7772,23 @@ const th = Ut(".v-vl", {
     });
     const a = p(() => {
       const b = /* @__PURE__ */ new Map(), { keyField: B } = e;
-      return e.items.forEach((N, K) => {
-        b.set(N[B], K);
+      return e.items.forEach((N, G) => {
+        b.set(N[B], G);
       }), b;
     }), o = w(null), s = w(void 0), i = /* @__PURE__ */ new Map(), u = p(() => {
-      const { items: b, itemSize: B, keyField: N } = e, K = new Rm(b.length, B);
+      const { items: b, itemSize: B, keyField: N } = e, G = new Rm(b.length, B);
       return b.forEach((D, U) => {
         const V = D[N], oe = i.get(V);
-        oe !== void 0 && K.add(U, oe);
-      }), K;
+        oe !== void 0 && G.add(U, oe);
+      }), G;
     }), l = w(0);
     let d = 0;
     const c = w(0), f = Mr(() => Math.max(u.value.getBound(c.value - er(e.paddingTop)) - 1, 0)), m = p(() => {
       const { value: b } = s;
       if (b === void 0)
         return [];
-      const { items: B, itemSize: N } = e, K = f.value, D = Math.min(K + Math.ceil(b / N + 1), B.length - 1), U = [];
-      for (let V = K; V <= D; ++V)
+      const { items: B, itemSize: N } = e, G = f.value, D = Math.min(G + Math.ceil(b / N + 1), B.length - 1), U = [];
+      for (let V = G; V <= D; ++V)
         U.push(B[V]);
       return U;
     }), h = (b, B) => {
@@ -7797,9 +7796,9 @@ const th = Ut(".v-vl", {
         E(b, B, "auto");
         return;
       }
-      const { left: N, top: K, index: D, key: U, position: V, behavior: oe, debounce: W = !0 } = b;
-      if (N !== void 0 || K !== void 0)
-        E(N, K, oe);
+      const { left: N, top: G, index: D, key: U, position: V, behavior: oe, debounce: W = !0 } = b;
+      if (N !== void 0 || G !== void 0)
+        E(N, G, oe);
       else if (D !== void 0)
         M(D, oe, W);
       else if (U !== void 0) {
@@ -7809,7 +7808,7 @@ const th = Ut(".v-vl", {
     };
     let T, C = null;
     function M(b, B, N) {
-      const { value: K } = u, D = K.sum(b) + er(e.paddingTop);
+      const { value: G } = u, D = G.sum(b) + er(e.paddingTop);
       if (!N)
         o.value.scrollTo({
           left: 0,
@@ -7822,7 +7821,7 @@ const th = Ut(".v-vl", {
         }, 16);
         const { scrollTop: U, offsetHeight: V } = o.value;
         if (D > U) {
-          const oe = K.get(b);
+          const oe = G.get(b);
           D + oe <= U + V || o.value.scrollTo({
             left: 0,
             top: D + oe - V,
@@ -7844,10 +7843,10 @@ const th = Ut(".v-vl", {
       });
     }
     function z(b, B) {
-      var N, K, D;
+      var N, G, D;
       if (n || e.ignoreItemResize || A(B.target))
         return;
-      const { value: U } = u, V = a.value.get(b), oe = U.get(V), W = (D = (K = (N = B.borderBoxSize) === null || N === void 0 ? void 0 : N[0]) === null || K === void 0 ? void 0 : K.blockSize) !== null && D !== void 0 ? D : B.contentRect.height;
+      const { value: U } = u, V = a.value.get(b), oe = U.get(V), W = (D = (G = (N = B.borderBoxSize) === null || N === void 0 ? void 0 : N[0]) === null || G === void 0 ? void 0 : G.blockSize) !== null && D !== void 0 ? D : B.contentRect.height;
       if (W === oe)
         return;
       W - e.itemSize === 0 ? i.delete(b) : i.set(b, W - e.itemSize);

package/package.json

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

package/src/components/dropdown/Dropdown.vue

@@ -293,10 +293,12 @@ export default defineComponent({
                 maxHeight.value = 'auto';
                 return;
             }
-            let referenceHeight =
-                reference.value?.getBoundingClientRect().height;
 
-            let referenceTop = reference.value?.getBoundingClientRect().top;
+            // @ts-ignore
+            const referenceElement = reference.value.$el.getBoundingClientRect()
+            const referenceHeight = referenceElement.height;
+
+            const referenceTop = referenceElement.top;
             if (!referenceHeight || !referenceTop) {
                 return;
             }