quasar 1.18.3 → 1.18.6

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.18.3
+ * Quasar Framework v1.18.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.18.3";
+  var version = "1.18.6";
 
   /* eslint-disable no-useless-escape */
 
@@ -2410,6 +2410,7 @@
   var svgUseRE = /^svguse:/;
   var ionRE = /^ion-/;
   var faLaRE = /^[lf]a[srlbdk]? /;
+  var fa6RE = /^fa-(brand|regular|solid)/;
 
   var QIcon = Vue.extend({
     name: 'QIcon',
@@ -2442,7 +2443,7 @@
         var cls;
         var icon = this.name;
 
-        if (!icon) {
+        if (icon === 'none' || !icon) {
           return { none: true }
         }
 
@@ -2451,6 +2452,9 @@
           if (res !== void 0) {
             if (res.icon !== void 0) {
               icon = res.icon;
+              if (icon === 'none' || !icon) {
+                return { none: true }
+              }
             }
             else {
               return {
@@ -2509,7 +2513,7 @@
         if (matches !== null) {
           cls = libMap[ matches[ 1 ] ](icon);
         }
-        else if (faLaRE.test(icon) === true) {
+        else if (faLaRE.test(icon) === true || fa6RE.test(icon) === true) {
           cls = icon;
         }
         else if (ionRE.test(icon) === true) {
@@ -3767,34 +3771,41 @@
       },
 
       __onKeydown: function __onKeydown (e) {
-        if (isKeyCode(e, [ 13, 32 ]) === true) {
-          stopAndPrevent(e);
+        this.$emit('keydown', e);
 
+        if (isKeyCode(e, [ 13, 32 ]) === true) {
           if (keyboardTarget !== this.$el) {
             keyboardTarget !== void 0 && this.__cleanup();
 
-            // focus external button if the focus helper was focused before
-            this.$el.focus();
+            if (e.defaultPrevented !== true) {
+              // focus external button if the focus helper was focused before
+              this.$el.focus();
 
-            keyboardTarget = this.$el;
-            this.$el.classList.add('q-btn--active');
-            document.addEventListener('keyup', this.__onPressEnd, true);
-            this.$el.addEventListener('blur', this.__onPressEnd, passiveCapture);
+              keyboardTarget = this.$el;
+              this.$el.classList.add('q-btn--active');
+              document.addEventListener('keyup', this.__onPressEnd, true);
+              this.$el.addEventListener('blur', this.__onPressEnd, passiveCapture);
+            }
           }
-        }
 
-        this.$emit('keydown', e);
+          stopAndPrevent(e);
+        }
       },
 
       __onTouchstart: function __onTouchstart (e) {
         var this$1 = this;
 
+        this.$emit('touchstart', e);
+
         if (touchTarget !== this.$el) {
           touchTarget !== void 0 && this.__cleanup();
-          touchTarget = this.$el;
-          var target = this.touchTargetEl = e.target;
-          target.addEventListener('touchcancel', this.__onPressEnd, passiveCapture);
-          target.addEventListener('touchend', this.__onPressEnd, passiveCapture);
+
+          if (e.defaultPrevented !== true) {
+            touchTarget = this.$el;
+            var target = this.touchTargetEl = e.target;
+            target.addEventListener('touchcancel', this.__onPressEnd, passiveCapture);
+            target.addEventListener('touchend', this.__onPressEnd, passiveCapture);
+          }
         }
 
         // avoid duplicated mousedown event
@@ -3804,20 +3815,21 @@
         this.mouseTimer = setTimeout(function () {
           this$1.avoidMouseRipple = false;
         }, 200);
-
-        this.$emit('touchstart', e);
       },
 
       __onMousedown: function __onMousedown (e) {
+        e.qSkipRipple = this.avoidMouseRipple === true;
+        this.$emit('mousedown', e);
+
         if (mouseTarget !== this.$el) {
           mouseTarget !== void 0 && this.__cleanup();
-          mouseTarget = this.$el;
-          this.$el.classList.add('q-btn--active');
-          document.addEventListener('mouseup', this.__onPressEnd, passiveCapture);
-        }
 
-        e.qSkipRipple = this.avoidMouseRipple === true;
-        this.$emit('mousedown', e);
+          if (e.defaultPrevented !== true) {
+            mouseTarget = this.$el;
+            this.$el.classList.add('q-btn--active');
+            document.addEventListener('mouseup', this.__onPressEnd, passiveCapture);
+          }
+        }
       },
 
       __onPressEnd: function __onPressEnd (e) {
@@ -6996,10 +7008,21 @@
     return a !== a && b !== b // eslint-disable-line no-self-compare
   }
 
+  // not perfect, but what we ARE interested is for Arrays not to slip in
+  // as spread operator will mess things up in various areas
+  // see https://jsbench.me/tbl0iliyax/1
+  function isObject (v) {
+    return v !== null && typeof v === 'object' && Array.isArray(v) !== true
+  }
+
   function isDate (v) {
     return Object.prototype.toString.call(v) === '[object Date]'
   }
 
+  function isRegexp (v) {
+    return Object.prototype.toString.call(v) === '[object RegExp]'
+  }
+
   function isNumber (v) {
     return typeof v === 'number' && isFinite(v)
   }
@@ -9034,7 +9057,7 @@
         if (typeof def === 'function') {
           return this.markerTicks.map(function (value) {
             var item = def(value);
-            return Object(item) === item ? Object.assign({}, item, {value: value}) : { value: value, label: item }
+            return isObject(item) === true ? Object.assign({}, item, {value: value}) : { value: value, label: item }
           })
         }
 
@@ -9046,14 +9069,14 @@
 
         if (Array.isArray(def) === true) {
           return def
-            .map(function (item) { return (Object(item) === item ? item : { value: item }); })
+            .map(function (item) { return (isObject(item) === true ? item : { value: item }); })
             .filter(filterFn)
         }
 
         return Object.keys(def).map(function (key) {
           var item = def[ key ];
           var value = Number(key);
-          return Object(item) === item ? Object.assign({}, item, {value: value}) : { value: value, label: item }
+          return isObject(item) === true ? Object.assign({}, item, {value: value}) : { value: value, label: item }
         }).filter(filterFn)
       },
 
@@ -11764,7 +11787,9 @@
 
     methods: {
       __getLocale: function __getLocale () {
-        return this.locale || this.$q.lang.date
+        return this.locale !== void 0
+          ? Object.assign({}, this.$q.lang.date, this.locale)
+          : this.$q.lang.date
       },
 
       __getCurrentDate: function __getCurrentDate (dateOnly) {
@@ -12977,7 +13002,7 @@
 
         var fn = function (date) { return this$1.__decodeString(date, this$1.innerMask, this$1.innerLocale); };
         return this.normalizedModel
-          .filter(function (date) { return Object(date) === date && date.from !== void 0 && date.to !== void 0; })
+          .filter(function (date) { return isObject(date) === true && date.from !== void 0 && date.to !== void 0; })
           .map(function (range) { return ({ from: fn(range.from), to: fn(range.to) }); })
           .filter(function (range) { return range.from.dateHash !== null && range.to.dateHash !== null && range.from.dateHash < range.to.dateHash; })
       },
@@ -16763,53 +16788,23 @@
 
   Object.defineProperties( Caret.prototype, prototypeAccessors );
 
-  var
-    toString = Object.prototype.toString,
-    hasOwn = Object.prototype.hasOwnProperty,
-    class2type = {};
-
-  'Boolean Number String Function Array Date RegExp Object'.split(' ').forEach(function (name) {
-    class2type['[object ' + name + ']'] = name.toLowerCase();
-  });
-
-  function type (obj) {
-    return obj === null ? String(obj) : class2type[toString.call(obj)] || 'object'
-  }
-
-  function isPlainObject (obj) {
-    if (!obj || type(obj) !== 'object') {
-      return false
-    }
-
-    if (obj.constructor &&
-      !hasOwn.call(obj, 'constructor') &&
-      !hasOwn.call(obj.constructor.prototype, 'isPrototypeOf')) {
-      return false
-    }
-
-    var key;
-    for (key in obj) {}
-
-    return key === void 0 || hasOwn.call(obj, key)
-  }
-
   function extend () {
     var arguments$1 = arguments;
 
     var
       options, name, src, copy, copyIsArray, clone,
-      target = arguments[0] || {},
+      target = arguments[ 0 ] || {},
       i = 1,
       deep = false;
     var length = arguments.length;
 
     if (typeof target === 'boolean') {
       deep = target;
-      target = arguments[1] || {};
+      target = arguments[ 1 ] || {};
       i = 2;
     }
 
-    if (Object(target) !== target && type(target) !== 'function') {
+    if (Object(target) !== target && typeof target !== 'function') {
       target = {};
     }
 
@@ -16819,28 +16814,28 @@
     }
 
     for (; i < length; i++) {
-      if ((options = arguments$1[i]) !== null) {
+      if ((options = arguments$1[ i ]) !== null) {
         for (name in options) {
-          src = target[name];
-          copy = options[name];
+          src = target[ name ];
+          copy = options[ name ];
 
           if (target === copy) {
             continue
           }
 
-          if (deep && copy && (isPlainObject(copy) || (copyIsArray = type(copy) === 'array'))) {
+          if (deep && copy && (isObject(copy) === true || (copyIsArray = Array.isArray(copy) === true))) {
             if (copyIsArray) {
               copyIsArray = false;
-              clone = src && type(src) === 'array' ? src : [];
+              clone = src && Array.isArray(src) === true ? src : [];
             }
             else {
-              clone = src && isPlainObject(src) ? src : {};
+              clone = src && isObject(src) === true ? src : {};
             }
 
-            target[name] = extend(deep, clone, copy);
+            target[ name ] = extend(deep, clone, copy);
           }
           else if (copy !== void 0) {
-            target[name] = copy;
+            target[ name ] = copy;
           }
         }
       }
@@ -17509,8 +17504,8 @@
 
             this$1.timer = setTimeout(function () {
               el.style.height = (el.scrollHeight) + "px";
-              this$1.animListener = function (ev) {
-                if (Object(ev) !== ev || ev.target === el) {
+              this$1.animListener = function (evt) {
+                if (Object(evt) !== evt || evt.target === el) {
                   this$1.__end(el, 'show');
                 }
               };
@@ -17535,8 +17530,8 @@
 
             this$1.timer = setTimeout(function () {
               el.style.height = 0;
-              this$1.animListener = function (ev) {
-                if (Object(ev) !== ev || ev.target === el) {
+              this$1.animListener = function (evt) {
+                if (Object(evt) !== evt || evt.target === el) {
                   this$1.__end(el, 'hide');
                 }
               };
@@ -18809,14 +18804,6 @@
           }, this.__getControlContainer(h))
         );
 
-        this.$scopedSlots.append !== void 0 && node.push(
-          h('div', {
-            staticClass: 'q-field__append q-field__marginal row no-wrap items-center',
-            key: 'append',
-            on: this.slotsEvents
-          }, this.$scopedSlots.append())
-        );
-
         this.hasError === true && this.noErrorIcon === false && node.push(
           this.__getInnerAppendNode(h, 'error', [
             h(QIcon, { props: { name: this.$q.iconSet.field.error, color: 'negative' } })
@@ -18847,6 +18834,14 @@
           );
         }
 
+        this.$scopedSlots.append !== void 0 && node.push(
+          h('div', {
+            staticClass: 'q-field__append q-field__marginal row no-wrap items-center',
+            key: 'append',
+            on: this.slotsEvents
+          }, this.$scopedSlots.append())
+        );
+
         this.__getInnerAppend !== void 0 && node.push(
           this.__getInnerAppendNode(h, 'inner-append', this.__getInnerAppend(h))
         );
@@ -19062,10 +19057,16 @@
       this.__onPreRender !== void 0 && this.__onPreRender();
       this.__onPostRender !== void 0 && this.$nextTick(this.__onPostRender);
 
+      var attrs = this.__getControl === void 0 && this.$scopedSlots.control === void 0
+        ? Object.assign({}, this.qAttrs,
+          {'data-autofocus': this.autofocus},
+          this.attrs)
+        : this.attrs;
+
       return h('label', {
         staticClass: 'q-field q-validation-component row no-wrap items-start',
         class: this.classes,
-        attrs: this.attrs
+        attrs: attrs
       }, [
         this.$scopedSlots.before !== void 0 ? h('div', {
           staticClass: 'q-field__before q-field__marginal row no-wrap items-center',
@@ -19315,7 +19316,7 @@
 
       __onDragLeave: function __onDragLeave (e) {
         stopAndPrevent(e);
-        this.dnd = false;
+        e.relatedTarget !== this.$refs.dnd && (this.dnd = false);
       },
 
       __onDrop: function __onDrop (e) {
@@ -19333,6 +19334,7 @@
         if (this.dnd === true) {
           return h('div', {
             staticClass: ("q-" + type + "__dnd absolute-full"),
+            ref: 'dnd',
             on: cache(this, 'dnd', {
               dragenter: stopAndPreventDrag,
               dragover: stopAndPreventDrag,
@@ -19538,6 +19540,7 @@
         if (this.editable === true) {
           data.on = cache(this, 'native', {
             dragover: this.__onDragOver,
+            dragleave: this.__onDragLeave,
             keydown: this.__onKeydown,
             keyup: this.__onKeyup
           });
@@ -21186,7 +21189,7 @@
           ? this.__unmask(masked)
           : masked;
 
-        this.value !== val && this.__emitValue(val, true);
+        String(this.value) !== val && this.__emitValue(val, true);
       },
 
       __moveCursorForPaste: function __moveCursorForPaste (inp, start, end) {
@@ -21488,7 +21491,10 @@
         if (this.hasMask === true) {
           if (this.stopValueWatcher === true) {
             this.stopValueWatcher = false;
-            return
+
+            if (String(v) === this.emitCachedValue) {
+              return
+            }
           }
 
           this.__updateMaskValue(v);
@@ -22020,6 +22026,9 @@
     },
 
     props: {
+      innerMin: Number,
+      innerMax: Number,
+
       step: {
         type: Number,
         default: 1,
@@ -22036,31 +22045,22 @@
     },
 
     data: function data () {
+      var innerMin = this.__getInnerMin(this.innerMin);
+      var innerMax = this.__getInnerMax(this.innerMax);
+
       return {
-        model: this.value,
+        model: this.value === null ? innerMin : between(this.value, innerMin, innerMax),
         dragging: false
       }
     },
 
     watch: {
-      value: function value (value$1) {
-        if (value$1 < this.min) {
-          this.model = this.min;
-        }
-        else if (value$1 > this.max) {
-          this.model = this.max;
-        }
-        else {
-          if (value$1 !== this.model) {
-            this.model = value$1;
-          }
-          return
-        }
+      modelUpdate: function modelUpdate () {
+        this.model = this.value === null
+          ? this.computedInnerMin
+          : between(this.value, this.computedInnerMin, this.computedInnerMax);
 
-        if (this.model !== this.value) {
-          this.$emit('input', this.model);
-          this.$emit('change', this.model);
-        }
+        this.__updateValue(true);
       }
     },
 
@@ -22073,6 +22073,18 @@
         )
       },
 
+      computedInnerMin: function computedInnerMin () {
+        return this.__getInnerMin(this.innerMin)
+      },
+
+      computedInnerMax: function computedInnerMax () {
+        return this.__getInnerMax(this.innerMax)
+      },
+
+      modelUpdate: function modelUpdate () {
+        return ((this.value) + "|" + (this.computedInnerMin) + "|" + (this.computedInnerMax))
+      },
+
       editable: function editable () {
         return this.disable === false && this.readonly === false
       },
@@ -22104,8 +22116,8 @@
       attrs: function attrs () {
         var attrs = {
           role: 'slider',
-          'aria-valuemin': this.min,
-          'aria-valuemax': this.max,
+          'aria-valuemin': this.computedInnerMin,
+          'aria-valuemax': this.computedInnerMax,
           'aria-valuenow': this.value
         };
 
@@ -22121,6 +22133,18 @@
     },
 
     methods: {
+      __getInnerMin: function __getInnerMin (val) {
+        return isNaN(val) === true || this.innerMin < this.min
+          ? this.min
+          : this.innerMin
+      },
+
+      __getInnerMax: function __getInnerMax (val) {
+        return isNaN(val) === true || val > this.max
+          ? this.max
+          : this.innerMax
+      },
+
       __updateCenterPosition: function __updateCenterPosition () {
         var ref = this.$el.getBoundingClientRect();
         var top = ref.top;
@@ -22166,8 +22190,8 @@
 
         this.model = between(
           parseFloat((this.model + offset).toFixed(this.decimals)),
-          this.min,
-          this.max
+          this.computedInnerMin,
+          this.computedInnerMax
         );
 
         this.__updateValue();
@@ -22203,11 +22227,14 @@
           angle = center.left < pos.left ? angle + 90 : 270 - angle;
         }
 
-        if (this.angle) {
+        if (this.$q.lang.rtl === true) {
+          angle = normalizeToInterval(-angle - this.angle, 0, 360);
+        }
+        else if (this.angle) {
           angle = normalizeToInterval(angle - this.angle, 0, 360);
         }
 
-        if (this.$q.lang.rtl === true) {
+        if (this.reverse === true) {
           angle = 360 - angle;
         }
 
@@ -22224,7 +22251,7 @@
           model = parseFloat(model.toFixed(this.decimals));
         }
 
-        model = between(model, this.min, this.max);
+        model = between(model, this.computedInnerMin, this.computedInnerMax);
 
         this.$emit('drag-value', model);
 
@@ -27132,7 +27159,7 @@
           };
 
           if (this$1.$q.platform.is.desktop === true) {
-            itemEvents.mousemove = function () { this$1.setOptionIndex(index); };
+            itemEvents.mousemove = function () { this$1.menu === true && this$1.setOptionIndex(index); };
           }
 
           var option = {
@@ -27430,9 +27457,7 @@
 
         return typeof val === 'function'
           ? val
-          : function (opt) { return Object(opt) === opt && val in opt
-            ? opt[val]
-            : opt; }
+          : function (opt) { return (opt !== null && typeof opt === 'object' && val in opt ? opt[ val ] : opt); }
       },
 
       isOptionSelected: function isOptionSelected (opt) {
@@ -27797,6 +27822,8 @@
         }
         // there can be only one (when dialog is opened the control in dialog should be target)
         else if (this.editable === true) {
+          var attrs$1 = isTarget === true ? this.comboboxAttrs : void 0;
+
           child.push(
             h('div', {
               ref: isTarget === true ? 'target' : void 0,
@@ -27804,7 +27831,7 @@
               staticClass: 'q-select__focus-target',
               attrs: Object.assign({}, {id: isTarget === true ? this.targetUid : void 0,
                 tabindex: this.tabindex},
-                this.comboboxAttrs),
+                attrs$1),
               on: cache(this, 'f-tget', {
                 keydown: this.__onTargetKeydown,
                 keyup: this.__onTargetKeyup,
@@ -27842,7 +27869,9 @@
           );
         }
 
-        return h('div', { staticClass: 'q-field__native row items-center', attrs: this.qAttrs }, child)
+        var attrs = this.useInput === true || isTarget !== true ? void 0 : this.qAttrs;
+
+        return h('div', { staticClass: 'q-field__native row items-center', attrs: attrs }, child)
       },
 
       __getOptions: function __getOptions (h) {
@@ -27909,6 +27938,8 @@
       },
 
       __getInput: function __getInput (h, fromDialog, isTarget) {
+        var attrs = isTarget === true ? Object.assign({}, this.comboboxAttrs, this.qAttrs) : void 0;
+
         var options = {
           ref: isTarget === true ? 'target' : void 0,
           key: 'i_t',
@@ -27917,15 +27948,14 @@
           class: this.computedInputClass,
           domProps: { value: this.inputValue !== void 0 ? this.inputValue : '' },
           attrs: Object.assign({}, {type: 'search'},
-            this.qAttrs,
+            attrs,
             {id: isTarget === true ? this.targetUid : void 0,
             maxlength: this.maxlength, // this is converted to prop by QField
             tabindex: this.tabindex,
             autocomplete: this.autocomplete,
             'data-autofocus': fromDialog === true ? false : this.autofocus,
             disabled: this.disable === true,
-            readonly: this.readonly === true},
-            this.comboboxAttrs),
+            readonly: this.readonly === true}),
           on: this.inputControlEvents
         };
 
@@ -31289,23 +31319,36 @@
 
       hasPrefix: function hasPrefix () {
         return this.step.prefix &&
-          this.isActive === false &&
-          this.isError === false &&
-          this.isDone === false
+          (this.isActive === false || this.stepper.activeIcon === 'none') &&
+          (this.isError === false || this.stepper.errorIcon === 'none') &&
+          (this.isDone === false || this.stepper.doneIcon === 'none')
       },
 
       icon: function icon () {
+        var defaultIcon = this.step.icon || this.stepper.inactiveIcon;
+
         if (this.isActive === true) {
-          return this.step.activeIcon || this.stepper.activeIcon || this.$q.iconSet.stepper.active
+          var icon = this.step.activeIcon || this.stepper.activeIcon;
+          return icon === 'none'
+            ? defaultIcon
+            : icon || this.$q.iconSet.stepper.active
         }
+
         if (this.isError === true) {
-          return this.step.errorIcon || this.stepper.errorIcon || this.$q.iconSet.stepper.error
+          var icon$1 = this.step.errorIcon || this.stepper.errorIcon;
+          return icon$1 === 'none'
+            ? defaultIcon
+            : icon$1 || this.$q.iconSet.stepper.error
         }
+
         if (this.isDisable === false && this.isDone === true) {
-          return this.step.doneIcon || this.stepper.doneIcon || this.$q.iconSet.stepper.done
+          var icon$2 = this.step.doneIcon || this.stepper.doneIcon;
+          return icon$2 === 'none'
+            ? defaultIcon
+            : icon$2 || this.$q.iconSet.stepper.done
         }
 
-        return this.step.icon || this.stepper.inactiveIcon
+        return defaultIcon
       },
 
       color: function color () {
@@ -31332,7 +31375,9 @@
       classes: function classes () {
         return "q-stepper__tab col-grow flex items-center no-wrap relative-position" +
           (this.color !== void 0 ? (" text-" + (this.color)) : '') +
-          (this.isError === true ? ' q-stepper__tab--error' : '') +
+          (this.isError === true
+            ? ' q-stepper__tab--error q-stepper__tab--error-with-' + (this.hasPrefix === true ? 'prefix' : 'icon')
+            : '') +
           (this.isActive === true ? ' q-stepper__tab--active' : '') +
           (this.isDone === true ? ' q-stepper__tab--done' : '') +
           (this.headerNav === true ? ' q-stepper__tab--navigation q-focusable q-hoverable' : '') +
@@ -32626,7 +32671,7 @@
       sort: function sort (col /* String(col name) or Object(col definition) */) {
         var sortOrder = this.columnSortOrder;
 
-        if (col === Object(col)) {
+        if (isObject(col) === true) {
           if (col.sortOrder) {
             sortOrder = col.sortOrder;
           }
@@ -35981,7 +36026,10 @@
           'disabled q-uploader--disable': this.disable
         },
         on: this.canAddFiles === true
-          ? cache(this, 'drag', { dragover: this.__onDragOver })
+          ? cache(this, 'drag', {
+            dragover: this.__onDragOver,
+            dragleave: this.__onDragLeave
+          })
           : null
       }, children)
     }
@@ -37025,7 +37073,7 @@
         if (typeof options.style === 'string') {
           elTo.style.cssText += ' ' + options.style;
         }
-        else if (options.style === Object(options.style)) {
+        else if (isObject(options.style) === true) {
           for (var prop in options.style) {
             elTo.style[prop] = options.style[prop];
           }
@@ -37344,8 +37392,8 @@
           elToClone.style.animation = (options.duration) + "ms " + (options.easing) + " " + (options.delay) + "ms " + animationDirection + " " + (options.fill) + " " + qAnimId + "-to";
           elTo.style.animation = (options.duration) + "ms " + (options.easing) + " " + (options.delay) + "ms " + animationDirection + " " + (options.fill) + " " + qAnimId;
 
-          var cleanup$1 = function (ev) {
-            if (ev === Object(ev) && ev.animationName !== qAnimId) {
+          var cleanup$1 = function (evt) {
+            if (evt === Object(evt) && evt.animationName !== qAnimId) {
               return
             }
 
@@ -39170,7 +39218,7 @@
 
       spinner: function spinner () {
         if (this.progress !== false) {
-          return Object(this.progress) === this.progress
+          return isObject(this.progress) === true
             ? {
               component: this.progress.spinner || QSpinner,
               props: { color: this.progress.color || this.vmColor }
@@ -39187,7 +39235,7 @@
       },
 
       okLabel: function okLabel () {
-        return Object(this.ok) === this.ok
+        return isObject(this.ok) === true
           ? this.$q.lang.label.ok
           : (
             this.ok === true
@@ -39197,7 +39245,7 @@
       },
 
       cancelLabel: function cancelLabel () {
-        return Object(this.cancel) === this.cancel
+        return isObject(this.cancel) === true
           ? this.$q.lang.label.cancel
           : (
             this.cancel === true
@@ -39226,14 +39274,14 @@
           label: this.okLabel,
           ripple: false,
           disable: this.okDisabled},
-          (Object(this.ok) === this.ok ? this.ok : { flat: true }))
+          (isObject(this.ok) === true ? this.ok : { flat: true }))
       },
 
       cancelProps: function cancelProps () {
         return Object.assign({}, {color: this.vmColor,
           label: this.cancelLabel,
           ripple: false},
-          (Object(this.cancel) === this.cancel ? this.cancel : { flat: true }))
+          (isObject(this.cancel) === true ? this.cancel : { flat: true }))
       }
     },
 
@@ -39460,6 +39508,15 @@
       var props = cfg.loadingBar !== void 0
         ? Object.assign({}, cfg.loadingBar)
         : {};
+      var on = {
+        start: function () {
+          this$1.isActive = true;
+        },
+
+        stop: function () {
+          this$1.isActive = false;
+        }
+      };
 
       var bar = new Vue({
         name: 'LoadingBar',
@@ -39474,22 +39531,17 @@
 
         render: function (h) { return h(QAjaxBar, {
           ref: 'bar',
-          props: props
+          props: props,
+          on: on
         }); }
       }).$mount().$refs.bar;
 
       Object.assign(this, {
-        start: function (speed) {
-          bar.start(speed);
-          this$1.isActive = bar.isActive = true;
-        },
-        stop: function () {
-          var sessions = bar.stop();
-          this$1.isActive = bar.isActive = sessions > 0;
-        },
+        start: bar.start,
+        stop: bar.stop,
         increment: bar.increment,
         setDefaults: function (opts) {
-          opts === Object(opts) && Object.assign(props, opts);
+          isObject(opts) === true && Object.assign(props, opts);
           bar.$parent.$forceUpdate();
         }
       });
@@ -39528,7 +39580,7 @@
 
       if (isSSR === true) { return }
 
-      props$1 = opts === Object(opts) && opts.ignoreDefaults === true
+      props$1 = isObject(opts) === true && opts.ignoreDefaults === true
         ? Object.assign({}, originalDefaults, opts)
         : Object.assign({}, defaults, opts);
 
@@ -39624,7 +39676,7 @@
     },
 
     setDefaults: function setDefaults (opts) {
-      opts === Object(opts) && Object.assign(defaults, opts);
+      isObject(opts) === true && Object.assign(defaults, opts);
     },
 
     install: function install (ref) {
@@ -40019,7 +40071,7 @@
       Object.assign(notif, defaults$1);
     }
 
-    if (Object(config) !== config) {
+    if (isObject(config) === false) {
       if (notif.type) {
         Object.assign(notif, notifTypes[notif.type]);
       }
@@ -40369,7 +40421,8 @@
             if (notif.spinner !== false) {
               mainChild.push(
                 h(notif.spinner, {
-                  staticClass: 'q-notification__spinner q-notification__spinner--' + meta.leftClass
+                  staticClass: 'q-notification__spinner q-notification__spinner--' + meta.leftClass,
+                  props: { color: notif.spinnerColor, size: notif.spinnerSize }
                 })
               );
             }
@@ -40378,7 +40431,7 @@
                 h(QIcon, {
                   staticClass: 'q-notification__icon q-notification__icon--' + meta.leftClass,
                   attrs: { role: 'img' },
-                  props: { name: notif.icon }
+                  props: { name: notif.icon, color: notif.iconColor, size: notif.iconSize }
                 })
               );
             }
@@ -40482,13 +40535,13 @@
 
   var Notify = {
     setDefaults: function setDefaults (opts) {
-      if (isSSR !== true && opts === Object(opts)) {
+      if (isSSR !== true && isObject(opts) === true) {
         Object.assign(defaults$1, opts);
       }
     },
 
     registerType: function registerType (typeName, typeOpts) {
-      if (isSSR !== true && typeOpts === Object(typeOpts)) {
+      if (isSSR !== true && isObject(typeOpts) === true) {
         notifTypes[typeName] = typeOpts;
       }
     },
@@ -40529,10 +40582,10 @@
   };
 
   function encode$1 (value) {
-    if (Object.prototype.toString.call(value) === '[object Date]') {
+    if (isDate(value) === true) {
       return '__q_date|' + value.toUTCString()
     }
-    if (Object.prototype.toString.call(value) === '[object RegExp]') {
+    if (isRegexp(value) === true) {
       return '__q_expr|' + value.source
     }
     if (typeof value === 'number') {