@quidgest/ui 0.13.0 → 0.13.2

package/esm/components/QDialog/QDialog.vue.js

@@ -1,140 +1,159 @@
-import { defineComponent as B, mergeModels as C, useModel as q, openBlock as o, createBlock as n, unref as l, withCtx as c, createElementVNode as i, toDisplayString as y, createVNode as h, createCommentVNode as r, renderSlot as u, createElementBlock as s, normalizeProps as T, guardReactiveProps as V, Fragment as D, renderList as L, mergeProps as k } from "vue";
-import { QOverlay as M } from "../QOverlay/index.js";
-import { QButton as v } from "../QButton/index.js";
-import { QIcon as _ } from "../QIcon/index.js";
-import { useId as N } from "../../composables/uid.js";
-const O = { class: "q-dialog" }, x = { class: "q-dialog__header" }, E = { class: "q-dialog__header-title" }, Q = { class: "q-dialog__body" }, S = {
+import { defineComponent as T, mergeModels as D, useModel as L, computed as N, openBlock as o, createBlock as a, unref as t, withCtx as d, createElementVNode as i, normalizeClass as V, toDisplayString as y, createVNode as k, normalizeProps as h, guardReactiveProps as v, createCommentVNode as r, renderSlot as u, createElementBlock as n, Fragment as E, renderList as M, mergeProps as b } from "vue";
+import { QOverlay as O } from "../QOverlay/index.js";
+import { QButton as g } from "../QButton/index.js";
+import { QIcon as p } from "../QIcon/index.js";
+import { useId as S } from "../../composables/uid.js";
+const x = { class: "q-dialog__header" }, A = { class: "q-dialog__header-title" }, F = { class: "q-dialog__body" }, I = {
   key: 0,
   class: "q-dialog__body-icon"
-}, A = { class: "q-dialog__body-text" }, F = ["innerHTML"], I = { key: 1 }, P = { class: "q-dialog__body-actions" }, U = [
+}, Q = { class: "q-dialog__body-text" }, U = ["innerHTML"], P = { key: 1 }, $ = { class: "q-dialog__body-actions" }, z = [
   {
     id: "button",
-    bStyle: "primary",
-    label: "Ok",
     icon: {
       icon: "check"
     },
-    iconOnRight: !1,
-    action: void 0
+    props: {
+      bStyle: "primary",
+      label: "Ok"
+    }
+  }
+], H = {
+  icon: "check-circle-outline"
+}, w = {
+  close: {
+    icon: "close"
   }
-], $ = {
-  icon: "check-circle-outline",
-  type: "svg"
-}, G = /* @__PURE__ */ B({
+}, W = /* @__PURE__ */ T({
   __name: "QDialog",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ D({
     text: { default: "" },
     attach: { default: "body" },
     inline: { type: Boolean },
     backdropBlur: { type: Boolean, default: !0 },
-    buttons: { default: () => U },
-    dismissible: { type: Boolean, default: !1 },
+    buttons: { default: () => z },
+    dismissible: { type: Boolean },
     html: { type: Boolean, default: !0 },
-    icon: { default: () => $ },
+    icon: { default: () => H },
     id: { default: void 0 },
     title: { default: "" },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    internals: { default: () => ({ icons: w }) }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(f) {
-    const e = f, m = q(f, "modelValue"), g = N(e.id);
-    function p() {
+  setup(_) {
+    const e = _, m = L(_, "modelValue"), B = S(e.id), C = N(() => ["q-dialog", e.class]);
+    function f() {
       m.value = !1;
     }
-    function b(t) {
-      var d;
-      (d = t.action) == null || d.call(t), p();
+    function q(l) {
+      var c;
+      (c = l.action) == null || c.call(l), f();
     }
-    return (t, d) => (o(), n(l(M), {
+    return (l, c) => (o(), a(t(O), {
       "model-value": m.value,
-      id: l(g),
+      id: t(B),
       inline: e.inline,
       attach: e.attach,
       "backdrop-blur": e.backdropBlur,
+      "backdrop-class": "q-dialog__underlay",
       "scroll-lock": "",
       persistent: ""
     }, {
-      default: c(() => [
-        i("div", O, [
-          i("div", x, [
-            i(
-              "span",
-              E,
-              y(e.title),
-              1
-              /* TEXT */
-            ),
-            e.dismissible ? (o(), n(l(v), {
-              key: 0,
-              "b-style": "tertiary",
-              onClick: p
-            }, {
-              default: c(() => [
-                h(l(_), { icon: "close" })
-              ]),
-              _: 1
-              /* STABLE */
-            })) : r("v-if", !0)
-          ]),
-          u(t.$slots, "body.content", {}, () => [
-            i("div", Q, [
-              u(t.$slots, "body.icon", {}, () => [
-                e.icon ? (o(), s("span", S, [
-                  h(
-                    l(_),
-                    T(V(e.icon)),
+      default: d(() => [
+        i(
+          "div",
+          {
+            class: V(C.value)
+          },
+          [
+            i("div", x, [
+              i(
+                "span",
+                A,
+                y(e.title),
+                1
+                /* TEXT */
+              ),
+              e.dismissible ? (o(), a(t(g), {
+                key: 0,
+                "b-style": "tertiary",
+                onClick: f
+              }, {
+                default: d(() => [
+                  k(
+                    t(p),
+                    h(v(e.internals.icons.close)),
                     null,
                     16
                     /* FULL_PROPS */
                   )
-                ])) : r("v-if", !0)
-              ]),
-              i("div", A, [
-                e.html ? (o(), s("span", {
-                  key: 0,
-                  innerHTML: e.text
-                }, null, 8, F)) : (o(), s(
-                  "span",
-                  I,
-                  y(e.text),
-                  1
-                  /* TEXT */
-                ))
-              ]),
-              u(t.$slots, "body.append")
-            ])
-          ]),
-          i("div", P, [
-            (o(!0), s(
-              D,
-              null,
-              L(e.buttons, (a) => (o(), n(l(v), k({ ref_for: !0 }, a, {
-                key: a.id,
-                onClick: () => b(a)
-              }), {
-                default: c(() => [
-                  a.icon ? (o(), n(
-                    l(_),
-                    k({
-                      key: 0,
-                      ref_for: !0
-                    }, a.icon),
-                    null,
-                    16
-                    /* FULL_PROPS */
-                  )) : r("v-if", !0)
                 ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1040, ["onClick"]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ])
-        ])
+                _: 1
+                /* STABLE */
+              })) : r("v-if", !0)
+            ]),
+            u(l.$slots, "body.content", {}, () => [
+              i("div", F, [
+                u(l.$slots, "body.icon", {}, () => [
+                  e.icon ? (o(), n("span", I, [
+                    k(
+                      t(p),
+                      h(v(e.icon)),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    )
+                  ])) : r("v-if", !0)
+                ]),
+                i("div", Q, [
+                  e.html ? (o(), n("span", {
+                    key: 0,
+                    innerHTML: e.text
+                  }, null, 8, U)) : (o(), n(
+                    "span",
+                    P,
+                    y(e.text),
+                    1
+                    /* TEXT */
+                  ))
+                ]),
+                u(l.$slots, "body.append")
+              ])
+            ]),
+            i("div", $, [
+              (o(!0), n(
+                E,
+                null,
+                M(e.buttons, (s) => (o(), a(t(g), b({ ref_for: !0 }, s.props, {
+                  key: s.id,
+                  onClick: () => q(s)
+                }), {
+                  default: d(() => [
+                    s.icon ? (o(), a(
+                      t(p),
+                      b({
+                        key: 0,
+                        ref_for: !0
+                      }, s.icon),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    )) : r("v-if", !0)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1040, ["onClick"]))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ],
+          2
+          /* CLASS */
+        )
       ]),
       _: 3
       /* FORWARDED */
@@ -142,5 +161,5 @@ const O = { class: "q-dialog" }, x = { class: "q-dialog__header" }, E = { class:
   }
 });
 export {
-  G as default
+  W as default
 };

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

@@ -23,6 +23,14 @@ declare const QDialog: {
             type: import('vue').PropType<import('..').Icon>;
             default: () => import('..').Icon;
         };
+        internals: {
+            type: import('vue').PropType<{
+                icons: Record<string, import('..').Icon>;
+            }>;
+            default: () => {
+                icons: Record<string, import('..').Icon>;
+            };
+        };
         id: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -44,7 +52,6 @@ declare const QDialog: {
         };
         dismissible: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
         };
     }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
         modelValue: import('vue').PropType<boolean>;
@@ -68,6 +75,14 @@ declare const QDialog: {
             type: import('vue').PropType<import('..').Icon>;
             default: () => import('..').Icon;
         };
+        internals: {
+            type: import('vue').PropType<{
+                icons: Record<string, import('..').Icon>;
+            }>;
+            default: () => {
+                icons: Record<string, import('..').Icon>;
+            };
+        };
         id: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -89,7 +104,6 @@ declare const QDialog: {
         };
         dismissible: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
         };
     }>>, {
         class: string | unknown[];
@@ -97,11 +111,13 @@ declare const QDialog: {
         title: string;
         text: string;
         icon: import('..').Icon;
+        internals: {
+            icons: Record<string, import('..').Icon>;
+        };
         id: string;
         attach: string;
         backdropBlur: boolean;
         buttons: DialogButton[];
-        dismissible: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -131,6 +147,14 @@ declare const QDialog: {
             type: import('vue').PropType<import('..').Icon>;
             default: () => import('..').Icon;
         };
+        internals: {
+            type: import('vue').PropType<{
+                icons: Record<string, import('..').Icon>;
+            }>;
+            default: () => {
+                icons: Record<string, import('..').Icon>;
+            };
+        };
         id: {
             type: import('vue').PropType<string>;
             default: undefined;
@@ -152,7 +176,6 @@ declare const QDialog: {
         };
         dismissible: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
         };
     }>>, {}, {}, {}, {}, {
         class: string | unknown[];
@@ -160,11 +183,13 @@ declare const QDialog: {
         title: string;
         text: string;
         icon: import('..').Icon;
+        internals: {
+            icons: Record<string, import('..').Icon>;
+        };
         id: string;
         attach: string;
         backdropBlur: boolean;
         buttons: DialogButton[];
-        dismissible: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -191,6 +216,14 @@ declare const QDialog: {
         type: import('vue').PropType<import('..').Icon>;
         default: () => import('..').Icon;
     };
+    internals: {
+        type: import('vue').PropType<{
+            icons: Record<string, import('..').Icon>;
+        }>;
+        default: () => {
+            icons: Record<string, import('..').Icon>;
+        };
+    };
     id: {
         type: import('vue').PropType<string>;
         default: undefined;
@@ -212,7 +245,6 @@ declare const QDialog: {
     };
     dismissible: {
         type: import('vue').PropType<boolean>;
-        default: boolean;
     };
 }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     class: string | unknown[];
@@ -220,11 +252,13 @@ declare const QDialog: {
     title: string;
     text: string;
     icon: import('..').Icon;
+    internals: {
+        icons: Record<string, import('..').Icon>;
+    };
     id: string;
     attach: string;
     backdropBlur: boolean;
     buttons: DialogButton[];
-    dismissible: boolean;
 }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         "body.content"?(_: {}): any;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAKjD,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAA;AAG5D,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,YAAY,EAAE,YAAY,EAAE,CAAA"}

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

@@ -39,6 +39,10 @@ export type QListProps = {
      * Custom set of classes to apply to the component.
      */
     class?: string | unknown[];
+    /**
+     * Indicates whether the list items are selectable.
+     */
+    selectable?: boolean;
 };
 /**
  * Focuses on the HTML element at the specified index among the child elements.
@@ -104,6 +108,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<string>;
         default: string;
     };
+    selectable: {
+        type: import('vue').PropType<boolean>;
+    };
 }, {
     focusItem: typeof focusItem;
     getItem: typeof getItem;
@@ -139,6 +146,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: import('vue').PropType<string>;
         default: string;
     };
+    selectable: {
+        type: import('vue').PropType<boolean>;
+    };
 }>>, {
     class: string | unknown[];
     highlighted: Primitive;

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":"AAmCA;AAMC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAO7D,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAGpD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,KAAK,KAAK,GAAG,mBAAmB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;OAEG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;CAC1B,CAAA;AA+ID;;;;;;GAMG;AACH,iBAAS,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,GAAE,OAAe,GAAG,IAAI,CAGxE;AAmBD,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;AAoCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLF,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QList.vue"],"names":[],"mappings":"AAmCA;AAMC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAO7D,KAAK,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAGpD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,KAAK,KAAK,GAAG,mBAAmB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;OAEG;IACH,KAAK,EAAE,IAAI,EAAE,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AA+ID;;;;;;GAMG;AACH,iBAAS,SAAS,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,GAAE,OAAe,GAAG,IAAI,CAGxE;AAmBD,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;AAoCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLF,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as T, mergeModels as U, useModel as G, ref as k, computed as y, openBlock as r, createBlock as g, resolveDynamicComponent as H, normalizeClass as K, withCtx as p, createElementBlock as w, Fragment as A, renderList as S, unref as V, renderSlot as N } from "vue";
+import { defineComponent as T, mergeModels as U, useModel as G, ref as k, computed as y, openBlock as a, createBlock as p, resolveDynamicComponent as H, normalizeClass as K, withCtx as g, createElementBlock as w, Fragment as A, renderList as S, unref as V, renderSlot as N } from "vue";
 import { QListItemGroup as R, QListItem as z } from "./index.js";
 const P = /* @__PURE__ */ T({
   __name: "QList",
@@ -9,7 +9,8 @@ const P = /* @__PURE__ */ T({
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
-    class: { default: void 0 }
+    class: { default: void 0 },
+    selectable: { type: Boolean }
   }, {
     modelValue: {
       type: [String, Number, Boolean, Symbol]
@@ -18,24 +19,24 @@ const P = /* @__PURE__ */ T({
   }),
   emits: ["update:modelValue"],
   setup(v, { expose: F }) {
-    const s = v, a = G(v, "modelValue"), c = k(!1), L = y(() => d.value.length > 1 ? "div" : "ul"), d = y(() => s.groups.length ? s.groups.filter(
+    const s = v, r = G(v, "modelValue"), c = k(!1), B = y(() => d.value.length > 1 ? "div" : "ul"), d = y(() => s.groups.length ? s.groups.filter(
       (e) => s.items.some((t) => t.group === e.id)
     ) : [{ id: "", title: "" }]), f = k(null);
-    function M(e) {
-      a.value = e;
+    function L(e) {
+      r.value = e;
     }
-    function _() {
+    function M() {
       c.value = !0;
     }
-    function B() {
+    function D() {
       c.value = !1;
     }
-    function D(e) {
+    function _(e) {
       var n;
       if ((n = f.value) != null && n.contains(e.relatedTarget))
         return;
       let t;
-      a.value ? t = s.items.findIndex((Q) => Q[s.itemValue] === a.value) : t = m();
+      r.value ? t = s.items.findIndex((Q) => Q[s.itemValue] === r.value) : t = m();
       const l = c.value;
       i(t, l);
     }
@@ -123,31 +124,31 @@ const P = /* @__PURE__ */ T({
       getAdjacentItemIndex: x,
       getFirstFocusableItemIndex: m,
       getLastFocusableItemIndex: h
-    }), (e, t) => (r(), g(H(L.value), {
+    }), (e, t) => (a(), p(H(B.value), {
       ref_key: "listRef",
       ref: f,
       class: K(["q-list", { "q-list--disabled": s.disabled }, s.class]),
       role: "listbox",
       tabindex: s.disabled ? -1 : 0,
-      onFocus: D,
-      onMousedown: _,
-      onMouseup: B,
+      onFocus: _,
+      onMousedown: M,
+      onMouseup: D,
       onKeydown: E
     }, {
-      default: p(() => [
-        (r(!0), w(
+      default: g(() => [
+        (a(!0), w(
           A,
           null,
-          S(d.value, (l) => (r(), g(V(R), {
+          S(d.value, (l) => (a(), p(V(R), {
             key: l.id,
             id: l.id,
             title: d.value.length === 1 ? void 0 : l.title
           }, {
-            default: p(() => [
-              (r(!0), w(
+            default: g(() => [
+              (a(!0), w(
                 A,
                 null,
-                S(O(l.id), (n) => (r(), g(V(z), {
+                S(O(l.id), (n) => (a(), p(V(z), {
                   key: n[s.itemValue],
                   value: n[s.itemValue],
                   label: n[s.itemLabel],
@@ -155,10 +156,10 @@ const P = /* @__PURE__ */ T({
                   icon: n.icon,
                   disabled: s.disabled || l.disabled || n.disabled,
                   highlighted: s.highlighted === n[s.itemValue],
-                  selected: a.value === n[s.itemValue],
-                  onSelect: M
+                  selected: e.selectable && r.value === n[s.itemValue],
+                  onSelect: L
                 }, {
-                  default: p(() => [
+                  default: g(() => [
                     N(e.$slots, "item", { item: n })
                   ]),
                   _: 2

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

@@ -8,7 +8,6 @@ export type ListItem = {
     group?: string;
     disabled?: boolean;
 };
-export type Icons = typeof DEFAULT_ICONS;
 export type QListItemProps = {
     /**
      * The value of the item.
@@ -30,10 +29,6 @@ export type QListItemProps = {
      * Whether this item is highlighted.
      */
     highlighted?: boolean;
-    /**
-     * The icons of the component.
-     */
-    icons?: Icons;
     /**
      * Whether the item is disabled.
      */
@@ -42,23 +37,34 @@ export type QListItemProps = {
      * The description of the item.
      */
     description?: string;
+    /**
+     * The internal elements of the component
+     */
+    internals?: Internals;
 };
 declare const DEFAULT_ICONS: Record<string, Icon>;
+type Internals = {
+    icons: typeof DEFAULT_ICONS;
+};
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QListItemProps>, {
     icon: undefined;
-    icons: () => Record<string, Icon>;
     description: undefined;
+    internals: () => {
+        icons: Record<string, Icon>;
+    };
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (value: Primitive) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<QListItemProps>, {
     icon: undefined;
-    icons: () => Record<string, Icon>;
     description: undefined;
+    internals: () => {
+        icons: Record<string, Icon>;
+    };
 }>>> & {
     onSelect?: ((value: Primitive) => any) | undefined;
 }, {
     icon: Icon;
-    icons: Record<string, Icon>;
+    internals: Internals;
     description: string;
 }, {}>, {
     default?(_: {}): any;

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":"AA4CA;AAMC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD,MAAM,MAAM,QAAQ,GAAG;IAEtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,OAAO,aAAa,CAAA;AAExC,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAKD,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAOvC,CAAA;;;;;;;;;;;;;;;;;;qBAoL4B,GAAG;;AAnLjC,wBA4MI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AA4CA;AAMC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD,MAAM,MAAM,QAAQ,GAAG;IAEtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,SAAS,CAAA;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAKD,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAOvC,CAAA;AAGD,KAAK,SAAS,GAAG;IAChB,KAAK,EAAE,OAAO,aAAa,CAAA;CAC3B,CAAA;;;;;;;;;;;;;;;;;;;;;;qBAwL4B,GAAG;;AAvLjC,wBAgNI;AAAA,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACrE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}