quasar 2.20.1 → 2.20.3

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
-* Quasar Framework v2.20.1
+* Quasar Framework v2.20.3
 * (c) 2015-present Razvan Stoenescu
 * Released under the MIT License.
 */
@@ -282,8 +282,7 @@
 		while (el) {
 			path.push(el);
 			if (el.tagName === "HTML") {
-				path.push(document);
-				path.push(window);
+				path.push(document, window);
 				return path;
 			}
 			el = el.parentElement;
@@ -555,8 +554,7 @@
 		}
 		if (is.nativeMobile) {
 			const type = is.nativeMobileWrapper;
-			cls.push(type);
-			cls.push("native-mobile");
+			cls.push(type, "native-mobile");
 			if (is.ios && (cfg[type] === void 0 || cfg[type].iosStatusBarPadding)) cls.push("q-ios-padding");
 		} else if (is.electron) cls.push("electron");
 		else if (is.bex) cls.push("bex");
@@ -1102,7 +1100,7 @@
 		};
 	}
 	var install_quasar_default = function installQuasar(parentApp, opts = {}) {
-		const $q = { version: "2.20.1" };
+		const $q = { version: "2.20.3" };
 		if (!globalConfigIsFrozen) {
 			if (opts.config !== void 0) Object.assign(globalConfig, opts.config);
 			$q.config = { ...globalConfig };
@@ -2888,13 +2886,7 @@
 	}
 	function addFocusFn(fn) {
 		if (waitFlags.length === 0) fn();
-		else {
-			/**
-			* While in the wait state, do not let focus be set on any element.
-			*/
-			document.activeElement?.blur?.();
-			queue.push(fn);
-		}
+		else queue.push(fn);
 	}
 	function removeFocusFn(fn) {
 		queue = queue.filter((entry) => entry !== fn);
@@ -3790,7 +3782,7 @@
 		return () => {
 			if (buf === void 0 || bufIdx + 16 > 4096) {
 				bufIdx = 0;
-				buf = new Uint8Array(4096);
+				buf = /* @__PURE__ */ new Uint8Array(4096);
 				crypto.getRandomValues(buf);
 			}
 			const i = bufIdx;
@@ -4345,8 +4337,7 @@
 					if (ctx.event.dir !== false) {
 						stopAndPrevent(evt);
 						if (ctx.event.mouse) {
-							document.body.classList.add("no-pointer-events--children");
-							document.body.classList.add("non-selectable");
+							document.body.classList.add("no-pointer-events--children", "non-selectable");
 							clearSelection();
 							ctx.styleCleanup = (withDelay) => {
 								ctx.styleCleanup = void 0;
@@ -5456,7 +5447,7 @@
 			}
 		}
 		let synthetic = false;
-		if (dir === void 0 && !isFinal) {
+		if (dir === void 0 && isFinal === false) {
 			if (ctx.event.isFirst || ctx.event.lastDir === void 0) return {};
 			dir = ctx.event.lastDir;
 			synthetic = true;
@@ -9665,9 +9656,7 @@
 				window.visualViewport.removeEventListener("resize", onAppleResize, listenOpts.passiveCapture);
 				window.visualViewport.removeEventListener("scroll", onAppleResize, listenOpts.passiveCapture);
 			} else window.removeEventListener("scroll", onAppleScroll, listenOpts.passiveCapture);
-			body.classList.remove("q-body--prevent-scroll");
-			body.classList.remove("q-body--force-scrollbar-x");
-			body.classList.remove("q-body--force-scrollbar-y");
+			body.classList.remove("q-body--prevent-scroll", "q-body--force-scrollbar-x", "q-body--force-scrollbar-y");
 			document.qScrollPrevented = false;
 			body.style.left = bodyLeft;
 			body.style.top = bodyTop;
@@ -10243,7 +10232,7 @@
 				}, 150);
 			}
 			function onOpenPan(evt) {
-				if (!showing.value) return;
+				if (showing.value) return;
 				const width = size.value, position = between(evt.distance.x, 0, width);
 				if (evt.isFinal) {
 					if (position >= Math.min(75, width)) show();
@@ -15205,6 +15194,82 @@
 		}
 	});
 	//#endregion
+	//#region src/components/linear-progress/QLinearProgress.js
+	const defaultSizes = {
+		xs: 2,
+		sm: 4,
+		md: 6,
+		lg: 10,
+		xl: 14
+	};
+	function width(val, reverse, $q) {
+		return { transform: reverse ? `translateX(${$q.lang.rtl ? "-" : ""}100%) scale3d(${-val},1,1)` : `scale3d(${val},1,1)` };
+	}
+	var QLinearProgress_default = createComponent({
+		name: "QLinearProgress",
+		props: {
+			...useDarkProps,
+			...useSizeProps,
+			value: {
+				type: Number,
+				default: 0
+			},
+			buffer: Number,
+			color: String,
+			trackColor: String,
+			reverse: Boolean,
+			stripe: Boolean,
+			indeterminate: Boolean,
+			query: Boolean,
+			rounded: Boolean,
+			animationSpeed: {
+				type: [String, Number],
+				default: 2100
+			},
+			instantFeedback: Boolean
+		},
+		setup(props, { slots }) {
+			const { proxy } = (0, vue.getCurrentInstance)();
+			const isDark = useDark(props, proxy.$q);
+			const sizeStyle = useSize(props, defaultSizes);
+			const motion = (0, vue.computed)(() => props.indeterminate || props.query);
+			const widthReverse = (0, vue.computed)(() => props.reverse !== props.query);
+			const style = (0, vue.computed)(() => ({
+				...sizeStyle.value !== null ? sizeStyle.value : {},
+				"--q-linear-progress-speed": `${props.animationSpeed}ms`
+			}));
+			const classes = (0, vue.computed)(() => "q-linear-progress" + (props.color !== void 0 ? ` text-${props.color}` : "") + (props.reverse || props.query ? " q-linear-progress--reverse" : "") + (props.rounded ? " rounded-borders" : ""));
+			const trackStyle = (0, vue.computed)(() => width(props.buffer !== void 0 ? props.buffer : 1, widthReverse.value, proxy.$q));
+			const transitionSuffix = (0, vue.computed)(() => `with${props.instantFeedback ? "out" : ""}-transition`);
+			const trackClass = (0, vue.computed)(() => `q-linear-progress__track absolute-full q-linear-progress__track--${transitionSuffix.value} q-linear-progress__track--${isDark.value ? "dark" : "light"}` + (props.trackColor !== void 0 ? ` bg-${props.trackColor}` : ""));
+			const modelStyle = (0, vue.computed)(() => width(motion.value ? 1 : props.value, widthReverse.value, proxy.$q));
+			const modelClass = (0, vue.computed)(() => `q-linear-progress__model absolute-full q-linear-progress__model--${transitionSuffix.value} q-linear-progress__model--${motion.value ? "in" : ""}determinate`);
+			const stripeStyle = (0, vue.computed)(() => ({ width: `${props.value * 100}%` }));
+			const stripeClass = (0, vue.computed)(() => `q-linear-progress__stripe absolute-${props.reverse ? "right" : "left"} q-linear-progress__stripe--${transitionSuffix.value}`);
+			return () => {
+				const child = [(0, vue.h)("div", {
+					class: trackClass.value,
+					style: trackStyle.value
+				}), (0, vue.h)("div", {
+					class: modelClass.value,
+					style: modelStyle.value
+				})];
+				if (props.stripe && !motion.value) child.push((0, vue.h)("div", {
+					class: stripeClass.value,
+					style: stripeStyle.value
+				}));
+				return (0, vue.h)("div", {
+					class: classes.value,
+					style: style.value,
+					role: "progressbar",
+					"aria-valuemin": 0,
+					"aria-valuemax": 1,
+					"aria-valuenow": props.indeterminate ? void 0 : props.value
+				}, hMergeSlot(slots.default, child));
+			};
+		}
+	});
+	//#endregion
 	//#region src/components/markup-table/QMarkupTable.js
 	const separatorValues = [
 		"horizontal",
@@ -16391,82 +16456,6 @@
 		}
 	});
 	//#endregion
-	//#region src/components/linear-progress/QLinearProgress.js
-	const defaultSizes = {
-		xs: 2,
-		sm: 4,
-		md: 6,
-		lg: 10,
-		xl: 14
-	};
-	function width(val, reverse, $q) {
-		return { transform: reverse ? `translateX(${$q.lang.rtl ? "-" : ""}100%) scale3d(${-val},1,1)` : `scale3d(${val},1,1)` };
-	}
-	var QLinearProgress_default = createComponent({
-		name: "QLinearProgress",
-		props: {
-			...useDarkProps,
-			...useSizeProps,
-			value: {
-				type: Number,
-				default: 0
-			},
-			buffer: Number,
-			color: String,
-			trackColor: String,
-			reverse: Boolean,
-			stripe: Boolean,
-			indeterminate: Boolean,
-			query: Boolean,
-			rounded: Boolean,
-			animationSpeed: {
-				type: [String, Number],
-				default: 2100
-			},
-			instantFeedback: Boolean
-		},
-		setup(props, { slots }) {
-			const { proxy } = (0, vue.getCurrentInstance)();
-			const isDark = useDark(props, proxy.$q);
-			const sizeStyle = useSize(props, defaultSizes);
-			const motion = (0, vue.computed)(() => props.indeterminate || props.query);
-			const widthReverse = (0, vue.computed)(() => props.reverse !== props.query);
-			const style = (0, vue.computed)(() => ({
-				...sizeStyle.value !== null ? sizeStyle.value : {},
-				"--q-linear-progress-speed": `${props.animationSpeed}ms`
-			}));
-			const classes = (0, vue.computed)(() => "q-linear-progress" + (props.color !== void 0 ? ` text-${props.color}` : "") + (props.reverse || props.query ? " q-linear-progress--reverse" : "") + (props.rounded ? " rounded-borders" : ""));
-			const trackStyle = (0, vue.computed)(() => width(props.buffer !== void 0 ? props.buffer : 1, widthReverse.value, proxy.$q));
-			const transitionSuffix = (0, vue.computed)(() => `with${props.instantFeedback ? "out" : ""}-transition`);
-			const trackClass = (0, vue.computed)(() => `q-linear-progress__track absolute-full q-linear-progress__track--${transitionSuffix.value} q-linear-progress__track--${isDark.value ? "dark" : "light"}` + (props.trackColor !== void 0 ? ` bg-${props.trackColor}` : ""));
-			const modelStyle = (0, vue.computed)(() => width(motion.value ? 1 : props.value, widthReverse.value, proxy.$q));
-			const modelClass = (0, vue.computed)(() => `q-linear-progress__model absolute-full q-linear-progress__model--${transitionSuffix.value} q-linear-progress__model--${motion.value ? "in" : ""}determinate`);
-			const stripeStyle = (0, vue.computed)(() => ({ width: `${props.value * 100}%` }));
-			const stripeClass = (0, vue.computed)(() => `q-linear-progress__stripe absolute-${props.reverse ? "right" : "left"} q-linear-progress__stripe--${transitionSuffix.value}`);
-			return () => {
-				const child = [(0, vue.h)("div", {
-					class: trackClass.value,
-					style: trackStyle.value
-				}), (0, vue.h)("div", {
-					class: modelClass.value,
-					style: modelStyle.value
-				})];
-				if (props.stripe && !motion.value) child.push((0, vue.h)("div", {
-					class: stripeClass.value,
-					style: stripeStyle.value
-				}));
-				return (0, vue.h)("div", {
-					class: classes.value,
-					style: style.value,
-					role: "progressbar",
-					"aria-valuemin": 0,
-					"aria-valuemax": 1,
-					"aria-valuenow": props.indeterminate ? void 0 : props.value
-				}, hMergeSlot(slots.default, child));
-			};
-		}
-	});
-	//#endregion
 	//#region src/components/pull-to-refresh/QPullToRefresh.js
 	const PULLER_HEIGHT = 40, OFFSET_TOP = 20;
 	var QPullToRefresh_default = createComponent({
@@ -20749,10 +20738,7 @@
 					if (topLeft !== void 0) child.push((0, vue.h)("div", { class: "q-table__control" }, [topLeft(marginalsScope.value)]));
 					else if (props.title) child.push((0, vue.h)("div", { class: "q-table__control" }, [(0, vue.h)("div", { class: ["q-table__title", props.titleClass] }, props.title)]));
 				}
-				if (topRight !== void 0) {
-					child.push((0, vue.h)("div", { class: "q-table__separator col" }));
-					child.push((0, vue.h)("div", { class: "q-table__control" }, [topRight(marginalsScope.value)]));
-				}
+				if (topRight !== void 0) child.push((0, vue.h)("div", { class: "q-table__separator col" }), (0, vue.h)("div", { class: "q-table__control" }, [topRight(marginalsScope.value)]));
 				if (child.length === 0) return;
 				return (0, vue.h)("div", { class: topClass }, child);
 			}
@@ -25974,7 +25960,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.20.1",
+		version: "2.20.3",
 		install(app, opts) {
 			install_quasar_default(app, {
 				components: components_exports,