@quidgest/ui 0.8.9 → 0.8.10

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as Be, computed as _, ref as q, provide as Ve, inject as Ee, watch as Q, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as Y, withModifiers as ie, createVNode as C, unref as b, createCommentVNode as I, Fragment as ee, createTextVNode as re, toDisplayString as G, renderSlot as h, toRef as we, createBlock as V, withCtx as g, renderList as me, resolveDynamicComponent as Te, h as $e, normalizeProps as te, mergeProps as oe, reactive as Ne, onBeforeUnmount as Me, onMounted as De, nextTick as X, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as ae } from "vue";
+import { getCurrentInstance as Be, computed as _, ref as q, provide as Ve, inject as Ee, watch as C, defineComponent as L, openBlock as c, createElementBlock as v, normalizeClass as E, normalizeStyle as ce, createElementVNode as Y, withModifiers as ie, createVNode as Q, unref as b, createCommentVNode as I, Fragment as ee, createTextVNode as re, toDisplayString as G, renderSlot as h, toRef as we, createBlock as V, withCtx as g, renderList as me, resolveDynamicComponent as Te, h as $e, normalizeProps as te, mergeProps as oe, reactive as Ne, onBeforeUnmount as Me, onMounted as De, nextTick as X, Teleport as He, Transition as Ke, withKeys as Ge, createSlots as he, withDirectives as We, vModelDynamic as je, guardReactiveProps as ae } from "vue";
 function ve(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -200,7 +200,7 @@ function lt(t, l) {
       activeTheme: q(e),
       themes: o
     };
-    tt(o), Q(n.activeTheme, nt, { immediate: !0 }), t.provide(de, n);
+    tt(o), C(n.activeTheme, nt, { immediate: !0 }), t.provide(de, n);
   }
 }
 function nt(t) {
@@ -307,7 +307,7 @@ const ge = x(st), rt = ["disabled"], dt = {
       onClick: ie(d, ["stop", "prevent"])
     }, [
       u.loading ? (c(), v("div", dt, [
-        C(b(ge), { size: 20 })
+        Q(b(ge), { size: 20 })
       ])) : I("", !0),
       Y("span", ut, [
         u.iconOnRight ? (c(), v(ee, { key: 0 }, [
@@ -363,7 +363,7 @@ const ge = x(st), rt = ["disabled"], dt = {
   emits: ["update:modelValue"],
   setup(t, { emit: l }) {
     const o = l, e = t, n = q(e.modelValue);
-    Q(
+    C(
       () => e.modelValue,
       (u) => n.value = u
     );
@@ -686,31 +686,31 @@ const wt = /* @__PURE__ */ L({
           F(W());
           break;
         case "last":
-          F(U());
+          F(R());
           break;
       }
     }
     function F(i, a = !1) {
       var $;
-      ($ = R()[i]) == null || $.focus({ preventScroll: a });
+      ($ = O()[i]) == null || $.focus({ preventScroll: a });
     }
-    function R() {
+    function O() {
       var a;
       const i = (a = y.value) == null ? void 0 : a.querySelectorAll("li");
       return i ? Array.from(i) : [];
     }
-    function O(i) {
-      return R()[i];
+    function U(i) {
+      return O()[i];
     }
     function M() {
-      return R().indexOf(document.activeElement);
+      return O().indexOf(document.activeElement);
     }
     function W() {
-      const i = R(), a = i.find((m) => K(m));
+      const i = O(), a = i.find((m) => K(m));
       return a ? i.indexOf(a) : -1;
     }
-    function U() {
-      const i = R(), a = [...i].reverse().find((m) => K(m));
+    function R() {
+      const i = O(), a = [...i].reverse().find((m) => K(m));
       return a ? i.indexOf(a) : -1;
     }
     function H(i, a, m) {
@@ -721,7 +721,7 @@ const wt = /* @__PURE__ */ L({
       return Z(a, i);
     }
     function Z(i, a) {
-      const m = R();
+      const m = O();
       if (H(i, a, m))
         return i;
       let $ = i + (a === "next" ? 1 : -1);
@@ -738,17 +738,17 @@ const wt = /* @__PURE__ */ L({
     function j(i) {
       return i ? n.items.filter((a) => a.group === i) : n.items;
     }
-    return Q(
+    return C(
       () => n.modelValue,
       (i) => {
         d.value = i;
       }
     ), l({
       focusItem: F,
-      getItem: O,
+      getItem: U,
       getAdjacentItemIndex: Z,
       getFirstFocusableItemIndex: W,
-      getLastFocusableItemIndex: U
+      getLastFocusableItemIndex: R
     }), (i, a) => (c(), V(Te(u.value), {
       ref_key: "listRef",
       ref: y,
@@ -967,10 +967,10 @@ const Rt = ["role"], Ot = {
       width: 0,
       placement: e.placement
     });
-    Q(
+    C(
       () => e.modelValue,
       () => s.visible = e.modelValue
-    ), Q(
+    ), C(
       () => s.visible,
       () => s.animating = !0
     );
@@ -1010,7 +1010,7 @@ const Rt = ["role"], Ot = {
         }
       }
     }
-    Q([() => s.visible, () => e.placement], y);
+    C([() => s.visible, () => e.placement], y);
     let w;
     function f() {
       T(0);
@@ -1038,10 +1038,10 @@ const Rt = ["role"], Ot = {
     function F() {
       o("enter");
     }
-    function R() {
+    function O() {
       window.clearTimeout(A), A = window.setTimeout(() => s.animating = !1, 200), o("leave");
     }
-    let O;
+    let U;
     function M() {
       X(() => {
         if (!e.anchor)
@@ -1063,7 +1063,7 @@ const Rt = ["role"], Ot = {
         if (!e.anchor)
           return;
         const i = ne(e.anchor);
-        i && (window.addEventListener("resize", y), O = new MutationObserver(y), O.observe(i, {
+        i && (window.addEventListener("resize", y), U = new MutationObserver(y), U.observe(i, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1071,7 +1071,7 @@ const Rt = ["role"], Ot = {
         }), y());
       });
     }
-    function U() {
+    function R() {
       if (!e.anchor)
         return;
       const i = ne(e.anchor);
@@ -1086,7 +1086,7 @@ const Rt = ["role"], Ot = {
         }
     }
     function H() {
-      window.removeEventListener("resize", y), O == null || O.disconnect();
+      window.removeEventListener("resize", y), U == null || U.disconnect();
     }
     let N;
     function Z() {
@@ -1101,12 +1101,12 @@ const Rt = ["role"], Ot = {
       H(), e.spy && (clearTimeout(N), N = void 0), document.removeEventListener("scroll", B);
     }
     return Me(() => {
-      U(), j();
+      R(), j();
     }), De(() => {
       X(() => {
         M(), y();
       });
-    }), Q(
+    }), C(
       () => s.visible,
       (i) => {
         i ? K() : j(), o("update:modelValue", i);
@@ -1123,11 +1123,11 @@ const Rt = ["role"], Ot = {
           { "q-overlay__underlay--blur": e.backdropBlur }
         ])
       }, null, 2)) : I("", !0),
-      C(Ke, {
+      Q(Ke, {
         name: e.transition,
         appear: "",
         onEnter: F,
-        onLeave: R
+        onLeave: O
       }, {
         default: g(() => [
           s.visible ? (c(), v("div", {
@@ -1252,7 +1252,7 @@ const Rt = ["role"], Ot = {
     }), w = _(
       () => n.readonly || n.disabled ? "" : n.placeholder
     );
-    return Q(
+    return C(
       () => n.modelValue,
       (f) => s.value = f
     ), l({
@@ -1363,10 +1363,10 @@ const Rt = ["role"], Ot = {
   emits: ["update:modelValue", "update:inputValue", "before-show", "before-hide", "show", "hide"],
   setup(t, { expose: l, emit: o }) {
     const e = o, n = t, d = q(n.modelValue), s = q(!1), u = q(""), p = q(void 0), y = q(null), w = q(null), f = q(null);
-    De(U);
+    De(R);
     const z = _(() => n.clearable && !n.readonly && !n.disabled), T = _(() => {
       var r;
-      return n.filterMode === "manual" || !O.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
+      return n.filterMode === "manual" || !U.value ? n.items : (r = n.items) == null ? void 0 : r.filter(
         (k) => k[n.itemLabel].toLowerCase().startsWith(u.value.toLowerCase())
       );
     }), B = _(() => {
@@ -1376,23 +1376,23 @@ const Rt = ["role"], Ot = {
       const r = p.value;
       if (r !== void 0 && T.value[r])
         return T.value[r];
-    }), R = _(() => {
+    }), O = _(() => {
       var k;
       if (p.value === void 0)
         return;
       const r = (k = w.value) == null ? void 0 : k.getItem(p.value);
       return r == null ? void 0 : r.id;
-    }), O = _(() => {
+    }), U = _(() => {
       var r;
       return u.value.length > 0 && u.value !== ((r = B.value) == null ? void 0 : r[n.itemLabel]);
     });
     function M(r) {
-      d.value = r, U(), e("update:modelValue", r);
+      d.value = r, R(), e("update:modelValue", r);
     }
     function W(r) {
       M(r), N();
     }
-    function U() {
+    function R() {
       var r;
       u.value = ((r = B.value) == null ? void 0 : r[n.itemLabel]) || "";
     }
@@ -1458,7 +1458,7 @@ const Rt = ["role"], Ot = {
     }
     function D(r) {
       var k, S, P;
-      !((k = f.value) != null && k.contains(r.relatedTarget)) && !((P = (S = y.value) == null ? void 0 : S.fieldRef) != null && P.contains(r.relatedTarget)) ? (N(), U()) : (r.preventDefault(), r.stopPropagation());
+      !((k = f.value) != null && k.contains(r.relatedTarget)) && !((P = (S = y.value) == null ? void 0 : S.fieldRef) != null && P.contains(r.relatedTarget)) ? (N(), R()) : (r.preventDefault(), r.stopPropagation());
     }
     function le() {
       var r, k;
@@ -1478,19 +1478,25 @@ const Rt = ["role"], Ot = {
       const k = (S = w.value) == null ? void 0 : S.getItem(r);
       k == null || k.scrollIntoView({ block: "nearest", inline: "start" });
     }
-    return Q(
+    return C(
       () => n.modelValue,
       (r) => {
         d.value = r;
       }
-    ), Q([d, () => n.items], U, { deep: !0 }), Q(p, (r) => {
+    ), C(d, R), C(
+      () => n.items,
+      () => {
+        A.value || R();
+      },
+      { deep: !0 }
+    ), C(p, (r) => {
       r !== void 0 && ke(r);
-    }), Q(u, (r) => {
+    }), C(u, (r) => {
       !r && z.value ? K() : s.value && n.selectionMode === "automatic" && X(a), e("update:inputValue", r);
     }), l({
       triggerEl: y
     }), (r, k) => (c(), v(ee, null, [
-      C(b(Yt), {
+      Q(b(Yt), {
         modelValue: u.value,
         "onUpdate:modelValue": k[0] || (k[0] = (S) => u.value = S),
         id: n.id,
@@ -1515,7 +1521,7 @@ const Rt = ["role"], Ot = {
         "aria-expanded": s.value,
         "aria-haspopup": "listbox",
         "aria-autocomplete": "list",
-        "aria-activedescendant": R.value,
+        "aria-activedescendant": O.value,
         size: n.size,
         onClick: j,
         onFocusout: D,
@@ -1538,7 +1544,7 @@ const Rt = ["role"], Ot = {
             onClick: K
           }, {
             default: g(() => [
-              C(b(J), te(ae(n.icons.clear)), null, 16)
+              Q(b(J), te(ae(n.icons.clear)), null, 16)
             ]),
             _: 1
           })) : I("", !0),
@@ -1552,7 +1558,7 @@ const Rt = ["role"], Ot = {
             onClick: Z
           }, {
             default: g(() => [
-              C(b(J), te(ae(n.icons.chevron)), null, 16)
+              Q(b(J), te(ae(n.icons.chevron)), null, 16)
             ]),
             _: 1
           }, 8, ["disabled"]))
@@ -1574,7 +1580,7 @@ const Rt = ["role"], Ot = {
           key: "1"
         } : void 0
       ]), 1032, ["modelValue", "id", "label", "required", "placeholder", "class", "readonly", "disabled", "aria-expanded", "aria-activedescendant", "size"]),
-      C(b(pe), {
+      Q(b(pe), {
         modelValue: s.value,
         "onUpdate:modelValue": k[2] || (k[2] = (S) => s.value = S),
         spy: "",
@@ -1597,7 +1603,7 @@ const Rt = ["role"], Ot = {
             }, [
               h(r.$slots, "body.prepend"),
               n.loading ? (c(), v("div", Zt, [
-                C(b(ge), { size: 24 })
+                Q(b(ge), { size: 24 })
               ])) : T.value.length ? (c(), V(b(Ae), {
                 key: 1,
                 ref_key: "listRef",
@@ -1661,14 +1667,14 @@ const Rt = ["role"], Ot = {
       default: g(() => [
         o.$slots.prepend || l.prependIcon ? (c(), v("div", nl, [
           l.prependIcon ? (c(), v("span", ol, [
-            C(b(J), te(ae(l.prependIcon)), null, 16)
+            Q(b(J), te(ae(l.prependIcon)), null, 16)
           ])) : I("", !0),
           h(o.$slots, "prepend")
         ])) : I("", !0),
         h(o.$slots, "default"),
         o.$slots.append || l.appendIcon ? (c(), v("div", al, [
           l.appendIcon ? (c(), v("span", sl, [
-            C(b(J), te(ae(l.appendIcon)), null, 16)
+            Q(b(J), te(ae(l.appendIcon)), null, 16)
           ])) : I("", !0),
           h(o.$slots, "append")
         ])) : I("", !0)
@@ -1793,25 +1799,25 @@ const Rt = ["role"], Ot = {
       T.value && B(e.emptyValue);
     }
     function F() {
-      e.readonly || e.disabled || (d.value ? M() : O());
+      e.readonly || e.disabled || (d.value ? M() : U());
     }
-    function R(a) {
+    function O(a) {
       var m, $, D;
       !((m = y.value) != null && m.contains(a.relatedTarget)) && !((D = ($ = u.value) == null ? void 0 : $.fieldRef) != null && D.contains(a.relatedTarget)) && M();
     }
-    function O() {
+    function U() {
       d.value || (o("before-show"), d.value = !0);
     }
     function M() {
       d.value && (o("before-hide"), d.value = !1);
     }
     function W() {
-      d.value ? M() : O();
+      d.value ? M() : U();
     }
-    let U;
+    let R;
     function H(a) {
       if (!(!a.key || e.readonly || e.disabled)) {
-        if (window.clearTimeout(U), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation()), ["Enter", " "].includes(a.key) && (d.value = !0), ["Escape", "Tab"].includes(a.key) && (d.value ? d.value = !1 : T.value && a.key === "Escape" && A()), a.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(a.key)) {
+        if (window.clearTimeout(R), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(a.key) && (a.preventDefault(), a.stopPropagation()), ["Enter", " "].includes(a.key) && (d.value = !0), ["Escape", "Tab"].includes(a.key) && (d.value ? d.value = !1 : T.value && a.key === "Escape" && A()), a.key === "Delete" && e.clearable && A(), /^[a-z]$/i.test(a.key)) {
           s.value += a.key.toLowerCase();
           for (let m = 0; m < e.items.length; m++)
             if (e.items[m][e.itemLabel].toLowerCase().startsWith(s.value)) {
@@ -1819,7 +1825,7 @@ const Rt = ["role"], Ot = {
               break;
             }
         }
-        U = window.setTimeout(function() {
+        R = window.setTimeout(function() {
           s.value = "";
         }, 500);
       }
@@ -1843,12 +1849,12 @@ const Rt = ["role"], Ot = {
       var m;
       (m = p.value) == null || m.focusItem(a);
     }
-    return Q(
+    return C(
       () => e.modelValue,
       (a) => {
         n.value = a;
       }
-    ), Q(
+    ), C(
       () => e.loading,
       (a) => {
         !a && d.value && X(j);
@@ -1856,7 +1862,7 @@ const Rt = ["role"], Ot = {
     ), (a, m) => {
       var $;
       return c(), v(ee, null, [
-        C(b(_e), {
+        Q(b(_e), {
           id: e.id,
           label: e.label,
           required: e.required,
@@ -1892,7 +1898,7 @@ const Rt = ["role"], Ot = {
               onClick: A
             }, {
               default: g(() => [
-                C(b(J), te(ae(e.icons.clear)), null, 16)
+                Q(b(J), te(ae(e.icons.clear)), null, 16)
               ]),
               _: 1
             })) : I("", !0),
@@ -1906,7 +1912,7 @@ const Rt = ["role"], Ot = {
               onClick: W
             }, {
               default: g(() => [
-                C(b(J), te(ae(e.icons.chevron)), null, 16)
+                Q(b(J), te(ae(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1939,7 +1945,7 @@ const Rt = ["role"], Ot = {
             key: "1"
           } : void 0
         ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "aria-expanded", "size"]),
-        C(b(pe), {
+        Q(b(pe), {
           modelValue: d.value,
           "onUpdate:modelValue": m[1] || (m[1] = (D) => d.value = D),
           spy: "",
@@ -1957,12 +1963,12 @@ const Rt = ["role"], Ot = {
               ref: y,
               class: "q-select__body",
               tabindex: "-1",
-              onFocusout: R,
+              onFocusout: O,
               onKeydown: ie(H, ["stop"])
             }, [
               h(a.$slots, "body.prepend"),
               e.loading ? (c(), v("div", hl, [
-                C(b(ge), { size: 24 })
+                Q(b(ge), { size: 24 })
               ])) : (c(), V(b(Ae), {
                 key: 1,
                 ref_key: "listRef",
@@ -2027,7 +2033,7 @@ const Rt = ["role"], Ot = {
       h(e.$slots, "anchor", {
         props: { "aria-describedby": b(o) }
       }),
-      C(b(pe), {
+      Q(b(pe), {
         "model-value": l.modelValue,
         anchor: l.anchor,
         role: "tooltip",