quasar 1.19.0 → 1.19.3

package/dist/quasar.umd.modern.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.19.0
+ * Quasar Framework v1.19.3
  * (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.0";
+  var version = "1.19.3";
 
   /* eslint-disable no-useless-escape */
 
@@ -3292,11 +3292,7 @@
             evt.qSkipRipple !== true &&
             // on ENTER in form IE emits a PointerEvent with negative client cordinates
             (client.is.ie !== true || evt.clientX >= 0) &&
-            (
-              ctx.modifiers.early === true
-                ? ['mousedown', 'touchstart'].includes(evt.type) === true
-                : evt.type === 'click'
-            )
+            evt.type === (ctx.modifiers.early === true ? 'pointerdown' : 'click')
           ) {
             showRipple(evt, el, ctx, evt.qKeyEvent === true);
           }
@@ -3319,8 +3315,7 @@
       el.__qripple = ctx;
 
       addEvt(ctx, 'main', [
-        [ el, 'mousedown', 'start', 'passive' ],
-        [ el, 'touchstart', 'start', 'passive' ],
+        [ el, 'pointerdown', 'start', 'passive' ],
         [ el, 'click', 'start', 'passive' ],
         [ el, 'keydown', 'keystart', 'passive' ],
         [ el, 'keyup', 'keystart', 'passive' ]
@@ -4086,7 +4081,7 @@
       },
 
       __pickAnchorEl () {
-        if (this.target === false || this.target === '') {
+        if (this.target === false || this.target === '' || this.parentEl === null) {
           this.anchorEl = void 0;
         }
         else if (this.target === true) {
@@ -11972,7 +11967,7 @@
     const date = new Date(
       d.year,
       d.month === null ? null : d.month - 1,
-      d.day,
+      d.day === null ? 1 : d.day,
       d.hour,
       d.minute,
       d.second,
@@ -12401,7 +12396,7 @@
     YY (date, _, forcedYear) {
       // workaround for < 1900 with new Date()
       const y = this.YYYY(date, _, forcedYear) % 100;
-      return y > 0
+      return y >= 0
         ? pad(y)
         : '-' + pad(Math.abs(y))
     },
@@ -18394,11 +18389,8 @@
       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 === 'string' && this.inputValue.length > 0) ||
+          (this.hideSelected !== true && this.hasValue === true) ||
           (
             this.displayValue !== void 0 &&
             this.displayValue !== null &&
@@ -18641,7 +18633,7 @@
               attrs: {
                 tabindex: -1,
                 ...this.qAttrs,
-                'data-autofocus': this.autofocus
+                'data-autofocus': this.autofocus || void 0
               }
             }, this.$scopedSlots.control(this.controlSlotScope))
           );
@@ -18817,7 +18809,7 @@
       const attrs = this.__getControl === void 0 && this.$scopedSlots.control === void 0
         ? {
           ...this.qAttrs,
-          'data-autofocus': this.autofocus,
+          'data-autofocus': this.autofocus || void 0,
           ...this.attrs
         }
         : this.attrs;
@@ -19225,6 +19217,10 @@
 
       isAppending () {
         return this.multiple === true && this.append === true
+      },
+
+      fieldClass () {
+        return 'q-file q-field--auto-height' + (this.dnd === true ? ' q-file--dnd' : '')
       }
     },
 
@@ -19391,8 +19387,6 @@
     },
 
     created () {
-      this.fieldClass = 'q-file q-field--auto-height';
-
       // necessary for QField's clearable
       // and FileValueMixin
       this.type = 'file';
@@ -21156,28 +21150,29 @@
   const isJapanese = /[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/;
   const isChinese = /[\u4e00-\u9fff\u3400-\u4dbf\u{20000}-\u{2a6df}\u{2a700}-\u{2b73f}\u{2b740}-\u{2b81f}\u{2b820}-\u{2ceaf}\uf900-\ufaff\u3300-\u33ff\ufe30-\ufe4f\uf900-\ufaff\u{2f800}-\u{2fa1f}]/u;
   const isKorean = /[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/;
+  const isPlainText = /[a-z0-9_ -]$/i;
 
   var CompositionMixin = {
     methods: {
       __onComposition (e) {
         if (e.type === 'compositionend' || e.type === 'change') {
-          if (e.target.composing !== true) { return }
-          e.target.composing = false;
+          if (e.target.qComposing !== true) { return }
+          e.target.qComposing = false;
           this.__onInput(e);
         }
-        else if (e.type === 'compositionupdate') {
-          if (
-            typeof e.data === 'string' &&
-            isJapanese.test(e.data) === false &&
-            isChinese.test(e.data) === false &&
-            isKorean.test(e.data) === false
-          ) {
-            e.target.composing = false;
+        else if (
+          e.type === 'compositionupdate' &&
+          e.target.qComposing !== true &&
+          typeof e.data === 'string'
+        ) {
+          const isComposing = client.is.firefox === true
+            ? isPlainText.test(e.data) === false
+            : isJapanese.test(e.data) === true || isChinese.test(e.data) === true || isKorean.test(e.data) === true;
+
+          if (isComposing === true) {
+            e.target.qComposing = true;
           }
         }
-        else {
-          e.target.composing = true;
-        }
       }
     }
   };
@@ -21325,7 +21320,7 @@
       inputAttrs () {
         const attrs = {
           tabindex: 0,
-          'data-autofocus': this.autofocus,
+          'data-autofocus': this.autofocus || void 0,
           rows: this.type === 'textarea' ? 6 : void 0,
           'aria-label': this.label,
           name: this.nameProp,
@@ -21378,7 +21373,7 @@
       },
 
       __onInput (e) {
-        if (!e || !e.target || e.target.composing === true) {
+        if (!e || !e.target || e.target.qComposing === true) {
           return
         }
 
@@ -25240,6 +25235,8 @@
     }
   });
 
+  const getMinThumbSize = size => (size >= 250 ? 50 : Math.ceil(size / 5));
+
   const axisList = [ 'vertical', 'horizontal' ];
   const dirProps = {
     vertical: { offset: 'offsetY', scroll: 'scrollTop', dir: 'down', dist: 'y' },
@@ -25357,7 +25354,7 @@
         return Math.round(
           between(
             this.container.vertical * this.container.vertical / this.scroll.vertical.size,
-            50,
+            getMinThumbSize(this.container.vertical),
             this.container.vertical
           )
         )
@@ -25367,7 +25364,7 @@
         return Math.round(
           between(
             this.container.horizontal * this.container.horizontal / this.scroll.horizontal.size,
-            50,
+            getMinThumbSize(this.container.horizontal),
             this.container.horizontal
           )
         )
@@ -25983,11 +25980,12 @@
       setOverflowAnchor.isSupported = window.getComputedStyle(document.body).overflowAnchor !== void 0;
     }
 
-    if (setOverflowAnchor.isSupported === false) {
+    if (setOverflowAnchor.isSupported === false || contentEl === void 0) {
       return
     }
 
-    requestAnimationFrame(() => {
+    cancelAnimationFrame(contentEl._qOverflowAnimationFrame);
+    contentEl._qOverflowAnimationFrame = requestAnimationFrame(() => {
       if (contentEl === void 0) {
         return
       }
@@ -26657,13 +26655,18 @@
         this.__updateMenu(show);
       },
 
-      virtualScrollLength () {
+      virtualScrollLength (newLength, oldLength) {
         if (this.menu === true && this.innerLoading === false) {
-          this.reset();
+          this.__resetVirtualScroll(-1, true);
 
           this.$nextTick(() => {
             if (this.menu === true && this.innerLoading === false) {
-              this.__updateMenu(true);
+              if (newLength > oldLength) {
+                this.__resetVirtualScroll();
+              }
+              else {
+                this.__updateMenu(true);
+              }
             }
           });
         }
@@ -27581,7 +27584,7 @@
             maxlength: this.maxlength, // this is converted to prop by QField
             tabindex: this.tabindex,
             autocomplete: this.autocomplete,
-            'data-autofocus': fromDialog === true ? false : this.autofocus,
+            'data-autofocus': (fromDialog !== true && this.autofocus) || void 0,
             disabled: this.disable === true,
             readonly: this.readonly === true
           },
@@ -27602,7 +27605,7 @@
       __onInput (e) {
         clearTimeout(this.inputTimer);
 
-        if (e && e.target && e.target.composing === true) {
+        if (e && e.target && e.target.qComposing === true) {
           return
         }
 
@@ -35549,7 +35552,8 @@
           'q-uploader--bordered': this.bordered,
           'q-uploader--square no-border-radius': this.square,
           'q-uploader--flat no-shadow': this.flat,
-          'disabled q-uploader--disable': this.disable
+          'disabled q-uploader--disable': this.disable,
+          'q-uploader--dnd': this.dnd
         },
         on: this.canAddFiles === true
           ? cache(this, 'drag', {