quasar 2.20.3 → 2.21.1

package/dist/quasar.client.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.
 */
@@ -1102,7 +1102,7 @@ function prepareApp(app, uiOpts, pluginOpts) {
 	};
 }
 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 };
@@ -2639,7 +2639,7 @@ function useAnchor({ showing, avoidEmit, configureAnchorEl }) {
 		});
 		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",
@@ -2664,7 +2664,8 @@ function useAnchor({ showing, avoidEmit, configureAnchorEl }) {
 				"keyup",
 				"toggleKey",
 				"passive"
-			]]);
+			]];
+			addEvt(anchorEvents, "anchor", evts);
 		};
 	}
 	function unconfigureAnchorEl() {
@@ -9602,18 +9603,6 @@ function useHistory(showing, hide, hideOnRouteChange) {
 //#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;
 }
@@ -9643,7 +9632,7 @@ function apply$1(action) {
 		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);
@@ -9651,14 +9640,13 @@ function apply$1(action) {
 			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;
@@ -10669,6 +10657,11 @@ var QTooltip_default = createComponent({
 		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,
@@ -10722,7 +10715,7 @@ var QTooltip_default = createComponent({
 				clearSelection();
 				document.body.classList.add("non-selectable");
 				const target = anchorEl.value;
-				addEvt(anchorEvents, "tooltipTemp", [
+				const evts = [
 					"touchmove",
 					"touchcancel",
 					"touchend",
@@ -10732,7 +10725,8 @@ var QTooltip_default = createComponent({
 					e,
 					"delayHide",
 					"passiveCapture"
-				]));
+				]);
+				addEvt(anchorEvents, "tooltipTemp", evts);
 			}
 			registerTimeout(() => {
 				show(evt);
@@ -10752,7 +10746,7 @@ var QTooltip_default = createComponent({
 		}
 		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",
@@ -10767,7 +10761,8 @@ var QTooltip_default = createComponent({
 				"mouseleave",
 				"delayHide",
 				"passive"
-			]]);
+			]];
+			addEvt(anchorEvents, "anchor", evts);
 		}
 		function configureScrollTarget() {
 			if (anchorEl.value !== null || props.scrollTarget !== void 0) {
@@ -20961,7 +20956,10 @@ var QTable_default = createComponent({
 			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,
@@ -23218,6 +23216,19 @@ function morph(_options) {
             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} {
@@ -23253,19 +23264,7 @@ function morph(_options) {
 
           ${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";
@@ -25246,8 +25245,8 @@ var Notify_default = {
 		if (!this.__installed) {
 			positionList.forEach((pos) => {
 				notificationsList[pos] = 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);
@@ -25754,7 +25753,7 @@ function runSequentialPromises(sequentialPromises, { threadsNumber = 1, abortOnF
 //#endregion
 //#region src/index.dev.js
 const Quasar = {
-	version: "2.20.3",
+	version: "2.21.1",
 	install: install_quasar_default,
 	lang: Plugin$5,
 	iconSet: Plugin$4

package/dist/quasar.css

@@ -10332,8 +10332,15 @@ body.body--dark .inset-shadow-down {
   opacity: 0.7;
 }
 
+.q-document--prevent-scroll {
+  overscroll-behavior: none !important;
+}
+.q-document--prevent-scroll body {
+  position: fixed !important;
+}
+
 /* body */
-.q-body--fullscreen-mixin, .q-body--prevent-scroll {
+.q-body--fullscreen-mixin {
   position: fixed !important;
 }