sprintify-ui 0.0.105 → 0.0.106

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import cs from "axios";
-import { defineComponent as ve, inject as ze, resolveComponent as Ke, openBlock as U, createBlock as Se, withCtx as pe, createElementVNode as R, normalizeClass as ue, withModifiers as Bt, renderSlot as ke, createElementBlock as ee, createCommentVNode as we, toDisplayString as _e, h as Ge, unref as L, computed as W, ref as ie, watch as Fe, Teleport as Tn, createVNode as he, Transition as kt, TransitionGroup as Pl, Fragment as Le, renderList as Ue, normalizeStyle as Qe, onMounted as Ve, withDirectives as dt, normalizeProps as lt, guardReactiveProps as at, vShow as Qt, mergeProps as Lt, resolveDynamicComponent as Bn, createTextVNode as _t, onBeforeUnmount as vn, cloneVNode as fs, provide as $e, watchEffect as xt, nextTick as et, onUnmounted as Ut, reactive as ds, isRef as Qn, withKeys as Qo, vModelText as Zo, useSlots as hs, createStaticVNode as $l, getCurrentInstance as ps, pushScopeId as ms, popScopeId as vs, createSlots as ys, vModelSelect as qo, readonly as jr } from "vue";
+import { defineComponent as ve, inject as ze, resolveComponent as Ke, openBlock as U, createBlock as Se, withCtx as pe, createElementVNode as R, normalizeClass as ue, withModifiers as Bt, renderSlot as ke, createElementBlock as ee, createCommentVNode as we, toDisplayString as _e, h as Ge, unref as L, computed as W, ref as ie, watch as Fe, Teleport as Tn, createVNode as he, Transition as kt, TransitionGroup as Pl, Fragment as Le, renderList as Ue, normalizeStyle as Qe, onMounted as Ve, withDirectives as dt, normalizeProps as lt, guardReactiveProps as at, vShow as Qt, mergeProps as Lt, resolveDynamicComponent as Bn, createTextVNode as _t, onBeforeUnmount as vn, cloneVNode as fs, provide as $e, watchEffect as xt, nextTick as Ze, onUnmounted as Ut, reactive as ds, isRef as Qn, withKeys as Qo, vModelText as Zo, useSlots as hs, createStaticVNode as $l, getCurrentInstance as ps, pushScopeId as ms, popScopeId as vs, createSlots as ys, vModelSelect as qo, readonly as jr } from "vue";
 import { useI18n as Pt, createI18n as gs } from "vue-i18n";
 import { defineStore as ki } from "pinia";
 import el from "qs";
@@ -1911,7 +1911,7 @@ Available fill gap methods: `).concat(me, "."));
             d(`"clearQueue" is deprecated! Use "clearQueueScrollLocks" instead. 
  https://github.com/FL3NKEY/scroll-lock#clearqueuescrolllocks`), N();
           }
-        }, Xe = A({
+        }, Je = A({
           disablePageScroll: w,
           enablePageScroll: E,
           getScrollState: B,
@@ -1934,7 +1934,7 @@ Available fill gap methods: `).concat(me, "."));
           refillGaps: I,
           _state: _
         }, tt);
-        n.default = Xe;
+        n.default = Je;
       }
     ]).default;
   });
@@ -4648,7 +4648,7 @@ function At(e, i, ...r) {
   throw Error.captureStackTrace && Error.captureStackTrace(n, At), n;
 }
 var An = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(An || {}), ln = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(ln || {});
-function Ze({ visible: e = !0, features: i = 0, ourProps: r, theirProps: n, ...o }) {
+function Xe({ visible: e = !0, features: i = 0, ourProps: r, theirProps: n, ...o }) {
   var l;
   let a = cf(n, r), u = Object.assign(o, { props: a });
   if (e || i & 2 && a.static)
@@ -4845,7 +4845,7 @@ function Fi(e, i = 0) {
 }
 function ca(e) {
   let i = an(e);
-  et(() => {
+  Ze(() => {
     i && !Fi(i.activeElement, 0) && pn(e);
   });
 }
@@ -4942,7 +4942,7 @@ var tr = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.
 let Fr = ve({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: i, attrs: r }) {
   return () => {
     let { features: n, ...o } = e, l = { "aria-hidden": (n & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(n & 4) === 4 && (n & 2) !== 2 && { display: "none" } } };
-    return Ze({ ourProps: l, theirProps: o, slot: {}, attrs: r, slots: i, name: "Hidden" });
+    return Xe({ ourProps: l, theirProps: o, slot: {}, attrs: r, slots: i, name: "Hidden" });
   };
 } });
 function xf(e) {
@@ -5026,7 +5026,7 @@ let Vn = Object.assign(ve({ name: "FocusTrap", props: { as: { type: [Object, Str
   }
   return () => {
     let s = {}, m = { ref: o, onKeydown: f, onFocusout: c }, { features: g, initialFocus: b, containers: h, ...y } = e;
-    return Ge(Le, [Boolean(g & 4) && Ge(Fr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: p, features: tr.Focusable }), Ze({ ourProps: m, theirProps: { ...i, ...y }, slot: s, attrs: i, slots: r, name: "FocusTrap" }), Boolean(g & 4) && Ge(Fr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: p, features: tr.Focusable })]);
+    return Ge(Le, [Boolean(g & 4) && Ge(Fr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: p, features: tr.Focusable }), Xe({ ourProps: m, theirProps: { ...i, ...y }, slot: s, attrs: i, slots: r, name: "FocusTrap" }), Boolean(g & 4) && Ge(Fr, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: p, features: tr.Focusable })]);
   };
 } }), { features: pa });
 function Bf({ ownerDocument: e }, i) {
@@ -5139,7 +5139,7 @@ function Lf() {
 let si = ve({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: i, attrs: r }) {
   return $e(va, e.force), () => {
     let { force: n, ...o } = e;
-    return Ze({ theirProps: o, ourProps: {}, slot: {}, slots: i, attrs: r, name: "ForcePortalRoot" });
+    return Xe({ theirProps: o, ourProps: {}, slot: {}, slots: i, attrs: r, name: "ForcePortalRoot" });
   };
 } });
 function Pf(e) {
@@ -5167,7 +5167,7 @@ let ya = ve({ name: "Portal", props: { as: { type: [Object, String], default: "d
     if (u.value === null)
       return null;
     let p = { ref: n, "data-headlessui-portal": "" };
-    return Ge(Tn, { to: u.value }, Ze({ ourProps: p, theirProps: e, slot: {}, attrs: r, slots: i, name: "Portal" }));
+    return Ge(Tn, { to: u.value }, Xe({ ourProps: p, theirProps: e, slot: {}, attrs: r, slots: i, name: "Portal" }));
   };
 } }), ga = Symbol("PortalGroupContext"), $f = ve({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: i, slots: r }) {
   let n = ds({ resolveTarget() {
@@ -5175,7 +5175,7 @@ let ya = ve({ name: "Portal", props: { as: { type: [Object, String], default: "d
   } });
   return $e(ga, n), () => {
     let { target: o, ...l } = e;
-    return Ze({ theirProps: l, ourProps: {}, slot: {}, attrs: i, slots: r, name: "PortalGroup" });
+    return Xe({ theirProps: l, ourProps: {}, slot: {}, attrs: i, slots: r, name: "PortalGroup" });
   };
 } }), ba = Symbol("StackContext");
 var ui = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(ui || {});
@@ -5217,7 +5217,7 @@ let Fg = ve({ name: "Description", props: { as: { type: [Object, String], defaul
   let n = qf();
   return Ve(() => Ut(n.register(e.id))), () => {
     let { name: o = "Description", slot: l = ie({}), props: a = {} } = n, { id: u, ...p } = e, d = { ...Object.entries(a).reduce((f, [c, s]) => Object.assign(f, { [c]: L(s) }), {}), id: u };
-    return Ze({ ourProps: d, theirProps: p, slot: l.value, attrs: i, slots: r, name: o });
+    return Xe({ ourProps: d, theirProps: p, slot: l.value, attrs: i, slots: r, name: o });
   };
 } });
 function Ui() {
@@ -5290,7 +5290,7 @@ let xr = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ff = ve({ name: "Dialog", inher
     return [...Array.from((x = (S = m.value) == null ? void 0 : S.querySelectorAll("body > *, [data-headlessui-portal]")) != null ? x : []).filter((w) => !(!(w instanceof HTMLElement) || w.contains(De(s)) || A.panelRef.value && w.contains(A.panelRef.value))), (_ = A.panelRef.value) != null ? _ : c.value];
   }
   return da(() => O(), (S, x) => {
-    A.close(), et(() => x == null ? void 0 : x.focus());
+    A.close(), Ze(() => x == null ? void 0 : x.focus());
   }, W(() => g.value === 0 && !h.value)), ha((l = m.value) == null ? void 0 : l.defaultView, "keydown", (S) => {
     S.defaultPrevented || S.key === Ye.Escape && g.value === 0 && (h.value || (S.preventDefault(), S.stopPropagation(), A.close()));
   }), xt((S) => {
@@ -5345,7 +5345,7 @@ let xr = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Ff = ve({ name: "Dialog", inher
     _.observe(x), S(() => _.disconnect());
   }), () => {
     let { id: S, open: x, initialFocus: _, ...w } = e, E = { ...r, ref: c, id: S, role: "dialog", "aria-modal": g.value === 0 ? !0 : void 0, "aria-labelledby": v.value, "aria-describedby": k.value }, B = { open: g.value === 0 };
-    return Ge(si, { force: !0 }, () => [Ge(ya, () => Ge($f, { target: c.value }, () => Ge(si, { force: !1 }, () => Ge(Vn, { initialFocus: _, containers: f, features: b.value ? At(t.value, { parent: Vn.features.RestoreFocus, leaf: Vn.features.All & ~Vn.features.FocusLock }) : Vn.features.None }, () => Ze({ ourProps: E, theirProps: w, slot: B, attrs: r, slots: n, visible: g.value === 0, features: An.RenderStrategy | An.Static, name: "Dialog" }))))), Ge(Fr, { features: tr.Hidden, ref: s })]);
+    return Ge(si, { force: !0 }, () => [Ge(ya, () => Ge($f, { target: c.value }, () => Ge(si, { force: !1 }, () => Ge(Vn, { initialFocus: _, containers: f, features: b.value ? At(t.value, { parent: Vn.features.RestoreFocus, leaf: Vn.features.All & ~Vn.features.FocusLock }) : Vn.features.None }, () => Xe({ ourProps: E, theirProps: w, slot: B, attrs: r, slots: n, visible: g.value === 0, features: An.RenderStrategy | An.Static, name: "Dialog" }))))), Ge(Fr, { features: tr.Hidden, ref: s })]);
   };
 } });
 ve({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${It()}` } }, setup(e, { attrs: i, slots: r }) {
@@ -5355,7 +5355,7 @@ ve({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div
   }
   return () => {
     let { id: l, ...a } = e;
-    return Ze({ ourProps: { id: l, "aria-hidden": !0, onClick: o }, theirProps: a, slot: { open: n.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogOverlay" });
+    return Xe({ ourProps: { id: l, "aria-hidden": !0, onClick: o }, theirProps: a, slot: { open: n.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogOverlay" });
   };
 } });
 ve({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${It()}` } }, inheritAttrs: !1, setup(e, { attrs: i, slots: r, expose: n }) {
@@ -5365,7 +5365,7 @@ ve({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "di
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { id: a, ...u } = e, p = { id: a, ref: l, "aria-hidden": !0 };
-    return Ge(si, { force: !0 }, () => Ge(ya, () => Ze({ ourProps: p, theirProps: { ...i, ...u }, slot: { open: o.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogBackdrop" })));
+    return Ge(si, { force: !0 }, () => Ge(ya, () => Xe({ ourProps: p, theirProps: { ...i, ...u }, slot: { open: o.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogBackdrop" })));
   };
 } });
 let Uf = ve({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${It()}` } }, setup(e, { attrs: i, slots: r, expose: n }) {
@@ -5376,7 +5376,7 @@ let Uf = ve({ name: "DialogPanel", props: { as: { type: [Object, String], defaul
   }
   return () => {
     let { id: a, ...u } = e, p = { id: a, ref: o.panelRef, onClick: l };
-    return Ze({ ourProps: p, theirProps: u, slot: { open: o.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogPanel" });
+    return Xe({ ourProps: p, theirProps: u, slot: { open: o.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogPanel" });
   };
 } });
 ve({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${It()}` } }, setup(e, { attrs: i, slots: r }) {
@@ -5385,7 +5385,7 @@ ve({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }
     n.setTitleId(e.id), Ut(() => n.setTitleId(null));
   }), () => {
     let { id: o, ...l } = e;
-    return Ze({ ourProps: { id: o }, theirProps: l, slot: { open: n.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogTitle" });
+    return Xe({ ourProps: { id: o }, theirProps: l, slot: { open: n.dialogState.value === 0 }, attrs: i, slots: r, name: "DialogTitle" });
   };
 } });
 var zf = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(zf || {}), Vf = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Vf || {});
@@ -5434,7 +5434,7 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
     c.closeMenu(), Fi(m, Di.Loose) || (s.preventDefault(), (g = De(o)) == null || g.focus());
   }, W(() => n.value === 0)), $e(_a, c), la(W(() => At(n.value, { [0]: Ft.Open, [1]: Ft.Closed }))), () => {
     let s = { open: n.value === 0, close: c.closeMenu };
-    return Ze({ ourProps: {}, theirProps: e, slot: s, slots: i, attrs: r, name: "Menu" });
+    return Xe({ ourProps: {}, theirProps: e, slot: s, slots: i, attrs: r, name: "Menu" });
   };
 } }), Gf = ve({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${It()}` } }, setup(e, { attrs: i, slots: r, expose: n }) {
   let o = Zr("MenuButton");
@@ -5444,13 +5444,13 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case Ye.Space:
       case Ye.Enter:
       case Ye.ArrowDown:
-        d.preventDefault(), d.stopPropagation(), o.openMenu(), et(() => {
+        d.preventDefault(), d.stopPropagation(), o.openMenu(), Ze(() => {
           var f;
           (f = De(o.itemsRef)) == null || f.focus({ preventScroll: !0 }), o.goToItem(Ot.First);
         });
         break;
       case Ye.ArrowUp:
-        d.preventDefault(), d.stopPropagation(), o.openMenu(), et(() => {
+        d.preventDefault(), d.stopPropagation(), o.openMenu(), Ze(() => {
           var f;
           (f = De(o.itemsRef)) == null || f.focus({ preventScroll: !0 }), o.goToItem(Ot.Last);
         });
@@ -5465,7 +5465,7 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
     }
   }
   function u(d) {
-    e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), et(() => {
+    e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), Ze(() => {
       var f;
       return (f = De(o.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })) : (d.preventDefault(), o.openMenu(), Hf(() => {
@@ -5477,7 +5477,7 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   return () => {
     var d;
     let f = { open: o.menuState.value === 0 }, { id: c, ...s } = e, m = { ref: o.buttonRef, id: c, type: p.value, "aria-haspopup": "menu", "aria-controls": (d = De(o.itemsRef)) == null ? void 0 : d.id, "aria-expanded": e.disabled ? void 0 : o.menuState.value === 0, onKeydown: l, onKeyup: a, onClick: u };
-    return Ze({ ourProps: m, theirProps: s, slot: f, attrs: i, slots: r, name: "MenuButton" });
+    return Xe({ ourProps: m, theirProps: s, slot: f, attrs: i, slots: r, name: "MenuButton" });
   };
 } }), Wf = ve({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${It()}` } }, setup(e, { attrs: i, slots: r, expose: n }) {
   let o = Zr("MenuItems"), l = ie(null);
@@ -5510,13 +5510,13 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
       case Ye.PageDown:
         return f.preventDefault(), f.stopPropagation(), o.goToItem(Ot.Last);
       case Ye.Escape:
-        f.preventDefault(), f.stopPropagation(), o.closeMenu(), et(() => {
+        f.preventDefault(), f.stopPropagation(), o.closeMenu(), Ze(() => {
           var s;
           return (s = De(o.buttonRef)) == null ? void 0 : s.focus({ preventScroll: !0 });
         });
         break;
       case Ye.Tab:
-        f.preventDefault(), f.stopPropagation(), o.closeMenu(), et(() => _f(De(o.buttonRef), f.shiftKey ? Rt.Previous : Rt.Next));
+        f.preventDefault(), f.stopPropagation(), o.closeMenu(), Ze(() => _f(De(o.buttonRef), f.shiftKey ? Rt.Previous : Rt.Next));
         break;
       default:
         f.key.length === 1 && (o.search(f.key), l.value = setTimeout(() => o.clearSearch(), 350));
@@ -5534,7 +5534,7 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   return () => {
     var f, c;
     let s = { open: o.menuState.value === 0 }, { id: m, ...g } = e, b = { "aria-activedescendant": o.activeItemIndex.value === null || (f = o.items.value[o.activeItemIndex.value]) == null ? void 0 : f.id, "aria-labelledby": (c = De(o.buttonRef)) == null ? void 0 : c.id, id: m, onKeydown: a, onKeyup: u, role: "menu", tabIndex: 0, ref: o.itemsRef };
-    return Ze({ ourProps: b, theirProps: g, slot: s, attrs: i, slots: r, features: An.RenderStrategy | An.Static, visible: d.value, name: "MenuItems" });
+    return Xe({ ourProps: b, theirProps: g, slot: s, attrs: i, slots: r, features: An.RenderStrategy | An.Static, visible: d.value, name: "MenuItems" });
   };
 } }), En = ve({ name: "MenuItem", props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${It()}` } }, setup(e, { slots: i, attrs: r, expose: n }) {
   let o = Zr("MenuItem"), l = ie(null);
@@ -5545,7 +5545,7 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
     let h = (b = (g = De(l)) == null ? void 0 : g.textContent) == null ? void 0 : b.toLowerCase().trim();
     h !== void 0 && (u.value.textValue = h);
   }), Ve(() => o.registerItem(e.id, u)), Ut(() => o.unregisterItem(e.id)), xt(() => {
-    o.menuState.value === 0 && (!a.value || o.activationTrigger.value !== 0 && et(() => {
+    o.menuState.value === 0 && (!a.value || o.activationTrigger.value !== 0 && Ze(() => {
       var g, b;
       return (b = (g = De(l)) == null ? void 0 : g.scrollIntoView) == null ? void 0 : b.call(g, { block: "nearest" });
     }));
@@ -5572,7 +5572,7 @@ let Kf = ve({ name: "Menu", props: { as: { type: [Object, String], default: "tem
   }
   return () => {
     let { disabled: g } = e, b = { active: a.value, disabled: g, close: o.closeMenu }, { id: h, ...y } = e;
-    return Ze({ ourProps: { id: h, ref: l, role: "menuitem", tabIndex: g === !0 ? void 0 : -1, "aria-disabled": g === !0 ? !0 : void 0, onClick: p, onFocus: d, onPointerenter: c, onMouseenter: c, onPointermove: s, onMousemove: s, onPointerleave: m, onMouseleave: m }, theirProps: y, slot: b, attrs: r, slots: i, name: "MenuItem" });
+    return Xe({ ourProps: { id: h, ref: l, role: "menuitem", tabIndex: g === !0 ? void 0 : -1, "aria-disabled": g === !0 ? !0 : void 0, onClick: p, onFocus: d, onPointerenter: c, onMouseenter: c, onPointermove: s, onMousemove: s, onPointerleave: m, onMouseleave: m }, theirProps: y, slot: b, attrs: r, slots: i, name: "MenuItem" });
   };
 } }), xa = Symbol("LabelContext");
 function Sa() {
@@ -5597,13 +5597,13 @@ let Qf = ve({ name: "Label", props: { as: { type: [Object, String], default: "la
   let n = Sa();
   return Ve(() => Ut(n.register(e.id))), () => {
     let { name: o = "Label", slot: l = {}, props: a = {} } = n, { id: u, passive: p, ...d } = e, f = { ...Object.entries(a).reduce((c, [s, m]) => Object.assign(c, { [s]: L(m) }), {}), id: u };
-    return p && (delete f.onClick, delete d.onClick), Ze({ ourProps: f, theirProps: d, slot: l, attrs: r, slots: i, name: o });
+    return p && (delete f.onClick, delete d.onClick), Xe({ ourProps: f, theirProps: d, slot: l, attrs: r, slots: i, name: o });
   };
 } }), Ea = Symbol("GroupContext"), Zf = ve({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: i, attrs: r }) {
   let n = ie(null), o = Yf({ name: "SwitchLabel", props: { onClick() {
     !n.value || (n.value.click(), n.value.focus({ preventScroll: !0 }));
   } } }), l = ka({ name: "SwitchDescription" });
-  return $e(Ea, { switchRef: n, labelledby: o, describedby: l }), () => Ze({ theirProps: e, ourProps: {}, slot: {}, slots: i, attrs: r, name: "SwitchGroup" });
+  return $e(Ea, { switchRef: n, labelledby: o, describedby: l }), () => Xe({ theirProps: e, ourProps: {}, slot: {}, slots: i, attrs: r, name: "SwitchGroup" });
 } }), Xf = ve({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${It()}` } }, inheritAttrs: !1, setup(e, { emit: i, attrs: r, slots: n, expose: o }) {
   let l = ze(Ea, null), [a, u] = Sf(W(() => e.modelValue), (h) => i("update:modelValue", h), W(() => e.defaultChecked));
   function p() {
@@ -5638,7 +5638,7 @@ let Qf = ve({ name: "Label", props: { as: { type: [Object, String], default: "la
     }, { immediate: !0 });
   }), () => {
     let { id: h, name: y, value: t, ...k } = e, v = { checked: a.value }, A = { id: h, ref: f, role: "switch", type: c.value, tabIndex: 0, "aria-checked": a.value, "aria-labelledby": l == null ? void 0 : l.labelledby.value, "aria-describedby": l == null ? void 0 : l.describedby.value, onClick: s, onKeyup: m, onKeypress: g };
-    return Ge(Le, [y != null && a.value != null ? Ge(Fr, ff({ features: tr.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, name: y, value: t })) : null, Ze({ ourProps: A, theirProps: { ...r, ...Ri(k, ["modelValue", "defaultChecked"]) }, slot: v, attrs: r, slots: n, name: "Switch" })]);
+    return Ge(Le, [y != null && a.value != null ? Ge(Fr, ff({ features: tr.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, name: y, value: t })) : null, Xe({ ourProps: A, theirProps: { ...r, ...Ri(k, ["modelValue", "defaultChecked"]) }, slot: v, attrs: r, slots: n, name: "Switch" })]);
   };
 } }), Jf = Qf;
 function ed(e) {
@@ -5757,7 +5757,7 @@ let Aa = An.RenderStrategy, Pr = ve({ props: { as: { type: [Object, String], def
     }, { immediate: !0 });
   }), $e(Vi, b), la(W(() => At(a.value, { visible: Ft.Open, hidden: Ft.Closed }))), () => {
     let { appear: x, show: _, enter: w, enterFrom: E, enterTo: B, entered: N, leave: M, leaveFrom: j, leaveTo: z, ...K } = e;
-    return Ze({ theirProps: K, ourProps: { ref: l }, slot: {}, slots: n, attrs: r, features: Aa, visible: a.value === "visible", name: "TransitionChild" });
+    return Xe({ theirProps: K, ourProps: { ref: l }, slot: {}, slots: n, attrs: r, features: Aa, visible: a.value === "visible", name: "TransitionChild" });
   };
 } }), ld = Pr, Ta = ve({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: i, attrs: r, slots: n }) {
   let o = Yr(), l = W(() => e.show === null && o !== null ? At(o.value, { [Ft.Open]: !0, [Ft.Closed]: !1 }) : e.show);
@@ -5774,7 +5774,7 @@ let Aa = An.RenderStrategy, Pr = ve({ props: { as: { type: [Object, String], def
     });
   }), $e(Vi, u), $e(zi, d), () => {
     let f = Ri(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), c = { unmount: e.unmount };
-    return Ze({ ourProps: { ...c, as: "template" }, theirProps: {}, slot: {}, slots: { ...n, default: () => [Ge(ld, { onBeforeEnter: () => i("beforeEnter"), onAfterEnter: () => i("afterEnter"), onBeforeLeave: () => i("beforeLeave"), onAfterLeave: () => i("afterLeave"), ...r, ...c, ...f }, n.default)] }, attrs: {}, features: Aa, visible: a.value === "visible", name: "Transition" });
+    return Xe({ ourProps: { ...c, as: "template" }, theirProps: {}, slot: {}, slots: { ...n, default: () => [Ge(ld, { onBeforeEnter: () => i("beforeEnter"), onAfterEnter: () => i("afterEnter"), onBeforeLeave: () => i("beforeLeave"), onAfterLeave: () => i("afterLeave"), ...r, ...c, ...f }, n.default)] }, attrs: {}, features: Aa, visible: a.value === "visible", name: "Transition" });
   };
 } });
 const ad = { class: "flex items-center" }, sd = {
@@ -6054,7 +6054,7 @@ const ad = { class: "flex items-center" }, sd = {
       S.preventDefault(), y();
     }
     function y() {
-      A(n.value), et(() => {
+      A(n.value), Ze(() => {
         n.value = null;
       });
     }
@@ -6065,7 +6065,7 @@ const ad = { class: "flex items-center" }, sd = {
       S.preventDefault(), v();
     }
     function v() {
-      A(o.value), O(o.value) || et(() => {
+      A(o.value), O(o.value) || Ze(() => {
         o.value = r.modelValue;
       });
     }
@@ -6425,7 +6425,7 @@ const Bd = {
     }), Fe(
       () => v.value,
       () => {
-        et(() => {
+        Ze(() => {
           x();
         });
       }
@@ -6477,7 +6477,9 @@ const Bd = {
     Fe(
       () => a.query,
       () => {
-        Z();
+        Ze(() => {
+          Z();
+        });
       }
     ), Fe(
       () => r.urlQuery,
@@ -6903,7 +6905,7 @@ const $a = /* @__PURE__ */ ht(Yd, [["render", Jd], ["__scopeId", "data-v-945515f
         P();
       }
     ), Ve(() => {
-      et(() => {
+      Ze(() => {
         P();
       });
     });
@@ -6985,7 +6987,7 @@ const $a = /* @__PURE__ */ ht(Yd, [["render", Jd], ["__scopeId", "data-v-945515f
     function D(I) {
       f.value.push(I);
       const C = s.value;
-      C && C.children && et(() => {
+      C && C.children && Ze(() => {
         const V = f.value.map((re) => `[data-id="${re.newKey}"]`).join(","), te = Array.from(C.querySelectorAll(V)).map(
           (re) => re.getAttribute("data-id")
         );
@@ -8140,7 +8142,7 @@ const np = { class: "-m-0.5 flex" }, rp = { class: "w-auto p-0.5" }, op = ["disa
       l.value ? b() : g();
     }
     function g() {
-      t(), l.value = !0, et(() => {
+      t(), l.value = !0, Ze(() => {
         s(), Li(), i("open");
       });
     }
@@ -8677,7 +8679,7 @@ const np = { class: "-m-0.5 flex" }, rp = { class: "w-auto p-0.5" }, op = ["disa
       { immediate: !0, deep: !0 }
     );
     function u() {
-      et(() => {
+      Ze(() => {
         setTimeout(() => {
           var s;
           (s = o.value) == null || s.open();
@@ -8685,7 +8687,7 @@ const np = { class: "-m-0.5 flex" }, rp = { class: "w-auto p-0.5" }, op = ["disa
       });
     }
     function p() {
-      et(() => {
+      Ze(() => {
         setTimeout(() => {
           var s;
           (s = o.value) == null || s.setKeywords("");
@@ -10905,7 +10907,7 @@ const ov = /* @__PURE__ */ ht(Xm, [["render", rv], ["__scopeId", "data-v-e5ae83e
       a(), _i(
         r.value,
         () => {
-          n.value = !1, et(() => {
+          n.value = !1, Ze(() => {
             a();
           });
         },
@@ -13754,13 +13756,13 @@ var yi = {}, dv = {
                   if (te.length !== 0) {
                     var re = I.quill.getSelection();
                     if (!(re == null || !I.quill.hasFocus())) {
-                      var se = I.quill.getLine(re.index), de = a(se, 2), Ee = de[0], Oe = de[1], oe = I.quill.getLeaf(re.index), ae = a(oe, 2), ye = ae[0], be = ae[1], fe = re.length === 0 ? [ye, be] : I.quill.getLeaf(re.index + re.length), Be = a(fe, 2), Ie = Be[0], Ne = Be[1], tt = ye instanceof k.default.Text ? ye.value().slice(0, be) : "", Xe = Ie instanceof k.default.Text ? Ie.value().slice(Ne) : "", ge = {
+                      var se = I.quill.getLine(re.index), de = a(se, 2), Ee = de[0], Oe = de[1], oe = I.quill.getLeaf(re.index), ae = a(oe, 2), ye = ae[0], be = ae[1], fe = re.length === 0 ? [ye, be] : I.quill.getLeaf(re.index + re.length), Be = a(fe, 2), Ie = Be[0], Ne = Be[1], tt = ye instanceof k.default.Text ? ye.value().slice(0, be) : "", Je = Ie instanceof k.default.Text ? Ie.value().slice(Ne) : "", ge = {
                         collapsed: re.length === 0,
                         empty: re.length === 0 && Ee.length() <= 1,
                         format: I.quill.getFormat(re),
                         offset: Oe,
                         prefix: tt,
-                        suffix: Xe
+                        suffix: Je
                       }, Y = te.some(function(me) {
                         if (me.collapsed != null && me.collapsed !== ge.collapsed || me.empty != null && me.empty !== ge.empty || me.offset != null && me.offset !== ge.offset)
                           return !1;
@@ -16085,8 +16087,8 @@ var yi = {}, dv = {
             try {
               for (var Ne = ae[Symbol.iterator](), tt; !(fe = (tt = Ne.next()).done) && (be.push(tt.value), !(ye && be.length === ye)); fe = !0)
                 ;
-            } catch (Xe) {
-              Be = !0, Ie = Xe;
+            } catch (Je) {
+              Be = !0, Ie = Je;
             } finally {
               try {
                 !fe && Ne.return && Ne.return();
@@ -16164,7 +16166,7 @@ var yi = {}, dv = {
                 var Be = this.container.innerText;
                 return this.container.innerHTML = "", new c.default().insert(Be, N({}, S.default.blotName, fe[S.default.blotName]));
               }
-              var Ie = this.prepareMatching(), Ne = a(Ie, 2), tt = Ne[0], Xe = Ne[1], ge = J(this.container, tt, Xe);
+              var Ie = this.prepareMatching(), Ne = a(Ie, 2), tt = Ne[0], Je = Ne[1], ge = J(this.container, tt, Je);
               return Q(ge, `
 `) && ge.ops[ge.ops.length - 1].attributes == null && (ge = ge.compose(new c.default().retain(ge.length() - 1).delete(1))), K.log("convert", this.container.innerHTML, ge), this.container.innerHTML = "", ge;
             }
@@ -16195,17 +16197,17 @@ var yi = {}, dv = {
             value: function() {
               var be = this, fe = [], Be = [];
               return this.matchers.forEach(function(Ie) {
-                var Ne = a(Ie, 2), tt = Ne[0], Xe = Ne[1];
+                var Ne = a(Ie, 2), tt = Ne[0], Je = Ne[1];
                 switch (tt) {
                   case Node.TEXT_NODE:
-                    Be.push(Xe);
+                    Be.push(Je);
                     break;
                   case Node.ELEMENT_NODE:
-                    fe.push(Xe);
+                    fe.push(Je);
                     break;
                   default:
                     [].forEach.call(be.container.querySelectorAll(tt), function(ge) {
-                      ge[le] = ge[le] || [], ge[le].push(Xe);
+                      ge[le] = ge[le] || [], ge[le].push(Je);
                     });
                     break;
                 }
@@ -18376,7 +18378,7 @@ var gv = Jr, rr = {}, bv = {
     return T ? "Symbol(src)_1." + T : "";
   }(), Be = ae.toString, Ie = ye.hasOwnProperty, Ne = ye.toString, tt = RegExp(
     "^" + Be.call(Ie).replace(z, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Xe = F ? H.Buffer : void 0, ge = H.Symbol, Y = H.Uint8Array, me = Ee(Object.getPrototypeOf, Object), xe = Object.create, Ae = ye.propertyIsEnumerable, St = oe.splice, Et = Object.getOwnPropertySymbols, pt = Xe ? Xe.isBuffer : void 0, zt = Ee(Object.keys, Object), Xt = Nt(H, "DataView"), $t = Nt(H, "Map"), qe = Nt(H, "Promise"), Jt = Nt(H, "Set"), Vt = Nt(H, "WeakMap"), Tt = Nt(Object, "create"), Cn = mt(Xt), sn = mt($t), Ln = mt(qe), Pn = mt(Jt), $n = mt(Vt), en = ge ? ge.prototype : void 0, sr = en ? en.valueOf : void 0;
+  ), Je = F ? H.Buffer : void 0, ge = H.Symbol, Y = H.Uint8Array, me = Ee(Object.getPrototypeOf, Object), xe = Object.create, Ae = ye.propertyIsEnumerable, St = oe.splice, Et = Object.getOwnPropertySymbols, pt = Je ? Je.isBuffer : void 0, zt = Ee(Object.keys, Object), Xt = Nt(H, "DataView"), $t = Nt(H, "Map"), qe = Nt(H, "Promise"), Jt = Nt(H, "Set"), Vt = Nt(H, "WeakMap"), Tt = Nt(Object, "create"), Cn = mt(Xt), sn = mt($t), Ln = mt(qe), Pn = mt(Jt), $n = mt(Vt), en = ge ? ge.prototype : void 0, sr = en ? en.valueOf : void 0;
   function Ht(T) {
     var q = -1, X = T ? T.length : 0;
     for (this.clear(); ++q < X; ) {
@@ -18538,9 +18540,9 @@ var gv = Jr, rr = {}, bv = {
     if (bt)
       return bt;
     if (Pe.set(T, Me), !We)
-      var Je = X ? Bo(T) : Un(T);
-    return I(Je || T, function(ct, ot) {
-      Je && (ot = ct, ct = T[ot]), cr(Me, ot, jn(ct, q, X, ce, ot, T, Pe));
+      var et = X ? Bo(T) : Un(T);
+    return I(et || T, function(ct, ot) {
+      et && (ot = ct, ct = T[ot]), cr(Me, ot, jn(ct, q, X, ce, ot, T, Pe));
     }), Me;
   }
   function bo(T) {
@@ -18823,12 +18825,12 @@ var or = {}, wv = {
       X[++q] = ce;
     }), X;
   }
-  var Ne = Array.prototype, tt = Function.prototype, Xe = Object.prototype, ge = G["__core-js_shared__"], Y = tt.toString, me = Xe.hasOwnProperty, xe = function() {
+  var Ne = Array.prototype, tt = Function.prototype, Je = Object.prototype, ge = G["__core-js_shared__"], Y = tt.toString, me = Je.hasOwnProperty, xe = function() {
     var T = /[^.]+$/.exec(ge && ge.keys && ge.keys.IE_PROTO || "");
     return T ? "Symbol(src)_1." + T : "";
-  }(), Ae = Xe.toString, St = RegExp(
+  }(), Ae = Je.toString, St = RegExp(
     "^" + Y.call(me).replace(D, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Et = V ? G.Buffer : void 0, pt = G.Symbol, zt = G.Uint8Array, Xt = Xe.propertyIsEnumerable, $t = Ne.splice, qe = pt ? pt.toStringTag : void 0, Jt = Object.getOwnPropertySymbols, Vt = Et ? Et.isBuffer : void 0, Tt = Be(Object.keys, Object), Cn = Kt(G, "DataView"), sn = Kt(G, "Map"), Ln = Kt(G, "Promise"), Pn = Kt(G, "Set"), $n = Kt(G, "WeakMap"), en = Kt(Object, "create"), sr = mt(Cn), Ht = mt(sn), eo = mt(Ln), to = mt(Pn), no = mt($n), ur = pt ? pt.prototype : void 0, Mn = ur ? ur.valueOf : void 0;
+  ), Et = V ? G.Buffer : void 0, pt = G.Symbol, zt = G.Uint8Array, Xt = Je.propertyIsEnumerable, $t = Ne.splice, qe = pt ? pt.toStringTag : void 0, Jt = Object.getOwnPropertySymbols, Vt = Et ? Et.isBuffer : void 0, Tt = Be(Object.keys, Object), Cn = Kt(G, "DataView"), sn = Kt(G, "Map"), Ln = Kt(G, "Promise"), Pn = Kt(G, "Set"), $n = Kt(G, "WeakMap"), en = Kt(Object, "create"), sr = mt(Cn), Ht = mt(sn), eo = mt(Ln), to = mt(Pn), no = mt($n), ur = pt ? pt.prototype : void 0, Mn = ur ? ur.valueOf : void 0;
   function rt(T) {
     var q = -1, X = T == null ? 0 : T.length;
     for (this.clear(); ++q < X; ) {
@@ -18986,13 +18988,13 @@ var or = {}, wv = {
   function So(T, q, X, ce, Ce, Te) {
     var Pe = kn(T), Me = kn(q), We = Pe ? p : jt(T), Re = Me ? p : jt(q);
     We = We == u ? t : We, Re = Re == u ? t : Re;
-    var ut = We == t, bt = Re == t, Je = We == Re;
-    if (Je && _n(T)) {
+    var ut = We == t, bt = Re == t, et = We == Re;
+    if (et && _n(T)) {
       if (!_n(q))
         return !1;
       Pe = !0, ut = !1;
     }
-    if (Je && !ut)
+    if (et && !ut)
       return Te || (Te = new Mt()), Pe || gr(T) ? Rn(T, q, X, ce, Ce, Te) : To(T, q, We, X, ce, Ce, Te);
     if (!(X & o)) {
       var ct = ut && me.call(T, "__wrapped__"), ot = bt && me.call(q, "__wrapped__");
@@ -19001,7 +19003,7 @@ var or = {}, wv = {
         return Te || (Te = new Mt()), Ce(tn, Wt, X, ce, Te);
       }
     }
-    return Je ? (Te || (Te = new Mt()), Bo(T, q, X, ce, Ce, Te)) : !1;
+    return et ? (Te || (Te = new Mt()), Bo(T, q, X, ce, Ce, Te)) : !1;
   }
   function Eo(T) {
     if (!yr(T) || Lo(T))
@@ -19027,7 +19029,7 @@ var or = {}, wv = {
     var Re = Te.get(T);
     if (Re && Te.get(q))
       return Re == q;
-    var ut = -1, bt = !0, Je = X & l ? new gn() : void 0;
+    var ut = -1, bt = !0, et = X & l ? new gn() : void 0;
     for (Te.set(T, q), Te.set(q, T); ++ut < Me; ) {
       var ct = T[ut], ot = q[ut];
       if (ce)
@@ -19038,10 +19040,10 @@ var or = {}, wv = {
         bt = !1;
         break;
       }
-      if (Je) {
+      if (et) {
         if (!Oe(q, function(Wt, fn) {
-          if (!ye(Je, fn) && (ct === Wt || Ce(ct, Wt, X, ce, Te)))
-            return Je.push(fn);
+          if (!ye(et, fn) && (ct === Wt || Ce(ct, Wt, X, ce, Te)))
+            return et.push(fn);
         })) {
           bt = !1;
           break;
@@ -19093,8 +19095,8 @@ var or = {}, wv = {
     if (We != ut && !Pe)
       return !1;
     for (var bt = We; bt--; ) {
-      var Je = Me[bt];
-      if (!(Pe ? Je in q : me.call(q, Je)))
+      var et = Me[bt];
+      if (!(Pe ? et in q : me.call(q, et)))
         return !1;
     }
     var ct = Te.get(T);
@@ -19103,15 +19105,15 @@ var or = {}, wv = {
     var ot = !0;
     Te.set(T, q), Te.set(q, T);
     for (var tn = Pe; ++bt < We; ) {
-      Je = Me[bt];
-      var Wt = T[Je], fn = q[Je];
+      et = Me[bt];
+      var Wt = T[et], fn = q[et];
       if (ce)
-        var Ji = Pe ? ce(fn, Wt, Je, q, T, Te) : ce(Wt, fn, Je, T, q, Te);
+        var Ji = Pe ? ce(fn, Wt, et, q, T, Te) : ce(Wt, fn, et, T, q, Te);
       if (!(Ji === void 0 ? Wt === fn || Ce(Wt, fn, X, ce, Te) : Ji)) {
         ot = !1;
         break;
       }
-      tn || (tn = Je == "constructor");
+      tn || (tn = et == "constructor");
     }
     if (ot && !tn) {
       var br = T.constructor, wr = q.constructor;
@@ -19173,7 +19175,7 @@ var or = {}, wv = {
     return !!xe && xe in T;
   }
   function Po(T) {
-    var q = T && T.constructor, X = typeof q == "function" && q.prototype || Xe;
+    var q = T && T.constructor, X = typeof q == "function" && q.prototype || Je;
     return T === X;
   }
   function hr(T) {
@@ -19732,7 +19734,7 @@ const Nl = {
       const E = r == null ? void 0 : r.clipboard.convert(_);
       E && (r == null || r.setContents(E, w));
     }, x = () => {
-      et(() => {
+      Ze(() => {
         var _;
         !i.slots.toolbar && r && ((_ = r.getModule("toolbar")) === null || _ === void 0 || _.container.remove()), l();
       });
@@ -19742,7 +19744,7 @@ const Nl = {
         return;
       p = _;
       const w = r.getSelection();
-      w && et(() => r == null ? void 0 : r.setSelection(w)), t(_);
+      w && Ze(() => r == null ? void 0 : r.setSelection(w)), t(_);
     }), Fe(() => e.enable, (_) => {
       r && r.enable(_);
     }), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.105",
+  "version": "0.0.106",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseDataIterator.vue

@@ -473,7 +473,9 @@ const onSearch = debounce((event: any) => {
 watch(
   () => route.query,
   () => {
-    onRouteChange();
+    nextTick(() => {
+      onRouteChange();
+    });
   }
 );