quasar 2.2.4 → 2.3.0

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.4
+ * Quasar Framework v2.3.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -2993,6 +2993,7 @@ body.platform-ios
     
     position: unset !important
 .q-linear-progress
+  --q-linear-progress-speed: .3s
   position: relative
   width: 100%
   overflow: hidden
@@ -3002,7 +3003,7 @@ body.platform-ios
   &__model, &__track
     transform-origin: 0 0
     &--with-transition
-      transition: transform .3s
+      transition: transform var(--q-linear-progress-speed)
   &--reverse
     .q-linear-progress
       &__model, &__track

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.4
+ * Quasar Framework v2.3.0
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -560,7 +560,7 @@
   }
 
   const SIZE_LIST = [ 'sm', 'md', 'lg', 'xl' ];
-  const { passive: passive$3 } = listenOpts;
+  const { passive: passive$4 } = listenOpts;
 
   var Screen = defineReactivePlugin({
     width: 0,
@@ -697,11 +697,11 @@
         };
 
         this.setDebounce = delay => {
-          updateEvt !== void 0 && target.removeEventListener('resize', updateEvt, passive$3);
+          updateEvt !== void 0 && target.removeEventListener('resize', updateEvt, passive$4);
           updateEvt = delay > 0
             ? debounce(this.__update, delay)
             : this.__update;
-          target.addEventListener('resize', updateEvt, passive$3);
+          target.addEventListener('resize', updateEvt, passive$4);
         };
 
         this.setDebounce(updateDebounce);
@@ -1437,7 +1437,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.2.4' };
+      const $q = { version: '2.3.0' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -2271,14 +2271,14 @@
 
   // used directly by docs too
   function getParentVm (vm) {
-    if (vm.$parent !== void 0 && vm.$parent !== null) {
+    if (Object(vm.$parent) === vm.$parent) {
       return vm.$parent
     }
 
     vm = vm.$.parent;
 
-    while (vm !== void 0 && vm !== null) {
-      if (vm.proxy !== void 0 && vm.proxy !== null) {
+    while (Object(vm) === vm) {
+      if (Object(vm.proxy) === vm.proxy) {
         return vm.proxy
       }
 
@@ -7550,6 +7550,11 @@
         default: 0
       },
 
+      animationSpeed: {
+        type: [ String, Number ],
+        default: 600
+      },
+
       indeterminate: Boolean
     },
 
@@ -7569,7 +7574,7 @@
 
       const circleStyle = vue.computed(() => (
         props.instantFeedback !== true && props.indeterminate !== true
-          ? { transition: 'stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease' }
+          ? { transition: `stroke-dashoffset ${ props.animationSpeed }ms ease 0s, stroke ${ props.animationSpeed }ms ease` }
           : ''
       ));
 
@@ -19653,6 +19658,8 @@
     }
   });
 
+  const { passive: passive$3 } = listenOpts;
+
   var QInfiniteScroll = createComponent({
     name: 'QInfiniteScroll',
 
@@ -19680,20 +19687,21 @@
     emits: [ 'load' ],
 
     setup (props, { slots, emit }) {
-      const fetching = vue.ref(false);
+      const isFetching = vue.ref(false);
+      const isWorking = vue.ref(true);
       const rootRef = vue.ref(null);
 
       let index = props.initialIndex || 0;
-      let isWorking = true;
+      let scrollPos = false;
       let localScrollTarget, poll;
 
       const classes = vue.computed(() =>
         'q-infinite-scroll__loading'
-        + (fetching.value === true ? '' : ' invisible')
+        + (isFetching.value === true ? '' : ' invisible')
       );
 
       function immediatePoll () {
-        if (props.disable === true || fetching.value === true || isWorking === false) {
+        if (props.disable === true || isFetching.value === true || isWorking.value === false) {
           return
         }
 
@@ -19715,18 +19723,18 @@
       }
 
       function trigger () {
-        if (props.disable === true || fetching.value === true || isWorking === false) {
+        if (props.disable === true || isFetching.value === true || isWorking.value === false) {
           return
         }
 
         index++;
-        fetching.value = true;
+        isFetching.value = true;
 
         const heightBefore = getScrollHeight(localScrollTarget);
 
         emit('load', index, isDone => {
-          if (isWorking === true) {
-            fetching.value = false;
+          if (isWorking.value === true) {
+            isFetching.value = false;
             vue.nextTick(() => {
               if (props.reverse === true) {
                 const
@@ -19753,31 +19761,31 @@
       }
 
       function resume () {
-        if (isWorking === false) {
-          isWorking = true;
-          localScrollTarget.addEventListener('scroll', poll, listenOpts.passive);
+        if (isWorking.value === false) {
+          isWorking.value = true;
+          localScrollTarget.addEventListener('scroll', poll, passive$3);
         }
 
         immediatePoll();
       }
 
       function stop () {
-        if (isWorking === true) {
-          isWorking = false;
-          fetching.value = false;
-          localScrollTarget.removeEventListener('scroll', poll, listenOpts.passive);
+        if (isWorking.value === true) {
+          isWorking.value = false;
+          isFetching.value = false;
+          localScrollTarget.removeEventListener('scroll', poll, passive$3);
         }
       }
 
       function updateScrollTarget () {
-        if (localScrollTarget && isWorking === true) {
-          localScrollTarget.removeEventListener('scroll', poll, listenOpts.passive);
+        if (localScrollTarget && isWorking.value === true) {
+          localScrollTarget.removeEventListener('scroll', poll, passive$3);
         }
 
         localScrollTarget = getScrollTarget(rootRef.value, props.scrollTarget);
 
-        if (isWorking === true) {
-          localScrollTarget.addEventListener('scroll', poll, listenOpts.passive);
+        if (isWorking.value === true) {
+          localScrollTarget.addEventListener('scroll', poll, passive$3);
         }
       }
 
@@ -19801,30 +19809,44 @@
           ? immediatePoll
           : debounce(immediatePoll, isNaN(val) === true ? 100 : val);
 
-        if (localScrollTarget && isWorking === true) {
+        if (localScrollTarget && isWorking.value === true) {
           if (oldPoll !== void 0) {
-            localScrollTarget.removeEventListener('scroll', oldPoll, listenOpts.passive);
+            localScrollTarget.removeEventListener('scroll', oldPoll, passive$3);
           }
 
-          localScrollTarget.addEventListener('scroll', poll, listenOpts.passive);
+          localScrollTarget.addEventListener('scroll', poll, passive$3);
         }
       }
 
       vue.watch(() => props.disable, val => {
-        if (val === true) {
-          stop();
-        }
-        else {
-          resume();
+        if (val === true) { stop(); }
+        else { resume(); }
+      });
+
+      vue.watch(() => props.reverse, val => {
+        if (isFetching.value === false && isWorking.value === true) {
+          immediatePoll();
         }
       });
 
       vue.watch(() => props.scrollTarget, updateScrollTarget);
       vue.watch(() => props.debounce, setDebounce);
 
+      vue.onActivated(() => {
+        if (localScrollTarget && scrollPos !== false) {
+          setVerticalScrollPosition(localScrollTarget, scrollPos);
+        }
+      });
+
+      vue.onDeactivated(() => {
+        scrollPos = localScrollTarget
+          ? getVerticalScrollPosition(localScrollTarget)
+          : false;
+      });
+
       vue.onBeforeUnmount(() => {
-        if (isWorking === true) {
-          localScrollTarget.removeEventListener('scroll', poll, listenOpts.passive);
+        if (isWorking.value === true) {
+          localScrollTarget.removeEventListener('scroll', poll, passive$3);
         }
       });
 
@@ -19847,7 +19869,7 @@
       return () => {
         const child = hUniqueSlot(slots.default, []);
 
-        if (props.disable !== true && isWorking === true) {
+        if (props.disable !== true && isWorking.value === true) {
           child[ props.reverse === false ? 'push' : 'unshift' ](
             vue.h('div', { class: classes.value }, hSlot(slots.loading))
           );
@@ -23210,6 +23232,10 @@
 
       const type = vue.ref(getType());
 
+      const popupProps = vue.computed(() => (
+        type.value === 'menu' ? { maxHeight: '99vh' } : {})
+      );
+
       vue.watch(() => getType(), val => {
         if (showing.value !== true) {
           type.value = val;
@@ -23235,21 +23261,9 @@
       }
 
       return () => {
-        const def = hSlot(slots.default);
-
-        const popupProps = (
-          type.value === 'menu'
-          && def !== void 0
-          && def[ 0 ] !== void 0
-          && def[ 0 ].type !== void 0
-          && [ 'QDate', 'QTime', 'QCarousel', 'QColor' ].includes(
-            def[ 0 ].type.name
-          )
-        ) ? { cover: true, maxHeight: '99vh' } : {};
-
         const data = {
           ref: popupRef,
-          ...popupProps,
+          ...popupProps.value,
           ...attrs,
           onShow,
           onHide
@@ -23270,7 +23284,7 @@
           });
         }
 
-        return vue.h(component, data, () => def)
+        return vue.h(component, data, slots.default)
       }
     }
   });
@@ -23313,6 +23327,11 @@
       query: Boolean,
       rounded: Boolean,
 
+      animationSpeed: {
+        type: [ String, Number ],
+        default: 2100
+      },
+
       instantFeedback: Boolean
     },
 
@@ -23322,6 +23341,10 @@
       const sizeStyle = useSize(props, defaultSizes);
 
       const motion = vue.computed(() => props.indeterminate === true || props.query === true);
+      const style = vue.computed(() => ({
+        ...(sizeStyle.value !== null ? sizeStyle.value : {}),
+        '--q-linear-progress-speed': `${ props.animationSpeed }ms`
+      }));
 
       const classes = vue.computed(() =>
         'q-linear-progress'
@@ -23372,7 +23395,7 @@
 
         return vue.h('div', {
           class: classes.value,
-          style: sizeStyle.value,
+          style: style.value,
           role: 'progressbar',
           'aria-valuemin': 0,
           'aria-valuemax': 1,
@@ -25459,6 +25482,22 @@
       setVirtualScrollSize();
     });
 
+    vue.onActivated(() => {
+      const scrollEl = getVirtualScrollTarget();
+
+      if (prevScrollStart !== void 0 && scrollEl !== void 0 && scrollEl !== null && scrollEl.nodeType !== 8) {
+        setScroll(
+          scrollEl,
+          prevScrollStart,
+          props.virtualScrollHorizontal,
+          $q.lang.rtl
+        );
+      }
+      else {
+        scrollTo(prevToIndex);
+      }
+    });
+
     setOverflowAnchor !== noop && vue.onBeforeUnmount(() => {
       const styleSheet = document.getElementById(vsId + '_ss');
       styleSheet !== null && styleSheet.remove();
@@ -30244,7 +30283,7 @@
       default: () => [ 5, 7, 10, 15, 20, 25, 50, 0 ]
     },
 
-    'onUpdate:pagination': Function
+    'onUpdate:pagination': [ Function, Array ]
   };
 
   function useTablePaginationState (vm, getCellValue) {
@@ -30294,7 +30333,7 @@
         ...val
       });
 
-      if (samePagination(computedPagination.value, newPagination)) {
+      if (samePagination(computedPagination.value, newPagination) === true) {
         if (isServerSide.value === true && forceServerRequest === true) {
           sendServerRequest(newPagination);
         }
@@ -34023,6 +34062,20 @@
     }
   }
 
+  const trueFn = () => true;
+
+  function getEmitsObject (emitsArray) {
+    const emitsObject = {};
+
+    emitsArray.forEach(val => {
+      emitsObject[ val ] = trueFn;
+    });
+
+    return emitsObject
+  }
+
+  const coreEmitsObject = getEmitsObject(coreEmits);
+
   var createUploaderComponent = ({ name, props, emits, injectPlugin }) => createComponent({
     name,
 
@@ -34031,10 +34084,9 @@
       ...props
     },
 
-    emits: [
-      ...coreEmits,
-      ...emits
-    ],
+    emits: Object(emits) === emits
+      ? { ...coreEmitsObject, ...emits }
+      : [ ...coreEmits, ...emits ],
 
     setup () {
       return getRenderer(injectPlugin)
@@ -34068,7 +34120,7 @@
     factory: Function
   };
 
-  const emits = [ 'factory-failed', 'uploaded', 'failed', 'uploading' ];
+  const emits$1 = [ 'factory-failed', 'uploaded', 'failed', 'uploading' ];
 
   function injectPlugin ({ props, emit, helpers }) {
     const xhrs = vue.ref([]);
@@ -34294,7 +34346,7 @@
   var xhrUploaderPlugin = {
     name: 'QUploader',
     props: props$2,
-    emits,
+    emits: emits$1,
     injectPlugin
   };
 
@@ -38676,7 +38728,10 @@
     }
   }
 
-  useDialogPluginComponent.emits = [ 'ok', 'hide' ];
+  const emits = [ 'ok', 'hide' ];
+
+  useDialogPluginComponent.emits = emits;
+  useDialogPluginComponent.emitsObject = getEmitsObject(emits);
 
   function useMeta (metaOptions) {
     {
@@ -38732,7 +38787,7 @@
   });
 
   var index_umd = {
-    version: '2.2.4',
+    version: '2.3.0',
     install (app, opts) {
       installQuasar(app, {
         components,