quasar 1.18.0 → 1.18.4

package/dist/quasar.umd.modern.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.18.0
+ * Quasar Framework v1.18.4
  * (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.0";
+  var version = "1.18.4";
 
   /* eslint-disable no-useless-escape */
 
@@ -632,14 +632,18 @@
       }
 
       const { visualViewport } = window;
-      const getSize = visualViewport === void 0
-        ? () => [ window.innerWidth, window.innerHeight ]
+      const target = visualViewport || window;
+      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 target = visualViewport || window;
       const classes = cfg.screen !== void 0 && cfg.screen.bodyClasses === true;
 
       const update = force => {
@@ -11617,8 +11621,8 @@
       days = '(' + dateLocale.days.join('|') + ')',
       key = mask + days;
 
-    if (regexStore[key] !== void 0) {
-      return regexStore[key]
+    if (regexStore[ key ] !== void 0) {
+      return regexStore[ key ]
     }
 
     const
@@ -11736,7 +11740,7 @@
 
         default:
           index--;
-          if (match[0] === '[') {
+          if (match[ 0 ] === '[') {
             match = match.substring(1, match.length - 1);
           }
           return match.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
@@ -11744,7 +11748,7 @@
     });
 
     const res = { map, regex: new RegExp('^' + regexText) };
-    regexStore[key] = res;
+    regexStore[ key ] = res;
 
     return res
   }
@@ -11776,12 +11780,14 @@
 
     const day = date.getDate();
 
-    if (mod.years !== void 0) {
-      year += sign * mod.years;
+    if (mod.year !== void 0) {
+      year += sign * mod.year;
+      delete mod.year;
     }
 
-    if (mod.months !== void 0) {
-      month += sign * mod.months;
+    if (mod.month !== void 0) {
+      month += sign * mod.month;
+      delete mod.month;
     }
 
     date.setDate(1);
@@ -11791,76 +11797,108 @@
     date.setMonth(month);
     date.setDate(Math.min(day, daysInMonth(date)));
 
-    if (mod.days !== void 0) {
-      date.setDate(date.getDate() + sign * mod.days);
+    if (mod.date !== void 0) {
+      date.setDate(date.getDate() + sign * mod.date);
+      delete mod.date;
     }
 
     return date
   }
 
-  const yearMonDay = [ 'years', 'year', 'months', 'month', 'days' ];
+  function applyYearMonthDay (date, mod, middle) {
+    const
+      year = mod.year !== void 0 ? mod.year : date[ `get${middle}FullYear` ](),
+      month = mod.month !== void 0 ? mod.month - 1 : date[ `get${middle}Month` ](),
+      maxDay = (new Date(year, month + 1, 0)).getDate(),
+      day = Math.min(maxDay, mod.date !== void 0 ? mod.date : date[ `get${middle}Date` ]());
+
+    date[ `set${middle}Date` ](1);
+    date[ `set${middle}Month` ](2);
+
+    date[ `set${middle}FullYear` ](year);
+    date[ `set${middle}Month` ](month);
+    date[ `set${middle}Date` ](day);
+
+    delete mod.year;
+    delete mod.month;
+    delete mod.date;
 
-  function getChange (date, mod, sign) {
+    return date
+  }
+
+  function getChange (date, rawMod, sign) {
     const
+      mod = normalizeMod(rawMod),
       d = new Date(date),
-      t = (
-        mod.years !== void 0 || mod.year !== void 0 ||
-        mod.months !== void 0 || mod.month !== void 0 ||
-        mod.days !== void 0
-      )
-        ? applyYearMonthDayChange(d, mod, sign)
+      t = mod.year !== void 0 || mod.month !== void 0 || mod.date !== void 0
+        ? applyYearMonthDayChange(d, mod, sign) // removes year/month/day
         : d;
 
     for (const key in mod) {
-      if (yearMonDay.includes(key) === false) {
-        const op = capitalize(key);
-        t[`set${op}`](t[`get${op}`]() + sign * mod[key]);
-      }
+      const op = capitalize(key);
+      t[ `set${op}` ](t[ `get${op}` ]() + sign * mod[ key ]);
     }
 
     return t
   }
 
-  function applyYearMonthDay (date, mod, middle) {
-    const
-      year = mod.year !== void 0
-        ? mod.year
-        : (mod.years !== void 0 ? mod.years : date[`get${middle}FullYear`]()),
-      month = mod.month !== void 0
-        ? mod.month - 1
-        : (mod.months !== void 0 ? mod.months : date[`get${middle}Month`]()),
-      maxDay = (new Date(year, month + 1, 0)).getDate(),
-      day = Math.min(maxDay, mod.date !== void 0 ? mod.date : date[`get${middle}Date`]());
+  function normalizeMod (mod) {
+    const acc = { ...mod };
 
-    date[`set${middle}Date`](1);
-    date[`set${middle}Month`](2);
+    if (mod.years !== void 0) {
+      acc.year = mod.years;
+      delete acc.years;
+    }
 
-    date[`set${middle}FullYear`](year);
-    date[`set${middle}Month`](month);
-    date[`set${middle}Date`](day);
+    if (mod.months !== void 0) {
+      acc.month = mod.months;
+      delete acc.months;
+    }
 
-    return date
-  }
+    if (mod.days !== void 0) {
+      acc.date = mod.days;
+      delete acc.days;
+    }
+    if (mod.day !== void 0) {
+      acc.date = mod.day;
+      delete acc.day;
+    }
+
+    if (mod.hour !== void 0) {
+      acc.hours = mod.hour;
+      delete acc.hour;
+    }
+
+    if (mod.minute !== void 0) {
+      acc.minutes = mod.minute;
+      delete acc.minute;
+    }
+
+    if (mod.second !== void 0) {
+      acc.seconds = mod.second;
+      delete acc.second;
+    }
+
+    if (mod.millisecond !== void 0) {
+      acc.milliseconds = mod.millisecond;
+      delete acc.millisecond;
+    }
 
-  const yearMonDayAdj = [ 'years', 'year', 'months', 'month', 'days' ];
+    return acc
+  }
 
-  function adjustDate (date, mod, utc) {
+  function adjustDate (date, rawMod, utc) {
     const
+      mod = normalizeMod(rawMod),
       middle = utc === true ? 'UTC' : '',
       d = new Date(date),
-      t = (
-        mod.years !== void 0 || mod.year !== void 0 ||
-        mod.months !== void 0 || mod.month !== void 0 ||
-        mod.days !== void 0
-      )
-        ? applyYearMonthDay(d, mod, middle)
+      t = mod.year !== void 0 || mod.month !== void 0 || mod.date !== void 0
+        ? applyYearMonthDay(d, mod, middle) // removes year/month/day
         : d;
 
     for (const key in mod) {
-      if (yearMonDayAdj.includes(key) === false) {
-        const op = key.charAt(0).toUpperCase() + key.slice(1);
-        t[`set${middle}${op}`](mod[key]);
-      }
+      const op = key.charAt(0).toUpperCase() + key.slice(1);
+      t[ `set${middle}${op}` ](mod[ key ]);
     }
 
     return t
@@ -11931,7 +11969,7 @@
     let tzString = '';
 
     if (map.X !== void 0 || map.x !== void 0) {
-      const stamp = parseInt(match[map.X !== void 0 ? map.X : map.x], 10);
+      const stamp = parseInt(match[ map.X !== void 0 ? map.X : map.x ], 10);
 
       if (isNaN(stamp) === true || stamp < 0) {
         return date
@@ -11949,28 +11987,28 @@
     }
     else {
       if (map.YYYY !== void 0) {
-        date.year = parseInt(match[map.YYYY], 10);
+        date.year = parseInt(match[ map.YYYY ], 10);
       }
       else if (map.YY !== void 0) {
-        const y = parseInt(match[map.YY], 10);
+        const y = parseInt(match[ map.YY ], 10);
         date.year = y < 0 ? y : 2000 + y;
       }
 
       if (map.M !== void 0) {
-        date.month = parseInt(match[map.M], 10);
+        date.month = parseInt(match[ map.M ], 10);
         if (date.month < 1 || date.month > 12) {
           return date
         }
       }
       else if (map.MMM !== void 0) {
-        date.month = monthsShort.indexOf(match[map.MMM]) + 1;
+        date.month = monthsShort.indexOf(match[ map.MMM ]) + 1;
       }
       else if (map.MMMM !== void 0) {
-        date.month = months.indexOf(match[map.MMMM]) + 1;
+        date.month = months.indexOf(match[ map.MMMM ]) + 1;
       }
 
       if (map.D !== void 0) {
-        date.day = parseInt(match[map.D], 10);
+        date.day = parseInt(match[ map.D ], 10);
 
         if (date.year === null || date.month === null || date.day < 1) {
           return date
@@ -11986,14 +12024,14 @@
       }
 
       if (map.H !== void 0) {
-        date.hour = parseInt(match[map.H], 10) % 24;
+        date.hour = parseInt(match[ map.H ], 10) % 24;
       }
       else if (map.h !== void 0) {
-        date.hour = parseInt(match[map.h], 10) % 12;
+        date.hour = parseInt(match[ map.h ], 10) % 12;
         if (
-          (map.A && match[map.A] === 'PM') ||
-          (map.a && match[map.a] === 'pm') ||
-          (map.aa && match[map.aa] === 'p.m.')
+          (map.A && match[ map.A ] === 'PM') ||
+          (map.a && match[ map.a ] === 'pm') ||
+          (map.aa && match[ map.aa ] === 'p.m.')
         ) {
           date.hour += 12;
         }
@@ -12001,20 +12039,20 @@
       }
 
       if (map.m !== void 0) {
-        date.minute = parseInt(match[map.m], 10) % 60;
+        date.minute = parseInt(match[ map.m ], 10) % 60;
       }
 
       if (map.s !== void 0) {
-        date.second = parseInt(match[map.s], 10) % 60;
+        date.second = parseInt(match[ map.s ], 10) % 60;
       }
 
       if (map.S !== void 0) {
-        date.millisecond = parseInt(match[map.S], 10) * 10 ** (3 - match[map.S].length);
+        date.millisecond = parseInt(match[ map.S ], 10) * 10 ** (3 - match[ map.S ].length);
       }
 
       if (map.Z !== void 0 || map.ZZ !== void 0) {
-        tzString = (map.Z !== void 0 ? match[map.Z].replace(':', '') : match[map.ZZ]);
-        date.timezoneOffset = (tzString[0] === '+' ? -1 : 1) * (60 * tzString.slice(1, 3) + 1 * tzString.slice(3, 5));
+        tzString = (map.Z !== void 0 ? match[ map.Z ].replace(':', '') : match[ map.ZZ ]);
+        date.timezoneOffset = (tzString[ 0 ] === '+' ? -1 : 1) * (60 * tzString.slice(1, 3) + 1 * tzString.slice(3, 5));
       }
     }
 
@@ -12094,17 +12132,24 @@
 
     switch (unit) {
       case 'year':
-        t[`${prefix}Month`](0);
+      case 'years':
+        t[ `${prefix}Month` ](0);
       case 'month':
-        t[`${prefix}Date`](1);
+      case 'months':
+        t[ `${prefix}Date` ](1);
       case 'day':
-        t[`${prefix}Hours`](0);
+      case 'days':
+      case 'date':
+        t[ `${prefix}Hours` ](0);
       case 'hour':
-        t[`${prefix}Minutes`](0);
+      case 'hours':
+        t[ `${prefix}Minutes` ](0);
       case 'minute':
-        t[`${prefix}Seconds`](0);
+      case 'minutes':
+        t[ `${prefix}Seconds` ](0);
       case 'second':
-        t[`${prefix}Milliseconds`](0);
+      case 'seconds':
+        t[ `${prefix}Milliseconds` ](0);
     }
     return t
   }
@@ -12116,17 +12161,24 @@
 
     switch (unit) {
       case 'year':
-        t[`${prefix}Month`](11);
+      case 'years':
+        t[ `${prefix}Month` ](11);
       case 'month':
-        t[`${prefix}Date`](daysInMonth(t));
+      case 'months':
+        t[ `${prefix}Date` ](daysInMonth(t));
       case 'day':
-        t[`${prefix}Hours`](23);
+      case 'days':
+      case 'date':
+        t[ `${prefix}Hours` ](23);
       case 'hour':
-        t[`${prefix}Minutes`](59);
+      case 'hours':
+        t[ `${prefix}Minutes` ](59);
       case 'minute':
-        t[`${prefix}Seconds`](59);
+      case 'minutes':
+        t[ `${prefix}Seconds` ](59);
       case 'second':
-        t[`${prefix}Milliseconds`](999);
+      case 'seconds':
+        t[ `${prefix}Milliseconds` ](999);
     }
     return t
   }
@@ -12161,21 +12213,28 @@
 
     switch (unit) {
       case 'years':
+      case 'year':
         return (t.getFullYear() - sub.getFullYear())
 
       case 'months':
+      case 'month':
         return (t.getFullYear() - sub.getFullYear()) * 12 + t.getMonth() - sub.getMonth()
 
       case 'days':
+      case 'day':
+      case 'date':
         return getDiff(startOfDate(t, 'day'), startOfDate(sub, 'day'), MILLISECONDS_IN_DAY)
 
       case 'hours':
+      case 'hour':
         return getDiff(startOfDate(t, 'hour'), startOfDate(sub, 'hour'), MILLISECONDS_IN_HOUR)
 
       case 'minutes':
+      case 'minute':
         return getDiff(startOfDate(t, 'minute'), startOfDate(sub, 'minute'), MILLISECONDS_IN_MINUTE)
 
       case 'seconds':
+      case 'second':
         return getDiff(startOfDate(t, 'second'), startOfDate(sub, 'second'), 1000)
     }
   }
@@ -12221,26 +12280,33 @@
 
     switch (unit) {
       case 'second':
+      case 'seconds':
         if (t.getSeconds() !== d.getSeconds()) {
           return false
         }
       case 'minute': // intentional fall-through
+      case 'minutes':
         if (t.getMinutes() !== d.getMinutes()) {
           return false
         }
       case 'hour': // intentional fall-through
+      case 'hours':
         if (t.getHours() !== d.getHours()) {
           return false
         }
       case 'day': // intentional fall-through
+      case 'days':
+      case 'date':
         if (t.getDate() !== d.getDate()) {
           return false
         }
       case 'month': // intentional fall-through
+      case 'months':
         if (t.getMonth() !== d.getMonth()) {
           return false
         }
       case 'year': // intentional fall-through
+      case 'years':
         if (t.getFullYear() !== d.getFullYear()) {
           return false
         }
@@ -12298,12 +12364,12 @@
 
     // Month Short Name: Jan, Feb, ...
     MMM (date, dateLocale) {
-      return dateLocale.monthsShort[date.getMonth()]
+      return dateLocale.monthsShort[ date.getMonth() ]
     },
 
     // Month Name: January, February, ...
     MMMM (date, dateLocale) {
-      return dateLocale.months[date.getMonth()]
+      return dateLocale.months[ date.getMonth() ]
     },
 
     // Quarter: 1, 2, 3, 4
@@ -12353,12 +12419,12 @@
 
     // Day of week: Sun, Mon, ...
     ddd (date, dateLocale) {
-      return dateLocale.daysShort[date.getDay()]
+      return dateLocale.daysShort[ date.getDay() ]
     },
 
     // Day of week: Sunday, Monday, ...
     dddd (date, dateLocale) {
-      return dateLocale.days[date.getDay()]
+      return dateLocale.days[ date.getDay() ]
     },
 
     // Day of ISO week: 1, 2, ..., 7
@@ -12507,7 +12573,7 @@
       token,
       (match, text) => (
         match in formatter
-          ? formatter[match](date, locale, __forcedYear, __forcedTimezoneOffset)
+          ? formatter[ match ](date, locale, __forcedYear, __forcedTimezoneOffset)
           : (text === void 0 ? match : text.split('\\]').join(']'))
       )
     )
@@ -17938,7 +18004,14 @@
         else if (this.isDirty === false) {
           this.isDirty = true;
 
-          if (this.hasActiveRules === true && this.lazyRules !== 'ondemand') {
+          if (
+            this.hasActiveRules === true &&
+            this.lazyRules !== 'ondemand' &&
+            // Don't re-trigger if it's already in progress;
+            // It might mean that focus switched to submit btn and
+            // QForm's submit() has been called already (ENTER key)
+            this.innerLoading === false
+          ) {
             this.debouncedValidate();
           }
         }
@@ -18002,7 +18075,7 @@
           return true
         }
 
-        this.validateIndex++;
+        const index = ++this.validateIndex;
 
         if (this.innerLoading !== true && this.lazyRules !== true) {
           this.isDirty = true;
@@ -18055,31 +18128,24 @@
           this.innerLoading = true;
         }
 
-        const index = this.validateIndex;
-
         return Promise.all(promises).then(
           res => {
-            if (index !== this.validateIndex) {
-              return true
-            }
-
             if (res === void 0 || Array.isArray(res) === false || res.length === 0) {
-              update(false);
+              index === this.validateIndex && update(false);
               return true
             }
 
             const msg = res.find(r => r === false || typeof r === 'string');
-            update(msg !== void 0, msg);
+            index === this.validateIndex && update(msg !== void 0, msg);
             return msg === void 0
           },
           e => {
             if (index === this.validateIndex) {
               console.error(e);
               update(true);
-              return false
             }
 
-            return true
+            return false
           }
         )
       },
@@ -19535,7 +19601,7 @@
           ? shouldFocus
           : this.noErrorFocus !== true;
 
-        this.validateIndex++;
+        const index = ++this.validateIndex;
 
         const components = this.getValidationComponents().filter(c => c.disable !== true);
 
@@ -19551,7 +19617,7 @@
             promises.push(
               valid.then(
                 valid => ({ valid, comp }),
-                error => ({ valid: false, comp, error })
+                err => ({ valid: false, comp, err })
               )
             );
           }
@@ -19575,19 +19641,19 @@
           return Promise.resolve(true)
         }
 
-        const index = this.validateIndex;
-
         return Promise.all(promises).then(
           res => {
-            if (index === this.validateIndex) {
-              const errors = res.filter(r => r.valid !== true);
+            const errors = res.filter(r => r.valid !== true);
 
-              if (errors.length === 0) {
-                emit(true);
-                return true
-              }
+            if (errors.length === 0) {
+              index === this.validateIndex && emit(true);
+              return true
+            }
 
-              const { valid, comp } = errors[0];
+            const { valid, comp, err } = errors[0];
+
+            if (index === this.validateIndex) {
+              err !== void 0 && console.error(err);
 
               emit(false, comp);
 
@@ -19598,9 +19664,9 @@
               ) {
                 comp.focus();
               }
-
-              return false
             }
+
+            return false
           }
         )
       },
@@ -19616,8 +19682,11 @@
       submit (evt) {
         evt !== void 0 && stopAndPrevent(evt);
 
+        const index = this.validateIndex + 1;
+
         this.validate().then(val => {
-          if (val === true) {
+          // if not outdated && validation succeeded
+          if (index === this.validateIndex && val === true) {
             if (this.qListeners.submit !== void 0) {
               this.$emit('submit', evt);
             }
@@ -20790,7 +20859,7 @@
           ? this.__unmask(masked)
           : masked;
 
-        this.value !== val && this.__emitValue(val, true);
+        String(this.value) !== val && this.__emitValue(val, true);
       },
 
       __moveCursorForPaste (inp, start, end) {
@@ -21615,6 +21684,9 @@
     },
 
     props: {
+      innerMin: Number,
+      innerMax: Number,
+
       step: {
         type: Number,
         default: 1,
@@ -21631,31 +21703,22 @@
     },
 
     data () {
+      const innerMin = this.__getInnerMin(this.innerMin);
+      const innerMax = this.__getInnerMax(this.innerMax);
+
       return {
-        model: this.value,
+        model: this.value === null ? innerMin : between(this.value, innerMin, innerMax),
         dragging: false
       }
     },
 
     watch: {
-      value (value) {
-        if (value < this.min) {
-          this.model = this.min;
-        }
-        else if (value > this.max) {
-          this.model = this.max;
-        }
-        else {
-          if (value !== this.model) {
-            this.model = value;
-          }
-          return
-        }
+      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);
       }
     },
 
@@ -21668,6 +21731,18 @@
         )
       },
 
+      computedInnerMin () {
+        return this.__getInnerMin(this.innerMin)
+      },
+
+      computedInnerMax () {
+        return this.__getInnerMax(this.innerMax)
+      },
+
+      modelUpdate () {
+        return `${this.value}|${this.computedInnerMin}|${this.computedInnerMax}`
+      },
+
       editable () {
         return this.disable === false && this.readonly === false
       },
@@ -21699,8 +21774,8 @@
       attrs () {
         const attrs = {
           role: 'slider',
-          'aria-valuemin': this.min,
-          'aria-valuemax': this.max,
+          'aria-valuemin': this.computedInnerMin,
+          'aria-valuemax': this.computedInnerMax,
           'aria-valuenow': this.value
         };
 
@@ -21716,6 +21791,18 @@
     },
 
     methods: {
+      __getInnerMin (val) {
+        return isNaN(val) === true || this.innerMin < this.min
+          ? this.min
+          : this.innerMin
+      },
+
+      __getInnerMax (val) {
+        return isNaN(val) === true || val > this.max
+          ? this.max
+          : this.innerMax
+      },
+
       __updateCenterPosition () {
         const { top, left, width, height } = this.$el.getBoundingClientRect();
         this.centerPosition = {
@@ -21757,8 +21844,8 @@
 
         this.model = between(
           parseFloat((this.model + offset).toFixed(this.decimals)),
-          this.min,
-          this.max
+          this.computedInnerMin,
+          this.computedInnerMax
         );
 
         this.__updateValue();
@@ -21815,7 +21902,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);
 
@@ -26643,7 +26730,7 @@
           };
 
           if (this.$q.platform.is.desktop === true) {
-            itemEvents.mousemove = () => { this.setOptionIndex(index); };
+            itemEvents.mousemove = () => { this.menu === true && this.setOptionIndex(index); };
           }
 
           const option = {
@@ -34850,14 +34937,12 @@
       __onClick (node, meta, e, keyboard) {
         keyboard !== true && this.__blur(meta.key);
 
-        if (this.hasSelection) {
-          if (meta.selectable) {
-            if (this.noSelectionUnset === false) {
-              this.$emit('update:selected', meta.key !== this.selected ? meta.key : null);
-            }
-            else if (meta.key !== this.selected) {
-              this.$emit('update:selected', meta.key || null);
-            }
+        if (this.hasSelection && meta.selectable) {
+          if (this.noSelectionUnset === false) {
+            this.$emit('update:selected', meta.key !== this.selected ? meta.key : null);
+          }
+          else if (meta.key !== this.selected) {
+            this.$emit('update:selected', meta.key || null);
           }
         }
         else {