quasar 2.2.2 → 2.2.3

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.2.2
+ * Quasar Framework v2.2.3
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1437,7 +1437,7 @@
   }
 
   var installQuasar = function (parentApp, opts = {}) {
-      const $q = { version: '2.2.2' };
+      const $q = { version: '2.2.3' };
 
       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: {
@@ -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: {
@@ -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: {
@@ -7769,7 +7774,7 @@
 
   let uid$4 = 0;
 
-  var TouchPan = {
+  var TouchPan = createDirective({
         name: 'touch-pan',
 
         beforeMount (el, { value, modifiers }) {
@@ -8071,7 +8076,8 @@
             delete el.__qtouchpan;
           }
         }
-      };
+      }
+  );
 
   // PGDOWN, LEFT, DOWN, PGUP, RIGHT, UP
   const keyCodes$2 = [ 34, 37, 40, 33, 39, 38 ];
@@ -8373,7 +8379,7 @@
     }
   }
 
-  var QSlider = vue.defineComponent({
+  var QSlider = createComponent({
     name: 'QSlider',
 
     props: {
@@ -8617,7 +8623,7 @@
         url: 'about:blank'
       };
 
-  var QResizeObserver = vue.defineComponent({
+  var QResizeObserver = createComponent({
     name: 'QResizeObserver',
 
     props: {
@@ -8777,7 +8783,7 @@
   const alignValues$1 = [ 'left', 'center', 'right', 'justify' ];
   const emptyFn = () => {};
 
-  var QTabs = vue.defineComponent({
+  var QTabs = createComponent({
     name: 'QTabs',
 
     props: {
@@ -9512,7 +9518,7 @@
     return { renderTab, $tabs }
   }
 
-  var QTab = vue.defineComponent({
+  var QTab = createComponent({
     name: 'QTab',
 
     props: useTabProps,
@@ -9525,7 +9531,7 @@
     }
   });
 
-  var QTabPanels = vue.defineComponent({
+  var QTabPanels = createComponent({
     name: 'QTabPanels',
 
     props: {
@@ -9561,7 +9567,7 @@
     }
   });
 
-  var QTabPanel = vue.defineComponent({
+  var QTabPanel = createComponent({
     name: 'QTabPanel',
 
     props: usePanelChildProps,
@@ -9914,7 +9920,7 @@
 
   const thumbPath = 'M5 5 h10 v10 h-10 v-10 z';
 
-  var QColor = vue.defineComponent({
+  var QColor = createComponent({
     name: 'QColor',
 
     props: {
@@ -12019,7 +12025,7 @@
     return date.year + '/' + pad(date.month)
   }
 
-  var QDate = vue.defineComponent({
+  var QDate = createComponent({
     name: 'QDate',
 
     props: {
@@ -12797,8 +12803,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 +13713,7 @@
     left: [ 'slide-right', 'slide-left' ]
   };
 
-  var QDialog = vue.defineComponent({
+  var QDialog = createComponent({
     name: 'QDialog',
 
     inheritAttrs: false,
@@ -14084,7 +14091,7 @@
 
   const duration = 150;
 
-  var QDrawer = vue.defineComponent({
+  var QDrawer = createComponent({
     name: 'QDrawer',
 
     inheritAttrs: false,
@@ -15127,7 +15134,7 @@
     }
   }
 
-  var QTooltip = vue.defineComponent({
+  var QTooltip = createComponent({
     name: 'QTooltip',
 
     inheritAttrs: false,
@@ -15421,7 +15428,7 @@
     }
   });
 
-  var QItem = vue.defineComponent({
+  var QItem = createComponent({
     name: 'QItem',
 
     props: {
@@ -15569,7 +15576,7 @@
     }
   });
 
-  var QItemSection = vue.defineComponent({
+  var QItemSection = createComponent({
     name: 'QItemSection',
 
     props: {
@@ -15985,7 +15992,7 @@
     return target
   }
 
-  var QEditor = vue.defineComponent({
+  var QEditor = createComponent({
     name: 'QEditor',
 
     props: {
@@ -16509,7 +16516,7 @@
     }
   });
 
-  var QItemLabel = vue.defineComponent({
+  var QItemLabel = createComponent({
     name: 'QItemLabel',
 
     props: {
@@ -16548,7 +16555,7 @@
     }
   });
 
-  var QSlideTransition = vue.defineComponent({
+  var QSlideTransition = createComponent({
     name: 'QSlideTransition',
 
     props: {
@@ -16674,7 +16681,7 @@
     xl: 24
   };
 
-  var QSeparator = vue.defineComponent({
+  var QSeparator = createComponent({
     name: 'QSeparator',
 
     props: {
@@ -16817,7 +16824,7 @@
   const itemGroups = vue.shallowReactive({});
   const LINK_PROPS = Object.keys(useRouterLinkProps);
 
-  var QExpansionItem = vue.defineComponent({
+  var QExpansionItem = createComponent({
     name: 'QExpansionItem',
 
     props: {
@@ -17227,7 +17234,7 @@
   const directions = [ 'up', 'right', 'down', 'left' ];
   const alignValues = [ 'left', 'center', 'right' ];
 
-  var QFab = vue.defineComponent({
+  var QFab = createComponent({
     name: 'QFab',
 
     props: {
@@ -17358,7 +17365,7 @@
 
   const anchorValues = Object.keys(anchorMap);
 
-  var QFabAction = vue.defineComponent({
+  var QFabAction = createComponent({
     name: 'QFabAction',
 
     props: {
@@ -18251,7 +18258,7 @@
     }
   }
 
-  var QField = vue.defineComponent({
+  var QField = createComponent({
     name: 'QField',
 
     inheritAttrs: false,
@@ -18506,7 +18513,7 @@
       : vue.computed(getFormDomProps)
   }
 
-  var QFile = vue.defineComponent({
+  var QFile = createComponent({
     name: 'QFile',
 
     inheritAttrs: false,
@@ -18768,7 +18775,7 @@
     }
   });
 
-  var QFooter = vue.defineComponent({
+  var QFooter = createComponent({
     name: 'QFooter',
 
     props: {
@@ -18960,7 +18967,7 @@
     }
   });
 
-  var QForm = vue.defineComponent({
+  var QForm = createComponent({
     name: 'QForm',
 
     props: {
@@ -19176,7 +19183,7 @@
     }
   };
 
-  var QHeader = vue.defineComponent({
+  var QHeader = createComponent({
     name: 'QHeader',
 
     props: {
@@ -19368,7 +19375,7 @@
 
   const defaultRatio = 16 / 9;
 
-  var QImg = vue.defineComponent({
+  var QImg = createComponent({
     name: 'QImg',
 
     props: {
@@ -19638,7 +19645,7 @@
     }
   });
 
-  var QInfiniteScroll = vue.defineComponent({
+  var QInfiniteScroll = createComponent({
     name: 'QInfiniteScroll',
 
     props: {
@@ -19846,7 +19853,7 @@
     }
   });
 
-  var QInnerLoading = vue.defineComponent({
+  var QInnerLoading = createComponent({
     name: 'QInnerLoading',
 
     props: {
@@ -20488,7 +20495,7 @@
     }
   }
 
-  var QInput = vue.defineComponent({
+  var QInput = createComponent({
     name: 'QInput',
 
     inheritAttrs: false,
@@ -20937,7 +20944,7 @@
     }
   }
 
-  var Intersection = {
+  var Intersection = createDirective({
         name: 'intersection',
 
         mounted (el, { modifiers, value }) {
@@ -20956,9 +20963,10 @@
         },
 
         beforeUnmount: destroy$1
-      };
+      }
+  );
 
-  var QIntersection = vue.defineComponent({
+  var QIntersection = createComponent({
     name: 'QIntersection',
 
     props: {
@@ -21048,7 +21056,7 @@
     }
   });
 
-  var QList = vue.defineComponent({
+  var QList = createComponent({
     name: 'QList',
 
     props: {
@@ -21081,7 +21089,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 +21356,7 @@
   const { passive: passive$2 } = listenOpts;
   const axisValues = [ 'both', 'horizontal', 'vertical' ];
 
-  var QScrollObserver = vue.defineComponent({
+  var QScrollObserver = createComponent({
     name: 'QScrollObserver',
 
     props: {
@@ -21476,7 +21484,7 @@
     }
   });
 
-  var QLayout = vue.defineComponent({
+  var QLayout = createComponent({
     name: 'QLayout',
 
     props: {
@@ -21676,7 +21684,7 @@
 
   const separatorValues = [ 'horizontal', 'vertical', 'cell', 'none' ];
 
-  var QMarkupTable = vue.defineComponent({
+  var QMarkupTable = createComponent({
     name: 'QMarkupTable',
 
     props: {
@@ -21718,7 +21726,7 @@
     }
   });
 
-  var QNoSsr = vue.defineComponent({
+  var QNoSsr = createComponent({
     name: 'QNoSsr',
 
     props: {
@@ -21774,7 +21782,7 @@
     })
   ]);
 
-  var QRadio = vue.defineComponent({
+  var QRadio = createComponent({
     name: 'QRadio',
 
     props: {
@@ -21928,7 +21936,7 @@
     }
   });
 
-  var QToggle = vue.defineComponent({
+  var QToggle = createComponent({
     name: 'QToggle',
 
     props: {
@@ -21988,7 +21996,7 @@
 
   const typeValues = Object.keys(components$1);
 
-  var QOptionGroup = vue.defineComponent({
+  var QOptionGroup = createComponent({
     name: 'QOptionGroup',
 
     props: {
@@ -22097,7 +22105,7 @@
     }
   });
 
-  var QPage = vue.defineComponent({
+  var QPage = createComponent({
     name: 'QPage',
 
     props: {
@@ -22148,7 +22156,7 @@
     }
   });
 
-  var QPageContainer = vue.defineComponent({
+  var QPageContainer = createComponent({
     name: 'QPageContainer',
 
     setup (_, { slots }) {
@@ -22299,7 +22307,7 @@
     }
   }
 
-  var QPageScroller = vue.defineComponent({
+  var QPageScroller = createComponent({
     name: 'QPageScroller',
 
     props: {
@@ -22411,7 +22419,7 @@
     }
   });
 
-  var QPageSticky = vue.defineComponent({
+  var QPageSticky = createComponent({
     name: 'QPageSticky',
 
     props: usePageStickyProps,
@@ -22422,7 +22430,7 @@
     }
   });
 
-  var QPagination = vue.defineComponent({
+  var QPagination = createComponent({
     name: 'QPagination',
 
     props: {
@@ -22812,7 +22820,7 @@
 
   const { passive: passive$1 } = listenOpts;
 
-  var QParallax = vue.defineComponent({
+  var QParallax = createComponent({
     name: 'QParallax',
 
     props: {
@@ -22976,7 +22984,7 @@
     }
   }
 
-  var QPopupEdit = vue.defineComponent({
+  var QPopupEdit = createComponent({
     name: 'QPopupEdit',
 
     props: {
@@ -23162,7 +23170,7 @@
     }
   });
 
-  var QPopupProxy = vue.defineComponent({
+  var QPopupProxy = createComponent({
     name: 'QPopupProxy',
 
     props: {
@@ -23275,7 +23283,7 @@
     }
   }
 
-  var QLinearProgress = vue.defineComponent({
+  var QLinearProgress = createComponent({
     name: 'QLinearProgress',
 
     props: {
@@ -23372,7 +23380,7 @@
     PULLER_HEIGHT = 40,
     OFFSET_TOP = 20;
 
-  var QPullToRefresh = vue.defineComponent({
+  var QPullToRefresh = createComponent({
     name: 'QPullToRefresh',
 
     props: {
@@ -23577,7 +23585,7 @@
     MAX: 2
   };
 
-  var QRange = vue.defineComponent({
+  var QRange = createComponent({
     name: 'QRange',
 
     props: {
@@ -24085,7 +24093,7 @@
     }
   });
 
-  var QRating = vue.defineComponent({
+  var QRating = createComponent({
     name: 'QRating',
 
     props: {
@@ -24311,7 +24319,7 @@
     }
   });
 
-  var QResponsive = vue.defineComponent({
+  var QResponsive = createComponent({
     name: 'QResponsive',
 
     props: useRatioProps,
@@ -24341,7 +24349,7 @@
     horizontal: { offset: 'offsetX', scroll: 'scrollLeft', dir: 'right', dist: 'x' }
   };
 
-  var QScrollArea = vue.defineComponent({
+  var QScrollArea = createComponent({
     name: 'QScrollArea',
 
     props: {
@@ -25470,7 +25478,7 @@
   const reEscapeList = '.*+?^${}()|[]\\';
   const fieldPropsList = Object.keys(useFieldProps);
 
-  var QSelect = vue.defineComponent({
+  var QSelect = createComponent({
     name: 'QSelect',
 
     inheritAttrs: false,
@@ -26974,7 +26982,7 @@
     'wave', 'pulse', 'pulse-x', 'pulse-y', 'fade', 'blink', 'none'
   ];
 
-  var QSkeleton = vue.defineComponent({
+  var QSkeleton = createComponent({
     name: 'QSkeleton',
 
     props: {
@@ -27046,7 +27054,7 @@
     [ 'bottom', 'end', 'center', 'height' ]
   ];
 
-  var QSlideItem = vue.defineComponent({
+  var QSlideItem = createComponent({
     name: 'QSlideItem',
 
     props: {
@@ -27265,7 +27273,7 @@
 
   const space = vue.h('div', { class: 'q-space' });
 
-  var QSpace = vue.defineComponent({
+  var QSpace = createComponent({
     name: 'QSpace',
 
     setup () {
@@ -27339,7 +27347,7 @@
     ])
   ];
 
-  var QSpinnerAudio = vue.defineComponent({
+  var QSpinnerAudio = createComponent({
     name: 'QSpinnerAudio',
 
     props: useSpinnerProps,
@@ -27440,7 +27448,7 @@
     ])
   ];
 
-  var QSpinnerBall = vue.defineComponent({
+  var QSpinnerBall = createComponent({
     name: 'QSpinnerBall',
 
     props: useSpinnerProps,
@@ -27580,7 +27588,7 @@
     ])
   ];
 
-  var QSpinnerBars = vue.defineComponent({
+  var QSpinnerBars = createComponent({
     name: 'QSpinnerBars',
 
     props: useSpinnerProps,
@@ -27638,7 +27646,7 @@
     ])
   ];
 
-  var QSpinnerBox = vue.defineComponent({
+  var QSpinnerBox = createComponent({
     name: 'QSpinnerBox',
 
     props: useSpinnerProps,
@@ -27707,7 +27715,7 @@
     ])
   ];
 
-  var QSpinnerClock = vue.defineComponent({
+  var QSpinnerClock = createComponent({
     name: 'QSpinnerClock',
 
     props: useSpinnerProps,
@@ -27788,7 +27796,7 @@
     ])
   ];
 
-  var QSpinnerComment = vue.defineComponent({
+  var QSpinnerComment = createComponent({
     name: 'QSpinnerComment',
 
     props: useSpinnerProps,
@@ -27917,7 +27925,7 @@
     ])
   ];
 
-  var QSpinnerCube = vue.defineComponent({
+  var QSpinnerCube = createComponent({
     name: 'QSpinnerCube',
 
     props: useSpinnerProps,
@@ -28018,7 +28026,7 @@
     ])
   ];
 
-  var QSpinnerDots = vue.defineComponent({
+  var QSpinnerDots = createComponent({
     name: 'QSpinnerDots',
 
     props: useSpinnerProps,
@@ -28118,7 +28126,7 @@
     ])
   ];
 
-  var QSpinnerFacebook = vue.defineComponent({
+  var QSpinnerFacebook = createComponent({
     name: 'QSpinnerFacebook',
 
     props: useSpinnerProps,
@@ -28174,7 +28182,7 @@
     ])
   ];
 
-  var QSpinnerGears = vue.defineComponent({
+  var QSpinnerGears = createComponent({
     name: 'QSpinnerGears',
 
     props: useSpinnerProps,
@@ -28323,7 +28331,7 @@
     ])
   ];
 
-  var QSpinnerGrid = vue.defineComponent({
+  var QSpinnerGrid = createComponent({
     name: 'QSpinnerGrid',
 
     props: useSpinnerProps,
@@ -28374,7 +28382,7 @@
     })
   ];
 
-  var QSpinnerHearts = vue.defineComponent({
+  var QSpinnerHearts = createComponent({
     name: 'QSpinnerHearts',
 
     props: useSpinnerProps,
@@ -28483,7 +28491,7 @@
     ])
   ];
 
-  var QSpinnerHourglass = vue.defineComponent({
+  var QSpinnerHourglass = createComponent({
     name: 'QSpinnerHourglass',
 
     props: useSpinnerProps,
@@ -28523,7 +28531,7 @@
     ])
   ];
 
-  var QSpinnerInfinity = vue.defineComponent({
+  var QSpinnerInfinity = createComponent({
     name: 'QSpinnerInfinity',
 
     props: useSpinnerProps,
@@ -28693,7 +28701,7 @@
     ])
   ];
 
-  var QSpinnerIos = vue.defineComponent({
+  var QSpinnerIos = createComponent({
     name: 'QSpinnerIos',
 
     props: useSpinnerProps,
@@ -28741,7 +28749,7 @@
     ])
   ];
 
-  var QSpinnerOrbit = vue.defineComponent({
+  var QSpinnerOrbit = createComponent({
     name: 'QSpinnerOrbit',
 
     props: useSpinnerProps,
@@ -28788,7 +28796,7 @@
     ])
   ];
 
-  var QSpinnerOval = vue.defineComponent({
+  var QSpinnerOval = createComponent({
     name: 'QSpinnerOval',
 
     props: useSpinnerProps,
@@ -28866,7 +28874,7 @@
     ])
   ];
 
-  var QSpinnerPie = vue.defineComponent({
+  var QSpinnerPie = createComponent({
     name: 'QSpinnerPie',
 
     props: useSpinnerProps,
@@ -28946,7 +28954,7 @@
     ])
   ];
 
-  var QSpinnerPuff = vue.defineComponent({
+  var QSpinnerPuff = createComponent({
     name: 'QSpinnerPuff',
 
     props: useSpinnerProps,
@@ -29019,7 +29027,7 @@
     ])
   ];
 
-  var QSpinnerRadio = vue.defineComponent({
+  var QSpinnerRadio = createComponent({
     name: 'QSpinnerRadio',
 
     props: useSpinnerProps,
@@ -29122,7 +29130,7 @@
     ])
   ];
 
-  var QSpinnerRings = vue.defineComponent({
+  var QSpinnerRings = createComponent({
     name: 'QSpinnerRings',
 
     props: useSpinnerProps,
@@ -29203,7 +29211,7 @@
     ])
   ];
 
-  var QSpinnerTail = vue.defineComponent({
+  var QSpinnerTail = createComponent({
     name: 'QSpinnerTail',
 
     props: useSpinnerProps,
@@ -29221,7 +29229,7 @@
     }
   });
 
-  var QSplitter = vue.defineComponent({
+  var QSplitter = createComponent({
     name: 'QSplitter',
 
     props: {
@@ -29419,7 +29427,7 @@
     }
   });
 
-  var StepHeader = vue.defineComponent({
+  var StepHeader = createComponent({
     name: 'StepHeader',
 
     props: {
@@ -29596,7 +29604,7 @@
     }
   };
 
-  var QStep = vue.defineComponent({
+  var QStep = createComponent({
     name: 'QStep',
 
     props: {
@@ -29713,7 +29721,7 @@
     return acc
   }
 
-  var QStepper = vue.defineComponent({
+  var QStepper = createComponent({
     name: 'QStepper',
 
     props: {
@@ -29826,7 +29834,7 @@
     }
   });
 
-  var QStepperNavigation = vue.defineComponent({
+  var QStepperNavigation = createComponent({
     name: 'QStepperNavigation',
 
     setup (_, { slots }) {
@@ -29834,7 +29842,7 @@
     }
   });
 
-  var QTh = vue.defineComponent({
+  var QTh = createComponent({
     name: 'QTh',
 
     props: {
@@ -29911,7 +29919,7 @@
 
   const typeOptions = [ 'list', 'table', '__qtable' ];
 
-  var QVirtualScroll = vue.defineComponent({
+  var QVirtualScroll = createComponent({
     name: 'QVirtualScroll',
 
     props: {
@@ -30655,7 +30663,7 @@
   const commonVirtPropsObj = {};
   commonVirtPropsList.forEach(p => { commonVirtPropsObj[ p ] = {}; });
 
-  var QTable = vue.defineComponent({
+  var QTable = createComponent({
     name: 'QTable',
 
     props: {
@@ -31694,7 +31702,7 @@
     }
   });
 
-  var QTr = vue.defineComponent({
+  var QTr = createComponent({
     name: 'QTr',
 
     props: {
@@ -31713,7 +31721,7 @@
     }
   });
 
-  var QTd = vue.defineComponent({
+  var QTd = createComponent({
     name: 'QTd',
 
     props: {
@@ -31753,7 +31761,7 @@
     }
   });
 
-  var QRouteTab = vue.defineComponent({
+  var QRouteTab = createComponent({
     name: 'QRouteTab',
 
     props: {
@@ -31809,7 +31817,7 @@
     }
   }
 
-  var QTime = vue.defineComponent({
+  var QTime = createComponent({
     name: 'QTime',
 
     props: {
@@ -32694,7 +32702,7 @@
     }
   });
 
-  var QTimeline = vue.defineComponent({
+  var QTimeline = createComponent({
     name: 'QTimeline',
 
     props: {
@@ -32731,7 +32739,7 @@
     }
   });
 
-  var QTimelineEntry = vue.defineComponent({
+  var QTimelineEntry = createComponent({
     name: 'QTimelineEntry',
 
     props: {
@@ -32835,7 +32843,7 @@
     }
   });
 
-  var QToolbar = vue.defineComponent({
+  var QToolbar = createComponent({
     name: 'QToolbar',
 
     props: {
@@ -32852,7 +32860,7 @@
     }
   });
 
-  var QToolbarTitle = vue.defineComponent({
+  var QToolbarTitle = createComponent({
     name: 'QToolbarTitle',
 
     props: {
@@ -32869,7 +32877,7 @@
     }
   });
 
-  var QTree = vue.defineComponent({
+  var QTree = createComponent({
     name: 'QTree',
 
     props: {
@@ -34017,7 +34025,7 @@
     }
   }
 
-  var createUploaderComponent = ({ name, props, emits, injectPlugin }) => vue.defineComponent({
+  var createUploaderComponent = ({ name, props, emits, injectPlugin }) => createComponent({
     name,
 
     props: {
@@ -34294,7 +34302,7 @@
 
   var QUploader = createUploaderComponent(xhrUploaderPlugin);
 
-  var QUploaderAddTrigger = vue.defineComponent({
+  var QUploaderAddTrigger = createComponent({
     name: 'QUploaderAddTrigger',
 
     setup () {
@@ -34304,7 +34312,7 @@
     }
   });
 
-  var QVideo = vue.defineComponent({
+  var QVideo = createComponent({
     name: 'QVideo',
 
     props: {
@@ -34483,7 +34491,7 @@
     return isNaN(depth) ? 0 : depth
   }
 
-  var ClosePopup = {
+  var ClosePopup = createDirective({
         name: 'close-popup',
 
         beforeMount (el, { value }) {
@@ -34523,7 +34531,8 @@
           el.removeEventListener('keyup', ctx.handlerKey);
           delete el.__qclosepopup;
         }
-      };
+      }
+  );
 
   let id = 0;
   let offsetBase = void 0;
@@ -35673,7 +35682,7 @@
     }
   }
 
-  var Morph = {
+  var Morph = createDirective({
         name: 'morph',
 
         mounted (el, binding) {
@@ -35718,7 +35727,8 @@
 
           delete el.__qmorph;
         }
-      };
+      }
+  );
 
   const defaultCfg = {
     childList: true,
@@ -35754,7 +35764,7 @@
     }
   }
 
-  var Mutation = {
+  var Mutation = createDirective({
         name: 'mutation',
 
         mounted (el, { modifiers: { once, ...mod }, value }) {
@@ -35778,7 +35788,8 @@
         },
 
         beforeUnmount: destroy
-      };
+      }
+  );
 
   const { passive } = listenOpts;
 
@@ -35795,7 +35806,7 @@
     }
   }
 
-  var ScrollFire = {
+  var ScrollFire = createDirective({
         name: 'scroll-fire',
 
         mounted (el, binding) {
@@ -35836,7 +35847,8 @@
           ctx.scrollTarget.removeEventListener('scroll', ctx.scroll, passive);
           delete el.__qscrollfire;
         }
-      };
+      }
+  );
 
   function update (ctx, { value, oldValue }) {
     if (typeof value !== 'function') {
@@ -35850,7 +35862,7 @@
     }
   }
 
-  var Scroll = {
+  var Scroll = createDirective({
         name: 'scroll',
 
         mounted (el, binding) {
@@ -35880,9 +35892,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 +36046,8 @@
             delete el.__qtouchhold;
           }
         }
-      };
+      }
+  );
 
   const
     keyCodes = {
@@ -36056,7 +36070,7 @@
       || Math.abs(top - origin.top) >= 7
   }
 
-  var TouchRepeat = {
+  var TouchRepeat = createDirective({
         name: 'touch-repeat',
 
         beforeMount (el, { modifiers, value, arg }) {
@@ -36267,7 +36281,8 @@
             delete el.__qtouchrepeat;
           }
         }
-      };
+      }
+  );
 
   var directives = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -36500,7 +36515,7 @@
     }
   }
 
-  var BottomSheet$1 = vue.defineComponent({
+  var BottomSheet$1 = createComponent({
     name: 'BottomSheetPlugin',
 
     props: {
@@ -37017,7 +37032,7 @@
     Object.assign(Plugin$3, getObject());
   }
 
-  var DialogPlugin = vue.defineComponent({
+  var DialogPlugin = createComponent({
     name: 'DialogPlugin',
 
     props: {
@@ -37760,9 +37775,9 @@
   }
 
   function getComponent ($q) {
-    return vue.defineComponent({
+    return createComponent({
       name: 'QNotifications',
-      
+
       // hide App from Vue devtools
       devtools: { hide: true },
 
@@ -38719,7 +38734,7 @@
   });
 
   var index_umd = {
-    version: '2.2.2',
+    version: '2.2.3',
     install (app, opts) {
       installQuasar(app, {
         components,