@quidgest/ui 0.15.3 → 0.15.5

package/esm/components/QList/QList.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as H, mergeModels as K, useModel as N, ref as x, computed as F, createBlock as k, openBlock as d, resolveDynamicComponent as z, normalizeClass as J, withCtx as b, createElementBlock as _, Fragment as B, renderList as L, unref as M, renderSlot as D } from "vue";
-import { QListItemGroup as P, QListItem as W } from "./index.js";
-const Z = /* @__PURE__ */ H({
+import { defineComponent as K, mergeModels as N, useModel as P, ref as b, computed as _, createBlock as w, openBlock as d, resolveDynamicComponent as W, normalizeClass as J, withCtx as p, createElementBlock as B, Fragment as D, renderList as M, unref as C, renderSlot as T } from "vue";
+import { QListItemGroup as X, QListItem as Y } from "./index.js";
+const te = /* @__PURE__ */ K({
   __name: "QList",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ N({
     id: {},
     class: {},
     highlighted: { type: [String, Number, Boolean, Symbol] },
@@ -17,33 +17,36 @@ const Z = /* @__PURE__ */ H({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(y, { expose: E }) {
-    const l = y, f = N(y, "modelValue"), p = x(!1), C = F(() => a.value.length > 1 ? "div" : "ul"), a = F(() => l.groups.length ? l.groups.filter(
+  setup(x, { expose: E }) {
+    const n = x, f = P(x, "modelValue"), g = b(!1), $ = _(() => a.value.length > 1 ? "div" : "ul"), a = _(() => n.groups.length ? n.groups.filter(
       (e) => {
         var t;
-        return (t = l.items) == null ? void 0 : t.some((n) => n.group === e.id);
+        return (t = n.items) == null ? void 0 : t.some((l) => l.group === e.id);
       }
-    ) : [{ id: "", title: "" }]), g = x(null), v = x(null);
+    ) : [{ id: "", title: "" }]), v = b(null), h = b(null);
     function R(e) {
       f.value = e;
     }
-    function $() {
-      p.value = !0;
-    }
     function q() {
-      p.value = !1;
+      g.value = !0;
+    }
+    function O() {
+      g.value = !1;
     }
-    function O(e) {
+    function Q(e) {
       var s;
-      if (!l.items || (s = g.value) != null && s.contains(e.relatedTarget))
+      if (!n.items || (s = v.value) != null && s.contains(e.relatedTarget))
         return;
       let t;
-      f.value ? t = l.items.findIndex((o) => o[l.itemValue] === f.value) : t = h();
-      const n = p.value;
-      r(t, n);
+      f.value ? t = n.items.findIndex((o) => o[n.itemValue] === f.value) : t = y();
+      const l = g.value;
+      r(t, l);
     }
-    function Q(e) {
-      switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
+    const I = b("");
+    let A;
+    function U(e) {
+      var t;
+      switch (window.clearTimeout(A), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
         case "ArrowDown":
           m("next");
           break;
@@ -57,18 +60,31 @@ const Z = /* @__PURE__ */ H({
           m("last");
           break;
       }
+      if (/^[a-z]$/i.test(e.key)) {
+        I.value += e.key.toLowerCase();
+        const l = ((t = n.items) == null ? void 0 : t.length) || 0;
+        for (let s = 0; s < l; s++)
+          if (n.items[s][n.itemLabel].toLowerCase().startsWith(I.value)) {
+            r(s);
+            break;
+          }
+        e.preventDefault(), e.stopPropagation();
+      }
+      A = window.setTimeout(function() {
+        I.value = "";
+      }, 500);
     }
     function m(e) {
       switch (e) {
         case "next":
         case "prev":
-          r(j(e));
+          r(G(e));
           break;
         case "first":
-          r(h());
+          r(y());
           break;
         case "last":
-          r(w());
+          r(L());
           break;
       }
     }
@@ -78,110 +94,109 @@ const Z = /* @__PURE__ */ H({
     }
     function i() {
       var t;
-      const e = (t = g.value) == null ? void 0 : t.querySelectorAll("li");
+      const e = (t = v.value) == null ? void 0 : t.querySelectorAll("li");
       return e ? Array.from(e) : [];
     }
-    function T(e) {
+    function j(e) {
       return i()[e];
     }
-    function U() {
+    function z() {
       return i().indexOf(document.activeElement);
     }
-    function h() {
-      const e = i(), t = e.find((n) => I(n));
+    function y() {
+      const e = i(), t = e.find((l) => k(l));
       return t ? e.indexOf(t) : -1;
     }
-    function w() {
-      const e = i(), t = [...e].reverse().find((n) => I(n));
+    function L() {
+      const e = i(), t = [...e].reverse().find((l) => k(l));
       return t ? e.indexOf(t) : -1;
     }
-    function A(e, t, n) {
-      return t === "prev" && e <= 0 || t === "next" && e === n.length - 1;
+    function S(e, t, l) {
+      return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
     }
-    function j(e) {
-      const t = U();
-      return S(t, e);
+    function G(e) {
+      const t = z();
+      return V(t, e);
     }
-    function S(e, t) {
-      const n = i();
-      if (A(e, t, n))
+    function V(e, t) {
+      const l = i();
+      if (S(e, t, l))
         return e;
       let s = e + (t === "next" ? 1 : -1);
-      for (; !I(n[s]); ) {
-        if (A(s, t, n))
+      for (; !k(l[s]); ) {
+        if (S(s, t, l))
           return e;
         s += t === "next" ? 1 : -1;
       }
       return s;
     }
-    function I(e) {
+    function k(e) {
       return e.tabIndex === -2;
     }
-    function G(e) {
+    function H(e) {
       var t;
-      return e ? (t = l.items) == null ? void 0 : t.filter((n) => n.group === e) : l.items;
+      return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
     }
     return E({
-      focusItem: r,
-      getItem: T,
-      getAdjacentItemIndex: S,
-      getFirstFocusableItemIndex: h,
-      getLastFocusableItemIndex: w
-    }), (e, t) => (d(), k(z(C.value), {
-      id: l.id,
+      getItem: j,
+      getAdjacentItemIndex: V,
+      getFirstFocusableItemIndex: y,
+      getLastFocusableItemIndex: L
+    }), (e, t) => (d(), w(W($.value), {
+      id: n.id,
       ref_key: "listRef",
-      ref: g,
-      class: J(["q-list", { "q-list--disabled": l.disabled }, l.class]),
+      ref: v,
+      class: J(["q-list", { "q-list--disabled": n.disabled }, n.class]),
       role: "listbox",
-      tabindex: l.disabled ? -1 : 0,
-      onFocus: O,
-      onMousedown: $,
-      onMouseup: q,
-      onKeydown: Q
+      tabindex: n.disabled ? -1 : 0,
+      onFocus: Q,
+      onMousedown: q,
+      onMouseup: O,
+      onKeydown: U
     }, {
-      default: b(() => [
-        (d(!0), _(
-          B,
+      default: p(() => [
+        (d(!0), B(
+          D,
           null,
-          L(a.value, (n, s) => (d(), k(M(P), {
-            id: n.id,
-            key: n.id,
-            title: a.value.length === 1 ? void 0 : n.title
+          M(a.value, (l, s) => (d(), w(C(X), {
+            id: l.id,
+            key: l.id,
+            title: a.value.length === 1 ? void 0 : l.title
           }, {
-            default: b(() => [
-              (d(!0), _(
-                B,
+            default: p(() => [
+              (d(!0), B(
+                D,
                 null,
-                L(G(n.id), (o, V) => (d(), k(M(W), {
-                  key: o[l.itemValue],
+                M(H(l.id), (o, F) => (d(), w(C(Y), {
+                  key: o[n.itemValue],
                   ref_for: !0,
                   ref_key: "listItemsRef",
-                  ref: v,
-                  value: o[l.itemValue],
-                  label: o[l.itemLabel],
+                  ref: h,
+                  value: o[n.itemValue],
+                  label: o[n.itemLabel],
                   description: o.description,
                   icon: o.icon,
-                  disabled: l.disabled || n.disabled || o.disabled,
-                  highlighted: l.highlighted === o[l.itemValue],
-                  selectable: l.selectable,
-                  selected: l.selectable && f.value === o[l.itemValue],
+                  disabled: n.disabled || l.disabled || o.disabled,
+                  highlighted: n.highlighted === o[n.itemValue],
+                  selectable: n.selectable,
+                  selected: n.selectable && f.value === o[n.itemValue],
                   onSelect: R
                 }, {
-                  append: b(() => {
+                  append: p(() => {
                     var u, c;
                     return [
-                      D(e.$slots, "item.append", {
+                      T(e.$slots, "item.append", {
                         item: o,
-                        element: (c = (u = v.value) == null ? void 0 : u[V + s * a.value.length]) == null ? void 0 : c.$el
+                        element: (c = (u = h.value) == null ? void 0 : u[F + s * a.value.length]) == null ? void 0 : c.$el
                       })
                     ];
                   }),
-                  default: b(() => {
+                  default: p(() => {
                     var u, c;
                     return [
-                      D(e.$slots, "item", {
+                      T(e.$slots, "item", {
                         item: o,
-                        element: (c = (u = v.value) == null ? void 0 : u[V + s * a.value.length]) == null ? void 0 : c.$el
+                        element: (c = (u = h.value) == null ? void 0 : u[F + s * a.value.length]) == null ? void 0 : c.$el
                       })
                     ];
                   }),
@@ -205,5 +220,5 @@ const Z = /* @__PURE__ */ H({
   }
 });
 export {
-  Z as default
+  te as default
 };

package/esm/components/QList/index.d.ts

@@ -13,7 +13,6 @@ declare const QList: {
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
     }>, {
-        focusItem: (itemIdx: number, preventScroll?: boolean) => void;
         getItem: (idx: number) => HTMLElement | undefined;
         getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
         getFirstFocusableItemIndex: () => number;
@@ -112,7 +111,6 @@ declare const QList: {
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
     }>, {
-        focusItem: (itemIdx: number, preventScroll?: boolean) => void;
         getItem: (idx: number) => HTMLElement | undefined;
         getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
         getFirstFocusableItemIndex: () => number;
@@ -138,7 +136,6 @@ declare const QList: {
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: import('../../types/primitive').Primitive) => any) | undefined;
 }>, {
-    focusItem: (itemIdx: number, preventScroll?: boolean) => void;
     getItem: (idx: number) => HTMLElement | undefined;
     getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
     getFirstFocusableItemIndex: () => number;

package/esm/components/QList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASo1yB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EATh7yB,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAKlD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASo1yB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EATh7yB,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

package/esm/components/QOverlay/QOverlay.d.ts

@@ -9,6 +9,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
+        overlayContainerRef: HTMLDivElement;
         overlayRef: HTMLDivElement;
         arrowRef: HTMLDivElement;
     };
@@ -35,6 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     crossOffset: number;
     trigger: import('../../composables/overlay').Trigger;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    overlayContainerRef: HTMLDivElement;
     overlayRef: HTMLDivElement;
     arrowRef: HTMLDivElement;
 }, any>;

package/esm/components/QOverlay/QOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA0CA;AAycC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAqZlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsGT,OAAO,IAA6B;;yBAbpB,GAAG;;;;;;;EAkBhC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AA4DA;AA+gBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAmclC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyKT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA8BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}