quasar 1.22.4 → 1.22.6

package/dist/quasar.umd.modern.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.4
+ * Quasar Framework v1.22.6
  * (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.6";
 
   /* 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
@@ -13209,8 +13214,8 @@
           this.lastEmitValue = 0;
         }
         else {
-          const { year, month } = this.__getViewModel(this.innerMask, this.innerLocale);
-          this.__updateViewModel(year, month);
+          const model = this.__getViewModel(this.innerMask, this.innerLocale);
+          this.__updateViewModel(model.year, model.month, model);
         }
       },
 
@@ -14378,7 +14383,7 @@
         }
       },
 
-      __updateViewModel (year, month) {
+      __updateViewModel (year, month, time) {
         if (this.minNav !== void 0 && year <= this.minNav.year) {
           year = this.minNav.year;
           if (month < this.minNav.month) {
@@ -14393,6 +14398,11 @@
           }
         }
 
+        if (time !== void 0) {
+          const { hour, minute, second, millisecond, timezoneOffset, timeHash } = time;
+          Object.assign(this.viewModel, { hour, minute, second, millisecond, timezoneOffset, timeHash });
+        }
+
         const newHash = year + '/' + pad(month) + '/01';
 
         if (newHash !== this.viewModel.dateHash) {
@@ -14617,6 +14627,7 @@
     vpPendingUpdate = false,
     bodyLeft,
     bodyTop,
+    href,
     closeTimer;
 
   function onWheel (e) {
@@ -14703,6 +14714,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 +14724,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 +14761,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 +15183,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 +15206,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 () {
@@ -17676,7 +17695,7 @@
 
     methods: {
       __begin (el, height, done) {
-        el.style.overflowY = 'hidden';
+        // here overflowY is 'hidden'
         if (height !== void 0) {
           el.style.height = `${height}px`;
         }
@@ -17721,12 +17740,14 @@
             let pos = 0;
             this.el = el;
 
+            // if animationg overflowY is already 'hidden'
             if (this.animating === true) {
               this.__cleanup();
               pos = el.offsetHeight === el.scrollHeight ? 0 : void 0;
             }
             else {
               this.lastEvent = 'hide';
+              el.style.overflowY = 'hidden';
             }
 
             this.__begin(el, pos, done);
@@ -17752,6 +17773,9 @@
             }
             else {
               this.lastEvent = 'show';
+              // we need to set overflowY 'hidden' before calculating the height
+              // or else we get small differences
+              el.style.overflowY = 'hidden';
               pos = el.scrollHeight;
             }
 
@@ -20534,6 +20558,7 @@
       imgStyle: Object,
 
       nativeContextMenu: Boolean,
+      notDraggable: Boolean,
 
       noDefaultSpinner: Boolean,
       spinnerColor: String,
@@ -20573,6 +20598,14 @@
         return att
       },
 
+      imgAttrs () {
+        const att = { src: this.url, 'aria-hidden': 'true' };
+        if (this.notDraggable === true) {
+          att.draggable = false;
+        }
+        return att
+      },
+
       imgContainerStyle () {
         return Object.assign(
           {
@@ -20724,7 +20757,7 @@
           ? [
             h('img', {
               staticClass: 'absolute-full fit',
-              attrs: { src: this.url, 'aria-hidden': 'true' }
+              attrs: this.imgAttrs
             })
           ]
           : void 0;
@@ -20850,6 +20883,12 @@
       }
     },
 
+    computed: {
+      renderLoadingSlot () {
+        return this.disable !== true && this.isWorking === true
+      }
+    },
+
     watch: {
       disable (val) {
         if (val === true) { this.stop(); }
@@ -20868,6 +20907,14 @@
 
       debounce (val) {
         this.__setDebounce(val);
+      },
+
+      isFetching () {
+        this.__updateSvgAnimations();
+      },
+
+      renderLoadingSlot () {
+        this.__updateSvgAnimations();
       }
     },
 
@@ -20989,14 +21036,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 +21085,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'))
@@ -21300,7 +21368,7 @@
 
         this.computedMask = mask;
         this.computedUnmask = val => {
-          const unmaskMatch = unmaskMatcher.exec(this.reverseFillMask === true ? val : val.slice(0, mask.length));
+          const unmaskMatch = unmaskMatcher.exec(this.reverseFillMask === true ? val : val.slice(0, mask.length + 1));
           if (unmaskMatch !== null) {
             val = unmaskMatch.slice(1).join('');
           }
@@ -38763,6 +38831,7 @@
             : h('div', {
               staticClass: 'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
               class: action.classes,
+              style: action.style,
               attrs: attrsGridItem,
               on: {
                 click: () => {
@@ -38800,6 +38869,7 @@
             : h(QItem, {
               staticClass: 'q-bottom-sheet__item',
               class: action.classes,
+              style: action.style,
               props: {
                 tabindex: 0,
                 clickable: true,