quasar 1.22.2 → 1.22.4

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.2
+ * Quasar Framework v1.22.4
  * (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,
@@ -3069,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)
@@ -7404,8 +7405,12 @@ sup
   opacity: .6 !important
 .hidden
   display: none !important
-.invisible
+.invisible, .invisible *
   visibility: hidden !important
+  transition: none !important
+  animation: none !important
+.invisible svg *
+  display: none
 .transparent
   background: transparent !important
 .overflow-auto

package/dist/quasar.styl

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.2
+ * Quasar Framework v1.22.4
  * (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,
@@ -3116,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)
@@ -7451,8 +7452,12 @@ sup
   opacity: .6 !important
 .hidden
   display: none !important
-.invisible
+.invisible, .invisible *
   visibility: hidden !important
+  transition: none !important
+  animation: none !important
+.invisible svg *
+  display: none
 .transparent
   background: transparent !important
 .overflow-auto

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v1.22.2
+ * Quasar Framework v1.22.4
  * (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.2";
+  var version = "1.22.4";
 
   /* eslint-disable no-useless-escape */
 
@@ -5358,17 +5358,34 @@
     }
 
     return {
-      top: top,
-      left: left,
-      right: right,
-      bottom: bottom,
-      width: width,
-      height: height,
+      top: top, bottom: bottom, height: height,
+      left: left, right: right, width: width,
       middle: left + (right - left) / 2,
       center: top + (bottom - top) / 2
     }
   }
 
+  function getAbsoluteAnchorProps (el, absoluteOffset, offset) {
+    var ref = el.getBoundingClientRect();
+    var top = ref.top;
+    var left = ref.left;
+
+    top += absoluteOffset.top;
+    left += absoluteOffset.left;
+
+    if (offset !== void 0) {
+      top += offset[ 1 ];
+      left += offset[ 0 ];
+    }
+
+    return {
+      top: top, bottom: top + 1, height: 1,
+      left: left, right: left + 1, width: 1,
+      middle: left,
+      center: top
+    }
+  }
+
   function getTargetProps (el) {
     return {
       top: 0,
@@ -5380,6 +5397,13 @@
     }
   }
 
+  function getTopLeftProps (anchorProps, targetProps, cfg) {
+    return {
+      top: anchorProps[ cfg.anchorOrigin.vertical ] - targetProps[ cfg.selfOrigin.vertical ],
+      left: anchorProps[ cfg.anchorOrigin.horizontal ] - targetProps[ cfg.selfOrigin.horizontal ]
+    }
+  }
+
   // cfg: { el, anchorEl, anchorOrigin, selfOrigin, offset, absoluteOffset, cover, fit, maxHeight, maxWidth }
   function setPosition (cfg) {
     if (client.is.ios === true && window.visualViewport !== void 0) {
@@ -5400,8 +5424,6 @@
       }
     }
 
-    var anchorProps;
-
     // scroll position might change
     // if max-height/-width changes, so we
     // need to restore it after we calculate
@@ -5410,18 +5432,9 @@
     var scrollLeft = ref$1.scrollLeft;
     var scrollTop = ref$1.scrollTop;
 
-    if (cfg.absoluteOffset === void 0) {
-      anchorProps = getAnchorProps(cfg.anchorEl, cfg.cover === true ? [0, 0] : cfg.offset);
-    }
-    else {
-      var ref$2 = cfg.anchorEl.getBoundingClientRect();
-      var anchorTop = ref$2.top;
-      var anchorLeft = ref$2.left;
-      var top$1 = anchorTop + cfg.absoluteOffset.top,
-        left$1 = anchorLeft + cfg.absoluteOffset.left;
-
-      anchorProps = { top: top$1, left: left$1, width: 1, height: 1, right: left$1 + 1, center: top$1, middle: left$1, bottom: top$1 + 1 };
-    }
+    var anchorProps = cfg.absoluteOffset === void 0
+      ? getAnchorProps(cfg.anchorEl, cfg.cover === true ? [ 0, 0 ] : cfg.offset)
+      : getAbsoluteAnchorProps(cfg.anchorEl, cfg.absoluteOffset, cfg.offset);
 
     var elStyle = {
       maxHeight: cfg.maxHeight,
@@ -5438,14 +5451,45 @@
 
     Object.assign(cfg.el.style, elStyle);
 
-    var
-      targetProps = getTargetProps(cfg.el),
-      props = {
-        top: anchorProps[cfg.anchorOrigin.vertical] - targetProps[cfg.selfOrigin.vertical],
-        left: anchorProps[cfg.anchorOrigin.horizontal] - targetProps[cfg.selfOrigin.horizontal]
-      };
+    var targetProps = getTargetProps(cfg.el);
+    var props = getTopLeftProps(anchorProps, targetProps, cfg);
+
+    if (cfg.absoluteOffset === void 0 || cfg.offset === void 0) {
+      applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+    }
+    else { // we have touch position or context menu with offset
+      var top$1 = props.top;
+      var left$1 = props.left; // cache initial values
+
+      // apply initial boundaries
+      applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+
+      var hasChanged = false;
+
+      // did it flip vertically?
+      if (props.top !== top$1) {
+        hasChanged = true;
+        var offsetY = 2 * cfg.offset[ 1 ];
+        anchorProps.center = anchorProps.top -= offsetY;
+        anchorProps.bottom -= offsetY + 2;
+      }
+
+      // did it flip horizontally?
+      if (props.left !== left$1) {
+        hasChanged = true;
+        var offsetX = 2 * cfg.offset[ 0 ];
+        anchorProps.middle = anchorProps.left -= offsetX;
+        anchorProps.right -= offsetX + 2;
+      }
 
-    applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+      if (hasChanged === true) {
+        // re-calculate props with the new anchor
+        props = getTopLeftProps(anchorProps, targetProps, cfg);
+
+        // and re-apply boundaries
+        applyBoundaries(props, anchorProps, targetProps, cfg.anchorOrigin, cfg.selfOrigin);
+      }
+    }
 
     elStyle = {
       top: props.top + 'px',
@@ -15417,6 +15461,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,
@@ -15429,9 +15475,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),
 
@@ -22272,8 +22316,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;
@@ -25155,8 +25199,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)) : '')
       },
@@ -25166,7 +25214,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"
       },
 
@@ -25175,7 +25223,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 () {
@@ -25191,13 +25240,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
         })
@@ -25205,7 +25252,6 @@
 
       this.stripe === true && this.motion === false && child.push(
         h('div', {
-          staticClass: 'q-linear-progress__stripe',
           style: this.stripeStyle,
           class: this.stripeClass
         })