quasar 2.21.3 → 2.22.0

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
-* Quasar Framework v2.21.3
+* Quasar Framework v2.22.0
 * (c) 2015-present Razvan Stoenescu
 * Released under the MIT License.
 */
@@ -706,7 +706,7 @@
 			selectedRecords: (rows) => rows === 1 ? "1 record selected." : (rows === 0 ? "No" : rows) + " records selected.",
 			recordsPerPage: "Records per page:",
 			allRows: "All",
-			pagination: (start, end, total) => start + " - " + end + " of " + total,
+			pagination: (start, end, total) => start + "–" + end + " of " + total,
 			columns: "Columns"
 		},
 		pagination: {
@@ -1101,7 +1101,7 @@
 		};
 	}
 	var install_quasar_default = function installQuasar(parentApp, opts = {}) {
-		const $q = { version: "2.21.3" };
+		const $q = { version: "2.22.0" };
 		if (!globalConfigIsFrozen) {
 			if (opts.config !== void 0) Object.assign(globalConfig, opts.config);
 			$q.config = { ...globalConfig };
@@ -2771,7 +2771,7 @@
 		"beforeHide",
 		"hide"
 	];
-	function useModelToggle({ showing, canShow, hideOnRouteChange, handleShow, handleHide, processOnMount }) {
+	function useModelToggle({ showing, canShow, hideOnRouteChange, handleShow, handleHide, handleRouteChange, processOnMount }) {
 		const vm = (0, vue.getCurrentInstance)();
 		const { props, emit, proxy } = vm;
 		let payload;
@@ -2824,7 +2824,10 @@
 		}
 		(0, vue.watch)(() => props.modelValue, processModelChange);
 		if (hideOnRouteChange !== void 0 && vmHasRouter(vm)) (0, vue.watch)(() => proxy.$route.fullPath, () => {
-			if (hideOnRouteChange.value && showing.value) hide();
+			if (hideOnRouteChange.value && showing.value) {
+				handleRouteChange?.();
+				hide();
+			}
 		});
 		if (processOnMount) (0, vue.onMounted)(() => {
 			processModelChange(props.modelValue);
@@ -3625,6 +3628,7 @@
 				canShow,
 				handleShow,
 				handleHide,
+				handleRouteChange,
 				hideOnRouteChange,
 				processOnMount: true
 			});
@@ -3700,14 +3704,20 @@
 				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) {
@@ -4421,7 +4431,7 @@
 	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;
 			},
@@ -4500,8 +4510,8 @@
 				mouse: true
 			}
 		]]);
-		const transitionPrev = (0, vue.computed)(() => props.transitionPrev || `slide-${props.vertical ? "down" : "right"}`);
-		const transitionNext = (0, vue.computed)(() => props.transitionNext || `slide-${props.vertical ? "up" : "left"}`);
+		const transitionPrev = (0, vue.computed)(() => props.transitionPrev || `slide-${props.vertical ? "down" : proxy.$q.lang.rtl ? "left" : "right"}`);
+		const transitionNext = (0, vue.computed)(() => props.transitionNext || `slide-${props.vertical ? "up" : proxy.$q.lang.rtl ? "right" : "left"}`);
 		const transitionStyle = (0, vue.computed)(() => `--q-transition-duration: ${props.transitionDuration}ms`);
 		const contentKey = (0, vue.computed)(() => typeof props.modelValue === "string" || typeof props.modelValue === "number" ? props.modelValue : String(props.modelValue));
 		const keepAliveProps = (0, vue.computed)(() => ({
@@ -4621,7 +4631,7 @@
 	function useFullscreen() {
 		const vm = (0, vue.getCurrentInstance)();
 		const { props, emit, proxy } = vm;
-		let historyEntry, fullscreenFillerNode;
+		let historyEntry, fullscreenFillerNode, isUnmounting = false;
 		const inFullscreen = (0, vue.ref)(false);
 		if (vmHasRouter(vm)) (0, vue.watch)(() => proxy.$route.fullPath, () => {
 			if (!props.noRouteFullscreenExit) exitFullscreen();
@@ -4658,7 +4668,7 @@
 			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);
 			}
@@ -4669,7 +4679,10 @@
 		(0, vue.onMounted)(() => {
 			if (props.fullscreen) setFullscreen();
 		});
-		(0, vue.onBeforeUnmount)(exitFullscreen);
+		(0, vue.onBeforeUnmount)(() => {
+			isUnmounting = true;
+			exitFullscreen();
+		});
 		Object.assign(proxy, {
 			toggleFullscreen,
 			setFullscreen,
@@ -4736,7 +4749,7 @@
 			const { proxy: { $q } } = (0, vue.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 = (0, vue.computed)(() => !inFullscreen.value && props.height !== void 0 ? { height: props.height } : {});
 			const direction = (0, vue.computed)(() => props.vertical ? "vertical" : "horizontal");
@@ -4847,6 +4860,7 @@
 			}
 			return () => {
 				panelsLen = updatePanelsList(slots);
+				updatePanelIndex();
 				return (0, vue.h)("div", {
 					class: classes.value,
 					style: style.value
@@ -5171,6 +5185,9 @@
 	});
 	//#endregion
 	//#region src/components/chip/QChip.js
+	function preventSpace$3(e) {
+		if (e.keyCode === 32) stopAndPrevent(e);
+	}
 	const defaultSizes$1 = {
 		xs: 8,
 		sm: 10,
@@ -5233,7 +5250,11 @@
 				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: {
@@ -5245,7 +5266,10 @@
 				};
 			});
 			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) {
@@ -5254,7 +5278,7 @@
 				}
 			}
 			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);
@@ -5280,6 +5304,7 @@
 					name: removeIcon.value,
 					...attributes.value.remove,
 					onClick: onRemove,
+					onKeydown: preventSpace$3,
 					onKeyup: onRemove
 				}));
 				return child;
@@ -5292,6 +5317,7 @@
 				};
 				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]]);
@@ -6054,16 +6080,14 @@
 					viewBox: "0 0 20 20",
 					"aria-hidden": "true"
 				}, [(0, vue.h)("path", { d: props.thumbPath })]), (0, vue.h)("div", { class: "q-slider__focus-ring fit" })];
-				if (props.label || props.labelAlways) {
-					thumbContent.push((0, vue.h)("div", { class: pinClass.value + " absolute fit no-pointer-events" + pinColor.value }, [(0, vue.h)("div", {
-						class: labelClass.value,
-						style: { minWidth: props.thumbSize }
-					}, [(0, vue.h)("div", {
-						class: textContainerClass.value,
-						style: textContainerStyle.value
-					}, [(0, vue.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((0, vue.h)("div", { class: pinClass.value + " absolute fit no-pointer-events" + pinColor.value }, [(0, vue.h)("div", {
+					class: labelClass.value,
+					style: { minWidth: props.thumbSize }
+				}, [(0, vue.h)("div", {
+					class: textContainerClass.value,
+					style: textContainerStyle.value
+				}, [(0, vue.h)("span", { class: textClass.value }, thumb.label.value)])])]));
+				if (thumb.injectFormInput !== false && props.name !== void 0 && !props.disable) injectFormInput(thumbContent, "push");
 				return (0, vue.h)("div", {
 					class: thumbClasses.value,
 					style: style.value,
@@ -6290,8 +6314,9 @@
 			const { proxy } = (0, vue.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);
@@ -6305,6 +6330,7 @@
 					init();
 				});
 				(0, vue.onBeforeUnmount)(() => {
+					isDestroyed = true;
 					if (timer !== null) clearTimeout(timer);
 					if (observer !== void 0) {
 						if (observer.disconnect !== void 0) observer.disconnect();
@@ -6314,7 +6340,7 @@
 				return noop;
 			}
 			const { isHydrated } = useHydration();
-			let curDocView;
+			let curDocView, isDestroyed = false;
 			const cleanup = () => {
 				if (timer !== null) {
 					clearTimeout(timer);
@@ -6335,11 +6361,15 @@
 			};
 			(0, vue.onMounted)(() => {
 				(0, vue.nextTick)(() => {
+					if (isDestroyed) return;
 					targetEl = proxy.$el;
 					if (targetEl) onObjLoad();
 				});
 			});
-			(0, vue.onBeforeUnmount)(cleanup);
+			(0, vue.onBeforeUnmount)(() => {
+				isDestroyed = true;
+				cleanup();
+			});
 			return () => {
 				if (isHydrated.value) return (0, vue.h)("object", {
 					class: "q--avoid-card-border",
@@ -6592,12 +6622,10 @@
 				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;
 				}
 			}
@@ -6772,6 +6800,7 @@
 				ref: rootRef,
 				class: classes.value,
 				role: "tablist",
+				"aria-orientation": props.vertical ? "vertical" : "horizontal",
 				onFocusin,
 				onFocusout
 			}, [
@@ -8728,6 +8757,7 @@
 			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));
@@ -9041,7 +9071,7 @@
 					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;
@@ -9432,7 +9462,7 @@
 					}, day.event ? () => (0, vue.h)("div", { class: "q-date__event bg-" + day.event }) : null) : (0, vue.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;
@@ -9471,7 +9501,7 @@
 						const active = viewModel.value.year === i;
 						years.push((0, vue.h)("div", { class: "q-date__years-item flex flex-center" }, [(0, vue.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,
@@ -9632,7 +9662,7 @@
 	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;
@@ -9658,7 +9688,7 @@
 			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");
@@ -9681,7 +9711,7 @@
 			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;
 		}
 	}
@@ -9798,6 +9828,7 @@
 				hideOnRouteChange,
 				handleShow,
 				handleHide,
+				handleRouteChange,
 				processOnMount: true
 			});
 			const { addToHistory, removeFromHistory } = useHistory(showing, hide, hideOnRouteChange);
@@ -9852,8 +9883,11 @@
 				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);
@@ -9861,6 +9895,9 @@
 					emit("hide", evt);
 				}, props.transitionDuration);
 			}
+			function handleRouteChange() {
+				refocusTarget = null;
+			}
 			function focus(selector) {
 				addFocusFn(() => {
 					let node = innerRef.value;
@@ -10588,6 +10625,7 @@
 	};
 	//#endregion
 	//#region src/components/tooltip/QTooltip.js
+	let nonSelectableCount = 0;
 	var QTooltip_default = createComponent({
 		name: "QTooltip",
 		inheritAttrs: false,
@@ -10639,11 +10677,13 @@
 		},
 		emits: [...useModelToggleEmits],
 		setup(props, { slots, emit, attrs }) {
-			let unwatchPosition, observer;
+			let unwatchPosition, observer, removeNonSelectableTimer, hasNonSelectable = false, describedBy;
 			const vm = (0, vue.getCurrentInstance)();
 			const { proxy: { $q } } = vm;
 			const innerRef = (0, vue.ref)(null);
 			const showing = (0, vue.ref)(false);
+			const targetUid = useId();
+			const tooltipId = (0, vue.computed)(() => attrs.id || targetUid.value);
 			const anchorOrigin = (0, vue.computed)(() => parsePosition(props.anchor, $q.lang.rtl));
 			const selfOrigin = (0, vue.computed)(() => parsePosition(props.self, $q.lang.rtl));
 			const hideOnRouteChange = (0, vue.computed)(() => !props.persistent);
@@ -10665,7 +10705,8 @@
 			});
 			Object.assign(anchorEvents, {
 				delayShow,
-				delayHide
+				delayHide,
+				onFocusin
 			});
 			const { showPortal, hidePortal, renderPortal } = usePortal(vm, innerRef, renderPortalContent, "tooltip");
 			if ($q.platform.is.mobile) {
@@ -10684,9 +10725,12 @@
 				(0, vue.onBeforeUnmount)(() => {
 					removeClickOutside(clickOutsideProps);
 				});
-			}
+			} else (0, vue.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) {
@@ -10728,7 +10772,10 @@
 					unwatchPosition = void 0;
 				}
 				unconfigureScrollTarget();
+				removeEscapeKey(onEscapeKey);
 				cleanEvt(anchorEvents, "tooltipTemp");
+				removeAriaDescription();
+				setNonSelectable(false);
 			}
 			function updatePosition() {
 				setPosition({
@@ -10743,8 +10790,12 @@
 			}
 			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",
@@ -10767,14 +10818,26 @@
 				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 ? [[
@@ -10782,19 +10845,66 @@
 					"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);
@@ -10805,6 +10915,7 @@
 			function getTooltipContent() {
 				return showing.value ? (0, vue.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],
@@ -10874,6 +10985,9 @@
 				}
 				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((0, vue.h)("div", {
@@ -10888,8 +11002,9 @@
 					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) {
@@ -11152,6 +11267,7 @@
 			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;
@@ -11254,8 +11370,9 @@
 			const editLinkUrl = (0, vue.ref)(null);
 			const isViewingSource = (0, vue.ref)(false);
 			const editable = (0, vue.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 = (0, vue.computed)(() => props.toolbarBg ? ` bg-${props.toolbarBg}` : "");
@@ -11686,7 +11803,9 @@
 				});
 			}
 			function refreshToolbar() {
-				setTimeout(() => {
+				if (refreshToolbarTimer !== null) clearTimeout(refreshToolbarTimer);
+				refreshToolbarTimer = setTimeout(() => {
+					refreshToolbarTimer = null;
 					editLinkUrl.value = null;
 					proxy.$forceUpdate();
 				}, 1);
@@ -11706,6 +11825,7 @@
 				document.addEventListener("selectionchange", onSelectionchange);
 			});
 			(0, vue.onBeforeUnmount)(() => {
+				if (refreshToolbarTimer !== null) clearTimeout(refreshToolbarTimer);
 				document.removeEventListener("selectionchange", onSelectionchange);
 			});
 			Object.assign(proxy, {
@@ -11743,6 +11863,7 @@
 					class: innerClass.value,
 					contenteditable: editable.value,
 					placeholder: props.placeholder,
+					...renderInitialContent ? { innerHTML: props.modelValue } : {},
 					...splitAttrs.listeners.value,
 					onInput,
 					onKeydown,
@@ -11927,6 +12048,9 @@
 	//#endregion
 	//#region src/components/expansion-item/QExpansionItem.js
 	const itemGroups = (0, vue.shallowReactive)({});
+	function preventSpace$2(e) {
+		if (e.keyCode === 32) stopAndPrevent(e);
+	}
 	const LINK_PROPS = Object.keys(useRouterLinkProps);
 	var QExpansionItem_default = createComponent({
 		name: "QExpansionItem",
@@ -12025,7 +12149,7 @@
 				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();
@@ -12070,6 +12194,7 @@
 						tabindex: 0,
 						...toggleAriaAttrs.value,
 						onClick: toggleIcon,
+						onKeydown: preventSpace$2,
 						onKeyup: toggleIconKeyboard
 					});
 					child.unshift((0, vue.h)("div", {
@@ -12705,6 +12830,7 @@
 			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);
@@ -12915,7 +13041,7 @@
 				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) {
@@ -12925,18 +13051,29 @@
 			}
 			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();
 			}
@@ -14104,6 +14241,9 @@
 		(0, vue.watch)(() => props.unmaskedValue, () => {
 			if (hasMask.value) updateMaskValue(innerValue.value);
 		});
+		(0, vue.watch)(() => props.maskTokens, () => {
+			if (hasMask.value) updateMaskValue(innerValue.value, true);
+		}, { deep: true });
 		function getInitialMaskedValue() {
 			updateMaskInternals();
 			if (hasMask.value) {
@@ -14177,12 +14317,12 @@
 			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) (0, vue.nextTick)(() => {
+			if (inp !== null && document.activeElement === inp) (0, vue.nextTick)(() => {
 				if (masked === maskReplaced) {
 					const cursor = props.reverseFillMask ? maskReplaced.length : 0;
 					inp.setSelectionRange(cursor, cursor, "forward");
@@ -14380,6 +14520,7 @@
 				Number,
 				FileList
 			],
+			modelModifiers: Object,
 			shadowText: String,
 			type: {
 				type: String,
@@ -14464,6 +14605,12 @@
 				if (inputRef.value) inputRef.value.value = props.modelValue;
 			});
 			(0, vue.watch)(() => props.modelValue, (v) => {
+				if (emitTimer !== null) {
+					cancelPendingValueEmission();
+					typedNumber = false;
+					stopValueWatcher = false;
+					delete temp.value;
+				}
 				if (hasMask.value) {
 					if (stopValueWatcher) {
 						stopValueWatcher = false;
@@ -14474,6 +14621,7 @@
 					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) (0, vue.nextTick)(adjustHeight);
 			});
@@ -14513,6 +14661,7 @@
 				}
 				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;
@@ -14530,7 +14679,7 @@
 			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;
@@ -14551,6 +14700,19 @@
 					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;
@@ -14607,6 +14769,7 @@
 				hasShadow: (0, vue.computed)(() => props.type !== "file" && typeof props.shadowText === "string" && props.shadowText.length !== 0),
 				inputRef,
 				emitValue,
+				onClear,
 				hasValue,
 				floatingLabel: (0, vue.computed)(() => hasValue.value && (props.type !== "number" || Number.isFinite(Number(innerValue.value))) || fieldValueIsFilled(props.displayValue)),
 				getControl: () => (0, vue.h)(isTextarea.value ? "textarea" : "input", {
@@ -14653,7 +14816,7 @@
 		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)) {
@@ -14670,7 +14833,7 @@
 	function destroy$1(el) {
 		const ctx = el.__qvisible;
 		if (ctx !== void 0) {
-			ctx.observer?.unobserve(el);
+			ctx.observer?.disconnect();
 			delete el.__qvisible;
 		}
 	}
@@ -16732,6 +16895,7 @@
 			});
 			const maxEvents = (0, vue.computed)(() => getEvents("max"));
 			const getMaxThumb = methods.getThumbRenderFn({
+				injectFormInput: false,
 				focusValue: "max",
 				getNodeData: () => ({
 					...maxEvents.value,
@@ -16830,8 +16994,8 @@
 					}
 				}
 				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
@@ -16926,7 +17090,7 @@
 					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,
@@ -16947,14 +17111,14 @@
 				return (i, label) => `${label} ${i}`;
 			});
 			const stars = (0, vue.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)
@@ -16980,17 +17144,25 @@
 			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);
@@ -17024,8 +17196,8 @@
 							setHoverValue(i);
 						},
 						onBlur: resetMouseModel,
-						onKeyup(e) {
-							onKeyup(e, i);
+						onKeydown(e) {
+							onKeydown(e, i);
 						}
 					}, hMergeSlot(slots[`tip-${i}`], [(0, vue.h)(QIcon_default, {
 						class: iconClass,
@@ -17140,11 +17312,11 @@
 			],
 			verticalOffset: {
 				type: Array,
-				default: [0, 0]
+				default: () => [0, 0]
 			},
 			horizontalOffset: {
 				type: Array,
-				default: [0, 0]
+				default: () => [0, 0]
 			},
 			contentStyle: [
 				Array,
@@ -17217,11 +17389,11 @@
 			scroll.horizontal.percentage = (0, vue.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 = (0, vue.computed)(() => !(props.visible === null ? hover.value : props.visible) && !tempShowing.value && !panning.value || scroll.horizontal.size.value <= container.horizontal.value + 1);
-			scroll.horizontal.thumbStart = (0, vue.computed)(() => props.horizontalOffset[0] + scroll.horizontal.percentage.value * (container.horizontalInner.value - scroll.horizontal.thumbSize.value));
+			scroll.horizontal.thumbStart = (0, vue.computed)(() => props.horizontalOffset[proxy.$q.lang.rtl ? 1 : 0] + scroll.horizontal.percentage.value * (container.horizontalInner.value - scroll.horizontal.thumbSize.value));
 			scroll.horizontal.thumbSize = (0, vue.computed)(() => Math.round(between(container.horizontalInner.value * container.horizontalInner.value / scroll.horizontal.size.value, getMinThumbSize(container.horizontalInner.value), container.horizontalInner.value)));
 			scroll.horizontal.style = (0, vue.computed)(() => ({
 				...props.thumbStyle,
@@ -17297,22 +17469,28 @@
 				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));
 				}
 			}
@@ -17328,6 +17506,14 @@
 			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);
@@ -17344,8 +17530,8 @@
 				hover.value = false;
 			}
 			let scrollPosition = null;
-			(0, vue.watch)(() => proxy.$q.lang.rtl, (rtl) => {
-				if (targetRef.value !== null) setHorizontalScrollPosition(targetRef.value, Math.abs(scroll.horizontal.position.value) * (rtl ? -1 : 1));
+			(0, vue.watch)(() => proxy.$q.lang.rtl, (rtl, oldRtl) => {
+				if (targetRef.value !== null) setHorizontalScrollPosition(targetRef.value, getHorizontalNativePosition(getHorizontalLogicalPosition(scroll.horizontal.position.value, oldRtl), rtl));
 			});
 			(0, vue.onDeactivated)(() => {
 				scrollPosition = {
@@ -17375,7 +17561,8 @@
 				}),
 				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 = {
@@ -18966,11 +19153,12 @@
 					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);
@@ -19627,6 +19815,9 @@
 	});
 	//#endregion
 	//#region src/components/stepper/StepHeader.js
+	function preventSpace$1(e) {
+		if (e.keyCode === 32) stopAndPrevent(e);
+	}
 	var StepHeader_default = createComponent({
 		name: "StepHeader",
 		props: {
@@ -19688,13 +19879,19 @@
 				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"
@@ -19877,6 +20074,13 @@
 			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 (0, vue.h)("th", {
 					class: props.autoWidth ? "q-table--col-auto-width" : "",
@@ -19884,7 +20088,7 @@
 				}, 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;
@@ -19896,14 +20100,25 @@
 						name: $q.iconSet.table.arrowUp
 					}));
 				} else child = hSlot(slots.default);
-				return (0, vue.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 (0, vue.h)("th", data, child);
 			};
 		}
 	});
@@ -20161,8 +20376,8 @@
 		function requestServerInteraction(prop = {}) {
 			(0, vue.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
 				});
 			});
@@ -20265,21 +20480,15 @@
 	};
 	const useTableRowSelectionEmits = ["update:selected", "selection"];
 	function useTableRowSelection(props, emit, computedRows, getRowKey) {
-		const selectedKeys = (0, vue.computed)(() => {
-			const keys = {};
-			props.selected.map(getRowKey.value).forEach((key) => {
-				keys[key] = true;
-			});
-			return keys;
-		});
+		const selectedKeys = (0, vue.computed)(() => new Set(props.selected.map(getRowKey.value)));
 		const hasSelectionMode = (0, vue.computed)(() => props.selection !== "none");
 		const singleSelection = (0, vue.computed)(() => props.selection === "single");
 		const multipleSelection = (0, vue.computed)(() => props.selection === "multiple");
-		const allRowsSelected = (0, vue.computed)(() => computedRows.value.length !== 0 && computedRows.value.every((row) => selectedKeys.value[getRowKey.value(row)]));
-		const someRowsSelected = (0, vue.computed)(() => !allRowsSelected.value && computedRows.value.some((row) => selectedKeys.value[getRowKey.value(row)]));
+		const allRowsSelected = (0, vue.computed)(() => computedRows.value.length !== 0 && computedRows.value.every((row) => selectedKeys.value.has(getRowKey.value(row))));
+		const someRowsSelected = (0, vue.computed)(() => !allRowsSelected.value && computedRows.value.some((row) => selectedKeys.value.has(getRowKey.value(row))));
 		const rowsSelectedNumber = (0, vue.computed)(() => props.selected.length);
 		function isRowSelected(key) {
-			return selectedKeys.value[key] === true;
+			return selectedKeys.value.has(key);
 		}
 		function clearSelection() {
 			emit("update:selected", []);
@@ -20367,6 +20576,7 @@
 					...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
@@ -20377,7 +20587,7 @@
 			colList,
 			computedCols,
 			computedColsMap: (0, vue.computed)(() => {
-				const names = {};
+				const names = Object.create(null);
 				computedCols.value.forEach((col) => {
 					names[col.name] = col;
 				});
@@ -20530,9 +20740,15 @@
 			const cardDefaultClass = (0, vue.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 = (0, vue.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 = (0, vue.computed)(() => containerClass.value + (props.loading ? " q-table--loading" : ""));
-			(0, vue.watch)(() => props.tableStyle + props.tableClass + props.tableHeaderStyle + props.tableHeaderClass + containerClass.value, () => {
+			(0, vue.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);
@@ -20956,10 +21172,10 @@
 					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);
@@ -21096,6 +21312,9 @@
 			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);
@@ -21336,10 +21555,16 @@
 				}
 			};
 			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()) {
@@ -21351,8 +21576,10 @@
 				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;
@@ -21366,8 +21593,10 @@
 				}
 			}
 			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;
@@ -21378,13 +21607,15 @@
 				}
 			}
 			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);
 				}
@@ -21468,13 +21699,19 @@
 					(0, vue.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),
 					(0, vue.h)("div", ":"),
 					(0, vue.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)
@@ -21482,6 +21719,9 @@
 				if (props.withSeconds) label.push((0, vue.h)("div", ":"), (0, vue.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));
@@ -21492,12 +21732,18 @@
 				if (!computedFormat24h.value) child.push((0, vue.h)("div", { class: "q-time__header-ampm column items-between no-wrap" }, [(0, vue.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"), (0, vue.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 (0, vue.h)("div", { class: "q-time__header flex flex-center no-wrap " + headerClass.value }, child);
@@ -21739,9 +21985,11 @@
 			const lazy = (0, vue.ref)({});
 			const innerTicked = (0, vue.ref)(props.ticked || []);
 			const innerExpanded = (0, vue.ref)(props.expanded || []);
-			let blurTargets = {};
+			const focusedKey = (0, vue.ref)(null);
+			let blurTargets = {}, headerTargets = {};
 			(0, vue.onBeforeUpdate)(() => {
 				blurTargets = {};
+				headerTargets = {};
 			});
 			const classes = (0, vue.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 = (0, vue.computed)(() => props.selected !== void 0);
@@ -21814,6 +22062,25 @@
 				props.nodes.forEach((node) => travel(node, null));
 				return acc;
 			});
+			const focusableKeys = (0, vue.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 = (0, vue.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];
+			});
 			(0, vue.watch)(() => props.ticked, (val) => {
 				innerTicked.value = val;
 			});
@@ -21944,16 +22211,25 @@
 					class: `q-tree__node relative-position q-tree__node--${isParent ? "parent" : "child"}`
 				}, [(0, vue.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);
 						}
 					}
 				}, [
@@ -22009,7 +22285,59 @@
 			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);
@@ -22018,6 +22346,7 @@
 				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);
@@ -22108,7 +22437,7 @@
 				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();
 		}
@@ -22165,7 +22494,9 @@
 			}
 		}
 		function removeUploadedFiles() {
-			if (!props.disable) batchRemoveFiles(["uploaded"], () => {
+			if (!props.disable) batchRemoveFiles(["uploaded"], ({ size }) => {
+				state.uploadedSize.value -= size;
+				uploadSize.value -= size;
 				state.uploadedFiles.value = [];
 			});
 		}
@@ -22196,8 +22527,12 @@
 		}
 		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;
@@ -22205,6 +22540,7 @@
 				return false;
 			});
 			state.queuedFiles.value = state.queuedFiles.value.filter((f) => f.__key !== file.__key);
+			if (isUploading) file.__abort();
 			emit("removed", [file]);
 		}
 		function revokeImgURLs() {
@@ -22429,6 +22765,7 @@
 		const xhrs = (0, vue.ref)([]);
 		const promises = (0, vue.ref)([]);
 		const workingThreads = (0, vue.ref)(0);
+		const abortedPromises = /* @__PURE__ */ new WeakSet();
 		const xhrProps = (0, vue.computed)(() => ({
 			url: getFn(props.url),
 			method: getFn(props.method),
@@ -22441,12 +22778,14 @@
 		}));
 		const isUploading = (0, vue.computed)(() => workingThreads.value > 0);
 		const isBusy = (0, vue.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];
@@ -22458,36 +22797,57 @@
 		}
 		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();
@@ -22495,6 +22855,10 @@
 			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;
 			}
@@ -22511,7 +22875,7 @@
 				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;
@@ -22525,25 +22889,33 @@
 			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);
@@ -23945,7 +24317,7 @@
 				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;
 			}, []);
@@ -24526,7 +24898,11 @@
 	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;
@@ -24550,15 +24926,19 @@
 			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)}`;
@@ -24578,8 +24958,8 @@
 			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;
@@ -24589,11 +24969,15 @@
 		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;
 			}
 		}
@@ -24989,6 +25373,7 @@
 	//#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) {
@@ -26002,7 +26387,7 @@
 	*/
 	if (window.Vue === void 0) console.error("[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.");
 	window.Quasar = {
-		version: "2.21.3",
+		version: "2.22.0",
 		install(app, opts) {
 			install_quasar_default(app, {
 				components: components_exports,