quasar 1.17.1 → 1.17.2

package/dist/quasar.ie.polyfills.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.17.1
+ * Quasar Framework v1.17.2
  * (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.17.1
+ * Quasar Framework v1.17.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */

package/dist/quasar.rtl.css

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

package/dist/quasar.sass

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

package/dist/quasar.styl

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

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.17.1
+ * Quasar Framework v1.17.2
  * (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.17.1";
+  var version = "1.17.2";
 
   /* eslint-disable no-useless-escape */
 
@@ -2009,10 +2009,10 @@
 
   var
     xhr = isSSR ? null : XMLHttpRequest,
-    send = isSSR ? null : xhr.prototype.send,
-    stackStart = [],
-    stackStop = [];
+    open = isSSR ? null : xhr.prototype.open,
+    positionValues = [ 'top', 'right', 'bottom', 'left' ];
 
+  var stack = [];
   var highjackCount = 0;
 
   function translate (ref) {
@@ -2025,13 +2025,13 @@
 
     var x = 1, y = 1;
 
-    if (horiz) {
-      if (reverse) { x = -1; }
+    if (horiz === true) {
+      if (reverse === true) { x = -1; }
       if (pos === 'bottom') { y = -1; }
       return { transform: ("translate3d(" + (x * (p - 100)) + "%," + (active ? 0 : y * -200) + "%,0)") }
     }
 
-    if (reverse) { y = -1; }
+    if (reverse === true) { y = -1; }
     if (pos === 'right') { x = -1; }
     return { transform: ("translate3d(" + (active ? 0 : dir * x * -200) + "%," + (y * (p - 100)) + "%,0)") }
   }
@@ -2057,32 +2057,46 @@
     return between(p + amount, 0, 100)
   }
 
-  function highjackAjax (start, stop) {
-    stackStart.push(start);
-    stackStop.push(stop);
-
+  function highjackAjax (stackEntry) {
     highjackCount++;
 
+    stack.push(stackEntry);
+
     if (highjackCount > 1) { return }
 
-    function endHandler () {
-      stackStop.forEach(function (fn) { fn(); });
-    }
+    xhr.prototype.open = function (_, url) {
+      var stopStack = [];
+
+      var loadStart = function () {
+        stack.forEach(function (entry) {
+          var hijackFilter = entry.getHijackFilter();
+          if (
+            hijackFilter === null ||
+            hijackFilter(url) === true
+          ) {
+            entry.start();
+            stopStack.push(entry.stop);
+          }
+        });
+      };
 
-    xhr.prototype.send = function (/* ...args */) {
-      stackStart.forEach(function (fn) { fn(); });
-      this.addEventListener('loadend', endHandler, false);
-      send.apply(this, arguments);
+      var loadEnd = function () {
+        stopStack.forEach(function (stop) { stop(); });
+      };
+
+      this.addEventListener('loadstart', loadStart, { once: true });
+      this.addEventListener('loadend', loadEnd, { once: true });
+
+      open.apply(this, arguments);
     };
   }
 
-  function restoreAjax (start, stop) {
-    stackStart.splice(stackStart.indexOf(start), 1);
-    stackStop.splice(stackStop.indexOf(stop), 1);
+  function restoreAjax (start) {
+    stack = stack.filter(function (entry) { return entry.start !== start; });
 
     highjackCount = Math.max(0, highjackCount - 1);
     if (!highjackCount) {
-      xhr.prototype.send = send;
+      xhr.prototype.open = open;
     }
   }
 
@@ -2093,15 +2107,19 @@
       position: {
         type: String,
         default: 'top',
-        validator: function (val) { return ['top', 'right', 'bottom', 'left'].includes(val); }
+        validator: function (val) { return positionValues.includes(val); }
       },
+
       size: {
         type: String,
         default: '2px'
       },
+
       color: String,
+      reverse: Boolean,
+
       skipHijack: Boolean,
-      reverse: Boolean
+      hijackFilter: Function
     },
 
     data: function data () {
@@ -2129,7 +2147,7 @@
           active: active,
           horiz: this.horizontal,
           reverse: this.$q.lang.rtl === true && ['top', 'bottom'].includes(this.position)
-            ? !this.reverse
+            ? this.reverse === false
             : this.reverse,
           dir: this.$q.lang.rtl === true ? -1 : 1
         });
@@ -2239,15 +2257,21 @@
     },
 
     mounted: function mounted () {
+      var this$1 = this;
+
       if (this.skipHijack !== true) {
         this.hijacked = true;
-        highjackAjax(this.start, this.stop);
+        highjackAjax({
+          start: this.start,
+          stop: this.stop,
+          getHijackFilter: function () { return this$1.hijackFilter || null; }
+        });
       }
     },
 
     beforeDestroy: function beforeDestroy () {
       clearTimeout(this.timer);
-      this.hijacked === true && restoreAjax(this.start, this.stop);
+      this.hijacked === true && restoreAjax(this.start);
     },
 
     render: function render (h) {
@@ -2333,6 +2357,8 @@
       : slot
   }
 
+  var defaultViewBox = '0 0 24 24';
+
   var sameFn = function (i) { return i; };
   var ionFn = function (i) { return ("ionicons " + i); };
 
@@ -2395,10 +2421,7 @@
         var icon = this.name;
 
         if (!icon) {
-          return {
-            none: true,
-            cls: this.classes
-          }
+          return { none: true }
         }
 
         if (this.$q.iconMapFn !== void 0) {
@@ -2409,7 +2432,7 @@
             }
             else {
               return {
-                cls: res.cls + ' ' + this.classes,
+                cls: res.cls,
                 content: res.content !== void 0
                   ? res.content
                   : ' '
@@ -2421,32 +2444,27 @@
         if (mRE.test(icon) === true) {
           var ref = icon.split('|');
           var def = ref[0];
-          var viewBox = ref[1];
+          var viewBox = ref[1]; if ( viewBox === void 0 ) viewBox = defaultViewBox;
 
           return {
             svg: true,
-            cls: this.classes,
+            viewBox: viewBox,
             nodes: def.split('&&').map(function (path) {
               var ref = path.split('@@');
               var d = ref[0];
               var style = ref[1];
               var transform = ref[2];
               return this$1.$createElement('path', {
-                attrs: {
-                  d: d,
-                  transform: transform
-                },
+                attrs: { d: d, transform: transform },
                 style: style
               })
-            }),
-            viewBox: viewBox !== void 0 ? viewBox : '0 0 24 24'
+            })
           }
         }
 
         if (imgRE.test(icon) === true) {
           return {
             img: true,
-            cls: this.classes,
             src: icon.substring(4)
           }
         }
@@ -2454,13 +2472,12 @@
         if (svgUseRE.test(icon) === true) {
           var ref$1 = icon.split('|');
           var def$1 = ref$1[0];
-          var viewBox$1 = ref$1[1];
+          var viewBox$1 = ref$1[1]; if ( viewBox$1 === void 0 ) viewBox$1 = defaultViewBox;
 
           return {
             svguse: true,
-            cls: this.classes,
             src: def$1.substring(7),
-            viewBox: viewBox$1 !== void 0 ? viewBox$1 : '0 0 24 24'
+            viewBox: viewBox$1
           }
         }
 
@@ -2494,7 +2511,7 @@
         }
 
         return {
-          cls: cls + ' ' + this.classes,
+          cls: cls,
           content: content
         }
       }
@@ -2502,7 +2519,7 @@
 
     render: function render (h) {
       var data = {
-        class: this.type.cls,
+        class: this.classes,
         style: this.sizeStyle,
         on: Object.assign({}, this.qListeners),
         attrs: {
@@ -2516,25 +2533,44 @@
       }
 
       if (this.type.img === true) {
-        data.attrs.src = this.type.src;
-        return h('img', data)
+        return h('div', data, mergeSlot([
+          h('img', {
+            class: this.type.cls,
+            attrs: { src: this.type.src }
+          })
+        ], this, 'default'))
       }
 
       if (this.type.svg === true) {
-        data.attrs.focusable = 'false'; /* needed for IE11 */
-        data.attrs.viewBox = this.type.viewBox;
-
-        return h('svg', data, mergeSlot(this.type.nodes, this, 'default'))
+        return h('div', data, mergeSlot([
+          h('svg', {
+            class: this.type.cls,
+            attrs: {
+              viewBox: this.type.viewBox,
+              focusable: 'false' /* needed for IE11 */
+            }
+          }, this.type.nodes)
+        ], this, 'default'))
       }
-      if (this.type.svguse === true) {
-        data.attrs.focusable = 'false'; /* needed for IE11 */
-        data.attrs.viewBox = this.type.viewBox;
 
-        return h('svg', data, mergeSlot([
-          h('use', { attrs: { 'xlink:href': this.type.src } })
+      if (this.type.svguse === true) {
+        return h('div', data, mergeSlot([
+          h('svg', {
+            class: this.type.cls,
+            attrs: {
+              viewBox: this.type.viewBox,
+              focusable: 'false' /* needed for IE11 */
+            }
+          }, [
+            h('use', { attrs: { 'xlink:href': this.type.src } })
+          ])
         ], this, 'default'))
       }
 
+      if (this.type.cls !== void 0) {
+        data.class += ' ' + this.type.cls;
+      }
+
       return h(this.tag, data, mergeSlot([
         this.type.content
       ], this, 'default'))
@@ -22298,13 +22334,30 @@
       classes: function classes () {
         return 'q-layout q-layout--' +
           (this.container === true ? 'containerized' : 'standard')
+      },
+
+      scrollbarEvtAction: function scrollbarEvtAction () {
+        return this.container !== true && this.scrollbarWidth > 0
+          ? 'add' : 'remove'
       }
     },
 
+    watch: {
+      scrollbarEvtAction: '__updateScrollEvent'
+    },
+
     created: function created () {
       this.instances = {};
     },
 
+    mounted: function mounted () {
+      this.scrollbarEvtAction === 'add' && this.__updateScrollEvent('add');
+    },
+
+    beforeDestroy: function beforeDestroy () {
+      this.scrollbarEvtAction === 'add' && this.__updateScrollEvent('remove');
+    },
+
     render: function render (h) {
       var layout = h('div', {
         class: this.classes,
@@ -22406,6 +22459,38 @@
             this.scrollbarWidth = width;
           }
         }
+      },
+
+      __updateScrollEvent: function __updateScrollEvent (action) {
+        if (this.timerScrollbar !== void 0 && action === 'remove') {
+          clearTimeout(this.timerScrollbar);
+          this.__restoreScrollbar();
+        }
+
+        window[(action + "EventListener")]('resize', this.__hideScrollbar);
+      },
+
+      __hideScrollbar: function __hideScrollbar () {
+        if (this.timerScrollbar === void 0) {
+          var el = document.body;
+
+          // if it has no scrollbar then there's nothing to do
+          if (el.scrollHeight > this.$q.screen.height) {
+            return
+          }
+
+          el.classList.add('hide-scrollbar');
+        }
+        else {
+          clearTimeout(this.timerScrollbar);
+        }
+
+        this.timerScrollbar = setTimeout(this.__restoreScrollbar, 200);
+      },
+
+      __restoreScrollbar: function __restoreScrollbar () {
+        this.timerScrollbar = void 0;
+        document.body.classList.remove('hide-scrollbar');
       }
     }
   });