quasar 1.22.4 → 1.22.6

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.4
+ * Quasar Framework v1.22.6
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2871,6 +2871,7 @@ body.mobile .q-textarea,
       box-shadow: $shadow-4
 .q-layout
   width: 100%
+  outline: 0
 .q-layout-container
   position: relative
   width: 100%
@@ -7409,8 +7410,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.6
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2918,6 +2918,7 @@ body.mobile .q-textarea,
       box-shadow: $shadow-4
 .q-layout
   width: 100%
+  outline: 0
 .q-layout-container
   position: relative
   width: 100%
@@ -7456,8 +7457,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.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 */
 
@@ -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
@@ -13449,10 +13454,8 @@
           this.lastEmitValue = 0;
         }
         else {
-          var ref = this.__getViewModel(this.innerMask, this.innerLocale);
-          var year = ref.year;
-          var month = ref.month;
-          this.__updateViewModel(year, month);
+          var model = this.__getViewModel(this.innerMask, this.innerLocale);
+          this.__updateViewModel(model.year, model.month, model);
         }
       },
 
@@ -14670,7 +14673,7 @@
         }
       },
 
-      __updateViewModel: function __updateViewModel (year, month) {
+      __updateViewModel: function __updateViewModel (year, month, time) {
         var this$1 = this;
 
         if (this.minNav !== void 0 && year <= this.minNav.year) {
@@ -14687,6 +14690,16 @@
           }
         }
 
+        if (time !== void 0) {
+          var hour = time.hour;
+          var minute = time.minute;
+          var second = time.second;
+          var millisecond = time.millisecond;
+          var timezoneOffset = time.timezoneOffset;
+          var timeHash = time.timeHash;
+          Object.assign(this.viewModel, { hour: hour, minute: minute, second: second, millisecond: millisecond, timezoneOffset: timezoneOffset, timeHash: timeHash });
+        }
+
         var newHash = year + '/' + pad(month) + '/01';
 
         if (newHash !== this.viewModel.dateHash) {
@@ -14923,6 +14936,7 @@
     vpPendingUpdate = false,
     bodyLeft,
     bodyTop,
+    href,
     closeTimer;
 
   function onWheel (e) {
@@ -15011,6 +15025,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 +15035,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 +15072,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 +15496,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 +15518,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 () {
@@ -18014,7 +18036,7 @@
 
     methods: {
       __begin: function __begin (el, height, done) {
-        el.style.overflowY = 'hidden';
+        // here overflowY is 'hidden'
         if (height !== void 0) {
           el.style.height = height + "px";
         }
@@ -18061,12 +18083,14 @@
             var pos = 0;
             this$1.el = el;
 
+            // if animationg overflowY is already 'hidden'
             if (this$1.animating === true) {
               this$1.__cleanup();
               pos = el.offsetHeight === el.scrollHeight ? 0 : void 0;
             }
             else {
               this$1.lastEvent = 'hide';
+              el.style.overflowY = 'hidden';
             }
 
             this$1.__begin(el, pos, done);
@@ -18092,6 +18116,9 @@
             }
             else {
               this$1.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;
             }
 
@@ -20867,6 +20894,7 @@
       imgStyle: Object,
 
       nativeContextMenu: Boolean,
+      notDraggable: Boolean,
 
       noDefaultSpinner: Boolean,
       spinnerColor: String,
@@ -20906,6 +20934,14 @@
         return att
       },
 
+      imgAttrs: function imgAttrs () {
+        var att = { src: this.url, 'aria-hidden': 'true' };
+        if (this.notDraggable === true) {
+          att.draggable = false;
+        }
+        return att
+      },
+
       imgContainerStyle: function imgContainerStyle () {
         return Object.assign(
           {
@@ -21062,7 +21098,7 @@
           ? [
             h('img', {
               staticClass: 'absolute-full fit',
-              attrs: { src: this.url, 'aria-hidden': 'true' }
+              attrs: this.imgAttrs
             })
           ]
           : void 0;
@@ -21188,6 +21224,12 @@
       }
     },
 
+    computed: {
+      renderLoadingSlot: function renderLoadingSlot () {
+        return this.disable !== true && this.isWorking === true
+      }
+    },
+
     watch: {
       disable: function disable (val) {
         if (val === true) { this.stop(); }
@@ -21206,6 +21248,14 @@
 
       debounce: function debounce (val) {
         this.__setDebounce(val);
+      },
+
+      isFetching: function isFetching () {
+        this.__updateSvgAnimations();
+      },
+
+      renderLoadingSlot: function renderLoadingSlot () {
+        this.__updateSvgAnimations();
       }
     },
 
@@ -21329,14 +21379,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 +21430,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'))
@@ -21642,7 +21715,7 @@
 
         this.computedMask = mask;
         this.computedUnmask = function (val) {
-          var unmaskMatch = unmaskMatcher.exec(this$1.reverseFillMask === true ? val : val.slice(0, mask.length));
+          var unmaskMatch = unmaskMatcher.exec(this$1.reverseFillMask === true ? val : val.slice(0, mask.length + 1));
           if (unmaskMatch !== null) {
             val = unmaskMatch.slice(1).join('');
           }
@@ -39264,6 +39337,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: function () {
@@ -39303,6 +39377,7 @@
             : h(QItem, {
               staticClass: 'q-bottom-sheet__item',
               class: action.classes,
+              style: action.style,
               props: {
                 tabindex: 0,
                 clickable: true,