quasar 1.22.3 → 1.22.5

package/dist/quasar.ie.polyfills.js

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

package/dist/quasar.ie.polyfills.umd.min.js

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

package/dist/quasar.rtl.css

@@ -1,5 +1,5 @@
 /*
- * Quasar Framework v1.22.3
+ * Quasar Framework v1.22.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */

package/dist/quasar.sass

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

package/dist/quasar.styl

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

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.3
+ * 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.3";
+  var version = "1.22.5";
 
   /* eslint-disable no-useless-escape */
 
@@ -5358,17 +5358,34 @@
     }
 
     return {
-      top: top,
-      left: left,
-      right: right,
-      bottom: bottom,
-      width: width,
-      height: height,
+      top: top, bottom: bottom, height: height,
+      left: left, right: right, width: width,
       middle: left + (right - left) / 2,
       center: top + (bottom - top) / 2
     }
   }
 
+  function getAbsoluteAnchorProps (el, absoluteOffset, offset) {
+    var ref = el.getBoundingClientRect();
+    var top = ref.top;
+    var left = ref.left;
+
+    top += absoluteOffset.top;
+    left += absoluteOffset.left;
+
+    if (offset !== void 0) {
+      top += offset[ 1 ];
+      left += offset[ 0 ];
+    }
+
+    return {
+      top: top, bottom: top + 1, height: 1,
+      left: left, right: left + 1, width: 1,
+      middle: left,
+      center: top
+    }
+  }
+
   function getTargetProps (el) {
     return {
       top: 0,
@@ -5380,6 +5397,13 @@
     }
   }
 
+  function getTopLeftProps (anchorProps, targetProps, cfg) {
+    return {
+      top: anchorProps[ cfg.anchorOrigin.vertical ] - targetProps[ cfg.selfOrigin.vertical ],
+      left: anchorProps[ cfg.anchorOrigin.horizontal ] - targetProps[ cfg.selfOrigin.horizontal ]
+    }
+  }
+
   // cfg: { el, anchorEl, anchorOrigin, selfOrigin, offset, absoluteOffset, cover, fit, maxHeight, maxWidth }
   function setPosition (cfg) {
     if (client.is.ios === true && window.visualViewport !== void 0) {
@@ -5400,8 +5424,6 @@
       }
     }
 
-    var anchorProps;
-
     // scroll position might change
     // if max-height/-width changes, so we
     // need to restore it after we calculate
@@ -5410,18 +5432,9 @@
     var scrollLeft = ref$1.scrollLeft;
     var scrollTop = ref$1.scrollTop;
 
-    if (cfg.absoluteOffset === void 0) {
-      anchorProps = getAnchorProps(cfg.anchorEl, cfg.cover === true ? [0, 0] : cfg.offset);
-    }
-    else {
-      var ref$2 = cfg.anchorEl.getBoundingClientRect();
-      var anchorTop = ref$2.top;
-      var anchorLeft = ref$2.left;
-      var top$1 = anchorTop + cfg.absoluteOffset.top,
-        left$1 = anchorLeft + cfg.absoluteOffset.left;
-
-      anchorProps = { top: top$1, left: left$1, width: 1, height: 1, right: left$1 + 1, center: top$1, middle: left$1, bottom: top$1 + 1 };
-    }
+    var anchorProps = cfg.absoluteOffset === void 0
+      ? getAnchorProps(cfg.anchorEl, cfg.cover === true ? [ 0, 0 ] : cfg.offset)
+      : getAbsoluteAnchorProps(cfg.anchorEl, cfg.absoluteOffset, cfg.offset);
 
     var elStyle = {
       maxHeight: cfg.maxHeight,
@@ -5438,14 +5451,45 @@
 
     Object.assign(cfg.el.style, elStyle);
 
-    var
-      targetProps = getTargetProps(cfg.el),
-      props = {
-        top: anchorProps[cfg.anchorOrigin.vertical] - targetProps[cfg.selfOrigin.vertical],
-        left: anchorProps[cfg.anchorOrigin.horizontal] - targetProps[cfg.selfOrigin.horizontal]
-      };
+    var targetProps = getTargetProps(cfg.el);
+    var props = getTopLeftProps(anchorProps, targetProps, cfg);
+
+    if (cfg.absoluteOffset === void 0 || cfg.offset === void 0) {
+      applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+    }
+    else { // we have touch position or context menu with offset
+      var top$1 = props.top;
+      var left$1 = props.left; // cache initial values
+
+      // apply initial boundaries
+      applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+
+      var hasChanged = false;
+
+      // did it flip vertically?
+      if (props.top !== top$1) {
+        hasChanged = true;
+        var offsetY = 2 * cfg.offset[ 1 ];
+        anchorProps.center = anchorProps.top -= offsetY;
+        anchorProps.bottom -= offsetY + 2;
+      }
+
+      // did it flip horizontally?
+      if (props.left !== left$1) {
+        hasChanged = true;
+        var offsetX = 2 * cfg.offset[ 0 ];
+        anchorProps.middle = anchorProps.left -= offsetX;
+        anchorProps.right -= offsetX + 2;
+      }
+
+      if (hasChanged === true) {
+        // re-calculate props with the new anchor
+        props = getTopLeftProps(anchorProps, targetProps, cfg);
 
-    applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+        // and re-apply boundaries
+        applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+      }
+    }
 
     elStyle = {
       top: props.top + 'px',
@@ -7215,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
@@ -7239,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
@@ -14879,6 +14928,7 @@
     vpPendingUpdate = false,
     bodyLeft,
     bodyTop,
+    href,
     closeTimer;
 
   function onWheel (e) {
@@ -14967,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)) {
@@ -14975,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);
@@ -15011,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;
     }
   }
@@ -15431,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),
 
@@ -15453,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 () {
@@ -21144,6 +21202,12 @@
       }
     },
 
+    computed: {
+      renderLoadingSlot: function renderLoadingSlot () {
+        return this.disable !== true && this.isWorking === true
+      }
+    },
+
     watch: {
       disable: function disable (val) {
         if (val === true) { this.stop(); }
@@ -21162,6 +21226,14 @@
 
       debounce: function debounce (val) {
         this.__setDebounce(val);
+      },
+
+      isFetching: function isFetching () {
+        this.__updateSvgAnimations();
+      },
+
+      renderLoadingSlot: function renderLoadingSlot () {
+        this.__updateSvgAnimations();
       }
     },
 
@@ -21285,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 () {
@@ -21314,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'))