sprintify-ui 0.10.30 → 0.10.32

package/dist/sprintify-ui.es.js

@@ -2,7 +2,7 @@ var Ld = Object.defineProperty;
 var Fd = (t, n, e) => n in t ? Ld(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e;
 var cn = (t, n, e) => Fd(t, typeof n != "symbol" ? n + "" : n, e);
 import * as ji from "vue";
-import { defineComponent as Q, computed as w, inject as je, resolveComponent as kt, createBlock as te, createElementBlock as z, openBlock as b, withCtx as K, createElementVNode as E, withModifiers as an, normalizeClass as j, unref as c, renderSlot as ce, createCommentVNode as Z, toDisplayString as re, ref as N, nextTick as wt, watchEffect as Ht, onMounted as Ze, cloneVNode as Pd, h as st, Fragment as De, provide as We, onUnmounted as Ut, watch as Ye, shallowRef as Xl, getCurrentInstance as Qs, Teleport as _n, reactive as Zl, normalizeStyle as He, createVNode as X, getCurrentScope as Js, onScopeDispose as eu, shallowReadonly as Eo, Transition as sn, renderList as Ue, resolveDynamicComponent as tn, toRef as Nd, readonly as $o, customRef as Vd, createTextVNode as Ot, onBeforeUnmount as yn, withDirectives as Kt, mergeProps as Mt, Comment as jd, useSlots as tu, isRef as En, TransitionGroup as nu, createStaticVNode as ou, vModelCheckbox as Hd, normalizeProps as ft, guardReactiveProps as pt, vShow as Dn, withKeys as pa, vModelText as ma, createSlots as ru, vModelSelect as qd, defineAsyncComponent as Wd } from "vue";
+import { defineComponent as Q, computed as w, inject as je, resolveComponent as kt, createBlock as te, createElementBlock as z, openBlock as b, withCtx as K, createElementVNode as E, withModifiers as an, normalizeClass as j, unref as c, renderSlot as ce, createCommentVNode as Z, toDisplayString as re, ref as N, nextTick as wt, watchEffect as Ht, onMounted as Qe, cloneVNode as Pd, h as st, Fragment as De, provide as We, onUnmounted as Ut, watch as Ye, shallowRef as Xl, getCurrentInstance as Qs, Teleport as _n, reactive as Zl, normalizeStyle as He, createVNode as X, getCurrentScope as Js, onScopeDispose as eu, shallowReadonly as Eo, Transition as sn, renderList as Ue, resolveDynamicComponent as tn, toRef as Nd, readonly as $o, customRef as Vd, createTextVNode as Ot, onBeforeUnmount as yn, withDirectives as Kt, mergeProps as Mt, Comment as jd, useSlots as tu, isRef as En, TransitionGroup as nu, createStaticVNode as ou, vModelCheckbox as Hd, normalizeProps as ft, guardReactiveProps as pt, vShow as Dn, withKeys as pa, vModelText as ma, createSlots as ru, vModelSelect as qd, defineAsyncComponent as Wd } from "vue";
 import Ud from "axios";
 import { padStart as Jr, cloneDeep as Bt, debounce as jt, uniqueId as wo, get as Vt, isArray as _t, isString as Lo, uniq as Yd, isObject as Nn, isFunction as Hi, throttle as Ql, truncate as Kd, trim as Gd, isNumber as to, merge as vr, range as Kn, sortBy as qi, set as Ja, isEqual as Xd, isPlainObject as Zd, reject as Qd, round as Wi, isBoolean as Jd, isNull as ef, capitalize as tf } from "lodash";
 import Ui from "qs";
@@ -2589,7 +2589,7 @@ function Zi(t, n) {
 }
 function ri(t, n) {
   let e = N(Zi(t.value.type, t.value.as));
-  return Ze(() => {
+  return Qe(() => {
     e.value = Zi(t.value.type, t.value.as);
   }), Ht(() => {
     var o;
@@ -2793,7 +2793,7 @@ let Xo = Object.assign(Q({ name: "FocusTrap", props: { as: { type: [Object, Stri
   let r = N(null);
   o({ el: r, $el: r });
   let a = w(() => kn(r)), l = N(!1);
-  Ze(() => l.value = !0), Ut(() => l.value = !1), pp({ ownerDocument: a }, w(() => l.value && !!(t.features & 16)));
+  Qe(() => l.value = !0), Ut(() => l.value = !1), pp({ ownerDocument: a }, w(() => l.value && !!(t.features & 16)));
   let s = mp({ ownerDocument: a, container: r, initialFocus: w(() => t.initialFocus) }, w(() => l.value && !!(t.features & 2)));
   hp({ ownerDocument: a, container: r, containers: t.containers, previousActiveElement: s }, w(() => l.value && !!(t.features & 8)));
   let u = si();
@@ -2838,7 +2838,7 @@ function fp(t) {
 }
 function pp({ ownerDocument: t }, n) {
   let e = fp(n);
-  Ze(() => {
+  Qe(() => {
     Ht(() => {
       var o, r;
       n.value || ((o = t.value) == null ? void 0 : o.activeElement) === ((r = t.value) == null ? void 0 : r.body) && eo(e());
@@ -2849,7 +2849,7 @@ function pp({ ownerDocument: t }, n) {
 }
 function mp({ ownerDocument: t, container: n, initialFocus: e }, o) {
   let r = N(null), a = N(!1);
-  return Ze(() => a.value = !0), Ut(() => a.value = !1), Ze(() => {
+  return Qe(() => a.value = !0), Ut(() => a.value = !1), Qe(() => {
     Ye([n, e, o], (l, s) => {
       if (l.every((d, p) => (s == null ? void 0 : s[p]) === d) || !o.value) return;
       let u = Ie(n);
@@ -3066,7 +3066,7 @@ function Bp({ type: t, enabled: n, element: e, onUpdate: o }) {
   function a(...l) {
     o == null || o(...l), r(...l);
   }
-  Ze(() => {
+  Qe(() => {
     Ye(n, (l, s) => {
       l ? a(0, t, e) : s === !0 && a(1, t, e);
     }, { immediate: !0, flush: "sync" });
@@ -3093,7 +3093,7 @@ function Mu({ slot: t = N({}), name: n = "Description", props: e = {} } = {}) {
 Q({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(t, { attrs: n, slots: e }) {
   var o;
   let r = (o = t.id) != null ? o : `headlessui-description-${Wt()}`, a = Mp();
-  return Ze(() => Ut(a.register(r))), () => {
+  return Qe(() => Ut(a.register(r))), () => {
     let { name: l = "Description", slot: s = N({}), props: u = {} } = a, { ...d } = t, p = { ...Object.entries(u).reduce((f, [m, g]) => Object.assign(f, { [m]: c(g) }), {}), id: r };
     return St({ ourProps: p, theirProps: d, slot: s.value, attrs: n, slots: e, name: l });
   };
@@ -3122,7 +3122,7 @@ let _u = Q({ name: "Portal", props: { as: { type: [Object, String], default: "di
   let o = N(null), r = w(() => kn(o)), a = Cp(), l = je($u, null), s = N(a === !0 || l == null ? _p(o.value) : l.resolveTarget());
   s.value && es(s.value, (m) => m + 1);
   let u = N(!1);
-  Ze(() => {
+  Qe(() => {
     u.value = !0;
   }), Ht(() => {
     a || l != null && (s.value = l.resolveTarget());
@@ -3181,7 +3181,7 @@ function Ir(t) {
 let jr = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ap = Q({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: jr }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (t) => !0 }, setup(t, { emit: n, attrs: e, slots: o, expose: r }) {
   var a, l;
   let s = (a = t.id) != null ? a : `headlessui-dialog-${Wt()}`, u = N(!1);
-  Ze(() => {
+  Qe(() => {
     u.value = !0;
   });
   let d = !1, p = w(() => t.role === "dialog" || t.role === "alertdialog" ? t.role : (d || (d = !0, console.warn(`Invalid role [${p}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), f = N(0), m = qo(), g = w(() => t.open === jr && m !== null ? (m.value & Dt.Open) === Dt.Open : t.open), v = N(null), h = w(() => kn(v));
@@ -3250,7 +3250,7 @@ Q({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
 Q({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(t, { attrs: n, slots: e, expose: o }) {
   var r;
   let a = (r = t.id) != null ? r : `headlessui-dialog-backdrop-${Wt()}`, l = Ir("DialogBackdrop"), s = N(null);
-  return o({ el: s, $el: s }), Ze(() => {
+  return o({ el: s, $el: s }), Qe(() => {
     if (l.panelRef.value === null) throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...u } = t, d = { id: a, ref: s, "aria-hidden": !0 };
@@ -3272,7 +3272,7 @@ let Tp = Q({ name: "DialogPanel", props: { as: { type: [Object, String], default
 Q({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(t, { attrs: n, slots: e }) {
   var o;
   let r = (o = t.id) != null ? o : `headlessui-dialog-title-${Wt()}`, a = Ir("DialogTitle");
-  return Ze(() => {
+  return Qe(() => {
     a.setTitleId(r), Ut(() => a.setTitleId(null));
   }), () => {
     let { ...l } = t;
@@ -3473,7 +3473,7 @@ let Pp = Q({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let u = w(() => l.activeItemIndex.value !== null ? l.items.value[l.activeItemIndex.value].id === a : !1), d = Op(s), p = w(() => ({ disabled: t.disabled, get textValue() {
     return d();
   }, domRef: s }));
-  Ze(() => l.registerItem(a, p)), Ut(() => l.unregisterItem(a)), Ht(() => {
+  Qe(() => l.registerItem(a, p)), Ut(() => l.unregisterItem(a)), Ht(() => {
     l.menuState.value === 0 && u.value && l.activationTrigger.value !== 0 && wt(() => {
       var C, $;
       return ($ = (C = Ie(s)) == null ? void 0 : C.scrollIntoView) == null ? void 0 : $.call(C, { block: "nearest" });
@@ -3560,7 +3560,7 @@ let Ru = Q({ name: "Popover", inheritAttrs: !1, props: { as: { type: [Object, St
 } }), qp = Q({ name: "PopoverButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, inheritAttrs: !1, setup(t, { attrs: n, slots: e, expose: o }) {
   var r;
   let a = (r = t.id) != null ? r : `headlessui-popover-button-${Wt()}`, l = Ra("PopoverButton"), s = w(() => kn(l.button));
-  o({ el: l.button, $el: l.button }), Ze(() => {
+  o({ el: l.button, $el: l.button }), Qe(() => {
     l.buttonId.value = a;
   }), Ut(() => {
     l.buttonId.value = null;
@@ -3629,7 +3629,7 @@ Q({ name: "PopoverOverlay", props: { as: { type: [Object, String], default: "div
 let Wp = Q({ name: "PopoverPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, focus: { type: Boolean, default: !1 }, id: { type: String, default: null } }, inheritAttrs: !1, setup(t, { attrs: n, slots: e, expose: o }) {
   var r;
   let a = (r = t.id) != null ? r : `headlessui-popover-panel-${Wt()}`, { focus: l } = t, s = Ra("PopoverPanel"), u = w(() => kn(s.panel)), d = `headlessui-focus-sentinel-before-${Wt()}`, p = `headlessui-focus-sentinel-after-${Wt()}`;
-  o({ el: s.panel, $el: s.panel }), Ze(() => {
+  o({ el: s.panel, $el: s.panel }), Qe(() => {
     s.panelId.value = a;
   }), Ut(() => {
     s.panelId.value = null;
@@ -3746,7 +3746,7 @@ function Up({ slot: t = {}, name: n = "Label", props: e = {} } = {}) {
 let Yp = Q({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(t, { slots: n, attrs: e }) {
   var o;
   let r = (o = t.id) != null ? o : `headlessui-label-${Wt()}`, a = Fu();
-  return Ze(() => Ut(a.register(r))), () => {
+  return Qe(() => Ut(a.register(r))), () => {
     let { name: l = "Label", slot: s = {}, props: u = {} } = a, { passive: d, ...p } = t, f = { ...Object.entries(u).reduce((m, [g, v]) => Object.assign(m, { [g]: c(v) }), {}), id: r };
     return d && (delete f.onClick, delete f.htmlFor, delete p.onClick), St({ ourProps: f, theirProps: p, slot: s, attrs: e, slots: n, name: l });
   };
@@ -3779,7 +3779,7 @@ let Yp = Q({ name: "Label", props: { as: { type: [Object, String], default: "lab
     var $, i;
     return (i = ($ = Ie(m)) == null ? void 0 : $.closest) == null ? void 0 : i.call($, "form");
   });
-  return Ze(() => {
+  return Qe(() => {
     Ye([C], () => {
       if (!C.value || t.defaultChecked === void 0) return;
       function $() {
@@ -3848,7 +3848,7 @@ function La(t) {
 }
 function Nu(t) {
   let n = N([]), e = N(!1);
-  Ze(() => e.value = !0), Ut(() => e.value = !1);
+  Qe(() => e.value = !0), Ut(() => e.value = !1);
   function o(a, l = Zn.Hidden) {
     let s = n.value.findIndex(({ id: u }) => u === a);
     s !== -1 && (Gt(l, { [Zn.Unmount]() {
@@ -3883,7 +3883,7 @@ let Vu = zn.RenderStrategy, ea = Q({ props: { as: { type: [Object, String], defa
   let { show: m, appear: g } = tm(), { register: v, unregister: h } = nm(), y = N(m.value ? "visible" : "hidden"), C = { value: !0 }, $ = Wt(), i = { value: !1 }, S = Nu(() => {
     !i.value && y.value !== "hidden" && (y.value = "hidden", h($), d());
   });
-  Ze(() => {
+  Qe(() => {
     let ee = v($);
     Ut(ee);
   }), Ht(() => {
@@ -3896,7 +3896,7 @@ let Vu = zn.RenderStrategy, ea = Q({ props: { as: { type: [Object, String], defa
     }
   });
   let R = ao(t.enter), M = ao(t.enterFrom), I = ao(t.enterTo), x = ao(t.entered), k = ao(t.leave), _ = ao(t.leaveFrom), A = ao(t.leaveTo);
-  Ze(() => {
+  Qe(() => {
     Ht(() => {
       if (y.value === "visible") {
         let ee = Ie(p);
@@ -3912,7 +3912,7 @@ let Vu = zn.RenderStrategy, ea = Q({ props: { as: { type: [Object, String], defa
       i.value = !1, G === Tl.Finished && (La(S) || (y.value = "hidden", h($), d()));
     })));
   }
-  return Ze(() => {
+  return Qe(() => {
     Ye([m], (ee, J, le) => {
       F(le), C.value = !1;
     }, { immediate: !0 });
@@ -3928,7 +3928,7 @@ let Vu = zn.RenderStrategy, ea = Q({ props: { as: { type: [Object, String], defa
   let l = N(a.value ? "visible" : "hidden"), s = Nu(() => {
     l.value = "hidden";
   }), u = N(!0), d = { show: a, appear: w(() => t.appear || !u.value) };
-  return Ze(() => {
+  return Qe(() => {
     Ht(() => {
       u.value = !1, a.value ? l.value = "visible" : La(s) || (l.value = "hidden");
     });
@@ -8705,7 +8705,7 @@ const tv = ["value", "name", "disabled", "required"], nv = ["value"], ul = "", c
       }
     );
     let h = null;
-    Ze(() => {
+    Qe(() => {
       window.google && v.value && (h = new window.google.maps.places.Autocomplete(
         v.value
       ), y(), h.addListener("place_changed", C));
@@ -9161,7 +9161,7 @@ const cv = {
   emits: ["cancel", "confirm"],
   setup(t, { emit: n }) {
     const e = t, o = n, r = N(null), a = N(null);
-    Ze(() => {
+    Qe(() => {
       a.value ? a.value.focus() : r.value && r.value.focus();
     });
     const l = N(""), s = w(() => e.input === !1 ? null : typeof e.input == "object" ? e.input : {
@@ -10424,15 +10424,13 @@ const Dc = /* @__PURE__ */ Uo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
         }
       }
     }
-    Ze(() => {
-      of(
-        a.value,
-        () => {
-          r("scrollBottom");
-        },
-        { distance: 100 }
-      );
-    });
+    of(
+      a,
+      () => {
+        r("scrollBottom");
+      },
+      { distance: 100 }
+    );
     function v() {
       if (!a.value)
         return;
@@ -10481,7 +10479,10 @@ const Dc = /* @__PURE__ */ Uo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
         ref_key: "drawerRef",
         ref: a,
         "data-scroll-lock-scrollable": "",
-        class: "max-h-[214px] w-full overflow-y-auto"
+        style: {
+          height: "214px"
+        },
+        class: "w-full overflow-y-auto"
       }, [
         t.options.length == 0 ? ce(S.$slots, "empty", { key: 0 }, () => [
           E("div", Jv, re(c(ye)("sui.nothing_found")), 1)
@@ -10686,7 +10687,7 @@ const Dc = /* @__PURE__ */ Uo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
       w(() => !1)
     );
     let d = 0;
-    Ze(() => {
+    Qe(() => {
       d = setTimeout(() => {
         o.focusOnMount && x();
       }, 10);
@@ -10711,7 +10712,7 @@ const Dc = /* @__PURE__ */ Uo(Gv, [["render", Zv]]), Qv = { class: "relative w-f
       { immediate: !0 }
     ), $c(h, () => {
       k();
-    }, { includes: () => [f] }), Ze(() => {
+    }, { includes: () => [f] }), Qe(() => {
       window.addEventListener("keydown", I);
     }), yn(() => {
       window.removeEventListener("keydown", I);
@@ -11930,7 +11931,7 @@ const c0 = {
   },
   setup(t) {
     const n = N(1), e = N(0), o = N(null);
-    Ze(() => {
+    Qe(() => {
       window.addEventListener("resize", r), a();
     }), yn(() => {
       window.removeEventListener("resize", r);
@@ -13233,7 +13234,7 @@ const Z0 = {
       () => {
         v();
       }
-    ), Ze(() => {
+    ), Qe(() => {
       y();
     }), yn(() => {
       setTimeout(() => {
@@ -13444,7 +13445,7 @@ function Pc(t, n) {
       o();
     },
     { immediate: !0 }
-  ), Ze(() => {
+  ), Qe(() => {
     e.value = !0, o();
   }), yn(() => {
     a();
@@ -13636,7 +13637,7 @@ const ry = {
         maxWidth: d.value
       }
     }));
-    Ze(() => {
+    Qe(() => {
       f(), a.value = !0, window.addEventListener("resize", p);
     }), yn(() => {
       window.removeEventListener("resize", p);
@@ -15041,7 +15042,7 @@ const ka = /* @__PURE__ */ qa(cy), dy = { class: "flex grow items-center justify
     au(F, J, {
       attributes: !1,
       childList: !0
-    }), Ze(() => {
+    }), Qe(() => {
       ee();
     }), Ye(
       () => k.value,
@@ -15205,7 +15206,7 @@ const ka = /* @__PURE__ */ qa(cy), dy = { class: "flex grow items-center justify
     ));
     let T = Bt(I.value);
     const W = ne();
-    T = vr(T, W), be(T), Ze(() => {
+    T = vr(T, W), be(T), Qe(() => {
       q();
     });
     const oe = N(null), pe = w(() => ({
@@ -16816,7 +16817,7 @@ const Pr = /* @__PURE__ */ Q({
       return u[e.itemKey] ?? wo();
     }
     let l = null;
-    Ze(() => {
+    Qe(() => {
       r.value && (l = Xe.create(r.value, {
         handle: e.handle,
         disabled: e.disabled,
@@ -17233,7 +17234,7 @@ const _b = ["align", "colspan"], cd = /* @__PURE__ */ Q({
     const r = w(() => o !== void 0), a = N(null), l = N(!1), s = N(void 0), u = je("table:virtualScrollingDefaultRowHeight", void 0), d = je("table:setVirtualScrollingDefaultRowHeight", void 0), p = jt(f, 10);
     window.addEventListener("scroll", p), Ut(() => {
       window.removeEventListener("scroll", p);
-    }), Ze(() => {
+    }), Qe(() => {
       f();
     });
     function f() {
@@ -17532,7 +17533,7 @@ const _b = ["align", "colspan"], cd = /* @__PURE__ */ Q({
       () => {
         G();
       }
-    ), Ze(() => {
+    ), Qe(() => {
       wt(() => {
         G();
       });
@@ -18182,7 +18183,7 @@ const _b = ["align", "colspan"], cd = /* @__PURE__ */ Q({
         });
       });
     }, $ = mt.settingsStorage, i = N([]), S = js + s.storageKey + ".visible_columns";
-    Ze(async () => {
+    Qe(async () => {
       const se = await $.get(S);
       let xe = [];
       if (typeof se == "string")
@@ -18200,7 +18201,7 @@ const _b = ["align", "colspan"], cd = /* @__PURE__ */ Q({
       );
     }
     const M = N([]), I = js + s.storageKey + ".column_order";
-    Ze(async () => {
+    Qe(async () => {
       var ne;
       const se = await $.get(I);
       let xe = [];
@@ -19025,8 +19026,8 @@ function l1(t, n) {
           L = Math.min(L, Fe.getHours()), L === Fe.getHours() && (P = Math.min(P, Fe.getMinutes())), P === Fe.getMinutes() && (Y = Math.min(Y, Fe.getSeconds()));
         }
         if (ie) {
-          var Qe = e.config.minTime !== void 0 ? e.config.minTime : e.config.minDate;
-          L = Math.max(L, Qe.getHours()), L === Qe.getHours() && P < Qe.getMinutes() && (P = Qe.getMinutes()), P === Qe.getMinutes() && (Y = Math.max(Y, Qe.getSeconds()));
+          var Ze = e.config.minTime !== void 0 ? e.config.minTime : e.config.minDate;
+          L = Math.max(L, Ze.getHours()), L === Ze.getHours() && P < Ze.getMinutes() && (P = Ze.getMinutes()), P === Ze.getMinutes() && (Y = Math.max(Y, Ze.getSeconds()));
         }
       }
       g(L, P, Y);
@@ -19137,9 +19138,9 @@ function l1(t, n) {
   function k(L, P) {
     for (var Y = L.className.indexOf("Month") === -1 ? L.dateObj.getMonth() : e.currentMonth, ie = P > 0 ? e.config.showMonths : -1, Se = P > 0 ? 1 : -1, Ae = Y - e.currentMonth; Ae != ie; Ae += Se)
       for (var et = e.daysContainer.children[Ae], Ve = Y - e.currentMonth === Ae ? L.$i + P : P < 0 ? et.children.length - 1 : 0, rt = et.children.length, Fe = Ve; Fe >= 0 && Fe < rt && Fe != (P > 0 ? rt : -1); Fe += Se) {
-        var Qe = et.children[Fe];
-        if (Qe.className.indexOf("hidden") === -1 && fe(Qe.dateObj) && Math.abs(L.$i - Fe) >= Math.abs(P))
-          return I(Qe);
+        var Ze = et.children[Fe];
+        if (Ze.className.indexOf("hidden") === -1 && fe(Ze.dateObj) && Math.abs(L.$i - Fe) >= Math.abs(P))
+          return I(Ze);
       }
     e.changeMonth(Se), _(x(Se), 0);
   }
@@ -19148,12 +19149,12 @@ function l1(t, n) {
     Se === void 0 ? e._input.focus() : ie ? k(Se, P) : I(Se);
   }
   function A(L, P) {
-    for (var Y = (new Date(L, P, 1).getDay() - e.l10n.firstDayOfWeek + 7) % 7, ie = e.utils.getDaysInMonth((P - 1 + 12) % 12, L), Se = e.utils.getDaysInMonth(P, L), Ae = window.document.createDocumentFragment(), et = e.config.showMonths > 1, Ve = et ? "prevMonthDay hidden" : "prevMonthDay", rt = et ? "nextMonthDay hidden" : "nextMonthDay", Fe = ie + 1 - Y, Qe = 0; Fe <= ie; Fe++, Qe++)
-      Ae.appendChild(M("flatpickr-day " + Ve, new Date(L, P - 1, Fe), Fe, Qe));
-    for (Fe = 1; Fe <= Se; Fe++, Qe++)
-      Ae.appendChild(M("flatpickr-day", new Date(L, P, Fe), Fe, Qe));
-    for (var vt = Se + 1; vt <= 42 - Y && (e.config.showMonths === 1 || Qe % 7 !== 0); vt++, Qe++)
-      Ae.appendChild(M("flatpickr-day " + rt, new Date(L, P + 1, vt % Se), vt, Qe));
+    for (var Y = (new Date(L, P, 1).getDay() - e.l10n.firstDayOfWeek + 7) % 7, ie = e.utils.getDaysInMonth((P - 1 + 12) % 12, L), Se = e.utils.getDaysInMonth(P, L), Ae = window.document.createDocumentFragment(), et = e.config.showMonths > 1, Ve = et ? "prevMonthDay hidden" : "prevMonthDay", rt = et ? "nextMonthDay hidden" : "nextMonthDay", Fe = ie + 1 - Y, Ze = 0; Fe <= ie; Fe++, Ze++)
+      Ae.appendChild(M("flatpickr-day " + Ve, new Date(L, P - 1, Fe), Fe, Ze));
+    for (Fe = 1; Fe <= Se; Fe++, Ze++)
+      Ae.appendChild(M("flatpickr-day", new Date(L, P, Fe), Fe, Ze));
+    for (var vt = Se + 1; vt <= 42 - Y && (e.config.showMonths === 1 || Ze % 7 !== 0); vt++, Ze++)
+      Ae.appendChild(M("flatpickr-day " + rt, new Date(L, P + 1, vt % Se), vt, Ze));
     var In = dt("div", "dayContainer");
     return In.appendChild(Ae), In;
   }
@@ -19421,16 +19422,16 @@ function l1(t, n) {
           break;
         case 9:
           if (et) {
-            var Qe = [
+            var Ze = [
               e.hourElement,
               e.minuteElement,
               e.secondElement,
               e.amPM
             ].concat(e.pluginElements).filter(function(un) {
               return un;
-            }), vt = Qe.indexOf(P);
+            }), vt = Ze.indexOf(P);
             if (vt !== -1) {
-              var In = Qe[vt + (L.shiftKey ? -1 : 1)];
+              var In = Ze[vt + (L.shiftKey ? -1 : 1)];
               L.preventDefault(), (In || e._input).focus();
             }
           } else !e.config.noCalendar && e.daysContainer && e.daysContainer.contains(P) && L.shiftKey && (L.preventDefault(), e._input.focus());
@@ -19454,8 +19455,8 @@ function l1(t, n) {
     if (P === void 0 && (P = "flatpickr-day"), !(e.selectedDates.length !== 1 || L && (!L.classList.contains(P) || L.classList.contains("flatpickr-disabled")))) {
       for (var Y = L ? L.dateObj.getTime() : e.days.firstElementChild.dateObj.getTime(), ie = e.parseDate(e.selectedDates[0], void 0, !0).getTime(), Se = Math.min(Y, e.selectedDates[0].getTime()), Ae = Math.max(Y, e.selectedDates[0].getTime()), et = !1, Ve = 0, rt = 0, Fe = Se; Fe < Ae; Fe += r1.DAY)
         fe(new Date(Fe), !0) || (et = et || Fe > Se && Fe < Ae, Fe < ie && (!Ve || Fe > Ve) ? Ve = Fe : Fe > ie && (!rt || Fe < rt) && (rt = Fe));
-      var Qe = Array.from(e.rContainer.querySelectorAll("*:nth-child(-n+" + e.config.showMonths + ") > ." + P));
-      Qe.forEach(function(vt) {
+      var Ze = Array.from(e.rContainer.querySelectorAll("*:nth-child(-n+" + e.config.showMonths + ") > ." + P));
+      Ze.forEach(function(vt) {
         var In = vt.dateObj, un = In.getTime(), Yo = Ve > 0 && un < Ve || rt > 0 && un > rt;
         if (Yo) {
           vt.classList.add("notAllowed"), ["inRange", "startRange", "endRange"].forEach(function(Co) {
@@ -19518,15 +19519,15 @@ function l1(t, n) {
       get: function() {
         return e.config._enable;
       },
-      set: function(Qe) {
-        e.config._enable = T(Qe);
+      set: function(Ze) {
+        e.config._enable = T(Ze);
       }
     }), Object.defineProperty(e.config, "disable", {
       get: function() {
         return e.config._disable;
       },
-      set: function(Qe) {
-        e.config._disable = T(Qe);
+      set: function(Ze) {
+        e.config._disable = T(Ze);
       }
     });
     var ie = P.mode === "time";
@@ -19549,9 +19550,9 @@ function l1(t, n) {
       },
       set: Te("max")
     });
-    var et = function(Qe) {
+    var et = function(Ze) {
       return function(vt) {
-        e.config[Qe === "min" ? "_minTime" : "_maxTime"] = e.parseDate(vt, "H:i:S");
+        e.config[Ze === "min" ? "_minTime" : "_maxTime"] = e.parseDate(vt, "H:i:S");
       };
     };
     Object.defineProperty(e.config, "minTime", {
@@ -19567,10 +19568,10 @@ function l1(t, n) {
     }), P.mode === "time" && (e.config.noCalendar = !0, e.config.enableTime = !0), Object.assign(e.config, Y, P);
     for (var Ve = 0; Ve < L.length; Ve++)
       e.config[L[Ve]] = e.config[L[Ve]] === !0 || e.config[L[Ve]] === "true";
-    wl.filter(function(Qe) {
-      return e.config[Qe] !== void 0;
-    }).forEach(function(Qe) {
-      e.config[Qe] = xl(e.config[Qe] || []).map(l);
+    wl.filter(function(Ze) {
+      return e.config[Ze] !== void 0;
+    }).forEach(function(Ze) {
+      e.config[Ze] = xl(e.config[Ze] || []).map(l);
     }), e.isMobile = !e.config.disableMobile && !e.config.inline && e.config.mode === "single" && !e.config.disable.length && !e.config.enable && !e.config.weekNumbers && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
     for (var Ve = 0; Ve < e.config.plugins.length; Ve++) {
       var rt = e.config.plugins[Ve](e) || {};
@@ -19594,13 +19595,13 @@ function l1(t, n) {
       _e("onPreCalendarPosition");
       var P = L || e._positionElement, Y = Array.prototype.reduce.call(e.calendarContainer.children, function(Od, Rd) {
         return Od + Rd.offsetHeight;
-      }, 0), ie = e.calendarContainer.offsetWidth, Se = e.config.position.split(" "), Ae = Se[0], et = Se.length > 1 ? Se[1] : null, Ve = P.getBoundingClientRect(), rt = window.innerHeight - Ve.bottom, Fe = Ae === "above" || Ae !== "below" && rt < Y && Ve.top > Y, Qe = window.pageYOffset + Ve.top + (Fe ? -Y - 2 : P.offsetHeight + 2);
+      }, 0), ie = e.calendarContainer.offsetWidth, Se = e.config.position.split(" "), Ae = Se[0], et = Se.length > 1 ? Se[1] : null, Ve = P.getBoundingClientRect(), rt = window.innerHeight - Ve.bottom, Fe = Ae === "above" || Ae !== "below" && rt < Y && Ve.top > Y, Ze = window.pageYOffset + Ve.top + (Fe ? -Y - 2 : P.offsetHeight + 2);
       if (Jt(e.calendarContainer, "arrowTop", !Fe), Jt(e.calendarContainer, "arrowBottom", Fe), !e.config.inline) {
         var vt = window.pageXOffset + Ve.left, In = !1, un = !1;
         et === "center" ? (vt -= (ie - Ve.width) / 2, In = !0) : et === "right" && (vt -= ie - Ve.width, un = !0), Jt(e.calendarContainer, "arrowLeft", !In && !un), Jt(e.calendarContainer, "arrowCenter", In), Jt(e.calendarContainer, "arrowRight", un);
         var Yo = window.document.body.offsetWidth - (window.pageXOffset + Ve.right), Co = vt + ie > window.document.body.offsetWidth, _d = Yo + ie > window.document.body.offsetWidth;
         if (Jt(e.calendarContainer, "rightMost", Co), !e.config.static)
-          if (e.calendarContainer.style.top = Qe + "px", !Co)
+          if (e.calendarContainer.style.top = Ze + "px", !Co)
             e.calendarContainer.style.left = vt + "px", e.calendarContainer.style.right = "auto";
           else if (!_d)
             e.calendarContainer.style.left = "auto", e.calendarContainer.style.right = Yo + "px";
@@ -19641,8 +19642,8 @@ function l1(t, n) {
   }
   function Nt(L) {
     L.preventDefault(), L.stopPropagation();
-    var P = function(Qe) {
-      return Qe.classList && Qe.classList.contains("flatpickr-day") && !Qe.classList.contains("flatpickr-disabled") && !Qe.classList.contains("notAllowed");
+    var P = function(Ze) {
+      return Ze.classList && Ze.classList.contains("flatpickr-day") && !Ze.classList.contains("flatpickr-disabled") && !Ze.classList.contains("notAllowed");
     }, Y = fd(dn(L), P);
     if (Y !== void 0) {
       var ie = Y, Se = e.latestSelectedDateObj = new Date(ie.dateObj.getTime()), Ae = (Se.getMonth() < e.currentMonth || Se.getMonth() > e.currentMonth + e.config.showMonths - 1) && e.config.mode !== "range";
@@ -19651,8 +19652,8 @@ function l1(t, n) {
       else if (e.config.mode === "multiple") {
         var et = ue(Se);
         et ? e.selectedDates.splice(parseInt(et), 1) : e.selectedDates.push(Se);
-      } else e.config.mode === "range" && (e.selectedDates.length === 2 && e.clear(!1, !1), e.latestSelectedDateObj = Se, e.selectedDates.push(Se), pn(Se, e.selectedDates[0], !0) !== 0 && e.selectedDates.sort(function(Qe, vt) {
-        return Qe.getTime() - vt.getTime();
+      } else e.config.mode === "range" && (e.selectedDates.length === 2 && e.clear(!1, !1), e.latestSelectedDateObj = Se, e.selectedDates.push(Se), pn(Se, e.selectedDates[0], !0) !== 0 && e.selectedDates.sort(function(Ze, vt) {
+        return Ze.getTime() - vt.getTime();
       }));
       if (f(), Ae) {
         var Ve = e.currentYear !== Se.getFullYear();
@@ -19820,8 +19821,8 @@ function l1(t, n) {
     e.amPM !== void 0 && Y === e.amPM && (e.amPM.textContent = e.l10n.amPM[bn(e.amPM.textContent === e.l10n.amPM[0])]);
     var Se = parseFloat(ie.getAttribute("min")), Ae = parseFloat(ie.getAttribute("max")), et = parseFloat(ie.getAttribute("step")), Ve = parseInt(ie.value, 10), rt = L.delta || (P ? L.which === 38 ? 1 : -1 : 0), Fe = Ve + et * rt;
     if (typeof ie.value < "u" && ie.value.length === 2) {
-      var Qe = ie === e.hourElement, vt = ie === e.minuteElement;
-      Fe < Se ? (Fe = Ae + Fe + bn(!Qe) + (bn(Qe) && bn(!e.amPM)), vt && S(void 0, -1, e.hourElement)) : Fe > Ae && (Fe = ie === e.hourElement ? Fe - Ae - bn(!e.amPM) : Se, vt && S(void 0, 1, e.hourElement)), e.amPM && Qe && (et === 1 ? Fe + Ve === 23 : Math.abs(Fe - Ve) > et) && (e.amPM.textContent = e.l10n.amPM[bn(e.amPM.textContent === e.l10n.amPM[0])]), ie.value = on(Fe);
+      var Ze = ie === e.hourElement, vt = ie === e.minuteElement;
+      Fe < Se ? (Fe = Ae + Fe + bn(!Ze) + (bn(Ze) && bn(!e.amPM)), vt && S(void 0, -1, e.hourElement)) : Fe > Ae && (Fe = ie === e.hourElement ? Fe - Ae - bn(!e.amPM) : Se, vt && S(void 0, 1, e.hourElement)), e.amPM && Ze && (et === 1 ? Fe + Ve === 23 : Math.abs(Fe - Ve) > et) && (e.amPM.textContent = e.l10n.amPM[bn(e.amPM.textContent === e.l10n.amPM[0])]), ie.value = on(Fe);
     }
   }
   return r(), e;
@@ -20085,7 +20086,7 @@ const u1 = ["disabled", "placeholder"], c1 = /* @__PURE__ */ Q({
       prevArrow: '<svg class="fill-current" width="7" height="11" viewBox="0 0 7 11"><path d="M5.4 10.8l1.4-1.4-4-4 4-4L5.4 0 0 5.4z" /></svg>',
       nextArrow: '<svg class="fill-current" width="7" height="11" viewBox="0 0 7 11"><path d="M1.4 10.8L0 9.4l4-4-4-4L1.4 0l5.4 5.4z" /></svg>'
     }));
-    Ze(() => {
+    Qe(() => {
       Xd(e.modelValue, u.value) || l(u.value);
     }), Ye(
       () => u.value,
@@ -20110,7 +20111,7 @@ const u1 = ["disabled", "placeholder"], c1 = /* @__PURE__ */ Q({
         deep: !0,
         immediate: !0
       }
-    ), Ze(() => {
+    ), Qe(() => {
       $();
     }), Ut(() => {
       setTimeout(() => {
@@ -20429,7 +20430,7 @@ const u1 = ["disabled", "placeholder"], c1 = /* @__PURE__ */ Q({
       var a;
       e.value = ((a = n.value) == null ? void 0 : a.clientWidth) ?? Ws;
     }
-    return Ze(() => {
+    return Qe(() => {
       r();
     }), Er(n, jt(r, 50)), (a, l) => (b(), z("div", {
       ref_key: "item",
@@ -22091,7 +22092,7 @@ const k1 = /* @__PURE__ */ qa(x1), S1 = { class: "text-xs text-slate-600" }, hd
       w(() => r.valueKey),
       w(() => !0)
     );
-    Ze(() => {
+    Qe(() => {
       window.addEventListener("keydown", p);
     }), yn(() => {
       window.removeEventListener("keydown", p);
@@ -22103,7 +22104,7 @@ const k1 = /* @__PURE__ */ qa(x1), S1 = { class: "text-xs text-slate-600" }, hd
       V === "Tab" && A(), V === "Escape" && A();
     }
     let f = 0;
-    Ze(() => {
+    Qe(() => {
       f = setTimeout(() => {
         r.focusOnMount && _();
       }, 10);
@@ -23578,7 +23579,7 @@ const Z1 = ["onClick"], Q1 = { class: "px-2 flex items-center" }, J1 = { class:
       });
     }
     const g = jt(m, 200);
-    Ze(() => {
+    Qe(() => {
       setTimeout(() => {
         m(), Ye(() => f.value, g, { deep: !0 });
       }, 1);
@@ -24213,7 +24214,7 @@ const Z1 = ["onClick"], Q1 = { class: "px-2 flex items-center" }, J1 = { class:
         S != "" && (S = "-" + S), o("update:modelValue", i + S);
       });
     }
-    return Ze(() => {
+    return Qe(() => {
       h();
     }), (i, S) => (b(), z("div", {
       class: "w-full overflow-hidden rounded border bg-white",
@@ -24516,7 +24517,7 @@ const Z1 = ["onClick"], Q1 = { class: "px-2 flex items-center" }, J1 = { class:
       () => {
         l();
       }
-    )) : Ze(() => {
+    )) : Qe(() => {
       l();
     }), Ut(() => {
       clearTimeout(a);
@@ -26045,7 +26046,7 @@ const ck = /* @__PURE__ */ Uo(rk, [["render", uk]]), dk = { class: "space-y-3" }
       "-webkit-line-clamp": e.maxLines,
       "-webkit-box-orient": "vertical"
     }));
-    Ze(() => {
+    Qe(() => {
       l(), au(
         n.value,
         () => {
@@ -26812,7 +26813,7 @@ const Pk = /* @__PURE__ */ Uo(Dk, [["render", Fk]]), Nk = { class: "flex-shrink-
       });
     }
     const p = N(null);
-    Ze(() => {
+    Qe(() => {
       wt(() => {
         f(!1);
       });
@@ -27590,7 +27591,7 @@ const Pk = /* @__PURE__ */ Uo(Dk, [["render", Fk]]), Nk = { class: "flex-shrink-
         s.value[v + S] = C[S], a.code += C[S];
       (i = l.value[v + C.length]) == null || i.focus(), h.preventDefault();
     };
-    return Ze(async () => {
+    return Qe(async () => {
       await wt(), l.value = Array.from(
         { length: e.numberOfCharacters },
         (h, y) => l.value[y]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.30",
+  "version": "0.10.32",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseAutocompleteDrawer.vue

@@ -3,7 +3,10 @@
     <div
       ref="drawerRef"
       data-scroll-lock-scrollable
-      class="max-h-[214px] w-full overflow-y-auto"
+      :style="{
+        height: '214px',
+      }"
+      class="w-full overflow-y-auto"
     >
       <!-- Slot empty -->
       <slot
@@ -266,15 +269,13 @@ function onKeydown(event: KeyboardEvent) {
 
 // Infinite scroll
 
-onMounted(() => {
-  useInfiniteScroll(
-    drawerRef.value,
-    () => {
-      emit('scrollBottom');
-    },
-    { distance: 100 }
-  );
-});
+useInfiniteScroll(
+  drawerRef,
+  () => {
+    emit('scrollBottom');
+  },
+  { distance: 100 }
+);
 
 function scrollToFocus() {
   if (!drawerRef.value) {