quasar 1.22.4 → 1.22.5

package/dist/quasar.umd.modern.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.4
+ * Quasar Framework v1.22.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -12,7 +12,7 @@
 
   Vue = Vue && Object.prototype.hasOwnProperty.call(Vue, 'default') ? Vue['default'] : Vue;
 
-  var version = "1.22.4";
+  var version = "1.22.5";
 
   /* eslint-disable no-useless-escape */
 
@@ -7088,20 +7088,23 @@
           return false
         }
 
-        i = a.entries().next();
+        let iter = a.entries();
+
+        i = iter.next();
         while (i.done !== true) {
           if (b.has(i.value[0]) !== true) {
             return false
           }
-          i = i.next();
+          i = iter.next();
         }
 
-        i = a.entries().next();
+        iter = a.entries();
+        i = iter.next();
         while (i.done !== true) {
           if (isDeepEqual(i.value[1], b.get(i.value[0])) !== true) {
             return false
           }
-          i = i.next();
+          i = iter.next();
         }
 
         return true
@@ -7112,12 +7115,14 @@
           return false
         }
 
-        i = a.entries().next();
+        const iter = a.entries();
+
+        i = iter.next();
         while (i.done !== true) {
           if (b.has(i.value[0]) !== true) {
             return false
           }
-          i = i.next();
+          i = iter.next();
         }
 
         return true
@@ -14617,6 +14622,7 @@
     vpPendingUpdate = false,
     bodyLeft,
     bodyTop,
+    href,
     closeTimer;
 
   function onWheel (e) {
@@ -14703,6 +14709,8 @@
       bodyLeft = body.style.left;
       bodyTop = body.style.top;
 
+      href = window.location.href;
+
       body.style.left = `-${scrollPositionX}px`;
       body.style.top = `-${scrollPositionY}px`;
       if (overflowY !== 'hidden' && (overflowY === 'scroll' || body.scrollHeight > window.innerHeight)) {
@@ -14711,6 +14719,7 @@
 
       body.classList.add('q-body--prevent-scroll');
       document.qScrollPrevented = true;
+
       if (client.is.ios === true) {
         if (hasViewport === true) {
           window.scrollTo(0, 0);
@@ -14747,7 +14756,11 @@
       body.style.left = bodyLeft;
       body.style.top = bodyTop;
 
-      window.scrollTo(scrollPositionX, scrollPositionY);
+      // scroll back only if route has not changed
+      if (window.location.href === href) {
+        window.scrollTo(scrollPositionX, scrollPositionY);
+      }
+
       maxScrollTop = void 0;
     }
   }
@@ -15165,7 +15178,7 @@
               staticClass: 'q-dialog__backdrop fixed-full',
               attrs: backdropAttrs,
               on: cache(this, 'bkdrop', {
-                [ this.$q.platform.is.ios === true ? 'click' : 'focusin' ]: this.__onBackdropClick
+                [ this.backdropEvt ]: this.__onBackdropClick
               })
             })
           ] : null),
@@ -15188,6 +15201,7 @@
     created () {
       this.__useTick('__registerTick', '__removeTick');
       this.__useTimeout('__registerTimeout');
+      this.backdropEvt = this.$q.platform.is.ios === true || this.$q.platform.is.safari ? 'click' : 'focusin';
     },
 
     mounted () {
@@ -20850,6 +20864,12 @@
       }
     },
 
+    computed: {
+      renderLoadingSlot () {
+        return this.disable !== true && this.isWorking === true
+      }
+    },
+
     watch: {
       disable (val) {
         if (val === true) { this.stop(); }
@@ -20868,6 +20888,14 @@
 
       debounce (val) {
         this.__setDebounce(val);
+      },
+
+      isFetching () {
+        this.__updateSvgAnimations();
+      },
+
+      renderLoadingSlot () {
+        this.__updateSvgAnimations();
       }
     },
 
@@ -20989,14 +21017,34 @@
 
           this.__scrollTarget.addEventListener('scroll', this.poll, passive$1);
         }
+      },
+
+      __updateSvgAnimations (isRetry) {
+        if (this.renderLoadingSlot === true) {
+          const el = this.$refs.loading;
+
+          if (!el) {
+            isRetry !== true && this.$nextTick(() => {
+              this.__updateSvgAnimations(true);
+            });
+            return
+          }
+
+          // we need to pause svg animations (if any) when hiding
+          // otherwise the browser will keep on recalculating the style
+          const action = `${ this.isFetching === true ? 'un' : '' }pauseAnimations`;
+          Array.from(el.getElementsByTagName('svg')).forEach(el => {
+            el[ action ]();
+          });
+        }
       }
     },
 
     mounted () {
       this.immediatePoll = this.poll;
       this.__setDebounce(this.debounce);
-
       this.updateScrollTarget();
+      this.isFetching === false && this.__updateSvgAnimations();
     },
 
     activated () {
@@ -21018,9 +21066,10 @@
     render (h) {
       const child = uniqueSlot(this, 'default', []);
 
-      if (this.disable !== true && this.isWorking === true) {
+      if (this.renderLoadingSlot === true) {
         child[this.reverse === false ? 'push' : 'unshift'](
           h('div', {
+            ref: 'loading',
             staticClass: 'q-infinite-scroll__loading',
             class: this.isFetching === true ? '' : 'invisible'
           }, slot(this, 'loading'))