quasar 2.11.4 → 2.11.5

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.11.4
+ * Quasar Framework v2.11.5
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -7460,8 +7460,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.5
  * (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.5' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -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;
     }
   }
@@ -14900,6 +14913,7 @@
 
     setup (props, { slots, emit, attrs }) {
       const vm = vue.getCurrentInstance();
+      const { proxy: { $q } } = vm;
 
       const innerRef = vue.ref(null);
       const showing = vue.ref(false);
@@ -15191,7 +15205,7 @@
 
       vue.onBeforeUnmount(cleanup);
 
-      const backdropEvt = vm.proxy.$q.platform.is.ios === true ? 'onClick' : 'onFocusin';
+      const backdropEvt = $q.platform.is.ios === true || $q.platform.is.safari ? 'onClick' : 'onFocusin';
 
       function renderPortalContent () {
         return vue.h('div', {
@@ -20940,6 +20954,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 +21086,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 +21142,9 @@
 
       vue.onMounted(() => {
         setDebounce(props.debounce);
-
         updateScrollTarget();
+
+        isFetching.value === false && updateSvgAnimations();
       });
 
       // expose public methods
@@ -21121,9 +21157,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))
           );
         }
 
@@ -25721,13 +25757,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 +25786,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 +26331,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
@@ -39199,7 +39239,7 @@
 
           const el = createGlobalNode('q-loading');
 
-          app = vue.createApp({
+          app = createChildApp({
             name: 'QLoading',
 
             setup () {
@@ -39261,7 +39301,7 @@
                 onAfterLeave
               }, getContent)
             }
-          });
+          }, Plugin$2.__parentApp);
 
           vm = app.mount(el);
         }, props.delay);
@@ -39320,11 +39360,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 +40258,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 +40268,8 @@
     const res = document.execCommand('copy');
 
     area.remove();
+    removeFocusout(fn);
+
     return res
   }
 
@@ -40727,7 +40776,7 @@
    */
 
   var index_umd = {
-    version: '2.11.4',
+    version: '2.11.5',
     install (app, opts) {
       installQuasar(app, {
         components,