quasar 1.22.1 → 1.22.3

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.1
+ * Quasar Framework v1.22.3
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1117,7 +1117,7 @@ input[type='search']::-webkit-search-decoration
   &__actions
     padding: 8px
     align-items: center
-    .q-btn__wrapper
+    .q-btn--rectangle .q-btn__wrapper
       padding: 0 8px
     &--horiz
       > .q-btn-item + .q-btn-item,
@@ -2212,7 +2212,8 @@ body.q-ios-padding .q-dialog__inner
       margin-left: -28px
     &--opened
       opacity: 1
-      transform: scale(1) translate(0, 0)
+      
+      transform: scale(1) translate(0.1px, 0)
       pointer-events: all
   &--align-left
     > .q-fab__actions
@@ -3068,9 +3069,10 @@ body.platform-ios
     &--dark
       background: rgba(255,255,255,.6)
   &__stripe
-    transition: width .3s
     background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)) !important
     background-size: 40px 40px !important
+    &--with-transition
+      transition: width .3s
 @keyframes q-linear-progress--indeterminate
   0%
     transform: translate3d(-35%, 0, 0) scale3d(.35, 1, 1)
@@ -7403,8 +7405,10 @@ sup
   opacity: .6 !important
 .hidden
   display: none !important
-.invisible
+.invisible, .invisible *
   visibility: hidden !important
+  transition: none !important
+  animation: none !important
 .transparent
   background: transparent !important
 .overflow-auto

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.1
+ * Quasar Framework v1.22.3
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1163,7 +1163,7 @@ input[type='search']::-webkit-search-decoration
   &__actions
     padding: 8px
     align-items: center
-    .q-btn__wrapper
+    .q-btn--rectangle .q-btn__wrapper
       padding: 0 8px
     &--horiz
       > .q-btn-item + .q-btn-item,
@@ -2259,7 +2259,8 @@ body.q-ios-padding .q-dialog__inner
       margin-left: -28px
     &--opened
       opacity: 1
-      transform: scale(1) translate(0, 0)
+      
+      transform: scale(1) translate(0.1px, 0)
       pointer-events: all
   &--align-left
     > .q-fab__actions
@@ -3115,9 +3116,10 @@ body.platform-ios
     &--dark
       background: rgba(255,255,255,.6)
   &__stripe
-    transition: width .3s
     background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)) !important
     background-size: 40px 40px !important
+    &--with-transition
+      transition: width .3s
 @keyframes q-linear-progress--indeterminate
   0%
     transform: translate3d(-35%, 0, 0) scale3d(.35, 1, 1)
@@ -7450,8 +7452,10 @@ sup
   opacity: .6 !important
 .hidden
   display: none !important
-.invisible
+.invisible, .invisible *
   visibility: hidden !important
+  transition: none !important
+  animation: none !important
 .transparent
   background: transparent !important
 .overflow-auto

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.1
+ * Quasar Framework v1.22.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.22.1";
+  var version = "1.22.3";
 
   /* eslint-disable no-useless-escape */
 
@@ -5673,10 +5673,10 @@
           ? document.activeElement
           : void 0;
 
-        EscapeKey.register(this, function () {
+        EscapeKey.register(this, function (escEvt) {
           if (this$1.persistent !== true) {
             this$1.$emit('escape-key');
-            this$1.hide();
+            this$1.hide(escEvt);
           }
         });
 
@@ -5748,7 +5748,10 @@
             evt.qClickOutside !== true
           )
         ) {
-          this.__refocusTarget.focus();
+          ((evt && evt.type.indexOf('key') === 0
+            ? this.__refocusTarget.closest('[tabindex]:not([tabindex^="-"])')
+            : void 0
+          ) || this.__refocusTarget).focus();
           this.__refocusTarget = void 0;
         }
 
@@ -6027,7 +6030,6 @@
         'aria-expanded': this.showing === true ? 'true' : 'false',
         'aria-haspopup': 'true',
         'aria-controls': this.targetUid,
-        'aria-owns': this.targetUid,
         'aria-label': this.toggleAriaLabel || this.$q.lang.label[ this.showing === true ? 'collapse' : 'expand' ](this.label)
       };
 
@@ -13411,7 +13413,9 @@
       },
 
       view: function view () {
-        this.$refs.blurTarget !== void 0 && this.$refs.blurTarget.focus();
+        if (this.$refs.blurTarget !== void 0 && this.$el.contains(document.activeElement) === true) {
+          this.$refs.blurTarget.focus();
+        }
       },
 
       'viewModel.year': function viewModel_year (year) {
@@ -15220,9 +15224,9 @@
         });
       },
 
-      shake: function shake (refocusTarget) {
-        if (refocusTarget && typeof refocusTarget.focus === 'function') {
-          refocusTarget.focus({ preventScroll: true });
+      shake: function shake (focusTarget) {
+        if (focusTarget && typeof focusTarget.focus === 'function') {
+          focusTarget.focus({ preventScroll: true });
         }
         else {
           this.focus();
@@ -15261,14 +15265,14 @@
         this.$el.dispatchEvent(create('popup-show', { bubbles: true }));
         this.__updateMaximized(this.maximized);
 
-        EscapeKey.register(this, function () {
+        EscapeKey.register(this, function (escEvt) {
           if (this$1.seamless !== true) {
             if (this$1.persistent === true || this$1.noEscDismiss === true) {
               this$1.maximized !== true && this$1.noShake !== true && this$1.shake();
             }
             else {
               this$1.$emit('escape-key');
-              this$1.hide();
+              this$1.hide(escEvt);
             }
           }
         });
@@ -15330,7 +15334,10 @@
 
         // check null for IE
         if (this.__refocusTarget !== void 0 && this.__refocusTarget !== null) {
-          this.__refocusTarget.focus(evt);
+          ((evt && evt.type.indexOf('key') === 0
+            ? this.__refocusTarget.closest('[tabindex]:not([tabindex^="-"])')
+            : void 0
+          ) || this.__refocusTarget).focus();
           this.__refocusTarget = void 0;
         }
 
@@ -15410,6 +15417,8 @@
       },
 
       __renderPortal: function __renderPortal (h) {
+        var obj;
+
         return h('div', {
           staticClass: ("q-dialog fullscreen no-pointer-events q-dialog--" + (this.useBackdrop === true ? 'modal' : 'seamless')),
           class: this.contentClass,
@@ -15422,9 +15431,7 @@
             h('div', {
               staticClass: 'q-dialog__backdrop fixed-full',
               attrs: backdropAttrs,
-              on: cache(this, 'bkdrop', {
-                focusin: this.__onBackdropClick
-              })
+              on: cache(this, 'bkdrop', ( obj = {}, obj[ this.$q.platform.is.ios === true ? 'click' : 'focusin' ] = this.__onBackdropClick, obj ))
             })
           ] : null),
 
@@ -16412,8 +16419,6 @@
     }
   });
 
-  var attrs$4 = { role: 'list' };
-
   var QList = Vue.extend({
     name: 'QList',
 
@@ -16445,7 +16450,6 @@
     render: function render (h) {
       return h(this.tag, {
         class: this.classes,
-        attrs: attrs$4,
         on: Object.assign({}, this.qListeners)
       }, slot(this, 'default'))
     }
@@ -18283,7 +18287,6 @@
         return {
           role: 'button',
           'aria-expanded': this.showing === true ? 'true' : 'false',
-          'aria-owns': this.targetUid,
           'aria-controls': this.targetUid,
           'aria-label': toggleAriaLabel
         }
@@ -18630,13 +18633,11 @@
 
       actionsAttrs: function actionsAttrs () {
         var attrs = {
-          id: this.targetUid
+          id: this.targetUid,
+          role: 'menu'
         };
 
-        if (this.showing === true) {
-          attrs.role = 'menu';
-        }
-        else {
+        if (this.showing !== true) {
           attrs['aria-hidden'] = 'true';
         }
 
@@ -18650,8 +18651,7 @@
       attrs: function attrs () {
         return Object.assign({}, {'aria-expanded': this.showing === true ? 'true' : 'false',
           'aria-haspopup': 'true',
-          'aria-controls': this.targetUid,
-          'aria-owns': this.targetUid},
+          'aria-controls': this.targetUid},
           this.qAttrs)
       },
 
@@ -21832,6 +21832,8 @@
       },
 
       __onMaskedKeydown: function __onMaskedKeydown (e) {
+        this.qListeners.keydown !== void 0 && this.$emit('keydown', e);
+
         if (shouldIgnoreKey(e) === true) {
           return
         }
@@ -22111,7 +22113,7 @@
         }
 
         if (this.autogrow === true) {
-          on.animationend = this.__adjustHeight;
+          on.animationend = this.__onAnimationend;
         }
 
         return on
@@ -22210,6 +22212,11 @@
         this.autogrow === true && this.__adjustHeight();
       },
 
+      __onAnimationend: function __onAnimationend (e) {
+        this.qListeners.animationend !== void 0 && this.$emit('animationend', e);
+        this.__adjustHeight();
+      },
+
       __emitValue: function __emitValue (val, stopWatcher) {
         var this$1 = this;
 
@@ -22265,8 +22272,8 @@
             // but keep the total control size the same
             // Firefox rulez #14263, #14344
             this$1.$q.platform.is.firefox !== true && (inp.style.overflow = 'hidden');
-            inp.style.height = '1px';
             parentStyle.marginBottom = (inp.scrollHeight - 1) + 'px';
+            inp.style.height = '1px';
 
             inp.style.height = inp.scrollHeight + 'px';
             inp.style.overflow = overflow;
@@ -25148,8 +25155,12 @@
         return width$1(this.buffer !== void 0 ? this.buffer : 1, this.widthReverse, this.$q)
       },
 
+      transitionSuffix: function transitionSuffix () {
+        return ("with" + (this.instantFeedback === true ? 'out' : '') + "-transition")
+      },
+
       trackClass: function trackClass () {
-        return "q-linear-progress__track--with" + (this.instantFeedback === true ? 'out' : '') + "-transition" +
+        return "q-linear-progress__track absolute-full q-linear-progress__track--" + (this.transitionSuffix) +
           " q-linear-progress__track--" + (this.isDark === true ? 'dark' : 'light') +
           (this.trackColor !== void 0 ? (" bg-" + (this.trackColor)) : '')
       },
@@ -25159,7 +25170,7 @@
       },
 
       modelClasses: function modelClasses () {
-        return "q-linear-progress__model--with" + (this.instantFeedback === true ? 'out' : '') + "-transition" +
+        return "q-linear-progress__model absolute-full q-linear-progress__model--" + (this.transitionSuffix) +
           " q-linear-progress__model--" + (this.motion === true ? 'in' : '') + "determinate"
       },
 
@@ -25168,7 +25179,8 @@
       },
 
       stripeClass: function stripeClass () {
-        return this.reverse === true ? 'absolute-right' : 'absolute-left'
+        return "q-linear-progress__stripe q-linear-progress__stripe--" + (this.transitionSuffix)
+          + " absolute-" + (this.reverse === true ? 'right' : 'left')
       },
 
       attrs: function attrs () {
@@ -25184,13 +25196,11 @@
     render: function render (h) {
       var child = [
         h('div', {
-          staticClass: 'q-linear-progress__track absolute-full',
           style: this.trackStyle,
           class: this.trackClass
         }),
 
         h('div', {
-          staticClass: 'q-linear-progress__model absolute-full',
           style: this.modelStyle,
           class: this.modelClasses
         })
@@ -25198,7 +25208,6 @@
 
       this.stripe === true && this.motion === false && child.push(
         h('div', {
-          staticClass: 'q-linear-progress__stripe',
           style: this.stripeStyle,
           class: this.stripeClass
         })
@@ -27720,6 +27729,12 @@
           .join(', ')
       },
 
+      ariaCurrentValue: function ariaCurrentValue () {
+        return this.displayValue !== void 0
+          ? this.displayValue
+          : this.selectedString
+      },
+
       sanitizeFn: function sanitizeFn () {
         return this.optionsSanitize === true
           ? function () { return true; }
@@ -27913,7 +27928,6 @@
           'aria-readonly': this.readonly === true ? 'true' : 'false',
           'aria-autocomplete': this.useInput === true ? 'list' : 'none',
           'aria-expanded': this.menu === true ? 'true' : 'false',
-          'aria-owns': ((this.targetUid) + "_lb"),
           'aria-controls': ((this.targetUid) + "_lb")
         };
 
@@ -27925,13 +27939,11 @@
       },
 
       listboxAttrs: function listboxAttrs () {
-        var attrs = {
+        return {
           id: ((this.targetUid) + "_lb"),
           role: 'listbox',
           'aria-multiselectable': this.multiple === true ? 'true' : 'false'
-        };
-
-        return attrs
+        }
       }
     },
 
@@ -28304,7 +28316,9 @@
           this.useInput !== true &&
           e.key !== void 0 &&
           e.key.length === 1 && // printable char
-          e.altKey === e.ctrlKey && // not kbd shortcut
+          e.altKey === false && // not kbd shortcut
+          e.ctrlKey === false && // not kbd shortcut
+          e.metaKey === false && // not kbd shortcut, especially on macOS with Command key
           (e.keyCode !== 32 || this.searchBuffer.length > 0) // space in middle of search
         ) {
           this.menu !== true && this.showPopup(e);
@@ -28466,9 +28480,7 @@
 
         return [
           h('span', {
-            domProps: ( obj = {}, obj[this.displayAsText ? 'textContent' : 'innerHTML'] = this.displayValue !== void 0
-                ? this.displayValue
-                : this.selectedString, obj )
+            domProps: ( obj = {}, obj[this.displayAsText ? 'textContent' : 'innerHTML'] = this.ariaCurrentValue, obj )
           })
         ]
       },
@@ -28506,6 +28518,7 @@
               h('input', {
                 key: 'autoinp',
                 staticClass: 'q-select__autocomplete-input',
+                domProps: { value: this.ariaCurrentValue },
                 attrs: { autocomplete: this.autocomplete, tabindex: -1 },
                 on: cache(this, 'autoinp', {
                   keyup: this.__onTargetAutocomplete
@@ -32109,7 +32122,7 @@
     }
   });
 
-  var attrs$5 = { role: 'tabpanel' };
+  var attrs$4 = { role: 'tabpanel' };
 
   var StepWrapper = Vue.extend({
     name: 'QStepWrapper',
@@ -32206,7 +32219,7 @@
         'div',
         {
           staticClass: 'q-stepper__step',
-          attrs: attrs$5,
+          attrs: attrs$4,
           on: this.onEvents
         },
         vertical === true
@@ -35341,7 +35354,7 @@
     }
   });
 
-  var attrs$6 = { role: 'toolbar' };
+  var attrs$5 = { role: 'toolbar' };
 
   var QToolbar = Vue.extend({
     name: 'QToolbar',
@@ -35356,7 +35369,7 @@
       return h('div', {
         staticClass: 'q-toolbar row no-wrap items-center',
         class: this.inset ? 'q-toolbar--inset' : null,
-        attrs: attrs$6,
+        attrs: attrs$5,
         on: Object.assign({}, this.qListeners)
       }, slot(this, 'default'))
     }