@quidgest/ui 0.17.9 → 0.19.0

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

@@ -1,8 +1,17 @@
 import { DEFAULT_ICONS } from './constants';
 import { Item } from '../QList';
 import { QDropdownMenuContentProps } from '.';
-import { nextTick } from 'vue';
+import { ComponentPublicInstance, nextTick } from 'vue';
 type __VLS_Props = QDropdownMenuContentProps;
+/**
+ * Opens/highlights the item under the pointer. Needed when the pointer
+ * arrives via the safe triangle (or a submenu opens under the cursor),
+ * because `mouseenter` does not fire in those cases.
+ *
+ * @param clientX - The pointer x coordinate.
+ * @param clientY - The pointer y coordinate.
+ */
+declare function syncHoverFromPoint(clientX: number, clientY: number): void;
 type __VLS_PublicProps = {
     modelValue?: boolean;
     'highlighted'?: any;
@@ -29,7 +38,8 @@ declare function __VLS_template(): {
         }): void;
     };
     refs: {
-        qListRef: ({
+        body: HTMLDivElement;
+        list: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
@@ -80,8 +90,8 @@ declare function __VLS_template(): {
                     $slots: Readonly<{
                         [name: string]: import('vue').Slot<any> | undefined;
                     }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
+                    $root: ComponentPublicInstance | null;
+                    $parent: ComponentPublicInstance | null;
                     $host: Element | null;
                     $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
                     $el: HTMLLIElement;
@@ -112,7 +122,7 @@ declare function __VLS_template(): {
                         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)[];
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                     };
                     $forceUpdate: () => void;
                     $nextTick: typeof nextTick;
@@ -136,8 +146,8 @@ declare function __VLS_template(): {
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
             $host: Element | null;
             $emit: ((event: "update:modelValue", val: any) => void) & ((event: "click", key: any) => void) & ((event: "mouseenter:item", key: any) => void);
             $el: any;
@@ -175,7 +185,7 @@ declare function __VLS_template(): {
                 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)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
             };
             $forceUpdate: () => void;
             $nextTick: typeof nextTick;
@@ -212,7 +222,12 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    getMenuRect: () => DOMRect | null;
+    getMenuRoot: () => Element | null;
+    hasOpenSubmenu: () => boolean;
+    syncHoverFromPoint: typeof syncHoverFromPoint;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
     "update:highlighted": (value: any) => any;
 } & {
@@ -241,7 +256,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     trigger: import('..').QOverlayTrigger;
     depth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    qListRef: ({
+    body: HTMLDivElement;
+    list: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
@@ -292,8 +308,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 $slots: Readonly<{
                     [name: string]: import('vue').Slot<any> | undefined;
                 }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
+                $root: ComponentPublicInstance | null;
+                $parent: ComponentPublicInstance | null;
                 $host: Element | null;
                 $emit: ((event: "update:modelValue", value: boolean) => void) & ((event: "click") => void);
                 $el: HTMLLIElement;
@@ -324,7 +340,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                     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)[];
+                    errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
                 };
                 $forceUpdate: () => void;
                 $nextTick: typeof nextTick;
@@ -348,8 +364,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
         $host: Element | null;
         $emit: ((event: "update:modelValue", val: any) => void) & ((event: "click", key: any) => void) & ((event: "mouseenter:item", key: any) => void);
         $el: any;
@@ -387,7 +403,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             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)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;

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":"AAqFA;AAuSC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAQ3C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAGlD,OAAO,EAAiB,QAAQ,EAAkB,MAAM,KAAK,CAAA;AAE7D,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAiN9C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAqNT,OAAO,IAA6B;;mBArZrC,IAAI;kBACL,IAAI;oBACF;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;6BACZ;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;;mBAH/B,IAAI;kBACL,IAAI;oBACF;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;6BACZ;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAidu4G,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA1DxiH;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA+B85G,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OArBviH,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":"AAiGA;AA8gBC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAS3C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAA+B,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAC/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,KAAK,CAAA;AAGlD,OAAO,EAAiB,QAAQ,EAAyB,MAAM,KAAK,CAAA;AAGpE,KAAK,WAAW,GAAG,yBAAyB,CAAC;AAsL7C;;;;;;;GAOG;AACH,iBAAS,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,QAQ3D;AAyPF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACnB,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WAkPT,OAAO,IAA6B;;mBAhqBrC,IAAI;kBACL,IAAI;oBACF;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;6BACZ;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;;mBAH/B,IAAI;kBACL,IAAI;oBACF;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;6BACZ;YAAE,IAAI,EAAE,IAAI,CAAA;SAAE,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAmbH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAEzH,GADE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCADuC,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAEzH,GADE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8OD;AAoCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CApRoB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAEzH,GADE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCADuC,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAEzH,GADE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA8RA,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

@@ -2,14 +2,16 @@ import { QIcon as e } from "../QIcon/index.js";
 import { QList as t } from "../QList/index.js";
 import { QOverlay as n } from "../QOverlay/index.js";
 import { DEFAULT_ICONS as r } from "./constants.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeProps as _, openBlock as v, ref as y, renderSlot as b, resolveComponent as x, toDisplayString as S, unref as C, useModel as w, useTemplateRef as T, withCtx as E, withModifiers as D } from "vue";
+import { QSafeTriangle as i } from "../__internal__/QSafeTriangle/index.js";
+import { useSafeTriangle as a } from "../../composables/useSafeTriangle/index.js";
+import { Fragment as ee, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeModels as m, mergeProps as te, nextTick as h, normalizeClass as g, normalizeProps as _, openBlock as v, ref as y, renderSlot as b, resolveComponent as ne, toDisplayString as re, unref as x, useModel as S, useTemplateRef as C, watch as ie, withCtx as w, withModifiers as ae } from "vue";
 //#region src/components/QDropdownMenu/QDropdownMenuContent.vue?vue&type=script&setup=true&lang.ts
-var O = {
+var oe = {
 	key: 0,
 	class: "q-dropdown-menu__extra"
-}, k = /*@__PURE__*/ d({
+}, T = /*@__PURE__*/ f({
 	__name: "QDropdownMenuContent",
-	props: /*@__PURE__*/ p({
+	props: /*@__PURE__*/ m({
 		id: {},
 		class: {},
 		activator: {},
@@ -25,7 +27,7 @@ var O = {
 		trigger: { default: "hover" },
 		depth: { default: 0 },
 		icons: { default: () => r },
-		offset: { default: 0 },
+		offset: { default: 6 },
 		crossOffset: { default: -5 }
 	}, {
 		modelValue: { type: Boolean },
@@ -33,20 +35,83 @@ var O = {
 		highlighted: {},
 		highlightedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ p([
+	emits: /*@__PURE__*/ m([
 		"select",
 		"open",
 		"hide",
 		"focus-previous"
 	], ["update:modelValue", "update:highlighted"]),
-	setup(r, { emit: d }) {
-		let p = r, k = d, A = w(r, "modelValue"), j = w(r, "highlighted"), M = y(void 0), N = y([]), P = a(() => p.depth === 0 ? 4 : p.offset), F = a(() => p.depth === 0 ? void 0 : p.crossOffset), I = T("qListRef");
-		function L(e) {
-			N.value = p.items?.find((t) => t[p.itemValue] === e)?.items ?? [];
-			let t = N.value.length > 0;
-			j.value = e, t ? W(e) : B(e);
-		}
-		function R(e) {
+	setup(r, { expose: f, emit: m }) {
+		let T = r, E = m, D = S(r, "modelValue"), O = S(r, "highlighted"), k = y(void 0), A = y([]), se = o(() => T.depth === 0 ? 4 : T.offset), ce = o(() => T.depth === 0 ? void 0 : T.crossOffset), j = C("list"), M = C("body"), N = y(null), P = o(() => "right-start"), F = o(() => T.trigger !== "hover" || k.value === void 0 ? !1 : ((T.items?.find((e) => e[T.itemValue] === k.value))?.items?.length ?? 0) > 0);
+		function I(e) {
+			return "syncHoverFromPoint" in e && "getMenuRect" in e && "getMenuRoot" in e && "hasOpenSubmenu" in e;
+		}
+		function L(e, t) {
+			if (e && k.value === t && I(e)) {
+				N.value = e, h(() => {
+					G();
+					let { x: e, y: t } = de();
+					N.value?.syncHoverFromPoint(e, t);
+				});
+				return;
+			}
+			!e && k.value === t && (N.value = null);
+		}
+		function R() {
+			return N.value?.getMenuRect() ?? null;
+		}
+		function z() {
+			return N.value?.getMenuRoot() ?? null;
+		}
+		function B() {
+			return N.value?.hasOpenSubmenu() ?? !1;
+		}
+		let { visible: V, top: H, left: U, width: W, height: le, path: ue, refresh: G, getLastPointer: de } = a({
+			enabled: F,
+			placement: P,
+			getParentRect: () => M.value?.getBoundingClientRect() ?? null,
+			getContentRect: R,
+			getContentRoot: z,
+			shouldSuppressLeave: B,
+			onLeave: X,
+			onEnterContent: (e, t) => {
+				N.value?.syncHoverFromPoint(e, t);
+			}
+		});
+		ie(k, () => {
+			N.value = null;
+		});
+		function fe(e, t) {
+			let n = M.value;
+			if (!n) return;
+			let r = document.elementsFromPoint(e, t);
+			for (let e of r) {
+				if (!(e instanceof Element)) continue;
+				let t = e.closest(".q-list-item");
+				if (!t || !n.contains(t) || t.closest(".q-dropdown-menu__body") !== n) continue;
+				let r = t.getAttribute("data-key");
+				if (r === null) continue;
+				let i = T.items?.find((e) => String(e[T.itemValue]) === r);
+				if (i) return i[T.itemValue];
+			}
+		}
+		function K(e, t) {
+			if (T.trigger !== "hover") return;
+			let n = fe(e, t);
+			n !== void 0 && q(n);
+		}
+		function pe(e) {
+			G(e.clientX, e.clientY), K(e.clientX, e.clientY);
+		}
+		function me(e) {
+			F.value && K(e.clientX, e.clientY), G(e.clientX, e.clientY);
+		}
+		function he(e) {
+			A.value = T.items?.find((t) => t[T.itemValue] === e)?.items ?? [];
+			let t = A.value.length > 0;
+			O.value = e, t ? $(e) : J(e);
+		}
+		function ge(e) {
 			if (e.key) switch ([
 				"Enter",
 				"ArrowDown",
@@ -55,117 +120,132 @@ var O = {
 				"ArrowRight"
 			].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key) {
 				case "ArrowRight":
-					let e = I.value?.getActiveItemIndex();
-					p.items && (e || e === 0) && p.items[e] && (j.value = p.items[e].key, W(p.items[e].key));
+					let e = j.value?.getActiveItemIndex();
+					T.items && (e || e === 0) && T.items[e] && (O.value = T.items[e].key, $(T.items[e].key));
 					break;
 				case "ArrowLeft":
-					H();
+					Z();
 					break;
 				case "Escape":
 				case "Tab":
-					U();
+					Q();
 					break;
 				default: break;
 			}
 		}
-		function z(e) {
-			p.trigger === "hover" && (j.value = e, W(e));
+		function q(e) {
+			T.trigger === "hover" && (O.value = e, $(e));
 		}
-		function B(e) {
-			k("select", e), U();
+		function J(e) {
+			E("select", e), Q();
 		}
-		function V() {
-			H();
+		function Y() {
+			Z();
 		}
-		function H() {
-			M.value = void 0, j.value = void 0, A.value = !1, k("focus-previous");
+		function X() {
+			k.value = void 0, O.value = void 0;
 		}
-		function U() {
-			H(), k("hide");
+		function Z() {
+			X(), D.value = !1, E("focus-previous");
 		}
-		function W(e) {
-			M.value = e;
+		function Q() {
+			Z(), E("hide");
 		}
-		function G() {
-			let e = p.items?.findIndex((e) => e[p.itemValue] === M.value);
+		function $(e) {
+			k.value = (T.items?.find((t) => t[T.itemValue] === e))?.items?.length ? e : void 0;
+		}
+		function _e() {
+			let e = T.items?.findIndex((e) => e[T.itemValue] === k.value);
 			if (!e && e !== 0) return;
-			let t = I.value?.getItem(e);
-			M.value = void 0, j.value = void 0, t?.focus();
-		}
-		function K() {
-			h(() => I.value?.$el.focus());
-		}
-		function q() {
-			k("open"), K();
-		}
-		return (a, d) => {
-			let h = x("q-dropdown-menu-content", !0);
-			return v(), o(C(n), {
-				id: p.id,
-				modelValue: A.value,
-				"onUpdate:modelValue": d[0] ||= (e) => A.value = e,
-				anchor: p.activator,
-				appearance: p.appearance,
-				inline: p.inline,
-				delay: p.delay,
-				offset: P.value,
-				"cross-offset": F.value,
-				placement: p.placement,
-				transition: p.transition,
-				class: g(p.class),
+			let t = j.value?.getItem(e);
+			k.value = void 0, O.value = void 0, t?.focus();
+		}
+		function ve() {
+			h(() => j.value?.$el.focus());
+		}
+		function ye() {
+			E("open"), ve();
+		}
+		return f({
+			getMenuRect: () => {
+				let e = M.value;
+				return e ? (e.closest(".q-overlay") ?? e).getBoundingClientRect() : null;
+			},
+			getMenuRoot: () => M.value?.closest(".q-overlay") ?? M.value,
+			hasOpenSubmenu: () => k.value === void 0 ? !1 : ((T.items?.find((e) => e[T.itemValue] === k.value))?.items?.length ?? 0) > 0,
+			syncHoverFromPoint: K
+		}), (r, a) => {
+			let o = ne("q-dropdown-menu-content", !0);
+			return v(), s(x(n), {
+				id: T.id,
+				modelValue: D.value,
+				"onUpdate:modelValue": a[0] ||= (e) => D.value = e,
+				anchor: T.activator,
+				appearance: T.appearance,
+				inline: T.inline,
+				delay: T.delay,
+				offset: se.value,
+				"cross-offset": ce.value,
+				placement: T.placement,
+				transition: T.transition,
+				class: g(T.class),
+				trigger: "click",
 				"scroll-lock": "",
 				"non-modal": "",
-				onEnter: q,
-				onLeave: V
+				onEnter: ye,
+				onLeave: Y
 			}, {
-				default: E(() => [l("div", {
+				default: w(() => [u("div", {
+					ref: "body",
 					class: "q-dropdown-menu__body",
 					"data-testid": "dropdown-content",
 					tabindex: "-1",
-					onKeydown: D(R, ["stop"])
+					onPointerenter: pe,
+					onPointermove: me,
+					onKeydown: ae(ge, ["stop"])
 				}, [
-					b(a.$slots, "prepend"),
-					u(C(t), {
-						ref: "qListRef",
+					b(r.$slots, "prepend"),
+					d(x(t), {
+						ref: "list",
 						class: "q-dropdown-menu__items",
-						highlighted: j.value,
-						items: p.items,
-						groups: p.groups,
-						"item-label": p.itemLabel,
-						"item-value": p.itemValue,
+						highlighted: O.value,
+						items: T.items,
+						groups: T.groups,
+						"item-label": T.itemLabel,
+						"item-value": T.itemValue,
 						selectable: !1,
 						"select-on-tab": !1,
-						onClick: L,
-						"onMouseenter:item": z
+						onClick: he,
+						"onMouseenter:item": q
 					}, {
-						item: E(({ item: e }) => [b(a.$slots, "item", { item: e })]),
-						"item.append": E(({ item: t, element: n }) => [b(a.$slots, "item.append", { item: t }, () => [t.extraInfo ? (v(), c("span", O, S(t.extraInfo), 1)) : s("v-if", !0)]), t.items?.length > 0 ? (v(), c(i, { key: 0 }, [u(C(e), _(f(p.icons.expand)), null, 16), M.value === t.key ? (v(), o(h, m({
+						item: w(({ item: e }) => [b(r.$slots, "item", { item: e })]),
+						"item.append": w(({ item: t, element: n }) => [b(r.$slots, "item.append", { item: t }, () => [t.extraInfo ? (v(), l("span", oe, re(t.extraInfo), 1)) : c("v-if", !0)]), t.items?.length > 0 ? (v(), l(ee, { key: 0 }, [d(x(e), _(p(T.icons.expand)), null, 16), k.value === t.key ? (v(), s(o, te({
 							key: 0,
-							"model-value": r.modelValue
-						}, p, {
+							ref: (e) => L(e, t.key),
+							"model-value": ""
+						}, T, {
 							activator: n,
 							items: t.items,
 							groups: t.groups,
-							depth: p.depth + 1,
-							delay: p.delay,
+							depth: T.depth + 1,
+							delay: T.delay,
 							placement: "right-start",
 							"non-modal": "",
 							inline: "",
-							onHide: U,
-							onSelect: B,
-							onFocusPrevious: G
+							onHide: Q,
+							onSelect: J,
+							onFocusPrevious: _e
 						}), {
-							item: E((e) => [b(a.$slots, "item", _(f(e)))]),
-							"item.append": E((e) => [b(a.$slots, "item.append", _(f(e)))]),
+							item: w((e) => [b(r.$slots, "item", _(p(e)))]),
+							"item.append": w((e) => [b(r.$slots, "item.append", _(p(e)))]),
 							_: 3
 						}, 16, [
-							"model-value",
 							"activator",
 							"items",
 							"groups",
 							"depth",
 							"delay"
-						])) : s("v-if", !0)], 64)) : s("v-if", !0)]),
+						])) : c("v-if", !0)], 64)) : c("v-if", !0)]),
 						_: 3
 					}, 8, [
 						"highlighted",
@@ -174,8 +254,21 @@ var O = {
 						"item-label",
 						"item-value"
 					]),
-					b(a.$slots, "append")
-				], 32)]),
+					b(r.$slots, "append")
+				], 544), x(V) ? (v(), s(x(i), {
+					key: 0,
+					top: x(H),
+					left: x(U),
+					width: x(W),
+					height: x(le),
+					path: x(ue)
+				}, null, 8, [
+					"top",
+					"left",
+					"width",
+					"height",
+					"path"
+				])) : c("v-if", !0)]),
 				_: 3
 			}, 8, [
 				"id",
@@ -194,4 +287,4 @@ var O = {
 	}
 });
 //#endregion
-export { k as default };
+export { T as default };

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

@@ -99,4 +99,10 @@ export type QDropdownMenuContentProps = QDropdownMenuProps & {
      */
     crossOffset?: number;
 };
+export type QDropdownMenuContentExposed = {
+    getMenuRect: () => DOMRect | null;
+    getMenuRoot: () => HTMLElement | null;
+    hasOpenSubmenu: () => boolean;
+    syncHoverFromPoint: (clientX: number, clientY: number) => void;
+};
 //# sourceMappingURL=types.d.ts.map

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;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,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;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IAEpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IAEd;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAEhB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GAAG;IAC5D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACzC,WAAW,EAAE,MAAM,OAAO,GAAG,IAAI,CAAA;IACjC,WAAW,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACrC,cAAc,EAAE,MAAM,OAAO,CAAA;IAC7B,kBAAkB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9D,CAAA"}

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

@@ -1,5 +1,8 @@
 import { QLabelProps } from '../QLabel';
 export type QFieldSize = 'mini' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'block';
+/**
+ * Props for the QField component.
+ */
 export type QFieldProps = QLabelProps & {
     /**
      * The size category of the field.

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QField/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAA;AAE/F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA"}

package/esm/components/QGrid/QCol.vue.js

@@ -25,7 +25,7 @@ var s = /*@__PURE__*/ r({
 			if (t) return t === "auto" ? `q-col${e ? `-${e}` : ""}-auto` : `q-col${e ? `-${e}` : ""}-${t}`;
 		}
 		return e({
-			QGroupBox: { block: t(() => s.cols === "auto" ? void 0 : !0) },
+			QSection: { block: t(() => s.cols === "auto" ? void 0 : !0) },
 			QField: { size: t(() => s.cols === "auto" ? void 0 : "block") }
 		}), (e, t) => (a(), n("div", { class: i(c.value) }, [o(e.$slots, "default")], 2));
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAgBA;AAsCC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAmBrC,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBAbrB,GAAG;yBACH,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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"}
+{"version":3,"file":"QLabel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/QLabel.vue"],"names":[],"mappings":"AAiBA;AA6CC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,GAAG,CAAA;AAmBrC,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBAbrB,GAAG;yBACH,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAe9B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,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"}

package/esm/components/QLabel/QLabel.vue.js

@@ -1,6 +1,7 @@
-import { computed as e, createElementBlock as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
+import { QRequiredIndicator as e } from "../__internal__/QRequiredIndicator/index.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d } from "vue";
 //#region src/components/QLabel/QLabel.vue?vue&type=script&setup=true&lang.ts
-var c = ["id"], l = ["for"], u = /*@__PURE__*/ r({
+var f = ["id"], p = ["for"], m = /*@__PURE__*/ o({
 	__name: "QLabel",
 	props: {
 		id: {},
@@ -10,25 +11,26 @@ var c = ["id"], l = ["for"], u = /*@__PURE__*/ r({
 		for: {},
 		labelPosition: {}
 	},
-	setup(r) {
-		let u = r, d = e(() => [
+	setup(o) {
+		let m = o, h = t(() => [
 			"q-label",
-			u.labelPosition ? `q-label--${u.labelPosition}` : "",
-			{ "q-label--required": u.required },
-			u.class
+			m.labelPosition ? `q-label--${m.labelPosition}` : "",
+			{ "q-label--required": m.required },
+			m.class
 		]);
-		return (e, r) => (a(), t("div", {
-			id: u.id,
-			class: i(d.value)
+		return (t, o) => (c(), i("div", {
+			id: m.id,
+			class: s(h.value)
 		}, [
-			o(e.$slots, "prepend"),
-			u.label || e.$slots.default ? (a(), t("label", {
+			l(t.$slots, "prepend"),
+			m.label || t.$slots.default ? (c(), i("label", {
 				key: 0,
-				for: u.for
-			}, [o(e.$slots, "default", {}, () => [n(s(u.label), 1)])], 8, l)) : o(e.$slots, "default", { key: 1 }),
-			o(e.$slots, "append")
-		], 10, c));
+				for: m.for
+			}, [l(t.$slots, "default", {}, () => [a(u(m.label), 1)])], 8, p)) : l(t.$slots, "default", { key: 1 }),
+			l(t.$slots, "append"),
+			m.required ? (c(), n(d(e), { key: 2 })) : r("v-if", !0)
+		], 10, f));
 	}
 });
 //#endregion
-export { u as default };
+export { m as default };

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

@@ -11,6 +11,9 @@ export type QLabelProps = QBaseComponentProps & {
      * If set to true, an asterisk (*) is displayed
      * to indicate that the associated field is required.
      *
+     * The asterisk is decorative (`aria-hidden`). Required state for assistive
+     * tech should come from the associated control (e.g. native `required` on inputs).
+     *
      * @category State
      */
     required?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjF,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,cAAc,CAAA;CAC9B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QLabel/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;AAEjF,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,cAAc,CAAA;CAC9B,CAAA"}

package/esm/components/{QGroupBox/QGroupBox.d.ts → QSection/QSection.d.ts}

@@ -1,4 +1,4 @@
-import { QGroupBoxProps } from '.';
+import { QSectionProps } from '.';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -8,8 +8,8 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QGroupBoxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QGroupBoxProps> & Readonly<{}>, {
-    variant: import('./types').QGroupBoxVariant;
+declare const __VLS_component: import('vue').DefineComponent<QSectionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QSectionProps> & Readonly<{}>, {
+    variant: import('./types').QSectionVariant;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
@@ -18,4 +18,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=QGroupBox.vue.d.ts.map
+//# sourceMappingURL=QSection.vue.d.ts.map