@quidgest/ui 0.15.5 → 0.15.8

package/esm/components/QInputGroup/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QInputGroup/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;CACjB,CAAA"}

package/esm/components/QLabel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/esm/components/QLineLoader/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLineLoader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAA"}

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

@@ -49,16 +49,17 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly modelValue?: boolean | undefined;
                 readonly value: Primitive;
                 readonly label: string;
                 readonly icon?: import('..').Icon | undefined;
                 readonly selectable?: boolean | undefined;
-                readonly selected?: boolean | undefined;
                 readonly highlighted?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly description?: string | undefined;
                 readonly icons?: typeof import('./types').DEFAULT_ICONS | undefined;
-                readonly onSelect?: ((value: Primitive) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                readonly onClick?: (() => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -72,12 +73,17 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: "select", value: Primitive) => void;
+            $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
             $el: HTMLLIElement;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('./types').QListItemProps> & Readonly<{
-                onSelect?: ((value: Primitive) => any) | undefined;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                select: (value: Primitive) => any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: boolean;
+            } & import('./types').QListItemProps> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                onClick?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            } & {
+                click: () => any;
             }, string, {
                 icons: typeof import('./types').DEFAULT_ICONS;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -102,8 +108,11 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
             icons: typeof import('./types').DEFAULT_ICONS;
-        }> & Omit<Readonly<import('./types').QListItemProps> & Readonly<{
-            onSelect?: ((value: Primitive) => any) | undefined;
+        }> & Omit<Readonly<{
+            modelValue?: boolean;
+        } & import('./types').QListItemProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onClick?: (() => any) | undefined;
         }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
@@ -122,8 +131,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     getLastFocusableItemIndex: typeof getLastFocusableItemIndex;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Primitive) => any;
+} & {
+    click: (key: Primitive) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Primitive) => any) | undefined;
+    onClick?: ((key: Primitive) => any) | undefined;
 }>, {
     groups: Group[];
     itemValue: string;
@@ -134,16 +146,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly modelValue?: boolean | undefined;
             readonly value: Primitive;
             readonly label: string;
             readonly icon?: import('..').Icon | undefined;
             readonly selectable?: boolean | undefined;
-            readonly selected?: boolean | undefined;
             readonly highlighted?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly description?: string | undefined;
             readonly icons?: typeof import('./types').DEFAULT_ICONS | undefined;
-            readonly onSelect?: ((value: Primitive) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            readonly onClick?: (() => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -157,12 +170,17 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: (event: "select", value: Primitive) => void;
+        $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
         $el: HTMLLIElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('./types').QListItemProps> & Readonly<{
-            onSelect?: ((value: Primitive) => any) | undefined;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            select: (value: Primitive) => any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: boolean;
+        } & import('./types').QListItemProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onClick?: (() => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        } & {
+            click: () => any;
         }, string, {
             icons: typeof import('./types').DEFAULT_ICONS;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -187,8 +205,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
         icons: typeof import('./types').DEFAULT_ICONS;
-    }> & Omit<Readonly<import('./types').QListItemProps> & Readonly<{
-        onSelect?: ((value: Primitive) => any) | undefined;
+    }> & Omit<Readonly<{
+        modelValue?: boolean;
+    } & import('./types').QListItemProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onClick?: (() => any) | undefined;
     }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA4CA;AA4ZC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD,KAAK,WAAW,GAAG,UAAU,CAAC;AAuM9B,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAoDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhDE,GAAG,8CAChB,GAAG,yBACT,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EA+D9D;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAzFoB,GAAG,8CAChB,GAAG,yBACT,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAkG7D,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":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AA6CA;AA0aC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAKtD,KAAK,WAAW,GAAG,UAAU,CAAC;AAqN9B,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAaD;;;;;;GAMG;AACH,iBAAS,0BAA0B,IAAI,MAAM,CAO5C;AAED;;;;;;GAMG;AACH,iBAAS,yBAAyB,IAAI,MAAM,CAO3C;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAoDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhEV,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACjG,GAAE;;;;;;;;;;;;;;;;;EAgFb;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA1GQ,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DACjG,GAAE;;;;;;;;;;;;;;;OAoHZ,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"}

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

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

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

@@ -1,5 +1,8 @@
-import { QListItemProps, DEFAULT_ICONS } from './types';
-import { Primitive } from '../../types/primitive';
+import { DEFAULT_ICONS, QListItemProps } from './types';
+type __VLS_Props = QListItemProps;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -11,10 +14,13 @@ declare function __VLS_template(): {
     rootEl: HTMLLIElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QListItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    select: (value: Primitive) => any;
-}, string, import('vue').PublicProps, Readonly<QListItemProps> & Readonly<{
-    onSelect?: ((value: Primitive) => any) | undefined;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClick?: (() => any) | undefined;
 }>, {
     icons: typeof DEFAULT_ICONS;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAgDA;AA2FC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAkCxC,iBAAS,cAAc;WAkGT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;uFASnB,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":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAgDA;AAqGC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAMvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,KAAK,WAAW,GAAG,cAAc,CAAC;AA4CnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAkGT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;uFASnB,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"}

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

@@ -1,75 +1,77 @@
-import { defineComponent as k, createElementBlock as n, openBlock as i, withModifiers as v, normalizeClass as g, unref as o, renderSlot as a, createElementVNode as c, createCommentVNode as l, createBlock as r, createTextVNode as q, normalizeProps as p, mergeProps as m, toDisplayString as u, createVNode as B, guardReactiveProps as N } from "vue";
-import { QIcon as d } from "../QIcon/index.js";
-import { DEFAULT_ICONS as S } from "./types.js";
-import { useId as C } from "../../composables/uid.js";
-const D = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], E = { class: "q-list-item__container" }, I = { class: "q-list-item__content" }, P = {
+import { defineComponent as g, mergeModels as p, useModel as q, createElementBlock as a, openBlock as i, withModifiers as B, normalizeClass as V, unref as o, renderSlot as d, createElementVNode as c, createCommentVNode as s, createBlock as u, createTextVNode as C, normalizeProps as f, mergeProps as _, toDisplayString as b, createVNode as N, guardReactiveProps as S } from "vue";
+import { DEFAULT_ICONS as D } from "./types.js";
+import { QIcon as r } from "../QIcon/index.js";
+import { useId as E } from "../../composables/uid.js";
+const I = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { class: "q-list-item__container" }, P = { class: "q-list-item__content" }, w = {
   key: 0,
   class: "q-list-item__description"
-}, V = {
+}, T = {
   key: 0,
   class: "q-list-item__check-container"
-}, K = /* @__PURE__ */ k({
+}, Q = /* @__PURE__ */ g({
   __name: "QListItem",
-  props: {
+  props: /* @__PURE__ */ p({
     value: { type: [String, Number, Boolean, Symbol] },
     label: {},
     icon: {},
     selectable: { type: Boolean },
-    selected: { type: Boolean },
     highlighted: { type: Boolean },
     disabled: { type: Boolean },
     description: {},
-    icons: { default: () => S }
-  },
-  emits: ["select"],
-  setup(_, { emit: f }) {
-    const e = _, h = f, b = C();
-    function s() {
-      e.disabled || h("select", e.value);
+    icons: { default: () => D }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["click"], ["update:modelValue"]),
+  setup(m, { emit: h }) {
+    const e = m, k = h, l = q(m, "modelValue"), y = E();
+    function n() {
+      e.disabled || (k("click"), e.selectable && (l.value = !0));
     }
-    function y(t) {
-      t.key === "Tab" && s(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), s());
+    function v(t) {
+      t.key === "Tab" && n(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), n());
     }
-    return (t, w) => (i(), n("li", {
-      id: o(b),
+    return (t, $) => (i(), a("li", {
+      id: o(y),
       "data-key": e.value,
       role: "option",
       tabindex: e.disabled ? void 0 : -2,
-      class: g([
+      class: V([
         "q-list-item",
         {
+          "q-list-item--selected": l.value,
           "q-list-item--disabled": e.disabled,
-          "q-list-item--selected": e.selected,
           "q-list-item--highlighted": e.highlighted
         }
       ]),
       "aria-label": e.label,
-      "aria-selected": e.disabled ? void 0 : e.selected,
-      onKeydown: y,
-      onClick: v(s, ["stop", "prevent"])
+      "aria-selected": e.disabled ? void 0 : l.value,
+      onKeydown: v,
+      onClick: B(n, ["stop", "prevent"])
     }, [
-      a(t.$slots, "prepend"),
-      c("div", E, [
-        c("div", I, [
-          a(t.$slots, "default", {}, () => [
-            e.icon ? (i(), r(
-              o(d),
-              p(m({ key: 0 }, e.icon)),
+      d(t.$slots, "prepend"),
+      c("div", M, [
+        c("div", P, [
+          d(t.$slots, "default", {}, () => [
+            e.icon ? (i(), u(
+              o(r),
+              f(_({ key: 0 }, e.icon)),
               null,
               16
               /* FULL_PROPS */
-            )) : l("v-if", !0),
-            q(
-              " " + u(e.label),
+            )) : s("v-if", !0),
+            C(
+              " " + b(e.label),
               1
               /* TEXT */
             )
           ])
         ]),
-        e.description ? (i(), n("div", P, [
-          B(
-            o(d),
-            p(N(e.icons.description)),
+        e.description ? (i(), a("div", w, [
+          N(
+            o(r),
+            f(S(e.icons.description)),
             null,
             16
             /* FULL_PROPS */
@@ -77,25 +79,25 @@ const D = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], E = { c
           c(
             "span",
             null,
-            u(e.description),
+            b(e.description),
             1
             /* TEXT */
           )
-        ])) : l("v-if", !0)
+        ])) : s("v-if", !0)
       ]),
-      a(t.$slots, "append"),
-      e.selectable ? (i(), n("div", V, [
-        e.selected ? (i(), r(
-          o(d),
-          m({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
+      d(t.$slots, "append"),
+      e.selectable ? (i(), a("div", T, [
+        l.value ? (i(), u(
+          o(r),
+          _({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
           null,
           16
           /* FULL_PROPS */
-        )) : l("v-if", !0)
-      ])) : l("v-if", !0)
-    ], 42, D));
+        )) : s("v-if", !0)
+      ])) : s("v-if", !0)
+    ], 42, I));
   }
 });
 export {
-  K as default
+  Q as default
 };