quasar 2.2.1 → 2.3.0

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.1
+ * 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.1' };
+      const $q = { version: '2.3.0' };
 
       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: {
@@ -7294,7 +7299,7 @@
     ])
   ]);
 
-  var QCheckbox = vue.defineComponent({
+  var QCheckbox = createComponent({
     name: 'QCheckbox',
 
     props: useCheckboxProps,
@@ -7313,7 +7318,7 @@
     xl: 24
   };
 
-  var QChip = vue.defineComponent({
+  var QChip = createComponent({
     name: 'QChip',
 
     props: {
@@ -7534,7 +7539,7 @@
     circumference = diameter * Math.PI,
     strokeDashArray = Math.round(circumference * 1000) / 1000;
 
-  var QCircularProgress = vue.defineComponent({
+  var QCircularProgress = createComponent({
     name: 'QCircularProgress',
 
     props: {
@@ -7545,6 +7550,11 @@
         default: 0
       },
 
+      animationSpeed: {
+        type: [ String, Number ],
+        default: 600
+      },
+
       indeterminate: Boolean
     },
 
@@ -7564,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` }
           : ''
       ));
 
@@ -7769,7 +7779,7 @@
 
   let uid$4 = 0;
 
-  var TouchPan = {
+  var TouchPan = createDirective({
         name: 'touch-pan',
 
         beforeMount (el, { value, modifiers }) {
@@ -8071,7 +8081,8 @@
             delete el.__qtouchpan;
           }
         }
-      };
+      }
+  );
 
   // PGDOWN, LEFT, DOWN, PGUP, RIGHT, UP
   const keyCodes$2 = [ 34, 37, 40, 33, 39, 38 ];
@@ -8373,7 +8384,7 @@
     }
   }
 
-  var QSlider = vue.defineComponent({
+  var QSlider = createComponent({
     name: 'QSlider',
 
     props: {
@@ -8617,7 +8628,7 @@
         url: 'about:blank'
       };
 
-  var QResizeObserver = vue.defineComponent({
+  var QResizeObserver = createComponent({
     name: 'QResizeObserver',
 
     props: {
@@ -8777,7 +8788,7 @@
   const alignValues$1 = [ 'left', 'center', 'right', 'justify' ];
   const emptyFn = () => {};
 
-  var QTabs = vue.defineComponent({
+  var QTabs = createComponent({
     name: 'QTabs',
 
     props: {
@@ -8817,7 +8828,7 @@
 
       contentClass: String,
 
-      'onUpdate:modelValue': Function
+      'onUpdate:modelValue': [ Function, Array ]
     },
 
     setup (props, { slots, emit }) {
@@ -9512,7 +9523,7 @@
     return { renderTab, $tabs }
   }
 
-  var QTab = vue.defineComponent({
+  var QTab = createComponent({
     name: 'QTab',
 
     props: useTabProps,
@@ -9525,7 +9536,7 @@
     }
   });
 
-  var QTabPanels = vue.defineComponent({
+  var QTabPanels = createComponent({
     name: 'QTabPanels',
 
     props: {
@@ -9561,7 +9572,7 @@
     }
   });
 
-  var QTabPanel = vue.defineComponent({
+  var QTabPanel = createComponent({
     name: 'QTabPanel',
 
     props: usePanelChildProps,
@@ -9914,7 +9925,7 @@
 
   const thumbPath = 'M5 5 h10 v10 h-10 v-10 z';
 
-  var QColor = vue.defineComponent({
+  var QColor = createComponent({
     name: 'QColor',
 
     props: {
@@ -11484,7 +11495,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 +12030,7 @@
     return date.year + '/' + pad(date.month)
   }
 
-  var QDate = vue.defineComponent({
+  var QDate = createComponent({
     name: 'QDate',
 
     props: {
@@ -12797,8 +12808,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 +13718,7 @@
     left: [ 'slide-right', 'slide-left' ]
   };
 
-  var QDialog = vue.defineComponent({
+  var QDialog = createComponent({
     name: 'QDialog',
 
     inheritAttrs: false,
@@ -14084,7 +14096,7 @@
 
   const duration = 150;
 
-  var QDrawer = vue.defineComponent({
+  var QDrawer = createComponent({
     name: 'QDrawer',
 
     inheritAttrs: false,
@@ -15127,7 +15139,7 @@
     }
   }
 
-  var QTooltip = vue.defineComponent({
+  var QTooltip = createComponent({
     name: 'QTooltip',
 
     inheritAttrs: false,
@@ -15421,7 +15433,7 @@
     }
   });
 
-  var QItem = vue.defineComponent({
+  var QItem = createComponent({
     name: 'QItem',
 
     props: {
@@ -15569,7 +15581,7 @@
     }
   });
 
-  var QItemSection = vue.defineComponent({
+  var QItemSection = createComponent({
     name: 'QItemSection',
 
     props: {
@@ -15985,7 +15997,7 @@
     return target
   }
 
-  var QEditor = vue.defineComponent({
+  var QEditor = createComponent({
     name: 'QEditor',
 
     props: {
@@ -16509,7 +16521,7 @@
     }
   });
 
-  var QItemLabel = vue.defineComponent({
+  var QItemLabel = createComponent({
     name: 'QItemLabel',
 
     props: {
@@ -16548,7 +16560,7 @@
     }
   });
 
-  var QSlideTransition = vue.defineComponent({
+  var QSlideTransition = createComponent({
     name: 'QSlideTransition',
 
     props: {
@@ -16674,7 +16686,7 @@
     xl: 24
   };
 
-  var QSeparator = vue.defineComponent({
+  var QSeparator = createComponent({
     name: 'QSeparator',
 
     props: {
@@ -16817,7 +16829,7 @@
   const itemGroups = vue.shallowReactive({});
   const LINK_PROPS = Object.keys(useRouterLinkProps);
 
-  var QExpansionItem = vue.defineComponent({
+  var QExpansionItem = createComponent({
     name: 'QExpansionItem',
 
     props: {
@@ -17227,7 +17239,7 @@
   const directions = [ 'up', 'right', 'down', 'left' ];
   const alignValues = [ 'left', 'center', 'right' ];
 
-  var QFab = vue.defineComponent({
+  var QFab = createComponent({
     name: 'QFab',
 
     props: {
@@ -17358,7 +17370,7 @@
 
   const anchorValues = Object.keys(anchorMap);
 
-  var QFabAction = vue.defineComponent({
+  var QFabAction = createComponent({
     name: 'QFabAction',
 
     props: {
@@ -18251,7 +18263,7 @@
     }
   }
 
-  var QField = vue.defineComponent({
+  var QField = createComponent({
     name: 'QField',
 
     inheritAttrs: false,
@@ -18375,6 +18387,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 +18526,7 @@
       : vue.computed(getFormDomProps)
   }
 
-  var QFile = vue.defineComponent({
+  var QFile = createComponent({
     name: 'QFile',
 
     inheritAttrs: false,
@@ -18768,7 +18788,7 @@
     }
   });
 
-  var QFooter = vue.defineComponent({
+  var QFooter = createComponent({
     name: 'QFooter',
 
     props: {
@@ -18960,7 +18980,7 @@
     }
   });
 
-  var QForm = vue.defineComponent({
+  var QForm = createComponent({
     name: 'QForm',
 
     props: {
@@ -19176,7 +19196,7 @@
     }
   };
 
-  var QHeader = vue.defineComponent({
+  var QHeader = createComponent({
     name: 'QHeader',
 
     props: {
@@ -19368,7 +19388,7 @@
 
   const defaultRatio = 16 / 9;
 
-  var QImg = vue.defineComponent({
+  var QImg = createComponent({
     name: 'QImg',
 
     props: {
@@ -19638,7 +19658,9 @@
     }
   });
 
-  var QInfiniteScroll = vue.defineComponent({
+  const { passive: passive$3 } = listenOpts;
+
+  var QInfiniteScroll = createComponent({
     name: 'QInfiniteScroll',
 
     props: {
@@ -19665,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
         }
 
@@ -19700,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
@@ -19738,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);
         }
       }
 
@@ -19786,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);
         }
       });
 
@@ -19832,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))
           );
@@ -19846,7 +19883,7 @@
     }
   });
 
-  var QInnerLoading = vue.defineComponent({
+  var QInnerLoading = createComponent({
     name: 'QInnerLoading',
 
     props: {
@@ -20488,7 +20525,7 @@
     }
   }
 
-  var QInput = vue.defineComponent({
+  var QInput = createComponent({
     name: 'QInput',
 
     inheritAttrs: false,
@@ -20937,7 +20974,7 @@
     }
   }
 
-  var Intersection = {
+  var Intersection = createDirective({
         name: 'intersection',
 
         mounted (el, { modifiers, value }) {
@@ -20956,9 +20993,10 @@
         },
 
         beforeUnmount: destroy$1
-      };
+      }
+  );
 
-  var QIntersection = vue.defineComponent({
+  var QIntersection = createComponent({
     name: 'QIntersection',
 
     props: {
@@ -21048,7 +21086,7 @@
     }
   });
 
-  var QList = vue.defineComponent({
+  var QList = createComponent({
     name: 'QList',
 
     props: {
@@ -21081,7 +21119,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 +21386,7 @@
   const { passive: passive$2 } = listenOpts;
   const axisValues = [ 'both', 'horizontal', 'vertical' ];
 
-  var QScrollObserver = vue.defineComponent({
+  var QScrollObserver = createComponent({
     name: 'QScrollObserver',
 
     props: {
@@ -21476,7 +21514,7 @@
     }
   });
 
-  var QLayout = vue.defineComponent({
+  var QLayout = createComponent({
     name: 'QLayout',
 
     props: {
@@ -21676,7 +21714,7 @@
 
   const separatorValues = [ 'horizontal', 'vertical', 'cell', 'none' ];
 
-  var QMarkupTable = vue.defineComponent({
+  var QMarkupTable = createComponent({
     name: 'QMarkupTable',
 
     props: {
@@ -21718,7 +21756,7 @@
     }
   });
 
-  var QNoSsr = vue.defineComponent({
+  var QNoSsr = createComponent({
     name: 'QNoSsr',
 
     props: {
@@ -21774,7 +21812,7 @@
     })
   ]);
 
-  var QRadio = vue.defineComponent({
+  var QRadio = createComponent({
     name: 'QRadio',
 
     props: {
@@ -21928,7 +21966,7 @@
     }
   });
 
-  var QToggle = vue.defineComponent({
+  var QToggle = createComponent({
     name: 'QToggle',
 
     props: {
@@ -21988,7 +22026,7 @@
 
   const typeValues = Object.keys(components$1);
 
-  var QOptionGroup = vue.defineComponent({
+  var QOptionGroup = createComponent({
     name: 'QOptionGroup',
 
     props: {
@@ -22097,7 +22135,7 @@
     }
   });
 
-  var QPage = vue.defineComponent({
+  var QPage = createComponent({
     name: 'QPage',
 
     props: {
@@ -22148,7 +22186,7 @@
     }
   });
 
-  var QPageContainer = vue.defineComponent({
+  var QPageContainer = createComponent({
     name: 'QPageContainer',
 
     setup (_, { slots }) {
@@ -22299,7 +22337,7 @@
     }
   }
 
-  var QPageScroller = vue.defineComponent({
+  var QPageScroller = createComponent({
     name: 'QPageScroller',
 
     props: {
@@ -22411,7 +22449,7 @@
     }
   });
 
-  var QPageSticky = vue.defineComponent({
+  var QPageSticky = createComponent({
     name: 'QPageSticky',
 
     props: usePageStickyProps,
@@ -22422,7 +22460,7 @@
     }
   });
 
-  var QPagination = vue.defineComponent({
+  var QPagination = createComponent({
     name: 'QPagination',
 
     props: {
@@ -22812,7 +22850,7 @@
 
   const { passive: passive$1 } = listenOpts;
 
-  var QParallax = vue.defineComponent({
+  var QParallax = createComponent({
     name: 'QParallax',
 
     props: {
@@ -22976,7 +23014,7 @@
     }
   }
 
-  var QPopupEdit = vue.defineComponent({
+  var QPopupEdit = createComponent({
     name: 'QPopupEdit',
 
     props: {
@@ -23162,7 +23200,7 @@
     }
   });
 
-  var QPopupProxy = vue.defineComponent({
+  var QPopupProxy = createComponent({
     name: 'QPopupProxy',
 
     props: {
@@ -23194,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;
@@ -23219,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
@@ -23254,7 +23284,7 @@
           });
         }
 
-        return vue.h(component, data, () => def)
+        return vue.h(component, data, slots.default)
       }
     }
   });
@@ -23275,7 +23305,7 @@
     }
   }
 
-  var QLinearProgress = vue.defineComponent({
+  var QLinearProgress = createComponent({
     name: 'QLinearProgress',
 
     props: {
@@ -23297,6 +23327,11 @@
       query: Boolean,
       rounded: Boolean,
 
+      animationSpeed: {
+        type: [ String, Number ],
+        default: 2100
+      },
+
       instantFeedback: Boolean
     },
 
@@ -23306,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'
@@ -23356,7 +23395,7 @@
 
         return vue.h('div', {
           class: classes.value,
-          style: sizeStyle.value,
+          style: style.value,
           role: 'progressbar',
           'aria-valuemin': 0,
           'aria-valuemax': 1,
@@ -23372,7 +23411,7 @@
     PULLER_HEIGHT = 40,
     OFFSET_TOP = 20;
 
-  var QPullToRefresh = vue.defineComponent({
+  var QPullToRefresh = createComponent({
     name: 'QPullToRefresh',
 
     props: {
@@ -23577,7 +23616,7 @@
     MAX: 2
   };
 
-  var QRange = vue.defineComponent({
+  var QRange = createComponent({
     name: 'QRange',
 
     props: {
@@ -24085,7 +24124,7 @@
     }
   });
 
-  var QRating = vue.defineComponent({
+  var QRating = createComponent({
     name: 'QRating',
 
     props: {
@@ -24311,7 +24350,7 @@
     }
   });
 
-  var QResponsive = vue.defineComponent({
+  var QResponsive = createComponent({
     name: 'QResponsive',
 
     props: useRatioProps,
@@ -24341,7 +24380,7 @@
     horizontal: { offset: 'offsetX', scroll: 'scrollLeft', dir: 'right', dist: 'x' }
   };
 
-  var QScrollArea = vue.defineComponent({
+  var QScrollArea = createComponent({
     name: 'QScrollArea',
 
     props: {
@@ -25443,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();
@@ -25470,7 +25525,7 @@
   const reEscapeList = '.*+?^${}()|[]\\';
   const fieldPropsList = Object.keys(useFieldProps);
 
-  var QSelect = vue.defineComponent({
+  var QSelect = createComponent({
     name: 'QSelect',
 
     inheritAttrs: false,
@@ -26376,6 +26431,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 +26618,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 +26642,7 @@
           onBeforeShow: onControlPopupShow,
           onBeforeHide: onMenuBeforeHide,
           onShow: onMenuShow
-        }, child)
+        }, getAllOptions)
       }
 
       function onMenuBeforeHide (e) {
@@ -26646,15 +26699,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, {
@@ -26974,7 +27019,7 @@
     'wave', 'pulse', 'pulse-x', 'pulse-y', 'fade', 'blink', 'none'
   ];
 
-  var QSkeleton = vue.defineComponent({
+  var QSkeleton = createComponent({
     name: 'QSkeleton',
 
     props: {
@@ -27046,7 +27091,7 @@
     [ 'bottom', 'end', 'center', 'height' ]
   ];
 
-  var QSlideItem = vue.defineComponent({
+  var QSlideItem = createComponent({
     name: 'QSlideItem',
 
     props: {
@@ -27265,7 +27310,7 @@
 
   const space = vue.h('div', { class: 'q-space' });
 
-  var QSpace = vue.defineComponent({
+  var QSpace = createComponent({
     name: 'QSpace',
 
     setup () {
@@ -27339,7 +27384,7 @@
     ])
   ];
 
-  var QSpinnerAudio = vue.defineComponent({
+  var QSpinnerAudio = createComponent({
     name: 'QSpinnerAudio',
 
     props: useSpinnerProps,
@@ -27440,7 +27485,7 @@
     ])
   ];
 
-  var QSpinnerBall = vue.defineComponent({
+  var QSpinnerBall = createComponent({
     name: 'QSpinnerBall',
 
     props: useSpinnerProps,
@@ -27580,7 +27625,7 @@
     ])
   ];
 
-  var QSpinnerBars = vue.defineComponent({
+  var QSpinnerBars = createComponent({
     name: 'QSpinnerBars',
 
     props: useSpinnerProps,
@@ -27638,7 +27683,7 @@
     ])
   ];
 
-  var QSpinnerBox = vue.defineComponent({
+  var QSpinnerBox = createComponent({
     name: 'QSpinnerBox',
 
     props: useSpinnerProps,
@@ -27707,7 +27752,7 @@
     ])
   ];
 
-  var QSpinnerClock = vue.defineComponent({
+  var QSpinnerClock = createComponent({
     name: 'QSpinnerClock',
 
     props: useSpinnerProps,
@@ -27788,7 +27833,7 @@
     ])
   ];
 
-  var QSpinnerComment = vue.defineComponent({
+  var QSpinnerComment = createComponent({
     name: 'QSpinnerComment',
 
     props: useSpinnerProps,
@@ -27917,7 +27962,7 @@
     ])
   ];
 
-  var QSpinnerCube = vue.defineComponent({
+  var QSpinnerCube = createComponent({
     name: 'QSpinnerCube',
 
     props: useSpinnerProps,
@@ -28018,7 +28063,7 @@
     ])
   ];
 
-  var QSpinnerDots = vue.defineComponent({
+  var QSpinnerDots = createComponent({
     name: 'QSpinnerDots',
 
     props: useSpinnerProps,
@@ -28118,7 +28163,7 @@
     ])
   ];
 
-  var QSpinnerFacebook = vue.defineComponent({
+  var QSpinnerFacebook = createComponent({
     name: 'QSpinnerFacebook',
 
     props: useSpinnerProps,
@@ -28174,7 +28219,7 @@
     ])
   ];
 
-  var QSpinnerGears = vue.defineComponent({
+  var QSpinnerGears = createComponent({
     name: 'QSpinnerGears',
 
     props: useSpinnerProps,
@@ -28323,7 +28368,7 @@
     ])
   ];
 
-  var QSpinnerGrid = vue.defineComponent({
+  var QSpinnerGrid = createComponent({
     name: 'QSpinnerGrid',
 
     props: useSpinnerProps,
@@ -28374,7 +28419,7 @@
     })
   ];
 
-  var QSpinnerHearts = vue.defineComponent({
+  var QSpinnerHearts = createComponent({
     name: 'QSpinnerHearts',
 
     props: useSpinnerProps,
@@ -28483,7 +28528,7 @@
     ])
   ];
 
-  var QSpinnerHourglass = vue.defineComponent({
+  var QSpinnerHourglass = createComponent({
     name: 'QSpinnerHourglass',
 
     props: useSpinnerProps,
@@ -28523,7 +28568,7 @@
     ])
   ];
 
-  var QSpinnerInfinity = vue.defineComponent({
+  var QSpinnerInfinity = createComponent({
     name: 'QSpinnerInfinity',
 
     props: useSpinnerProps,
@@ -28693,7 +28738,7 @@
     ])
   ];
 
-  var QSpinnerIos = vue.defineComponent({
+  var QSpinnerIos = createComponent({
     name: 'QSpinnerIos',
 
     props: useSpinnerProps,
@@ -28741,7 +28786,7 @@
     ])
   ];
 
-  var QSpinnerOrbit = vue.defineComponent({
+  var QSpinnerOrbit = createComponent({
     name: 'QSpinnerOrbit',
 
     props: useSpinnerProps,
@@ -28788,7 +28833,7 @@
     ])
   ];
 
-  var QSpinnerOval = vue.defineComponent({
+  var QSpinnerOval = createComponent({
     name: 'QSpinnerOval',
 
     props: useSpinnerProps,
@@ -28866,7 +28911,7 @@
     ])
   ];
 
-  var QSpinnerPie = vue.defineComponent({
+  var QSpinnerPie = createComponent({
     name: 'QSpinnerPie',
 
     props: useSpinnerProps,
@@ -28946,7 +28991,7 @@
     ])
   ];
 
-  var QSpinnerPuff = vue.defineComponent({
+  var QSpinnerPuff = createComponent({
     name: 'QSpinnerPuff',
 
     props: useSpinnerProps,
@@ -29019,7 +29064,7 @@
     ])
   ];
 
-  var QSpinnerRadio = vue.defineComponent({
+  var QSpinnerRadio = createComponent({
     name: 'QSpinnerRadio',
 
     props: useSpinnerProps,
@@ -29122,7 +29167,7 @@
     ])
   ];
 
-  var QSpinnerRings = vue.defineComponent({
+  var QSpinnerRings = createComponent({
     name: 'QSpinnerRings',
 
     props: useSpinnerProps,
@@ -29203,7 +29248,7 @@
     ])
   ];
 
-  var QSpinnerTail = vue.defineComponent({
+  var QSpinnerTail = createComponent({
     name: 'QSpinnerTail',
 
     props: useSpinnerProps,
@@ -29221,7 +29266,7 @@
     }
   });
 
-  var QSplitter = vue.defineComponent({
+  var QSplitter = createComponent({
     name: 'QSplitter',
 
     props: {
@@ -29419,7 +29464,7 @@
     }
   });
 
-  var StepHeader = vue.defineComponent({
+  var StepHeader = createComponent({
     name: 'StepHeader',
 
     props: {
@@ -29596,7 +29641,7 @@
     }
   };
 
-  var QStep = vue.defineComponent({
+  var QStep = createComponent({
     name: 'QStep',
 
     props: {
@@ -29713,7 +29758,7 @@
     return acc
   }
 
-  var QStepper = vue.defineComponent({
+  var QStepper = createComponent({
     name: 'QStepper',
 
     props: {
@@ -29826,7 +29871,7 @@
     }
   });
 
-  var QStepperNavigation = vue.defineComponent({
+  var QStepperNavigation = createComponent({
     name: 'QStepperNavigation',
 
     setup (_, { slots }) {
@@ -29834,7 +29879,7 @@
     }
   });
 
-  var QTh = vue.defineComponent({
+  var QTh = createComponent({
     name: 'QTh',
 
     props: {
@@ -29911,7 +29956,7 @@
 
   const typeOptions = [ 'list', 'table', '__qtable' ];
 
-  var QVirtualScroll = vue.defineComponent({
+  var QVirtualScroll = createComponent({
     name: 'QVirtualScroll',
 
     props: {
@@ -30238,7 +30283,7 @@
       default: () => [ 5, 7, 10, 15, 20, 25, 50, 0 ]
     },
 
-    'onUpdate:pagination': Function
+    'onUpdate:pagination': [ Function, Array ]
   };
 
   function useTablePaginationState (vm, getCellValue) {
@@ -30288,7 +30333,7 @@
         ...val
       });
 
-      if (samePagination(computedPagination.value, newPagination)) {
+      if (samePagination(computedPagination.value, newPagination) === true) {
         if (isServerSide.value === true && forceServerRequest === true) {
           sendServerRequest(newPagination);
         }
@@ -30655,7 +30700,7 @@
   const commonVirtPropsObj = {};
   commonVirtPropsList.forEach(p => { commonVirtPropsObj[ p ] = {}; });
 
-  var QTable = vue.defineComponent({
+  var QTable = createComponent({
     name: 'QTable',
 
     props: {
@@ -31694,7 +31739,7 @@
     }
   });
 
-  var QTr = vue.defineComponent({
+  var QTr = createComponent({
     name: 'QTr',
 
     props: {
@@ -31713,7 +31758,7 @@
     }
   });
 
-  var QTd = vue.defineComponent({
+  var QTd = createComponent({
     name: 'QTd',
 
     props: {
@@ -31753,7 +31798,7 @@
     }
   });
 
-  var QRouteTab = vue.defineComponent({
+  var QRouteTab = createComponent({
     name: 'QRouteTab',
 
     props: {
@@ -31809,7 +31854,7 @@
     }
   }
 
-  var QTime = vue.defineComponent({
+  var QTime = createComponent({
     name: 'QTime',
 
     props: {
@@ -32061,8 +32106,6 @@
           defaultDateModel.value
         );
 
-        console.log({ ...model });
-
         if (
           model.dateHash !== innerModel.value.dateHash
           || model.timeHash !== innerModel.value.timeHash
@@ -32433,21 +32476,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 = {
@@ -32696,7 +32740,7 @@
     }
   });
 
-  var QTimeline = vue.defineComponent({
+  var QTimeline = createComponent({
     name: 'QTimeline',
 
     props: {
@@ -32733,7 +32777,7 @@
     }
   });
 
-  var QTimelineEntry = vue.defineComponent({
+  var QTimelineEntry = createComponent({
     name: 'QTimelineEntry',
 
     props: {
@@ -32837,7 +32881,7 @@
     }
   });
 
-  var QToolbar = vue.defineComponent({
+  var QToolbar = createComponent({
     name: 'QToolbar',
 
     props: {
@@ -32854,7 +32898,7 @@
     }
   });
 
-  var QToolbarTitle = vue.defineComponent({
+  var QToolbarTitle = createComponent({
     name: 'QToolbarTitle',
 
     props: {
@@ -32871,7 +32915,9 @@
     }
   });
 
-  var QTree = vue.defineComponent({
+  const tickStrategyOptions = [ 'none', 'strict', 'leaf', 'leaf-filtered' ];
+
+  var QTree = createComponent({
     name: 'QTree',
 
     props: {
@@ -32894,6 +32940,8 @@
         default: 'children'
       },
 
+      dense: Boolean,
+
       color: String,
       controlColor: String,
       textColor: String,
@@ -32904,7 +32952,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
@@ -32949,7 +32997,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 }` : '')
@@ -33391,13 +33439,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); }
@@ -33407,7 +33455,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,
@@ -33799,20 +33847,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;
@@ -34019,7 +34062,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: {
@@ -34027,10 +34084,9 @@
       ...props
     },
 
-    emits: [
-      ...coreEmits,
-      ...emits
-    ],
+    emits: Object(emits) === emits
+      ? { ...coreEmitsObject, ...emits }
+      : [ ...coreEmits, ...emits ],
 
     setup () {
       return getRenderer(injectPlugin)
@@ -34064,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([]);
@@ -34290,13 +34346,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 () {
@@ -34306,7 +34362,7 @@
     }
   });
 
-  var QVideo = vue.defineComponent({
+  var QVideo = createComponent({
     name: 'QVideo',
 
     props: {
@@ -34485,7 +34541,7 @@
     return isNaN(depth) ? 0 : depth
   }
 
-  var ClosePopup = {
+  var ClosePopup = createDirective({
         name: 'close-popup',
 
         beforeMount (el, { value }) {
@@ -34525,7 +34581,8 @@
           el.removeEventListener('keyup', ctx.handlerKey);
           delete el.__qclosepopup;
         }
-      };
+      }
+  );
 
   let id = 0;
   let offsetBase = void 0;
@@ -35675,7 +35732,7 @@
     }
   }
 
-  var Morph = {
+  var Morph = createDirective({
         name: 'morph',
 
         mounted (el, binding) {
@@ -35720,7 +35777,8 @@
 
           delete el.__qmorph;
         }
-      };
+      }
+  );
 
   const defaultCfg = {
     childList: true,
@@ -35756,7 +35814,7 @@
     }
   }
 
-  var Mutation = {
+  var Mutation = createDirective({
         name: 'mutation',
 
         mounted (el, { modifiers: { once, ...mod }, value }) {
@@ -35780,7 +35838,8 @@
         },
 
         beforeUnmount: destroy
-      };
+      }
+  );
 
   const { passive } = listenOpts;
 
@@ -35797,7 +35856,7 @@
     }
   }
 
-  var ScrollFire = {
+  var ScrollFire = createDirective({
         name: 'scroll-fire',
 
         mounted (el, binding) {
@@ -35838,7 +35897,8 @@
           ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive);
           delete el.__qscrollfire;
         }
-      };
+      }
+  );
 
   function update (ctx, { value, oldValue }) {
     if (typeof value !== 'function') {
@@ -35852,7 +35912,7 @@
     }
   }
 
-  var Scroll = {
+  var Scroll = createDirective({
         name: 'scroll',
 
         mounted (el, binding) {
@@ -35882,9 +35942,10 @@
           ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, listenOpts.passive);
           delete el.__qscroll;
         }
-      };
+      }
+  );
 
-  var TouchHold = {
+  var TouchHold = createDirective({
         name: 'touch-hold',
 
         beforeMount (el, binding) {
@@ -36035,7 +36096,8 @@
             delete el.__qtouchhold;
           }
         }
-      };
+      }
+  );
 
   const
     keyCodes = {
@@ -36058,7 +36120,7 @@
       || Math.abs(top - origin.top) >= 7
   }
 
-  var TouchRepeat = {
+  var TouchRepeat = createDirective({
         name: 'touch-repeat',
 
         beforeMount (el, { modifiers, value, arg }) {
@@ -36269,7 +36331,8 @@
             delete el.__qtouchrepeat;
           }
         }
-      };
+      }
+  );
 
   var directives = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -36502,7 +36565,7 @@
     }
   }
 
-  var BottomSheet$1 = vue.defineComponent({
+  var BottomSheet$1 = createComponent({
     name: 'BottomSheetPlugin',
 
     props: {
@@ -37019,7 +37082,7 @@
     Object.assign(Plugin$3, getObject());
   }
 
-  var DialogPlugin = vue.defineComponent({
+  var DialogPlugin = createComponent({
     name: 'DialogPlugin',
 
     props: {
@@ -37762,9 +37825,9 @@
   }
 
   function getComponent ($q) {
-    return vue.defineComponent({
+    return createComponent({
       name: 'QNotifications',
-      
+
       // hide App from Vue devtools
       devtools: { hide: true },
 
@@ -38665,7 +38728,10 @@
     }
   }
 
-  useDialogPluginComponent.emits = [ 'ok', 'hide' ];
+  const emits = [ 'ok', 'hide' ];
+
+  useDialogPluginComponent.emits = emits;
+  useDialogPluginComponent.emitsObject = getEmitsObject(emits);
 
   function useMeta (metaOptions) {
     {
@@ -38721,7 +38787,7 @@
   });
 
   var index_umd = {
-    version: '2.2.1',
+    version: '2.3.0',
     install (app, opts) {
       installQuasar(app, {
         components,