quasar 2.5.1 → 2.5.5

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.5.1
+ * Quasar Framework v2.5.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -635,11 +635,15 @@
 
       const { visualViewport } = window;
       const target = visualViewport || window;
-      const getSize = visualViewport === void 0
-        ? () => [ window.innerWidth, window.innerHeight ]
+      const scrollingElement = document.scrollingElement || document.documentElement;
+      const getSize = visualViewport === void 0 || client.is.mobile === true
+        ? () => [
+            Math.max(window.innerWidth, scrollingElement.clientWidth),
+            Math.max(window.innerHeight, scrollingElement.clientHeight)
+          ]
         : () => [
-            visualViewport.width * visualViewport.scale + window.innerWidth - document.scrollingElement.clientWidth,
-            visualViewport.height * visualViewport.scale + window.innerHeight - document.scrollingElement.clientHeight
+            visualViewport.width * visualViewport.scale + window.innerWidth - scrollingElement.clientWidth,
+            visualViewport.height * visualViewport.scale + window.innerHeight - scrollingElement.clientHeight
           ];
 
       const classes = $q.config.screen !== void 0 && $q.config.screen.bodyClasses === true;
@@ -1397,6 +1401,144 @@
     globalConfigIsFrozen = true;
   }
 
+  const
+    hasMap = typeof Map === 'function',
+    hasSet = typeof Set === 'function',
+    hasArrayBuffer = typeof ArrayBuffer === 'function';
+
+  function isDeepEqual (a, b) {
+    if (a === b) {
+      return true
+    }
+
+    if (a !== null && b !== null && typeof a === 'object' && typeof b === 'object') {
+      if (a.constructor !== b.constructor) {
+        return false
+      }
+
+      let length, i;
+
+      if (a.constructor === Array) {
+        length = a.length;
+
+        if (length !== b.length) {
+          return false
+        }
+
+        for (i = length; i-- !== 0;) {
+          if (isDeepEqual(a[ i ], b[ i ]) !== true) {
+            return false
+          }
+        }
+
+        return true
+      }
+
+      if (hasMap === true && a.constructor === Map) {
+        if (a.size !== b.size) {
+          return false
+        }
+
+        i = a.entries().next();
+        while (i.done !== true) {
+          if (b.has(i.value[ 0 ]) !== true) {
+            return false
+          }
+          i = i.next();
+        }
+
+        i = a.entries().next();
+        while (i.done !== true) {
+          if (isDeepEqual(i.value[ 1 ], b.get(i.value[ 0 ])) !== true) {
+            return false
+          }
+          i = i.next();
+        }
+
+        return true
+      }
+
+      if (hasSet === true && a.constructor === Set) {
+        if (a.size !== b.size) {
+          return false
+        }
+
+        i = a.entries().next();
+        while (i.done !== true) {
+          if (b.has(i.value[ 0 ]) !== true) {
+            return false
+          }
+          i = i.next();
+        }
+
+        return true
+      }
+
+      if (hasArrayBuffer === true && a.buffer != null && a.buffer.constructor === ArrayBuffer) {
+        length = a.length;
+
+        if (length !== b.length) {
+          return false
+        }
+
+        for (i = length; i-- !== 0;) {
+          if (a[ i ] !== b[ i ]) {
+            return false
+          }
+        }
+
+        return true
+      }
+
+      if (a.constructor === RegExp) {
+        return a.source === b.source && a.flags === b.flags
+      }
+
+      if (a.valueOf !== Object.prototype.valueOf) {
+        return a.valueOf() === b.valueOf()
+      }
+
+      if (a.toString !== Object.prototype.toString) {
+        return a.toString() === b.toString()
+      }
+
+      const keys = Object.keys(a).filter(key => a[ key ] !== void 0);
+      length = keys.length;
+
+      if (length !== Object.keys(b).filter(key => b[ key ] !== void 0).length) {
+        return false
+      }
+
+      for (i = length; i-- !== 0;) {
+        const key = keys[ i ];
+        if (isDeepEqual(a[ key ], b[ key ]) !== true) {
+          return false
+        }
+      }
+
+      return true
+    }
+
+    // true if both NaN, false otherwise
+    return a !== a && b !== b // eslint-disable-line no-self-compare
+  }
+
+  function isPlainObject (v) {
+    return Object.prototype.toString.call(v) === '[object Object]'
+  }
+
+  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)
+  }
+
   const autoInstalledPlugins = [
     Platform,
     Body,
@@ -1432,13 +1574,13 @@
     installPlugins(pluginOpts, autoInstalledPlugins);
 
     uiOpts.components !== void 0 && Object.values(uiOpts.components).forEach(c => {
-      if (Object(c) === c && c.name !== void 0) {
+      if (isPlainObject(c) === true && c.name !== void 0) {
         app.component(c.name, c);
       }
     });
 
     uiOpts.directives !== void 0 && Object.values(uiOpts.directives).forEach(d => {
-      if (Object(d) === d && d.name !== void 0) {
+      if (isPlainObject(d) === true && d.name !== void 0) {
         app.directive(d.name, d);
       }
     });
@@ -1459,7 +1601,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.5.1' };
+      const $q = { version: '2.5.5' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -1955,7 +2097,7 @@
         let cls;
         let icon = props.name;
 
-        if (!icon) {
+        if (icon === 'none' || !icon) {
           return { none: true }
         }
 
@@ -1964,6 +2106,9 @@
           if (res !== void 0) {
             if (res.icon !== void 0) {
               icon = res.icon;
+              if (icon === 'none' || !icon) {
+                return { none: true }
+              }
             }
             else {
               return {
@@ -2700,7 +2845,7 @@
       prevent(e);
 
       return proxy.$router[ props.replace === true ? 'replace' : 'push' ](props.to)
-        .catch(() => {})
+        .catch(err => err)
     }
 
     return {
@@ -6515,136 +6660,6 @@
     }
   }
 
-  const
-    hasMap = typeof Map === 'function',
-    hasSet = typeof Set === 'function',
-    hasArrayBuffer = typeof ArrayBuffer === 'function';
-
-  function isDeepEqual (a, b) {
-    if (a === b) {
-      return true
-    }
-
-    if (a !== null && b !== null && typeof a === 'object' && typeof b === 'object') {
-      if (a.constructor !== b.constructor) {
-        return false
-      }
-
-      let length, i;
-
-      if (a.constructor === Array) {
-        length = a.length;
-
-        if (length !== b.length) {
-          return false
-        }
-
-        for (i = length; i-- !== 0;) {
-          if (isDeepEqual(a[ i ], b[ i ]) !== true) {
-            return false
-          }
-        }
-
-        return true
-      }
-
-      if (hasMap === true && a.constructor === Map) {
-        if (a.size !== b.size) {
-          return false
-        }
-
-        i = a.entries().next();
-        while (i.done !== true) {
-          if (b.has(i.value[ 0 ]) !== true) {
-            return false
-          }
-          i = i.next();
-        }
-
-        i = a.entries().next();
-        while (i.done !== true) {
-          if (isDeepEqual(i.value[ 1 ], b.get(i.value[ 0 ])) !== true) {
-            return false
-          }
-          i = i.next();
-        }
-
-        return true
-      }
-
-      if (hasSet === true && a.constructor === Set) {
-        if (a.size !== b.size) {
-          return false
-        }
-
-        i = a.entries().next();
-        while (i.done !== true) {
-          if (b.has(i.value[ 0 ]) !== true) {
-            return false
-          }
-          i = i.next();
-        }
-
-        return true
-      }
-
-      if (hasArrayBuffer === true && a.buffer != null && a.buffer.constructor === ArrayBuffer) {
-        length = a.length;
-
-        if (length !== b.length) {
-          return false
-        }
-
-        for (i = length; i-- !== 0;) {
-          if (a[ i ] !== b[ i ]) {
-            return false
-          }
-        }
-
-        return true
-      }
-
-      if (a.constructor === RegExp) {
-        return a.source === b.source && a.flags === b.flags
-      }
-
-      if (a.valueOf !== Object.prototype.valueOf) {
-        return a.valueOf() === b.valueOf()
-      }
-
-      if (a.toString !== Object.prototype.toString) {
-        return a.toString() === b.toString()
-      }
-
-      const keys = Object.keys(a).filter(key => a[ key ] !== void 0);
-      length = keys.length;
-
-      if (length !== Object.keys(b).filter(key => b[ key ] !== void 0).length) {
-        return false
-      }
-
-      for (i = length; i-- !== 0;) {
-        const key = keys[ i ];
-        if (isDeepEqual(a[ key ], b[ key ]) !== true) {
-          return false
-        }
-      }
-
-      return true
-    }
-
-    // true if both NaN, false otherwise
-    return a !== a && b !== b // eslint-disable-line no-self-compare
-  }
-
-  function isDate (v) {
-    return Object.prototype.toString.call(v) === '[object Date]'
-  }
-
-  function isNumber (v) {
-    return typeof v === 'number' && isFinite(v)
-  }
-
   const navigationPositionOptions = [ 'top', 'right', 'bottom', 'left' ];
   const controlTypeOptions = [ 'regular', 'flat', 'outline', 'push', 'unelevated' ];
 
@@ -8560,7 +8575,7 @@
       if (typeof def === 'function') {
         return markerTicks.value.map(value => {
           const item = def(value);
-          return Object(item) === item ? { ...item, value } : { value, label: item }
+          return isPlainObject(item) === true ? { ...item, value } : { value, label: item }
         })
       }
 
@@ -8568,14 +8583,14 @@
 
       if (Array.isArray(def) === true) {
         return def
-          .map(item => (Object(item) === item ? item : { value: item }))
+          .map(item => (isPlainObject(item) === true ? item : { value: item }))
           .filter(filterFn)
       }
 
       return Object.keys(def).map(key => {
         const item = def[ key ];
         const value = Number(key);
-        return Object(item) === item ? { ...item, value } : { value, label: item }
+        return isPlainObject(item) === true ? { ...item, value } : { value, label: item }
       }).filter(filterFn)
     }
 
@@ -9907,9 +9922,12 @@
                 $tabs.avoidRouteWatcher = false;
               }
               else {
-                res.then(() => {
+                res.then(err => {
                   $tabs.avoidRouteWatcher = false;
-                  $tabs.updateModel({ name: props.name, fromRoute: true });
+
+                  if (err === void 0) {
+                    $tabs.updateModel({ name: props.name, fromRoute: true });
+                  }
                 });
               }
             };
@@ -9966,12 +9984,12 @@
       props.alert !== false && content.push(
         props.alertIcon !== void 0
           ? vue.h(QIcon, {
-              class: 'q-tab__alert-icon',
-              color: props.alert !== true
-                ? props.alert
-                : void 0,
-              name: props.alertIcon
-            })
+            class: 'q-tab__alert-icon',
+            color: props.alert !== true
+              ? props.alert
+              : void 0,
+            name: props.alertIcon
+          })
           : vue.h('div', {
             class: 'q-tab__alert'
               + (props.alert !== true ? ` text-${ props.alert }` : '')
@@ -11571,7 +11589,9 @@
     });
 
     function getLocale () {
-      return props.locale || $q.lang.date
+      return props.locale !== void 0
+        ? { ...$q.lang.date, ...props.locale }
+        : $q.lang.date
     }
 
     function getCurrentDate (dateOnly) {
@@ -12763,7 +12783,7 @@
       const rangeModel = vue.computed(() => {
         const fn = date => decodeString(date, innerMask.value, innerLocale.value);
         return normalizedModel.value
-          .filter(date => Object(date) === date && date.from !== void 0 && date.to !== void 0)
+          .filter(date => isPlainObject(date) === true && date.from !== void 0 && date.to !== void 0)
           .map(range => ({ from: fn(range.from), to: fn(range.to) }))
           .filter(range => range.from.dateHash !== null && range.to.dateHash !== null && range.from.dateHash < range.to.dateHash)
       });
@@ -13816,24 +13836,24 @@
               }, days.value.map(day => vue.h('div', { class: day.classes }, [
                 day.in === true
                   ? vue.h(
-                      QBtn, {
-                        class: day.today === true ? 'q-date__today' : '',
-                        dense: true,
-                        flat: day.flat,
-                        unelevated: day.unelevated,
-                        color: day.color,
-                        textColor: day.textColor,
-                        label: day.i,
-                        tabindex: tabindex.value,
-                        ...getCache('day#' + day.i, {
-                          onClick: () => { onDayClick(day.i); },
-                          onMouseover: () => { onDayMouseover(day.i); }
-                        })
-                      },
-                      day.event !== false
-                        ? () => vue.h('div', { class: 'q-date__event bg-' + day.event })
-                        : null
-                    )
+                    QBtn, {
+                      class: day.today === true ? 'q-date__today' : '',
+                      dense: true,
+                      flat: day.flat,
+                      unelevated: day.unelevated,
+                      color: day.color,
+                      textColor: day.textColor,
+                      label: day.i,
+                      tabindex: tabindex.value,
+                      ...getCache('day#' + day.i, {
+                        onClick: () => { onDayClick(day.i); },
+                        onMouseover: () => { onDayMouseover(day.i); }
+                      })
+                    },
+                    day.event !== false
+                      ? () => vue.h('div', { class: 'q-date__event bg-' + day.event })
+                      : null
+                  )
                   : vue.h('div', '' + day.i)
               ]))))
             ])
@@ -16516,36 +16536,6 @@
     return acc
   }
 
-  const
-    toString = Object.prototype.toString,
-    hasOwn = Object.prototype.hasOwnProperty,
-    class2type = {};
-
-  'Boolean Number String Function Array Date RegExp Object'.split(' ').forEach(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
-    }
-
-    let key;
-    for (key in obj) {} // eslint-disable-line
-
-    return key === undefined || hasOwn.call(obj, key)
-  }
-
   function extend () {
     let
       options, name, src, copy, copyIsArray, clone,
@@ -16560,7 +16550,7 @@
       i = 2;
     }
 
-    if (Object(target) !== target && type(target) !== 'function') {
+    if (Object(target) !== target && typeof target !== 'function') {
       target = {};
     }
 
@@ -16579,18 +16569,18 @@
             continue
           }
 
-          if (deep && copy && (isPlainObject(copy) || (copyIsArray = type(copy) === 'array'))) {
+          if (deep && copy && (isPlainObject(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 && isPlainObject(src) === true ? src : {};
             }
 
             target[ name ] = extend(deep, clone, copy);
           }
-          else if (copy !== undefined) {
+          else if (copy !== void 0) {
             target[ name ] = copy;
           }
         }
@@ -17226,8 +17216,8 @@
 
         timer = setTimeout(() => {
           el.style.height = `${ el.scrollHeight }px`;
-          animListener = ev => {
-            if (Object(ev) !== ev || ev.target === el) {
+          animListener = evt => {
+            if (Object(evt) !== evt || evt.target === el) {
               end(el, 'show');
             }
           };
@@ -17252,8 +17242,8 @@
 
         timer = setTimeout(() => {
           el.style.height = 0;
-          animListener = ev => {
-            if (Object(ev) !== ev || ev.target === el) {
+          animListener = evt => {
+            if (Object(evt) !== evt || evt.target === el) {
               end(el, 'hide');
             }
           };
@@ -19125,7 +19115,7 @@
       ...props
     },
 
-    emits: Object(emits) === emits
+    emits: isPlainObject(emits) === true
       ? { ...coreEmitsObject, ...emits }
       : [ ...coreEmits, ...emits ],
 
@@ -19679,7 +19669,7 @@
         if (typeof options.style === 'string') {
           elTo.style.cssText += ' ' + options.style;
         }
-        else if (options.style === Object(options.style)) {
+        else if (isPlainObject(options.style) === true) {
           for (const prop in options.style) {
             elTo.style[ prop ] = options.style[ prop ];
           }
@@ -20116,8 +20106,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 }`;
 
-          const cleanup = ev => {
-            if (ev === Object(ev) && ev.animationName !== qAnimId) {
+          const cleanup = evt => {
+            if (evt === Object(evt) && evt.animationName !== qAnimId) {
               return
             }
 
@@ -20180,24 +20170,24 @@
           : (
               options.waitFor === 'transitionend'
                 ? new Promise(resolve => {
-                    const timer = setTimeout(() => {
-                      endFn();
-                    }, 400);
+                  const timer = setTimeout(() => {
+                    endFn();
+                  }, 400);
 
-                    const endFn = ev => {
-                      clearTimeout(timer);
+                  const endFn = ev => {
+                    clearTimeout(timer);
 
-                      if (elTo) {
-                        elTo.removeEventListener('transitionend', endFn);
-                        elTo.removeEventListener('transitioncancel', endFn);
-                      }
+                    if (elTo) {
+                      elTo.removeEventListener('transitionend', endFn);
+                      elTo.removeEventListener('transitioncancel', endFn);
+                    }
 
-                      resolve();
-                    };
+                    resolve();
+                  };
 
-                    elTo.addEventListener('transitionend', endFn);
-                    elTo.addEventListener('transitioncancel', endFn);
-                  })
+                  elTo.addEventListener('transitionend', endFn);
+                  elTo.addEventListener('transitioncancel', endFn);
+                })
                 : options.waitFor
             );
 
@@ -22903,7 +22893,7 @@
         ? unmaskValue(masked)
         : masked;
 
-      props.modelValue !== val && emitValue(val, true);
+      String(props.modelValue) !== val && emitValue(val, true);
     }
 
     function moveCursorForPaste (inp, start, end) {
@@ -23798,6 +23788,9 @@
         required: true
       },
 
+      innerMin: Number,
+      innerMax: Number,
+
       step: {
         type: Number,
         default: 1,
@@ -23822,27 +23815,33 @@
       const model = vue.ref(props.modelValue);
       const dragging = vue.ref(false);
 
-      let centerPosition, $el;
+      const innerMin = vue.computed(() => (
+        isNaN(props.innerMin) === true || props.innerMin < props.min
+          ? props.min
+          : props.innerMin
+      ));
+      const innerMax = vue.computed(() => (
+        isNaN(props.innerMax) === true || props.innerMax > props.max
+          ? props.max
+          : props.innerMax
+      ));
 
-      vue.watch(() => props.modelValue, val => {
-        if (val < props.min) {
-          model.value = props.min;
-        }
-        else if (val > props.max) {
-          model.value = props.max;
-        }
-        else {
-          if (val !== model.value) {
-            model.value = val;
-          }
-          return
-        }
+      let centerPosition;
 
-        if (model.value !== props.modelValue) {
-          emit('update:modelValue', model.value);
-          emit('change', model.value);
-        }
-      });
+      function normalizeModel () {
+        model.value = props.modelValue === null
+          ? innerMin.value
+          : between(props.modelValue, innerMin.value, innerMax.value);
+
+        updateValue(true);
+      }
+
+      vue.watch(
+        () => `${ props.modelValue }|${ innerMin.value }|${ innerMax.value }`,
+        normalizeModel
+      );
+
+      normalizeModel();
 
       const editable = vue.computed(() => props.disable === false && props.readonly === false);
 
@@ -23910,7 +23909,7 @@
       });
 
       function updateCenterPosition () {
-        const { top, left, width, height } = $el.getBoundingClientRect();
+        const { top, left, width, height } = proxy.$el.getBoundingClientRect();
         centerPosition = {
           top: top + height / 2,
           left: left + width / 2
@@ -23940,8 +23939,8 @@
 
         model.value = between(
           parseFloat((model.value + offset).toFixed(decimals.value)),
-          props.min,
-          props.max
+          innerMin.value,
+          innerMax.value
         );
 
         updateValue();
@@ -23984,7 +23983,7 @@
           newModel = parseFloat(newModel.toFixed(decimals.value));
         }
 
-        newModel = between(newModel, props.min, props.max);
+        newModel = between(newModel, innerMin.value, innerMax.value);
 
         emit('drag-value', newModel);
 
@@ -24012,16 +24011,12 @@
         return vue.h('input', formAttrs.value)
       }
 
-      vue.onMounted(() => {
-        $el = proxy.$el;
-      });
-
       return () => {
         const data = {
           class: classes.value,
           role: 'slider',
-          'aria-valuemin': props.min,
-          'aria-valuemax': props.max,
+          'aria-valuemin': innerMin.value,
+          'aria-valuemax': innerMax.value,
           'aria-valuenow': props.modelValue,
           ...attrs.value,
           ...circularProps.value,
@@ -24034,18 +24029,18 @@
           default: slots.default
         };
 
-        if (editable.value === true) {
-          if (props.name !== void 0) {
-            child.internal = getNameInput;
-          }
-
-          return vue.withDirectives(
-            vue.h(QCircularProgress, data, child),
-            directives.value
-          )
+        if (editable.value === true && props.name !== void 0) {
+          child.internal = getNameInput;
         }
 
-        return vue.h(QCircularProgress, data, child)
+        return hDir(
+          QCircularProgress,
+          data,
+          child,
+          'knob',
+          editable.value,
+          () => directives.value
+        )
       }
     }
   });
@@ -28447,7 +28442,7 @@
             itemProps[ 'aria-selected' ] = itemProps.active === true ? 'true' : 'false';
 
             if ($q.platform.is.desktop === true) {
-              itemProps.onMousemove = () => { setOptionIndex(index); };
+              itemProps.onMousemove = () => { menu.value === true && setOptionIndex(index); };
             }
           }
 
@@ -28712,7 +28707,7 @@
 
         return typeof val === 'function'
           ? val
-          : opt => (Object(opt) === opt && val in opt ? opt[ val ] : opt)
+          : opt => (isPlainObject(opt) === true && val in opt ? opt[ val ] : opt)
       }
 
       function isOptionSelected (opt) {
@@ -29495,6 +29490,7 @@
       Object.assign(proxy, {
         showPopup, hidePopup,
         removeAtIndex, add, toggleOption,
+        getOptionIndex: () => optionIndex.value,
         setOptionIndex, moveOptionSelection,
         filter, updateMenuPosition, updateInputValue,
         isOptionSelected,
@@ -32130,23 +32126,36 @@
 
       const hasPrefix = vue.computed(() => {
         return props.step.prefix
-          && isActive.value === false
-          && isError.value === false
-          && isDone.value === false
+          && (isActive.value === false || props.stepper.activeIcon === 'none')
+          && (isError.value === false || props.stepper.errorIcon === 'none')
+          && (isDone.value === false || props.stepper.doneIcon === 'none')
       });
 
       const icon = vue.computed(() => {
+        const defaultIcon = props.step.icon || props.stepper.inactiveIcon;
+
         if (isActive.value === true) {
-          return props.step.activeIcon || props.stepper.activeIcon || $q.iconSet.stepper.active
+          const icon = props.step.activeIcon || props.stepper.activeIcon;
+          return icon === 'none'
+            ? defaultIcon
+            : icon || $q.iconSet.stepper.active
         }
+
         if (isError.value === true) {
-          return props.step.errorIcon || props.stepper.errorIcon || $q.iconSet.stepper.error
+          const icon = props.step.errorIcon || props.stepper.errorIcon;
+          return icon === 'none'
+            ? defaultIcon
+            : icon || $q.iconSet.stepper.error
         }
+
         if (isDisable.value === false && isDone.value === true) {
-          return props.step.doneIcon || props.stepper.doneIcon || $q.iconSet.stepper.done
+          const icon = props.step.doneIcon || props.stepper.doneIcon;
+          return icon === 'none'
+            ? defaultIcon
+            : icon || $q.iconSet.stepper.done
         }
 
-        return props.step.icon || props.stepper.inactiveIcon
+        return defaultIcon
       });
 
       const color = vue.computed(() => {
@@ -32173,7 +32182,9 @@
       const classes = vue.computed(() => {
         return 'q-stepper__tab col-grow flex items-center no-wrap relative-position'
           + (color.value !== void 0 ? ` text-${ color.value }` : '')
-          + (isError.value === true ? ' q-stepper__tab--error' : '')
+          + (isError.value === true
+            ? ' q-stepper__tab--error q-stepper__tab--error-with-' + (hasPrefix.value === true ? 'prefix' : 'icon')
+            : '')
           + (isActive.value === true ? ' q-stepper__tab--active' : '')
           + (isDone.value === true ? ' q-stepper__tab--done' : '')
           + (headerNav.value === true ? ' q-stepper__tab--navigation q-focusable q-hoverable' : '')
@@ -32802,7 +32813,7 @@
     function sort (col /* String(col name) or Object(col definition) */) {
       let sortOrder = props.columnSortOrder;
 
-      if (col === Object(col)) {
+      if (isPlainObject(col) === true) {
         if (col.sortOrder) {
           sortOrder = col.sortOrder;
         }
@@ -34514,12 +34525,14 @@
       const mask = vue.computed(() => getMask());
       const locale = vue.computed(() => getLocale());
 
+      const defaultDateModel = vue.computed(() => getDefaultDateModel());
+
       const model = __splitDate(
         props.modelValue,
-        getMask(),
-        getLocale(),
+        mask.value, // initial mask
+        locale.value, // initial locale
         props.calendar,
-        getDefaultDateModel()
+        defaultDateModel.value
       );
 
       const view = vue.ref(getViewByModel(model));
@@ -34559,8 +34572,6 @@
         }
       });
 
-      const defaultDateModel = vue.computed(() => getDefaultDateModel());
-
       const computedFormat24h = vue.computed(() => (
         props.format24h !== null
           ? props.format24h
@@ -36053,34 +36064,34 @@
 
             m.lazy === 'loading'
               ? vue.h(QSpinner, {
-                  class: 'q-tree__spinner',
-                  color: computedControlColor.value
-                })
+                class: 'q-tree__spinner',
+                color: computedControlColor.value
+              })
               : (
                   isParent === true
                     ? vue.h(QIcon, {
-                        class: 'q-tree__arrow'
+                      class: 'q-tree__arrow'
                       + (m.expanded === true ? ' q-tree__arrow--rotate' : ''),
-                        name: computedIcon.value,
-                        onClick (e) { onExpandClick(node, m, e); }
-                      })
+                      name: computedIcon.value,
+                      onClick (e) { onExpandClick(node, m, e); }
+                    })
                     : null
                 ),
 
             m.hasTicking === true && m.noTick !== true
               ? vue.h(QCheckbox, {
-                  class: 'q-tree__tickbox',
-                  modelValue: m.indeterminate === true ? null : m.ticked,
-                  color: computedControlColor.value,
-                  dark: isDark.value,
-                  dense: true,
-                  keepColor: true,
-                  disable: m.tickable !== true,
-                  onKeydown: stopAndPrevent,
-                  'onUpdate:modelValue': v => {
-                    onTickedClick(m, v);
-                  }
-                })
+                class: 'q-tree__tickbox',
+                modelValue: m.indeterminate === true ? null : m.ticked,
+                color: computedControlColor.value,
+                dark: isDark.value,
+                dense: true,
+                keepColor: true,
+                disable: m.tickable !== true,
+                onKeydown: stopAndPrevent,
+                'onUpdate:modelValue': v => {
+                  onTickedClick(m, v);
+                }
+              })
               : null,
 
             vue.h('div', {
@@ -36098,22 +36109,22 @@
 
           isParent === true
             ? vue.h(QSlideTransition, {
-                duration: props.duration,
-                onShow,
-                onHide
-              }, () => vue.withDirectives(
+              duration: props.duration,
+              onShow,
+              onHide
+            }, () => vue.withDirectives(
+              vue.h('div', {
+                class: 'q-tree__node-collapsible' + textColorClass.value,
+                key: `${ key }__q`
+              }, [
+                body,
                 vue.h('div', {
-                  class: 'q-tree__node-collapsible' + textColorClass.value,
-                  key: `${ key }__q`
-                }, [
-                  body,
-                  vue.h('div', {
-                    class: 'q-tree__children'
+                  class: 'q-tree__children'
                     + (m.disabled === true ? ' q-tree__node--disabled' : '')
-                  }, children)
-                ]),
-                [ [ vue.vShow, m.expanded ] ]
-              ))
+                }, children)
+              ]),
+              [ [ vue.vShow, m.expanded ] ]
+            ))
             : body
         ])
       }
@@ -36126,14 +36137,12 @@
       function onClick (node, meta, e, keyboard) {
         keyboard !== true && blur(meta.key);
 
-        if (hasSelection.value) {
-          if (meta.selectable) {
-            if (props.noSelectionUnset === false) {
-              emit('update:selected', meta.key !== props.selected ? meta.key : null);
-            }
-            else if (meta.key !== props.selected) {
-              emit('update:selected', meta.key || null);
-            }
+        if (hasSelection.value && meta.selectable) {
+          if (props.noSelectionUnset === false) {
+            emit('update:selected', meta.key !== props.selected ? meta.key : null);
+          }
+          else if (meta.key !== props.selected) {
+            emit('update:selected', meta.key || null);
           }
         }
         else {
@@ -38282,7 +38291,7 @@
         props.progress === false
           ? null
           : (
-              Object(props.progress) === props.progress
+              isPlainObject(props.progress) === true
                 ? {
                     component: props.progress.spinner || QSpinner,
                     props: { color: props.progress.color || vmColor.value }
@@ -38311,7 +38320,7 @@
       });
 
       const okLabel = vue.computed(() => (
-        Object(props.ok) === props.ok
+        isPlainObject(props.ok) === true
           ? $q.lang.label.ok
           : (
               props.ok === true
@@ -38321,7 +38330,7 @@
       ));
 
       const cancelLabel = vue.computed(() => (
-        Object(props.cancel) === props.cancel
+        isPlainObject(props.cancel) === true
           ? $q.lang.label.cancel
           : (
               props.cancel === true
@@ -38347,7 +38356,7 @@
         label: okLabel.value,
         ripple: false,
         disable: okDisabled.value,
-        ...(Object(props.ok) === props.ok ? props.ok : { flat: true }),
+        ...(isPlainObject(props.ok) === true ? props.ok : { flat: true }),
         'data-autofocus': (props.focus === 'ok' && hasForm.value !== true) || void 0,
         onClick: onOk
       }));
@@ -38356,7 +38365,7 @@
         color: vmColor.value,
         label: cancelLabel.value,
         ripple: false,
-        ...(Object(props.cancel) === props.cancel ? props.cancel : { flat: true }),
+        ...(isPlainObject(props.cancel) === true ? props.cancel : { flat: true }),
         'data-autofocus': (props.focus === 'cancel' && hasForm.value !== true) || void 0,
         onClick: onCancel
       }));
@@ -38403,9 +38412,9 @@
       function getSection (classes, text) {
         return props.html === true
           ? vue.h(QCardSection, {
-              class: classes,
-              innerHTML: text
-            })
+            class: classes,
+            innerHTML: text
+          })
           : vue.h(QCardSection, { class: classes }, () => text)
       }
 
@@ -38584,7 +38593,7 @@
           barRef.value.increment.apply(null, arguments);
         },
         setDefaults (opts) {
-          if (opts === Object(opts)) {
+          if (isPlainObject(opts) === true) {
             Object.assign(props.value, opts);
           }
         }
@@ -38619,7 +38628,7 @@
   }, {
     show (opts) {
 
-      props = opts === Object(opts) && opts.ignoreDefaults === true
+      props = isPlainObject(opts) === true && opts.ignoreDefaults === true
         ? { ...originalDefaults, ...opts }
         : { ...defaults$1, ...opts };
 
@@ -38720,7 +38729,7 @@
 
     setDefaults (opts) {
       {
-        opts === Object(opts) && Object.assign(defaults$1, opts);
+        isPlainObject(opts) === true && Object.assign(defaults$1, opts);
       }
     },
 
@@ -38795,7 +38804,7 @@
       Object.assign(notif, defaults);
     }
 
-    if (Object(config) !== config) {
+    if (isPlainObject(config) === false) {
       if (notif.type) {
         Object.assign(notif, notifTypes[ notif.type ]);
       }
@@ -39119,7 +39128,11 @@
             if (meta.hasMedia === true) {
               if (notif.spinner !== false) {
                 mainChild.push(
-                  vue.h(notif.spinner, { class: 'q-notification__spinner q-notification__spinner--' + meta.leftClass })
+                  vue.h(notif.spinner, {
+                    class: 'q-notification__spinner q-notification__spinner--' + meta.leftClass,
+                    color: notif.spinnerColor,
+                    size: notif.spinnerSize
+                  })
                 );
               }
               else if (notif.icon) {
@@ -39127,6 +39140,8 @@
                   vue.h(QIcon, {
                     class: 'q-notification__icon q-notification__icon--' + meta.leftClass,
                     name: notif.icon,
+                    color: notif.iconColor,
+                    size: notif.iconSize,
                     role: 'img'
                   })
                 );
@@ -39207,12 +39222,12 @@
   var Notify = {
     setDefaults (opts) {
       {
-        opts === Object(opts) && Object.assign(defaults, opts);
+        isPlainObject(opts) === true && Object.assign(defaults, opts);
       }
     },
 
     registerType (typeName, typeOpts) {
-      if (typeOpts === Object(typeOpts)) {
+      if (isPlainObject(typeOpts) === true) {
         notifTypes[ typeName ] = typeOpts;
       }
     },
@@ -39246,10 +39261,10 @@
   };
 
   function encode (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') {
@@ -39516,7 +39531,7 @@
   });
 
   var index_umd = {
-    version: '2.5.1',
+    version: '2.5.5',
     install (app, opts) {
       installQuasar(app, {
         components,