quasar 2.11.4 → 2.11.6

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.11.4
+ * Quasar Framework v2.11.6
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -576,8 +576,8 @@ $toolbar-title-font-weight      : normal !default
 $toolbar-title-letter-spacing   : .01em !default
 $toolbar-title-padding          : 0 12px !default
 $layout-border                  : 1px solid $separator-color !default
-$layout-shadow                  : 0 0 10px 2px rgba(0,0,0,0.2), 0 0px 10px rgba(0,0,0,0.24) !default
-$layout-shadow-dark             : 0 0 10px 2px rgba(255,255,255,.2), 0 0px 10px rgba(255,255,255,.24) !default
+$layout-shadow                  : 0 0 10px 2px rgba($shadow-color,0.2), 0 0px 10px rgba($shadow-color,0.24) !default
+$layout-shadow-dark             : 0 0 10px 2px rgba($dark-shadow-color,.2), 0 0px 10px rgba($dark-shadow-color,.24) !default
 $menu-background                : #fff !default
 $menu-box-shadow                : $shadow-2 !default
 $menu-box-shadow-dark           : $dark-shadow-2 !default
@@ -2922,6 +2922,7 @@ body.body--dark .q-knob--editable:focus:before
   box-shadow: $dark-shadow-2
 .q-layout
   width: 100%
+  outline: 0
 .q-layout-container
   position: relative
   width: 100%
@@ -7460,8 +7461,6 @@ sup
   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 v2.11.4
+ * Quasar Framework v2.11.6
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1476,20 +1476,23 @@
           return false
         }
 
-        i = a.entries().next();
+        let iter = a.entries();
+
+        i = iter.next();
         while (i.done !== true) {
           if (b.has(i.value[ 0 ]) !== true) {
             return false
           }
-          i = i.next();
+          i = iter.next();
         }
 
-        i = a.entries().next();
+        iter = a.entries();
+        i = iter.next();
         while (i.done !== true) {
           if (isDeepEqual(i.value[ 1 ], b.get(i.value[ 0 ])) !== true) {
             return false
           }
-          i = i.next();
+          i = iter.next();
         }
 
         return true
@@ -1500,12 +1503,14 @@
           return false
         }
 
-        i = a.entries().next();
+        const iter = a.entries();
+
+        i = iter.next();
         while (i.done !== true) {
           if (b.has(i.value[ 0 ]) !== true) {
             return false
           }
-          i = i.next();
+          i = iter.next();
         }
 
         return true
@@ -1648,7 +1653,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.11.4' };
+      const $q = { version: '2.11.6' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -12100,7 +12105,7 @@
     });
 
     const tabindex = vue.computed(() => {
-      return props.editable === true ? 0 : -1
+      return editable.value === true ? 0 : -1
     });
 
     const headerClass = vue.computed(() => {
@@ -14637,6 +14642,7 @@
     vpPendingUpdate = false,
     bodyLeft,
     bodyTop,
+    href,
     closeTimer = null;
 
   function onWheel (e) {
@@ -14723,6 +14729,8 @@
       bodyLeft = body.style.left;
       bodyTop = body.style.top;
 
+      href = window.location.href;
+
       body.style.left = `-${ scrollPositionX }px`;
       body.style.top = `-${ scrollPositionY }px`;
 
@@ -14735,6 +14743,7 @@
 
       body.classList.add('q-body--prevent-scroll');
       document.qScrollPrevented = true;
+
       if (client.is.ios === true) {
         if (hasViewport === true) {
           window.scrollTo(0, 0);
@@ -14773,7 +14782,11 @@
       body.style.left = bodyLeft;
       body.style.top = bodyTop;
 
-      window.scrollTo(scrollPositionX, scrollPositionY);
+      // scroll back only if route has not changed
+      if (window.location.href === href) {
+        window.scrollTo(scrollPositionX, scrollPositionY);
+      }
+
       maxScrollTop = void 0;
     }
   }
@@ -15164,7 +15177,7 @@
           hide(e);
         }
         else if (props.noShake !== true) {
-          shake(e.relatedTarget);
+          shake();
         }
       }
 
@@ -15191,8 +15204,6 @@
 
       vue.onBeforeUnmount(cleanup);
 
-      const backdropEvt = vm.proxy.$q.platform.is.ios === true ? 'onClick' : 'onFocusin';
-
       function renderPortalContent () {
         return vue.h('div', {
           role: 'dialog',
@@ -15210,7 +15221,7 @@
                 style: transitionStyle.value,
                 'aria-hidden': 'true',
                 tabindex: -1,
-                [ backdropEvt ]: onBackdropClick
+                onClick: onBackdropClick
               })
               : null
           )),
@@ -17741,7 +17752,7 @@
       }
 
       function begin (el, height, done) {
-        el.style.overflowY = 'hidden';
+        // here overflowY is 'hidden'
         if (height !== void 0) {
           el.style.height = `${ height }px`;
         }
@@ -17763,12 +17774,14 @@
         let pos = 0;
         element = el;
 
+        // if animationg overflowY is already 'hidden'
         if (animating === true) {
           cleanup();
           pos = el.offsetHeight === el.scrollHeight ? 0 : void 0;
         }
         else {
           lastEvent = 'hide';
+          el.style.overflowY = 'hidden';
         }
 
         begin(el, pos, done);
@@ -17797,6 +17810,9 @@
         }
         else {
           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;
         }
 
@@ -20940,6 +20956,7 @@
       const isFetching = vue.ref(false);
       const isWorking = vue.ref(true);
       const rootRef = vue.ref(null);
+      const loadingRef = vue.ref(null);
 
       let index = props.initialIndex || 0;
       let localScrollTarget, poll;
@@ -21071,12 +21088,32 @@
         }
       }
 
+      function updateSvgAnimations (isRetry) {
+        if (renderLoadingSlot.value === true) {
+          if (loadingRef.value === null) {
+            isRetry !== true && vue.nextTick(() => { updateSvgAnimations(true); });
+            return
+          }
+
+          // we need to pause svg animations (if any) when hiding
+          // otherwise the browser will keep on recalculating the style
+          const action = `${ isFetching.value === true ? 'un' : '' }pauseAnimations`;
+          Array.from(loadingRef.value.getElementsByTagName('svg')).forEach(el => {
+            el[ action ]();
+          });
+        }
+      }
+
+      const renderLoadingSlot = vue.computed(() => props.disable !== true && isWorking.value === true);
+
+      vue.watch([ isFetching, renderLoadingSlot ], () => { updateSvgAnimations(); });
+
       vue.watch(() => props.disable, val => {
         if (val === true) { stop(); }
         else { resume(); }
       });
 
-      vue.watch(() => props.reverse, val => {
+      vue.watch(() => props.reverse, () => {
         if (isFetching.value === false && isWorking.value === true) {
           immediatePoll();
         }
@@ -21107,8 +21144,9 @@
 
       vue.onMounted(() => {
         setDebounce(props.debounce);
-
         updateScrollTarget();
+
+        isFetching.value === false && updateSvgAnimations();
       });
 
       // expose public methods
@@ -21121,9 +21159,9 @@
       return () => {
         const child = hUniqueSlot(slots.default, []);
 
-        if (props.disable !== true && isWorking.value === true) {
+        if (renderLoadingSlot.value === true) {
           child[ props.reverse === false ? 'push' : 'unshift' ](
-            vue.h('div', { class: classes.value }, hSlot(slots.loading))
+            vue.h('div', { ref: loadingRef, class: classes.value }, hSlot(slots.loading))
           );
         }
 
@@ -21391,7 +21429,7 @@
 
       computedMask = mask;
       computedUnmask = val => {
-        const unmaskMatch = unmaskMatcher.exec(props.reverseFillMask === true ? val : val.slice(0, mask.length));
+        const unmaskMatch = unmaskMatcher.exec(props.reverseFillMask === true ? val : val.slice(0, mask.length + 1));
         if (unmaskMatch !== null) {
           val = unmaskMatch.slice(1).join('');
         }
@@ -25721,13 +25759,13 @@
           case 37: // LEFT ARROW
           case 40: // DOWN ARROW
             if (iconRefs[ `rt${ i - 1 }` ]) {
-              iconRefs[ `rt${ i - 1 }` ].$el.focus();
+              iconRefs[ `rt${ i - 1 }` ].focus();
             }
             return stopAndPrevent(e)
           case 39: // RIGHT ARROW
           case 38: // UP ARROW
             if (iconRefs[ `rt${ i + 1 }` ]) {
-              iconRefs[ `rt${ i + 1 }` ].$el.focus();
+              iconRefs[ `rt${ i + 1 }` ].focus();
             }
             return stopAndPrevent(e)
         }
@@ -25750,7 +25788,7 @@
           child.push(
             vue.h('div', {
               key: i,
-              ref: vm => { iconRefs[ `rt${ i }` ] = vm; },
+              ref: el => { iconRefs[ `rt${ i }` ] = el; },
               class: 'q-rating__icon-container flex flex-center',
               ...attrs,
               onClick () { set(i); },
@@ -26295,12 +26333,16 @@
         return
       }
 
-      cancelAnimationFrame(contentEl._qOverflowAnimationFrame);
+      if (contentEl._qOverflowAnimationFrame !== void 0) {
+        cancelAnimationFrame(contentEl._qOverflowAnimationFrame);
+      }
+
       contentEl._qOverflowAnimationFrame = requestAnimationFrame(() => {
         if (contentEl === null) {
           return
         }
 
+        contentEl._qOverflowAnimationFrame = void 0;
         const children = contentEl.children || [];
 
         filterProto
@@ -35716,7 +35758,7 @@
     factory: Function
   };
 
-  const emits$1 = [ 'factory-failed', 'uploaded', 'failed', 'uploading' ];
+  const emits$1 = [ 'factoryFailed', 'uploaded', 'failed', 'uploading' ];
 
   function injectPlugin ({ props, emit, helpers }) {
     const xhrs = vue.ref([]);
@@ -35773,7 +35815,7 @@
 
       if (!res) {
         emit(
-          'factory-failed',
+          'factoryFailed',
           new Error('QUploader: factory() does not return properly'),
           files
         );
@@ -39199,7 +39241,7 @@
 
           const el = createGlobalNode('q-loading');
 
-          app = vue.createApp({
+          app = createChildApp({
             name: 'QLoading',
 
             setup () {
@@ -39261,7 +39303,7 @@
                 onAfterLeave
               }, getContent)
             }
-          });
+          }, Plugin$2.__parentApp);
 
           vm = app.mount(el);
         }, props.delay);
@@ -39320,11 +39362,15 @@
       }
     },
 
-    install ({ $q }) {
+    install ({ $q, parentApp }) {
       $q.loading = this;
 
-      if ($q.config.loading !== void 0) {
-        this.setDefaults($q.config.loading);
+      {
+        Plugin$2.__parentApp = parentApp;
+
+        if ($q.config.loading !== void 0) {
+          this.setDefaults($q.config.loading);
+        }
       }
     }
   });
@@ -40214,6 +40260,9 @@
     area.contentEditable = 'true';
     area.style.position = 'fixed'; // avoid scrolling to bottom
 
+    const fn = () => {};
+    addFocusout(fn);
+
     document.body.appendChild(area);
     area.focus();
     area.select();
@@ -40221,6 +40270,8 @@
     const res = document.execCommand('copy');
 
     area.remove();
+    removeFocusout(fn);
+
     return res
   }
 
@@ -40727,7 +40778,7 @@
    */
 
   var index_umd = {
-    version: '2.11.4',
+    version: '2.11.6',
     install (app, opts) {
       installQuasar(app, {
         components,