@quidgest/ui 0.21.2 → 0.23.0

package/esm/components/QOverflow/QOverflow.d.ts

@@ -1,5 +1,13 @@
 import { DEFAULT_ICONS } from './constants';
 import { QOverflowProps } from './types';
+/**
+ * Scrolls this overflow viewport just enough to bring `element` into view
+ * (`nearest` along the active axis). Does not call `Element.scrollIntoView`,
+ * so outer page / dialog / panel scrollers are left alone.
+ *
+ * @param element - A descendant of the content track (typically a direct child).
+ */
+declare function scrollElementIntoView(element: HTMLElement): void;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -20,7 +28,19 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<QOverflowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QOverflowProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<QOverflowProps, {
+    /**
+     * The `.q-overflow__content` track element.
+     *
+     * Hosts (e.g. `QTabs`) use this as a teleport / `role="tablist"` target so
+     * item-mode children are direct descendants of the content track.
+     */
+    contentEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    /**
+     * Scrolls only this overflow viewport to reveal an element (no ancestor scroll).
+     */
+    scrollElementIntoView: typeof scrollElementIntoView;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QOverflowProps> & Readonly<{}>, {
     icons: typeof DEFAULT_ICONS;
     texts: import('./constants').QOverflowTexts;
     direction: import('./types').QOverflowDirection;

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

@@ -1 +1 @@
-{"version":3,"file":"QOverflow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/QOverflow.vue"],"names":[],"mappings":"AA6DA;AAkkBC,OAAO,EAAE,aAAa,EAAiB,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAA;AAkgBrE,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;;YAdxB,GAAG;yBACC,GAAG;;;;YACN,GAAG;;;;;;;EAiB7B;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;kBASnB,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":"QOverflow.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/QOverflow.vue"],"names":[],"mappings":"AA6DA;AAqnBC,OAAO,EAAE,aAAa,EAAiB,MAAM,aAAa,CAAA;AAU1D,OAAO,KAAK,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAA;AAqUpE;;;;;;GAMG;AACH,iBAAS,qBAAqB,CAAC,OAAO,EAAE,WAAW,QAuBlD;AA+NF,iBAAS,cAAc;WAyIT,OAAO,IAA6B;;;;;YAdxB,GAAG;yBACC,GAAG;;;;YACN,GAAG;;;;;;;EAiB7B;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;IA9MnB;;;;;OAKG;;IAEH;;OAEG;;;;;;;;;;;;;;kBA+MH,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/QOverflow/QOverflow.vue.js

@@ -2,19 +2,19 @@ import { QButton as e } from "../QButton/index.js";
 import { QIcon as t } from "../QIcon/index.js";
 import { useId as n } from "../../composables/useId/index.js";
 import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
-import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, nextTick as ee, normalizeClass as p, normalizeProps as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderSlot as y, toRef as b, unref as x, watch as S, withCtx as C } from "vue";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, nextTick as p, normalizeClass as m, normalizeProps as h, onBeforeUnmount as ee, onMounted as g, openBlock as _, ref as v, renderSlot as y, toRef as te, unref as b, watch as x, withCtx as S } from "vue";
 //#region src/components/QOverflow/QOverflow.vue?vue&type=script&setup=true&lang.ts
-var w = [
+var C = [
 	"id",
 	"role",
 	"aria-label"
-], T = {
+], w = {
 	key: 0,
 	class: "q-overflow__control q-overflow__control--prev"
-}, te = ["tabindex"], ne = {
+}, ne = ["tabindex"], re = {
 	key: 1,
 	class: "q-overflow__control q-overflow__control--next"
-}, E = 1, D = /*@__PURE__*/ u({
+}, T = 1, E = /*@__PURE__*/ u({
 	__name: "QOverflow",
 	props: {
 		id: {},
@@ -28,29 +28,30 @@ var w = [
 			type: Boolean,
 			default: !1
 		},
+		contentClass: {},
 		icons: { default: () => r },
 		texts: { default: () => i }
 	},
-	setup(r) {
-		let i = r, u = n(b(i, "id")), D = v(null), O = v(null), k = v(!1), A = v(!1), j = null, M = null, N = !1, P = a(() => i.direction === "horizontal"), F = a(() => k.value || A.value), I = a(() => P.value ? i.icons.back : i.icons.up), L = a(() => P.value ? i.icons.forward : i.icons.down), R = a(() => i.texts.regionLabel || void 0), z = a(() => R.value ? "region" : void 0), B = a(() => [
+	setup(r, { expose: i }) {
+		let u = r, E = n(te(u, "id")), D = v(null), O = v(null), k = v(!1), A = v(!1), j = null, M = null, N = !1, P = a(() => u.direction === "horizontal"), F = a(() => k.value || A.value), ie = a(() => P.value ? u.icons.back : u.icons.up), ae = a(() => P.value ? u.icons.forward : u.icons.down), I = a(() => u.texts.regionLabel || void 0), oe = a(() => I.value ? "region" : void 0), se = a(() => [
 			"q-overflow",
-			`q-overflow--${i.direction}`,
-			`q-overflow--arrows-${i.arrowPlacement}`,
-			`q-overflow--arrows-${i.arrowVisibility}`,
+			`q-overflow--${u.direction}`,
+			`q-overflow--arrows-${u.arrowPlacement}`,
+			`q-overflow--arrows-${u.arrowVisibility}`,
 			{
 				"q-overflow--overflowing": F.value,
 				"q-overflow--can-scroll-start": k.value,
 				"q-overflow--can-scroll-end": A.value
 			},
-			i.class
-		]), V = a(() => ({
+			u.class
+		]), ce = a(() => ["q-overflow__content", u.contentClass]), L = a(() => ({
 			disabled: !k.value,
-			onClick: Y
-		})), H = a(() => ({
+			onClick: J
+		})), R = a(() => ({
 			disabled: !A.value,
-			onClick: X
+			onClick: Y
 		}));
-		function U(e) {
+		function z(e) {
 			return P.value ? {
 				position: e.scrollLeft,
 				size: e.clientWidth,
@@ -61,19 +62,19 @@ var w = [
 				scrollSize: e.scrollHeight
 			};
 		}
-		function W() {
+		function B() {
 			let e = D.value;
 			if (!e) return;
-			let { position: t, size: n, scrollSize: r } = U(e), i = Math.max(0, r - n);
-			k.value = t > E, A.value = t < i - E;
+			let { position: t, size: n, scrollSize: r } = z(e), i = Math.max(0, r - n);
+			k.value = t > T, A.value = t < i - T;
 		}
-		function re() {
+		function V() {
 			return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
 		}
-		function G(e) {
+		function H(e) {
 			let t = D.value;
 			if (!t) return;
-			let n = re();
+			let n = V();
 			P.value ? t.scrollTo({
 				left: e,
 				behavior: n
@@ -82,97 +83,106 @@ var w = [
 				behavior: n
 			});
 		}
-		function ie(e) {
+		function U(e) {
 			return P.value ? e.clientWidth : e.clientHeight;
 		}
-		function ae() {
-			return Math.max(0, i.scrollStep);
+		function W() {
+			return Math.max(0, u.scrollStep);
 		}
-		function K() {
+		function G() {
 			let e = O.value;
-			return e ? Array.from(e.children).filter((e) => e instanceof HTMLElement) : [];
+			return e ? Array.from(e.children).filter((e) => e instanceof HTMLElement && e.getAttribute("aria-hidden") !== "true") : [];
 		}
-		function q(e, t, n, r) {
+		function K(e, t, n, r) {
 			let i = Math.max(0, r - n), a = e + t / 2 - n / 2;
 			return Math.min(i, Math.max(0, a));
 		}
-		function oe(e) {
+		function le(e) {
 			let t = D.value;
 			if (!t) return null;
-			let n = K();
+			let n = G();
 			if (!n.length) return null;
-			let { position: r, size: i, scrollSize: a } = U(t), o = r, s = r + i, c = Math.max(0, a - i);
+			let { position: r, size: i, scrollSize: a } = z(t), o = r, s = r + i, c = Math.max(0, a - i);
 			if (e > 0) {
 				for (let e of n) {
 					let t = P.value ? e.offsetLeft : e.offsetTop, n = P.value ? e.offsetWidth : e.offsetHeight;
-					if (t + n > s + E) {
-						let e = q(t, n, i, a);
-						if (Math.abs(e - r) > E) return e;
+					if (t + n > s + T) {
+						let e = K(t, n, i, a);
+						if (Math.abs(e - r) > T) return e;
 					}
 				}
-				return c - r > E ? c : null;
+				return c - r > T ? c : null;
 			}
 			for (let e = n.length - 1; e >= 0; e--) {
 				let t = n[e], s = P.value ? t.offsetLeft : t.offsetTop, c = P.value ? t.offsetWidth : t.offsetHeight;
-				if (s < o - E) {
-					let e = q(s, c, i, a);
-					if (Math.abs(e - r) > E) return e;
+				if (s < o - T) {
+					let e = K(s, c, i, a);
+					if (Math.abs(e - r) > T) return e;
 				}
 			}
-			return r > E ? 0 : null;
+			return r > T ? 0 : null;
 		}
-		function J(e) {
+		function q(e) {
 			let t = D.value;
 			if (!t) return;
-			let { position: n } = U(t);
-			if (i.scrollMode === "item") {
-				let t = oe(e);
+			let { position: n } = z(t);
+			if (u.scrollMode === "item") {
+				let t = le(e);
 				if (t === null) return;
-				G(t);
+				H(t);
 				return;
 			}
-			G(n + e * (i.scrollMode === "page" ? ie(t) : ae()));
+			H(n + e * (u.scrollMode === "page" ? U(t) : W()));
 		}
-		function Y() {
-			J(-1);
+		function J() {
+			q(-1);
 		}
-		function X() {
-			J(1);
+		function Y() {
+			q(1);
 		}
-		function se() {
-			G(0);
+		function ue() {
+			H(0);
 		}
-		function ce() {
+		function X() {
 			let e = D.value;
 			if (!e) return;
-			let { size: t, scrollSize: n } = U(e);
-			G(Math.max(0, n - t));
+			let { size: t, scrollSize: n } = z(e);
+			H(Math.max(0, n - t));
 		}
-		function le(e) {
+		function de(e) {
+			let t = D.value, n = O.value;
+			if (!t || !n || !n.contains(e)) return;
+			let { position: r, size: i, scrollSize: a } = z(t), o = P.value ? e.offsetLeft : e.offsetTop, s = o + (P.value ? e.offsetWidth : e.offsetHeight), c = r, l = r + i, u = Math.max(0, a - i), d = r;
+			if (o < c - T) d = o;
+			else if (s > l + T) d = s - i;
+			else return;
+			H(Math.min(u, Math.max(0, d)));
+		}
+		function fe(e) {
 			if (e.target !== e.currentTarget || !F.value) return;
 			let t = P.value;
 			switch (e.key) {
 				case "ArrowLeft":
 					if (!t) return;
-					e.preventDefault(), Y();
+					e.preventDefault(), J();
 					break;
 				case "ArrowRight":
 					if (!t) return;
-					e.preventDefault(), X();
+					e.preventDefault(), Y();
 					break;
 				case "ArrowUp":
 					if (t) return;
-					e.preventDefault(), Y();
+					e.preventDefault(), J();
 					break;
 				case "ArrowDown":
 					if (t) return;
-					e.preventDefault(), X();
+					e.preventDefault(), Y();
 					break;
 				case "Home":
-					e.preventDefault(), se();
+					e.preventDefault(), ue();
 					break;
 				case "End":
-					e.preventDefault(), ce();
+					e.preventDefault(), X();
 					break;
 			}
 		}
@@ -180,15 +190,15 @@ var w = [
 			if (!P.value) return;
 			let t = D.value;
 			if (!t || Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
-			let { position: n, size: r, scrollSize: i } = U(t), a = Math.max(0, i - r);
+			let { position: n, size: r, scrollSize: i } = z(t), a = Math.max(0, i - r);
 			if (a <= 0) return;
 			let o = Math.min(a, Math.max(0, n + e.deltaY));
-			o !== n && (e.preventDefault(), t.scrollLeft = o, W());
+			o !== n && (e.preventDefault(), t.scrollLeft = o, B());
 		}
 		function Q() {
 			let e = D.value;
 			if (!e) return;
-			let t = i.remapWheel && P.value;
+			let t = u.remapWheel && P.value;
 			if (t && !N) {
 				e.addEventListener("wheel", Z, { passive: !1 }), N = !0;
 				return;
@@ -200,46 +210,49 @@ var w = [
 			let e = D.value, t = O.value;
 			if (!(!e || !t)) {
 				j ||= new ResizeObserver(() => {
-					W();
+					B();
 				}), j.observe(e), j.observe(t);
-				for (let e of K()) j.observe(e);
+				for (let e of G()) j.observe(e);
 			}
 		}
-		function ue() {
+		function pe() {
 			M?.disconnect();
 			let e = O.value;
 			e && (M ||= new MutationObserver(() => {
-				$(), W();
+				$(), B();
 			}), M.observe(e, { childList: !0 }));
 		}
 		return g(() => {
-			Q(), $(), ue(), W();
-		}), h(() => {
+			Q(), $(), pe(), B();
+		}), ee(() => {
 			let e = D.value;
 			N && e && (e.removeEventListener("wheel", Z), N = !1), j?.disconnect(), j = null, M?.disconnect(), M = null;
-		}), S(() => [
-			i.direction,
-			i.scrollMode,
-			i.scrollStep
+		}), x(() => [
+			u.direction,
+			u.scrollMode,
+			u.scrollStep
 		], async () => {
-			await ee(), $(), W();
-		}), S(() => [i.remapWheel, i.direction], () => {
+			await p(), $(), B();
+		}), x(() => [u.remapWheel, u.direction], () => {
 			Q();
+		}), i({
+			contentEl: O,
+			scrollElementIntoView: de
 		}), (n, r) => (_(), s("div", {
-			id: x(u),
-			class: p(B.value),
-			role: z.value,
-			"aria-label": R.value
+			id: b(E),
+			class: m(se.value),
+			role: oe.value,
+			"aria-label": I.value
 		}, [
-			F.value ? (_(), s("div", T, [y(n.$slots, "prev", m(d(V.value)), () => [l(x(e), {
+			F.value ? (_(), s("div", w, [y(n.$slots, "prev", h(d(L.value)), () => [l(b(e), {
 				class: "q-overflow__button",
 				variant: "ghost",
 				"data-testid": "q-overflow-prev",
-				disabled: V.value.disabled,
-				"aria-label": i.texts.previousText,
-				onClick: V.value.onClick
+				disabled: L.value.disabled,
+				"aria-label": u.texts.previousText,
+				onClick: L.value.onClick
 			}, {
-				default: C(() => [l(x(t), f({ class: "q-overflow__icon" }, I.value), null, 16)]),
+				default: S(() => [l(b(t), f({ class: "q-overflow__icon" }, ie.value), null, 16)]),
 				_: 1
 			}, 8, [
 				"disabled",
@@ -252,30 +265,30 @@ var w = [
 				class: "q-overflow__viewport",
 				"data-testid": "q-overflow-viewport",
 				tabindex: F.value ? 0 : void 0,
-				onScroll: W,
-				onKeydown: le
+				onScroll: B,
+				onKeydown: fe
 			}, [c("div", {
 				ref_key: "contentRef",
 				ref: O,
-				class: "q-overflow__content"
-			}, [y(n.$slots, "default")], 512)], 40, te),
-			F.value ? (_(), s("div", ne, [y(n.$slots, "next", m(d(H.value)), () => [l(x(e), {
+				class: m(ce.value)
+			}, [y(n.$slots, "default")], 2)], 40, ne),
+			F.value ? (_(), s("div", re, [y(n.$slots, "next", h(d(R.value)), () => [l(b(e), {
 				class: "q-overflow__button",
 				variant: "ghost",
 				"data-testid": "q-overflow-next",
-				disabled: H.value.disabled,
-				"aria-label": i.texts.nextText,
-				onClick: H.value.onClick
+				disabled: R.value.disabled,
+				"aria-label": u.texts.nextText,
+				onClick: R.value.onClick
 			}, {
-				default: C(() => [l(x(t), f({ class: "q-overflow__icon" }, L.value), null, 16)]),
+				default: S(() => [l(b(t), f({ class: "q-overflow__icon" }, ae.value), null, 16)]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"aria-label",
 				"onClick"
 			])])])) : o("v-if", !0)
-		], 10, w));
+		], 10, C));
 	}
 });
 //#endregion
-export { D as default };
+export { E as default };

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

@@ -1,5 +1,8 @@
 declare const QOverflow: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QOverflowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').QOverflowProps> & Readonly<{}>, {
+        contentEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        scrollElementIntoView: (element: HTMLElement) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: import('./constants').QOverflowTexts;
         direction: import('./types').QOverflowDirection;
@@ -18,7 +21,10 @@ declare const QOverflow: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./types').QOverflowProps> & Readonly<{}>, {}, {}, {}, {}, {
+    }, Readonly<import('./types').QOverflowProps> & Readonly<{}>, {
+        contentEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        scrollElementIntoView: (element: HTMLElement) => void;
+    }, {}, {}, {}, {
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: import('./constants').QOverflowTexts;
         direction: import('./types').QOverflowDirection;
@@ -31,7 +37,10 @@ declare const QOverflow: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').QOverflowProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').QOverflowProps> & Readonly<{}>, {
+    contentEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    scrollElementIntoView: (element: HTMLElement) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     icons: typeof import('./constants').DEFAULT_ICONS;
     texts: import('./constants').QOverflowTexts;
     direction: import('./types').QOverflowDirection;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAG7C,OAAO,EAAE,SAAS,EAAE,CAAA;AAGpB,cAAc,SAAS,CAAA"}

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

@@ -22,6 +22,7 @@ export type QOverflowArrowVisibility = 'always' | 'hover';
  *   content track (`.q-overflow__content`). The track is a plain block — lay out
  *   strip children yourself (e.g. a flex row wrapper, or inline-level items).
  *   Nested wrappers, transforms, or non-element nodes are not item targets.
+ *   Children with `aria-hidden="true"` are skipped (e.g. decorative overlays).
  */
 export type QOverflowScrollMode = 'page' | 'step' | 'item';
 /**
@@ -76,7 +77,7 @@ export type QOverflowProps = QBaseComponentProps & {
      * How far each navigation action advances the scroll position.
      *
      * For `item`, targets are direct `HTMLElement` children of the content track only
-     * (see {@link QOverflowScrollMode}).
+     * (see {@link QOverflowScrollMode}). Children with `aria-hidden="true"` are skipped.
      *
      * @category Behavior
      */
@@ -90,12 +91,20 @@ export type QOverflowProps = QBaseComponentProps & {
     /**
      * When `true` and `direction` is `horizontal`, dominant vertical wheel / trackpad
      * deltas are mapped onto `scrollLeft` (and may `preventDefault` page scroll while
-     * the strip can still move). Default `false` so long-page hosts (e.g. future tabs)
+     * the strip can still move). Default `false` so long-page hosts (e.g. tabs)
      * are not surprised; enable for standalone strips that want trackpad UX.
      *
      * @category Behavior
      */
     remapWheel?: boolean;
+    /**
+     * Extra class(es) applied to the content track (`.q-overflow__content`).
+     *
+     * Use when a host needs to style or identify the track (e.g. `q-tabs__tablist`).
+     *
+     * @category Presentation
+     */
+    contentClass?: string | unknown[];
     /**
      * Custom icon configurations for navigation controls.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEhE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD;;;;;;;;;GASG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAE9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAA;IAE1C;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAEhC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEhE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IACnC;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IAClD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAE9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAA;IAExC;;;;;;;OAOG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAA;IAE1C;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAEhC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAEjC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;CACtB,CAAA"}

package/esm/components/QOverlay/QOverlay.d.ts

@@ -27,7 +27,6 @@ declare const __VLS_component: import('vue').DefineComponent<QOverlayProps, {},
     focusWithinOnActivate: boolean;
     returnFocusOnDeactivate: boolean;
     appearance: import('./types').QOverlayAppearance;
-    offset: number;
     crossOffset: number;
     attach: string;
     delay: number;

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

@@ -1 +1 @@
-{"version":3,"file":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAgEA;AAiiBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAwdvC,iBAAS,cAAc;WAgLT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;OASnB,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":"QOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QOverlay/QOverlay.vue"],"names":[],"mappings":"AAgEA;AAmiBC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AA2dvC,iBAAS,cAAc;WAgLT,OAAO,IAA6B;;yBAdpB,GAAG;;;;;;;;EAmBhC;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;OASnB,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"}