quasar 2.20.3 → 2.21.1

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
-* Quasar Framework v2.20.3
+* Quasar Framework v2.21.1
 * (c) 2015-present Razvan Stoenescu
 * Released under the MIT License.
 */
@@ -1100,7 +1100,7 @@
 		};
 	}
 	var install_quasar_default = function installQuasar(parentApp, opts = {}) {
-		const $q = { version: "2.20.3" };
+		const $q = { version: "2.21.1" };
 		if (!globalConfigIsFrozen) {
 			if (opts.config !== void 0) Object.assign(globalConfig, opts.config);
 			$q.config = { ...globalConfig };
@@ -2637,7 +2637,7 @@
 			});
 			configureAnchorEl = function configureAnchorElFn(context = props.contextMenu) {
 				if (props.noParentEvent || anchorEl.value === null) return;
-				addEvt(anchorEvents, "anchor", context ? proxy.$q.platform.is.mobile ? [[
+				const evts = context ? proxy.$q.platform.is.mobile ? [[
 					anchorEl.value,
 					"touchstart",
 					"mobileTouch",
@@ -2662,7 +2662,8 @@
 					"keyup",
 					"toggleKey",
 					"passive"
-				]]);
+				]];
+				addEvt(anchorEvents, "anchor", evts);
 			};
 		}
 		function unconfigureAnchorEl() {
@@ -9600,18 +9601,6 @@
 	//#endregion
 	//#region src/utils/scroll/prevent-scroll.js
 	let registered = 0, scrollPositionX, scrollPositionY, maxScrollTop, vpPendingUpdate = false, bodyLeft, bodyTop, href, closeTimer = null;
-	function onWheel(e) {
-		if (shouldPreventScroll(e)) stopAndPrevent(e);
-	}
-	function shouldPreventScroll(e) {
-		if (e.target === document.body || e.target.classList.contains("q-layout__backdrop")) return true;
-		const path = getEventPath(e), shift = e.shiftKey && !e.deltaX, scrollY = !shift && Math.abs(e.deltaX) <= Math.abs(e.deltaY), delta = shift || scrollY ? e.deltaY : e.deltaX;
-		for (let index = 0; index < path.length; index++) {
-			const el = path[index];
-			if (hasScrollbar(el, scrollY)) return scrollY ? delta < 0 && el.scrollTop === 0 ? true : delta > 0 && el.scrollTop + el.clientHeight === el.scrollHeight : delta < 0 && el.scrollLeft === 0 ? true : delta > 0 && el.scrollLeft + el.clientWidth === el.scrollWidth;
-		}
-		return true;
-	}
 	function onAppleScroll(e) {
 		if (e.target === document) document.scrollingElement.scrollTop = document.scrollingElement.scrollTop;
 	}
@@ -9641,7 +9630,7 @@
 			body.style.top = `-${scrollPositionY}px`;
 			if (overflowX !== "hidden" && (overflowX === "scroll" || body.scrollWidth > window.innerWidth)) body.classList.add("q-body--force-scrollbar-x");
 			if (overflowY !== "hidden" && (overflowY === "scroll" || body.scrollHeight > window.innerHeight)) body.classList.add("q-body--force-scrollbar-y");
-			body.classList.add("q-body--prevent-scroll");
+			document.documentElement.classList.add("q-document--prevent-scroll");
 			document.qScrollPrevented = true;
 			if (client.is.ios) if (hasViewport) {
 				window.scrollTo(0, 0);
@@ -9649,14 +9638,13 @@
 				window.visualViewport.addEventListener("scroll", onAppleResize, listenOpts.passiveCapture);
 				window.scrollTo(0, 0);
 			} else window.addEventListener("scroll", onAppleScroll, listenOpts.passiveCapture);
-		}
-		if (client.is.desktop && client.is.mac) window[`${action}EventListener`]("wheel", onWheel, listenOpts.notPassive);
-		if (action === "remove") {
+		} else {
 			if (client.is.ios) if (hasViewport) {
 				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", "q-body--force-scrollbar-x", "q-body--force-scrollbar-y");
+			document.documentElement.classList.remove("q-document--prevent-scroll");
+			body.classList.remove("q-body--force-scrollbar-x", "q-body--force-scrollbar-y");
 			document.qScrollPrevented = false;
 			body.style.left = bodyLeft;
 			body.style.top = bodyTop;
@@ -10667,6 +10655,11 @@
 			function handleShow(evt) {
 				showPortal();
 				registerTick(() => {
+					observer?.disconnect();
+					if (innerRef.value === null) {
+						observer = void 0;
+						return;
+					}
 					observer = new MutationObserver(() => updatePosition());
 					observer.observe(innerRef.value, {
 						attributes: false,
@@ -10720,7 +10713,7 @@
 					clearSelection();
 					document.body.classList.add("non-selectable");
 					const target = anchorEl.value;
-					addEvt(anchorEvents, "tooltipTemp", [
+					const evts = [
 						"touchmove",
 						"touchcancel",
 						"touchend",
@@ -10730,7 +10723,8 @@
 						e,
 						"delayHide",
 						"passiveCapture"
-					]));
+					]);
+					addEvt(anchorEvents, "tooltipTemp", evts);
 				}
 				registerTimeout(() => {
 					show(evt);
@@ -10750,7 +10744,7 @@
 			}
 			function configureAnchorEl() {
 				if (props.noParentEvent || anchorEl.value === null) return;
-				addEvt(anchorEvents, "anchor", $q.platform.is.mobile ? [[
+				const evts = $q.platform.is.mobile ? [[
 					anchorEl.value,
 					"touchstart",
 					"delayShow",
@@ -10765,7 +10759,8 @@
 					"mouseleave",
 					"delayHide",
 					"passive"
-				]]);
+				]];
+				addEvt(anchorEvents, "anchor", evts);
 			}
 			function configureScrollTarget() {
 				if (anchorEl.value !== null || props.scrollTarget !== void 0) {
@@ -20959,7 +20954,10 @@
 				sort,
 				resetVirtualScroll,
 				scrollTo,
-				getCellValue
+				getCellValue: (colName, row) => {
+					const col = computedColsMap.value[colName];
+					if (col !== void 0) return getCellValue(col, row);
+				}
 			});
 			injectMultipleProps(vm.proxy, {
 				filteredSortedRows: () => filteredSortedRows.value,
@@ -23343,6 +23341,19 @@
             margin: 0;
             width: 0;
             height: 0;
+          `;
+					const keyframesTo = options.keepToClone === true ? "" : `
+            @keyframes ${qAnimId}-to {
+              0% {
+                ${keyframeToStart}
+              }
+
+              100% {
+                margin: ${elToParentHeightDiff < 0 ? elToParentHeightDiff / 2 : 0}px ${elToParentWidthDiff < 0 ? elToParentWidthDiff / 2 : 0}px;
+                width: ${elToCloneWidth + elToPosition.marginH}px;
+                height: ${elToCloneHeight + elToPosition.marginV}px;
+              }
+            }
           `;
 					style.innerHTML = `
           @keyframes ${qAnimId} {
@@ -23378,19 +23389,7 @@
 
           ${keyframesFromTween}
 
-          ${options.keepToClone === true ? "" : `
-            @keyframes ${qAnimId}-to {
-              0% {
-                ${keyframeToStart}
-              }
-
-              100% {
-                margin: ${elToParentHeightDiff < 0 ? elToParentHeightDiff / 2 : 0}px ${elToParentWidthDiff < 0 ? elToParentWidthDiff / 2 : 0}px;
-                width: ${elToCloneWidth + elToPosition.marginH}px;
-                height: ${elToCloneHeight + elToPosition.marginV}px;
-              }
-            }
-          `}
+          ${keyframesTo}
         `;
 					document.head.append(style);
 					let animationDirection = "normal";
@@ -25383,8 +25382,8 @@
 			if (!this.__installed) {
 				positionList.forEach((pos) => {
 					notificationsList[pos] = (0, vue.ref)([]);
-					const vert = pos === "left" || pos === "center" || pos === "right" ? "center" : pos.includes("top") ? "top" : "bottom", align = pos.includes("left") ? "start" : pos.includes("right") ? "end" : "center";
-					positionClass[pos] = `q-notifications__list q-notifications__list--${vert} fixed column no-wrap ${pos === "left" || pos === "right" ? `items-${pos === "left" ? "start" : "end"} justify-center` : pos === "center" ? "flex-center" : `items-${align}`}`;
+					const vert = pos === "left" || pos === "center" || pos === "right" ? "center" : pos.includes("top") ? "top" : "bottom", align = pos.includes("left") ? "start" : pos.includes("right") ? "end" : "center", classes = pos === "left" || pos === "right" ? `items-${pos === "left" ? "start" : "end"} justify-center` : pos === "center" ? "flex-center" : `items-${align}`;
+					positionClass[pos] = `q-notifications__list q-notifications__list--${vert} fixed column no-wrap ${classes}`;
 				});
 				const el = createGlobalNode("q-notify");
 				createChildApp(getComponent(), parentApp).mount(el);
@@ -25960,7 +25959,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.3",
+		version: "2.21.1",
 		install(app, opts) {
 			install_quasar_default(app, {
 				components: components_exports,