quasar 1.22.4 → 1.22.5

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.4
+ * Quasar Framework v1.22.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -7409,8 +7409,6 @@ sup
   visibility: hidden !important
   transition: none !important
   animation: none !important
-.invisible svg *
-  display: none
 .transparent
   background: transparent !important
 .overflow-auto

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.4
+ * Quasar Framework v1.22.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -7456,8 +7456,6 @@ sup
   visibility: hidden !important
   transition: none !important
   animation: none !important
-.invisible svg *
-  display: none
 .transparent
   background: transparent !important
 .overflow-auto

package/dist/quasar.umd.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 */
 
@@ -7259,20 +7259,23 @@
           return false
         }
 
-        i = a.entries().next();
+        var 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
@@ -7283,12 +7286,14 @@
           return false
         }
 
-        i = a.entries().next();
+        var iter$1 = a.entries();
+
+        i = iter$1.next();
         while (i.done !== true) {
           if (b.has(i.value[0]) !== true) {
             return false
           }
-          i = i.next();
+          i = iter$1.next();
         }
 
         return true
@@ -14923,6 +14928,7 @@
     vpPendingUpdate = false,
     bodyLeft,
     bodyTop,
+    href,
     closeTimer;
 
   function onWheel (e) {
@@ -15011,6 +15017,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)) {
@@ -15019,6 +15027,7 @@
 
       body.classList.add('q-body--prevent-scroll');
       document.qScrollPrevented = true;
+
       if (client.is.ios === true) {
         if (hasViewport === true) {
           window.scrollTo(0, 0);
@@ -15055,7 +15064,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;
     }
   }
@@ -15475,7 +15488,7 @@
             h('div', {
               staticClass: 'q-dialog__backdrop fixed-full',
               attrs: backdropAttrs,
-              on: cache(this, 'bkdrop', ( obj = {}, obj[ this.$q.platform.is.ios === true ? 'click' : 'focusin' ] = this.__onBackdropClick, obj ))
+              on: cache(this, 'bkdrop', ( obj = {}, obj[ this.backdropEvt ] = this.__onBackdropClick, obj ))
             })
           ] : null),
 
@@ -15497,6 +15510,7 @@
     created: function created () {
       this.__useTick('__registerTick', '__removeTick');
       this.__useTimeout('__registerTimeout');
+      this.backdropEvt = this.$q.platform.is.ios === true || this.$q.platform.is.safari ? 'click' : 'focusin';
     },
 
     mounted: function mounted () {
@@ -21188,6 +21202,12 @@
       }
     },
 
+    computed: {
+      renderLoadingSlot: function renderLoadingSlot () {
+        return this.disable !== true && this.isWorking === true
+      }
+    },
+
     watch: {
       disable: function disable (val) {
         if (val === true) { this.stop(); }
@@ -21206,6 +21226,14 @@
 
       debounce: function debounce (val) {
         this.__setDebounce(val);
+      },
+
+      isFetching: function isFetching () {
+        this.__updateSvgAnimations();
+      },
+
+      renderLoadingSlot: function renderLoadingSlot () {
+        this.__updateSvgAnimations();
       }
     },
 
@@ -21329,14 +21357,36 @@
 
           this.__scrollTarget.addEventListener('scroll', this.poll, passive$1);
         }
+      },
+
+      __updateSvgAnimations: function __updateSvgAnimations (isRetry) {
+        var this$1 = this;
+
+        if (this.renderLoadingSlot === true) {
+          var el = this.$refs.loading;
+
+          if (!el) {
+            isRetry !== true && this.$nextTick(function () {
+              this$1.__updateSvgAnimations(true);
+            });
+            return
+          }
+
+          // we need to pause svg animations (if any) when hiding
+          // otherwise the browser will keep on recalculating the style
+          var action = (this.isFetching === true ? 'un' : '') + "pauseAnimations";
+          Array.from(el.getElementsByTagName('svg')).forEach(function (el) {
+            el[ action ]();
+          });
+        }
       }
     },
 
     mounted: function mounted () {
       this.immediatePoll = this.poll;
       this.__setDebounce(this.debounce);
-
       this.updateScrollTarget();
+      this.isFetching === false && this.__updateSvgAnimations();
     },
 
     activated: function activated () {
@@ -21358,9 +21408,10 @@
     render: function render (h) {
       var 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'))