@quidgest/ui 0.16.50 → 0.16.52

package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as F, mergeModels as _, useModel as A, ref as M, computed as q, useTemplateRef as U, resolveComponent as z, createBlock as x, openBlock as f, unref as y, normalizeClass as H, withCtx as d, createElementVNode as j, withModifiers as G, renderSlot as l, createVNode as E, createElementBlock as R, createCommentVNode as k, toDisplayString as J, Fragment as W, normalizeProps as b, guardReactiveProps as V, mergeProps as X, nextTick as Y } from "vue";
-import { QList as Z } from "../QList/index.js";
-import { QOverlay as K } from "../QOverlay/index.js";
-import { QIcon as ee } from "../QIcon/index.js";
-import { DEFAULT_ICONS as te } from "./constants.js";
-const oe = {
+import { defineComponent as U, mergeModels as _, useModel as A, ref as M, computed as q, useTemplateRef as z, resolveComponent as H, createBlock as x, openBlock as c, unref as y, normalizeClass as j, withCtx as u, createElementVNode as G, withModifiers as J, renderSlot as l, createVNode as E, createElementBlock as R, createCommentVNode as k, toDisplayString as W, Fragment as X, normalizeProps as b, guardReactiveProps as V, mergeProps as Y, nextTick as Z } from "vue";
+import { QList as K } from "../QList/index.js";
+import { QOverlay as ee } from "../QOverlay/index.js";
+import { QIcon as te } from "../QIcon/index.js";
+import { DEFAULT_ICONS as oe } from "./constants.js";
+const ne = {
   key: 0,
   class: "q-dropdown-menu__extra"
-}, re = /* @__PURE__ */ F({
+}, ue = /* @__PURE__ */ U({
   __name: "QDropdownMenuContent",
   props: /* @__PURE__ */ _({
     id: {},
@@ -23,7 +23,7 @@ const oe = {
     delay: { default: 500 },
     trigger: { default: "hover" },
     depth: { default: 0 },
-    icons: { default: () => te },
+    icons: { default: () => oe },
     offset: { default: 0 },
     crossOffset: { default: -5 }
   }, {
@@ -32,9 +32,9 @@ const oe = {
     highlighted: {},
     highlightedModifiers: {}
   }),
-  emits: /* @__PURE__ */ _(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
-  setup(u, { emit: $ }) {
-    const t = u, c = $, m = A(u, "modelValue"), s = A(u, "highlighted"), i = M(void 0), I = M([]), P = q(() => t.depth !== 0 ? t.offset : 4), S = q(() => t.depth !== 0 ? t.crossOffset : void 0), p = U("qListRef");
+  emits: /* @__PURE__ */ _(["select", "open", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
+  setup(d, { emit: $ }) {
+    const t = d, f = $, m = A(d, "modelValue"), s = A(d, "highlighted"), i = M(void 0), I = M([]), P = q(() => t.depth !== 0 ? t.offset : 4), S = q(() => t.depth !== 0 ? t.crossOffset : void 0), p = z("qListRef");
     function B(e) {
       var o;
       const n = (o = t.items) == null ? void 0 : o.find((r) => r[t.itemValue] === e);
@@ -63,16 +63,16 @@ const oe = {
       t.trigger === "hover" && (s.value = e, g(e));
     }
     function L(e) {
-      c("select", e), v();
+      f("select", e), v();
     }
     function N() {
       h();
     }
     function h() {
-      i.value = void 0, s.value = void 0, m.value = !1, c("focus-previous");
+      i.value = void 0, s.value = void 0, m.value = !1, f("focus-previous");
     }
     function v() {
-      h(), c("hide");
+      h(), f("hide");
     }
     function g(e) {
       i.value = e;
@@ -87,14 +87,17 @@ const oe = {
       i.value = void 0, s.value = void 0, n == null || n.focus();
     }
     function T() {
-      Y(() => {
+      Z(() => {
         var e;
         return (e = p.value) == null ? void 0 : e.$el.focus();
       });
     }
+    function F() {
+      f("open"), T();
+    }
     return (e, n) => {
-      const a = z("q-dropdown-menu-content", !0);
-      return f(), x(y(K), {
+      const a = H("q-dropdown-menu-content", !0);
+      return c(), x(y(ee), {
         id: t.id,
         modelValue: m.value,
         "onUpdate:modelValue": n[0] || (n[0] = (o) => m.value = o),
@@ -106,24 +109,24 @@ const oe = {
         "cross-offset": S.value,
         placement: t.placement,
         transition: t.transition,
-        class: H(t.class),
+        class: j(t.class),
         "scroll-lock": "",
         "non-modal": "",
-        onEnter: T,
+        onEnter: F,
         onLeave: N
       }, {
-        default: d(() => [
-          j(
+        default: u(() => [
+          G(
             "div",
             {
               class: "q-dropdown-menu__body",
               "data-testid": "dropdown-content",
               tabindex: "-1",
-              onKeydown: G(D, ["stop"])
+              onKeydown: J(D, ["stop"])
             },
             [
               l(e.$slots, "prepend"),
-              E(y(Z), {
+              E(y(K), {
                 ref: "qListRef",
                 class: "q-dropdown-menu__items",
                 highlighted: s.value,
@@ -132,38 +135,39 @@ const oe = {
                 "item-label": t.itemLabel,
                 "item-value": t.itemValue,
                 selectable: !1,
+                "select-on-tab": !1,
                 onClick: B,
                 "onMouseenter:item": O
               }, {
-                item: d(({ item: o }) => [
+                item: u(({ item: o }) => [
                   l(e.$slots, "item", { item: o })
                 ]),
-                "item.append": d(({ item: o, element: r }) => {
+                "item.append": u(({ item: o, element: r }) => {
                   var C;
                   return [
                     l(e.$slots, "item.append", { item: o }, () => [
-                      o.extraInfo ? (f(), R(
+                      o.extraInfo ? (c(), R(
                         "span",
-                        oe,
-                        J(o.extraInfo),
+                        ne,
+                        W(o.extraInfo),
                         1
                         /* TEXT */
                       )) : k("v-if", !0)
                     ]),
-                    ((C = o.items) == null ? void 0 : C.length) > 0 ? (f(), R(
-                      W,
+                    ((C = o.items) == null ? void 0 : C.length) > 0 ? (c(), R(
+                      X,
                       { key: 0 },
                       [
                         E(
-                          y(ee),
+                          y(te),
                           b(V(t.icons.expand)),
                           null,
                           16
                           /* FULL_PROPS */
                         ),
-                        i.value === o.key ? (f(), x(a, X({
+                        i.value === o.key ? (c(), x(a, Y({
                           key: 0,
-                          "model-value": u.modelValue
+                          "model-value": d.modelValue
                         }, t, {
                           activator: r,
                           items: o.items,
@@ -177,10 +181,10 @@ const oe = {
                           onSelect: L,
                           onFocusPrevious: Q
                         }), {
-                          item: d((w) => [
+                          item: u((w) => [
                             l(e.$slots, "item", b(V(w)))
                           ]),
-                          "item.append": d((w) => [
+                          "item.append": u((w) => [
                             l(e.$slots, "item.append", b(V(w)))
                           ]),
                           _: 2
@@ -208,5 +212,5 @@ const oe = {
   }
 });
 export {
-  re as default
+  ue as default
 };

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

@@ -7,12 +7,12 @@ declare const QDropdownMenu: {
         itemLabel?: string;
         items?: import('..').Item[];
         groups?: import('..').Group[];
-        appearance?: import('../../composables/overlay').Appearance;
-        placement?: import('../../composables/overlay').Placement;
+        appearance?: import('..').QOverlayAppearance;
+        placement?: import('..').QOverlayPlacement;
         transition?: string;
         inline?: boolean;
         delay?: number;
-        trigger?: import('../../composables/overlay').Trigger;
+        trigger?: import('..').QOverlayTrigger;
         depth?: number;
         icons?: typeof import('./constants').DEFAULT_ICONS;
     }> & Readonly<{
@@ -37,12 +37,12 @@ declare const QDropdownMenu: {
         itemLabel?: string;
         items?: import('..').Item[];
         groups?: import('..').Group[];
-        appearance?: import('../../composables/overlay').Appearance;
-        placement?: import('../../composables/overlay').Placement;
+        appearance?: import('..').QOverlayAppearance;
+        placement?: import('..').QOverlayPlacement;
         transition?: string;
         inline?: boolean;
         delay?: number;
-        trigger?: import('../../composables/overlay').Trigger;
+        trigger?: import('..').QOverlayTrigger;
         depth?: number;
         icons?: typeof import('./constants').DEFAULT_ICONS;
     }> & Readonly<{
@@ -60,12 +60,12 @@ declare const QDropdownMenu: {
     itemLabel?: string;
     items?: import('..').Item[];
     groups?: import('..').Group[];
-    appearance?: import('../../composables/overlay').Appearance;
-    placement?: import('../../composables/overlay').Placement;
+    appearance?: import('..').QOverlayAppearance;
+    placement?: import('..').QOverlayPlacement;
     transition?: string;
     inline?: boolean;
     delay?: number;
-    trigger?: import('../../composables/overlay').Trigger;
+    trigger?: import('..').QOverlayTrigger;
     depth?: number;
     icons?: typeof import('./constants').DEFAULT_ICONS;
 }> & Readonly<{

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

@@ -57,6 +57,7 @@ declare function __VLS_template(): {
                 readonly icon?: import('..').Icon | undefined;
                 readonly description?: string | undefined;
                 readonly selectable?: boolean | undefined;
+                readonly selectOnTab?: boolean | undefined;
                 readonly highlighted?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly icons?: typeof import('./constants').DEFAULT_ICONS | undefined;
@@ -88,6 +89,7 @@ declare function __VLS_template(): {
                 click: () => any;
             }, string, {
                 icons: typeof import('./constants').DEFAULT_ICONS;
+                selectOnTab: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -110,12 +112,13 @@ 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('./constants').DEFAULT_ICONS;
+            selectOnTab: boolean;
         }> & Omit<Readonly<{
             modelValue?: boolean;
         } & import('./types').QListItemProps> & Readonly<{
             onClick?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        }>, "icons" | "selectOnTab"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 prepend?(_: {}): any;
                 default?(_: {}): any;
@@ -141,6 +144,7 @@ declare const __VLS_component: import('vue').DefineComponent<QListProps, {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     "onMouseenter:item"?: ((key: any) => any) | undefined;
 }>, {
+    selectOnTab: boolean;
     groups: Group[];
     itemValue: string;
     itemLabel: string;
@@ -156,6 +160,7 @@ declare const __VLS_component: import('vue').DefineComponent<QListProps, {
             readonly icon?: import('..').Icon | undefined;
             readonly description?: string | undefined;
             readonly selectable?: boolean | undefined;
+            readonly selectOnTab?: boolean | undefined;
             readonly highlighted?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly icons?: typeof import('./constants').DEFAULT_ICONS | undefined;
@@ -187,6 +192,7 @@ declare const __VLS_component: import('vue').DefineComponent<QListProps, {
             click: () => any;
         }, string, {
             icons: typeof import('./constants').DEFAULT_ICONS;
+            selectOnTab: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -209,12 +215,13 @@ declare const __VLS_component: import('vue').DefineComponent<QListProps, {
         $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('./constants').DEFAULT_ICONS;
+        selectOnTab: boolean;
     }> & Omit<Readonly<{
         modelValue?: boolean;
     } & import('./types').QListItemProps> & Readonly<{
         onClick?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "icons"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }>, "icons" | "selectOnTab"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;
             default?(_: {}): 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":"AA8CA;AAmcC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA8OhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;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;AAyDF,iBAAS,cAAc;WA0IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA3FoD,GAAG,8CAE9F,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;EA0GnE;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCApIsE,GAAG,8CAE9F,GAAE,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;OA6IlE,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":"AA+CA;AAqcC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA+OhD,iBAAS,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAIrD;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,IAAI,MAAM,CAIpC;AAED;;;;;;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;AA0DF,iBAAS,cAAc;WA4IT,OAAO,IAA6B;;yBAdpB,GAAG;;;;YACN,GAAG;;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA9F2B,GAAG,8CAChC,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA8GzG;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAvI6C,GAAG,8CAChC,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAiJxG,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,4 +1,4 @@
-import { defineComponent as N, ref as b, computed as M, toRef as V, watch as X, createBlock as A, openBlock as m, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as v, renderSlot as L, createElementBlock as q, Fragment as E, renderList as T, unref as $ } from "vue";
+import { defineComponent as N, ref as b, computed as D, toRef as V, watch as X, createBlock as A, openBlock as m, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as v, renderSlot as L, createElementBlock as M, Fragment as q, renderList as E, unref as $ } from "vue";
 import { QListItemGroup as ee, QListItem as te } from "./index.js";
 import { useGroup as ne } from "../../composables/useGroup/index.js";
 const oe = /* @__PURE__ */ N({
@@ -11,6 +11,7 @@ const oe = /* @__PURE__ */ N({
     items: {},
     groups: { default: () => [] },
     selectable: { type: Boolean },
+    selectOnTab: { type: Boolean, default: !0 },
     multiple: { type: Boolean },
     disabled: { type: Boolean },
     required: { type: Boolean },
@@ -18,8 +19,8 @@ const oe = /* @__PURE__ */ N({
     itemLabel: { default: "label" }
   },
   emits: ["update:modelValue", "click", "mouseenter:item"],
-  setup(R, { expose: G, emit: O }) {
-    const n = R, g = O, h = b(!1), Q = M(() => a.value.length > 1 ? "div" : "ul"), a = M(() => n.groups.length ? n.groups.filter(
+  setup(O, { expose: R, emit: G }) {
+    const n = O, g = G, h = b(!1), Q = D(() => u.value.length > 1 ? "div" : "ul"), u = D(() => n.groups.length ? n.groups.filter(
       (e) => {
         var t;
         return (t = n.items) == null ? void 0 : t.some((l) => l.group === e.id);
@@ -47,8 +48,8 @@ const oe = /* @__PURE__ */ N({
         return;
       let t = -1;
       n.multiple ? ((s = r.value) == null ? void 0 : s.length) > 0 && (t = n.items.findIndex(
-        (u) => r.value.includes(u[n.itemValue])
-      )) : r.value && (t = n.items.findIndex((u) => u[n.itemValue] === r.value)), t === -1 && (t = y());
+        (a) => r.value.includes(a[n.itemValue])
+      )) : r.value && (t = n.items.findIndex((a) => a[n.itemValue] === r.value)), t === -1 && (t = y());
       const l = h.value;
       c(t, l);
     }
@@ -94,7 +95,7 @@ const oe = /* @__PURE__ */ N({
           c(y());
           break;
         case "last":
-          c(F());
+          c(B());
           break;
       }
     }
@@ -117,24 +118,24 @@ const oe = /* @__PURE__ */ N({
       const e = o(), t = e.find((l) => x(l));
       return t ? e.indexOf(t) : -1;
     }
-    function F() {
+    function B() {
       const e = o(), t = [...e].reverse().find((l) => x(l));
       return t ? e.indexOf(t) : -1;
     }
-    function B(e, t, l) {
+    function F(e, t, l) {
       return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
     }
     function W(e) {
       const t = _();
-      return D(t, e);
+      return T(t, e);
     }
-    function D(e, t) {
+    function T(e, t) {
       const l = o();
-      if (B(e, t, l))
+      if (F(e, t, l))
         return e;
       let i = e + (t === "next" ? 1 : -1);
       for (; !x(l[i]); ) {
-        if (B(i, t, l))
+        if (F(i, t, l))
           return e;
         i += t === "next" ? 1 : -1;
       }
@@ -149,12 +150,12 @@ const oe = /* @__PURE__ */ N({
     }
     return X(r, (e) => {
       g("update:modelValue", e);
-    }), G({
+    }), R({
       getItem: P,
       getActiveItemIndex: _,
-      getAdjacentItemIndex: D,
+      getAdjacentItemIndex: T,
       getFirstFocusableItemIndex: y,
-      getLastFocusableItemIndex: F
+      getLastFocusableItemIndex: B
     }), (e, t) => (m(), A(Y(Q.value), {
       id: n.id,
       ref_key: "listRef",
@@ -169,19 +170,19 @@ const oe = /* @__PURE__ */ N({
     }, {
       default: v(() => [
         L(e.$slots, "default", {}, () => [
-          (m(!0), q(
-            E,
+          (m(!0), M(
+            q,
             null,
-            T(a.value, (l, i) => (m(), A($(ee), {
+            E(u.value, (l, i) => (m(), A($(ee), {
               id: l.id,
               key: l.id,
-              title: a.value.length === 1 ? void 0 : l.title
+              title: u.value.length === 1 ? void 0 : l.title
             }, {
               default: v(() => [
-                (m(!0), q(
-                  E,
+                (m(!0), M(
+                  q,
                   null,
-                  T(J(l.id), (s, u) => (m(), A($(te), {
+                  E(J(l.id), (s, a) => (m(), A($(te), {
                     key: s[n.itemValue],
                     ref_for: !0,
                     ref_key: "listItemsRef",
@@ -193,6 +194,7 @@ const oe = /* @__PURE__ */ N({
                     disabled: n.disabled || l.disabled || s.disabled,
                     highlighted: n.highlighted === s[n.itemValue],
                     selectable: n.selectable || n.multiple || s.selectable,
+                    "select-on-tab": n.selectOnTab,
                     onClick: () => S(s[n.itemValue]),
                     onMouseenter: () => U(s[n.itemValue])
                   }, {
@@ -201,7 +203,7 @@ const oe = /* @__PURE__ */ N({
                       return [
                         L(e.$slots, "item.append", {
                           item: s,
-                          element: (f = (d = k.value) == null ? void 0 : d[u + i * a.value.length]) == null ? void 0 : f.$el
+                          element: (f = (d = k.value) == null ? void 0 : d[a + i * u.value.length]) == null ? void 0 : f.$el
                         })
                       ];
                     }),
@@ -210,13 +212,13 @@ const oe = /* @__PURE__ */ N({
                       return [
                         L(e.$slots, "item", {
                           item: s,
-                          element: (f = (d = k.value) == null ? void 0 : d[u + i * a.value.length]) == null ? void 0 : f.$el
+                          element: (f = (d = k.value) == null ? void 0 : d[a + i * u.value.length]) == null ? void 0 : f.$el
                         })
                       ];
                     }),
                     _: 2
                     /* DYNAMIC */
-                  }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selectable", "onClick", "onMouseenter"]))),
+                  }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selectable", "select-on-tab", "onClick", "onMouseenter"]))),
                   128
                   /* KEYED_FRAGMENT */
                 ))

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

@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     icons: typeof DEFAULT_ICONS;
+    selectOnTab: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"AAiDA;AA0HC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAM3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AA8DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmGT,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"}
+{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAiDA;AA2HC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAM3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAgEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmGT,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,15 +1,15 @@
-import { defineComponent as q, mergeModels as p, useModel as w, watch as B, createElementBlock as d, openBlock as o, withModifiers as V, normalizeClass as C, unref as s, renderSlot as c, createElementVNode as r, createCommentVNode as n, createBlock as f, createTextVNode as E, normalizeProps as h, mergeProps as _, toDisplayString as v, createVNode as I, guardReactiveProps as N } from "vue";
-import { DEFAULT_ICONS as D } from "./constants.js";
+import { defineComponent as q, mergeModels as p, useModel as B, watch as w, createElementBlock as c, openBlock as o, withModifiers as V, normalizeClass as C, unref as s, renderSlot as d, createElementVNode as r, createCommentVNode as n, createBlock as f, createTextVNode as E, normalizeProps as h, mergeProps as _, toDisplayString as b, createVNode as I, guardReactiveProps as N } from "vue";
+import { DEFAULT_ICONS as T } from "./constants.js";
 import { QIcon as m } from "../QIcon/index.js";
-import { useId as L } from "../../composables/uid.js";
-import { useGroupItem as M } from "../../composables/useGroup/index.js";
-const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { class: "q-list-item__container" }, x = { class: "q-list-item__content" }, S = {
+import { useId as D } from "../../composables/uid.js";
+import { useGroupItem as L } from "../../composables/useGroup/index.js";
+const M = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], P = { class: "q-list-item__container" }, Q = { class: "q-list-item__content" }, x = {
   key: 0,
   class: "q-list-item__description"
-}, T = {
+}, O = {
   key: 0,
   class: "q-list-item__check-container"
-}, O = /* @__PURE__ */ q({
+}, G = /* @__PURE__ */ q({
   __name: "QListItem",
   props: /* @__PURE__ */ p({
     value: {},
@@ -17,16 +17,17 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
     icon: {},
     description: {},
     selectable: { type: Boolean },
+    selectOnTab: { type: Boolean, default: !0 },
     highlighted: { type: Boolean },
     disabled: { type: Boolean },
-    icons: { default: () => D }
+    icons: { default: () => T }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ p(["click"], ["update:modelValue"]),
-  setup(u, { emit: b }) {
-    const e = u, k = b, l = w(u, "modelValue"), y = L(), i = M(e.value);
+  setup(u, { emit: v }) {
+    const e = u, k = v, l = B(u, "modelValue"), y = D(), i = L(e.value);
     if (!i)
       throw new Error(
         "QListItem: Failed to retrieve group item. Ensure the component is used within a QList context."
@@ -35,9 +36,9 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
       e.disabled || (k("click"), e.selectable && (i == null || i.toggle()));
     }
     function g(t) {
-      t.key === "Tab" && a(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), a());
+      t.key === "Tab" && e.selectOnTab && a(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), a());
     }
-    return B(
+    return w(
       i.isActive,
       (t) => {
         l.value = t;
@@ -45,7 +46,7 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
       {
         immediate: !0
       }
-    ), (t, $) => (o(), d("li", {
+    ), (t, S) => (o(), c("li", {
       id: s(y),
       "data-key": e.value,
       role: "option",
@@ -64,10 +65,10 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
       onKeydown: g,
       onClick: V(a, ["stop", "prevent"])
     }, [
-      c(t.$slots, "prepend"),
-      r("div", Q, [
-        r("div", x, [
-          c(t.$slots, "default", {}, () => [
+      d(t.$slots, "prepend"),
+      r("div", P, [
+        r("div", Q, [
+          d(t.$slots, "default", {}, () => [
             e.icon ? (o(), f(
               s(m),
               h(_({ key: 0 }, e.icon)),
@@ -76,13 +77,13 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
               /* FULL_PROPS */
             )) : n("v-if", !0),
             E(
-              " " + v(e.label),
+              " " + b(e.label),
               1
               /* TEXT */
             )
           ])
         ]),
-        e.description ? (o(), d("div", S, [
+        e.description ? (o(), c("div", x, [
           I(
             s(m),
             h(N(e.icons.description)),
@@ -93,14 +94,14 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
           r(
             "span",
             null,
-            v(e.description),
+            b(e.description),
             1
             /* TEXT */
           )
         ])) : n("v-if", !0)
       ]),
-      c(t.$slots, "append"),
-      e.selectable ? (o(), d("div", T, [
+      d(t.$slots, "append"),
+      e.selectable ? (o(), c("div", O, [
         l.value ? (o(), f(
           s(m),
           _({ key: 0 }, e.icons.check, { class: "q-list-item__check" }),
@@ -109,9 +110,9 @@ const P = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], Q = { c
           /* FULL_PROPS */
         )) : n("v-if", !0)
       ])) : n("v-if", !0)
-    ], 42, P));
+    ], 42, M));
   }
 });
 export {
-  O as default
+  G as default
 };