@quidgest/ui 0.9.4 → 0.9.5

package/dist/ui.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentInstance as De, computed as w, ref as T, provide as ze, inject as Ce, watch as P, defineComponent as S, openBlock as u, createElementBlock as p, normalizeClass as E, normalizeStyle as pe, createElementVNode as Y, withModifiers as de, createVNode as A, unref as v, createCommentVNode as I, Fragment as oe, createTextVNode as ue, toDisplayString as N, renderSlot as m, toRef as Le, mergeModels as H, useModel as X, createBlock as V, withCtx as _, renderList as ye, resolveDynamicComponent as Qe, h as Se, normalizeProps as ne, mergeProps as se, reactive as He, onBeforeUnmount as Ke, onMounted as Ae, nextTick as U, Teleport as Ge, Transition as We, withKeys as je, createSlots as _e, withDirectives as Pe, vModelDynamic as Xe, guardReactiveProps as ie } from "vue";
+import { getCurrentInstance as De, computed as w, ref as T, provide as ze, inject as Ce, watch as P, defineComponent as S, openBlock as u, createElementBlock as p, normalizeClass as E, normalizeStyle as pe, createElementVNode as Y, withModifiers as de, createVNode as A, unref as v, createCommentVNode as I, Fragment as oe, createTextVNode as ue, toDisplayString as N, renderSlot as m, toRef as Le, mergeModels as H, useModel as X, createBlock as V, withCtx as k, renderList as ye, resolveDynamicComponent as Qe, h as Se, normalizeProps as ne, mergeProps as se, reactive as He, onBeforeUnmount as Ke, onMounted as Ae, nextTick as U, Teleport as Ge, Transition as We, withKeys as je, createSlots as _e, withDirectives as Pe, vModelDynamic as Xe, guardReactiveProps as ie } from "vue";
 function ge(t) {
   return t == null ? !0 : typeof t == "string" || Array.isArray(t) ? t.length === 0 : typeof t == "object" ? Object.keys(t).length === 0 : !1;
 }
@@ -252,9 +252,9 @@ function B(t) {
       return o(e, n);
     const d = new Proxy(e, {
       get(i, c) {
-        var g;
-        const q = Reflect.get(i, c), k = (g = a.value) == null ? void 0 : g[c];
-        return typeof c == "string" && !dt(r.vnode, c) ? k ?? q : q;
+        var _;
+        const q = Reflect.get(i, c), g = (_ = a.value) == null ? void 0 : _[c];
+        return typeof c == "string" && !dt(r.vnode, c) ? g ?? q : q;
       }
     });
     return o(d, n);
@@ -375,7 +375,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
       borderless: o.borderless,
       elevated: o.elevated
     }, {
-      default: _(() => [
+      default: k(() => [
         (u(!0), p(oe, null, ye(o.options, (d) => (u(), V(v(fe), {
           key: d.key,
           title: d.title,
@@ -383,7 +383,7 @@ const $e = B(rt), ut = ["disabled"], ct = {
           active: e.value === d.key,
           onClick: () => n(d)
         }, {
-          default: _(() => [
+          default: k(() => [
             m(a.$slots, d.key)
           ]),
           _: 2
@@ -642,10 +642,10 @@ const qt = /* @__PURE__ */ S({
     function q() {
       a.value = !0;
     }
-    function k() {
+    function g() {
       a.value = !1;
     }
-    function g(f) {
+    function _(f) {
       var l;
       if ((l = i.value) != null && l.contains(f.relatedTarget))
         return;
@@ -744,18 +744,18 @@ const qt = /* @__PURE__ */ S({
       class: E(["q-list", { "q-list--disabled": e.disabled }, e.class]),
       role: "listbox",
       tabindex: e.disabled ? -1 : 0,
-      onFocus: g,
+      onFocus: _,
       onMousedown: q,
-      onMouseup: k,
+      onMouseup: g,
       onKeydown: F
     }, {
-      default: _(() => [
+      default: k(() => [
         (u(!0), p(oe, null, ye(d.value, ($) => (u(), V(v(Ft), {
           key: $.id,
           title: d.value.length === 1 ? void 0 : $.title,
           disabled: $.disabled
         }, {
-          default: _(() => [
+          default: k(() => [
             (u(!0), p(oe, null, ye(J($.id), (l) => (u(), V(v(At), {
               key: l[e.itemValue],
               value: l[e.itemValue],
@@ -766,7 +766,7 @@ const qt = /* @__PURE__ */ S({
               selected: n.value === l[e.itemValue],
               onSelect: c
             }, {
-              default: _(() => [
+              default: k(() => [
                 m(f.$slots, "item", { item: l })
               ]),
               _: 2
@@ -859,24 +859,24 @@ const Vt = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Et = {
 }), Oe = B(xt), At = B(Dt), Ft = B(Qt);
 function Mt(t, o, e = "right", n) {
   const a = t.getBoundingClientRect(), r = a.x + window.scrollX, d = a.y + window.scrollY, i = o == null ? void 0 : o.getBoundingClientRect(), c = (i == null ? void 0 : i.width) ?? 0, q = (i == null ? void 0 : i.height) ?? 0;
-  let k = e;
-  i && !Ue(a, i, k) && (k = Rt(a, i, k));
-  const g = { x: 0, y: 0, placement: k };
-  switch (k) {
+  let g = e;
+  i && !Ue(a, i, g) && (g = Rt(a, i, g));
+  const _ = { x: 0, y: 0, placement: g };
+  switch (g) {
     case "top":
-      n === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d - q;
+      n === "anchor" ? _.x = r : _.x = r + (a.width - c) / 2, _.y = d - q;
       break;
     case "bottom":
-      n === "anchor" ? g.x = r : g.x = r + (a.width - c) / 2, g.y = d + a.height;
+      n === "anchor" ? _.x = r : _.x = r + (a.width - c) / 2, _.y = d + a.height;
       break;
     case "left":
-      g.x = r - c, g.y = d + a.height / 2 - q / 2;
+      _.x = r - c, _.y = d + a.height / 2 - q / 2;
       break;
     case "right":
-      g.x = r + a.width, g.y = d + a.height / 2 - q / 2;
+      _.x = r + a.width, _.y = d + a.height / 2 - q / 2;
       break;
   }
-  return n === "anchor" && a.width >= c && (g.width = a.width), g;
+  return n === "anchor" && a.width >= c && (_.width = a.width), _;
 }
 function Ue(t, o, e) {
   let n = !1, a = !1;
@@ -981,7 +981,7 @@ const Ot = ["role"], Ut = {
       };
       return i.width !== void 0 && ["top", "bottom"].includes(i.placement) && (O.width = `${i.width}px`), O;
     }), q = T(null);
-    function k() {
+    function g() {
       if (e.anchor) {
         const l = ae(e.anchor);
         if (l) {
@@ -995,8 +995,8 @@ const Ot = ["role"], Ut = {
         }
       }
     }
-    P([a, () => e.placement], k);
-    let g;
+    P([a, () => e.placement], g);
+    let _;
     function F() {
       z(0);
     }
@@ -1004,7 +1004,7 @@ const Ot = ["role"], Ut = {
       z(e.delay);
     }
     function z(l) {
-      g || (g = window.setTimeout(() => {
+      _ || (_ = window.setTimeout(() => {
         a.value = !0, U(() => {
           var h;
           e.trigger === "click" && ((h = q.value) == null || h.focus());
@@ -1012,7 +1012,7 @@ const Ot = ["role"], Ut = {
       }, l));
     }
     function L() {
-      clearTimeout(g), g = void 0, a.value = !1, U(() => {
+      clearTimeout(_), _ = void 0, a.value = !1, U(() => {
         if (e.anchor && e.trigger === "click") {
           const l = ae(e.anchor);
           l == null || l.focus();
@@ -1048,12 +1048,12 @@ const Ot = ["role"], Ut = {
         if (!e.anchor)
           return;
         const l = ae(e.anchor);
-        l && (window.addEventListener("resize", k), C = new MutationObserver(k), C.observe(l, {
+        l && (window.addEventListener("resize", g), C = new MutationObserver(g), C.observe(l, {
           attributes: !1,
           childList: !0,
           characterData: !0,
           subtree: !0
-        }), k());
+        }), g());
       });
     }
     function R() {
@@ -1071,13 +1071,13 @@ const Ot = ["role"], Ut = {
         }
     }
     function Z() {
-      window.removeEventListener("resize", k), C == null || C.disconnect();
+      window.removeEventListener("resize", g), C == null || C.disconnect();
     }
     let J;
     function f() {
       if (!e.anchor)
         return;
-      ae(e.anchor) ? (k(), J = window.setTimeout(f, 100)) : L();
+      ae(e.anchor) ? (g(), J = window.setTimeout(f, 100)) : L();
     }
     function y() {
       W(), e.spy && f(), e.anchor && document.addEventListener("scroll", L);
@@ -1089,7 +1089,7 @@ const Ot = ["role"], Ut = {
       R(), $();
     }), Ae(() => {
       U(() => {
-        M(), k();
+        M(), g();
       });
     }), P(
       a,
@@ -1114,7 +1114,7 @@ const Ot = ["role"], Ut = {
         onEnter: le,
         onLeave: G
       }, {
-        default: _(() => [
+        default: k(() => [
           a.value ? (u(), p("div", {
             key: 0,
             class: E(r.value),
@@ -1249,15 +1249,15 @@ const Ot = ["role"], Ut = {
       disabled: e.disabled,
       required: e.required
     }, _e({
-      "label.prepend": _(() => [
+      "label.prepend": k(() => [
         m(c.$slots, "label.prepend")
       ]),
-      "label.append": _(() => [
+      "label.append": k(() => [
         m(c.$slots, "label.append")
       ]),
-      default: _(() => [
+      default: k(() => [
         Pe(Y("input", se({
-          "onUpdate:modelValue": q[0] || (q[0] = (k) => n.value = k),
+          "onUpdate:modelValue": q[0] || (q[0] = (g) => n.value = g),
           ref_key: "inputRef",
           ref: d,
           id: v(a),
@@ -1277,21 +1277,21 @@ const Ot = ["role"], Ut = {
     }, [
       c.$slots.prepend ? {
         name: "prepend",
-        fn: _(() => [
+        fn: k(() => [
           m(c.$slots, "prepend")
         ]),
         key: "0"
       } : void 0,
       c.$slots.append ? {
         name: "append",
-        fn: _(() => [
+        fn: k(() => [
           m(c.$slots, "append")
         ]),
         key: "1"
       } : void 0,
       c.$slots.extras ? {
         name: "extras",
-        fn: _(() => [
+        fn: k(() => [
           m(c.$slots, "extras")
         ]),
         key: "2"
@@ -1347,7 +1347,7 @@ const Ot = ["role"], Ut = {
   }),
   emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue", "update:open", "update:search"]),
   setup(t, { expose: o, emit: e }) {
-    const n = t, a = e, r = X(t, "modelValue"), d = X(t, "open"), i = X(t, "search"), c = T(void 0), q = T(null), k = T(null), g = T(null);
+    const n = t, a = e, r = X(t, "modelValue"), d = X(t, "open"), i = X(t, "search"), c = T(void 0), q = T(null), g = T(null), _ = T(null);
     Ae(M);
     const F = w(() => n.clearable && !n.readonly && !n.disabled), D = w(() => {
       var s;
@@ -1365,7 +1365,7 @@ const Ot = ["role"], Ut = {
       var b;
       if (c.value === void 0)
         return;
-      const s = (b = k.value) == null ? void 0 : b.getItem(c.value);
+      const s = (b = g.value) == null ? void 0 : b.getItem(c.value);
       return s == null ? void 0 : s.id;
     }), G = w(() => {
       var s;
@@ -1418,30 +1418,30 @@ const Ot = ["role"], Ut = {
             return;
           C(K.value[n.itemValue]);
         } else
-          s.key === "Home" ? c.value = (b = k.value) == null ? void 0 : b.getFirstFocusableItemIndex() : s.key === "End" ? c.value = (x = k.value) == null ? void 0 : x.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && W();
+          s.key === "Home" ? c.value = (b = g.value) == null ? void 0 : b.getFirstFocusableItemIndex() : s.key === "End" ? c.value = (x = g.value) == null ? void 0 : x.getLastFocusableItemIndex() : (/^[a-z]$/i.test(s.key) || s.key === "Backspace") && W();
     }
     function $() {
       var s, b;
       if (L.value)
-        c.value = (b = k.value) == null ? void 0 : b.getFirstFocusableItemIndex();
+        c.value = (b = g.value) == null ? void 0 : b.getFirstFocusableItemIndex();
       else {
         const x = D.value.findIndex(
           (Q) => Q[n.itemValue] === r.value
         );
-        x === -1 ? c.value = (s = k.value) == null ? void 0 : s.getFirstFocusableItemIndex() : c.value = x;
+        x === -1 ? c.value = (s = g.value) == null ? void 0 : s.getFirstFocusableItemIndex() : c.value = x;
       }
     }
     function l() {
       var s;
-      c.value = (s = k.value) == null ? void 0 : s.getLastFocusableItemIndex();
+      c.value = (s = g.value) == null ? void 0 : s.getLastFocusableItemIndex();
     }
     function h(s, b) {
       var x;
-      c.value = (x = k.value) == null ? void 0 : x.getAdjacentItemIndex(s, b);
+      c.value = (x = g.value) == null ? void 0 : x.getAdjacentItemIndex(s, b);
     }
     function O(s) {
       var b, x, Q;
-      !((b = g.value) != null && b.contains(s.relatedTarget)) && !((Q = (x = q.value) == null ? void 0 : x.fieldRef) != null && Q.contains(s.relatedTarget)) ? (R(), F.value && !i.value && (r.value = n.emptyValue), M()) : (s.preventDefault(), s.stopPropagation());
+      !((b = _.value) != null && b.contains(s.relatedTarget)) && !((Q = (x = q.value) == null ? void 0 : x.fieldRef) != null && Q.contains(s.relatedTarget)) ? (R(), F.value && !i.value && (r.value = n.emptyValue), M()) : (s.preventDefault(), s.stopPropagation());
     }
     function ee() {
       var s, b;
@@ -1458,8 +1458,8 @@ const Ot = ["role"], Ut = {
     }
     function Ie(s) {
       var x;
-      const b = (x = k.value) == null ? void 0 : x.getItem(s);
-      b == null || b.scrollIntoView({ block: "nearest", inline: "start" });
+      const b = (x = g.value) == null ? void 0 : x.getItem(s);
+      g.value && (g.value.$el.scrollTop = b == null ? void 0 : b.offsetTop);
     }
     return P(r, M), P(
       () => n.items,
@@ -1516,13 +1516,13 @@ const Ot = ["role"], Ut = {
           onFocusout: O,
           onKeydown: de(y, ["stop"])
         }, _e({
-          "label.prepend": _(() => [
+          "label.prepend": k(() => [
             m(s.$slots, "label.prepend")
           ]),
-          "label.append": _(() => [
+          "label.append": k(() => [
             m(s.$slots, "label.append")
           ]),
-          append: _(() => [
+          append: k(() => [
             m(s.$slots, "append"),
             F.value && i.value ? (u(), V(v(fe), {
               key: 0,
@@ -1532,7 +1532,7 @@ const Ot = ["role"], Ut = {
               tabindex: "-1",
               onClick: J
             }, {
-              default: _(() => [
+              default: k(() => [
                 A(v(te), ne(ie(n.icons.clear)), null, 16)
               ]),
               _: 1
@@ -1546,7 +1546,7 @@ const Ot = ["role"], Ut = {
               disabled: n.disabled,
               onClick: Z
             }, {
-              default: _(() => [
+              default: k(() => [
                 A(v(te), ne(ie(n.icons.chevron)), null, 16)
               ]),
               _: 1
@@ -1556,14 +1556,14 @@ const Ot = ["role"], Ut = {
         }, [
           s.$slots.prepend ? {
             name: "prepend",
-            fn: _(() => [
+            fn: k(() => [
               m(s.$slots, "prepend")
             ]),
             key: "0"
           } : void 0,
           s.$slots.extras ? {
             name: "extras",
-            fn: _(() => [
+            fn: k(() => [
               m(s.$slots, "extras")
             ]),
             key: "1"
@@ -1581,12 +1581,12 @@ const Ot = ["role"], Ut = {
           onEnter: ve,
           onLeave: Ne
         }, {
-          default: _(() => {
+          default: k(() => {
             var Q;
             return [
               Y("div", {
                 ref_key: "contentRef",
-                ref: g,
+                ref: _,
                 "data-testid": "combobox-dropdown",
                 "data-key": n.id,
                 class: "q-select__body",
@@ -1598,7 +1598,7 @@ const Ot = ["role"], Ut = {
                 ])) : D.value.length ? (u(), V(v(Oe), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: k,
+                  ref: g,
                   class: "q-select__items",
                   modelValue: r.value,
                   "onUpdate:modelValue": [
@@ -1612,7 +1612,7 @@ const Ot = ["role"], Ut = {
                   "item-value": n.itemValue,
                   onMouseup: j
                 }, {
-                  item: _(({ item: be }) => [
+                  item: k(({ item: be }) => [
                     m(s.$slots, "item", { item: be })
                   ]),
                   _: 3
@@ -1656,7 +1656,7 @@ const Ot = ["role"], Ut = {
       required: o.required,
       size: o.size
     }, {
-      default: _(() => [
+      default: k(() => [
         e.$slots.prepend || o.prependIcon ? (u(), p("div", so, [
           o.prependIcon ? (u(), p("span", io, [
             A(v(te), ne(ie(o.prependIcon)), null, 16)
@@ -1720,7 +1720,7 @@ const Ot = ["role"], Ut = {
       disabled: o.disabled,
       placement: o.placement
     }, {
-      default: _(() => [
+      default: k(() => [
         o.title || n.$slots.header ? (u(), p("h3", po, [
           ue(N(o.title) + " ", 1),
           m(n.$slots, "header")
@@ -1781,13 +1781,13 @@ const Ot = ["role"], Ut = {
   }),
   emits: /* @__PURE__ */ H(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
   setup(t, { emit: o }) {
-    const e = t, n = o, a = X(t, "modelValue"), r = T(!1), d = T(""), i = T(null), c = T(null), q = T(null), k = w(() => g.value === void 0), g = w(
+    const e = t, n = o, a = X(t, "modelValue"), r = T(!1), d = T(""), i = T(null), c = T(null), q = T(null), g = w(() => _.value === void 0), _ = w(
       () => {
         var l;
         return (l = e.items) == null ? void 0 : l.find((h) => h[e.itemValue] === a.value);
       }
     ), F = w(
-      () => g.value ? g.value[e.itemLabel] : ""
+      () => _.value ? _.value[e.itemLabel] : ""
     ), D = w(
       () => e.clearable && !e.readonly && !e.disabled && !e.loading
     );
@@ -1882,7 +1882,7 @@ const Ot = ["role"], Ut = {
           onClick: K,
           onKeydown: de(R, ["stop"])
         }, _e({
-          append: _(() => [
+          append: k(() => [
             m(l.$slots, "append"),
             D.value && a.value ? (u(), V(v(fe), {
               key: 0,
@@ -1892,7 +1892,7 @@ const Ot = ["role"], Ut = {
               tabindex: "-1",
               onClick: L
             }, {
-              default: _(() => [
+              default: k(() => [
                 A(v(te), ne(ie(e.icons.clear)), null, 16)
               ]),
               _: 1
@@ -1906,14 +1906,14 @@ const Ot = ["role"], Ut = {
               disabled: e.disabled,
               onClick: M
             }, {
-              default: _(() => [
+              default: k(() => [
                 A(v(te), ne(ie(e.icons.chevron)), null, 16)
               ]),
               _: 1
             }, 8, ["disabled"]))
           ]),
-          default: _(() => [
-            k.value ? (u(), p("span", go, [
+          default: k(() => [
+            g.value ? (u(), p("span", go, [
               !e.readonly && !e.disabled ? (u(), p(oe, { key: 0 }, [
                 ue(N(l.texts.placeholder), 1)
               ], 64)) : I("", !0)
@@ -1921,20 +1921,20 @@ const Ot = ["role"], Ut = {
           ]),
           _: 2
         }, [
-          (O = g.value) != null && O.icon || l.$slots.prepend ? {
+          (O = _.value) != null && O.icon || l.$slots.prepend ? {
             name: "prepend",
-            fn: _(() => {
+            fn: k(() => {
               var j, ve;
               return [
                 m(l.$slots, "prepend"),
-                (j = g.value) != null && j.icon ? (u(), V(v(te), ne(se({ key: 0 }, (ve = g.value) == null ? void 0 : ve.icon)), null, 16)) : I("", !0)
+                (j = _.value) != null && j.icon ? (u(), V(v(te), ne(se({ key: 0 }, (ve = _.value) == null ? void 0 : ve.icon)), null, 16)) : I("", !0)
               ];
             }),
             key: "0"
           } : void 0,
           l.$slots.extras ? {
             name: "extras",
-            fn: _(() => [
+            fn: k(() => [
               m(l.$slots, "extras")
             ]),
             key: "1"
@@ -1952,7 +1952,7 @@ const Ot = ["role"], Ut = {
           onEnter: Z,
           onLeave: J
         }, {
-          default: _(() => [
+          default: k(() => [
             Y("div", {
               ref_key: "contentRef",
               ref: q,
@@ -1981,7 +1981,7 @@ const Ot = ["role"], Ut = {
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue
               }, {
-                item: _(({ item: j }) => [
+                item: k(({ item: j }) => [
                   m(l.$slots, "item", { item: j })
                 ]),
                 _: 3
@@ -2047,7 +2047,7 @@ const Ot = ["role"], Ut = {
         placement: o.placement,
         trigger: o.trigger
       }, {
-        default: _(() => [
+        default: k(() => [
           o.html ? (u(), p("span", {
             key: 0,
             innerHTML: o.text