quasar 1.19.0 → 1.19.3

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.19.0
+ * Quasar Framework v1.19.3
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -648,6 +648,7 @@ input[type='search']::-webkit-search-decoration
   line-height: 1
   width: 1em
   height: 1em
+  flex-shrink: 0
   letter-spacing: normal
   text-transform: none
   white-space: nowrap
@@ -665,8 +666,8 @@ input[type='search']::-webkit-search-decoration
     justify-content: center
   > svg,
   > img
-    width: 1em
-    height: 1em
+    width: 100%
+    height: 100%
 .q-icon,
 .material-icons,
 .material-icons-outlined,
@@ -4190,7 +4191,7 @@ body.platform-ios
     &--selected
       transform: scale(.95)
 .q-table--horizontal-separator, .q-table--cell-separator
-  thead th, tbody tr:not(:last-child) td
+  thead th, tbody tr:not(:last-child) > td
     border-bottom-width: 1px
 .q-table--vertical-separator, .q-table--cell-separator
   td, th
@@ -4617,6 +4618,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
@@ -5517,6 +5522,7 @@ body.q-ios-padding .q-notifications__list
   --q-color-info:         #{$info}
   --q-color-warning:      #{$warning}
   --q-color-dark:         #{$dark}
+  --q-color-dark-page:    #{$dark-page}
 .text-dark
   color: $dark !important
   color: var(--q-color-dark) !important
@@ -7500,6 +7506,7 @@ body.desktop
 body.body--dark
   color: #fff
   background: $dark-page
+  background: var(--q-color-dark-page)
 .q-dark
   color: #fff
   background: $grey-9

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.19.0
+ * Quasar Framework v1.19.3
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -694,6 +694,7 @@ input[type='search']::-webkit-search-decoration
   line-height: 1
   width: 1em
   height: 1em
+  flex-shrink: 0
   letter-spacing: normal
   text-transform: none
   white-space: nowrap
@@ -711,13 +712,16 @@ input[type='search']::-webkit-search-decoration
     justify-content: center
   > svg,
   > img
-    width: 1em
-    height: 1em
+    width: 100%
+    height: 100%
 .q-icon,
 .material-icons,
 .material-icons-outlined,
 .material-icons-round,
-.material-icons-sharp
+.material-icons-sharp,
+.material-symbols-outlined,
+.material-symbols-rounded,
+.material-symbols-sharp
   user-select: none
   cursor: inherit
   font-size: inherit
@@ -4234,7 +4238,7 @@ body.platform-ios
     &--selected
       transform: scale(.95)
 .q-table--horizontal-separator, .q-table--cell-separator
-  thead th, tbody tr:not(:last-child) td
+  thead th, tbody tr:not(:last-child) > td
     border-bottom-width: 1px
 .q-table--vertical-separator, .q-table--cell-separator
   td, th
@@ -4661,6 +4665,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
@@ -5558,6 +5566,7 @@ body.q-ios-padding .q-notifications__list
   --q-color-info:         $info
   --q-color-warning:      $warning
   --q-color-dark:         $dark
+  --q-color-dark-page:    $dark-page
 .text-dark
   color: $dark !important
   color: var(--q-color-dark) !important
@@ -7543,6 +7552,7 @@ body.desktop
 body.body--dark
   color: #fff
   background: $dark-page
+  background: var(--q-color-dark-page)
 .q-dark
   color: #fff
   background: $grey-9

package/dist/quasar.umd.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 */
 
@@ -3397,11 +3397,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);
           }
@@ -3424,8 +3420,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' ]
@@ -4199,7 +4194,7 @@
       },
 
       __pickAnchorEl: function __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) {
@@ -12177,7 +12172,7 @@
     var 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,
@@ -12612,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))
     },
@@ -18707,11 +18702,8 @@
       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 === 'string' && this.inputValue.length > 0) ||
+          (this.hideSelected !== true && this.hasValue === true) ||
           (
             this.displayValue !== void 0 &&
             this.displayValue !== null &&
@@ -18932,7 +18924,7 @@
               staticClass: 'q-field__native row',
               attrs: Object.assign({}, {tabindex: -1},
                 this.qAttrs,
-                {'data-autofocus': this.autofocus})
+                {'data-autofocus': this.autofocus || void 0})
             }, this.$scopedSlots.control(this.controlSlotScope))
           );
         }
@@ -19110,7 +19102,7 @@
 
       var attrs = this.__getControl === void 0 && this.$scopedSlots.control === void 0
         ? Object.assign({}, this.qAttrs,
-          {'data-autofocus': this.autofocus},
+          {'data-autofocus': this.autofocus || void 0},
           this.attrs)
         : this.attrs;
 
@@ -19517,6 +19509,10 @@
 
       isAppending: function isAppending () {
         return this.multiple === true && this.append === true
+      },
+
+      fieldClass: function fieldClass () {
+        return 'q-file q-field--auto-height' + (this.dnd === true ? ' q-file--dnd' : '')
       }
     },
 
@@ -19687,8 +19683,6 @@
     },
 
     created: function created () {
-      this.fieldClass = 'q-file q-field--auto-height';
-
       // necessary for QField's clearable
       // and FileValueMixin
       this.type = 'file';
@@ -21481,28 +21475,29 @@
   var isJapanese = /[\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf]/;
   var isChinese = /(?:[\u3300-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF\uFE30-\uFE4F]|[\uD840-\uD868\uD86A-\uD872][\uDC00-\uDFFF]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD873[\uDC00-\uDEAF]|\uD87E[\uDC00-\uDE1F])/;
   var isKorean = /[\u3131-\u314e\u314f-\u3163\uac00-\ud7a3]/;
+  var isPlainText = /[a-z0-9_ -]$/i;
 
   var CompositionMixin = {
     methods: {
       __onComposition: function __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'
+        ) {
+          var 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;
-        }
       }
     }
   };
@@ -21647,7 +21642,7 @@
 
       inputAttrs: function inputAttrs () {
         var attrs = Object.assign({}, {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},
@@ -21701,7 +21696,7 @@
       },
 
       __onInput: function __onInput (e) {
-        if (!e || !e.target || e.target.composing === true) {
+        if (!e || !e.target || e.target.qComposing === true) {
           return
         }
 
@@ -25624,6 +25619,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' },
@@ -25741,7 +25738,7 @@
         return Math.round(
           between(
             this.container.vertical * this.container.vertical / this.scroll.vertical.size,
-            50,
+            getMinThumbSize(this.container.vertical),
             this.container.vertical
           )
         )
@@ -25751,7 +25748,7 @@
         return Math.round(
           between(
             this.container.horizontal * this.container.horizontal / this.scroll.horizontal.size,
-            50,
+            getMinThumbSize(this.container.horizontal),
             this.container.horizontal
           )
         )
@@ -26383,11 +26380,12 @@
       setOverflowAnchor.isSupported = window.getComputedStyle(document.body).overflowAnchor !== void 0;
     }
 
-    if (setOverflowAnchor.isSupported === false) {
+    if (setOverflowAnchor.isSupported === false || contentEl === void 0) {
       return
     }
 
-    requestAnimationFrame(function () {
+    cancelAnimationFrame(contentEl._qOverflowAnimationFrame);
+    contentEl._qOverflowAnimationFrame = requestAnimationFrame(function () {
       if (contentEl === void 0) {
         return
       }
@@ -27064,15 +27062,20 @@
         this.__updateMenu(show);
       },
 
-      virtualScrollLength: function virtualScrollLength () {
+      virtualScrollLength: function virtualScrollLength (newLength, oldLength) {
         var this$1 = this;
 
         if (this.menu === true && this.innerLoading === false) {
-          this.reset();
+          this.__resetVirtualScroll(-1, true);
 
           this.$nextTick(function () {
             if (this$1.menu === true && this$1.innerLoading === false) {
-              this$1.__updateMenu(true);
+              if (newLength > oldLength) {
+                this$1.__resetVirtualScroll();
+              }
+              else {
+                this$1.__updateMenu(true);
+              }
             }
           });
         }
@@ -28022,7 +28025,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}),
           on: this.inputControlEvents
@@ -28044,7 +28047,7 @@
 
         clearTimeout(this.inputTimer);
 
-        if (e && e.target && e.target.composing === true) {
+        if (e && e.target && e.target.qComposing === true) {
           return
         }
 
@@ -36104,7 +36107,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', {