@quidgest/ui 0.12.1 → 0.13.0

package/esm/components/QSelect/QSelect.vue.js

@@ -1,15 +1,10 @@
-import { defineComponent as J, mergeModels as D, useModel as Y, ref as m, computed as _, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as I, createVNode as v, unref as i, normalizeClass as le, withModifiers as F, createSlots as oe, withCtx as s, renderSlot as u, createBlock as k, normalizeProps as C, guardReactiveProps as M, createCommentVNode as g, toDisplayString as U, createTextVNode as ae, mergeProps as te, createElementVNode as ie } from "vue";
-import A from "../QButton/QButton.vue.js";
-import "../QField/index.js";
-import "../QIcon/index.js";
-import "../QList/index.js";
-import "../QOverlay/index.js";
-import "../QSpinnerLoader/index.js";
-import ne from "../QField/QField.vue.js";
-import L from "../QIcon/QIcon.vue.js";
-import se from "../QOverlay/QOverlay.vue.js";
-import de from "../QSpinnerLoader/QSpinnerLoader.vue.js";
-import re from "../QList/QList.vue.js";
+import { defineComponent as J, mergeModels as Q, useModel as Y, ref as m, computed as k, watch as Z, nextTick as ee, openBlock as t, createElementBlock as p, Fragment as R, createVNode as v, unref as n, normalizeClass as le, withModifiers as D, createSlots as oe, withCtx as s, renderSlot as u, createBlock as g, normalizeProps as C, guardReactiveProps as F, createCommentVNode as h, toDisplayString as M, createTextVNode as ae, mergeProps as te, createElementVNode as ne } from "vue";
+import { QButton as O } from "../QButton/index.js";
+import { QField as ie } from "../QField/index.js";
+import { QIcon as S } from "../QIcon/index.js";
+import { QList as se } from "../QList/index.js";
+import { QOverlay as de } from "../QOverlay/index.js";
+import { QSpinnerLoader as re } from "../QSpinnerLoader/index.js";
 const ue = {
   key: 0,
   class: "q-select__value"
@@ -28,9 +23,9 @@ const ue = {
   clear: {
     icon: "close"
   }
-}, Le = /* @__PURE__ */ J({
+}, Ve = /* @__PURE__ */ J({
   __name: "QSelect",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ Q({
     id: { default: void 0 },
     label: { default: "" },
     clearable: { type: Boolean },
@@ -53,56 +48,56 @@ const ue = {
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ D(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
-  setup(x, { emit: O }) {
-    const l = x, y = O, c = Y(x, "modelValue"), a = m(!1), h = m(""), b = m(null), w = m(null), V = m(null), P = _(() => d.value === void 0), d = _(
+  emits: /* @__PURE__ */ Q(["before-show", "before-hide", "show", "hide"], ["update:modelValue"]),
+  setup(x, { emit: U }) {
+    const l = x, y = U, c = Y(x, "modelValue"), a = m(!1), w = m(""), b = m(null), _ = m(null), V = m(null), A = k(() => d.value === void 0), d = k(
       () => {
         var e;
         return (e = l.items) == null ? void 0 : e.find((o) => o[l.itemValue] === c.value);
       }
-    ), K = _(
+    ), P = k(
       () => d.value ? d.value[l.itemLabel] : ""
-    ), $ = _(
+    ), q = k(
       () => l.clearable && !l.readonly && !l.disabled && !l.loading
     );
-    function S(e) {
-      c.value = e, E();
+    function B(e) {
+      c.value = e, L();
     }
-    function q() {
-      $.value && S(l.emptyValue);
+    function E() {
+      q.value && B(l.emptyValue);
     }
-    function H(e) {
+    function K(e) {
       var o, r, f;
-      !((o = V.value) != null && o.contains(e.relatedTarget)) && !((f = (r = b.value) == null ? void 0 : r.fieldRef) != null && f.contains(e.relatedTarget)) && E();
+      !((o = V.value) != null && o.contains(e.relatedTarget)) && !((f = (r = b.value) == null ? void 0 : r.fieldRef) != null && f.contains(e.relatedTarget)) && L();
     }
-    function Q() {
+    function H() {
       a.value || (y("before-show"), a.value = !0);
     }
-    function E() {
+    function L() {
       a.value && (y("before-hide"), a.value = !1);
     }
     function T() {
-      l.readonly || l.disabled || (a.value ? E() : Q());
+      l.readonly || l.disabled || (a.value ? L() : H());
     }
-    let B;
+    let $;
     function z(e) {
       if (!(!e.key || l.readonly || l.disabled)) {
-        if (window.clearTimeout(B), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), ["Enter", " "].includes(e.key) && (a.value = !0), ["Escape", "Tab"].includes(e.key) && (a.value ? a.value = !1 : $.value && e.key === "Escape" && q()), e.key === "Delete" && l.clearable && q(), /^[a-z]$/i.test(e.key)) {
-          h.value += e.key.toLowerCase();
+        if (window.clearTimeout($), ["Enter", " ", "ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), ["Enter", " "].includes(e.key) && (a.value = !0), ["Escape", "Tab"].includes(e.key) && (a.value ? a.value = !1 : q.value && e.key === "Escape" && E()), e.key === "Delete" && l.clearable && E(), /^[a-z]$/i.test(e.key)) {
+          w.value += e.key.toLowerCase();
           for (let o = 0; o < l.items.length; o++)
-            if (l.items[o][l.itemLabel].toLowerCase().startsWith(h.value)) {
+            if (l.items[o][l.itemLabel].toLowerCase().startsWith(w.value)) {
               G(o);
               break;
             }
         }
-        B = window.setTimeout(function() {
-          h.value = "";
+        $ = window.setTimeout(function() {
+          w.value = "";
         }, 500);
       }
     }
     function W() {
       var e;
-      l.loading ? (e = V.value) == null || e.focus() : N(), y("show");
+      l.loading ? (e = V.value) == null || e.focus() : I(), y("show");
     }
     function X() {
       j(), y("hide");
@@ -111,26 +106,26 @@ const ue = {
       var e, o;
       (o = (e = b.value) == null ? void 0 : e.fieldRef) == null || o.focus();
     }
-    function N() {
+    function I() {
       var e;
-      (e = w.value) == null || e.$el.focus();
+      (e = _.value) == null || e.$el.focus();
     }
     function G(e) {
       var o;
-      (o = w.value) == null || o.focusItem(e);
+      (o = _.value) == null || o.focusItem(e);
     }
     return Z(
       () => l.loading,
       (e) => {
-        !e && a.value && ee(N);
+        !e && a.value && ee(I);
       }
     ), (e, o) => {
       var r, f;
       return t(), p(
-        I,
+        R,
         null,
         [
-          v(i(ne), {
+          v(n(ie), {
             id: l.id,
             label: l.label,
             required: l.required,
@@ -154,22 +149,22 @@ const ue = {
             "aria-haspopup": "listbox",
             size: l.size,
             onClick: T,
-            onKeydown: F(z, ["stop"])
+            onKeydown: D(z, ["stop"])
           }, oe({
             append: s(() => [
               u(e.$slots, "append"),
-              $.value && c.value ? (t(), k(i(A), {
+              q.value && c.value ? (t(), g(n(O), {
                 key: 0,
                 class: "q-select__clear",
                 "b-style": "plain",
                 borderless: "",
                 tabindex: "-1",
-                onClick: q
+                onClick: E
               }, {
                 default: s(() => [
                   v(
-                    i(L),
-                    C(M(l.icons.clear)),
+                    n(S),
+                    C(F(l.icons.clear)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -177,8 +172,8 @@ const ue = {
                 ]),
                 _: 1
                 /* STABLE */
-              })) : g("v-if", !0),
-              l.readonly ? g("v-if", !0) : (t(), k(i(A), {
+              })) : h("v-if", !0),
+              l.readonly ? h("v-if", !0) : (t(), g(n(O), {
                 key: 1,
                 class: "q-select__chevron",
                 "b-style": "plain",
@@ -189,8 +184,8 @@ const ue = {
               }, {
                 default: s(() => [
                   v(
-                    i(L),
-                    C(M(l.icons.chevron)),
+                    n(S),
+                    C(F(l.icons.chevron)),
                     null,
                     16
                     /* FULL_PROPS */
@@ -201,24 +196,24 @@ const ue = {
               }, 8, ["disabled"]))
             ]),
             default: s(() => [
-              P.value ? (t(), p("span", ce, [
+              A.value ? (t(), p("span", ce, [
                 !l.readonly && !l.disabled ? (t(), p(
-                  I,
+                  R,
                   { key: 0 },
                   [
                     ae(
-                      U(e.texts.placeholder),
+                      M(e.texts.placeholder),
                       1
                       /* TEXT */
                     )
                   ],
                   64
                   /* STABLE_FRAGMENT */
-                )) : g("v-if", !0)
+                )) : h("v-if", !0)
               ])) : (t(), p(
                 "span",
                 ue,
-                U(K.value),
+                M(P.value),
                 1
                 /* TEXT */
               ))
@@ -229,16 +224,16 @@ const ue = {
             (r = d.value) != null && r.icon || e.$slots.prepend ? {
               name: "prepend",
               fn: s(() => {
-                var n, R;
+                var i, N;
                 return [
                   u(e.$slots, "prepend"),
-                  (n = d.value) != null && n.icon ? (t(), k(
-                    i(L),
-                    C(te({ key: 0 }, (R = d.value) == null ? void 0 : R.icon)),
+                  (i = d.value) != null && i.icon ? (t(), g(
+                    n(S),
+                    C(te({ key: 0 }, (N = d.value) == null ? void 0 : N.icon)),
                     null,
                     16
                     /* FULL_PROPS */
-                  )) : g("v-if", !0)
+                  )) : h("v-if", !0)
                 ];
               }),
               key: "0"
@@ -251,9 +246,9 @@ const ue = {
               key: "1"
             } : void 0
           ]), 1032, ["id", "label", "required", "tabindex", "class", "readonly", "disabled", "data-loading", "aria-expanded", "size"]),
-          v(i(se), {
+          v(n(de), {
             modelValue: a.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (n) => a.value = n),
+            "onUpdate:modelValue": o[1] || (o[1] = (i) => a.value = i),
             spy: "",
             trigger: "manual",
             placement: "bottom-start",
@@ -265,36 +260,36 @@ const ue = {
             onLeave: X
           }, {
             default: s(() => [
-              ie("div", {
+              ne("div", {
                 ref_key: "contentRef",
                 ref: V,
                 "data-testid": "combobox-dropdown",
                 "data-key": l.id,
                 class: "q-select__body",
                 tabindex: "-1",
-                onFocusout: H,
-                onKeydown: F(z, ["stop"])
+                onFocusout: K,
+                onKeydown: D(z, ["stop"])
               }, [
                 u(e.$slots, "body.prepend"),
                 l.loading ? (t(), p("div", me, [
-                  v(i(de), { size: 24 })
-                ])) : (t(), k(i(re), {
+                  v(n(re), { size: 24 })
+                ])) : (t(), g(n(se), {
                   key: 1,
                   ref_key: "listRef",
-                  ref: w,
+                  ref: _,
                   class: "q-select__items",
                   modelValue: c.value,
                   "onUpdate:modelValue": [
-                    o[0] || (o[0] = (n) => c.value = n),
-                    S
+                    o[0] || (o[0] = (i) => c.value = i),
+                    B
                   ],
                   items: l.items,
                   groups: e.groups,
                   "item-label": l.itemLabel,
                   "item-value": l.itemValue
                 }, {
-                  item: s(({ item: n }) => [
-                    u(e.$slots, "item", { item: n })
+                  item: s(({ item: i }) => [
+                    u(e.$slots, "item", { item: i })
                   ]),
                   _: 3
                   /* FORWARDED */
@@ -313,5 +308,5 @@ const ue = {
   }
 });
 export {
-  Le as default
+  Ve as default
 };

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

@@ -1,4 +1,379 @@
-import { default as QSelect } from './QSelect';
-
+declare const QSelect: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<any>;
+        size: {
+            type: import('vue').PropType<import('..').QFieldSize>;
+            default: undefined;
+        };
+        class: {
+            type: import('vue').PropType<string | unknown[]>;
+            default: string;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+        };
+        required: {
+            type: import('vue').PropType<boolean>;
+        };
+        icons: {
+            type: import('vue').PropType<Record<string, import('..').Icon>>;
+            default: () => Record<string, import('..').Icon>;
+        };
+        items: {
+            type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
+                [key: string]: any;
+            })[]>;
+            required: true;
+        };
+        groups: {
+            type: import('vue').PropType<(import('..').QListItemGroupProps & {
+                id: string;
+            })[]>;
+            default: () => never[];
+        };
+        itemValue: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        itemLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean>;
+        };
+        emptyValue: {
+            type: import('vue').PropType<import('../../types/primitive').Primitive>;
+            default: undefined;
+        };
+        texts: {
+            type: import('vue').PropType<{
+                placeholder: string;
+            }>;
+            default: () => {
+                placeholder: string;
+            };
+        };
+    }>> & {
+        "onBefore-show"?: (() => any) | undefined;
+        "onBefore-hide"?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "before-show": () => void;
+        "before-hide": () => void;
+        show: () => void;
+        hide: () => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<any>;
+        size: {
+            type: import('vue').PropType<import('..').QFieldSize>;
+            default: undefined;
+        };
+        class: {
+            type: import('vue').PropType<string | unknown[]>;
+            default: string;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+        };
+        required: {
+            type: import('vue').PropType<boolean>;
+        };
+        icons: {
+            type: import('vue').PropType<Record<string, import('..').Icon>>;
+            default: () => Record<string, import('..').Icon>;
+        };
+        items: {
+            type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
+                [key: string]: any;
+            })[]>;
+            required: true;
+        };
+        groups: {
+            type: import('vue').PropType<(import('..').QListItemGroupProps & {
+                id: string;
+            })[]>;
+            default: () => never[];
+        };
+        itemValue: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        itemLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean>;
+        };
+        emptyValue: {
+            type: import('vue').PropType<import('../../types/primitive').Primitive>;
+            default: undefined;
+        };
+        texts: {
+            type: import('vue').PropType<{
+                placeholder: string;
+            }>;
+            default: () => {
+                placeholder: string;
+            };
+        };
+    }>> & {
+        "onBefore-show"?: (() => any) | undefined;
+        "onBefore-hide"?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+    }, {
+        size: import('..').QFieldSize;
+        class: string | unknown[];
+        label: string;
+        icons: Record<string, import('..').Icon>;
+        groups: (import('..').QListItemGroupProps & {
+            id: string;
+        })[];
+        itemValue: string;
+        itemLabel: string;
+        id: string;
+        emptyValue: import('../../types/primitive').Primitive;
+        texts: {
+            placeholder: string;
+        };
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: import('vue').PropType<any>;
+        size: {
+            type: import('vue').PropType<import('..').QFieldSize>;
+            default: undefined;
+        };
+        class: {
+            type: import('vue').PropType<string | unknown[]>;
+            default: string;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+        };
+        loading: {
+            type: import('vue').PropType<boolean>;
+        };
+        required: {
+            type: import('vue').PropType<boolean>;
+        };
+        icons: {
+            type: import('vue').PropType<Record<string, import('..').Icon>>;
+            default: () => Record<string, import('..').Icon>;
+        };
+        items: {
+            type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
+                [key: string]: any;
+            })[]>;
+            required: true;
+        };
+        groups: {
+            type: import('vue').PropType<(import('..').QListItemGroupProps & {
+                id: string;
+            })[]>;
+            default: () => never[];
+        };
+        itemValue: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        itemLabel: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
+        readonly: {
+            type: import('vue').PropType<boolean>;
+        };
+        clearable: {
+            type: import('vue').PropType<boolean>;
+        };
+        emptyValue: {
+            type: import('vue').PropType<import('../../types/primitive').Primitive>;
+            default: undefined;
+        };
+        texts: {
+            type: import('vue').PropType<{
+                placeholder: string;
+            }>;
+            default: () => {
+                placeholder: string;
+            };
+        };
+    }>> & {
+        "onBefore-show"?: (() => any) | undefined;
+        "onBefore-hide"?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+    }, {}, {}, {}, {}, {
+        size: import('..').QFieldSize;
+        class: string | unknown[];
+        label: string;
+        icons: Record<string, import('..').Icon>;
+        groups: (import('..').QListItemGroupProps & {
+            id: string;
+        })[];
+        itemValue: string;
+        itemLabel: string;
+        id: string;
+        emptyValue: import('../../types/primitive').Primitive;
+        texts: {
+            placeholder: string;
+        };
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    size: {
+        type: import('vue').PropType<import('..').QFieldSize>;
+        default: undefined;
+    };
+    class: {
+        type: import('vue').PropType<string | unknown[]>;
+        default: string;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    loading: {
+        type: import('vue').PropType<boolean>;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+    };
+    icons: {
+        type: import('vue').PropType<Record<string, import('..').Icon>>;
+        default: () => Record<string, import('..').Icon>;
+    };
+    items: {
+        type: import('vue').PropType<(Omit<import('..').QListItemProps, "label" | "value"> & {
+            [key: string]: any;
+        })[]>;
+        required: true;
+    };
+    groups: {
+        type: import('vue').PropType<(import('..').QListItemGroupProps & {
+            id: string;
+        })[]>;
+        default: () => never[];
+    };
+    itemValue: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    itemLabel: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+    };
+    emptyValue: {
+        type: import('vue').PropType<import('../../types/primitive').Primitive>;
+        default: undefined;
+    };
+    texts: {
+        type: import('vue').PropType<{
+            placeholder: string;
+        }>;
+        default: () => {
+            placeholder: string;
+        };
+    };
+}>> & {
+    "onBefore-show"?: (() => any) | undefined;
+    "onBefore-hide"?: (() => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "before-show": () => void;
+    "before-hide": () => void;
+    show: () => void;
+    hide: () => void;
+}, string, {
+    size: import('..').QFieldSize;
+    class: string | unknown[];
+    label: string;
+    icons: Record<string, import('..').Icon>;
+    groups: (import('..').QListItemGroupProps & {
+        id: string;
+    })[];
+    itemValue: string;
+    itemLabel: string;
+    id: string;
+    emptyValue: import('../../types/primitive').Primitive;
+    texts: {
+        placeholder: string;
+    };
+}, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        extras?(_: {}): any;
+        "body.prepend"?(_: {}): any;
+        item?(_: {
+            item: Omit<import('..').QListItemProps, "label" | "value"> & {
+                [key: string]: any;
+            };
+        }): any;
+        "body.append"?(_: {}): any;
+    };
+});
 export { QSelect };
 //# sourceMappingURL=index.d.ts.map