quasar 2.2.2 → 2.3.1

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.2
+ * Quasar Framework v2.3.1
  * (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);
@@ -1170,16 +1170,16 @@
   var Body = {
     install (opts) {
 
-      const { $q } = opts;
-
-      $q.config.brand !== void 0 && setColors($q.config.brand);
-
       if (this.__installed === true) { return }
 
       if (isRuntimeSsrPreHydration.value === true) {
         applyClientSsrCorrections();
       }
       else {
+        const { $q } = opts;
+
+        $q.config.brand !== void 0 && setColors($q.config.brand);
+
         const cls = getBodyClasses(client, $q.config);
         document.body.classList.add.apply(document.body.classList, cls);
       }
@@ -1437,7 +1437,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.2.2' };
+      const $q = { version: '2.3.1' };
 
       if (globalConfigIsFrozen === false) {
         if (opts.config !== void 0) {
@@ -1460,6 +1460,9 @@
       });
     };
 
+  const createComponent = raw => vue.markRaw(vue.defineComponent(raw));
+  const createDirective = raw => vue.markRaw(raw);
+
   const units = [ 'B', 'KB', 'MB', 'GB', 'TB', 'PB' ];
 
   function humanStorageSize (bytes) {
@@ -1589,7 +1592,7 @@
     }
   }
 
-  var QAjaxBar = vue.defineComponent({
+  var QAjaxBar = createComponent({
     name: 'QAjaxBar',
 
     props: {
@@ -1865,7 +1868,7 @@
   const ionRE = /^ion-/;
   const faLaRE = /^[l|f]a[s|r|l|b|d]? /;
 
-  var QIcon = vue.defineComponent({
+  var QIcon = createComponent({
     name: 'QIcon',
 
     props: {
@@ -2033,7 +2036,7 @@
     }
   });
 
-  var QAvatar = vue.defineComponent({
+  var QAvatar = createComponent({
     name: 'QAvatar',
 
     props: {
@@ -2089,7 +2092,7 @@
 
   const alignValues$3 = [ 'top', 'middle', 'bottom' ];
 
-  var QBadge = vue.defineComponent({
+  var QBadge = createComponent({
     name: 'QBadge',
 
     props: {
@@ -2159,7 +2162,7 @@
     ))
   }
 
-  var QBanner = vue.defineComponent({
+  var QBanner = createComponent({
     name: 'QBanner',
 
     props: {
@@ -2211,7 +2214,7 @@
     }
   });
 
-  var QBar = vue.defineComponent({
+  var QBar = createComponent({
     name: 'QBar',
 
     props: {
@@ -2268,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
       }
 
@@ -2305,7 +2308,7 @@
     return vm.appContext.config.globalProperties.$router !== void 0
   }
 
-  var QBreadcrumbs = vue.defineComponent({
+  var QBreadcrumbs = createComponent({
     name: 'QBreadcrumbs',
 
     props: {
@@ -2632,7 +2635,7 @@
     }
   }
 
-  var QBreadcrumbsEl = vue.defineComponent({
+  var QBreadcrumbsEl = createComponent({
     name: 'QBreadcrumbsEl',
 
     props: {
@@ -2705,7 +2708,7 @@
     }
   }
 
-  var QSpinner = vue.defineComponent({
+  var QSpinner = createComponent({
     name: 'QSpinner',
 
     props: {
@@ -2918,7 +2921,7 @@
     };
   }
 
-  var Ripple = {
+  var Ripple = createDirective({
         name: 'ripple',
 
         beforeMount (el, binding) {
@@ -2983,7 +2986,8 @@
           cleanEvt(ctx, 'main');
           delete el._qripple;
         }
-      };
+      }
+  );
 
   const padding = {
     none: 0,
@@ -3186,7 +3190,7 @@
     keyboardTarget = null,
     mouseTarget = null;
 
-  var QBtn = vue.defineComponent({
+  var QBtn = createComponent({
     name: 'QBtn',
 
     props: {
@@ -3541,7 +3545,7 @@
     }
   });
 
-  var QBtnGroup = vue.defineComponent({
+  var QBtnGroup = createComponent({
     name: 'QBtnGroup',
 
     props: {
@@ -3842,7 +3846,7 @@
       default: null
     },
 
-    'onUpdate:modelValue': Function
+    'onUpdate:modelValue': [ Function, Array ]
   };
 
   const useModelToggleEmits = [
@@ -4892,7 +4896,7 @@
     }
   }
 
-  var QMenu = vue.defineComponent({
+  var QMenu = createComponent({
     name: 'QMenu',
 
     inheritAttrs: false,
@@ -5239,7 +5243,7 @@
     }
   });
 
-  var QBtnDropdown = vue.defineComponent({
+  var QBtnDropdown = createComponent({
     name: 'QBtnDropdown',
 
     props: {
@@ -5471,7 +5475,7 @@
     return vue.computed(() => props.name || props.for)
   }
 
-  var QBtnToggle = vue.defineComponent({
+  var QBtnToggle = createComponent({
     name: 'QBtnToggle',
 
     props: {
@@ -5629,7 +5633,7 @@
     }
   });
 
-  var QCard = vue.defineComponent({
+  var QCard = createComponent({
     name: 'QCard',
 
     props: {
@@ -5661,7 +5665,7 @@
     }
   });
 
-  var QCardSection = vue.defineComponent({
+  var QCardSection = createComponent({
     name: 'QCardSection',
 
     props: {
@@ -5683,7 +5687,7 @@
     }
   });
 
-  var QCardActions = vue.defineComponent({
+  var QCardActions = createComponent({
     name: 'QCardActions',
 
     props: {
@@ -5775,7 +5779,7 @@
     return data
   }
 
-  var TouchSwipe = {
+  var TouchSwipe = createDirective({
         name: 'touch-swipe',
 
         beforeMount (el, { value, arg, modifiers }) {
@@ -6015,7 +6019,8 @@
             delete el.__qtouchswipe;
           }
         }
-      };
+      }
+  );
 
   function useCache () {
     const cache = new Map();
@@ -6539,7 +6544,7 @@
   const navigationPositionOptions = [ 'top', 'right', 'bottom', 'left' ];
   const controlTypeOptions = [ 'regular', 'flat', 'outline', 'push', 'unelevated' ];
 
-  var QCarousel = vue.defineComponent({
+  var QCarousel = createComponent({
     name: 'QCarousel',
 
     props: {
@@ -6800,7 +6805,7 @@
     }
   });
 
-  var QCarouselSlide = vue.defineComponent({
+  var QCarouselSlide = createComponent({
     name: 'QCarouselSlide',
 
     props: {
@@ -6822,7 +6827,7 @@
     }
   });
 
-  var QCarouselControl = vue.defineComponent({
+  var QCarouselControl = createComponent({
     name: 'QCarouselControl',
 
     props: {
@@ -6855,7 +6860,7 @@
     }
   });
 
-  var QChatMessage = vue.defineComponent({
+  var QChatMessage = createComponent({
     name: 'QChatMessage',
 
     props: {
@@ -7023,12 +7028,21 @@
     });
 
     function refocusTarget (e) {
+      const root = rootRef.value;
+
       if (e !== void 0 && e.type.indexOf('key') === 0) {
-        if (document.activeElement !== rootRef.value && rootRef.value.contains(document.activeElement) === true) {
-          rootRef.value.focus();
+        if (
+          root !== null
+          && document.activeElement !== root
+          && root.contains(document.activeElement) === true
+        ) {
+          root.focus();
         }
       }
-      else if ((e === void 0 || rootRef.value.contains(e.target) === true) && refocusRef.value !== null) {
+      else if (
+        refocusRef.value !== null
+        && (e === void 0 || (root !== null && root.contains(e.target) === true))
+      ) {
         refocusRef.value.focus();
       }
     }
@@ -7294,7 +7308,7 @@
     ])
   ]);
 
-  var QCheckbox = vue.defineComponent({
+  var QCheckbox = createComponent({
     name: 'QCheckbox',
 
     props: useCheckboxProps,
@@ -7313,7 +7327,7 @@
     xl: 24
   };
 
-  var QChip = vue.defineComponent({
+  var QChip = createComponent({
     name: 'QChip',
 
     props: {
@@ -7534,7 +7548,7 @@
     circumference = diameter * Math.PI,
     strokeDashArray = Math.round(circumference * 1000) / 1000;
 
-  var QCircularProgress = vue.defineComponent({
+  var QCircularProgress = createComponent({
     name: 'QCircularProgress',
 
     props: {
@@ -7545,6 +7559,11 @@
         default: 0
       },
 
+      animationSpeed: {
+        type: [ String, Number ],
+        default: 600
+      },
+
       indeterminate: Boolean
     },
 
@@ -7564,7 +7583,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` }
           : ''
       ));
 
@@ -7769,7 +7788,7 @@
 
   let uid$4 = 0;
 
-  var TouchPan = {
+  var TouchPan = createDirective({
         name: 'touch-pan',
 
         beforeMount (el, { value, modifiers }) {
@@ -8071,7 +8090,8 @@
             delete el.__qtouchpan;
           }
         }
-      };
+      }
+  );
 
   // PGDOWN, LEFT, DOWN, PGUP, RIGHT, UP
   const keyCodes$2 = [ 34, 37, 40, 33, 39, 38 ];
@@ -8275,7 +8295,7 @@
     }
 
     function onPan (event) {
-      if (event.isFinal) {
+      if (event.isFinal === true) {
         if (dragging.value !== void 0) {
           updatePosition(event.evt);
           // only if touch, because we also have mousedown/up:
@@ -8285,7 +8305,7 @@
         }
         active.value = false;
       }
-      else if (event.isFirst) {
+      else if (event.isFirst === true) {
         dragging.value = getDragging(event.evt);
         updatePosition(event.evt);
         updateValue();
@@ -8315,7 +8335,7 @@
     function onDeactivate () {
       preventFocus.value = false;
 
-      if (dragging.value === void 0) {
+      if (dragging.value === false) {
         active.value = false;
       }
 
@@ -8373,7 +8393,7 @@
     }
   }
 
-  var QSlider = vue.defineComponent({
+  var QSlider = createComponent({
     name: 'QSlider',
 
     props: {
@@ -8617,7 +8637,7 @@
         url: 'about:blank'
       };
 
-  var QResizeObserver = vue.defineComponent({
+  var QResizeObserver = createComponent({
     name: 'QResizeObserver',
 
     props: {
@@ -8777,7 +8797,7 @@
   const alignValues$1 = [ 'left', 'center', 'right', 'justify' ];
   const emptyFn = () => {};
 
-  var QTabs = vue.defineComponent({
+  var QTabs = createComponent({
     name: 'QTabs',
 
     props: {
@@ -8817,7 +8837,7 @@
 
       contentClass: String,
 
-      'onUpdate:modelValue': Function
+      'onUpdate:modelValue': [ Function, Array ]
     },
 
     setup (props, { slots, emit }) {
@@ -9512,7 +9532,7 @@
     return { renderTab, $tabs }
   }
 
-  var QTab = vue.defineComponent({
+  var QTab = createComponent({
     name: 'QTab',
 
     props: useTabProps,
@@ -9525,7 +9545,7 @@
     }
   });
 
-  var QTabPanels = vue.defineComponent({
+  var QTabPanels = createComponent({
     name: 'QTabPanels',
 
     props: {
@@ -9561,7 +9581,7 @@
     }
   });
 
-  var QTabPanel = vue.defineComponent({
+  var QTabPanel = createComponent({
     name: 'QTabPanel',
 
     props: usePanelChildProps,
@@ -9914,7 +9934,7 @@
 
   const thumbPath = 'M5 5 h10 v10 h-10 v-10 z';
 
-  var QColor = vue.defineComponent({
+  var QColor = createComponent({
     name: 'QColor',
 
     props: {
@@ -11484,7 +11504,7 @@
       }
     }
 
-    date.dateHash = date.year + '/' + pad(date.month) + '/' + pad(date.day);
+    date.dateHash = pad(date.year, 6) + '/' + pad(date.month) + '/' + pad(date.day);
     date.timeHash = pad(date.hour) + ':' + pad(date.minute) + ':' + pad(date.second) + tzString;
 
     return date
@@ -12019,7 +12039,7 @@
     return date.year + '/' + pad(date.month)
   }
 
-  var QDate = vue.defineComponent({
+  var QDate = createComponent({
     name: 'QDate',
 
     props: {
@@ -12797,8 +12817,9 @@
           return getDefaultViewModel()
         }
 
+        const target = model[ model.length - 1 ];
         const decoded = decodeString(
-          model[ 0 ].from !== void 0 ? model[ 0 ].from : model[ 0 ],
+          target.from !== void 0 ? target.from : target,
           mask,
           locale
         );
@@ -13706,7 +13727,7 @@
     left: [ 'slide-right', 'slide-left' ]
   };
 
-  var QDialog = vue.defineComponent({
+  var QDialog = createComponent({
     name: 'QDialog',
 
     inheritAttrs: false,
@@ -14084,7 +14105,7 @@
 
   const duration = 150;
 
-  var QDrawer = vue.defineComponent({
+  var QDrawer = createComponent({
     name: 'QDrawer',
 
     inheritAttrs: false,
@@ -15127,7 +15148,7 @@
     }
   }
 
-  var QTooltip = vue.defineComponent({
+  var QTooltip = createComponent({
     name: 'QTooltip',
 
     inheritAttrs: false,
@@ -15421,7 +15442,7 @@
     }
   });
 
-  var QItem = vue.defineComponent({
+  var QItem = createComponent({
     name: 'QItem',
 
     props: {
@@ -15569,7 +15590,7 @@
     }
   });
 
-  var QItemSection = vue.defineComponent({
+  var QItemSection = createComponent({
     name: 'QItemSection',
 
     props: {
@@ -15985,7 +16006,7 @@
     return target
   }
 
-  var QEditor = vue.defineComponent({
+  var QEditor = createComponent({
     name: 'QEditor',
 
     props: {
@@ -16509,7 +16530,7 @@
     }
   });
 
-  var QItemLabel = vue.defineComponent({
+  var QItemLabel = createComponent({
     name: 'QItemLabel',
 
     props: {
@@ -16548,7 +16569,7 @@
     }
   });
 
-  var QSlideTransition = vue.defineComponent({
+  var QSlideTransition = createComponent({
     name: 'QSlideTransition',
 
     props: {
@@ -16674,7 +16695,7 @@
     xl: 24
   };
 
-  var QSeparator = vue.defineComponent({
+  var QSeparator = createComponent({
     name: 'QSeparator',
 
     props: {
@@ -16817,7 +16838,7 @@
   const itemGroups = vue.shallowReactive({});
   const LINK_PROPS = Object.keys(useRouterLinkProps);
 
-  var QExpansionItem = vue.defineComponent({
+  var QExpansionItem = createComponent({
     name: 'QExpansionItem',
 
     props: {
@@ -17227,7 +17248,7 @@
   const directions = [ 'up', 'right', 'down', 'left' ];
   const alignValues = [ 'left', 'center', 'right' ];
 
-  var QFab = vue.defineComponent({
+  var QFab = createComponent({
     name: 'QFab',
 
     props: {
@@ -17358,7 +17379,7 @@
 
   const anchorValues = Object.keys(anchorMap);
 
-  var QFabAction = vue.defineComponent({
+  var QFabAction = createComponent({
     name: 'QFabAction',
 
     props: {
@@ -17753,7 +17774,7 @@
 
       innerLoading: vue.ref(false),
       focused: vue.ref(false),
-      hasPopupOpen: vue.ref(false),
+      hasPopupOpen: false,
 
       splitAttrs: useSplitAttrs(attrs),
       targetUid: vue.ref(getTargetUid(props.for)),
@@ -17966,7 +17987,7 @@
       focusoutTimer = setTimeout(() => {
         if (
           document.hasFocus() === true && (
-            state.hasPopupOpen.value === true
+            state.hasPopupOpen === true
             || (
               state.controlRef !== void 0
               && (
@@ -18251,7 +18272,7 @@
     }
   }
 
-  var QField = vue.defineComponent({
+  var QField = createComponent({
     name: 'QField',
 
     inheritAttrs: false,
@@ -18375,6 +18396,14 @@
         files = [ files[ 0 ] ];
       }
 
+      // Avoid duplicate files
+      const filenameMap = currentFileList.map(entry => entry.name);
+      files = filterFiles(files, rejectedFiles, 'duplicate', file => {
+        return filenameMap.includes(file.name) === false
+      });
+
+      if (files.length === 0) { return done() }
+
       if (props.maxTotalSize !== void 0) {
         let size = append === true
           ? currentFileList.reduce((total, file) => total + file.size, 0)
@@ -18506,7 +18535,7 @@
       : vue.computed(getFormDomProps)
   }
 
-  var QFile = vue.defineComponent({
+  var QFile = createComponent({
     name: 'QFile',
 
     inheritAttrs: false,
@@ -18768,7 +18797,7 @@
     }
   });
 
-  var QFooter = vue.defineComponent({
+  var QFooter = createComponent({
     name: 'QFooter',
 
     props: {
@@ -18960,7 +18989,7 @@
     }
   });
 
-  var QForm = vue.defineComponent({
+  var QForm = createComponent({
     name: 'QForm',
 
     props: {
@@ -19176,7 +19205,7 @@
     }
   };
 
-  var QHeader = vue.defineComponent({
+  var QHeader = createComponent({
     name: 'QHeader',
 
     props: {
@@ -19368,7 +19397,7 @@
 
   const defaultRatio = 16 / 9;
 
-  var QImg = vue.defineComponent({
+  var QImg = createComponent({
     name: 'QImg',
 
     props: {
@@ -19638,7 +19667,9 @@
     }
   });
 
-  var QInfiniteScroll = vue.defineComponent({
+  const { passive: passive$3 } = listenOpts;
+
+  var QInfiniteScroll = createComponent({
     name: 'QInfiniteScroll',
 
     props: {
@@ -19665,20 +19696,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
         }
 
@@ -19700,18 +19732,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
@@ -19738,31 +19770,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);
         }
       }
 
@@ -19786,30 +19818,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);
         }
       });
 
@@ -19832,7 +19878,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))
           );
@@ -19846,7 +19892,7 @@
     }
   });
 
-  var QInnerLoading = vue.defineComponent({
+  var QInnerLoading = createComponent({
     name: 'QInnerLoading',
 
     props: {
@@ -20488,7 +20534,7 @@
     }
   }
 
-  var QInput = vue.defineComponent({
+  var QInput = createComponent({
     name: 'QInput',
 
     inheritAttrs: false,
@@ -20937,7 +20983,7 @@
     }
   }
 
-  var Intersection = {
+  var Intersection = createDirective({
         name: 'intersection',
 
         mounted (el, { modifiers, value }) {
@@ -20956,9 +21002,10 @@
         },
 
         beforeUnmount: destroy$1
-      };
+      }
+  );
 
-  var QIntersection = vue.defineComponent({
+  var QIntersection = createComponent({
     name: 'QIntersection',
 
     props: {
@@ -20969,6 +21016,10 @@
 
       once: Boolean,
       transition: String,
+      transitionDuration: {
+        type: [ String, Number ],
+        default: 300
+      },
 
       ssrPrerender: Boolean,
 
@@ -21014,6 +21065,10 @@
         ] ]
       });
 
+      const transitionStyle = vue.computed(
+        () => `--q-transition-duration: ${ props.transitionDuration }ms`
+      );
+
       function trigger (entry) {
         if (showing.value !== entry.isIntersecting) {
           showing.value = entry.isIntersecting;
@@ -21023,7 +21078,7 @@
 
       function getContent () {
         return showing.value === true
-          ? [ vue.h('div', { key: 'content' }, hSlot(slots.default)) ]
+          ? [ vue.h('div', { key: 'content', style: transitionStyle.value }, hSlot(slots.default)) ]
           : void 0
       }
 
@@ -21048,7 +21103,7 @@
     }
   });
 
-  var QList = vue.defineComponent({
+  var QList = createComponent({
     name: 'QList',
 
     props: {
@@ -21081,7 +21136,7 @@
   const keyCodes$1 = [ 34, 37, 40, 33, 39, 38 ];
   const commonPropsName = Object.keys(useCircularCommonProps);
 
-  var QKnob = vue.defineComponent({
+  var QKnob = createComponent({
     name: 'QKnob',
 
     props: {
@@ -21348,7 +21403,7 @@
   const { passive: passive$2 } = listenOpts;
   const axisValues = [ 'both', 'horizontal', 'vertical' ];
 
-  var QScrollObserver = vue.defineComponent({
+  var QScrollObserver = createComponent({
     name: 'QScrollObserver',
 
     props: {
@@ -21476,7 +21531,7 @@
     }
   });
 
-  var QLayout = vue.defineComponent({
+  var QLayout = createComponent({
     name: 'QLayout',
 
     props: {
@@ -21676,7 +21731,7 @@
 
   const separatorValues = [ 'horizontal', 'vertical', 'cell', 'none' ];
 
-  var QMarkupTable = vue.defineComponent({
+  var QMarkupTable = createComponent({
     name: 'QMarkupTable',
 
     props: {
@@ -21718,7 +21773,7 @@
     }
   });
 
-  var QNoSsr = vue.defineComponent({
+  var QNoSsr = createComponent({
     name: 'QNoSsr',
 
     props: {
@@ -21774,7 +21829,7 @@
     })
   ]);
 
-  var QRadio = vue.defineComponent({
+  var QRadio = createComponent({
     name: 'QRadio',
 
     props: {
@@ -21928,7 +21983,7 @@
     }
   });
 
-  var QToggle = vue.defineComponent({
+  var QToggle = createComponent({
     name: 'QToggle',
 
     props: {
@@ -21988,7 +22043,7 @@
 
   const typeValues = Object.keys(components$1);
 
-  var QOptionGroup = vue.defineComponent({
+  var QOptionGroup = createComponent({
     name: 'QOptionGroup',
 
     props: {
@@ -22097,7 +22152,7 @@
     }
   });
 
-  var QPage = vue.defineComponent({
+  var QPage = createComponent({
     name: 'QPage',
 
     props: {
@@ -22148,7 +22203,7 @@
     }
   });
 
-  var QPageContainer = vue.defineComponent({
+  var QPageContainer = createComponent({
     name: 'QPageContainer',
 
     setup (_, { slots }) {
@@ -22299,7 +22354,7 @@
     }
   }
 
-  var QPageScroller = vue.defineComponent({
+  var QPageScroller = createComponent({
     name: 'QPageScroller',
 
     props: {
@@ -22411,7 +22466,7 @@
     }
   });
 
-  var QPageSticky = vue.defineComponent({
+  var QPageSticky = createComponent({
     name: 'QPageSticky',
 
     props: usePageStickyProps,
@@ -22422,7 +22477,7 @@
     }
   });
 
-  var QPagination = vue.defineComponent({
+  var QPagination = createComponent({
     name: 'QPagination',
 
     props: {
@@ -22812,7 +22867,7 @@
 
   const { passive: passive$1 } = listenOpts;
 
-  var QParallax = vue.defineComponent({
+  var QParallax = createComponent({
     name: 'QParallax',
 
     props: {
@@ -22976,7 +23031,7 @@
     }
   }
 
-  var QPopupEdit = vue.defineComponent({
+  var QPopupEdit = createComponent({
     name: 'QPopupEdit',
 
     props: {
@@ -23162,7 +23217,7 @@
     }
   });
 
-  var QPopupProxy = vue.defineComponent({
+  var QPopupProxy = createComponent({
     name: 'QPopupProxy',
 
     props: {
@@ -23194,6 +23249,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;
@@ -23219,21 +23278,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
@@ -23254,7 +23301,7 @@
           });
         }
 
-        return vue.h(component, data, () => def)
+        return vue.h(component, data, slots.default)
       }
     }
   });
@@ -23275,7 +23322,7 @@
     }
   }
 
-  var QLinearProgress = vue.defineComponent({
+  var QLinearProgress = createComponent({
     name: 'QLinearProgress',
 
     props: {
@@ -23297,6 +23344,11 @@
       query: Boolean,
       rounded: Boolean,
 
+      animationSpeed: {
+        type: [ String, Number ],
+        default: 2100
+      },
+
       instantFeedback: Boolean
     },
 
@@ -23306,6 +23358,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'
@@ -23356,7 +23412,7 @@
 
         return vue.h('div', {
           class: classes.value,
-          style: sizeStyle.value,
+          style: style.value,
           role: 'progressbar',
           'aria-valuemin': 0,
           'aria-valuemax': 1,
@@ -23372,7 +23428,7 @@
     PULLER_HEIGHT = 40,
     OFFSET_TOP = 20;
 
-  var QPullToRefresh = vue.defineComponent({
+  var QPullToRefresh = createComponent({
     name: 'QPullToRefresh',
 
     props: {
@@ -23577,7 +23633,7 @@
     MAX: 2
   };
 
-  var QRange = vue.defineComponent({
+  var QRange = createComponent({
     name: 'QRange',
 
     props: {
@@ -24085,7 +24141,7 @@
     }
   });
 
-  var QRating = vue.defineComponent({
+  var QRating = createComponent({
     name: 'QRating',
 
     props: {
@@ -24311,7 +24367,7 @@
     }
   });
 
-  var QResponsive = vue.defineComponent({
+  var QResponsive = createComponent({
     name: 'QResponsive',
 
     props: useRatioProps,
@@ -24341,7 +24397,7 @@
     horizontal: { offset: 'offsetX', scroll: 'scrollLeft', dir: 'right', dist: 'x' }
   };
 
-  var QScrollArea = vue.defineComponent({
+  var QScrollArea = createComponent({
     name: 'QScrollArea',
 
     props: {
@@ -25443,6 +25499,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();
@@ -25470,7 +25542,7 @@
   const reEscapeList = '.*+?^${}()|[]\\';
   const fieldPropsList = Object.keys(useFieldProps);
 
-  var QSelect = vue.defineComponent({
+  var QSelect = createComponent({
     name: 'QSelect',
 
     inheritAttrs: false,
@@ -26376,6 +26448,12 @@
       }
 
       function getAllOptions () {
+        if (noOptions.value === true) {
+          return slots[ 'no-option' ] !== void 0
+            ? slots[ 'no-option' ]({ inputValue: inputValue.value })
+            : void 0
+        }
+
         const fn = slots.option !== void 0
           ? slots.option
           : scope => {
@@ -26557,14 +26635,6 @@
       }
 
       function getMenu () {
-        const child = noOptions.value === true
-          ? (
-              slots[ 'no-option' ] !== void 0
-                ? () => slots[ 'no-option' ]({ inputValue: inputValue.value })
-                : void 0
-            )
-          : getAllOptions;
-
         return vue.h(QMenu, {
           ref: menuRef,
           class: menuContentClass.value,
@@ -26589,7 +26659,7 @@
           onBeforeShow: onControlPopupShow,
           onBeforeHide: onMenuBeforeHide,
           onShow: onMenuShow
-        }, child)
+        }, getAllOptions)
       }
 
       function onMenuBeforeHide (e) {
@@ -26646,15 +26716,7 @@
             ...listboxAttrs.value,
             onClick: prevent,
             onScrollPassive: onVirtualScrollEvt
-          }, (
-            noOptions.value === true
-              ? (
-                  slots[ 'no-option' ] !== void 0
-                    ? slots[ 'no-option' ]({ inputValue: inputValue.value })
-                    : null
-                )
-              : getAllOptions()
-          ))
+          }, getAllOptions())
         );
 
         return vue.h(QDialog, {
@@ -26792,14 +26854,14 @@
       function onControlPopupShow (e) {
         e !== void 0 && stop(e);
         emit('popup-show', e);
-        state.hasPopupOpen.value = true;
+        state.hasPopupOpen = true;
         state.onControlFocusin(e);
       }
 
       function onControlPopupHide (e) {
         e !== void 0 && stop(e);
         emit('popup-hide', e);
-        state.hasPopupOpen.value = false;
+        state.hasPopupOpen = false;
         state.onControlFocusout(e);
       }
 
@@ -26871,6 +26933,10 @@
           ) {
             return hasDialog === true ? getDialog() : getMenu()
           }
+          else if (state.hasPopupOpen === true) {
+            // explicitly set it otherwise TAB will not blur component
+            state.hasPopupOpen = false;
+          }
         },
 
         controlEvents: {
@@ -26974,7 +27040,7 @@
     'wave', 'pulse', 'pulse-x', 'pulse-y', 'fade', 'blink', 'none'
   ];
 
-  var QSkeleton = vue.defineComponent({
+  var QSkeleton = createComponent({
     name: 'QSkeleton',
 
     props: {
@@ -27046,7 +27112,7 @@
     [ 'bottom', 'end', 'center', 'height' ]
   ];
 
-  var QSlideItem = vue.defineComponent({
+  var QSlideItem = createComponent({
     name: 'QSlideItem',
 
     props: {
@@ -27265,7 +27331,7 @@
 
   const space = vue.h('div', { class: 'q-space' });
 
-  var QSpace = vue.defineComponent({
+  var QSpace = createComponent({
     name: 'QSpace',
 
     setup () {
@@ -27339,7 +27405,7 @@
     ])
   ];
 
-  var QSpinnerAudio = vue.defineComponent({
+  var QSpinnerAudio = createComponent({
     name: 'QSpinnerAudio',
 
     props: useSpinnerProps,
@@ -27440,7 +27506,7 @@
     ])
   ];
 
-  var QSpinnerBall = vue.defineComponent({
+  var QSpinnerBall = createComponent({
     name: 'QSpinnerBall',
 
     props: useSpinnerProps,
@@ -27580,7 +27646,7 @@
     ])
   ];
 
-  var QSpinnerBars = vue.defineComponent({
+  var QSpinnerBars = createComponent({
     name: 'QSpinnerBars',
 
     props: useSpinnerProps,
@@ -27638,7 +27704,7 @@
     ])
   ];
 
-  var QSpinnerBox = vue.defineComponent({
+  var QSpinnerBox = createComponent({
     name: 'QSpinnerBox',
 
     props: useSpinnerProps,
@@ -27707,7 +27773,7 @@
     ])
   ];
 
-  var QSpinnerClock = vue.defineComponent({
+  var QSpinnerClock = createComponent({
     name: 'QSpinnerClock',
 
     props: useSpinnerProps,
@@ -27788,7 +27854,7 @@
     ])
   ];
 
-  var QSpinnerComment = vue.defineComponent({
+  var QSpinnerComment = createComponent({
     name: 'QSpinnerComment',
 
     props: useSpinnerProps,
@@ -27917,7 +27983,7 @@
     ])
   ];
 
-  var QSpinnerCube = vue.defineComponent({
+  var QSpinnerCube = createComponent({
     name: 'QSpinnerCube',
 
     props: useSpinnerProps,
@@ -28018,7 +28084,7 @@
     ])
   ];
 
-  var QSpinnerDots = vue.defineComponent({
+  var QSpinnerDots = createComponent({
     name: 'QSpinnerDots',
 
     props: useSpinnerProps,
@@ -28118,7 +28184,7 @@
     ])
   ];
 
-  var QSpinnerFacebook = vue.defineComponent({
+  var QSpinnerFacebook = createComponent({
     name: 'QSpinnerFacebook',
 
     props: useSpinnerProps,
@@ -28174,7 +28240,7 @@
     ])
   ];
 
-  var QSpinnerGears = vue.defineComponent({
+  var QSpinnerGears = createComponent({
     name: 'QSpinnerGears',
 
     props: useSpinnerProps,
@@ -28323,7 +28389,7 @@
     ])
   ];
 
-  var QSpinnerGrid = vue.defineComponent({
+  var QSpinnerGrid = createComponent({
     name: 'QSpinnerGrid',
 
     props: useSpinnerProps,
@@ -28374,7 +28440,7 @@
     })
   ];
 
-  var QSpinnerHearts = vue.defineComponent({
+  var QSpinnerHearts = createComponent({
     name: 'QSpinnerHearts',
 
     props: useSpinnerProps,
@@ -28483,7 +28549,7 @@
     ])
   ];
 
-  var QSpinnerHourglass = vue.defineComponent({
+  var QSpinnerHourglass = createComponent({
     name: 'QSpinnerHourglass',
 
     props: useSpinnerProps,
@@ -28523,7 +28589,7 @@
     ])
   ];
 
-  var QSpinnerInfinity = vue.defineComponent({
+  var QSpinnerInfinity = createComponent({
     name: 'QSpinnerInfinity',
 
     props: useSpinnerProps,
@@ -28693,7 +28759,7 @@
     ])
   ];
 
-  var QSpinnerIos = vue.defineComponent({
+  var QSpinnerIos = createComponent({
     name: 'QSpinnerIos',
 
     props: useSpinnerProps,
@@ -28741,7 +28807,7 @@
     ])
   ];
 
-  var QSpinnerOrbit = vue.defineComponent({
+  var QSpinnerOrbit = createComponent({
     name: 'QSpinnerOrbit',
 
     props: useSpinnerProps,
@@ -28788,7 +28854,7 @@
     ])
   ];
 
-  var QSpinnerOval = vue.defineComponent({
+  var QSpinnerOval = createComponent({
     name: 'QSpinnerOval',
 
     props: useSpinnerProps,
@@ -28866,7 +28932,7 @@
     ])
   ];
 
-  var QSpinnerPie = vue.defineComponent({
+  var QSpinnerPie = createComponent({
     name: 'QSpinnerPie',
 
     props: useSpinnerProps,
@@ -28946,7 +29012,7 @@
     ])
   ];
 
-  var QSpinnerPuff = vue.defineComponent({
+  var QSpinnerPuff = createComponent({
     name: 'QSpinnerPuff',
 
     props: useSpinnerProps,
@@ -29019,7 +29085,7 @@
     ])
   ];
 
-  var QSpinnerRadio = vue.defineComponent({
+  var QSpinnerRadio = createComponent({
     name: 'QSpinnerRadio',
 
     props: useSpinnerProps,
@@ -29122,7 +29188,7 @@
     ])
   ];
 
-  var QSpinnerRings = vue.defineComponent({
+  var QSpinnerRings = createComponent({
     name: 'QSpinnerRings',
 
     props: useSpinnerProps,
@@ -29203,7 +29269,7 @@
     ])
   ];
 
-  var QSpinnerTail = vue.defineComponent({
+  var QSpinnerTail = createComponent({
     name: 'QSpinnerTail',
 
     props: useSpinnerProps,
@@ -29221,7 +29287,7 @@
     }
   });
 
-  var QSplitter = vue.defineComponent({
+  var QSplitter = createComponent({
     name: 'QSplitter',
 
     props: {
@@ -29419,7 +29485,7 @@
     }
   });
 
-  var StepHeader = vue.defineComponent({
+  var StepHeader = createComponent({
     name: 'StepHeader',
 
     props: {
@@ -29596,7 +29662,7 @@
     }
   };
 
-  var QStep = vue.defineComponent({
+  var QStep = createComponent({
     name: 'QStep',
 
     props: {
@@ -29713,7 +29779,7 @@
     return acc
   }
 
-  var QStepper = vue.defineComponent({
+  var QStepper = createComponent({
     name: 'QStepper',
 
     props: {
@@ -29826,7 +29892,7 @@
     }
   });
 
-  var QStepperNavigation = vue.defineComponent({
+  var QStepperNavigation = createComponent({
     name: 'QStepperNavigation',
 
     setup (_, { slots }) {
@@ -29834,7 +29900,7 @@
     }
   });
 
-  var QTh = vue.defineComponent({
+  var QTh = createComponent({
     name: 'QTh',
 
     props: {
@@ -29911,7 +29977,7 @@
 
   const typeOptions = [ 'list', 'table', '__qtable' ];
 
-  var QVirtualScroll = vue.defineComponent({
+  var QVirtualScroll = createComponent({
     name: 'QVirtualScroll',
 
     props: {
@@ -30238,7 +30304,7 @@
       default: () => [ 5, 7, 10, 15, 20, 25, 50, 0 ]
     },
 
-    'onUpdate:pagination': Function
+    'onUpdate:pagination': [ Function, Array ]
   };
 
   function useTablePaginationState (vm, getCellValue) {
@@ -30288,7 +30354,7 @@
         ...val
       });
 
-      if (samePagination(computedPagination.value, newPagination)) {
+      if (samePagination(computedPagination.value, newPagination) === true) {
         if (isServerSide.value === true && forceServerRequest === true) {
           sendServerRequest(newPagination);
         }
@@ -30655,7 +30721,7 @@
   const commonVirtPropsObj = {};
   commonVirtPropsList.forEach(p => { commonVirtPropsObj[ p ] = {}; });
 
-  var QTable = vue.defineComponent({
+  var QTable = createComponent({
     name: 'QTable',
 
     props: {
@@ -31694,7 +31760,7 @@
     }
   });
 
-  var QTr = vue.defineComponent({
+  var QTr = createComponent({
     name: 'QTr',
 
     props: {
@@ -31713,7 +31779,7 @@
     }
   });
 
-  var QTd = vue.defineComponent({
+  var QTd = createComponent({
     name: 'QTd',
 
     props: {
@@ -31753,7 +31819,7 @@
     }
   });
 
-  var QRouteTab = vue.defineComponent({
+  var QRouteTab = createComponent({
     name: 'QRouteTab',
 
     props: {
@@ -31809,7 +31875,7 @@
     }
   }
 
-  var QTime = vue.defineComponent({
+  var QTime = createComponent({
     name: 'QTime',
 
     props: {
@@ -32431,21 +32497,22 @@
       function setHour (hour) {
         if (innerModel.value.hour !== hour) {
           innerModel.value.hour = hour;
-          innerModel.value.minute = null;
-          innerModel.value.second = null;
+          verifyAndUpdate();
         }
       }
 
       function setMinute (minute) {
         if (innerModel.value.minute !== minute) {
           innerModel.value.minute = minute;
-          innerModel.value.second = null;
-          props.withSeconds !== true && updateValue({ minute });
+          verifyAndUpdate();
         }
       }
 
       function setSecond (second) {
-        innerModel.value.second !== second && updateValue({ second });
+        if (innerModel.value.second !== second) {
+          innerModel.value.second = second;
+          verifyAndUpdate();
+        }
       }
 
       const setModel = {
@@ -32694,7 +32761,7 @@
     }
   });
 
-  var QTimeline = vue.defineComponent({
+  var QTimeline = createComponent({
     name: 'QTimeline',
 
     props: {
@@ -32731,7 +32798,7 @@
     }
   });
 
-  var QTimelineEntry = vue.defineComponent({
+  var QTimelineEntry = createComponent({
     name: 'QTimelineEntry',
 
     props: {
@@ -32835,7 +32902,7 @@
     }
   });
 
-  var QToolbar = vue.defineComponent({
+  var QToolbar = createComponent({
     name: 'QToolbar',
 
     props: {
@@ -32852,7 +32919,7 @@
     }
   });
 
-  var QToolbarTitle = vue.defineComponent({
+  var QToolbarTitle = createComponent({
     name: 'QToolbarTitle',
 
     props: {
@@ -32869,7 +32936,9 @@
     }
   });
 
-  var QTree = vue.defineComponent({
+  const tickStrategyOptions = [ 'none', 'strict', 'leaf', 'leaf-filtered' ];
+
+  var QTree = createComponent({
     name: 'QTree',
 
     props: {
@@ -32892,6 +32961,8 @@
         default: 'children'
       },
 
+      dense: Boolean,
+
       color: String,
       controlColor: String,
       textColor: String,
@@ -32902,7 +32973,7 @@
       tickStrategy: {
         type: String,
         default: 'none',
-        validator: v => [ 'none', 'strict', 'leaf', 'leaf-filtered' ].includes(v)
+        validator: v => tickStrategyOptions.includes(v)
       },
       ticked: Array, // v-model:ticked
       expanded: Array, // v-model:expanded
@@ -32947,7 +33018,7 @@
       });
 
       const classes = vue.computed(() =>
-        'q-tree'
+        `q-tree q-tree--${ props.dense === true ? 'dense' : 'standard' }`
         + (props.noConnectors === true ? ' q-tree--no-connectors' : '')
         + (isDark.value === true ? ' q-tree--dark' : '')
         + (props.color !== void 0 ? ` text-${ props.color }` : '')
@@ -33389,13 +33460,13 @@
 
             m.lazy === 'loading'
               ? vue.h(QSpinner, {
-                  class: 'q-tree__spinner q-mr-xs',
+                  class: 'q-tree__spinner',
                   color: computedControlColor.value
                 })
               : (
                   isParent === true
                     ? vue.h(QIcon, {
-                        class: 'q-tree__arrow q-mr-xs'
+                        class: 'q-tree__arrow'
                       + (m.expanded === true ? ' q-tree__arrow--rotate' : ''),
                         name: computedIcon.value,
                         onClick (e) { onExpandClick(node, m, e); }
@@ -33405,7 +33476,7 @@
 
             m.hasTicking === true && m.noTick !== true
               ? vue.h(QCheckbox, {
-                  class: 'q-mr-xs',
+                  class: 'q-tree__tickbox',
                   modelValue: m.indeterminate === true ? null : m.ticked,
                   color: computedControlColor.value,
                   dark: isDark.value,
@@ -33797,20 +33868,15 @@
     }
 
     function addFilesToQueue (e, fileList) {
-      const processedFiles = processFiles(e, fileList, state.files.value, true);
-
-      if (processedFiles === void 0) { return }
+      const localFiles = processFiles(e, fileList, state.files.value, true);
 
-      const localFiles = processedFiles
-        .filter(file => state.files.value.findIndex(f => file.name === f.name) === -1);
+      if (localFiles === void 0) { return }
 
       const fileInput = getFileInput();
       if (fileInput !== void 0 && fileInput !== null) {
         fileInput.value = '';
       }
 
-      if (localFiles === void 0) { return }
-
       localFiles.forEach(file => {
         state.updateFileStatus(file, 'idle');
         uploadSize.value += file.size;
@@ -34017,7 +34083,21 @@
     }
   }
 
-  var createUploaderComponent = ({ name, props, emits, injectPlugin }) => vue.defineComponent({
+  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,
 
     props: {
@@ -34025,10 +34105,9 @@
       ...props
     },
 
-    emits: [
-      ...coreEmits,
-      ...emits
-    ],
+    emits: Object(emits) === emits
+      ? { ...coreEmitsObject, ...emits }
+      : [ ...coreEmits, ...emits ],
 
     setup () {
       return getRenderer(injectPlugin)
@@ -34062,7 +34141,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([]);
@@ -34288,13 +34367,13 @@
   var xhrUploaderPlugin = {
     name: 'QUploader',
     props: props$2,
-    emits,
+    emits: emits$1,
     injectPlugin
   };
 
   var QUploader = createUploaderComponent(xhrUploaderPlugin);
 
-  var QUploaderAddTrigger = vue.defineComponent({
+  var QUploaderAddTrigger = createComponent({
     name: 'QUploaderAddTrigger',
 
     setup () {
@@ -34304,7 +34383,7 @@
     }
   });
 
-  var QVideo = vue.defineComponent({
+  var QVideo = createComponent({
     name: 'QVideo',
 
     props: {
@@ -34483,7 +34562,7 @@
     return isNaN(depth) ? 0 : depth
   }
 
-  var ClosePopup = {
+  var ClosePopup = createDirective({
         name: 'close-popup',
 
         beforeMount (el, { value }) {
@@ -34523,7 +34602,8 @@
           el.removeEventListener('keyup', ctx.handlerKey);
           delete el.__qclosepopup;
         }
-      };
+      }
+  );
 
   let id = 0;
   let offsetBase = void 0;
@@ -35673,7 +35753,7 @@
     }
   }
 
-  var Morph = {
+  var Morph = createDirective({
         name: 'morph',
 
         mounted (el, binding) {
@@ -35718,7 +35798,8 @@
 
           delete el.__qmorph;
         }
-      };
+      }
+  );
 
   const defaultCfg = {
     childList: true,
@@ -35754,7 +35835,7 @@
     }
   }
 
-  var Mutation = {
+  var Mutation = createDirective({
         name: 'mutation',
 
         mounted (el, { modifiers: { once, ...mod }, value }) {
@@ -35778,7 +35859,8 @@
         },
 
         beforeUnmount: destroy
-      };
+      }
+  );
 
   const { passive } = listenOpts;
 
@@ -35795,7 +35877,7 @@
     }
   }
 
-  var ScrollFire = {
+  var ScrollFire = createDirective({
         name: 'scroll-fire',
 
         mounted (el, binding) {
@@ -35836,7 +35918,8 @@
           ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive);
           delete el.__qscrollfire;
         }
-      };
+      }
+  );
 
   function update (ctx, { value, oldValue }) {
     if (typeof value !== 'function') {
@@ -35850,7 +35933,7 @@
     }
   }
 
-  var Scroll = {
+  var Scroll = createDirective({
         name: 'scroll',
 
         mounted (el, binding) {
@@ -35880,9 +35963,10 @@
           ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, listenOpts.passive);
           delete el.__qscroll;
         }
-      };
+      }
+  );
 
-  var TouchHold = {
+  var TouchHold = createDirective({
         name: 'touch-hold',
 
         beforeMount (el, binding) {
@@ -36033,7 +36117,8 @@
             delete el.__qtouchhold;
           }
         }
-      };
+      }
+  );
 
   const
     keyCodes = {
@@ -36056,7 +36141,7 @@
       || Math.abs(top - origin.top) >= 7
   }
 
-  var TouchRepeat = {
+  var TouchRepeat = createDirective({
         name: 'touch-repeat',
 
         beforeMount (el, { modifiers, value, arg }) {
@@ -36267,7 +36352,8 @@
             delete el.__qtouchrepeat;
           }
         }
-      };
+      }
+  );
 
   var directives = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -36500,7 +36586,7 @@
     }
   }
 
-  var BottomSheet$1 = vue.defineComponent({
+  var BottomSheet$1 = createComponent({
     name: 'BottomSheetPlugin',
 
     props: {
@@ -37017,7 +37103,7 @@
     Object.assign(Plugin$3, getObject());
   }
 
-  var DialogPlugin = vue.defineComponent({
+  var DialogPlugin = createComponent({
     name: 'DialogPlugin',
 
     props: {
@@ -37760,9 +37846,9 @@
   }
 
   function getComponent ($q) {
-    return vue.defineComponent({
+    return createComponent({
       name: 'QNotifications',
-      
+
       // hide App from Vue devtools
       devtools: { hide: true },
 
@@ -38663,7 +38749,10 @@
     }
   }
 
-  useDialogPluginComponent.emits = [ 'ok', 'hide' ];
+  const emits = [ 'ok', 'hide' ];
+
+  useDialogPluginComponent.emits = emits;
+  useDialogPluginComponent.emitsObject = getEmitsObject(emits);
 
   function useMeta (metaOptions) {
     {
@@ -38719,7 +38808,7 @@
   });
 
   var index_umd = {
-    version: '2.2.2',
+    version: '2.3.1',
     install (app, opts) {
       installQuasar(app, {
         components,