quasar 1.22.5 → 1.22.7

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.5
+ * Quasar Framework v1.22.7
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2333,8 +2333,14 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
       -webkit-animation-fill-mode: both
     &:-webkit-autofill + .q-field__label
       transform: translateY(-40%) scale(.75)
-    &[type="number"]:invalid + .q-field__label
-      transform: translateY(-40%) scale(.75)
+    &[type="color"],
+    &[type="date"],
+    &[type="datetime-local"],
+    &[type="month"],
+    &[type="time"],
+    &[type="week"]
+      + .q-field__label
+        transform: translateY(-40%) scale(.75)
     &:invalid
       box-shadow: none
   &__native[type="file"]
@@ -2581,8 +2587,14 @@ $field-transition-label-right-up: .324s cubic-bezier(.4,0,.2,1)
     .q-field__native, .q-field__input
       &:-webkit-autofill + .q-field__label
         transform: translateY(-30%) scale(.75)
-      &[type="number"]:invalid + .q-field__label
-        transform: translateY(-30%) scale(.75)
+      &[type="color"],
+      &[type="date"],
+      &[type="datetime-local"],
+      &[type="month"],
+      &[type="time"],
+      &[type="week"]
+        + .q-field__label
+          transform: translateY(-30%) scale(.75)
   &--borderless, &--standard
     .q-field__bottom,
     &.q-field--dense .q-field__control
@@ -2871,6 +2883,7 @@ body.mobile .q-textarea,
       box-shadow: $shadow-4
 .q-layout
   width: 100%
+  outline: 0
 .q-layout-container
   position: relative
   width: 100%

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.5
+ * Quasar Framework v1.22.7
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2380,8 +2380,14 @@ $field-transition-label-right-up = .324s cubic-bezier(.4,0,.2,1)
       -webkit-animation-fill-mode: both
     &:-webkit-autofill + .q-field__label
       transform: translateY(-40%) scale(.75)
-    &[type="number"]:invalid + .q-field__label
-      transform: translateY(-40%) scale(.75)
+    &[type="color"],
+    &[type="date"],
+    &[type="datetime-local"],
+    &[type="month"],
+    &[type="time"],
+    &[type="week"]
+      + .q-field__label
+        transform: translateY(-40%) scale(.75)
     &:invalid
       box-shadow: none
   &__native[type="file"]
@@ -2628,8 +2634,14 @@ $field-transition-label-right-up = .324s cubic-bezier(.4,0,.2,1)
     .q-field__native, .q-field__input
       &:-webkit-autofill + .q-field__label
         transform: translateY(-30%) scale(.75)
-      &[type="number"]:invalid + .q-field__label
-        transform: translateY(-30%) scale(.75)
+      &[type="color"],
+      &[type="date"],
+      &[type="datetime-local"],
+      &[type="month"],
+      &[type="time"],
+      &[type="week"]
+        + .q-field__label
+          transform: translateY(-30%) scale(.75)
   &--borderless, &--standard
     .q-field__bottom,
     &.q-field--dense .q-field__control
@@ -2918,6 +2930,7 @@ body.mobile .q-textarea,
       box-shadow: $shadow-4
 .q-layout
   width: 100%
+  outline: 0
 .q-layout-container
   position: relative
   width: 100%

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.5
+ * Quasar Framework v1.22.7
  * (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.22.5";
+  var version = "1.22.7";
 
   /* eslint-disable no-useless-escape */
 
@@ -13454,10 +13454,8 @@
           this.lastEmitValue = 0;
         }
         else {
-          var ref = this.__getViewModel(this.innerMask, this.innerLocale);
-          var year = ref.year;
-          var month = ref.month;
-          this.__updateViewModel(year, month);
+          var model = this.__getViewModel(this.innerMask, this.innerLocale);
+          this.__updateViewModel(model.year, model.month, model);
         }
       },
 
@@ -14675,7 +14673,7 @@
         }
       },
 
-      __updateViewModel: function __updateViewModel (year, month) {
+      __updateViewModel: function __updateViewModel (year, month, time) {
         var this$1 = this;
 
         if (this.minNav !== void 0 && year <= this.minNav.year) {
@@ -14692,6 +14690,16 @@
           }
         }
 
+        if (time !== void 0) {
+          var hour = time.hour;
+          var minute = time.minute;
+          var second = time.second;
+          var millisecond = time.millisecond;
+          var timezoneOffset = time.timezoneOffset;
+          var timeHash = time.timeHash;
+          Object.assign(this.viewModel, { hour: hour, minute: minute, second: second, millisecond: millisecond, timezoneOffset: timezoneOffset, timeHash: timeHash });
+        }
+
         var newHash = year + '/' + pad(month) + '/01';
 
         if (newHash !== this.viewModel.dateHash) {
@@ -18028,7 +18036,7 @@
 
     methods: {
       __begin: function __begin (el, height, done) {
-        el.style.overflowY = 'hidden';
+        // here overflowY is 'hidden'
         if (height !== void 0) {
           el.style.height = height + "px";
         }
@@ -18075,12 +18083,14 @@
             var pos = 0;
             this$1.el = el;
 
+            // if animationg overflowY is already 'hidden'
             if (this$1.animating === true) {
               this$1.__cleanup();
               pos = el.offsetHeight === el.scrollHeight ? 0 : void 0;
             }
             else {
               this$1.lastEvent = 'hide';
+              el.style.overflowY = 'hidden';
             }
 
             this$1.__begin(el, pos, done);
@@ -18106,6 +18116,9 @@
             }
             else {
               this$1.lastEvent = 'show';
+              // we need to set overflowY 'hidden' before calculating the height
+              // or else we get small differences
+              el.style.overflowY = 'hidden';
               pos = el.scrollHeight;
             }
 
@@ -19235,7 +19248,11 @@
           this.focused === true ||
           typeof this.inputValue === 'number' ||
           (typeof this.inputValue === 'string' && this.inputValue.length > 0) ||
-          (this.hideSelected !== true && this.hasValue === true) ||
+          (
+            this.hideSelected !== true &&
+            this.hasValue === true &&
+            (this.type !== 'number' || isNaN(this.value) === false)
+          ) ||
           (
             this.displayValue !== void 0 &&
             this.displayValue !== null &&
@@ -20881,6 +20898,7 @@
       imgStyle: Object,
 
       nativeContextMenu: Boolean,
+      notDraggable: Boolean,
 
       noDefaultSpinner: Boolean,
       spinnerColor: String,
@@ -20920,6 +20938,14 @@
         return att
       },
 
+      imgAttrs: function imgAttrs () {
+        var att = { src: this.url, 'aria-hidden': 'true' };
+        if (this.notDraggable === true) {
+          att.draggable = false;
+        }
+        return att
+      },
+
       imgContainerStyle: function imgContainerStyle () {
         return Object.assign(
           {
@@ -21076,7 +21102,7 @@
           ? [
             h('img', {
               staticClass: 'absolute-full fit',
-              attrs: { src: this.url, 'aria-hidden': 'true' }
+              attrs: this.imgAttrs
             })
           ]
           : void 0;
@@ -21693,7 +21719,7 @@
 
         this.computedMask = mask;
         this.computedUnmask = function (val) {
-          var unmaskMatch = unmaskMatcher.exec(this$1.reverseFillMask === true ? val : val.slice(0, mask.length));
+          var unmaskMatch = unmaskMatcher.exec(this$1.reverseFillMask === true ? val : val.slice(0, mask.length + 1));
           if (unmaskMatch !== null) {
             val = unmaskMatch.slice(1).join('');
           }
@@ -21755,8 +21781,15 @@
           }
 
           if (inputType === 'insertFromPaste' && this$1.reverseFillMask !== true) {
+            var maxEnd = inp.selectionEnd;
             var cursor$1 = end - 1;
-            this$1.__moveCursorRight(inp, cursor$1, cursor$1);
+            // each non-marker char means we move once to right
+            for (var i = this$1.__pastedTextStart; i <= cursor$1 && i < maxEnd; i++) {
+              if (this$1.maskMarked[i] !== MARKER) {
+                cursor$1++;
+              }
+            }
+            this$1.__moveCursorRight(inp, cursor$1);
 
             return
           }
@@ -21782,7 +21815,7 @@
                 inp.setSelectionRange(cursor$3, cursor$3, 'forward');
               }
               else {
-                this$1.__moveCursorRightReverse(inp, cursor$3, cursor$3);
+                this$1.__moveCursorRightReverse(inp, cursor$3);
               }
             }
             else {
@@ -21793,11 +21826,11 @@
           else {
             if (changed === true) {
               var cursor$5 = Math.max(0, this$1.maskMarked.indexOf(MARKER), Math.min(preMasked.length, end) - 1);
-              this$1.__moveCursorRight(inp, cursor$5, cursor$5);
+              this$1.__moveCursorRight(inp, cursor$5);
             }
             else {
               var cursor$6 = end - 1;
-              this$1.__moveCursorRight(inp, cursor$6, cursor$6);
+              this$1.__moveCursorRight(inp, cursor$6);
             }
           }
         });
@@ -21813,73 +21846,71 @@
         var preMasked = this.__mask(this.__unmask(inp.value));
 
         start = Math.max(0, this.maskMarked.indexOf(MARKER), Math.min(preMasked.length, start));
+        this.__pastedTextStart = start;
 
         inp.setSelectionRange(start, end, 'forward');
       },
 
-      __moveCursorLeft: function __moveCursorLeft (inp, start, end, selection) {
-        var noMarkBefore = this.maskMarked.slice(start - 1).indexOf(MARKER) === -1;
-        var i = Math.max(0, start - 1);
+      __moveCursorLeft: function __moveCursorLeft (inp, cursor) {
+        var noMarkBefore = this.maskMarked.slice(cursor - 1).indexOf(MARKER) === -1;
+        var i = Math.max(0, cursor - 1);
 
         for (; i >= 0; i--) {
           if (this.maskMarked[i] === MARKER) {
-            start = i;
-            noMarkBefore === true && start++;
+            cursor = i;
+            noMarkBefore === true && cursor++;
             break
           }
         }
 
         if (
           i < 0 &&
-          this.maskMarked[start] !== void 0 &&
-          this.maskMarked[start] !== MARKER
+          this.maskMarked[cursor] !== void 0 &&
+          this.maskMarked[cursor] !== MARKER
         ) {
-          return this.__moveCursorRight(inp, 0, 0)
+          return this.__moveCursorRight(inp, 0)
         }
 
-        start >= 0 && inp.setSelectionRange(
-          start,
-          selection === true ? end : start, 'backward'
-        );
+        cursor >= 0 && inp.setSelectionRange(cursor, cursor, 'backward');
       },
 
-      __moveCursorRight: function __moveCursorRight (inp, start, end, selection) {
+      __moveCursorRight: function __moveCursorRight (inp, cursor) {
         var limit = inp.value.length;
-        var i = Math.min(limit, end + 1);
+        var i = Math.min(limit, cursor + 1);
 
         for (; i <= limit; i++) {
           if (this.maskMarked[i] === MARKER) {
-            end = i;
+            cursor = i;
             break
           }
           else if (this.maskMarked[i - 1] === MARKER) {
-            end = i;
+            cursor = i;
           }
         }
 
         if (
           i > limit &&
-          this.maskMarked[end - 1] !== void 0 &&
-          this.maskMarked[end - 1] !== MARKER
+          this.maskMarked[cursor - 1] !== void 0 &&
+          this.maskMarked[cursor - 1] !== MARKER
         ) {
-          return this.__moveCursorLeft(inp, limit, limit)
+          return this.__moveCursorLeft(inp, limit)
         }
 
-        inp.setSelectionRange(selection ? start : end, end, 'forward');
+        inp.setSelectionRange(cursor, cursor, 'forward');
       },
 
-      __moveCursorLeftReverse: function __moveCursorLeftReverse (inp, start, end, selection) {
+      __moveCursorLeftReverse: function __moveCursorLeftReverse (inp, cursor) {
         var
           maskMarked = this.__getPaddedMaskMarked(inp.value.length);
-        var i = Math.max(0, start - 1);
+        var i = Math.max(0, cursor - 1);
 
         for (; i >= 0; i--) {
           if (maskMarked[i - 1] === MARKER) {
-            start = i;
+            cursor = i;
             break
           }
           else if (maskMarked[i] === MARKER) {
-            start = i;
+            cursor = i;
             if (i === 0) {
               break
             }
@@ -21888,42 +21919,45 @@
 
         if (
           i < 0 &&
-          maskMarked[start] !== void 0 &&
-          maskMarked[start] !== MARKER
+          maskMarked[cursor] !== void 0 &&
+          maskMarked[cursor] !== MARKER
         ) {
-          return this.__moveCursorRightReverse(inp, 0, 0)
+          return this.__moveCursorRightReverse(inp, 0)
         }
 
-        start >= 0 && inp.setSelectionRange(
-          start,
-          selection === true ? end : start, 'backward'
-        );
+        cursor >= 0 && inp.setSelectionRange(cursor, cursor, 'backward');
       },
 
-      __moveCursorRightReverse: function __moveCursorRightReverse (inp, start, end, selection) {
+      __moveCursorRightReverse: function __moveCursorRightReverse (inp, cursor) {
         var
           limit = inp.value.length,
           maskMarked = this.__getPaddedMaskMarked(limit),
-          noMarkBefore = maskMarked.slice(0, end + 1).indexOf(MARKER) === -1;
-        var i = Math.min(limit, end + 1);
+          noMarkBefore = maskMarked.slice(0, cursor + 1).indexOf(MARKER) === -1;
+        var i = Math.min(limit, cursor + 1);
 
         for (; i <= limit; i++) {
           if (maskMarked[i - 1] === MARKER) {
-            end = i;
-            end > 0 && noMarkBefore === true && end--;
+            cursor = i;
+            cursor > 0 && noMarkBefore === true && cursor--;
             break
           }
         }
 
         if (
           i > limit &&
-          maskMarked[end - 1] !== void 0 &&
-          maskMarked[end - 1] !== MARKER
+          maskMarked[cursor - 1] !== void 0 &&
+          maskMarked[cursor - 1] !== MARKER
         ) {
-          return this.__moveCursorLeftReverse(inp, limit, limit)
+          return this.__moveCursorLeftReverse(inp, limit)
         }
 
-        inp.setSelectionRange(selection === true ? start : end, end, 'forward');
+        inp.setSelectionRange(cursor, cursor, 'forward');
+      },
+
+      __onMaskedClick: function __onMaskedClick (e) {
+        this.qListeners.click !== void 0 && this.$emit('click', e);
+
+        this.__selectionAnchor = void 0;
       },
 
       __onMaskedKeydown: function __onMaskedKeydown (e) {
@@ -21938,25 +21972,39 @@
           start = inp.selectionStart,
           end = inp.selectionEnd;
 
+        if (!e.shiftKey) {
+          this.__selectionAnchor = void 0;
+        }
+
         if (e.keyCode === 37 || e.keyCode === 39) { // Left / Right
+          if (e.shiftKey && this.__selectionAnchor === void 0) {
+            this.__selectionAnchor = inp.selectionDirection === 'forward' ? start : end;
+          }
+
           var fn = this['__moveCursor' + (e.keyCode === 39 ? 'Right' : 'Left') + (this.reverseFillMask === true ? 'Reverse' : '')];
 
           e.preventDefault();
-          fn(inp, start, end, e.shiftKey);
+          fn(inp, this.__selectionAnchor === start ? end : start);
+
+          if (e.shiftKey) {
+            var anchor = this.__selectionAnchor;
+            var cursor = inp.selectionStart;
+            inp.setSelectionRange(Math.min(anchor, cursor), Math.max(anchor, cursor), 'forward');
+          }
         }
         else if (
           e.keyCode === 8 && // Backspace
           this.reverseFillMask !== true &&
           start === end
         ) {
-          this.__moveCursorLeft(inp, start, end, true);
+          this.__moveCursorLeft(inp, start);
         }
         else if (
           e.keyCode === 46 && // Delete
           this.reverseFillMask === true &&
           start === end
         ) {
-          this.__moveCursorRightReverse(inp, start, end, true);
+          this.__moveCursorRightReverse(inp, end);
         }
 
         this.$emit('keydown', e);
@@ -22205,6 +22253,8 @@
 
         if (this.hasMask === true) {
           on.keydown = this.__onMaskedKeydown;
+          // reset selection anchor on pointer selection
+          on.click = this.__onMaskedClick;
         }
 
         if (this.autogrow === true) {
@@ -22360,19 +22410,31 @@
           var inp = this$1.$refs.input;
           if (inp !== void 0) {
             var parentStyle = inp.parentNode.style;
-            var ref = inp.style;
-            var overflow = ref.overflow;
+            // chrome does not keep scroll #15498
+            var scrollTop = inp.scrollTop;
+            // chrome calculates a smaller scrollHeight when in a .column container
+            var ref = this$1.$q.platform.is.firefox === true
+              ? {}
+              : window.getComputedStyle(inp);
+            var overflowY = ref.overflowY;
+            var maxHeight = ref.maxHeight;
+            // on firefox or if overflowY is specified as scroll #14263, #14344
+            // we don't touch overflow
+            // firefox is not so bad in the end
+            var changeOverflow = overflowY !== void 0 && overflowY !== 'scroll';
 
             // reset height of textarea to a small size to detect the real height
             // but keep the total control size the same
-            // Firefox rulez #14263, #14344
-            this$1.$q.platform.is.firefox !== true && (inp.style.overflow = 'hidden');
+            changeOverflow === true && (inp.style.overflowY = 'hidden');
             parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px';
             inp.style.height = '1px';
 
             inp.style.height = inp.scrollHeight + 'px';
-            inp.style.overflow = overflow;
+            // we should allow scrollbars only
+            // if there is maxHeight and content is taller than maxHeight
+            changeOverflow === true && (inp.style.overflowY = parseInt(maxHeight, 10) < inp.scrollHeight ? 'auto' : 'hidden');
             parentStyle.marginBottom = '';
+            inp.scrollTop = scrollTop;
           }
         });
       },
@@ -32491,7 +32553,7 @@
 
           if (topLeft !== void 0) {
             child.push(
-              h('div', { staticClass: 'q-table-control' }, [
+              h('div', { staticClass: 'q-table__control' }, [
                 topLeft(this.marginalsScope)
               ])
             );
@@ -39315,6 +39377,7 @@
             : h('div', {
               staticClass: 'q-bottom-sheet__item q-hoverable q-focusable cursor-pointer relative-position',
               class: action.classes,
+              style: action.style,
               attrs: attrsGridItem,
               on: {
                 click: function () {
@@ -39354,6 +39417,7 @@
             : h(QItem, {
               staticClass: 'q-bottom-sheet__item',
               class: action.classes,
+              style: action.style,
               props: {
                 tabindex: 0,
                 clickable: true,