@quidgest/ui 0.14.10 → 0.14.12

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

@@ -44,10 +44,80 @@ declare function __VLS_template(): {
     slots: {
         item?(_: {
             item: import('./types').Item;
+            element: HTMLLIElement | undefined;
+        }): any;
+        'item.append'?(_: {
+            item: import('./types').Item;
+            element: HTMLLIElement | undefined;
         }): any;
     };
     refs: {
         listRef: unknown;
+        listItemsRef: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly value: Primitive;
+                readonly label: string;
+                readonly icon?: import('..').Icon | 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;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "select", value: Primitive) => 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;
+            }, string, {
+                icons: typeof import('./types').DEFAULT_ICONS;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $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;
+        }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                default?(_: {}): any;
+                append?(_: {}): any;
+            };
+        }) | null)[];
     };
     rootEl: any;
 };
@@ -63,12 +133,77 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    class: string | unknown[];
-    highlighted: Primitive;
     groups: Group[];
     itemValue: string;
     itemLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    listRef: unknown;
+    listItemsRef: (({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly value: Primitive;
+            readonly label: string;
+            readonly icon?: import('..').Icon | 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;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "select", value: Primitive) => 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;
+        }, string, {
+            icons: typeof import('./types').DEFAULT_ICONS;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $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;
+    }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?(_: {}): any;
+            default?(_: {}): any;
+            append?(_: {}): any;
+        };
+    }) | null)[];
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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;AA0XC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAQnD,KAAK,WAAW,GAAG,UAAU,CAAC;AA8I7B;;;;;;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;AA4DF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8HT,OAAO,IAA6B;;;;YATvB,GAAG;;;;;;EAc7B;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,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":"AA0CA;AA+XC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAMlD,KAAK,WAAW,GAAG,UAAU,CAAC;AA6I9B;;;;;;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;AAmCD;;;;;;;;GAQG;AACH,iBAAS,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAuB7E;AAsDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAgIT,OAAO,IAA6B;;;;;YAbvB,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAxBU,GAAG,8CAGzC,GAAG,yBAA0B,GAAE,6DAC1C,GACA;;;;;;;;;;;;;;EAoCC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAjE4B,GAAG,8CAGzC,GAAG,yBAA0B,GAAE,6DAC1C,GACA;;;;;;;;;;;;OAuEE,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,15 +1,15 @@
-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({
+import { defineComponent as H, mergeModels as K, useModel as N, ref as k, computed as F, createBlock as x, openBlock as d, resolveDynamicComponent as z, normalizeClass as J, withCtx as b, createElementBlock as B, Fragment as L, renderList as M, unref as _, renderSlot as D } from "vue";
+import { QListItemGroup as P, QListItem as W } from "./index.js";
+const Z = /* @__PURE__ */ H({
   __name: "QList",
-  props: /* @__PURE__ */ U({
-    highlighted: { type: [String, Number, Boolean, Symbol], default: void 0 },
+  props: /* @__PURE__ */ K({
+    highlighted: { type: [String, Number, Boolean, Symbol] },
     items: {},
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
     disabled: { type: Boolean },
-    class: { default: void 0 },
+    class: {},
     selectable: { type: Boolean }
   }, {
     modelValue: {
@@ -18,150 +18,168 @@ const P = /* @__PURE__ */ T({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(v, { expose: F }) {
-    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 L(e) {
-      r.value = e;
-    }
-    function M() {
-      c.value = !0;
-    }
-    function D() {
-      c.value = !1;
-    }
-    function _(e) {
-      var n;
-      if ((n = f.value) != null && n.contains(e.relatedTarget))
+  setup(y, { expose: E }) {
+    const l = y, f = N(y, "modelValue"), p = k(!1), C = F(() => a.value.length > 1 ? "div" : "ul"), a = F(() => l.groups.length ? l.groups.filter(
+      (e) => l.items.some((t) => t.group === e.id)
+    ) : [{ id: "", title: "" }]), g = k(null), v = k(null);
+    function R(e) {
+      f.value = e;
+    }
+    function $() {
+      p.value = !0;
+    }
+    function q() {
+      p.value = !1;
+    }
+    function O(e) {
+      var s;
+      if ((s = g.value) != null && s.contains(e.relatedTarget))
         return;
       let t;
-      r.value ? t = s.items.findIndex((Q) => Q[s.itemValue] === r.value) : t = m();
-      const l = c.value;
-      i(t, l);
+      f.value ? t = l.items.findIndex((o) => o[l.itemValue] === f.value) : t = h();
+      const n = p.value;
+      i(t, n);
     }
-    function E(e) {
+    function Q(e) {
       switch (["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
         case "ArrowDown":
-          u("next");
+          m("next");
           break;
         case "ArrowUp":
-          u("prev");
+          m("prev");
           break;
         case "Home":
-          u("first");
+          m("first");
           break;
         case "End":
-          u("last");
+          m("last");
           break;
       }
     }
-    function u(e) {
+    function m(e) {
       switch (e) {
         case "next":
         case "prev":
-          i(q(e));
+          i(j(e));
           break;
         case "first":
-          i(m());
+          i(h());
           break;
         case "last":
-          i(h());
+          i(w());
           break;
       }
     }
     function i(e, t = !1) {
-      var n;
-      (n = o()[e]) == null || n.focus({ preventScroll: t });
+      var s;
+      (s = r()[e]) == null || s.focus({ preventScroll: t });
     }
-    function o() {
+    function r() {
       var t;
-      const e = (t = f.value) == null ? void 0 : t.querySelectorAll("li");
+      const e = (t = g.value) == null ? void 0 : t.querySelectorAll("li");
       return e ? Array.from(e) : [];
     }
-    function C(e) {
-      return o()[e];
+    function T(e) {
+      return r()[e];
     }
-    function j() {
-      return o().indexOf(document.activeElement);
+    function U() {
+      return r().indexOf(document.activeElement);
     }
-    function m() {
-      const e = o(), t = e.find((l) => b(l));
+    function h() {
+      const e = r(), t = e.find((n) => I(n));
       return t ? e.indexOf(t) : -1;
     }
-    function h() {
-      const e = o(), t = [...e].reverse().find((l) => b(l));
+    function w() {
+      const e = r(), t = [...e].reverse().find((n) => I(n));
       return t ? e.indexOf(t) : -1;
     }
-    function I(e, t, l) {
-      return t === "prev" && e === 0 || t === "next" && e === l.length - 1;
+    function A(e, t, n) {
+      return t === "prev" && e <= 0 || t === "next" && e === n.length - 1;
     }
-    function q(e) {
-      const t = j();
-      return x(t, e);
+    function j(e) {
+      const t = U();
+      return S(t, e);
     }
-    function x(e, t) {
-      const l = o();
-      if (I(e, t, l))
+    function S(e, t) {
+      const n = r();
+      if (A(e, t, n))
         return e;
-      let n = e + (t === "next" ? 1 : -1);
-      for (; !b(l[n]); ) {
-        if (I(n, t, l))
+      let s = e + (t === "next" ? 1 : -1);
+      for (; !I(n[s]); ) {
+        if (A(s, t, n))
           return e;
-        n += t === "next" ? 1 : -1;
+        s += t === "next" ? 1 : -1;
       }
-      return n;
+      return s;
     }
-    function b(e) {
+    function I(e) {
       return e.tabIndex === -2;
     }
-    function O(e) {
-      return e ? s.items.filter((t) => t.group === e) : s.items;
+    function G(e) {
+      return e ? l.items.filter((t) => t.group === e) : l.items;
     }
-    return F({
+    return E({
       focusItem: i,
-      getItem: C,
-      getAdjacentItemIndex: x,
-      getFirstFocusableItemIndex: m,
-      getLastFocusableItemIndex: h
-    }), (e, t) => (a(), p(H(B.value), {
+      getItem: T,
+      getAdjacentItemIndex: S,
+      getFirstFocusableItemIndex: h,
+      getLastFocusableItemIndex: w
+    }), (e, t) => (d(), x(z(C.value), {
       ref_key: "listRef",
-      ref: f,
-      class: K(["q-list", { "q-list--disabled": s.disabled }, s.class]),
+      ref: g,
+      class: J(["q-list", { "q-list--disabled": l.disabled }, l.class]),
       role: "listbox",
-      tabindex: s.disabled ? -1 : 0,
-      onFocus: _,
-      onMousedown: M,
-      onMouseup: D,
-      onKeydown: E
+      tabindex: l.disabled ? -1 : 0,
+      onFocus: O,
+      onMousedown: $,
+      onMouseup: q,
+      onKeydown: Q
     }, {
-      default: g(() => [
-        (a(!0), w(
-          A,
+      default: b(() => [
+        (d(!0), B(
+          L,
           null,
-          S(d.value, (l) => (a(), p(V(R), {
-            id: l.id,
-            key: l.id,
-            title: d.value.length === 1 ? void 0 : l.title
+          M(a.value, (n, s) => (d(), x(_(P), {
+            id: n.id,
+            key: n.id,
+            title: a.value.length === 1 ? void 0 : n.title
           }, {
-            default: g(() => [
-              (a(!0), w(
-                A,
+            default: b(() => [
+              (d(!0), B(
+                L,
                 null,
-                S(O(l.id), (n) => (a(), p(V(z), {
-                  key: n[s.itemValue],
-                  value: n[s.itemValue],
-                  label: n[s.itemLabel],
-                  description: n.description,
-                  icon: n.icon,
-                  disabled: s.disabled || l.disabled || n.disabled,
-                  highlighted: s.highlighted === n[s.itemValue],
-                  selected: e.selectable && r.value === n[s.itemValue],
-                  onSelect: L
+                M(G(n.id), (o, V) => (d(), x(_(W), {
+                  key: o[l.itemValue],
+                  ref_for: !0,
+                  ref_key: "listItemsRef",
+                  ref: v,
+                  value: o[l.itemValue],
+                  label: o[l.itemLabel],
+                  description: o.description,
+                  icon: o.icon,
+                  disabled: l.disabled || n.disabled || o.disabled,
+                  highlighted: l.highlighted === o[l.itemValue],
+                  selected: e.selectable && f.value === o[l.itemValue],
+                  onSelect: R
                 }, {
-                  default: g(() => [
-                    N(e.$slots, "item", { item: n })
-                  ]),
+                  append: b(() => {
+                    var u, c;
+                    return [
+                      D(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
+                      })
+                    ];
+                  }),
+                  default: b(() => {
+                    var u, c;
+                    return [
+                      D(e.$slots, "item", {
+                        item: o,
+                        element: (c = (u = v.value) == null ? void 0 : u[V + s * a.value.length]) == null ? void 0 : c.$el
+                      })
+                    ];
+                  }),
                   _: 2
                   /* DYNAMIC */
                 }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selected"]))),
@@ -182,5 +200,5 @@ const P = /* @__PURE__ */ T({
   }
 });
 export {
-  P as default
+  Z as default
 };

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

@@ -3,7 +3,9 @@ import { Primitive } from '../../types/primitive';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
+        prepend?(_: {}): any;
         default?(_: {}): any;
+        append?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLLIElement;
@@ -14,8 +16,6 @@ declare const __VLS_component: import('vue').DefineComponent<QListItemProps, {},
 }, string, import('vue').PublicProps, Readonly<QListItemProps> & Readonly<{
     onSelect?: ((value: Primitive) => any) | undefined;
 }>, {
-    icon: import('../QIcon').Icon;
-    description: string;
     icons: typeof DEFAULT_ICONS;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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;AAyFC,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;AA4CxC,iBAAS,cAAc;WA+ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/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;AAgBpG,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":"AA8CA;AAyFC,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;WAgGT,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"}

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

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

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

@@ -8,9 +8,7 @@ declare function __VLS_template(): {
     rootEl: HTMLUListElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QListItemGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QListItemGroupProps> & Readonly<{}>, {
-    title: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
+declare const __VLS_component: import('vue').DefineComponent<QListItemGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QListItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1 +1 @@
-{"version":3,"file":"QListItemGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItemGroup.vue"],"names":[],"mappings":"AAgBA;AAiCC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAsBnD,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;0FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QListItemGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItemGroup.vue"],"names":[],"mappings":"AAgBA;AA+BC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAYnD,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+TAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}