quasar 2.4.10 → 2.4.11

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.10
+ * Quasar Framework v2.4.11
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.4.10
+ * Quasar Framework v2.4.11
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -40,19 +40,15 @@
   let iosCorrection;
 
   function getMatch (userAgent, platformMatch) {
-    const match = /(edge|edga|edgios)\/([\w.]+)/.exec(userAgent)
+    const match = /(edg|edge|edga|edgios)\/([\w.]+)/.exec(userAgent)
       || /(opr)[\/]([\w.]+)/.exec(userAgent)
       || /(vivaldi)[\/]([\w.]+)/.exec(userAgent)
       || /(chrome|crios)[\/]([\w.]+)/.exec(userAgent)
-      || /(iemobile)[\/]([\w.]+)/.exec(userAgent)
       || /(version)(applewebkit)[\/]([\w.]+).*(safari)[\/]([\w.]+)/.exec(userAgent)
       || /(webkit)[\/]([\w.]+).*(version)[\/]([\w.]+).*(safari)[\/]([\w.]+)/.exec(userAgent)
       || /(firefox|fxios)[\/]([\w.]+)/.exec(userAgent)
       || /(webkit)[\/]([\w.]+)/.exec(userAgent)
       || /(opera)(?:.*version|)[\/]([\w.]+)/.exec(userAgent)
-      || /(msie) ([\w.]+)/.exec(userAgent)
-      || (userAgent.indexOf('trident') >= 0 && /(rv)(?::| )([\w.]+)/.exec(userAgent))
-      || (userAgent.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(userAgent))
       || [];
 
     return {
@@ -75,6 +71,8 @@
       || /(mac)/.exec(userAgent)
       || /(linux)/.exec(userAgent)
       || /(cros)/.exec(userAgent)
+      // TODO: Remove BlackBerry detection. BlackBerry OS, BlackBerry 10, and BlackBerry PlayBook OS
+      // is officially dead as of January 4, 2022 (https://www.blackberry.com/us/en/support/devices/end-of-life)
       || /(playbook)/.exec(userAgent)
       || /(bb)/.exec(userAgent)
       || /(blackberry)/.exec(userAgent)
@@ -164,6 +162,10 @@
       delete browser[ 'windows phone' ];
     }
 
+    // TODO: The assumption about WebKit based browsers below is not completely accurate.
+    // Google released Blink(a fork of WebKit) engine on April 3, 2013, which is really different than WebKit today.
+    // Today, one might want to check for WebKit to deal with its bugs, which is used on all browsers on iOS, and Safari browser on all platforms.
+
     // Chrome, Opera 15+, Vivaldi and Safari are webkit based browsers
     if (
       browser.chrome
@@ -180,8 +182,15 @@
       browser.webkit = true;
     }
 
+    // TODO: (Qv3) rename the terms 'edge' to 'edge legacy'(or remove it) then 'edge chromium' to 'edge' to match with the known up-to-date terms
+    // Microsoft Edge is the new Chromium-based browser. Microsoft Edge Legacy is the old EdgeHTML-based browser (EOL: March 9, 2021).
+    if (browser.edg) {
+      matched.browser = 'edgechromium';
+      browser.edgeChromium = true;
+    }
+
     // Blackberry browsers are marked as Safari on BlackBerry
-    if (browser.safari && browser.blackberry || browser.bb) {
+    if ((browser.safari && browser.blackberry) || browser.bb) {
       matched.browser = 'blackberry';
       browser.blackberry = true;
     }
@@ -1447,7 +1456,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.4.10' };
+      const $q = { version: '2.4.11' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -1646,7 +1655,7 @@
       const onScreen = vue.ref(false);
       const animate = vue.ref(true);
 
-      let calls = 0, timer, speed;
+      let sessions = 0, timer, speed;
 
       const classes = vue.computed(() =>
         `q-loading-bar q-loading-bar--${ props.position }`
@@ -1692,16 +1701,17 @@
         const oldSpeed = speed;
         speed = Math.max(0, newSpeed) || 0;
 
-        calls++;
+        sessions++;
 
-        if (calls > 1) {
+        if (sessions > 1) {
           if (oldSpeed === 0 && newSpeed > 0) {
             planNextStep();
           }
           else if (oldSpeed > 0 && newSpeed <= 0) {
             clearTimeout(timer);
           }
-          return
+
+          return sessions
         }
 
         clearTimeout(timer);
@@ -1709,25 +1719,32 @@
 
         progress.value = 0;
 
-        if (onScreen.value === true) { return }
-
-        onScreen.value = true;
-        animate.value = false;
         timer = setTimeout(() => {
           animate.value = true;
           newSpeed > 0 && planNextStep();
-        }, 100);
+        }, onScreen.value === true ? 500 : 1);
+
+        if (onScreen.value !== true) {
+          onScreen.value = true;
+          animate.value = false;
+        }
+
+        return sessions
       }
 
       function increment (amount) {
-        if (calls > 0) {
+        if (sessions > 0) {
           progress.value = inc(progress.value, amount);
         }
+
+        return sessions
       }
 
       function stop () {
-        calls = Math.max(0, calls - 1);
-        if (calls > 0) { return }
+        sessions = Math.max(0, sessions - 1);
+        if (sessions > 0) {
+          return sessions
+        }
 
         clearTimeout(timer);
         emit('stop');
@@ -1746,6 +1763,8 @@
         else {
           end();
         }
+
+        return sessions
       }
 
       function planNextStep () {
@@ -9690,7 +9709,15 @@
         unwatchRoute !== void 0 && unwatchRoute();
       });
 
-      vue.onActivated(recalculateScroll);
+      let shouldActivate = false;
+
+      vue.onDeactivated(() => {
+        shouldActivate = true;
+      });
+
+      vue.onActivated(() => {
+        shouldActivate === true && recalculateScroll();
+      });
 
       return () => {
         const child = [
@@ -20891,6 +20918,16 @@
     // expose public methods
     Object.assign(proxy, { focus, blur });
 
+    let shouldActivate = false;
+
+    vue.onDeactivated(() => {
+      shouldActivate = true;
+    });
+
+    vue.onActivated(() => {
+      shouldActivate === true && props.autofocus === true && proxy.focus();
+    });
+
     vue.onMounted(() => {
       if (isRuntimeSsrPreHydration.value === true && props.for === void 0) {
         state.targetUid.value = getTargetUid();
@@ -21617,6 +21654,16 @@
         }
       });
 
+      let shouldActivate = false;
+
+      vue.onDeactivated(() => {
+        shouldActivate = true;
+      });
+
+      vue.onActivated(() => {
+        shouldActivate === true && props.autofocus === true && focus();
+      });
+
       vue.onMounted(() => {
         props.autofocus === true && focus();
       });
@@ -22174,7 +22221,6 @@
       const rootRef = vue.ref(null);
 
       let index = props.initialIndex || 0;
-      let scrollPos = false;
       let localScrollTarget, poll;
 
       const classes = vue.computed(() =>
@@ -22313,8 +22359,10 @@
       vue.watch(() => props.scrollTarget, updateScrollTarget);
       vue.watch(() => props.debounce, setDebounce);
 
+      let scrollPos = false;
+
       vue.onActivated(() => {
-        if (localScrollTarget && scrollPos !== false) {
+        if (scrollPos !== false && localScrollTarget) {
           setVerticalScrollPosition(localScrollTarget, scrollPos);
         }
       });
@@ -27110,6 +27158,26 @@
         }
       });
 
+      let scrollPosition = null;
+
+      vue.onDeactivated(() => {
+        scrollPosition = {
+          top: scroll.vertical.position.value,
+          left: scroll.horizontal.position.value
+        };
+      });
+
+      vue.onActivated(() => {
+        if (scrollPosition === null) { return }
+
+        const scrollTarget = targetRef.value;
+
+        if (scrollTarget !== null) {
+          setHorizontalScrollPosition(scrollTarget, scrollPosition.left);
+          setVerticalScrollPosition(scrollTarget, scrollPosition.top);
+        }
+      });
+
       vue.onBeforeUnmount(emitScroll.cancel);
 
       return () => {
@@ -27774,9 +27842,9 @@
         : Math.ceil(scrollViewSize / virtualScrollItemSizeComputed.value);
 
       const baseSize = Math.max(
-        10,
+        1,
         view,
-        Math.ceil(props.virtualScrollSliceSize / multiplier)
+        Math.ceil((props.virtualScrollSliceSize > 0 ? props.virtualScrollSliceSize : 10) / multiplier)
       );
 
       virtualScrollSliceSizeComputed.value = {
@@ -27869,7 +27937,15 @@
       setVirtualScrollSize();
     });
 
+    let shouldActivate = false;
+
+    vue.onDeactivated(() => {
+      shouldActivate = true;
+    });
+
     vue.onActivated(() => {
+      if (shouldActivate !== true) { return }
+
       const scrollEl = getVirtualScrollTarget();
 
       if (prevScrollStart !== void 0 && scrollEl !== void 0 && scrollEl !== null && scrollEl.nodeType !== 8) {
@@ -35895,9 +35971,11 @@
 
         if (hasSelection.value) {
           if (meta.selectable) {
-            const val = meta.key !== props.selected ? meta.key : null;
-            if (props.noSelectionUnset !== true || val !== null) {
-              emit('update:selected', val);
+            if (props.noSelectionUnset === false) {
+              emit('update:selected', meta.key !== props.selected ? meta.key : null);
+            }
+            else if (meta.key !== props.selected) {
+              emit('update:selected', meta.key || null);
             }
           }
         }
@@ -38339,11 +38417,11 @@
       Object.assign(this, {
         start (speed) {
           barRef.value.start(speed);
-          Plugin$3.isActive = barRef.value.calls > 0;
+          Plugin$3.isActive = true;
         },
         stop () {
-          barRef.value.stop();
-          Plugin$3.isActive = barRef.value.calls > 0;
+          const sessions = barRef.value.stop();
+          Plugin$3.isActive = sessions > 0;
         },
         increment () {
           barRef.value.increment.apply(null, arguments);
@@ -39281,7 +39359,7 @@
   });
 
   var index_umd = {
-    version: '2.4.10',
+    version: '2.4.11',
     install (app, opts) {
       installQuasar(app, {
         components,