@quidgest/ui 0.8.8 → 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 ne, 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 oe } 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,
@@ -836,11 +836,11 @@ const xt = ["id", "tabindex", "aria-label", "aria-selected"], Bt = { class: "q-l
       onClick: ie(d, ["stop", "prevent"])
     }, [
       h(u.$slots, "default", {}, () => [
-        e.icon ? (c(), V(b(J), te(ne({ key: 0 }, e.icon)), null, 16)) : I("", !0),
+        e.icon ? (c(), V(b(J), te(oe({ key: 0 }, e.icon)), null, 16)) : I("", !0),
         re(" " + G(e.label), 1)
       ]),
       Y("div", Bt, [
-        e.selected ? (c(), V(b(J), ne({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
+        e.selected ? (c(), V(b(J), oe({ key: 0 }, e.icons.check, { class: "q-list-item__check" }), null, 16)) : I("", !0)
       ])
     ], 42, xt));
   }
@@ -924,7 +924,7 @@ function Ft(t, l, o) {
       return n;
   return o;
 }
-function le(t) {
+function ne(t) {
   return typeof t == "string" ? document.querySelector(t) : t && "$el" in t ? t.$el : t;
 }
 const Rt = ["role"], Ot = {
@@ -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
     );
@@ -998,7 +998,7 @@ const Rt = ["role"], Ot = {
     }), p = q(null);
     function y() {
       if (e.anchor) {
-        const i = le(e.anchor);
+        const i = ne(e.anchor);
         if (i) {
           const a = At(
             i,
@@ -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);
@@ -1029,7 +1029,7 @@ const Rt = ["role"], Ot = {
     function B() {
       clearTimeout(w), w = void 0, s.visible = !1, X(() => {
         if (e.anchor && e.trigger === "click") {
-          const i = le(e.anchor);
+          const i = ne(e.anchor);
           i == null || i.focus();
         }
       });
@@ -1038,15 +1038,15 @@ 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)
           return;
-        const i = le(e.anchor);
+        const i = ne(e.anchor);
         if (i)
           switch (e.trigger) {
             case "click":
@@ -1062,8 +1062,8 @@ const Rt = ["role"], Ot = {
       X(() => {
         if (!e.anchor)
           return;
-        const i = le(e.anchor);
-        i && (window.addEventListener("resize", y), O = new MutationObserver(y), O.observe(i, {
+        const i = ne(e.anchor);
+        i && (window.addEventListener("resize", y), U = new MutationObserver(y), U.observe(i, {
           attributes: !1,
           childList: !0,
           characterData: !0,
@@ -1071,10 +1071,10 @@ const Rt = ["role"], Ot = {
         }), y());
       });
     }
-    function U() {
+    function R() {
       if (!e.anchor)
         return;
-      const i = le(e.anchor);
+      const i = ne(e.anchor);
       if (i)
         switch (e.trigger) {
           case "click":
@@ -1086,13 +1086,13 @@ 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() {
       if (!e.anchor)
         return;
-      le(e.anchor) ? (y(), N = window.setTimeout(Z, 100)) : B();
+      ne(e.anchor) ? (y(), N = window.setTimeout(Z, 100)) : B();
     }
     function K() {
       W(), e.spy && Z(), e.anchor && document.addEventListener("scroll", B);
@@ -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", {
@@ -1135,7 +1135,7 @@ const Rt = ["role"], Ot = {
             class: E(n.value),
             style: ce(u.value)
           }, [
-            Y("div", ne({
+            Y("div", oe({
               class: "q-overlay__content",
               ref_key: "overlayRef",
               ref: p,
@@ -1204,7 +1204,7 @@ const Rt = ["role"], Ot = {
         h(s.$slots, "label.append")
       ])) : I("", !0),
       h(s.$slots, "control", {}, () => [
-        Y("div", ne({
+        Y("div", oe({
           class: "q-field__control",
           ref_key: "fieldRef",
           ref: n
@@ -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({
@@ -1279,7 +1279,7 @@ const Rt = ["role"], Ot = {
         h(f.$slots, "label.append")
       ]),
       default: g(() => [
-        We(Y("input", ne({
+        We(Y("input", oe({
           "onUpdate:modelValue": z[0] || (z[0] = (T) => y.value = T),
           ref_key: "inputRef",
           ref: p,
@@ -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,28 +1376,28 @@ 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]) || "";
     }
     function H() {
-      s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, ae());
+      s.value || n.readonly || n.disabled || (e("before-show"), s.value = !0, le());
     }
     function N() {
       s.value && (e("before-hide"), s.value = !1, p.value = void 0);
@@ -1406,7 +1406,7 @@ const Rt = ["role"], Ot = {
       s.value ? N() : j();
     }
     function K() {
-      z.value && (M(n.emptyValue), p.value = void 0);
+      z.value && (M(n.emptyValue), p.value = void 0, le());
     }
     function j() {
       if (H(), B.value !== void 0) {
@@ -1458,14 +1458,14 @@ 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 ae() {
+    function le() {
       var r, k;
       (k = (r = y.value) == null ? void 0 : r.inputRef) == null || k.focus();
     }
     function Re() {
-      ae();
+      le();
     }
     function Oe() {
       e("show");
@@ -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(oe(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(oe(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(oe(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(oe(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(oe(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(oe(e.icons.chevron)), null, 16)
+                Q(b(J), te(ae(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
@@ -1923,10 +1929,10 @@ const Rt = ["role"], Ot = {
           ($ = f.value) != null && $.icon || a.$slots.prepend ? {
             name: "prepend",
             fn: g(() => {
-              var D, ae;
+              var D, le;
               return [
                 h(a.$slots, "prepend"),
-                (D = f.value) != null && D.icon ? (c(), V(b(J), te(ne({ key: 0 }, (ae = f.value) == null ? void 0 : ae.icon)), null, 16)) : I("", !0)
+                (D = f.value) != null && D.icon ? (c(), V(b(J), te(oe({ key: 0 }, (le = f.value) == null ? void 0 : le.icon)), null, 16)) : I("", !0)
               ];
             }),
             key: "0"
@@ -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",