quasar 1.15.21 → 1.16.1

package/dist/quasar.umd.modern.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 */
 
@@ -2225,7 +2225,7 @@
 
   function uniqueSlot (vm, slotName, otherwise) {
     return vm.$scopedSlots[slotName] !== void 0
-      ? vm.$scopedSlots[slotName]().slice()
+      ? [].concat(vm.$scopedSlots[slotName]())
       : otherwise
   }
 
@@ -7032,8 +7032,8 @@
         }
 
         const content = withSlots === true
-          ? (contentList.length > 1 ? text => text : text => h('div', [ text ]))
-          : text => h('div', { domProps: { [domPropText]: text } });
+          ? (contentList.length > 1 ? (text => text) : (text => h('div', [ text ])))
+          : (text => h('div', { domProps: { [domPropText]: text } }));
 
         return contentList.map((msg, index) => h('div', {
           key: index,
@@ -16552,7 +16552,7 @@
         let child;
 
         if (this.$scopedSlots.header !== void 0) {
-          child = this.$scopedSlots.header().slice();
+          child = [].concat(this.$scopedSlots.header());
         }
         else {
           child = [
@@ -16817,6 +16817,14 @@
           (this.showing === true ? ' q-fab--opened' : '')
       },
 
+      actionsClasses () {
+        return `q-fab__actions--${this.direction}` + (this.showing === true ? ' q-fab__actions--opened' : '')
+      },
+
+      iconHolderClasses () {
+        return this.showing === true ? 'q-fab__icon-holder--opened' : ''
+      },
+
       attrs () {
         return {
           'aria-expanded': this.showing === true ? 'true' : 'false',
@@ -16840,7 +16848,7 @@
       const 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 }
@@ -16882,7 +16890,7 @@
 
         h('div', {
           staticClass: 'q-fab__actions flex no-wrap inline',
-          class: `q-fab__actions--${this.direction}`
+          class: this.actionsClasses
         }, slot(this, 'default'))
       ])
     }
@@ -17049,6 +17057,11 @@
             this.validate();
           }
         }
+      },
+
+      hasError (invalid) {
+        const targetEl = document.getElementById(this.targetUid);
+        targetEl !== null && targetEl.setAttribute('aria-invalid', invalid === true);
       }
     },
 
@@ -17645,7 +17658,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 {
@@ -19524,6 +19537,10 @@
         this.__updateMaskInternals();
       },
 
+      autogrow () {
+        this.__updateMaskInternals();
+      },
+
       mask (v) {
         if (v !== void 0) {
           this.__updateMaskValue(this.innerValue, true);
@@ -19588,7 +19605,7 @@
       __updateMaskInternals () {
         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;
@@ -20127,6 +20144,10 @@
         return this.type === 'textarea' || this.autogrow === true
       },
 
+      isTypeText () {
+        return this.isTextarea === true || ['text', 'search', 'url', 'tel', 'password'].includes(this.type)
+      },
+
       fieldClass () {
         return `q-${this.isTextarea === true ? 'textarea' : 'input'}` +
           (this.autogrow === true ? ' q-textarea--autogrow' : '')
@@ -20238,7 +20259,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) {
             const { selectionStart, selectionEnd } = e.target;
 
             if (selectionStart !== void 0 && selectionEnd !== void 0) {
@@ -22667,7 +22688,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 ])
@@ -25236,8 +25257,15 @@
             dark: this.isOptionsDark
           };
 
+          const itemAttrs = {
+            role: 'option',
+            id: `${this.targetUid}_${index}`
+          };
+
           if (disable !== true) {
             this.isOptionSelected(opt) === true && (itemProps.active = true);
+            itemAttrs['aria-selected'] = itemProps.active === true ? 'true' : 'false';
+
             this.optionIndex === index && (itemProps.focused = true);
           }
 
@@ -25257,7 +25285,8 @@
             focused: itemProps.focused,
             toggleOption: this.toggleOption,
             setOptionIndex: this.setOptionIndex,
-            itemProps
+            itemProps,
+            itemAttrs
           };
 
           if (options[i] === void 0 || isDeepEqual(option, options[i]) !== true) {
@@ -25340,6 +25369,23 @@
         return this.virtualScrollItemSize === void 0
           ? (this.dense === true ? 24 : 48)
           : this.virtualScrollItemSize
+      },
+
+      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 () {
+        return {
+          role: 'listbox',
+          id: `${this.targetUid}_lb`
+        }
       }
     },
 
@@ -25821,7 +25867,7 @@
         }
 
         if (this.$scopedSlots.selected !== void 0) {
-          return this.$scopedSlots.selected().slice()
+          return [].concat(this.$scopedSlots.selected())
         }
 
         if (this.useChips === true) {
@@ -25873,7 +25919,8 @@
               staticClass: 'no-outline',
               attrs: {
                 id: this.targetUid,
-                tabindex: this.tabindex
+                tabindex: this.tabindex,
+                ...this.comboboxAttrs
               },
               on: cache(this, 'f-tget', {
                 keydown: this.__onTargetKeydown,
@@ -25933,6 +25980,7 @@
           : scope => h(QItem, {
             key: scope.index,
             props: scope.itemProps,
+            attrs: scope.itemAttrs,
             on: scope.itemEvents
           }, [
             h(QItemSection, [
@@ -25990,7 +26038,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
         };
@@ -26201,6 +26250,7 @@
             transitionHide: this.transitionHide,
             separateClosePopup: true
           },
+          attrs: this.listboxAttrs,
           on: cache(this, 'menu', {
             '&scroll': this.__onVirtualScrollEvt,
             'before-hide': this.__closeMenu,
@@ -26261,6 +26311,7 @@
             staticClass: 'scroll',
             class: this.menuContentClass,
             style: this.popupContentStyle,
+            attrs: this.listboxAttrs,
             on: cache(this, 'virtMenu', {
               click: prevent,
               '&scroll': this.__onVirtualScrollEvt