@quidgest/ui 0.20.1 → 0.21.1

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

@@ -1 +1 @@
-{"version":3,"file":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;AA+RC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAcpC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA0LtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;kBA9VtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAVZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EAyVvB;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;6EASnB,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":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;AA0RC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAcpC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAqLtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;kBAzVtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAVZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EAoVvB;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;6EASnB,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/QObfuscation/QObfuscation.vue.js

@@ -1,6 +1,6 @@
 import { QButton as e } from "../QButton/index.js";
 import { QIcon as t } from "../QIcon/index.js";
-import { useId as n } from "../../composables/uid.js";
+import { useId as n } from "../../composables/useId/index.js";
 import { QField as r } from "../QField/index.js";
 import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, h as g, mergeModels as _, mergeProps as v, nextTick as y, normalizeClass as b, onBeforeMount as x, onBeforeUnmount as S, openBlock as C, ref as w, renderSlot as T, toDisplayString as E, unref as D, useModel as O, watch as k, withCtx as A } from "vue";
@@ -44,29 +44,26 @@ var j = ["id"], M = ["id"], N = {
 		revealedModifiers: {}
 	}),
 	emits: /*@__PURE__*/ _(["reveal", "hide"], ["update:revealed"]),
-	setup(i, { emit: _ }) {
-		let P = i, F = _, I = O(i, "revealed"), L = n(), R = w(0), z = w(!1), B = s(() => ({
-			...a,
-			...P.texts
-		})), V = s(() => P.revealable && I.value && !P.loading), H = s(() => R.value > 0), U = s(() => {
-			if (!(V.value && (!z.value || H.value))) return P.label;
-		}), W = s(() => V.value && z.value && !H.value), G = s(() => P.mask === "bullets" ? "•".repeat(P.bulletCount) : B.value.restricted), K = s(() => [
+	setup(i, { emit: a }) {
+		let _ = i, P = a, F = O(i, "revealed"), I = n(), L = w(0), R = w(!1), z = s(() => _.revealable && F.value && !_.loading), B = s(() => L.value > 0), V = s(() => {
+			if (!(z.value && (!R.value || B.value))) return _.label;
+		}), H = s(() => z.value && R.value && !B.value), U = s(() => _.mask === "bullets" ? "•".repeat(_.bulletCount) : _.texts.restricted), W = s(() => [
 			"q-obfuscation",
 			{
-				"q-obfuscation--revealable": P.revealable,
-				"q-obfuscation--revealed": V.value,
-				"q-obfuscation--loading": P.loading
+				"q-obfuscation--revealable": _.revealable,
+				"q-obfuscation--revealed": z.value,
+				"q-obfuscation--loading": _.loading
 			},
-			P.class
+			_.class
 		]);
-		k(V, async (e) => {
+		k(z, async (e) => {
 			if (!e) {
-				z.value = !1;
+				R.value = !1;
 				return;
 			}
-			z.value = !1, await y(), z.value = !0;
+			R.value = !1, await y(), R.value = !0;
 		}, { immediate: !0 });
-		let q = h({
+		let G = h({
 			name: "QObfuscationHideAction",
 			props: { track: {
 				type: Boolean,
@@ -74,92 +71,92 @@ var j = ["id"], M = ["id"], N = {
 			} },
 			setup(n) {
 				return n.track && (x(() => {
-					R.value++;
+					L.value++;
 				}), S(() => {
-					R.value--;
+					L.value--;
 				})), () => g(e, {
 					variant: "text",
 					borderless: !0,
 					size: "small",
 					class: "q-obfuscation__label-action",
-					disabled: P.disabled,
-					title: B.value.hideData,
-					"aria-label": B.value.hideData,
+					disabled: _.disabled,
+					title: _.texts.hideData,
+					"aria-label": _.texts.hideData,
 					"aria-expanded": !0,
-					"aria-controls": L.value,
+					"aria-controls": I.value,
 					"data-testid": "q-obfuscation__hide",
-					onClick: J
+					onClick: K
 				}, () => g(t, {
-					...P.icons.hide,
+					..._.icons.hide,
 					class: "q-obfuscation__icon"
 				}));
 			}
 		});
-		function J() {
-			!P.revealable || P.loading || (I.value = !I.value, I.value ? F("reveal") : F("hide"));
+		function K() {
+			!_.revealable || _.loading || (F.value = !F.value, F.value ? P("reveal") : P("hide"));
 		}
 		return (n, i) => (C(), c(D(r), {
-			id: P.id,
-			class: b(K.value),
-			for: P.for ?? D(L),
-			label: U.value,
-			"label-position": P.labelPosition,
-			size: P.size,
-			readonly: P.readonly,
-			disabled: P.disabled,
-			required: P.required,
-			invalid: P.invalid
+			id: _.id,
+			class: b(W.value),
+			for: _.for ?? D(I),
+			label: V.value,
+			"label-position": _.labelPosition,
+			size: _.size,
+			readonly: _.readonly,
+			disabled: _.disabled,
+			required: _.required,
+			invalid: _.invalid
 		}, f({
 			"label.prepend": A(() => [T(n.$slots, "label.prepend")]),
 			"label.append": A(() => [
 				T(n.$slots, "label.append"),
 				l(" Own padlock only when the consumer did not place QObfuscationHideAction "),
-				W.value ? (C(), c(D(q), {
+				H.value ? (C(), c(D(G), {
 					key: 0,
 					track: !1
 				})) : l("v-if", !0)
 			]),
-			control: A(() => [l(" Revealed: slot content; place QObfuscationHideAction on the field label to own it "), V.value ? (C(), u("div", {
+			control: A(() => [l(" Revealed: slot content; place QObfuscationHideAction on the field label to own it "), z.value ? (C(), u("div", {
 				key: 0,
-				id: D(L),
+				id: D(I),
 				class: "q-obfuscation__content"
 			}, [T(n.$slots, "default", {
-				qObfuscationHideAction: D(q),
-				toggle: J,
-				revealed: I.value,
-				loading: P.loading
+				qObfuscationHideAction: D(G),
+				toggle: K,
+				revealed: F.value,
+				loading: _.loading
 			})], 8, j)) : (C(), u(o, { key: 1 }, [l(" Masked / loading: QObfuscation label + control surface "), d("div", {
-				id: D(L),
+				id: D(I),
 				class: "q-field__control q-obfuscation__value"
-			}, [P.revealable ? T(n.$slots, "reveal", {
+			}, [_.revealable ? T(n.$slots, "reveal", {
 				key: 0,
-				revealed: I.value,
-				toggle: J,
-				loading: P.loading
+				revealed: F.value,
+				toggle: K,
+				loading: _.loading
 			}, () => [m(D(e), {
 				variant: "text",
 				borderless: "",
 				block: "",
 				class: "q-obfuscation__action",
-				disabled: P.disabled,
-				loading: P.loading,
-				label: B.value.showData,
+				disabled: _.disabled,
+				loading: _.loading,
+				label: _.texts.showData,
 				"aria-expanded": !1,
-				"aria-controls": D(L),
+				"aria-controls": D(I),
 				"data-testid": "q-obfuscation__reveal",
-				onClick: J
+				onClick: K
 			}, {
-				default: A(() => [m(D(t), v(P.icons.show, { class: "q-obfuscation__icon" }), null, 16)]),
+				default: A(() => [m(D(t), v(_.icons.show, { class: "q-obfuscation__icon" }), null, 16)]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"loading",
 				"label",
 				"aria-controls"
-			])]) : (C(), u("span", N, [m(D(t), v(P.icons.restricted, {
+			])]) : (C(), u("span", N, [m(D(t), v(_.icons.restricted, {
 				class: "q-obfuscation__icon",
 				"aria-hidden": "true"
-			}), null, 16), T(n.$slots, "mask", {}, () => [p(E(G.value), 1)])]))], 8, M)], 2112))]),
+			}), null, 16), T(n.$slots, "mask", {}, () => [p(E(U.value), 1)])]))], 8, M)], 2112))]),
 			_: 2
 		}, [n.$slots.extras ? {
 			name: "extras",

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

@@ -18,7 +18,7 @@ declare const QObfuscation: {
         mask?: import('./types').QObfuscationMask;
         bulletCount?: number;
         icons?: typeof import('./constants').DEFAULT_ICONS;
-        texts?: Partial<typeof import('./constants').DEFAULT_TEXTS>;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         onHide?: (() => any) | undefined;
         onReveal?: (() => any) | undefined;
@@ -34,7 +34,7 @@ declare const QObfuscation: {
         mask: import('./types').QObfuscationMask;
         loading: boolean;
         icons: typeof import('./constants').DEFAULT_ICONS;
-        texts: Partial<typeof import('./constants').DEFAULT_TEXTS>;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
         labelPosition: import('..').QLabelPosition;
         revealable: boolean;
         bulletCount: number;
@@ -64,7 +64,7 @@ declare const QObfuscation: {
         mask?: import('./types').QObfuscationMask;
         bulletCount?: number;
         icons?: typeof import('./constants').DEFAULT_ICONS;
-        texts?: Partial<typeof import('./constants').DEFAULT_TEXTS>;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     }> & Readonly<{
         onHide?: (() => any) | undefined;
         onReveal?: (() => any) | undefined;
@@ -75,7 +75,7 @@ declare const QObfuscation: {
         mask: import('./types').QObfuscationMask;
         loading: boolean;
         icons: typeof import('./constants').DEFAULT_ICONS;
-        texts: Partial<typeof import('./constants').DEFAULT_TEXTS>;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
         labelPosition: import('..').QLabelPosition;
         revealable: boolean;
         bulletCount: number;
@@ -102,7 +102,7 @@ declare const QObfuscation: {
     mask?: import('./types').QObfuscationMask;
     bulletCount?: number;
     icons?: typeof import('./constants').DEFAULT_ICONS;
-    texts?: Partial<typeof import('./constants').DEFAULT_TEXTS>;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
 }> & Readonly<{
     onHide?: (() => any) | undefined;
     onReveal?: (() => any) | undefined;
@@ -118,7 +118,7 @@ declare const QObfuscation: {
     mask: import('./types').QObfuscationMask;
     loading: boolean;
     icons: typeof import('./constants').DEFAULT_ICONS;
-    texts: Partial<typeof import('./constants').DEFAULT_TEXTS>;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
     labelPosition: import('..').QLabelPosition;
     revealable: boolean;
     bulletCount: number;

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

@@ -39,6 +39,6 @@ export type QObfuscationProps = QFieldProps & {
      *
      * @category Configuration
      */
-    texts?: Partial<typeof DEFAULT_TEXTS>;
+    texts?: typeof DEFAULT_TEXTS;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,aAAa,CAAC,CAAA;CACrC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,SAAS,CAAA;AAEvD,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG;IAC7C;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

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

@@ -0,0 +1,43 @@
+import { DEFAULT_ICONS } from './constants';
+import { QOverflowProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prev?(_: {
+            disabled: boolean;
+            onClick: () => void;
+        }): any;
+        default?(_: {}): any;
+        next?(_: {
+            disabled: boolean;
+            onClick: () => void;
+        }): any;
+    };
+    refs: {
+        viewportRef: HTMLDivElement;
+        contentRef: HTMLDivElement;
+    };
+    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<{}>, {
+    icons: typeof DEFAULT_ICONS;
+    texts: import('./constants').QOverflowTexts;
+    direction: import('./types').QOverflowDirection;
+    arrowPlacement: import('./types').QOverflowArrowPlacement;
+    arrowVisibility: import('./types').QOverflowArrowVisibility;
+    scrollMode: import('./types').QOverflowScrollMode;
+    scrollStep: number;
+    remapWheel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    viewportRef: HTMLDivElement;
+    contentRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QOverflow.vue.d.ts.map

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

@@ -0,0 +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"}

package/esm/components/QOverflow/QOverflow.vue.js

@@ -0,0 +1,281 @@
+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";
+//#region src/components/QOverflow/QOverflow.vue?vue&type=script&setup=true&lang.ts
+var w = [
+	"id",
+	"role",
+	"aria-label"
+], T = {
+	key: 0,
+	class: "q-overflow__control q-overflow__control--prev"
+}, te = ["tabindex"], ne = {
+	key: 1,
+	class: "q-overflow__control q-overflow__control--next"
+}, E = 1, D = /*@__PURE__*/ u({
+	__name: "QOverflow",
+	props: {
+		id: {},
+		class: {},
+		direction: { default: "horizontal" },
+		arrowPlacement: { default: "outside" },
+		arrowVisibility: { default: "always" },
+		scrollMode: { default: "page" },
+		scrollStep: { default: 200 },
+		remapWheel: {
+			type: Boolean,
+			default: !1
+		},
+		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(() => [
+			"q-overflow",
+			`q-overflow--${i.direction}`,
+			`q-overflow--arrows-${i.arrowPlacement}`,
+			`q-overflow--arrows-${i.arrowVisibility}`,
+			{
+				"q-overflow--overflowing": F.value,
+				"q-overflow--can-scroll-start": k.value,
+				"q-overflow--can-scroll-end": A.value
+			},
+			i.class
+		]), V = a(() => ({
+			disabled: !k.value,
+			onClick: Y
+		})), H = a(() => ({
+			disabled: !A.value,
+			onClick: X
+		}));
+		function U(e) {
+			return P.value ? {
+				position: e.scrollLeft,
+				size: e.clientWidth,
+				scrollSize: e.scrollWidth
+			} : {
+				position: e.scrollTop,
+				size: e.clientHeight,
+				scrollSize: e.scrollHeight
+			};
+		}
+		function W() {
+			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;
+		}
+		function re() {
+			return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth";
+		}
+		function G(e) {
+			let t = D.value;
+			if (!t) return;
+			let n = re();
+			P.value ? t.scrollTo({
+				left: e,
+				behavior: n
+			}) : t.scrollTo({
+				top: e,
+				behavior: n
+			});
+		}
+		function ie(e) {
+			return P.value ? e.clientWidth : e.clientHeight;
+		}
+		function ae() {
+			return Math.max(0, i.scrollStep);
+		}
+		function K() {
+			let e = O.value;
+			return e ? Array.from(e.children).filter((e) => e instanceof HTMLElement) : [];
+		}
+		function q(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) {
+			let t = D.value;
+			if (!t) return null;
+			let n = K();
+			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);
+			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;
+					}
+				}
+				return c - r > E ? 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;
+				}
+			}
+			return r > E ? 0 : null;
+		}
+		function J(e) {
+			let t = D.value;
+			if (!t) return;
+			let { position: n } = U(t);
+			if (i.scrollMode === "item") {
+				let t = oe(e);
+				if (t === null) return;
+				G(t);
+				return;
+			}
+			G(n + e * (i.scrollMode === "page" ? ie(t) : ae()));
+		}
+		function Y() {
+			J(-1);
+		}
+		function X() {
+			J(1);
+		}
+		function se() {
+			G(0);
+		}
+		function ce() {
+			let e = D.value;
+			if (!e) return;
+			let { size: t, scrollSize: n } = U(e);
+			G(Math.max(0, n - t));
+		}
+		function le(e) {
+			if (e.target !== e.currentTarget || !F.value) return;
+			let t = P.value;
+			switch (e.key) {
+				case "ArrowLeft":
+					if (!t) return;
+					e.preventDefault(), Y();
+					break;
+				case "ArrowRight":
+					if (!t) return;
+					e.preventDefault(), X();
+					break;
+				case "ArrowUp":
+					if (t) return;
+					e.preventDefault(), Y();
+					break;
+				case "ArrowDown":
+					if (t) return;
+					e.preventDefault(), X();
+					break;
+				case "Home":
+					e.preventDefault(), se();
+					break;
+				case "End":
+					e.preventDefault(), ce();
+					break;
+			}
+		}
+		function Z(e) {
+			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);
+			if (a <= 0) return;
+			let o = Math.min(a, Math.max(0, n + e.deltaY));
+			o !== n && (e.preventDefault(), t.scrollLeft = o, W());
+		}
+		function Q() {
+			let e = D.value;
+			if (!e) return;
+			let t = i.remapWheel && P.value;
+			if (t && !N) {
+				e.addEventListener("wheel", Z, { passive: !1 }), N = !0;
+				return;
+			}
+			!t && N && (e.removeEventListener("wheel", Z), N = !1);
+		}
+		function $() {
+			j?.disconnect();
+			let e = D.value, t = O.value;
+			if (!(!e || !t)) {
+				j ||= new ResizeObserver(() => {
+					W();
+				}), j.observe(e), j.observe(t);
+				for (let e of K()) j.observe(e);
+			}
+		}
+		function ue() {
+			M?.disconnect();
+			let e = O.value;
+			e && (M ||= new MutationObserver(() => {
+				$(), W();
+			}), M.observe(e, { childList: !0 }));
+		}
+		return g(() => {
+			Q(), $(), ue(), W();
+		}), h(() => {
+			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
+		], async () => {
+			await ee(), $(), W();
+		}), S(() => [i.remapWheel, i.direction], () => {
+			Q();
+		}), (n, r) => (_(), s("div", {
+			id: x(u),
+			class: p(B.value),
+			role: z.value,
+			"aria-label": R.value
+		}, [
+			F.value ? (_(), s("div", T, [y(n.$slots, "prev", m(d(V.value)), () => [l(x(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
+			}, {
+				default: C(() => [l(x(t), f({ class: "q-overflow__icon" }, I.value), null, 16)]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			])])])) : o("v-if", !0),
+			c("div", {
+				ref_key: "viewportRef",
+				ref: D,
+				class: "q-overflow__viewport",
+				"data-testid": "q-overflow-viewport",
+				tabindex: F.value ? 0 : void 0,
+				onScroll: W,
+				onKeydown: le
+			}, [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: "q-overflow__button",
+				variant: "ghost",
+				"data-testid": "q-overflow-next",
+				disabled: H.value.disabled,
+				"aria-label": i.texts.nextText,
+				onClick: H.value.onClick
+			}, {
+				default: C(() => [l(x(t), f({ class: "q-overflow__icon" }, L.value), null, 16)]),
+				_: 1
+			}, 8, [
+				"disabled",
+				"aria-label",
+				"onClick"
+			])])])) : o("v-if", !0)
+		], 10, w));
+	}
+});
+//#endregion
+export { D as default };

package/esm/components/QOverflow/QOverflow2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QOverflow.vue.js";
+//#region src/components/QOverflow/QOverflow.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,30 @@
+/** Default icons for overflow navigation controls. */
+export declare const DEFAULT_ICONS: {
+    back: {
+        icon: string;
+    };
+    forward: {
+        icon: string;
+    };
+    up: {
+        icon: string;
+    };
+    down: {
+        icon: string;
+    };
+};
+/** Default accessible strings for navigation controls. */
+export declare const DEFAULT_TEXTS: {
+    previousText: string;
+    nextText: string;
+};
+/**
+ * Accessible copy for {@link QOverflow}, including an optional region name.
+ *
+ * When `regionLabel` is set, the root gets `role="region"` and that accessible name
+ * (a landmark). Omit it (the default) for a plain root with no landmark role.
+ */
+export type QOverflowTexts = typeof DEFAULT_TEXTS & {
+    regionLabel?: string;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QOverflow/constants.ts"],"names":[],"mappings":"AAGA,sDAAsD;AACtD,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAaM,CAAA;AAEhC,0DAA0D;AAC1D,eAAO,MAAM,aAAa;;;CAGQ,CAAA;AAElC;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,GAAG;IACnD,WAAW,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

package/esm/components/QOverflow/constants.js

@@ -0,0 +1,12 @@
+//#region src/components/QOverflow/constants.ts
+var e = {
+	back: { icon: "chevron-left" },
+	forward: { icon: "chevron-right" },
+	up: { icon: "chevron-up" },
+	down: { icon: "chevron-down" }
+}, t = {
+	previousText: "Previous",
+	nextText: "Next"
+};
+//#endregion
+export { e as DEFAULT_ICONS, t as DEFAULT_TEXTS };