quasar 1.17.7 → 1.18.2

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.17.7
+ * Quasar Framework v1.18.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.7";
+  var version = "1.18.2";
 
   /* eslint-disable no-useless-escape */
 
@@ -644,12 +644,24 @@
         return
       }
 
+      var visualViewport = window.visualViewport;
+      var getSize = visualViewport === void 0 || client.is.mobile === true
+        ? function () { return [
+          Math.max(window.innerWidth, document.scrollingElement.clientWidth),
+          Math.max(window.innerHeight, document.scrollingElement.clientHeight)
+        ]; }
+        : function () { return [
+          visualViewport.width * visualViewport.scale + window.innerWidth - document.scrollingElement.clientWidth,
+          visualViewport.height * visualViewport.scale + window.innerHeight - document.scrollingElement.clientHeight
+        ]; };
+
+      var target = visualViewport || window;
       var classes = cfg.screen !== void 0 && cfg.screen.bodyClasses === true;
 
       var update = function (force) {
-        var
-          w = window.innerWidth,
-          h = window.innerHeight;
+        var ref = getSize();
+        var w = ref[0];
+        var h = ref[1];
 
         if (h !== this$1.height) {
           this$1.height = h;
@@ -707,11 +719,7 @@
       };
 
       var start = function () {
-        var
-          style = getComputedStyle(document.body),
-          target = window.visualViewport !== void 0
-            ? window.visualViewport
-            : window;
+        var style = getComputedStyle(document.body);
 
         // if css props available
         if (style.getPropertyValue('--q-size-sm')) {
@@ -7542,6 +7550,10 @@
       falseValue: { default: false },
       indeterminateValue: { default: null },
 
+      checkedIcon: String,
+      uncheckedIcon: String,
+      indeterminateIcon: String,
+
       toggleOrder: {
         type: String,
         validator: function (v) { return v === 'tf' || v === 'ft'; }
@@ -7745,33 +7757,57 @@
 
     mixins: [ CheckboxMixin ],
 
+    computed: {
+      computedIcon: function computedIcon () {
+        return this.isTrue === true
+          ? this.checkedIcon
+          : (this.isIndeterminate === true
+            ? this.indeterminateIcon
+            : this.uncheckedIcon
+          )
+      }
+    },
+
     methods: {
       __getInner: function __getInner (h) {
-        return [
-          h('div', {
-            staticClass: 'q-checkbox__bg absolute'
-          }, [
-            h('svg', {
-              staticClass: 'q-checkbox__svg fit absolute-full',
-              attrs: { focusable: 'false' /* needed for IE11 */, viewBox: '0 0 24 24', 'aria-hidden': 'true' }
+        return this.computedIcon !== void 0
+          ? [
+            h('div', {
+              key: 'icon',
+              staticClass: 'q-checkbox__icon-container absolute flex flex-center no-wrap'
             }, [
-              h('path', {
-                staticClass: 'q-checkbox__truthy',
-                attrs: {
-                  fill: 'none',
-                  d: 'M1.73,12.91 8.1,19.28 22.79,4.59'
-                }
-              }),
-
-              h('path', {
-                staticClass: 'q-checkbox__indet',
-                attrs: {
-                  d: 'M4,14H20V10H4'
-                }
+              h(QIcon, {
+                staticClass: 'q-checkbox__icon',
+                props: { name: this.computedIcon }
               })
             ])
-          ])
-        ]
+          ]
+          : [
+            h('div', {
+              key: 'svg',
+              staticClass: 'q-checkbox__bg absolute'
+            }, [
+              h('svg', {
+                staticClass: 'q-checkbox__svg fit absolute-full',
+                attrs: { focusable: 'false' /* needed for IE11 */, viewBox: '0 0 24 24', 'aria-hidden': 'true' }
+              }, [
+                h('path', {
+                  staticClass: 'q-checkbox__truthy',
+                  attrs: {
+                    fill: 'none',
+                    d: 'M1.73,12.91 8.1,19.28 22.79,4.59'
+                  }
+                }),
+
+                h('path', {
+                  staticClass: 'q-checkbox__indet',
+                  attrs: {
+                    d: 'M4,14H20V10H4'
+                  }
+                })
+              ])
+            ])
+          ]
       }
     },
 
@@ -11787,8 +11823,8 @@
       days = '(' + dateLocale.days.join('|') + ')',
       key = mask + days;
 
-    if (regexStore[key] !== void 0) {
-      return regexStore[key]
+    if (regexStore[ key ] !== void 0) {
+      return regexStore[ key ]
     }
 
     var
@@ -11906,7 +11942,7 @@
 
         default:
           index--;
-          if (match[0] === '[') {
+          if (match[ 0 ] === '[') {
             match = match.substring(1, match.length - 1);
           }
           return match.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
@@ -11914,7 +11950,7 @@
     });
 
     var res = { map: map, regex: new RegExp('^' + regexText) };
-    regexStore[key] = res;
+    regexStore[ key ] = res;
 
     return res
   }
@@ -11944,25 +11980,18 @@
   function applyYearMonthDayChange (date, mod, sign) {
     var
       year = date.getFullYear(),
-      month = date.getMonth(),
-      day = date.getDate();
+      month = date.getMonth();
 
-    if (mod.years !== void 0) {
-      year += sign * mod.years;
-    }
-    else if (mod.year !== void 0) {
+    var day = date.getDate();
+
+    if (mod.year !== void 0) {
       year += sign * mod.year;
+      delete mod.year;
     }
 
-    if (mod.months !== void 0) {
-      month += sign * mod.months;
-    }
-    else if (mod.month !== void 0) {
+    if (mod.month !== void 0) {
       month += sign * mod.month;
-    }
-
-    if (mod.days !== void 0) {
-      day += sign * mod.days;
+      delete mod.month;
     }
 
     date.setDate(1);
@@ -11970,74 +11999,110 @@
 
     date.setFullYear(year);
     date.setMonth(month);
-    date.setDate(day);
+    date.setDate(Math.min(day, daysInMonth(date)));
+
+    if (mod.date !== void 0) {
+      date.setDate(date.getDate() + sign * mod.date);
+      delete mod.date;
+    }
 
     return date
   }
 
-  var yearMonDay = [ 'years', 'year', 'months', 'month', 'days' ];
+  function applyYearMonthDay (date, mod, middle) {
+    var
+      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;
+
+    return date
+  }
 
-  function getChange (date, mod, sign) {
+  function getChange (date, rawMod, sign) {
     var
+      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 (var key in mod) {
-      if (yearMonDay.includes(key) === false) {
-        var op = capitalize(key);
-        t[("set" + op)](t[("get" + op)]() + sign * mod[key]);
-      }
+      var op = capitalize(key);
+      t[ ("set" + op) ](t[ ("get" + op) ]() + sign * mod[ key ]);
     }
 
     return t
   }
 
-  function applyYearMonthDay (date, mod, middle) {
-    var
-      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) {
+    var acc = Object.assign({}, 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;
+    }
 
-  var yearMonDayAdj = [ 'years', 'year', 'months', 'month', 'days' ];
+    if (mod.millisecond !== void 0) {
+      acc.milliseconds = mod.millisecond;
+      delete acc.millisecond;
+    }
+
+    return acc
+  }
 
-  function adjustDate (date, mod, utc) {
+  function adjustDate (date, rawMod, utc) {
     var
+      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 (var key in mod) {
-      if (yearMonDayAdj.includes(key) === false) {
-        var op = key.charAt(0).toUpperCase() + key.slice(1);
-        t[("set" + middle + op)](mod[key]);
-      }
+      var op = key.charAt(0).toUpperCase() + key.slice(1);
+      t[ ("set" + middle + op) ](mod[ key ]);
     }
 
     return t
@@ -12110,7 +12175,7 @@
     var tzString = '';
 
     if (map.X !== void 0 || map.x !== void 0) {
-      var stamp = parseInt(match[map.X !== void 0 ? map.X : map.x], 10);
+      var stamp = parseInt(match[ map.X !== void 0 ? map.X : map.x ], 10);
 
       if (isNaN(stamp) === true || stamp < 0) {
         return date
@@ -12128,28 +12193,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) {
-        var y = parseInt(match[map.YY], 10);
+        var 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
@@ -12165,14 +12230,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;
         }
@@ -12180,20 +12245,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) * Math.pow( 10, (3 - match[map.S].length) );
+        date.millisecond = parseInt(match[ map.S ], 10) * Math.pow( 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));
       }
     }
 
@@ -12275,17 +12340,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
   }
@@ -12297,17 +12369,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
   }
@@ -12344,21 +12423,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)
     }
   }
@@ -12404,26 +12490,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
         }
@@ -12481,12 +12574,12 @@
 
     // Month Short Name: Jan, Feb, ...
     MMM: function MMM (date, dateLocale) {
-      return dateLocale.monthsShort[date.getMonth()]
+      return dateLocale.monthsShort[ date.getMonth() ]
     },
 
     // Month Name: January, February, ...
     MMMM: function MMMM (date, dateLocale) {
-      return dateLocale.months[date.getMonth()]
+      return dateLocale.months[ date.getMonth() ]
     },
 
     // Quarter: 1, 2, 3, 4
@@ -12536,12 +12629,12 @@
 
     // Day of week: Sun, Mon, ...
     ddd: function ddd (date, dateLocale) {
-      return dateLocale.daysShort[date.getDay()]
+      return dateLocale.daysShort[ date.getDay() ]
     },
 
     // Day of week: Sunday, Monday, ...
     dddd: function dddd (date, dateLocale) {
-      return dateLocale.days[date.getDay()]
+      return dateLocale.days[ date.getDay() ]
     },
 
     // Day of ISO week: 1, 2, ..., 7
@@ -12690,7 +12783,7 @@
       token,
       function (match, text) { return (
         match in formatter
-          ? formatter[match](date, locale, __forcedYear, __forcedTimezoneOffset)
+          ? formatter[ match ](date, locale, __forcedYear, __forcedTimezoneOffset)
           : (text === void 0 ? match : text.split('\\]').join(']'))
       ); }
     )
@@ -18220,7 +18313,14 @@
         else if (this.isDirty === false) {
           this.isDirty = true;
 
-          if (this.hasRules === 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();
           }
         }
@@ -18234,12 +18334,15 @@
 
     computed: {
       hasRules: function hasRules () {
-        return this.disable !== true &&
-          this.rules !== void 0 &&
+        return this.rules !== void 0 &&
           this.rules !== null &&
           this.rules.length > 0
       },
 
+      hasActiveRules: function hasActiveRules () {
+        return this.disable !== true && this.hasRules === true
+      },
+
       hasError: function hasError () {
         return this.error === true || this.innerError === true
       },
@@ -18280,11 +18383,11 @@
         var this$1 = this;
         if ( val === void 0 ) val = this.value;
 
-        if (this.hasRules !== true) {
+        if (this.hasActiveRules !== true) {
           return true
         }
 
-        this.validateIndex++;
+        var index = ++this.validateIndex;
 
         if (this.innerLoading !== true && this.lazyRules !== true) {
           this.isDirty = true;
@@ -18337,31 +18440,24 @@
           this.innerLoading = true;
         }
 
-        var index = this.validateIndex;
-
         return Promise.all(promises).then(
           function (res) {
-            if (index !== this$1.validateIndex) {
-              return true
-            }
-
             if (res === void 0 || Array.isArray(res) === false || res.length === 0) {
-              update(false);
+              index === this$1.validateIndex && update(false);
               return true
             }
 
             var msg = res.find(function (r) { return r === false || typeof r === 'string'; });
-            update(msg !== void 0, msg);
+            index === this$1.validateIndex && update(msg !== void 0, msg);
             return msg === void 0
           },
           function (e) {
             if (index === this$1.validateIndex) {
               console.error(e);
               update(true);
-              return false
             }
 
-            return true
+            return false
           }
         )
       },
@@ -18376,7 +18472,7 @@
 
       __validateIfNeeded: function __validateIfNeeded (changedRules) {
         if (
-          this.hasRules === true &&
+          this.hasActiveRules === true &&
           this.lazyRules !== 'ondemand' &&
           (this.isDirty === true || (this.lazyRules !== true && changedRules !== true))
         ) {
@@ -19805,7 +19901,7 @@
           ? shouldFocus
           : this.noErrorFocus !== true;
 
-        this.validateIndex++;
+        var index = ++this.validateIndex;
 
         var components = this.getValidationComponents().filter(function (c) { return c.disable !== true; });
 
@@ -19821,7 +19917,7 @@
             promises.push(
               valid.then(
                 function (valid) { return ({ valid: valid, comp: comp }); },
-                function (error) { return ({ valid: false, comp: comp, error: error }); }
+                function (err) { return ({ valid: false, comp: comp, err: err }); }
               )
             );
           }
@@ -19851,21 +19947,22 @@
           return Promise.resolve(true)
         }
 
-        var index = this.validateIndex;
-
         return Promise.all(promises).then(
           function (res) {
-            if (index === this$1.validateIndex) {
-              var errors = res.filter(function (r) { return r.valid !== true; });
+            var errors = res.filter(function (r) { return r.valid !== true; });
 
-              if (errors.length === 0) {
-                emit(true);
-                return true
-              }
+            if (errors.length === 0) {
+              index === this$1.validateIndex && emit(true);
+              return true
+            }
 
-              var ref = errors[0];
-              var valid = ref.valid;
-              var comp = ref.comp;
+            var ref = errors[0];
+            var valid = ref.valid;
+            var comp = ref.comp;
+            var err = ref.err;
+
+            if (index === this$1.validateIndex) {
+              err !== void 0 && console.error(err);
 
               emit(false, comp);
 
@@ -19876,9 +19973,9 @@
               ) {
                 comp.focus();
               }
-
-              return false
             }
+
+            return false
           }
         )
       },
@@ -19896,8 +19993,11 @@
 
         evt !== void 0 && stopAndPrevent(evt);
 
+        var index = this.validateIndex + 1;
+
         this.validate().then(function (val) {
-          if (val === true) {
+          // if not outdated && validation succeeded
+          if (index === this$1.validateIndex && val === true) {
             if (this$1.qListeners.submit !== void 0) {
               this$1.$emit('submit', evt);
             }
@@ -21412,6 +21512,15 @@
         this.autogrow === true && this.$nextTick(this.__adjustHeight);
       },
 
+      // some browsers lose the native input value
+      // so we need to reattach it dynamically
+      // (like type="password" <-> type="text"; see #12078)
+      type: function type () {
+        if (this.$refs.input) {
+          this.$refs.input.value = this.value;
+        }
+      },
+
       autogrow: function autogrow (autogrow$1) {
         // textarea only
         if (autogrow$1 === true) {
@@ -22632,6 +22741,9 @@
       label: String,
       leftLabel: Boolean,
 
+      checkedIcon: String,
+      uncheckedIcon: String,
+
       color: String,
       keepColor: Boolean,
       dense: Boolean,
@@ -22664,6 +22776,12 @@
         return ("q-radio__inner--" + (this.isTrue === true ? 'truthy' : 'falsy') + color)
       },
 
+      computedIcon: function computedIcon () {
+        return this.isTrue === true
+          ? this.checkedIcon
+          : this.uncheckedIcon
+      },
+
       computedTabindex: function computedTabindex () {
         return this.disable === true ? -1 : this.tabindex || 0
       },
@@ -22717,25 +22835,38 @@
     render: function render (h) {
       var this$1 = this;
 
-      var content = [
-        h('svg', {
-          staticClass: 'q-radio__bg absolute non-selectable',
-          attrs: { focusable: 'false' /* needed for IE11 */, viewBox: '0 0 24 24', 'aria-hidden': 'true' }
-        }, [
-          h('path', {
-            attrs: {
-              d: 'M12,22a10,10 0 0 1 -10,-10a10,10 0 0 1 10,-10a10,10 0 0 1 10,10a10,10 0 0 1 -10,10m0,-22a12,12 0 0 0 -12,12a12,12 0 0 0 12,12a12,12 0 0 0 12,-12a12,12 0 0 0 -12,-12'
-            }
-          }),
+      var content = this.computedIcon !== void 0
+        ? [
+          h('div', {
+            key: 'icon',
+            staticClass: 'q-radio__icon-container absolute flex flex-center no-wrap'
+          }, [
+            h(QIcon, {
+              staticClass: 'q-radio__icon',
+              props: { name: this.computedIcon }
+            })
+          ])
+        ]
+        : [
+          h('svg', {
+            key: 'svg',
+            staticClass: 'q-radio__bg absolute non-selectable',
+            attrs: { focusable: 'false' /* needed for IE11 */, viewBox: '0 0 24 24', 'aria-hidden': 'true' }
+          }, [
+            h('path', {
+              attrs: {
+                d: 'M12,22a10,10 0 0 1 -10,-10a10,10 0 0 1 10,-10a10,10 0 0 1 10,10a10,10 0 0 1 -10,10m0,-22a12,12 0 0 0 -12,12a12,12 0 0 0 12,12a12,12 0 0 0 12,-12a12,12 0 0 0 -12,-12'
+              }
+            }),
 
-          h('path', {
-            staticClass: 'q-radio__check',
-            attrs: {
-              d: 'M12,6a6,6 0 0 0 -6,6a6,6 0 0 0 6,6a6,6 0 0 0 6,-6a6,6 0 0 0 -6,-6'
-            }
-          })
-        ])
-      ];
+            h('path', {
+              staticClass: 'q-radio__check',
+              attrs: {
+                d: 'M12,6a6,6 0 0 0 -6,6a6,6 0 0 0 6,6a6,6 0 0 0 6,-6a6,6 0 0 0 -6,-6'
+              }
+            })
+          ])
+        ];
 
       this.disable !== true && this.__injectFormInput(
         content,
@@ -22792,9 +22923,6 @@
 
     props: {
       icon: String,
-      checkedIcon: String,
-      uncheckedIcon: String,
-      indeterminateIcon: String,
 
       iconColor: String
     },
@@ -26578,7 +26706,9 @@
 
         this.__scrollViewSize = scrollViewSize;
 
-        var multiplier = 1 + this.virtualScrollSliceRatioBefore + this.virtualScrollSliceRatioAfter;
+        var virtualScrollSliceRatioBefore = parseFloat(this.virtualScrollSliceRatioBefore) || 0;
+        var virtualScrollSliceRatioAfter = parseFloat(this.virtualScrollSliceRatioAfter) || 0;
+        var multiplier = 1 + virtualScrollSliceRatioBefore + virtualScrollSliceRatioAfter;
         var view = scrollViewSize === void 0 || scrollViewSize <= 0
           ? 1
           : Math.ceil(scrollViewSize / this.virtualScrollItemSizeComputed);
@@ -26590,9 +26720,9 @@
 
         this.virtualScrollSliceSizeComputed = {
           total: Math.ceil(baseSize * multiplier),
-          start: Math.ceil(baseSize * this.virtualScrollSliceRatioBefore),
-          center: Math.ceil(baseSize * (0.5 + this.virtualScrollSliceRatioBefore)),
-          end: Math.ceil(baseSize * (1 + this.virtualScrollSliceRatioBefore)),
+          start: Math.ceil(baseSize * virtualScrollSliceRatioBefore),
+          center: Math.ceil(baseSize * (0.5 + virtualScrollSliceRatioBefore)),
+          end: Math.ceil(baseSize * (1 + virtualScrollSliceRatioBefore)),
           view: view
         };
       },
@@ -26969,7 +27099,7 @@
         var optionEls = ref$1.optionEls;
 
         return this.options.slice(from, to).map(function (opt, i) {
-          var disable = this$1.isOptionDisabled(opt) === true;
+          var disable = this$1.isOptionDisabled(opt);
           var index = from + i;
 
           var itemProps = {
@@ -27067,7 +27197,13 @@
       // returns method to tell if an option is disabled;
       // takes into account 'option-disable' prop
       isOptionDisabled: function isOptionDisabled () {
-        return this.__getPropValueFn('optionDisable', 'disable')
+        var fn = this.__getPropValueFn('optionDisable', 'disable');
+        return function () {
+          var args = [], len = arguments.length;
+          while ( len-- ) args[ len ] = arguments[ len ];
+
+          return fn.apply(null, args) === true;
+        }
       },
 
       inputControlEvents: function inputControlEvents () {
@@ -31330,7 +31466,7 @@
       onEvents: function onEvents () {
         return this.isActive !== true ||
           this.stepper.vertical !== true ||
-          (this.$q.platform.is.ios !== true && this.$q.platform.is.safari !== true && this.$q.platform.is.ie !== true)
+          (this.$q.platform.is.ios !== true && this.$q.platform.is.chrome === true)
           ? Object.assign({}, this.qListeners)
           : Object.assign({}, this.qListeners, {scroll: this.__keepScroll})
       }
@@ -35328,14 +35464,12 @@
       __onClick: function __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 {
@@ -39682,7 +39816,7 @@
   function getAttr (seed) {
     return function (att) {
       var val = seed[att];
-      return att + (val !== void 0 ? ("=\"" + val + "\"") : '')
+      return att + (val !== true && val !== void 0 ? ("=\"" + val + "\"") : '')
     }
   }