quasar 1.19.2 → 1.19.5

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.19.2
+ * Quasar Framework v1.19.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2324,6 +2324,7 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     width: 100%
     min-width: 0 
     outline: 0 !important 
+    user-select: auto
     &:-webkit-autofill
       -webkit-animation-name: q-autofill
       -webkit-animation-fill-mode: both
@@ -4618,6 +4619,10 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
       line-height: 38px
       width: 100%
       color: #fff
+      > svg,
+      > img
+        width: 1em
+        height: 1em
   &__dot-img
     position: absolute
     top: 4px
@@ -4994,9 +4999,9 @@ body.desktop
   &__arrow,
   &__spinner
     font-size: 16px
+    margin-right: 4px
   &__arrow
     transition: transform .3s
-    margin-right: 4px
     &--rotate
       transform: rotate3d(0, 0, 1, 90deg)
   &__tickbox
@@ -5076,7 +5081,7 @@ body.desktop
     
     &::-webkit-file-upload-button
       cursor: pointer
-  &__header, &__file
+  &__file
     &:before
       content: ''
       border-top-left-radius: inherit

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.19.2
+ * Quasar Framework v1.19.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2371,6 +2371,7 @@ $field-transition-label-right-up = .324s cubic-bezier(.4,0,.2,1)
     width: 100%
     min-width: 0 
     outline: 0 !important 
+    user-select: auto
     &:-webkit-autofill
       -webkit-animation-name: q-autofill
       -webkit-animation-fill-mode: both
@@ -4665,6 +4666,10 @@ body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no
       line-height: 38px
       width: 100%
       color: #fff
+      > svg,
+      > img
+        width: 1em
+        height: 1em
   &__dot-img
     position: absolute
     top: 4px
@@ -5041,9 +5046,9 @@ body.desktop
   &__arrow,
   &__spinner
     font-size: 16px
+    margin-right: 4px
   &__arrow
     transition: transform .3s
-    margin-right: 4px
     &--rotate
       transform: rotate3d(0, 0, 1, 90deg)
   &__tickbox
@@ -5123,7 +5128,7 @@ body.desktop
     
     &::-webkit-file-upload-button
       cursor: pointer
-  &__header, &__file
+  &__file
     &:before
       content: ''
       border-top-left-radius: inherit

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.19.2
+ * Quasar Framework v1.19.5
  * (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.19.2";
+  var version = "1.19.5";
 
   /* eslint-disable no-useless-escape */
 
@@ -758,7 +758,7 @@
 
         // due to optimizations, this would be left out otherwise
         classes === true && this$1.name === 'xs' &&
-          document.body.classList.add("screen--xs");
+          document.body.classList.add('screen--xs');
       };
 
       if (fromSSR === true) {
@@ -6506,7 +6506,7 @@
 
       client.has.touch === true && addEvt(ctx, 'main', [
         [ el, 'touchstart', 'touchStart', ("passive" + (modifiers.capture === true ? 'Capture' : '')) ],
-        [ el, 'touchmove', 'noop', "notPassiveCapture" ]
+        [ el, 'touchmove', 'noop', 'notPassiveCapture' ]
       ]);
     },
 
@@ -7141,11 +7141,11 @@
       },
 
       transitionPrevComputed: function transitionPrevComputed () {
-        return this.transitionPrev || "fade"
+        return this.transitionPrev || 'fade'
       },
 
       transitionNextComputed: function transitionNextComputed () {
-        return this.transitionNext || "fade"
+        return this.transitionNext || 'fade'
       }
     },
 
@@ -7405,7 +7405,7 @@
       },
 
       containerClass: function containerClass () {
-        return "q-message-container row items-end no-wrap" +
+        return 'q-message-container row items-end no-wrap' +
           (this.sent === true ? ' reverse' : '')
       },
 
@@ -7459,13 +7459,13 @@
           ]
         }
 
-        var content = withSlots === true
-          ? (contentList.length > 1 ? (function (text) { return text; }) : (function (text) { return h('div', [ text ]); }))
-          : (function (text) {
+        var content = withSlots !== true
+          ? function (text) {
             var obj;
 
             return h('div', { domProps: ( obj = {}, obj[domPropText] = text, obj ) });
-        });
+        }
+          : (contentList.length > 1 ? function (text) { return text; } : function (text) { return h('div', [text]); });
 
         return contentList.map(function (msg, index) { return h('div', {
           key: index,
@@ -8243,11 +8243,11 @@
     timeOrFulltime: function (v) { return /^([0-1]?\d|2[0-3]):[0-5]\d(:[0-5]\d)?$/.test(v); },
 
     // -- RFC 5322 --
-    // -- Added in v2.6.6 --
+    // -- Added in v1.18.10 --
     // This is a basic helper validation.
     // For something more complex (like RFC 822) you should write and use your own rule.
     // We won't be accepting PRs to enhance the one below because of the reason above.
-    email: function (v) { return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v); },
+    email: function (v) { return /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(v); },
 
     hexColor: function (v) { return hex.test(v); },
     hexaColor: function (v) { return hexa.test(v); },
@@ -12607,7 +12607,7 @@
     YY: function YY (date, _, forcedYear) {
       // workaround for < 1900 with new Date()
       var y = this.YYYY(date, _, forcedYear) % 100;
-      return y > 0
+      return y >= 0
         ? pad(y)
         : '-' + pad(Math.abs(y))
     },
@@ -12998,9 +12998,9 @@
         var type = this.landscape === true ? 'landscape' : 'portrait';
         return "q-date q-date--" + type + " q-date--" + type + "-" + (this.minimal === true ? 'minimal' : 'standard') +
           (this.isDark === true ? ' q-date--dark q-dark' : '') +
-          (this.bordered === true ? " q-date--bordered" : '') +
-          (this.square === true ? " q-date--square no-border-radius" : '') +
-          (this.flat === true ? " q-date--flat no-shadow" : '') +
+          (this.bordered === true ? ' q-date--bordered' : '') +
+          (this.square === true ? ' q-date--square no-border-radius' : '') +
+          (this.flat === true ? ' q-date--flat no-shadow' : '') +
           (this.disable === true ? ' disabled' : (this.readonly === true ? ' q-date--readonly' : ''))
       },
 
@@ -13563,7 +13563,7 @@
         }
 
         res.forEach(function (day) {
-          var cls = "q-date__calendar-item ";
+          var cls = 'q-date__calendar-item ';
 
           if (day.fill === true) {
             cls += 'q-date__calendar-item--fill';
@@ -15698,7 +15698,7 @@
       child.push(
         h('aside', {
           ref: 'content',
-          staticClass: "q-drawer",
+          staticClass: 'q-drawer',
           class: this.classes,
           style: this.style,
           on: this.onNativeEvents,
@@ -17416,7 +17416,7 @@
           'div',
           {
             ref: 'content',
-            staticClass: "q-editor__content",
+            staticClass: 'q-editor__content',
             style: this.innerStyle,
             class: this.innerClass,
             attrs: {
@@ -17835,7 +17835,7 @@
         var child;
 
         if (this.$scopedSlots.header !== void 0) {
-          child = [].concat(this.$scopedSlots.header());
+          child = [].concat(this.$scopedSlots.header({ expanded: this.showing === true }));
         }
         else {
           child = [
@@ -18022,7 +18022,7 @@
           return {
             action: 'push',
             data: {
-              staticClass: "q-fab__label q-tooltip--style q-fab__label--external" +
+              staticClass: 'q-fab__label q-tooltip--style q-fab__label--external' +
                 " q-fab__label--external-" + (this.labelPosition) +
                 (hideLabel === true ? ' q-fab__label--external-hidden' : ''),
               style: this.labelStyle,
@@ -18702,11 +18702,9 @@
       floatingLabel: function floatingLabel () {
         return this.stackLabel === true ||
           this.focused === true ||
-          (
-            this.inputValue !== void 0 && this.hideSelected === true
-              ? this.inputValue.length > 0
-              : this.hasValue === true
-          ) ||
+          typeof this.inputValue === 'number' ||
+          (typeof this.inputValue === 'string' && this.inputValue.length > 0) ||
+          (this.hideSelected !== true && this.hasValue === true) ||
           (
             this.displayValue !== void 0 &&
             this.displayValue !== null &&
@@ -19557,6 +19555,11 @@
         var this$1 = this;
 
         var files = this.__processFiles(e, fileList, this.innerValue, this.isAppending);
+        var fileInput = this.__getFileInput();
+
+        if (fileInput !== void 0) {
+          fileInput.value = '';
+        }
 
         // if nothing to do...
         if (files === void 0) { return }
@@ -22749,12 +22752,12 @@
     computed: {
       classes: function classes () {
         return "q-table--" + (this.separator) + "-separator" +
-          (this.isDark === true ? " q-table--dark q-table__card--dark q-dark" : '') +
-          (this.dense === true ? " q-table--dense" : '') +
-          (this.flat === true ? " q-table--flat" : '') +
-          (this.bordered === true ? " q-table--bordered" : '') +
-          (this.square === true ? " q-table--square" : '') +
-          (this.wrapCells === false ? " q-table--no-wrap" : '')
+          (this.isDark === true ? ' q-table--dark q-table__card--dark q-dark' : '') +
+          (this.dense === true ? ' q-table--dense' : '') +
+          (this.flat === true ? ' q-table--flat' : '') +
+          (this.bordered === true ? ' q-table--bordered' : '') +
+          (this.square === true ? ' q-table--square' : '') +
+          (this.wrapCells === false ? ' q-table--no-wrap' : '')
       }
     },
 
@@ -25622,6 +25625,8 @@
     }
   });
 
+  var getMinThumbSize = function (size) { return (size >= 250 ? 50 : Math.ceil(size / 5)); };
+
   var axisList = [ 'vertical', 'horizontal' ];
   var dirProps = {
     vertical: { offset: 'offsetY', scroll: 'scrollTop', dir: 'down', dist: 'y' },
@@ -25739,7 +25744,7 @@
         return Math.round(
           between(
             this.container.vertical * this.container.vertical / this.scroll.vertical.size,
-            50,
+            getMinThumbSize(this.container.vertical),
             this.container.vertical
           )
         )
@@ -25749,7 +25754,7 @@
         return Math.round(
           between(
             this.container.horizontal * this.container.horizontal / this.scroll.horizontal.size,
-            50,
+            getMinThumbSize(this.container.horizontal),
             this.container.horizontal
           )
         )
@@ -27338,20 +27343,35 @@
       },
 
       comboboxAttrs: function comboboxAttrs () {
-        return {
+        var attrs = {
+          tabindex: this.tabindex,
           role: 'combobox',
-          'aria-multiselectable': this.multiple === true ? 'true' : 'false',
+          'aria-label': this.label,
+          'aria-autocomplete': this.useInput === true ? 'list' : 'none',
           'aria-expanded': this.menu === true ? 'true' : 'false',
           'aria-owns': ((this.targetUid) + "_lb"),
-          'aria-activedescendant': ((this.targetUid) + "_" + (this.optionIndex))
+          'aria-controls': ((this.targetUid) + "_lb")
+        };
+
+        if (this.optionIndex >= 0) {
+          attrs['aria-activedescendant'] = (this.targetUid) + "_" + (this.optionIndex);
         }
+
+        return attrs
       },
 
       listboxAttrs: function listboxAttrs () {
-        return {
+        var attrs = {
+          id: ((this.targetUid) + "_lb"),
           role: 'listbox',
-          id: ((this.targetUid) + "_lb")
+          'aria-multiselectable': this.multiple === true ? 'true' : 'false'
+        };
+
+        if (this.optionIndex >= 0) {
+          attrs['aria-activedescendant'] = (this.targetUid) + "_" + (this.optionIndex);
         }
+
+        return attrs
       }
     },
 
@@ -27430,6 +27450,9 @@
               true
             );
 
+            this.dialogFieldFocused = false;
+            document.activeElement.blur();
+
             this.hidePopup();
           }
 
@@ -27489,6 +27512,7 @@
       },
 
       moveOptionSelection: function moveOptionSelection (offset, skipInputValue) {
+        var this$1 = this;
         if ( offset === void 0 ) offset = 1;
 
         if (this.menu === true) {
@@ -27503,15 +27527,18 @@
           while (index !== -1 && index !== this.optionIndex && this.isOptionDisabled(this.options[index]) === true)
 
           if (this.optionIndex !== index) {
-            this.setOptionIndex(index);
-            this.scrollTo(index);
+            cancelAnimationFrame(this.moveAnimationFrame);
+            this.moveAnimationFrame = requestAnimationFrame(function () {
+              this$1.setOptionIndex(index);
+              this$1.scrollTo(index);
 
-            if (skipInputValue !== true && this.useInput === true && this.fillInput === true) {
-              this.__setInputValue(index >= 0
-                ? this.getOptionLabel(this.options[index])
-                : this.defaultInputValue
-              );
-            }
+              if (skipInputValue !== true && this$1.useInput === true && this$1.fillInput === true) {
+                this$1.__setInputValue(index >= 0
+                  ? this$1.getOptionLabel(this$1.options[index])
+                  : this$1.defaultInputValue
+                );
+              }
+            });
           }
         }
       },
@@ -27858,7 +27885,7 @@
             var obj;
 
             return h(QChip, {
-            key: 'option-' + i,
+            key: 'rem#' + i,
             props: {
               removable: this$1.editable === true && this$1.isOptionDisabled(scope.opt) !== true,
               dense: true,
@@ -27898,12 +27925,13 @@
           var attrs$1 = isTarget === true ? this.comboboxAttrs : void 0;
 
           child.push(
-            h('div', {
+            h('input', {
               ref: isTarget === true ? 'target' : void 0,
               key: 'd_t',
               staticClass: 'q-select__focus-target',
               attrs: Object.assign({}, {id: isTarget === true ? this.targetUid : void 0,
-                tabindex: this.tabindex},
+                readonly: true,
+                'data-autofocus': (fromDialog === true ? isTarget === true : this.autofocus) || void 0},
                 attrs$1),
               on: cache(this, 'f-tget', {
                 keydown: this.__onTargetKeydown,
@@ -27916,6 +27944,7 @@
           if (isTarget === true && typeof this.autocomplete === 'string' && this.autocomplete.length > 0) {
             child.push(
               h('input', {
+                key: 'autoinp',
                 staticClass: 'q-select__autocomplete-input',
                 attrs: { autocomplete: this.autocomplete },
                 on: cache(this, 'autoinp', {
@@ -27954,6 +27983,12 @@
           return void 0
         }
 
+        if (this.noOptions === true) {
+          return this.$scopedSlots['no-option'] !== void 0
+            ? this.$scopedSlots['no-option']({ inputValue: this.inputValue })
+            : void 0
+        }
+
         if (
           this.$scopedSlots.option !== void 0 &&
           this.__optionScopeCache.optionSlot !== this.$scopedSlots.option
@@ -28024,9 +28059,8 @@
             attrs,
             {id: isTarget === true ? this.targetUid : void 0,
             maxlength: this.maxlength, // this is converted to prop by QField
-            tabindex: this.tabindex,
             autocomplete: this.autocomplete,
-            'data-autofocus': (fromDialog !== true && this.autofocus) || void 0,
+            'data-autofocus': (fromDialog === true ? isTarget === true : this.autofocus) || void 0,
             disabled: this.disable === true,
             readonly: this.readonly === true}),
           on: this.inputControlEvents
@@ -28148,6 +28182,7 @@
                   }
                   else {
                     this$1.menu = true;
+                    this$1.hasDialog === true && (this$1.dialog = true);
                   }
                 }
 
@@ -28188,15 +28223,13 @@
             focusout(e);
           },
           click: function (e) {
-            if (this$1.hasDialog !== true) {
-              // label from QField will propagate click on the input (except IE)
-              prevent(e);
+            // label from QField will propagate click on the input (except IE)
+            prevent(e);
 
-              if (this$1.menu === true) {
-                this$1.__closeMenu();
-                this$1.$refs.target !== void 0 && this$1.$refs.target.focus();
-                return
-              }
+            if (this$1.hasDialog !== true && this$1.menu === true) {
+              this$1.__closeMenu();
+              this$1.$refs.target !== void 0 && this$1.$refs.target.focus();
+              return
             }
 
             this$1.showPopup(e);
@@ -28217,15 +28250,8 @@
       },
 
       __getMenu: function __getMenu (h) {
-        var child = this.noOptions === true
-          ? (
-            this.$scopedSlots['no-option'] !== void 0
-              ? this.$scopedSlots['no-option']({ inputValue: this.inputValue })
-              : null
-          )
-          : this.__getOptions(h);
-
         return h(QMenu, {
+          key: 'menu',
           ref: 'menu',
           props: {
             value: this.menu,
@@ -28251,7 +28277,7 @@
             'before-hide': this.__closeMenu,
             show: this.__onMenuShow
           })
-        }, child)
+        }, this.__getOptions(h))
       },
 
       __onMenuShow: function __onMenuShow () {
@@ -28300,8 +28326,9 @@
 
         this.menu === true && content.push(
           h('div', {
+            key: 'virtMenu',
             ref: 'menuContent',
-            staticClass: 'scroll',
+            staticClass: 'col scroll',
             class: this.menuContentClass,
             style: this.popupContentStyle,
             attrs: this.listboxAttrs,
@@ -28309,18 +28336,11 @@
               click: prevent,
               '&scroll': this.__onVirtualScrollEvt
             })
-          }, (
-            this.noOptions === true
-              ? (
-                this.$scopedSlots['no-option'] !== void 0
-                  ? this.$scopedSlots['no-option']({ inputValue: this.inputValue })
-                  : null
-              )
-              : this.__getOptions(h)
-          ))
+          }, this.__getOptions(h))
         );
 
         return h(QDialog, {
+          key: 'dialog',
           ref: 'dialog',
           props: {
             value: this.dialog,
@@ -28344,13 +28364,17 @@
       },
 
       __onDialogBeforeHide: function __onDialogBeforeHide () {
-        if (client.is.mobile !== true) {
+        if (this.useInput !== true || this.$q.platform.is.desktop === true) {
           this.$refs.dialog.__refocusTarget = this.$el.querySelector('.q-field__native > [tabindex]:last-child');
         }
         this.focused = false;
+        this.dialogFieldFocused = false;
       },
 
       __onDialogHide: function __onDialogHide (e) {
+        if (this.$q.platform.is.desktop !== true) {
+          document.activeElement.blur();
+        }
         this.hidePopup();
         this.focused === false && this.$emit('blur', e);
         this.__resetInputValue();
@@ -31446,7 +31470,7 @@
       },
 
       classes: function classes () {
-        return "q-stepper__tab col-grow flex items-center no-wrap relative-position" +
+        return 'q-stepper__tab col-grow flex items-center no-wrap relative-position' +
           (this.color !== void 0 ? (" text-" + (this.color)) : '') +
           (this.isError === true
             ? ' q-stepper__tab--error q-stepper__tab--error-with-' + (this.hasPrefix === true ? 'prefix' : 'icon')
@@ -32648,7 +32672,7 @@
 
     render: function render (h) {
       if (this.$scopedSlots.default === void 0) {
-        console.error("QVirtualScroll: default scoped slot is required for rendering", this);
+        console.error('QVirtualScroll: default scoped slot is required for rendering', this);
         return
       }
 
@@ -33412,20 +33436,20 @@
       },
 
       cardDefaultClass: function cardDefaultClass () {
-        return " q-table__card" +
+        return ' q-table__card' +
           (this.isDark === true ? ' q-table__card--dark q-dark' : '') +
-          (this.square === true ? " q-table--square" : '') +
-          (this.flat === true ? " q-table--flat" : '') +
-          (this.bordered === true ? " q-table--bordered" : '')
+          (this.square === true ? ' q-table--square' : '') +
+          (this.flat === true ? ' q-table--flat' : '') +
+          (this.bordered === true ? ' q-table--bordered' : '')
       },
 
       __containerClass: function __containerClass () {
         return "q-table__container q-table--" + (this.separator) + "-separator column no-wrap" +
           (this.grid === true ? ' q-table--grid' : this.cardDefaultClass) +
-          (this.isDark === true ? " q-table--dark" : '') +
-          (this.dense === true ? " q-table--dense" : '') +
-          (this.wrapCells === false ? " q-table--no-wrap" : '') +
-          (this.inFullscreen === true ? " fullscreen scroll" : '')
+          (this.isDark === true ? ' q-table--dark' : '') +
+          (this.dense === true ? ' q-table--dense' : '') +
+          (this.wrapCells === false ? ' q-table--no-wrap' : '') +
+          (this.inFullscreen === true ? ' fullscreen scroll' : '')
       },
 
       containerClass: function containerClass () {
@@ -33971,9 +33995,9 @@
         return "q-time q-time--" + (this.landscape === true ? 'landscape' : 'portrait') +
           (this.isDark === true ? ' q-time--dark q-dark' : '') +
           (this.disable === true ? ' disabled' : (this.readonly === true ? ' q-time--readonly' : '')) +
-          (this.bordered === true ? " q-time--bordered" : '') +
-          (this.square === true ? " q-time--square no-border-radius" : '') +
-          (this.flat === true ? " q-time--flat no-shadow" : '')
+          (this.bordered === true ? ' q-time--bordered' : '') +
+          (this.square === true ? ' q-time--square no-border-radius' : '') +
+          (this.flat === true ? ' q-time--flat no-shadow' : '')
       },
 
       stringModel: function stringModel () {
@@ -35044,7 +35068,7 @@
       classes: function classes () {
         return "q-tree q-tree--" + (this.dense === true ? 'dense' : 'standard') +
           (this.noConnectors === true ? ' q-tree--no-connectors' : '') +
-          (this.isDark === true ? " q-tree--dark" : '') +
+          (this.isDark === true ? ' q-tree--dark' : '') +
           (this.color !== void 0 ? (" text-" + (this.color)) : '')
       },
 
@@ -35366,7 +35390,7 @@
         }
 
         if (emit === true) {
-          this.$emit("update:expanded", target);
+          this.$emit('update:expanded', target);
         }
         else {
           this.innerExpanded = target;
@@ -35396,7 +35420,7 @@
         }
 
         if (emit === true) {
-          this.$emit("update:ticked", target);
+          this.$emit('update:ticked', target);
         }
       },
 
@@ -35434,7 +35458,7 @@
       __getNodeMedia: function __getNodeMedia (h, node) {
         if (node.icon !== void 0) {
           return h(QIcon, {
-            staticClass: "q-tree__icon q-mr-sm",
+            staticClass: 'q-tree__icon q-mr-sm',
             props: { name: node.icon, color: node.iconColor }
           })
         }
@@ -35914,14 +35938,14 @@
         var this$1 = this;
 
         var localFiles = this.__processFiles(e, fileList, this.files, true);
-
-        if (localFiles === void 0) { return }
-
         var fileInput = this.__getFileInput();
+
         if (fileInput !== void 0) {
           fileInput.value = '';
         }
 
+        if (localFiles === void 0) { return }
+
         localFiles.forEach(function (file) {
           this$1.__updateFile(file, 'idle');
           this$1.uploadSize += file.size;