quasar 1.15.21 → 1.16.1

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.15.21
+ * Quasar Framework v1.16.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1312,6 +1312,7 @@ $checkbox-transition: .22s cubic-bezier(0,0,.2,1) 0ms
     border: 2px solid currentColor
     border-radius: 2px
     transition: background $checkbox-transition
+    -webkit-print-color-adjust: exact
   &__native
     width: 1px
     height: 1px
@@ -2094,17 +2095,6 @@ body.q-ios-padding .q-dialog__inner
     border-radius: $button-rounded-border-radius
   &--form-square
     border-radius: $generic-border-radius
-  &--opened
-    .q-fab__actions
-      opacity: 1
-      transform: scale(1) translate(0, 0)
-      pointer-events: all
-    .q-fab__icon
-      transform: rotate(180deg)
-      opacity: 0
-    .q-fab__active-icon
-      transform: rotate(0deg)
-      opacity: 1
   &__icon, &__active-icon
     transition: opacity .4s, transform .4s
   &__icon
@@ -2161,6 +2151,13 @@ body.q-ios-padding .q-dialog__inner
     min-width: 24px
     min-height: 24px
     position: relative
+    &--opened
+      .q-fab__icon
+        transform: rotate(180deg)
+        opacity: 0
+      .q-fab__active-icon
+        transform: rotate(0deg)
+        opacity: 1
   &__actions
     position: absolute
     opacity: 0
@@ -2202,6 +2199,10 @@ body.q-ios-padding .q-dialog__inner
     &--up, &--down
       left: 50%
       margin-left: -28px
+    &--opened
+      opacity: 1
+      transform: scale(1) translate(0, 0)
+      pointer-events: all
   &--align-left
     > .q-fab__actions
       &--up, &--down
@@ -3132,6 +3133,7 @@ $radio-transition: .22s cubic-bezier(0,0,.2,1) 0ms
     left: 25%
     width: 50%
     height: 50%
+    -webkit-print-color-adjust: exact
     path
       fill: currentColor
   &__native
@@ -4710,6 +4712,7 @@ $toggle-transition: .22s cubic-bezier(.4,0,.2,1)
     min-width: 1.4em
     height: 1em
     padding: .325em .3em
+    -webkit-print-color-adjust: exact
     &--indet
       .q-toggle__thumb
         left: .45em

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.15.21
+ * Quasar Framework v1.16.1
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -689,8 +689,6 @@ progress
   vertical-align: baseline
 textarea
   overflow: auto
-input[type='search']
-  -webkit-appearance: textfield
 input[type='search']::-webkit-search-cancel-button,
 input[type='search']::-webkit-search-decoration
   -webkit-appearance: none
@@ -1358,6 +1356,7 @@ $checkbox-transition = .22s cubic-bezier(0,0,.2,1) 0ms
     border: 2px solid currentColor
     border-radius: 2px
     transition: background $checkbox-transition
+    -webkit-print-color-adjust: exact
   &__native
     width: 1px
     height: 1px
@@ -2141,17 +2140,6 @@ body.q-ios-padding .q-dialog__inner
     border-radius: $button-rounded-border-radius
   &--form-square
     border-radius: $generic-border-radius
-  &--opened
-    .q-fab__actions
-      opacity: 1
-      transform: scale(1) translate(0, 0)
-      pointer-events: all
-    .q-fab__icon
-      transform: rotate(180deg)
-      opacity: 0
-    .q-fab__active-icon
-      transform: rotate(0deg)
-      opacity: 1
   &__icon, &__active-icon
     transition: opacity .4s, transform .4s
   &__icon
@@ -2208,6 +2196,13 @@ body.q-ios-padding .q-dialog__inner
     min-width: 24px
     min-height: 24px
     position: relative
+    &--opened
+      .q-fab__icon
+        transform: rotate(180deg)
+        opacity: 0
+      .q-fab__active-icon
+        transform: rotate(0deg)
+        opacity: 1
   &__actions
     position: absolute
     opacity: 0
@@ -2249,6 +2244,10 @@ body.q-ios-padding .q-dialog__inner
     &--up, &--down
       left: 50%
       margin-left: -28px
+    &--opened
+      opacity: 1
+      transform: scale(1) translate(0, 0)
+      pointer-events: all
   &--align-left
     > .q-fab__actions
       &--up, &--down
@@ -3179,6 +3178,7 @@ $radio-transition = .22s cubic-bezier(0,0,.2,1) 0ms
     left: 25%
     width: 50%
     height: 50%
+    -webkit-print-color-adjust: exact
     path
       fill: currentColor
   &__native
@@ -4757,6 +4757,7 @@ $toggle-transition = .22s cubic-bezier(.4,0,.2,1)
     min-width: 1.4em
     height: 1em
     padding: .325em .3em
+    -webkit-print-color-adjust: exact
     &--indet
       .q-toggle__thumb
         left: .45em

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.15.21
+ * Quasar Framework v1.16.1
  * (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.15.21";
+  var version = "1.16.1";
 
   /* eslint-disable no-useless-escape */
 
@@ -2304,7 +2304,7 @@
 
   function uniqueSlot (vm, slotName, otherwise) {
     return vm.$scopedSlots[slotName] !== void 0
-      ? vm.$scopedSlots[slotName]().slice()
+      ? [].concat(vm.$scopedSlots[slotName]())
       : otherwise
   }
 
@@ -7202,12 +7202,12 @@
         }
 
         var content = withSlots === true
-          ? (contentList.length > 1 ? function (text) { return text; } : function (text) { return h('div', [ text ]); })
-          : function (text) {
+          ? (contentList.length > 1 ? (function (text) { return text; }) : (function (text) { return h('div', [ text ]); }))
+          : (function (text) {
             var obj;
 
             return h('div', { domProps: ( obj = {}, obj[domPropText] = text, obj ) });
-        };
+        });
 
         return contentList.map(function (msg, index) { return h('div', {
           key: index,
@@ -16856,7 +16856,7 @@
         var child;
 
         if (this.$scopedSlots.header !== void 0) {
-          child = this.$scopedSlots.header().slice();
+          child = [].concat(this.$scopedSlots.header());
         }
         else {
           child = [
@@ -17121,6 +17121,14 @@
           (this.showing === true ? ' q-fab--opened' : '')
       },
 
+      actionsClasses: function actionsClasses () {
+        return "q-fab__actions--" + (this.direction) + (this.showing === true ? ' q-fab__actions--opened' : '')
+      },
+
+      iconHolderClasses: function iconHolderClasses () {
+        return this.showing === true ? 'q-fab__icon-holder--opened' : ''
+      },
+
       attrs: function attrs () {
         return Object.assign({}, {'aria-expanded': this.showing === true ? 'true' : 'false',
           'aria-haspopup': 'true'},
@@ -17142,7 +17150,7 @@
       var child = [];
 
       this.hideIcon !== true && child.push(
-        h('div', { staticClass: 'q-fab__icon-holder' }, [
+        h('div', { staticClass: 'q-fab__icon-holder', class: this.iconHolderClasses }, [
           h(QIcon, {
             staticClass: 'q-fab__icon absolute-full',
             props: { name: this.icon || this.$q.iconSet.fab.icon }
@@ -17182,7 +17190,7 @@
 
         h('div', {
           staticClass: 'q-fab__actions flex no-wrap inline',
-          class: ("q-fab__actions--" + (this.direction))
+          class: this.actionsClasses
         }, slot(this, 'default'))
       ])
     }
@@ -17347,6 +17355,11 @@
             this.validate();
           }
         }
+      },
+
+      hasError: function hasError (invalid) {
+        var targetEl = document.getElementById(this.targetUid);
+        targetEl !== null && targetEl.setAttribute('aria-invalid', invalid === true);
       }
     },
 
@@ -17925,7 +17938,7 @@
 
         if (this.hasError === true) {
           if (this.computedErrorMessage !== void 0) {
-            msg = [ h('div', [ this.computedErrorMessage ]) ];
+            msg = [ h('div', { attrs: { role: 'alert' } }, [ this.computedErrorMessage ]) ];
             key = this.computedErrorMessage;
           }
           else {
@@ -19836,6 +19849,10 @@
         this.__updateMaskInternals();
       },
 
+      autogrow: function autogrow () {
+        this.__updateMaskInternals();
+      },
+
       mask: function mask (v) {
         if (v !== void 0) {
           this.__updateMaskValue(this.innerValue, true);
@@ -19902,7 +19919,7 @@
 
         this.hasMask = this.mask !== void 0 &&
           this.mask.length > 0 &&
-          ['text', 'search', 'url', 'tel', 'password'].includes(this.type);
+          (this.autogrow === true || ['textarea', 'text', 'search', 'url', 'tel', 'password'].includes(this.type));
 
         if (this.hasMask === false) {
           this.computedUnmask = void 0;
@@ -20443,6 +20460,10 @@
         return this.type === 'textarea' || this.autogrow === true
       },
 
+      isTypeText: function isTypeText () {
+        return this.isTextarea === true || ['text', 'search', 'url', 'tel', 'password'].includes(this.type)
+      },
+
       fieldClass: function fieldClass () {
         return "q-" + (this.isTextarea === true ? 'textarea' : 'input') +
           (this.autogrow === true ? ' q-textarea--autogrow' : '')
@@ -20552,7 +20573,7 @@
         else {
           this.__emitValue(val);
 
-          if (['text', 'search', 'url', 'tel', 'password'].includes(this.type) && e.target === document.activeElement) {
+          if (this.isTypeText === true && e.target === document.activeElement) {
             var ref = e.target;
             var selectionStart = ref.selectionStart;
             var selectionEnd = ref.selectionEnd;
@@ -23009,7 +23030,7 @@
           title = slot(this, 'title', this.title),
           child = this.$scopedSlots.default === void 0
             ? []
-            : this.$scopedSlots.default(this.defaultSlotScope).slice();
+            : [].concat(this.$scopedSlots.default(this.defaultSlotScope));
 
         title && child.unshift(
           h('div', { staticClass: 'q-dialog__title q-mt-sm q-mb-sm' }, [ title ])
@@ -25625,8 +25646,15 @@
             dark: this$1.isOptionsDark
           };
 
+          var itemAttrs = {
+            role: 'option',
+            id: ((this$1.targetUid) + "_" + index)
+          };
+
           if (disable !== true) {
             this$1.isOptionSelected(opt) === true && (itemProps.active = true);
+            itemAttrs['aria-selected'] = itemProps.active === true ? 'true' : 'false';
+
             this$1.optionIndex === index && (itemProps.focused = true);
           }
 
@@ -25646,7 +25674,8 @@
             focused: itemProps.focused,
             toggleOption: this$1.toggleOption,
             setOptionIndex: this$1.setOptionIndex,
-            itemProps: itemProps
+            itemProps: itemProps,
+            itemAttrs: itemAttrs
           };
 
           if (options[i] === void 0 || isDeepEqual(option, options[i]) !== true) {
@@ -25731,6 +25760,23 @@
         return this.virtualScrollItemSize === void 0
           ? (this.dense === true ? 24 : 48)
           : this.virtualScrollItemSize
+      },
+
+      comboboxAttrs: function comboboxAttrs () {
+        return {
+          role: 'combobox',
+          'aria-multiselectable': this.multiple === true ? 'true' : 'false',
+          'aria-expanded': this.menu === true ? 'true' : 'false',
+          'aria-owns': ((this.targetUid) + "_lb"),
+          'aria-activedescendant': ((this.targetUid) + "_" + (this.optionIndex))
+        }
+      },
+
+      listboxAttrs: function listboxAttrs () {
+        return {
+          role: 'listbox',
+          id: ((this.targetUid) + "_lb")
+        }
       }
     },
 
@@ -26224,7 +26270,7 @@
         }
 
         if (this.$scopedSlots.selected !== void 0) {
-          return this.$scopedSlots.selected().slice()
+          return [].concat(this.$scopedSlots.selected())
         }
 
         if (this.useChips === true) {
@@ -26274,10 +26320,9 @@
               ref: 'target',
               key: 'd_t',
               staticClass: 'no-outline',
-              attrs: {
-                id: this.targetUid,
-                tabindex: this.tabindex
-              },
+              attrs: Object.assign({}, {id: this.targetUid,
+                tabindex: this.tabindex},
+                this.comboboxAttrs),
               on: cache(this, 'f-tget', {
                 keydown: this.__onTargetKeydown,
                 keyup: this.__onTargetKeyup,
@@ -26341,6 +26386,7 @@
             return h(QItem, {
             key: scope.index,
             props: scope.itemProps,
+            attrs: scope.itemAttrs,
             on: scope.itemEvents
           }, [
             h(QItemSection, [
@@ -26396,7 +26442,8 @@
             autocomplete: this.autocomplete,
             'data-autofocus': fromDialog === true ? false : this.autofocus,
             disabled: this.disable === true,
-            readonly: this.readonly === true}),
+            readonly: this.readonly === true},
+            this.comboboxAttrs),
           on: this.inputControlEvents
         };
 
@@ -26612,6 +26659,7 @@
             transitionHide: this.transitionHide,
             separateClosePopup: true
           },
+          attrs: this.listboxAttrs,
           on: cache(this, 'menu', {
             '&scroll': this.__onVirtualScrollEvt,
             'before-hide': this.__closeMenu,
@@ -26670,6 +26718,7 @@
             staticClass: 'scroll',
             class: this.menuContentClass,
             style: this.popupContentStyle,
+            attrs: this.listboxAttrs,
             on: cache(this, 'virtMenu', {
               click: prevent,
               '&scroll': this.__onVirtualScrollEvt