@quidgest/ui 0.16.14 → 0.16.16

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

@@ -15,6 +15,7 @@ declare const QDialog: {
         icons?: typeof import('./types').DEFAULT_ICONS;
         size?: import('./types').QDialogSize;
         centerVertically?: boolean;
+        input?: import('./types').QDialogInputOption;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -54,6 +55,7 @@ declare const QDialog: {
         icons?: typeof import('./types').DEFAULT_ICONS;
         size?: import('./types').QDialogSize;
         centerVertically?: boolean;
+        input?: import('./types').QDialogInputOption;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onEnter?: (() => any) | undefined;
@@ -85,6 +87,7 @@ declare const QDialog: {
     icons?: typeof import('./types').DEFAULT_ICONS;
     size?: import('./types').QDialogSize;
     centerVertically?: boolean;
+    input?: import('./types').QDialogInputOption;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onEnter?: (() => any) | undefined;
@@ -105,13 +108,19 @@ declare const QDialog: {
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         header?(_: {}): any;
+        'header.prepend'?(_: {}): any;
+        'header.append'?(_: {}): any;
         body?(_: {}): any;
         'body.icon'?(_: {}): any;
         'body.append'?(_: {}): any;
-        footer?(_: {}): any;
+        'footer.append'?(_: {}): any;
     };
 });
-declare const QDialogProvider: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const QDialogProvider: import('vue').DefineComponent<import('./types').QDialogProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    leave: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('./types').QDialogProviderProps> & Readonly<{
+    onLeave?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export { QDialog, QDialogProvider };
 export type { DialogButton };
 //# sourceMappingURL=index.d.ts.map

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":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe,+QAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,YAAY,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AACzC,QAAA,MAAM,eAAe;;;;kFAAoC,CAAA;AAGzD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA;AAGnC,YAAY,EAAE,YAAY,EAAE,CAAA"}

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

@@ -53,6 +53,10 @@ export type QDialogProps = QBaseComponentProps & {
      * Whether to vertically align the dialog to the center (true) or top (false)
      */
     centerVertically?: boolean;
+    /**
+     * The input control configuration.
+     */
+    input?: QDialogInputOption;
 };
 export type DialogButton = {
     /**
@@ -67,13 +71,39 @@ export type DialogButton = {
      * The action that the button performs when clicked.
      */
     action?: {
-        (): void;
+        (value?: string): void;
     };
     /**
      * The generic button props.
      */
     props: QButtonProps;
 };
+export type QDialogOptions = {
+    /**
+     * Options for input control to add.
+     */
+    input?: QDialogInputOption;
+};
+export type QDialogInputOption = {
+    /**
+     * Control type.
+     */
+    type: string;
+    /**
+     * Control placeholder text.
+     */
+    placeholder?: string;
+    /**
+     * Function to validate value entered.
+     */
+    validator?: (value: string) => string | undefined;
+};
+export type QDialogProviderProps = {
+    /**
+     * Whether to inline the dialogs
+     */
+    inline?: boolean;
+};
 export declare const DEFAULT_BUTTONS: Array<DialogButton>;
 export declare const DEFAULT_ICON: Icon;
 export declare const DEFAULT_ICONS: {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,IAAI,CAAA;KAAE,CAAA;IAErB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEjE,MAAM,MAAM,YAAY,GAAG,mBAAmB,GAAG;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAElB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAA;IAEnC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,kBAAkB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CACjD,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,YAAY,CAW/C,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,IAE1B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}

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

@@ -1,6 +1,6 @@
-import { defineComponent as u, mergeModels as n, useModel as d, createBlock as p, openBlock as c, mergeProps as f } from "vue";
+import { defineComponent as d, mergeModels as n, useModel as p, createBlock as u, openBlock as c, mergeProps as f } from "vue";
 import V from "./QDropdownMenuContent.vue.js";
-const _ = /* @__PURE__ */ u({
+const M = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "QDropdownMenu",
   props: /* @__PURE__ */ n({
@@ -16,6 +16,8 @@ const _ = /* @__PURE__ */ u({
     groups: {},
     itemValue: {},
     itemLabel: {},
+    trigger: {},
+    depth: {},
     icons: {}
   }, {
     modelValue: { type: Boolean },
@@ -23,17 +25,17 @@ const _ = /* @__PURE__ */ u({
   }),
   emits: /* @__PURE__ */ n(["select"], ["update:modelValue"]),
   setup(e, { emit: a }) {
-    const m = e, s = a, o = d(e, "modelValue");
-    function i(t) {
-      s("select", t);
+    const m = e, i = a, o = p(e, "modelValue");
+    function r(t) {
+      i("select", t);
     }
-    return (t, l) => (c(), p(V, f(m, {
+    return (t, l) => (c(), u(V, f(m, {
       modelValue: o.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (r) => o.value = r),
-      onSelect: i
+      "onUpdate:modelValue": l[0] || (l[0] = (s) => o.value = s),
+      onSelect: r
     }), null, 16, ["modelValue"]));
   }
 });
 export {
-  _ as default
+  M as default
 };

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

@@ -17,7 +17,7 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {
-        listRef: ({
+        qListRef: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -35,6 +35,7 @@ declare function __VLS_template(): {
                 readonly required?: boolean | undefined;
                 readonly onClick?: ((key: any) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -125,7 +126,7 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void);
+            $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void) & ((event: "mouseenter:item", key: any) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: any;
@@ -142,8 +143,10 @@ declare function __VLS_template(): {
             }> & Readonly<{
                 onClick?: ((key: any) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                "onMouseenter:item"?: ((key: any) => any) | undefined;
             }>, {
                 getItem: (idx: number) => HTMLElement | undefined;
+                getActiveItemIndex: () => number;
                 getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
                 getFirstFocusableItemIndex: () => number;
                 getLastFocusableItemIndex: () => number;
@@ -151,6 +154,7 @@ declare function __VLS_template(): {
                 "update:modelValue": (value: any) => any;
             } & {
                 click: (key: any) => any;
+                "mouseenter:item": (key: any) => any;
             }, string, {
                 groups: import('../QList/types').Group[];
                 itemValue: string;
@@ -194,8 +198,10 @@ declare function __VLS_template(): {
         }> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
+            "onMouseenter:item"?: ((key: any) => any) | undefined;
+        }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
             getItem: (idx: number) => HTMLElement | undefined;
+            getActiveItemIndex: () => number;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
             getFirstFocusableItemIndex: () => number;
             getLastFocusableItemIndex: () => number;
@@ -221,9 +227,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:highlighted": (value: any) => any;
 } & {
     select: (item: any) => any;
+    hide: () => any;
+    "focus-previous": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelect?: ((item: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onHide?: (() => any) | undefined;
+    "onFocus-previous"?: (() => any) | undefined;
     "onUpdate:highlighted"?: ((value: any) => any) | undefined;
 }>, {
     transition: string;
@@ -239,7 +249,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     trigger: import('../../composables/overlay').Trigger;
     depth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    listRef: ({
+    qListRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -257,6 +267,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             readonly required?: boolean | undefined;
             readonly onClick?: ((key: any) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            readonly "onMouseenter:item"?: ((key: any) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
@@ -347,7 +358,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void);
+        $emit: ((event: "click", key: any) => void) & ((event: "update:modelValue", value: any) => void) & ((event: "mouseenter:item", key: any) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: any;
@@ -364,8 +375,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }> & Readonly<{
             onClick?: ((key: any) => any) | undefined;
             "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            "onMouseenter:item"?: ((key: any) => any) | undefined;
         }>, {
             getItem: (idx: number) => HTMLElement | undefined;
+            getActiveItemIndex: () => number;
             getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
             getFirstFocusableItemIndex: () => number;
             getLastFocusableItemIndex: () => number;
@@ -373,6 +386,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             "update:modelValue": (value: any) => any;
         } & {
             click: (key: any) => any;
+            "mouseenter:item": (key: any) => any;
         }, string, {
             groups: import('../QList/types').Group[];
             itemValue: string;
@@ -416,8 +430,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }> & Readonly<{
         onClick?: ((key: any) => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    }>, "getItem" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
+        "onMouseenter:item"?: ((key: any) => any) | undefined;
+    }>, "getItem" | "getActiveItemIndex" | "getAdjacentItemIndex" | "getFirstFocusableItemIndex" | "getLastFocusableItemIndex" | ("groups" | "itemValue" | "itemLabel")> & import('vue').ShallowUnwrapRef<{
         getItem: (idx: number) => HTMLElement | undefined;
+        getActiveItemIndex: () => number;
         getAdjacentItemIndex: (idx: number, direction: "next" | "prev") => number;
         getFirstFocusableItemIndex: () => number;
         getLastFocusableItemIndex: () => number;

package/esm/components/QDropdownMenu/QDropdownMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAiDA;AA2IC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,EAAY,QAAQ,EAAO,MAAM,KAAK,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAwF9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA8HT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmEs+Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAnDloa;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+Bw/Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBjoa,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":"QDropdownMenuContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/QDropdownMenuContent.vue"],"names":[],"mappings":"AAuEA;AA4QC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,EAAiB,QAAQ,EAAkB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAiM9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAiMT,OAAO,IAA6B;;;;YAZvB,GAAG;;;YACM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA0E60I,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA1Dz+I;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+B+1I,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBx+I,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/QDropdownMenu/QDropdownMenuContent.vue.js

@@ -1,17 +1,14 @@
-import { defineComponent as B, mergeModels as c, useModel as m, ref as p, computed as h, createBlock as L, openBlock as g, unref as v, normalizeClass as M, withCtx as i, createElementVNode as O, createVNode as E, renderSlot as y, createElementBlock as I, createCommentVNode as N, toDisplayString as S, nextTick as q } from "vue";
-import { QList as D } from "../QList/index.js";
-import { QOverlay as Q } from "../QOverlay/index.js";
-import { DEFAULT_ICONS as $ } from "./types.js";
-const R = {
-  class: "q-dropdown-menu__body",
-  "data-testid": "dropdown-content",
-  tabindex: "-1"
-}, T = {
+import { defineComponent as Q, mergeModels as V, useModel as _, ref as x, computed as I, useTemplateRef as T, resolveComponent as F, createBlock as L, openBlock as u, unref as v, normalizeClass as U, withCtx as g, createElementVNode as $, withModifiers as z, createVNode as C, renderSlot as A, createElementBlock as M, createCommentVNode as w, toDisplayString as H, Fragment as j, normalizeProps as G, guardReactiveProps as J, mergeProps as W, nextTick as X } from "vue";
+import { QList as Y } from "../QList/index.js";
+import { QOverlay as Z } from "../QOverlay/index.js";
+import { QIcon as K } from "../QIcon/index.js";
+import { DEFAULT_ICONS as ee } from "./types.js";
+const te = {
   key: 0,
   class: "q-dropdown-menu__extra"
-}, j = /* @__PURE__ */ B({
+}, se = /* @__PURE__ */ Q({
   __name: "QDropdownMenuContent",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ V({
     id: {},
     class: {},
     activator: {},
@@ -24,91 +21,181 @@ const R = {
     groups: { default: () => [] },
     itemValue: { default: "key" },
     itemLabel: { default: "label" },
-    icons: { default: () => $ },
-    trigger: { default: "click" },
+    trigger: { default: "hover" },
+    depth: { default: 0 },
+    icons: { default: () => ee },
     offset: { default: 0 },
-    crossOffset: { default: -5 },
-    depth: { default: 0 }
+    crossOffset: { default: -5 }
   }, {
     modelValue: { type: Boolean },
     modelModifiers: {},
     highlighted: {},
     highlightedModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["select"], ["update:modelValue", "update:highlighted"]),
-  setup(l, { emit: V }) {
-    const e = l, _ = V, s = m(l, "modelValue"), n = m(l, "highlighted"), d = p([]), b = h(() => e.depth !== 0 ? e.offset : 4), k = h(() => e.depth !== 0 ? e.crossOffset : void 0), r = p(null);
-    function C(o) {
-      var u;
-      _("select", o);
-      const a = (u = e.items) == null ? void 0 : u.find((f) => f[e.itemValue] === f);
-      d.value = (a == null ? void 0 : a.items) ?? [];
-      const t = d.value.length > 0;
-      n.value = t ? o : void 0, t || w();
+  emits: /* @__PURE__ */ V(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
+  setup(r, { emit: q }) {
+    const e = r, d = q, c = _(r, "modelValue"), l = _(r, "highlighted"), i = x(void 0), y = x([]), E = I(() => e.depth !== 0 ? e.offset : 4), R = I(() => e.depth !== 0 ? e.crossOffset : void 0), f = T("qListRef");
+    function P(t) {
+      var o;
+      const n = (o = e.items) == null ? void 0 : o.find((s) => s[e.itemValue] === t);
+      y.value = (n == null ? void 0 : n.items) ?? [];
+      const a = y.value.length > 0;
+      l.value = t, a ? h(t) : k(t);
     }
-    function w() {
-      s.value = !1;
+    function S(t) {
+      var n;
+      if (t.key)
+        switch (["Enter", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(t.key) && (t.preventDefault(), t.stopPropagation()), t.key) {
+          case "ArrowRight":
+            const a = (n = f.value) == null ? void 0 : n.getActiveItemIndex();
+            e.items && (a || a === 0) && e.items[a] && (l.value = e.items[a].key, h(e.items[a].key));
+            break;
+          case "ArrowLeft":
+            m();
+            break;
+          case "Escape":
+          case "Tab":
+            p();
+            break;
+        }
     }
-    function x() {
-      q(() => {
-        var o;
-        return (o = r.value) == null ? void 0 : o.$el.focus();
+    function B(t) {
+      e.trigger === "hover" && (l.value = t, h(t));
+    }
+    function k(t) {
+      d("select", t), p();
+    }
+    function D() {
+      m();
+    }
+    function m() {
+      i.value = void 0, l.value = void 0, c.value = !1, d("focus-previous");
+    }
+    function p() {
+      m(), d("hide");
+    }
+    function h(t) {
+      i.value = t;
+    }
+    function O() {
+      var a, o;
+      const t = (a = e.items) == null ? void 0 : a.findIndex(
+        (s) => s[e.itemValue] === i.value
+      );
+      if (!t && t !== 0) return;
+      const n = (o = f.value) == null ? void 0 : o.getItem(t);
+      i.value = void 0, l.value = void 0, n == null || n.focus();
+    }
+    function N() {
+      X(() => {
+        var t;
+        return (t = f.value) == null ? void 0 : t.$el.focus();
       });
     }
-    return (o, a) => (g(), L(v(Q), {
-      id: e.id,
-      modelValue: s.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (t) => s.value = t),
-      anchor: e.activator,
-      appearance: e.appearance,
-      inline: e.inline,
-      delay: e.delay,
-      offset: b.value,
-      "cross-offset": k.value,
-      placement: e.placement,
-      transition: e.transition,
-      class: M(e.class),
-      trigger: e.trigger,
-      "scroll-lock": "",
-      onEnter: x
-    }, {
-      default: i(() => [
-        O("div", R, [
-          E(v(D), {
-            ref_key: "listRef",
-            ref: r,
-            class: "q-dropdown-menu__items",
-            highlighted: n.value,
-            items: e.items,
-            groups: e.groups,
-            "item-label": e.itemLabel,
-            "item-value": e.itemValue,
-            onClick: C
-          }, {
-            item: i(({ item: t }) => [
-              y(o.$slots, "item", { item: t })
-            ]),
-            "item.append": i(({ item: t }) => [
-              y(o.$slots, "item.append", { item: t }, () => [
-                t.extraInfo ? (g(), I(
-                  "span",
-                  T,
-                  S(t.extraInfo),
-                  1
-                  /* TEXT */
-                )) : N("v-if", !0)
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
-        ])
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["id", "modelValue", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class", "trigger"]));
+    return (t, n) => {
+      const a = F("q-dropdown-menu-content", !0);
+      return u(), L(v(Z), {
+        id: e.id,
+        modelValue: c.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => c.value = o),
+        anchor: e.activator,
+        appearance: e.appearance,
+        inline: e.inline,
+        delay: e.delay,
+        offset: E.value,
+        "cross-offset": R.value,
+        placement: e.placement,
+        transition: e.transition,
+        class: U(e.class),
+        "scroll-lock": "",
+        "non-modal": "",
+        onEnter: N,
+        onLeave: D
+      }, {
+        default: g(() => [
+          $(
+            "div",
+            {
+              class: "q-dropdown-menu__body",
+              "data-testid": "dropdown-content",
+              tabindex: "-1",
+              onKeydown: z(S, ["stop"])
+            },
+            [
+              C(v(Y), {
+                ref: "qListRef",
+                class: "q-dropdown-menu__items",
+                highlighted: l.value,
+                items: e.items,
+                groups: e.groups,
+                "item-label": e.itemLabel,
+                "item-value": e.itemValue,
+                selectable: !1,
+                onClick: P,
+                "onMouseenter:item": B
+              }, {
+                item: g(({ item: o }) => [
+                  A(t.$slots, "item", { item: o })
+                ]),
+                "item.append": g(({ item: o, element: s }) => {
+                  var b;
+                  return [
+                    A(t.$slots, "item.append", { item: o }, () => [
+                      o.extraInfo ? (u(), M(
+                        "span",
+                        te,
+                        H(o.extraInfo),
+                        1
+                        /* TEXT */
+                      )) : w("v-if", !0)
+                    ]),
+                    ((b = o.items) == null ? void 0 : b.length) > 0 ? (u(), M(
+                      j,
+                      { key: 0 },
+                      [
+                        C(
+                          v(K),
+                          G(J(e.icons.expand)),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        ),
+                        i.value === o.key ? (u(), L(a, W({
+                          key: 0,
+                          "model-value": r.modelValue
+                        }, e, {
+                          activator: s,
+                          items: o.items,
+                          groups: o.groups,
+                          depth: e.depth + 1,
+                          delay: e.delay,
+                          placement: "right-start",
+                          "non-modal": "",
+                          inline: "",
+                          onHide: p,
+                          onSelect: k,
+                          onFocusPrevious: O
+                        }), null, 16, ["model-value", "activator", "items", "groups", "depth", "delay"])) : w("v-if", !0)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    )) : w("v-if", !0)
+                  ];
+                }),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["highlighted", "items", "groups", "item-label", "item-value"])
+            ],
+            32
+            /* NEED_HYDRATION */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["id", "modelValue", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class"]);
+    };
   }
 });
 export {
-  j as default
+  se as default
 };

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

@@ -11,6 +11,8 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
     groups?: import('../QList/types').Group[];
     itemValue?: string;
     itemLabel?: string;
+    trigger?: import('../../composables/overlay').Trigger;
+    depth?: number;
     icons?: typeof import('./types').DEFAULT_ICONS;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
@@ -29,6 +31,8 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
     groups?: import('../QList/types').Group[];
     itemValue?: string;
     itemLabel?: string;
+    trigger?: import('../../composables/overlay').Trigger;
+    depth?: number;
     icons?: typeof import('./types').DEFAULT_ICONS;
 }> & Readonly<{
     onSelect?: ((item: any) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -45,16 +45,20 @@ export type QDropdownMenuProps = QBaseComponentProps & {
      * Property on each item that contains its title.
      */
     itemLabel?: string;
+    /**
+     * The method to trigger the dropdown submenus.
+     */
+    trigger?: Trigger;
+    /**
+     * Depth for recursive nesting
+     */
+    depth?: number;
     /**
      * Custom icon configurations.
      */
     icons?: typeof DEFAULT_ICONS;
 };
 export type QDropdownMenuContentProps = QDropdownMenuProps & {
-    /**
-     * The method to trigger the dropdown menu.
-     */
-    trigger?: Trigger;
     /**
      * Offset the dropdown menu in the given amount of pixels.
      */
@@ -63,10 +67,6 @@ export type QDropdownMenuContentProps = QDropdownMenuProps & {
      * Offset the dropdown menu in the given amount of pixels (opposite to the main axis).
      */
     crossOffset?: number;
-    /**
-     * Depth for recursive nesting
-     */
-    depth?: number;
 };
 export declare const DEFAULT_ICONS: {
     expand: {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;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,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAC/E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;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,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG;IAC5D;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}