quasar 2.21.4 → 2.22.0

package/dist/quasar.client.js

@@ -1,5 +1,5 @@
 /*!
-* Quasar Framework v2.21.4
+* Quasar Framework v2.22.0
 * (c) 2015-present Razvan Stoenescu
 * Released under the MIT License.
 */
@@ -1103,7 +1103,7 @@ function prepareApp(app, uiOpts, pluginOpts) {
 	};
 }
 var install_quasar_default = function installQuasar(parentApp, opts = {}) {
-	const $q = { version: "2.21.4" };
+	const $q = { version: "2.22.0" };
 	if (!globalConfigIsFrozen) {
 		if (opts.config !== void 0) Object.assign(globalConfig, opts.config);
 		$q.config = { ...globalConfig };
@@ -2773,7 +2773,7 @@ const useModelToggleEmits = [
 	"beforeHide",
 	"hide"
 ];
-function useModelToggle({ showing, canShow, hideOnRouteChange, handleShow, handleHide, processOnMount }) {
+function useModelToggle({ showing, canShow, hideOnRouteChange, handleShow, handleHide, handleRouteChange, processOnMount }) {
 	const vm = getCurrentInstance();
 	const { props, emit, proxy } = vm;
 	let payload;
@@ -2826,7 +2826,10 @@ function useModelToggle({ showing, canShow, hideOnRouteChange, handleShow, handl
 	}
 	watch(() => props.modelValue, processModelChange);
 	if (hideOnRouteChange !== void 0 && vmHasRouter(vm)) watch(() => proxy.$route.fullPath, () => {
-		if (hideOnRouteChange.value && showing.value) hide();
+		if (hideOnRouteChange.value && showing.value) {
+			handleRouteChange?.();
+			hide();
+		}
 	});
 	if (processOnMount) onMounted(() => {
 		processModelChange(props.modelValue);
@@ -3627,6 +3630,7 @@ var QMenu_default = createComponent({
 			canShow,
 			handleShow,
 			handleHide,
+			handleRouteChange,
 			hideOnRouteChange,
 			processOnMount: true
 		});
@@ -3702,14 +3706,20 @@ var QMenu_default = createComponent({
 			hidePortal();
 			anchorCleanup(true);
 			if (refocusTarget !== null && (evt === void 0 || !evt.qClickOutside)) {
-				((evt?.type.indexOf("key") === 0 ? refocusTarget.closest("[tabindex]:not([tabindex^=\"-\"])") : void 0) || refocusTarget).focus();
+				const target = (evt?.type.indexOf("key") === 0 ? refocusTarget.closest("[tabindex]:not([tabindex^=\"-\"])") : void 0) || refocusTarget;
 				refocusTarget = null;
+				addFocusFn(() => {
+					if (target.isConnected) target.focus();
+				});
 			}
 			registerTimeout(() => {
 				hidePortal(true);
 				emit("hide", evt);
 			}, props.transitionDuration);
 		}
+		function handleRouteChange() {
+			refocusTarget = null;
+		}
 		function anchorCleanup(hiding) {
 			absoluteOffset = void 0;
 			if (unwatchPosition !== void 0) {
@@ -4423,7 +4433,7 @@ var TouchSwipe_default = createDirective({
 function useRenderCache() {
 	let cache = Object.create(null);
 	return {
-		getCache: (key, defaultValue) => cache[key] === void 0 ? cache[key] = typeof defaultValue === "function" ? defaultValue() : defaultValue : cache[key],
+		getCache: (key, defaultValue) => Object.hasOwn(cache, key) ? cache[key] : cache[key] = typeof defaultValue === "function" ? defaultValue() : defaultValue,
 		setCache(key, obj) {
 			cache[key] = obj;
 		},
@@ -4502,8 +4512,8 @@ function usePanel() {
 			mouse: true
 		}
 	]]);
-	const transitionPrev = computed(() => props.transitionPrev || `slide-${props.vertical ? "down" : "right"}`);
-	const transitionNext = computed(() => props.transitionNext || `slide-${props.vertical ? "up" : "left"}`);
+	const transitionPrev = computed(() => props.transitionPrev || `slide-${props.vertical ? "down" : proxy.$q.lang.rtl ? "left" : "right"}`);
+	const transitionNext = computed(() => props.transitionNext || `slide-${props.vertical ? "up" : proxy.$q.lang.rtl ? "right" : "left"}`);
 	const transitionStyle = computed(() => `--q-transition-duration: ${props.transitionDuration}ms`);
 	const contentKey = computed(() => typeof props.modelValue === "string" || typeof props.modelValue === "number" ? props.modelValue : String(props.modelValue));
 	const keepAliveProps = computed(() => ({
@@ -4623,7 +4633,7 @@ const useFullscreenEmits = ["update:fullscreen", "fullscreen"];
 function useFullscreen() {
 	const vm = getCurrentInstance();
 	const { props, emit, proxy } = vm;
-	let historyEntry, fullscreenFillerNode;
+	let historyEntry, fullscreenFillerNode, isUnmounting = false;
 	const inFullscreen = ref(false);
 	if (vmHasRouter(vm)) watch(() => proxy.$route.fullPath, () => {
 		if (!props.noRouteFullscreenExit) exitFullscreen();
@@ -4660,7 +4670,7 @@ function useFullscreen() {
 		counter = Math.max(0, counter - 1);
 		if (counter === 0) {
 			document.body.classList.remove("q-body--fullscreen-mixin");
-			if (proxy.$el.scrollIntoView !== void 0) setTimeout(() => {
+			if (!isUnmounting && proxy.$el.scrollIntoView !== void 0) setTimeout(() => {
 				proxy.$el.scrollIntoView();
 			}, 0);
 		}
@@ -4671,7 +4681,10 @@ function useFullscreen() {
 	onMounted(() => {
 		if (props.fullscreen) setFullscreen();
 	});
-	onBeforeUnmount(exitFullscreen);
+	onBeforeUnmount(() => {
+		isUnmounting = true;
+		exitFullscreen();
+	});
 	Object.assign(proxy, {
 		toggleFullscreen,
 		setFullscreen,
@@ -4738,7 +4751,7 @@ var QCarousel_default = createComponent({
 		const { proxy: { $q } } = getCurrentInstance();
 		const isDark = useDark(props, $q);
 		let timer = null, panelsLen;
-		const { updatePanelsList, getPanelContent, panelDirectives, goToPanel, previousPanel, nextPanel, getEnabledPanels, panelIndex } = usePanel();
+		const { updatePanelsList, updatePanelIndex, getPanelContent, panelDirectives, goToPanel, previousPanel, nextPanel, getEnabledPanels, panelIndex } = usePanel();
 		const { inFullscreen } = useFullscreen();
 		const style = computed(() => !inFullscreen.value && props.height !== void 0 ? { height: props.height } : {});
 		const direction = computed(() => props.vertical ? "vertical" : "horizontal");
@@ -4849,6 +4862,7 @@ var QCarousel_default = createComponent({
 		}
 		return () => {
 			panelsLen = updatePanelsList(slots);
+			updatePanelIndex();
 			return h("div", {
 				class: classes.value,
 				style: style.value
@@ -5173,6 +5187,9 @@ var QCheckbox_default = createComponent({
 });
 //#endregion
 //#region src/components/chip/QChip.js
+function preventSpace$3(e) {
+	if (e.keyCode === 32) stopAndPrevent(e);
+}
 const defaultSizes$1 = {
 	xs: 8,
 	sm: 10,
@@ -5235,7 +5252,11 @@ var QChip_default = createComponent({
 			const chip = props.disable ? {
 				tabindex: -1,
 				"aria-disabled": "true"
-			} : { tabindex: props.tabindex || 0 };
+			} : {
+				tabindex: props.tabindex || 0,
+				role: "button",
+				"aria-pressed": props.selected ? "true" : "false"
+			};
 			return {
 				chip,
 				remove: {
@@ -5247,7 +5268,10 @@ var QChip_default = createComponent({
 			};
 		});
 		function onKeyup(e) {
-			if (e.keyCode === 13) onClick(e);
+			if ([13, 32].includes(e.keyCode)) {
+				onClick(e);
+				stopAndPrevent(e);
+			}
 		}
 		function onClick(e) {
 			if (!props.disable) {
@@ -5256,7 +5280,7 @@ var QChip_default = createComponent({
 			}
 		}
 		function onRemove(e) {
-			if (e.keyCode === void 0 || e.keyCode === 13) {
+			if (e.keyCode === void 0 || [13, 32].includes(e.keyCode)) {
 				stopAndPrevent(e);
 				if (!props.disable) {
 					emit("update:modelValue", false);
@@ -5282,6 +5306,7 @@ var QChip_default = createComponent({
 				name: removeIcon.value,
 				...attributes.value.remove,
 				onClick: onRemove,
+				onKeydown: preventSpace$3,
 				onKeyup: onRemove
 			}));
 			return child;
@@ -5294,6 +5319,7 @@ var QChip_default = createComponent({
 			};
 			if (isClickable.value) Object.assign(data, attributes.value.chip, {
 				onClick,
+				onKeydown: preventSpace$3,
 				onKeyup
 			});
 			return hDir("div", data, getContent(), "ripple", props.ripple !== false && !props.disable, () => [[Ripple_default, props.ripple]]);
@@ -6056,16 +6082,14 @@ function useSlider({ updateValue, updatePosition, getDragging, formAttrs }) {
 				viewBox: "0 0 20 20",
 				"aria-hidden": "true"
 			}, [h("path", { d: props.thumbPath })]), h("div", { class: "q-slider__focus-ring fit" })];
-			if (props.label || props.labelAlways) {
-				thumbContent.push(h("div", { class: pinClass.value + " absolute fit no-pointer-events" + pinColor.value }, [h("div", {
-					class: labelClass.value,
-					style: { minWidth: props.thumbSize }
-				}, [h("div", {
-					class: textContainerClass.value,
-					style: textContainerStyle.value
-				}, [h("span", { class: textClass.value }, thumb.label.value)])])]));
-				if (props.name !== void 0 && !props.disable) injectFormInput(thumbContent, "push");
-			}
+			if (props.label || props.labelAlways) thumbContent.push(h("div", { class: pinClass.value + " absolute fit no-pointer-events" + pinColor.value }, [h("div", {
+				class: labelClass.value,
+				style: { minWidth: props.thumbSize }
+			}, [h("div", {
+				class: textContainerClass.value,
+				style: textContainerStyle.value
+			}, [h("span", { class: textClass.value }, thumb.label.value)])])]));
+			if (thumb.injectFormInput !== false && props.name !== void 0 && !props.disable) injectFormInput(thumbContent, "push");
 			return h("div", {
 				class: thumbClasses.value,
 				style: style.value,
@@ -6292,8 +6316,9 @@ var QResizeObserver_default = createComponent({
 		const { proxy } = getCurrentInstance();
 		proxy.trigger = trigger;
 		if (hasObserver) {
-			let observer;
+			let observer, isDestroyed = false;
 			const init = (stop) => {
+				if (isDestroyed) return;
 				targetEl = proxy.$el.parentNode;
 				if (targetEl) {
 					observer = new ResizeObserver(trigger);
@@ -6307,6 +6332,7 @@ var QResizeObserver_default = createComponent({
 				init();
 			});
 			onBeforeUnmount(() => {
+				isDestroyed = true;
 				if (timer !== null) clearTimeout(timer);
 				if (observer !== void 0) {
 					if (observer.disconnect !== void 0) observer.disconnect();
@@ -6316,7 +6342,7 @@ var QResizeObserver_default = createComponent({
 			return noop;
 		}
 		const { isHydrated } = useHydration();
-		let curDocView;
+		let curDocView, isDestroyed = false;
 		const cleanup = () => {
 			if (timer !== null) {
 				clearTimeout(timer);
@@ -6337,11 +6363,15 @@ var QResizeObserver_default = createComponent({
 		};
 		onMounted(() => {
 			nextTick(() => {
+				if (isDestroyed) return;
 				targetEl = proxy.$el;
 				if (targetEl) onObjLoad();
 			});
 		});
-		onBeforeUnmount(cleanup);
+		onBeforeUnmount(() => {
+			isDestroyed = true;
+			cleanup();
+		});
 		return () => {
 			if (isHydrated.value) return h("object", {
 				class: "q--avoid-card-border",
@@ -6594,12 +6624,10 @@ var QTabs_default = createComponent({
 			const dirNext = keyCode === (props.vertical ? 40 : 39);
 			const dir = dirPrev ? -1 : dirNext ? 1 : void 0;
 			if (dir !== void 0) {
-				const rtlDir = isRTL.value ? -1 : 1;
-				const index = tabs.indexOf(fromEl) + dir * rtlDir;
-				if (index >= 0 && index < len) {
-					scrollToTabEl(tabs[index]);
-					tabs[index].focus({ preventScroll: true });
-				}
+				const rtlDir = props.vertical !== true && isRTL.value ? -1 : 1;
+				const index = (tabs.indexOf(fromEl) + dir * rtlDir + len) % len;
+				scrollToTabEl(tabs[index]);
+				tabs[index].focus({ preventScroll: true });
 				return true;
 			}
 		}
@@ -6774,6 +6802,7 @@ var QTabs_default = createComponent({
 			ref: rootRef,
 			class: classes.value,
 			role: "tablist",
+			"aria-orientation": props.vertical ? "vertical" : "horizontal",
 			onFocusin,
 			onFocusout
 		}, [
@@ -8730,6 +8759,7 @@ var QDate_default = createComponent({
 		const { $q } = proxy;
 		const isDark = useDark(props, $q);
 		const { getCache } = useRenderCache();
+		const { isHydrated } = useHydration();
 		const { tabindex, headerClass, getLocale, getCurrentDate } = useDatetime(props, $q);
 		let lastEmitValue;
 		const injectFormInput = useFormInject(useFormAttrs(props));
@@ -9043,7 +9073,7 @@ var QDate_default = createComponent({
 				if (rangeView.value.includeFrom) res[from].editRangeFrom = true;
 				if (rangeView.value.includeTo) res[to].editRangeTo = true;
 			}
-			if (viewModel.value.year === today.value.year && viewModel.value.month === today.value.month) res[index + today.value.day - 1].today = true;
+			if (isHydrated.value && viewModel.value.year === today.value.year && viewModel.value.month === today.value.month) res[index + today.value.day - 1].today = true;
 			const left = res.length % 7;
 			if (left > 0) {
 				const afterDays = 7 - left;
@@ -9434,7 +9464,7 @@ var QDate_default = createComponent({
 				}, day.event ? () => h("div", { class: "q-date__event bg-" + day.event }) : null) : h("div", String(day.i))]))))])
 			])],
 			Months() {
-				const currentYear = viewModel.value.year === today.value.year;
+				const currentYear = isHydrated.value && viewModel.value.year === today.value.year;
 				const isDisabled = (month) => minNav.value !== null && viewModel.value.year === minNav.value.year && minNav.value.month > month || maxNav.value !== null && viewModel.value.year === maxNav.value.year && maxNav.value.month < month;
 				const content = innerLocale.value.monthsShort.map((month, i) => {
 					const active = viewModel.value.month === i + 1;
@@ -9473,7 +9503,7 @@ var QDate_default = createComponent({
 					const active = viewModel.value.year === i;
 					years.push(h("div", { class: "q-date__years-item flex flex-center" }, [h(QBtn_default, {
 						key: "yr" + i,
-						class: today.value.year === i ? "q-date__today" : null,
+						class: isHydrated.value && today.value.year === i ? "q-date__today" : null,
 						flat: !active,
 						label: i,
 						dense: true,
@@ -9634,7 +9664,7 @@ let maxScrollTop;
 let vpPendingUpdate = false;
 let bodyLeft;
 let bodyTop;
-let href;
+let routePath;
 let closeTimer = null;
 function onAppleScroll(e) {
 	if (e.target === document) document.scrollingElement.scrollTop = document.scrollingElement.scrollTop;
@@ -9660,7 +9690,7 @@ function apply$1(action) {
 		scrollPositionY = getVerticalScrollPosition(window);
 		bodyLeft = body.style.left;
 		bodyTop = body.style.top;
-		href = window.location.href;
+		routePath = window.location.pathname;
 		body.style.left = `-${scrollPositionX}px`;
 		body.style.top = `-${scrollPositionY}px`;
 		if (overflowX !== "hidden" && (overflowX === "scroll" || body.scrollWidth > window.innerWidth)) body.classList.add("q-body--force-scrollbar-x");
@@ -9683,7 +9713,7 @@ function apply$1(action) {
 		document.qScrollPrevented = false;
 		body.style.left = bodyLeft;
 		body.style.top = bodyTop;
-		if (window.location.href === href) window.scrollTo(scrollPositionX, scrollPositionY);
+		if (window.location.pathname === routePath) window.scrollTo(scrollPositionX, scrollPositionY);
 		maxScrollTop = void 0;
 	}
 }
@@ -9800,6 +9830,7 @@ var QDialog_default = createComponent({
 			hideOnRouteChange,
 			handleShow,
 			handleHide,
+			handleRouteChange,
 			processOnMount: true
 		});
 		const { addToHistory, removeFromHistory } = useHistory(showing, hide, hideOnRouteChange);
@@ -9854,8 +9885,11 @@ var QDialog_default = createComponent({
 			animating.value = true;
 			hidePortal();
 			if (refocusTarget !== null) {
-				((evt?.type.indexOf("key") === 0 ? refocusTarget.closest("[tabindex]:not([tabindex^=\"-\"])") : void 0) || refocusTarget).focus();
+				const target = (evt?.type.indexOf("key") === 0 ? refocusTarget.closest("[tabindex]:not([tabindex^=\"-\"])") : void 0) || refocusTarget;
 				refocusTarget = null;
+				addFocusFn(() => {
+					if (target.isConnected) target.focus();
+				});
 			}
 			registerTimeout(() => {
 				hidePortal(true);
@@ -9863,6 +9897,9 @@ var QDialog_default = createComponent({
 				emit("hide", evt);
 			}, props.transitionDuration);
 		}
+		function handleRouteChange() {
+			refocusTarget = null;
+		}
 		function focus(selector) {
 			addFocusFn(() => {
 				let node = innerRef.value;
@@ -10590,6 +10627,7 @@ var Caret = class {
 };
 //#endregion
 //#region src/components/tooltip/QTooltip.js
+let nonSelectableCount = 0;
 var QTooltip_default = createComponent({
 	name: "QTooltip",
 	inheritAttrs: false,
@@ -10641,11 +10679,13 @@ var QTooltip_default = createComponent({
 	},
 	emits: [...useModelToggleEmits],
 	setup(props, { slots, emit, attrs }) {
-		let unwatchPosition, observer;
+		let unwatchPosition, observer, removeNonSelectableTimer, hasNonSelectable = false, describedBy;
 		const vm = getCurrentInstance();
 		const { proxy: { $q } } = vm;
 		const innerRef = ref(null);
 		const showing = ref(false);
+		const targetUid = useId();
+		const tooltipId = computed(() => attrs.id || targetUid.value);
 		const anchorOrigin = computed(() => parsePosition(props.anchor, $q.lang.rtl));
 		const selfOrigin = computed(() => parsePosition(props.self, $q.lang.rtl));
 		const hideOnRouteChange = computed(() => !props.persistent);
@@ -10667,7 +10707,8 @@ var QTooltip_default = createComponent({
 		});
 		Object.assign(anchorEvents, {
 			delayShow,
-			delayHide
+			delayHide,
+			onFocusin
 		});
 		const { showPortal, hidePortal, renderPortal } = usePortal(vm, innerRef, renderPortalContent, "tooltip");
 		if ($q.platform.is.mobile) {
@@ -10686,9 +10727,12 @@ var QTooltip_default = createComponent({
 			onBeforeUnmount(() => {
 				removeClickOutside(clickOutsideProps);
 			});
-		}
+		} else watch(() => (props.modelValue === null || props["onUpdate:modelValue"]) && showing.value === true && props.persistent !== true, (val) => {
+			(val === true ? addEscapeKey : removeEscapeKey)(onEscapeKey);
+		});
 		function handleShow(evt) {
 			showPortal();
+			addAriaDescription();
 			registerTick(() => {
 				observer?.disconnect();
 				if (innerRef.value === null) {
@@ -10730,7 +10774,10 @@ var QTooltip_default = createComponent({
 				unwatchPosition = void 0;
 			}
 			unconfigureScrollTarget();
+			removeEscapeKey(onEscapeKey);
 			cleanEvt(anchorEvents, "tooltipTemp");
+			removeAriaDescription();
+			setNonSelectable(false);
 		}
 		function updatePosition() {
 			setPosition({
@@ -10745,8 +10792,12 @@ var QTooltip_default = createComponent({
 		}
 		function delayShow(evt) {
 			if ($q.platform.is.mobile) {
+				if (removeNonSelectableTimer !== void 0) {
+					clearTimeout(removeNonSelectableTimer);
+					removeNonSelectableTimer = void 0;
+				}
 				clearSelection();
-				document.body.classList.add("non-selectable");
+				setNonSelectable(true);
 				const target = anchorEl.value;
 				const evts = [
 					"touchmove",
@@ -10769,14 +10820,26 @@ var QTooltip_default = createComponent({
 			if ($q.platform.is.mobile) {
 				cleanEvt(anchorEvents, "tooltipTemp");
 				clearSelection();
-				setTimeout(() => {
-					document.body.classList.remove("non-selectable");
+				removeNonSelectableTimer = setTimeout(() => {
+					removeNonSelectableTimer = void 0;
+					setNonSelectable(false);
 				}, 10);
 			}
 			registerTimeout(() => {
 				hide(evt);
 			}, props.hideDelay);
 		}
+		function onFocusin(evt) {
+			const el = evt.target;
+			if (!el) return;
+			try {
+				if (el.matches(":focus-visible") === false) return;
+			} catch {}
+			delayShow(evt);
+		}
+		function onEscapeKey(evt) {
+			hide(evt);
+		}
 		function configureAnchorEl() {
 			if (props.noParentEvent || anchorEl.value === null) return;
 			const evts = $q.platform.is.mobile ? [[
@@ -10784,19 +10847,66 @@ var QTooltip_default = createComponent({
 				"touchstart",
 				"delayShow",
 				"passive"
-			]] : [[
-				anchorEl.value,
-				"mouseenter",
-				"delayShow",
-				"passive"
-			], [
-				anchorEl.value,
-				"mouseleave",
-				"delayHide",
-				"passive"
-			]];
+			]] : [
+				[
+					anchorEl.value,
+					"mouseenter",
+					"delayShow",
+					"passive"
+				],
+				[
+					anchorEl.value,
+					"mouseleave",
+					"delayHide",
+					"passive"
+				],
+				[
+					anchorEl.value,
+					"focusin",
+					"onFocusin",
+					"passive"
+				],
+				[
+					anchorEl.value,
+					"focusout",
+					"delayHide",
+					"passive"
+				]
+			];
 			addEvt(anchorEvents, "anchor", evts);
 		}
+		function setNonSelectable(state) {
+			if (hasNonSelectable === state) return;
+			hasNonSelectable = state;
+			nonSelectableCount += state ? 1 : -1;
+			document.body.classList.toggle("non-selectable", nonSelectableCount > 0);
+			if (!state && removeNonSelectableTimer !== void 0) {
+				clearTimeout(removeNonSelectableTimer);
+				removeNonSelectableTimer = void 0;
+			}
+		}
+		function addAriaDescription() {
+			const el = anchorEl.value, id = tooltipId.value;
+			if (el === null || id === void 0) return;
+			const ids = (el.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean);
+			describedBy = {
+				el,
+				id,
+				added: !ids.includes(id)
+			};
+			if (describedBy.added) {
+				ids.push(id);
+				el.setAttribute("aria-describedby", ids.join(" "));
+			}
+		}
+		function removeAriaDescription() {
+			if (describedBy?.added === true) {
+				const { el, id } = describedBy, value = (el.getAttribute("aria-describedby") || "").split(/\s+/).filter((entry) => entry !== "" && entry !== id);
+				if (value.length === 0) el.removeAttribute("aria-describedby");
+				else el.setAttribute("aria-describedby", value.join(" "));
+			}
+			describedBy = void 0;
+		}
 		function configureScrollTarget() {
 			if (anchorEl.value !== null || props.scrollTarget !== void 0) {
 				localScrollTarget.value = getScrollTarget(anchorEl.value, props.scrollTarget);
@@ -10807,6 +10917,7 @@ var QTooltip_default = createComponent({
 		function getTooltipContent() {
 			return showing.value ? h("div", {
 				...attrs,
+				id: tooltipId.value,
 				ref: innerRef,
 				class: ["q-tooltip q-tooltip--style q-position-engine no-pointer-events", attrs.class],
 				style: [attrs.style, transitionStyle.value],
@@ -10876,6 +10987,9 @@ var QItem_default = createComponent({
 			}
 			emit("keyup", e);
 		}
+		function onKeydown(e) {
+			if (isClickable.value && e.keyCode === 32) stopAndPrevent(e);
+		}
 		function getContent() {
 			const child = hUniqueSlot(slots.default, []);
 			if (isClickable.value) child.unshift(h("div", {
@@ -10890,8 +11004,9 @@ var QItem_default = createComponent({
 				ref: rootRef,
 				class: classes.value,
 				style: style.value,
-				role: "listitem",
+				role: hasLink.value ? void 0 : isClickable.value ? "button" : "listitem",
 				onClick,
+				onKeydown,
 				onKeyup
 			};
 			if (isClickable.value) {
@@ -11154,6 +11269,7 @@ function extend(...args) {
 		i--;
 	}
 	for (; i < length; i++) if ((options = args[i]) !== null) for (name in options) {
+		if (name === "__proto__") continue;
 		src = target[name];
 		copy = options[name];
 		if (target === copy) continue;
@@ -11256,8 +11372,9 @@ var QEditor_default = createComponent({
 		const editLinkUrl = ref(null);
 		const isViewingSource = ref(false);
 		const editable = computed(() => !props.readonly && !props.disable);
-		let defaultFont, offsetBottom;
+		let defaultFont, offsetBottom, refreshToolbarTimer = null;
 		let lastEmit = props.modelValue;
+		const renderInitialContent = isRuntimeSsrPreHydration.value;
 		document.execCommand("defaultParagraphSeparator", false, props.paragraphTag);
 		defaultFont = window.getComputedStyle(document.body).fontFamily;
 		const toolbarBackgroundClass = computed(() => props.toolbarBg ? ` bg-${props.toolbarBg}` : "");
@@ -11688,7 +11805,9 @@ var QEditor_default = createComponent({
 			});
 		}
 		function refreshToolbar() {
-			setTimeout(() => {
+			if (refreshToolbarTimer !== null) clearTimeout(refreshToolbarTimer);
+			refreshToolbarTimer = setTimeout(() => {
+				refreshToolbarTimer = null;
 				editLinkUrl.value = null;
 				proxy.$forceUpdate();
 			}, 1);
@@ -11708,6 +11827,7 @@ var QEditor_default = createComponent({
 			document.addEventListener("selectionchange", onSelectionchange);
 		});
 		onBeforeUnmount(() => {
+			if (refreshToolbarTimer !== null) clearTimeout(refreshToolbarTimer);
 			document.removeEventListener("selectionchange", onSelectionchange);
 		});
 		Object.assign(proxy, {
@@ -11745,6 +11865,7 @@ var QEditor_default = createComponent({
 				class: innerClass.value,
 				contenteditable: editable.value,
 				placeholder: props.placeholder,
+				...renderInitialContent ? { innerHTML: props.modelValue } : {},
 				...splitAttrs.listeners.value,
 				onInput,
 				onKeydown,
@@ -11929,6 +12050,9 @@ var QSeparator_default = createComponent({
 //#endregion
 //#region src/components/expansion-item/QExpansionItem.js
 const itemGroups = shallowReactive({});
+function preventSpace$2(e) {
+	if (e.keyCode === 32) stopAndPrevent(e);
+}
 const LINK_PROPS = Object.keys(useRouterLinkProps);
 var QExpansionItem_default = createComponent({
 	name: "QExpansionItem",
@@ -12027,7 +12151,7 @@ var QExpansionItem_default = createComponent({
 			emit("click", e);
 		}
 		function toggleIconKeyboard(e) {
-			if (e.keyCode === 13) toggleIcon(e, true);
+			if ([13, 32].includes(e.keyCode)) toggleIcon(e, true);
 		}
 		function toggleIcon(e, keyboard) {
 			if (!keyboard && !e.qAvoidFocus) blurTargetRef.value?.focus();
@@ -12072,6 +12196,7 @@ var QExpansionItem_default = createComponent({
 					tabindex: 0,
 					...toggleAriaAttrs.value,
 					onClick: toggleIcon,
+					onKeydown: preventSpace$2,
 					onKeyup: toggleIconKeyboard
 				});
 				child.unshift(h("div", {
@@ -12707,6 +12832,7 @@ function useField(state) {
 		if (!$q.platform.is.mobile) (state.targetRef?.value || state.rootRef.value).focus();
 		else if (state.rootRef.value.contains(document.activeElement)) document.activeElement.blur();
 		if (props.type === "file") state.inputRef.value.value = null;
+		state.onClear?.();
 		emit("update:modelValue", null);
 		if (state.changeEvent) emit("change", null);
 		emit("clear", props.modelValue);
@@ -12917,7 +13043,7 @@ function useFile({ editable, dnd, getFileInput, addFilesToQueue }) {
 			if (rejectedFiles.length !== 0) emit("rejected", rejectedFiles);
 		};
 		if (props.accept !== void 0 && !extensions.value.includes("*/")) {
-			files = filterFiles(files, rejectedFiles, "accept", (file) => extensions.value.some((ext) => file.type.toUpperCase().startsWith(ext) || file.name.toUpperCase().endsWith(ext)));
+			files = filterFiles(files, rejectedFiles, "accept", (file) => extensions.value.some((ext) => (ext.endsWith("/") ? file.type.toUpperCase().startsWith(ext) : file.type.toUpperCase() === ext) || file.name.toUpperCase().endsWith(ext)));
 			if (files.length === 0) return done();
 		}
 		if (props.maxFileSize !== void 0) {
@@ -12927,18 +13053,29 @@ function useFile({ editable, dnd, getFileInput, addFilesToQueue }) {
 		}
 		if (!props.multiple && files.length !== 0) files = [files[0]];
 		files.forEach((file) => {
-			file.__key = file.webkitRelativePath + file.lastModified + file.name + file.size;
+			file.__key = JSON.stringify([
+				file.webkitRelativePath,
+				file.lastModified,
+				file.name,
+				file.size
+			]);
 		});
 		if (append) {
-			const filenameMap = currentFileList.map((entry) => entry.__key);
-			files = filterFiles(files, rejectedFiles, "duplicate", (file) => !filenameMap.includes(file.__key));
+			const filenameSet = new Set(currentFileList.map((entry) => entry.__key));
+			files = filterFiles(files, rejectedFiles, "duplicate", (file) => {
+				if (filenameSet.has(file.__key)) return false;
+				filenameSet.add(file.__key);
+				return true;
+			});
 		}
 		if (files.length === 0) return done();
 		if (props.maxTotalSize !== void 0) {
 			let size = append ? currentFileList.reduce((total, file) => total + file.size, 0) : 0;
 			files = filterFiles(files, rejectedFiles, "max-total-size", (file) => {
-				size += file.size;
-				return size <= maxTotalSizeNumber.value;
+				const newSize = size + file.size;
+				if (newSize > maxTotalSizeNumber.value) return false;
+				size = newSize;
+				return true;
 			});
 			if (files.length === 0) return done();
 		}
@@ -14106,6 +14243,9 @@ function useMask(props, emit, emitValue, inputRef) {
 	watch(() => props.unmaskedValue, () => {
 		if (hasMask.value) updateMaskValue(innerValue.value);
 	});
+	watch(() => props.maskTokens, () => {
+		if (hasMask.value) updateMaskValue(innerValue.value, true);
+	}, { deep: true });
 	function getInitialMaskedValue() {
 		updateMaskInternals();
 		if (hasMask.value) {
@@ -14179,12 +14319,12 @@ function useMask(props, emit, emitValue, inputRef) {
 		maskReplaced = maskMarked.split(MARKER).join(fillChar);
 	}
 	function updateMaskValue(rawVal, updateMaskInternalsFlag, inputType) {
-		const inp = inputRef.value, end = inp.selectionEnd, endReverse = inp.value.length - end, unmasked = unmaskValue(rawVal);
+		const inp = inputRef.value, end = inp?.selectionEnd ?? 0, endReverse = inp === null ? 0 : inp.value.length - end, unmasked = unmaskValue(rawVal);
 		if (updateMaskInternalsFlag === true) updateMaskInternals();
 		const preMasked = maskValue(unmasked, updateMaskInternalsFlag), masked = props.fillMask !== false ? fillWithMask(preMasked) : preMasked, changed = innerValue.value !== masked;
-		if (inp.value !== masked) inp.value = masked;
+		if (inp !== null && inp.value !== masked) inp.value = masked;
 		if (changed) innerValue.value = masked;
-		if (document.activeElement === inp) nextTick(() => {
+		if (inp !== null && document.activeElement === inp) nextTick(() => {
 			if (masked === maskReplaced) {
 				const cursor = props.reverseFillMask ? maskReplaced.length : 0;
 				inp.setSelectionRange(cursor, cursor, "forward");
@@ -14382,6 +14522,7 @@ var QInput_default = createComponent({
 			Number,
 			FileList
 		],
+		modelModifiers: Object,
 		shadowText: String,
 		type: {
 			type: String,
@@ -14466,6 +14607,12 @@ var QInput_default = createComponent({
 			if (inputRef.value) inputRef.value.value = props.modelValue;
 		});
 		watch(() => props.modelValue, (v) => {
+			if (emitTimer !== null) {
+				cancelPendingValueEmission();
+				typedNumber = false;
+				stopValueWatcher = false;
+				delete temp.value;
+			}
 			if (hasMask.value) {
 				if (stopValueWatcher) {
 					stopValueWatcher = false;
@@ -14476,6 +14623,7 @@ var QInput_default = createComponent({
 				innerValue.value = v;
 				if (props.type === "number" && Object.hasOwn(temp, "value")) if (typedNumber) typedNumber = false;
 				else delete temp.value;
+				if (props.modelModifiers?.trim === true && Object.hasOwn(temp, "value") && (typeof temp.value !== "string" || temp.value.trim() !== v)) delete temp.value;
 			}
 			if (props.autogrow) nextTick(adjustHeight);
 		});
@@ -14515,6 +14663,7 @@ var QInput_default = createComponent({
 			}
 			if (hasMask.value) updateMaskValue(val, false, e.inputType);
 			else {
+				if (props.modelModifiers?.trim === true) temp.value = val;
 				emitValue(val);
 				if (isTypeText.value && e.target === document.activeElement) {
 					const { selectionStart, selectionEnd } = e.target;
@@ -14532,7 +14681,7 @@ var QInput_default = createComponent({
 		function emitValue(val, stopWatcher) {
 			emitValueFn = () => {
 				emitTimer = null;
-				if (props.type !== "number" && Object.hasOwn(temp, "value")) delete temp.value;
+				if (props.type !== "number" && (props.modelModifiers?.trim !== true || hasMask.value) && Object.hasOwn(temp, "value")) delete temp.value;
 				if (props.modelValue !== val && emitCachedValue !== val) {
 					emitCachedValue = val;
 					if (stopWatcher === true) stopValueWatcher = true;
@@ -14553,6 +14702,19 @@ var QInput_default = createComponent({
 				emitTimer = setTimeout(emitValueFn, props.debounce);
 			} else emitValueFn();
 		}
+		function cancelPendingValueEmission() {
+			if (emitTimer !== null) {
+				clearTimeout(emitTimer);
+				emitTimer = null;
+			}
+			emitValueFn = void 0;
+		}
+		function onClear() {
+			cancelPendingValueEmission();
+			typedNumber = false;
+			stopValueWatcher = false;
+			delete temp.value;
+		}
 		function adjustHeight() {
 			requestAnimationFrame(() => {
 				const inp = inputRef.value;
@@ -14609,6 +14771,7 @@ var QInput_default = createComponent({
 			hasShadow: computed(() => props.type !== "file" && typeof props.shadowText === "string" && props.shadowText.length !== 0),
 			inputRef,
 			emitValue,
+			onClear,
 			hasValue,
 			floatingLabel: computed(() => hasValue.value && (props.type !== "number" || Number.isFinite(Number(innerValue.value))) || fieldValueIsFilled(props.displayValue)),
 			getControl: () => h(isTextarea.value ? "textarea" : "input", {
@@ -14655,7 +14818,7 @@ function update$3(el, ctx, value) {
 	if (ctx.handler !== handler) ctx.handler = handler;
 	if (changed) {
 		ctx.cfg = cfg;
-		ctx.observer?.unobserve(el);
+		ctx.observer?.disconnect();
 		ctx.observer = new IntersectionObserver(([entry]) => {
 			if (typeof ctx.handler === "function") {
 				if (entry.rootBounds === null && document.body.contains(el)) {
@@ -14672,7 +14835,7 @@ function update$3(el, ctx, value) {
 function destroy$1(el) {
 	const ctx = el.__qvisible;
 	if (ctx !== void 0) {
-		ctx.observer?.unobserve(el);
+		ctx.observer?.disconnect();
 		delete el.__qvisible;
 	}
 }
@@ -16734,6 +16897,7 @@ var QRange_default = createComponent({
 		});
 		const maxEvents = computed(() => getEvents("max"));
 		const getMaxThumb = methods.getThumbRenderFn({
+			injectFormInput: false,
 			focusValue: "max",
 			getNodeData: () => ({
 				...maxEvents.value,
@@ -16832,8 +16996,8 @@ var QRange_default = createComponent({
 				}
 			}
 			model.value = model.value.min === null || model.value.max === null ? {
-				min: pos.min || props.min,
-				max: pos.max || props.max
+				min: pos.min ?? props.min,
+				max: pos.max ?? props.max
 			} : {
 				min: pos.min,
 				max: pos.max
@@ -16928,7 +17092,7 @@ var QRating_default = createComponent({
 				selIconLen,
 				selIcon: selIconLen > 0 ? props.iconSelected[selIconLen - 1] : props.iconSelected,
 				halfIconLen,
-				halfIcon: halfIconLen > 0 ? props.iconHalf[selIconLen - 1] : props.iconHalf,
+				halfIcon: halfIconLen > 0 ? props.iconHalf[halfIconLen - 1] : props.iconHalf,
 				colorLen,
 				color: colorLen > 0 ? props.color[colorLen - 1] : props.color,
 				selColorLen,
@@ -16949,14 +17113,14 @@ var QRating_default = createComponent({
 			return (i, label) => `${label} ${i}`;
 		});
 		const stars = computed(() => {
-			const acc = [], icons = iconData.value, ceil = Math.ceil(props.modelValue), tabindex = editable.value ? 0 : null;
+			const acc = [], icons = iconData.value, ceil = Math.ceil(props.modelValue), tabIndex = Number.isInteger(props.modelValue) && props.modelValue >= 1 && props.modelValue <= props.max ? props.modelValue : 1;
 			const halfIndex = props.iconHalf === void 0 || ceil === props.modelValue ? -1 : ceil;
 			for (let i = 1; i <= props.max; i++) {
 				const active = mouseModel.value === 0 && props.modelValue >= i || mouseModel.value > 0 && mouseModel.value >= i, half = halfIndex === i && mouseModel.value < i, exSelected = mouseModel.value > 0 && (half ? ceil : props.modelValue) >= i && mouseModel.value < i, color = half ? i <= icons.halfColorLen ? props.colorHalf[i - 1] : icons.halfColor : icons.selColor !== void 0 && active ? i <= icons.selColorLen ? props.colorSelected[i - 1] : icons.selColor : i <= icons.colorLen ? props.color[i - 1] : icons.color, name = (half ? i <= icons.halfIconLen ? props.iconHalf[i - 1] : icons.halfIcon : icons.selIcon !== void 0 && (active || exSelected) ? i <= icons.selIconLen ? props.iconSelected[i - 1] : icons.selIcon : i <= icons.iconLen ? props.icon[i - 1] : icons.icon) || $q.iconSet.rating.icon;
 				acc.push({
 					name: (half ? i <= icons.halfIconLen ? props.iconHalf[i - 1] : icons.halfIcon : icons.selIcon !== void 0 && (active || exSelected) ? i <= icons.selIconLen ? props.iconSelected[i - 1] : icons.selIcon : i <= icons.iconLen ? props.icon[i - 1] : icons.icon) || $q.iconSet.rating.icon,
 					attrs: {
-						tabindex,
+						tabindex: editable.value ? i === tabIndex ? 0 : -1 : null,
 						role: "radio",
 						"aria-checked": props.modelValue === i ? "true" : "false",
 						"aria-label": iconLabel.value(i, name)
@@ -16982,17 +17146,25 @@ var QRating_default = createComponent({
 		function setHoverValue(value) {
 			if (editable.value) mouseModel.value = value;
 		}
-		function onKeyup(e, i) {
+		function onKeydown(e, i) {
 			switch (e.keyCode) {
 				case 13:
 				case 32:
 					set(i);
 					return stopAndPrevent(e);
-				case 37:
+				case 37: {
+					const index = i + ($q.lang.rtl ? 1 : -1);
+					if (iconRefs[`rt${index}`]) iconRefs[`rt${index}`].focus();
+					return stopAndPrevent(e);
+				}
+				case 39: {
+					const index = i + ($q.lang.rtl ? -1 : 1);
+					if (iconRefs[`rt${index}`]) iconRefs[`rt${index}`].focus();
+					return stopAndPrevent(e);
+				}
 				case 40:
 					if (iconRefs[`rt${i - 1}`]) iconRefs[`rt${i - 1}`].focus();
 					return stopAndPrevent(e);
-				case 39:
 				case 38:
 					if (iconRefs[`rt${i + 1}`]) iconRefs[`rt${i + 1}`].focus();
 					return stopAndPrevent(e);
@@ -17026,8 +17198,8 @@ var QRating_default = createComponent({
 						setHoverValue(i);
 					},
 					onBlur: resetMouseModel,
-					onKeyup(e) {
-						onKeyup(e, i);
+					onKeydown(e) {
+						onKeydown(e, i);
 					}
 				}, hMergeSlot(slots[`tip-${i}`], [h(QIcon_default, {
 					class: iconClass,
@@ -17142,11 +17314,11 @@ var QScrollArea_default = createComponent({
 		],
 		verticalOffset: {
 			type: Array,
-			default: [0, 0]
+			default: () => [0, 0]
 		},
 		horizontalOffset: {
 			type: Array,
-			default: [0, 0]
+			default: () => [0, 0]
 		},
 		contentStyle: [
 			Array,
@@ -17219,11 +17391,11 @@ var QScrollArea_default = createComponent({
 		scroll.horizontal.percentage = computed(() => {
 			const diff = scroll.horizontal.size.value - container.horizontal.value;
 			if (diff <= 0) return 0;
-			const p = between(Math.abs(scroll.horizontal.position.value) / diff, 0, 1);
+			const p = between(getHorizontalLogicalPosition(scroll.horizontal.position.value) / diff, 0, 1);
 			return Math.round(p * 1e4) / 1e4;
 		});
 		scroll.horizontal.thumbHidden = computed(() => !(props.visible === null ? hover.value : props.visible) && !tempShowing.value && !panning.value || scroll.horizontal.size.value <= container.horizontal.value + 1);
-		scroll.horizontal.thumbStart = computed(() => props.horizontalOffset[0] + scroll.horizontal.percentage.value * (container.horizontalInner.value - scroll.horizontal.thumbSize.value));
+		scroll.horizontal.thumbStart = computed(() => props.horizontalOffset[proxy.$q.lang.rtl ? 1 : 0] + scroll.horizontal.percentage.value * (container.horizontalInner.value - scroll.horizontal.thumbSize.value));
 		scroll.horizontal.thumbSize = computed(() => Math.round(between(container.horizontalInner.value * container.horizontalInner.value / scroll.horizontal.size.value, getMinThumbSize(container.horizontalInner.value), container.horizontalInner.value)));
 		scroll.horizontal.style = computed(() => ({
 			...props.thumbStyle,
@@ -17299,22 +17471,28 @@ var QScrollArea_default = createComponent({
 			const data = scroll[axis];
 			if (e.isFirst) {
 				if (data.thumbHidden.value) return;
-				panRefPos = data.position.value;
+				panRefPos = axis === "horizontal" ? getHorizontalLogicalPosition(data.position.value) : data.position.value;
 				panning.value = true;
 			} else if (!panning.value) return;
 			if (e.isFinal) panning.value = false;
 			const dProp = dirProps[axis];
 			const multiplier = (data.size.value - container[axis].value) / (container[axis + "Inner"].value - data.thumbSize.value);
 			const distance = e.distance[dProp.dist];
-			setScroll(panRefPos + (e.direction === dProp.dir ? 1 : -1) * distance * multiplier, axis);
+			const direction = (e.direction === dProp.dir ? 1 : -1) * (axis === "horizontal" && proxy.$q.lang.rtl ? -1 : 1);
+			const pos = panRefPos + direction * distance * multiplier;
+			setScroll(axis === "horizontal" ? getHorizontalNativePosition(pos) : pos, axis);
 		}
 		function onMousedown(evt, axis) {
 			const data = scroll[axis];
 			if (!data.thumbHidden.value) {
-				const startOffset = axis === "vertical" ? props.verticalOffset[0] : props.horizontalOffset[0];
-				const offset = evt[dirProps[axis].offset] - startOffset;
+				const isHorizontalRtl = axis === "horizontal" && proxy.$q.lang.rtl;
+				const startOffset = axis === "vertical" ? props.verticalOffset[0] : props.horizontalOffset[isHorizontalRtl ? 1 : 0];
+				const offset = (isHorizontalRtl ? container.horizontal.value - evt.offsetX : evt[dirProps[axis].offset]) - startOffset;
 				const thumbStart = data.thumbStart.value - startOffset;
-				if (offset < thumbStart || offset > thumbStart + data.thumbSize.value) setScroll(between((offset - data.thumbSize.value / 2) / (container[axis + "Inner"].value - data.thumbSize.value), 0, 1) * Math.max(0, data.size.value - container[axis].value), axis);
+				if (offset < thumbStart || offset > thumbStart + data.thumbSize.value) {
+					const percentage = between((offset - data.thumbSize.value / 2) / (container[axis + "Inner"].value - data.thumbSize.value), 0, 1);
+					setScroll(isHorizontalRtl ? getHorizontalNativePosition(percentage * Math.max(0, data.size.value - container[axis].value)) : percentage * Math.max(0, data.size.value - container[axis].value), axis);
+				}
 				if (data.ref.value !== null) data.ref.value.dispatchEvent(new MouseEvent(evt.type, evt));
 			}
 		}
@@ -17330,6 +17508,14 @@ var QScrollArea_default = createComponent({
 		function setScroll(offset, axis) {
 			targetRef.value[dirProps[axis].scroll] = offset;
 		}
+		function getHorizontalLogicalPosition(position, rtl = proxy.$q.lang.rtl) {
+			if (!rtl) return position;
+			return rtlHasScrollBug ? Math.max(0, scroll.horizontal.size.value - container.horizontal.value) - position : -position;
+		}
+		function getHorizontalNativePosition(position, rtl = proxy.$q.lang.rtl) {
+			if (!rtl) return position;
+			return rtlHasScrollBug ? Math.max(0, scroll.horizontal.size.value - container.horizontal.value) - position : -position;
+		}
 		let mouseEventTimer = null;
 		function onMouseenter() {
 			if (mouseEventTimer !== null) clearTimeout(mouseEventTimer);
@@ -17346,8 +17532,8 @@ var QScrollArea_default = createComponent({
 			hover.value = false;
 		}
 		let scrollPosition = null;
-		watch(() => proxy.$q.lang.rtl, (rtl) => {
-			if (targetRef.value !== null) setHorizontalScrollPosition(targetRef.value, Math.abs(scroll.horizontal.position.value) * (rtl ? -1 : 1));
+		watch(() => proxy.$q.lang.rtl, (rtl, oldRtl) => {
+			if (targetRef.value !== null) setHorizontalScrollPosition(targetRef.value, getHorizontalNativePosition(getHorizontalLogicalPosition(scroll.horizontal.position.value, oldRtl), rtl));
 		});
 		onDeactivated(() => {
 			scrollPosition = {
@@ -17377,7 +17563,8 @@ var QScrollArea_default = createComponent({
 			}),
 			setScrollPosition: localSetScrollPosition,
 			setScrollPercentage(axis, percentage, duration) {
-				localSetScrollPosition(axis, percentage * (scroll[axis].size.value - container[axis].value) * (axis === "horizontal" && proxy.$q.lang.rtl ? -1 : 1), duration);
+				const offset = percentage * (scroll[axis].size.value - container[axis].value);
+				localSetScrollPosition(axis, axis === "horizontal" ? getHorizontalNativePosition(offset) : offset, duration);
 			}
 		});
 		const store = {
@@ -18968,11 +19155,12 @@ var QSlideItem_default = createComponent({
 				if (pan.scale === 1) {
 					node.style.transform = `translate${pan.axis}(${pan.dir * 100}%)`;
 					if (timer !== null) clearTimeout(timer);
+					const showing = pan.showing;
 					timer = setTimeout(() => {
 						timer = null;
-						emit(pan.showing, { reset });
+						emit(showing, { reset });
 						emit("action", {
-							side: pan.showing,
+							side: showing,
 							reset
 						});
 					}, 230);
@@ -19629,6 +19817,9 @@ var QSplitter_default = createComponent({
 });
 //#endregion
 //#region src/components/stepper/StepHeader.js
+function preventSpace$1(e) {
+	if (e.keyCode === 32) stopAndPrevent(e);
+}
 var StepHeader_default = createComponent({
 	name: "StepHeader",
 	props: {
@@ -19690,13 +19881,19 @@ var StepHeader_default = createComponent({
 			if (!isActive.value) props.goToPanel(props.step.name);
 		}
 		function onKeyup(e) {
-			if (e.keyCode === 13 && !isActive.value) props.goToPanel(props.step.name);
+			if ([13, 32].includes(e.keyCode)) {
+				if (!isActive.value) props.goToPanel(props.step.name);
+				stopAndPrevent(e);
+			}
 		}
 		return () => {
 			const data = { class: classes.value };
 			if (headerNav.value) {
 				data.onClick = onActivate;
+				data.onKeydown = preventSpace$1;
 				data.onKeyup = onKeyup;
+				data.role = "button";
+				data["aria-current"] = isActive.value ? "step" : void 0;
 				Object.assign(data, isDisable.value ? {
 					tabindex: -1,
 					"aria-disabled": "true"
@@ -19879,6 +20076,13 @@ var QTh_default = createComponent({
 		const onClick = (evt) => {
 			emit("click", evt);
 		};
+		const onKeyup = (evt, col) => {
+			if (evt.key === "Enter" || evt.key === " ") {
+				props.props.sort(col);
+				onClick(evt);
+				evt.preventDefault();
+			}
+		};
 		return () => {
 			if (props.props === void 0) return h("th", {
 				class: props.autoWidth ? "q-table--col-auto-width" : "",
@@ -19886,7 +20090,7 @@ var QTh_default = createComponent({
 			}, hSlot(slots.default));
 			let col, child;
 			const name = vm.vnode.key;
-			if (name) {
+			if (name !== null) {
 				col = props.props.colsMap[name];
 				if (col === void 0) return;
 			} else col = props.props.col;
@@ -19898,14 +20102,25 @@ var QTh_default = createComponent({
 					name: $q.iconSet.table.arrowUp
 				}));
 			} else child = hSlot(slots.default);
-			return h("th", {
+			const data = {
 				class: col.__thClass + (props.autoWidth ? " q-table--col-auto-width" : ""),
 				style: col.headerStyle,
 				onClick: (evt) => {
 					if (col.sortable) props.props.sort(col);
 					onClick(evt);
 				}
-			}, child);
+			};
+			if (col.sortable) {
+				data.tabindex = 0;
+				data["aria-sort"] = col.__ariaSort;
+				data.onKeydown = (evt) => {
+					if (evt.key === " ") evt.preventDefault();
+				};
+				data.onKeyup = (evt) => {
+					onKeyup(evt, col);
+				};
+			}
+			return h("th", data, child);
 		};
 	}
 });
@@ -20163,8 +20378,8 @@ function useTablePaginationState(vm, getCellValue) {
 	function requestServerInteraction(prop = {}) {
 		nextTick(() => {
 			emit("request", {
-				pagination: prop.pagination || computedPagination.value,
-				filter: prop.filter || props.filter,
+				pagination: prop.pagination === void 0 ? computedPagination.value : prop.pagination,
+				filter: prop.filter === void 0 ? props.filter : prop.filter,
 				getCellValue
 			});
 		});
@@ -20267,21 +20482,15 @@ const useTableRowSelectionProps = {
 };
 const useTableRowSelectionEmits = ["update:selected", "selection"];
 function useTableRowSelection(props, emit, computedRows, getRowKey) {
-	const selectedKeys = computed(() => {
-		const keys = {};
-		props.selected.map(getRowKey.value).forEach((key) => {
-			keys[key] = true;
-		});
-		return keys;
-	});
+	const selectedKeys = computed(() => new Set(props.selected.map(getRowKey.value)));
 	const hasSelectionMode = computed(() => props.selection !== "none");
 	const singleSelection = computed(() => props.selection === "single");
 	const multipleSelection = computed(() => props.selection === "multiple");
-	const allRowsSelected = computed(() => computedRows.value.length !== 0 && computedRows.value.every((row) => selectedKeys.value[getRowKey.value(row)]));
-	const someRowsSelected = computed(() => !allRowsSelected.value && computedRows.value.some((row) => selectedKeys.value[getRowKey.value(row)]));
+	const allRowsSelected = computed(() => computedRows.value.length !== 0 && computedRows.value.every((row) => selectedKeys.value.has(getRowKey.value(row))));
+	const someRowsSelected = computed(() => !allRowsSelected.value && computedRows.value.some((row) => selectedKeys.value.has(getRowKey.value(row))));
 	const rowsSelectedNumber = computed(() => props.selected.length);
 	function isRowSelected(key) {
-		return selectedKeys.value[key] === true;
+		return selectedKeys.value.has(key);
 	}
 	function clearSelection() {
 		emit("update:selected", []);
@@ -20369,6 +20578,7 @@ function useTableColumnSelection(props, computedPagination, hasSelectionMode) {
 				...col,
 				align,
 				__iconClass: `q-table__sort-icon q-table__sort-icon--${align}`,
+				__ariaSort: col.sortable === true ? col.name === sortBy ? descending ? "descending" : "ascending" : "none" : void 0,
 				__thClass: alignClass + (col.headerClasses !== void 0 ? " " + col.headerClasses : "") + (col.sortable ? " sortable" : "") + (col.name === sortBy ? ` sorted ${descending ? "sort-desc" : ""}` : ""),
 				__tdStyle: col.style !== void 0 ? typeof col.style !== "function" ? () => col.style : col.style : () => null,
 				__tdClass: col.classes !== void 0 ? typeof col.classes !== "function" ? () => alignClass + " " + col.classes : (row) => alignClass + " " + col.classes(row) : () => alignClass
@@ -20379,7 +20589,7 @@ function useTableColumnSelection(props, computedPagination, hasSelectionMode) {
 		colList,
 		computedCols,
 		computedColsMap: computed(() => {
-			const names = {};
+			const names = Object.create(null);
 			computedCols.value.forEach((col) => {
 				names[col.name] = col;
 			});
@@ -20532,9 +20742,15 @@ var QTable_default = createComponent({
 		const cardDefaultClass = computed(() => " q-table__card" + (isDark.value ? " q-table__card--dark q-dark" : "") + (props.square ? " q-table--square" : "") + (props.flat ? " q-table--flat" : "") + (props.bordered ? " q-table--bordered" : ""));
 		const containerClass = computed(() => `q-table__container q-table--${props.separator}-separator column no-wrap` + (props.grid ? " q-table--grid" : cardDefaultClass.value) + (isDark.value ? " q-table--dark" : "") + (props.dense ? " q-table--dense" : "") + (props.wrapCells ? "" : " q-table--no-wrap") + (inFullscreen.value ? " fullscreen scroll" : ""));
 		const rootContainerClass = computed(() => containerClass.value + (props.loading ? " q-table--loading" : ""));
-		watch(() => props.tableStyle + props.tableClass + props.tableHeaderStyle + props.tableHeaderClass + containerClass.value, () => {
+		watch([
+			() => props.tableStyle,
+			() => props.tableClass,
+			() => props.tableHeaderStyle,
+			() => props.tableHeaderClass,
+			containerClass
+		], () => {
 			if (hasVirtScroll.value) virtScrollRef.value?.reset();
-		});
+		}, { deep: true });
 		const { innerPagination, computedPagination, isServerSide, requestServerInteraction, setPagination } = useTablePaginationState(vm, getCellValue);
 		const { computedFilterMethod } = useTableFilter(props, setPagination);
 		const { isRowExpanded, setExpanded, updateExpanded } = useTableRowExpand(props, emit);
@@ -20958,10 +21174,10 @@ var QTable_default = createComponent({
 				if (props.onRowClick !== void 0 || props.onRowDblclick !== void 0 || props.onRowContextmenu !== void 0) {
 					data.class[0] += " cursor-pointer";
 					if (props.onRowClick !== void 0) data.onClick = (evt) => {
-						emit("RowClick", evt, scope.row, scope.pageIndex);
+						emit("rowClick", evt, scope.row, scope.pageIndex);
 					};
 					if (props.onRowDblclick !== void 0) data.onDblclick = (evt) => {
-						emit("RowDblclick", evt, scope.row, scope.pageIndex);
+						emit("rowDblclick", evt, scope.row, scope.pageIndex);
 					};
 					if (props.onRowContextmenu !== void 0) data.onContextmenu = (evt) => {
 						emit("rowContextmenu", evt, scope.row, scope.pageIndex);
@@ -21098,6 +21314,9 @@ function getCurrentTime() {
 		millisecond: d.getMilliseconds()
 	};
 }
+function preventSpace(e) {
+	if (e.keyCode === 32) stopAndPrevent(e);
+}
 function getWheelDist(a, b, threshold) {
 	const diff = Math.abs(a - b);
 	return Math.min(diff, threshold - diff);
@@ -21338,10 +21557,16 @@ var QTime_default = createComponent({
 			}
 		};
 		function setAmOnKey(e) {
-			if (e.keyCode === 13) setAm();
+			if ([13, 32].includes(e.keyCode)) {
+				setAm();
+				stopAndPrevent(e);
+			}
 		}
 		function setPmOnKey(e) {
-			if (e.keyCode === 13) setPm();
+			if ([13, 32].includes(e.keyCode)) {
+				setPm();
+				stopAndPrevent(e);
+			}
 		}
 		function onClick(evt) {
 			if (!shouldAbortInteraction()) {
@@ -21353,8 +21578,10 @@ var QTime_default = createComponent({
 			if (!shouldAbortInteraction()) updateClock(evt, getClockRect());
 		}
 		function onKeyupHour(e) {
-			if (e.keyCode === 13) view.value = "hour";
-			else if ([37, 39].includes(e.keyCode)) {
+			if ([13, 32].includes(e.keyCode)) {
+				view.value = "hour";
+				stopAndPrevent(e);
+			} else if ([37, 39].includes(e.keyCode)) {
 				const payload = e.keyCode === 37 ? -1 : 1;
 				if (validHours.value !== null) {
 					const values = computedFormat24h.value ? validHours.value.values : validHours.value[isAM.value ? "am" : "pm"].values;
@@ -21368,8 +21595,10 @@ var QTime_default = createComponent({
 			}
 		}
 		function onKeyupMinute(e) {
-			if (e.keyCode === 13) view.value = "minute";
-			else if ([37, 39].includes(e.keyCode)) {
+			if ([13, 32].includes(e.keyCode)) {
+				view.value = "minute";
+				stopAndPrevent(e);
+			} else if ([37, 39].includes(e.keyCode)) {
 				const payload = e.keyCode === 37 ? -1 : 1;
 				if (validMinutes.value !== null) {
 					const values = validMinutes.value.values;
@@ -21380,13 +21609,15 @@ var QTime_default = createComponent({
 			}
 		}
 		function onKeyupSecond(e) {
-			if (e.keyCode === 13) view.value = "second";
-			else if ([37, 39].includes(e.keyCode)) {
+			if ([13, 32].includes(e.keyCode)) {
+				view.value = "second";
+				stopAndPrevent(e);
+			} else if ([37, 39].includes(e.keyCode)) {
 				const payload = e.keyCode === 37 ? -1 : 1;
 				if (validSeconds.value !== null) {
 					const values = validSeconds.value.values;
 					if (values.length === 0) return;
-					if (innerModel.value.seconds === null) setSecond(values[0]);
+					if (innerModel.value.second === null) setSecond(values[0]);
 					else setSecond(values[(values.length + values.indexOf(innerModel.value.second) + payload) % values.length]);
 				} else setSecond((60 + (innerModel.value.second === null ? -payload : innerModel.value.second) + payload) % 60);
 			}
@@ -21470,13 +21701,19 @@ var QTime_default = createComponent({
 				h("div", {
 					class: "q-time__link " + (view.value === "hour" ? "q-time__link--active" : "cursor-pointer"),
 					tabindex: tabindex.value,
+					role: "button",
+					"aria-pressed": view.value === "hour" ? "true" : "false",
 					onClick: setView.hour,
+					onKeydown: preventSpace,
 					onKeyup: onKeyupHour
 				}, stringModel.value.hour),
 				h("div", ":"),
 				h("div", minLink.value ? {
 					class: "q-time__link " + (view.value === "minute" ? "q-time__link--active" : "cursor-pointer"),
 					tabindex: tabindex.value,
+					role: "button",
+					"aria-pressed": view.value === "minute" ? "true" : "false",
+					onKeydown: preventSpace,
 					onKeyup: onKeyupMinute,
 					onClick: setView.minute
 				} : { class: "q-time__link" }, stringModel.value.minute)
@@ -21484,6 +21721,9 @@ var QTime_default = createComponent({
 			if (props.withSeconds) label.push(h("div", ":"), h("div", secLink.value ? {
 				class: "q-time__link " + (view.value === "second" ? "q-time__link--active" : "cursor-pointer"),
 				tabindex: tabindex.value,
+				role: "button",
+				"aria-pressed": view.value === "second" ? "true" : "false",
+				onKeydown: preventSpace,
 				onKeyup: onKeyupSecond,
 				onClick: setView.second
 			} : { class: "q-time__link" }, stringModel.value.second));
@@ -21494,12 +21734,18 @@ var QTime_default = createComponent({
 			if (!computedFormat24h.value) child.push(h("div", { class: "q-time__header-ampm column items-between no-wrap" }, [h("div", {
 				class: "q-time__link " + (isAM.value ? "q-time__link--active" : "cursor-pointer"),
 				tabindex: tabindex.value,
+				role: "button",
+				"aria-pressed": isAM.value ? "true" : "false",
 				onClick: setAm,
+				onKeydown: preventSpace,
 				onKeyup: setAmOnKey
 			}, "AM"), h("div", {
 				class: "q-time__link " + (isAM.value ? "cursor-pointer" : "q-time__link--active"),
 				tabindex: tabindex.value,
+				role: "button",
+				"aria-pressed": isAM.value ? "false" : "true",
 				onClick: setPm,
+				onKeydown: preventSpace,
 				onKeyup: setPmOnKey
 			}, "PM")]));
 			return h("div", { class: "q-time__header flex flex-center no-wrap " + headerClass.value }, child);
@@ -21741,9 +21987,11 @@ var QTree_default = createComponent({
 		const lazy = ref({});
 		const innerTicked = ref(props.ticked || []);
 		const innerExpanded = ref(props.expanded || []);
-		let blurTargets = {};
+		const focusedKey = ref(null);
+		let blurTargets = {}, headerTargets = {};
 		onBeforeUpdate(() => {
 			blurTargets = {};
+			headerTargets = {};
 		});
 		const classes = computed(() => `q-tree q-tree--${props.dense ? "dense" : "standard"}` + (props.noConnectors ? " q-tree--no-connectors" : "") + (isDark.value ? " q-tree--dark" : "") + (props.color !== void 0 ? ` text-${props.color}` : ""));
 		const hasSelection = computed(() => props.selected !== void 0);
@@ -21816,6 +22064,25 @@ var QTree_default = createComponent({
 			props.nodes.forEach((node) => travel(node, null));
 			return acc;
 		});
+		const focusableKeys = computed(() => {
+			const acc = [];
+			function travel(nodes) {
+				nodes.forEach((node) => {
+					const localMeta = meta.value[node[props.nodeKey]];
+					if (props.filter && localMeta.matchesFilter !== true) return;
+					if (localMeta.link === true) acc.push(localMeta.key);
+					if (localMeta.expanded === true && Array.isArray(node[props.childrenKey])) travel(node[props.childrenKey]);
+				});
+			}
+			travel(props.nodes);
+			return acc;
+		});
+		const tabKey = computed(() => {
+			const keys = focusableKeys.value;
+			if (keys.includes(focusedKey.value)) return focusedKey.value;
+			const selected = keys.find((key) => meta.value[key].selected === true);
+			return selected !== void 0 ? selected : keys[0];
+		});
 		watch(() => props.ticked, (val) => {
 			innerTicked.value = val;
 		});
@@ -21946,16 +22213,25 @@ var QTree_default = createComponent({
 				class: `q-tree__node relative-position q-tree__node--${isParent ? "parent" : "child"}`
 			}, [h("div", {
 				class: "q-tree__node-header relative-position row no-wrap items-center" + (m.link === true ? " q-tree__node--link q-hoverable q-focusable" : "") + (m.selected === true ? " q-tree__node--selected" : "") + (m.disabled === true ? " q-tree__node--disabled" : ""),
-				tabindex: m.link === true ? 0 : -1,
-				ariaExpanded: children.length !== 0 ? m.expanded : null,
+				ref: (el) => {
+					headerTargets[m.key] = el;
+				},
+				tabindex: m.link === true && m.key === tabKey.value ? 0 : -1,
+				"aria-expanded": isParent ? m.expanded ? "true" : "false" : null,
+				"aria-selected": m.selectable ? m.selected ? "true" : "false" : null,
+				"aria-disabled": m.disabled === true ? "true" : null,
 				role: "treeitem",
+				onFocus() {
+					if (m.link === true) focusedKey.value = m.key;
+				},
 				onClick: (e) => {
 					onClick(node, m, e);
 				},
-				onKeypress(e) {
+				onKeydown(e) {
 					if (shouldIgnoreKey(e) !== true) {
 						if (e.keyCode === 13) onClick(node, m, e, true);
 						else if (e.keyCode === 32) onExpandClick(node, m, e, true);
+						else if (onNavigationKey(m, e.keyCode)) stopAndPrevent(e);
 					}
 				}
 			}, [
@@ -22011,7 +22287,59 @@ var QTree_default = createComponent({
 		function blur(key) {
 			blurTargets[key]?.focus();
 		}
+		function focusNode(key) {
+			if (key !== void 0) {
+				focusedKey.value = key;
+				headerTargets[key]?.focus();
+			}
+		}
+		function getFirstFocusableChild(children) {
+			for (const child of children) {
+				if (props.filter && child.matchesFilter !== true) continue;
+				if (child.link === true) return child.key;
+				if (child.expanded === true) {
+					const key = getFirstFocusableChild(child.children);
+					if (key !== void 0) return key;
+				}
+			}
+		}
+		function onNavigationKey(localMeta, keyCode) {
+			const keys = focusableKeys.value, index = keys.indexOf(localMeta.key);
+			if (keyCode === 36) {
+				focusNode(keys[0]);
+				return true;
+			}
+			if (keyCode === 35) {
+				focusNode(keys.at(-1));
+				return true;
+			}
+			if (keyCode === 38) {
+				focusNode(keys[index - 1]);
+				return true;
+			}
+			if (keyCode === 40) {
+				focusNode(keys[index + 1]);
+				return true;
+			}
+			if (keyCode === 39) {
+				if (localMeta.isParent !== true && !localMeta.lazy) return true;
+				if (localMeta.expanded !== true) setExpanded(localMeta.key, true);
+				else focusNode(getFirstFocusableChild(localMeta.children));
+				return true;
+			}
+			if (keyCode === 37) {
+				if (localMeta.expanded === true) setExpanded(localMeta.key, false);
+				else {
+					let parent = localMeta.parent;
+					while (parent !== null && parent.link !== true) parent = parent.parent;
+					focusNode(parent?.key);
+				}
+				return true;
+			}
+			return false;
+		}
 		function onClick(node, localMeta, e, keyboard) {
+			if (localMeta.link === true) focusedKey.value = localMeta.key;
 			if (keyboard !== true && localMeta.selectable !== false) blur(localMeta.key);
 			if (hasSelection.value && localMeta.selectable) {
 				if (!props.noSelectionUnset) emit("update:selected", localMeta.key !== props.selected ? localMeta.key : null);
@@ -22020,6 +22348,7 @@ var QTree_default = createComponent({
 			if (typeof node.handler === "function") node.handler(node);
 		}
 		function onExpandClick(node, localMeta, e, keyboard) {
+			if (localMeta.link === true) focusedKey.value = localMeta.key;
 			if (e !== void 0) stopAndPrevent(e);
 			if (keyboard !== true && localMeta.selectable !== false) blur(localMeta.key);
 			setExpanded(localMeta.key, !localMeta.expanded, node, localMeta);
@@ -22110,7 +22439,7 @@ function getRenderer(getPlugin, expose) {
 			return;
 		}
 		file.__uploaded = status === "uploaded" ? file.size : uploadedSize;
-		file.__progress = status === "uploaded" ? 1 : Math.min(.9999, file.__uploaded / file.size);
+		file.__progress = status === "uploaded" ? 1 : file.size === 0 ? 0 : Math.min(.9999, file.__uploaded / file.size);
 		file.__progressLabel = getProgressLabel(file.__progress);
 		proxy.$forceUpdate();
 	}
@@ -22167,7 +22496,9 @@ function getRenderer(getPlugin, expose) {
 		}
 	}
 	function removeUploadedFiles() {
-		if (!props.disable) batchRemoveFiles(["uploaded"], () => {
+		if (!props.disable) batchRemoveFiles(["uploaded"], ({ size }) => {
+			state.uploadedSize.value -= size;
+			uploadSize.value -= size;
 			state.uploadedFiles.value = [];
 		});
 	}
@@ -22198,8 +22529,12 @@ function getRenderer(getPlugin, expose) {
 	}
 	function removeFile(file) {
 		if (props.disable) return;
-		if (file.__status === "uploaded") state.uploadedFiles.value = state.uploadedFiles.value.filter((f) => f.__key !== file.__key);
-		else if (file.__status === "uploading") file.__abort();
+		const isUploading = file.__status === "uploading";
+		if (file.__status === "uploaded") {
+			state.uploadedSize.value -= file.size;
+			uploadSize.value -= file.size;
+			state.uploadedFiles.value = state.uploadedFiles.value.filter((f) => f.__key !== file.__key);
+		} else if (isUploading) uploadSize.value -= file.size;
 		else uploadSize.value -= file.size;
 		state.files.value = state.files.value.filter((f) => {
 			if (f.__key !== file.__key) return true;
@@ -22207,6 +22542,7 @@ function getRenderer(getPlugin, expose) {
 			return false;
 		});
 		state.queuedFiles.value = state.queuedFiles.value.filter((f) => f.__key !== file.__key);
+		if (isUploading) file.__abort();
 		emit("removed", [file]);
 	}
 	function revokeImgURLs() {
@@ -22431,6 +22767,7 @@ function injectPlugin({ props, emit, helpers }) {
 	const xhrs = ref([]);
 	const promises = ref([]);
 	const workingThreads = ref(0);
+	const abortedPromises = /* @__PURE__ */ new WeakSet();
 	const xhrProps = computed(() => ({
 		url: getFn(props.url),
 		method: getFn(props.method),
@@ -22443,12 +22780,14 @@ function injectPlugin({ props, emit, helpers }) {
 	}));
 	const isUploading = computed(() => workingThreads.value > 0);
 	const isBusy = computed(() => promises.value.length !== 0);
-	let abortPromises;
+	const getLiveFiles = (files) => files.filter((file) => helpers.files.value.includes(file));
 	function abort() {
 		xhrs.value.forEach((x) => {
 			x.abort();
 		});
-		if (promises.value.length !== 0) abortPromises = true;
+		promises.value.forEach((promise) => {
+			abortedPromises.add(promise);
+		});
 	}
 	function upload() {
 		const queue = [...helpers.queuedFiles.value];
@@ -22460,36 +22799,57 @@ function injectPlugin({ props, emit, helpers }) {
 	}
 	function runFactory(files) {
 		workingThreads.value++;
+		const failed = (err, promise) => {
+			if (helpers.isAlive()) {
+				if (promise !== void 0) promises.value = promises.value.filter((p) => p !== promise);
+				const liveFiles = getLiveFiles(files);
+				if (liveFiles.length !== 0) {
+					helpers.queuedFiles.value.push(...liveFiles);
+					liveFiles.forEach((f) => {
+						helpers.updateFileStatus(f, "failed");
+					});
+					emit("factoryFailed", err, liveFiles);
+				}
+				workingThreads.value--;
+			}
+		};
 		if (typeof props.factory !== "function") {
-			performUpload(files, {});
+			startUpload({});
 			return;
 		}
-		const res = props.factory(files);
-		if (!res) {
-			emit("factoryFailed", /* @__PURE__ */ new Error("QUploader: factory() does not return properly"), files);
-			workingThreads.value--;
-		} else if (typeof res.catch === "function" && typeof res.then === "function") {
+		let res;
+		try {
+			res = props.factory(files);
+		} catch (err) {
+			failed(err);
+			return;
+		}
+		if (Object(res) !== res) failed(/* @__PURE__ */ new Error("QUploader: factory() does not return properly"));
+		else if (typeof res.catch === "function" && typeof res.then === "function") {
 			promises.value.push(res);
-			const failed = (err) => {
-				if (helpers.isAlive()) {
-					promises.value = promises.value.filter((p) => p !== res);
-					if (promises.value.length === 0) abortPromises = false;
-					helpers.queuedFiles.value.push(...files);
-					files.forEach((f) => {
-						helpers.updateFileStatus(f, "failed");
-					});
-					emit("factoryFailed", err, files);
-					workingThreads.value--;
-				}
-			};
 			res.then((factory) => {
-				if (abortPromises) failed(/* @__PURE__ */ new Error("Aborted"));
+				if (abortedPromises.has(res)) failed(/* @__PURE__ */ new Error("Aborted"), res);
+				else if (Object(factory) !== factory) failed(/* @__PURE__ */ new Error("QUploader: factory() does not return properly"), res);
 				else if (helpers.isAlive()) {
 					promises.value = promises.value.filter((p) => p !== res);
-					performUpload(files, factory);
+					startUpload(factory);
 				}
-			}).catch(failed);
-		} else performUpload(files, res || {});
+			}).catch((err) => {
+				failed(err, res);
+			});
+		} else startUpload(res);
+		function startUpload(factory) {
+			const liveFiles = getLiveFiles(files);
+			if (liveFiles.length === 0) {
+				workingThreads.value--;
+				return;
+			}
+			try {
+				performUpload(liveFiles, factory);
+			} catch (err) {
+				failed(err);
+			}
+		}
 	}
 	function performUpload(files, factory) {
 		const form = new FormData(), xhr = new XMLHttpRequest();
@@ -22497,6 +22857,10 @@ function injectPlugin({ props, emit, helpers }) {
 		const url = getProp("url", files);
 		if (!url) {
 			console.error("q-uploader: invalid or no URL specified");
+			helpers.queuedFiles.value.push(...files);
+			files.forEach((f) => {
+				helpers.updateFileStatus(f, "failed");
+			});
 			workingThreads.value--;
 			return;
 		}
@@ -22513,7 +22877,7 @@ function injectPlugin({ props, emit, helpers }) {
 			let size = localUploadedSize - uploadIndexSize;
 			for (let i = uploadIndex; size > 0 && i < files.length; i++) {
 				const file = files[i];
-				if (size > file.size) {
+				if (size >= file.size) {
 					size -= file.size;
 					uploadIndex++;
 					uploadIndexSize += file.size;
@@ -22527,25 +22891,33 @@ function injectPlugin({ props, emit, helpers }) {
 		xhr.addEventListener("readystatechange", () => {
 			if (xhr.readyState < 4) return;
 			if (xhr.status && xhr.status < 400) {
-				helpers.uploadedFiles.value.push(...files);
-				files.forEach((f) => {
-					helpers.updateFileStatus(f, "uploaded");
-				});
-				emit("uploaded", {
-					files,
-					xhr
-				});
+				const liveFiles = getLiveFiles(files);
+				const liveUploadSize = liveFiles.reduce((total, file) => total + file.size, 0);
+				helpers.uploadedSize.value += liveUploadSize - localUploadedSize;
+				if (liveFiles.length !== 0) {
+					helpers.uploadedFiles.value.push(...liveFiles);
+					liveFiles.forEach((f) => {
+						helpers.updateFileStatus(f, "uploaded");
+					});
+					emit("uploaded", {
+						files: liveFiles,
+						xhr
+					});
+				}
 			} else {
 				aborted = true;
 				helpers.uploadedSize.value -= localUploadedSize;
-				helpers.queuedFiles.value.push(...files);
-				files.forEach((f) => {
-					helpers.updateFileStatus(f, "failed");
-				});
-				emit("failed", {
-					files,
-					xhr
-				});
+				const liveFiles = getLiveFiles(files);
+				if (liveFiles.length !== 0) {
+					helpers.queuedFiles.value.push(...liveFiles);
+					liveFiles.forEach((f) => {
+						helpers.updateFileStatus(f, "failed");
+					});
+					emit("failed", {
+						files: liveFiles,
+						xhr
+					});
+				}
 			}
 			workingThreads.value--;
 			xhrs.value = xhrs.value.filter((x) => x !== xhr);
@@ -23820,7 +24192,7 @@ var TouchRepeat_default = createDirective({
 			if (keyRegex.test(key)) {
 				const parsedKey = Number.parseInt(key, 10);
 				const keyCode = Number.isNaN(parsedKey) ? keyCodes[key.toLowerCase()] : parsedKey;
-				if (keyCode >= 0) acc.push(keyCode);
+				if (keyCode !== void 0) acc.push(...[keyCode].flat());
 			}
 			return acc;
 		}, []);
@@ -24386,7 +24758,11 @@ function stringifyCookieValue(value) {
 function read(string) {
 	if (string === "") return string;
 	if (string.indexOf("\"") === 0) string = string.slice(1, -1).replaceAll(String.raw`\"`, "\"").replaceAll(String.raw`\\`, "\\");
-	string = decodeURIComponent(string.replaceAll("+", " "));
+	try {
+		string = decodeURIComponent(string.replaceAll("+", " "));
+	} catch {
+		return;
+	}
 	try {
 		const parsed = JSON.parse(string);
 		if (parsed === Object(parsed) || Array.isArray(parsed)) string = parsed;
@@ -24410,15 +24786,19 @@ function parseExpireToSeconds(str) {
 		const unit = match[2];
 		totalSeconds += value * numberUnitMultiplierMap[unit];
 	}
-	return hasMatch ? totalSeconds : void 0;
+	if (hasMatch) return totalSeconds;
+	const timestamp = Date.parse(str);
+	return Number.isNaN(timestamp) ? void 0 : Math.round((timestamp - Date.now()) / 1e3);
 }
 function set(key, val, opts = {}, ssr) {
 	let maxAge;
 	let isDeletion = false;
 	if (opts.expires !== void 0) {
 		if (Number.isFinite(opts.expires)) maxAge = Math.round(opts.expires * 86400);
-		else if (opts.expires instanceof Date) maxAge = Math.round((opts.expires.getTime() - Date.now()) / 1e3);
-		else if (typeof opts.expires === "string") maxAge = parseExpireToSeconds(opts.expires);
+		else if (opts.expires instanceof Date) {
+			const timestamp = opts.expires.getTime();
+			if (Number.isFinite(timestamp)) maxAge = Math.round((timestamp - Date.now()) / 1e3);
+		} else if (typeof opts.expires === "string") maxAge = parseExpireToSeconds(opts.expires);
 		if (maxAge !== void 0) isDeletion = maxAge <= 0;
 	}
 	const keyValue = `${encodeURIComponent(key)}=${stringifyCookieValue(val)}`;
@@ -24438,8 +24818,8 @@ function set(key, val, opts = {}, ssr) {
 		ssr.res.setHeader("Set-Cookie", ssr.req.qCookies);
 		let all = ssr.req.headers.cookie || "";
 		if (maxAge !== void 0 && isDeletion) {
-			const localVal = get(key, ssr);
-			if (localVal !== void 0) all = all.replace(`${key}=${localVal}; `, "").replace(`; ${key}=${localVal}`, "").replace(`${key}=${localVal}`, "");
+			const encodedKey = encodeURIComponent(key);
+			all = all.split("; ").filter((entry) => entry.split("=", 1)[0] !== encodedKey).join("; ");
 		} else all = all ? `${keyValue}; ${all}` : keyValue;
 		ssr.req.headers.cookie = all;
 	} else document.cookie = cookie;
@@ -24449,11 +24829,15 @@ function get(key, ssr) {
 	let result = key ? null : {}, i = 0, parts, name, cookie;
 	for (; i < l; i++) {
 		parts = cookies[i].split("=");
-		name = decodeURIComponent(parts.shift());
+		try {
+			name = decodeURIComponent(parts.shift());
+		} catch {
+			continue;
+		}
 		cookie = parts.join("=");
 		if (!key) result[name] = cookie;
 		else if (key === name) {
-			result = read(cookie);
+			result = read(cookie) ?? null;
 			break;
 		}
 	}
@@ -24852,6 +25236,7 @@ const Plugin$7 = createReactivePlugin({ isActive: false }, {
 //#region src/plugins/meta/Meta.js
 let updateId = null;
 let currentClientMeta;
+String.raw`\u003C`, String.raw`\u003E`, String.raw`\u0026`, String.raw`\u2028`, String.raw`\u2029`;
 const clientList = [];
 function normalize(meta) {
 	if (meta.title) {
@@ -25796,7 +26181,7 @@ function runSequentialPromises(sequentialPromises, { threadsNumber = 1, abortOnF
 //#endregion
 //#region src/index.dev.js
 const Quasar = {
-	version: "2.21.4",
+	version: "2.22.0",
 	install: install_quasar_default,
 	lang: Plugin$5,
 	iconSet: Plugin$4