quasar 2.9.0 → 2.9.2

package/dist/transforms/auto-import.json

@@ -10,8 +10,12 @@
     "q-badge.spec": "QBadge.spec",
     "QBadge": "QBadge",
     "q-badge": "QBadge",
+    "QBanner.spec": "QBanner.spec",
+    "q-banner.spec": "QBanner.spec",
     "QBanner": "QBanner",
     "q-banner": "QBanner",
+    "QBar.spec": "QBar.spec",
+    "q-bar.spec": "QBar.spec",
     "QBar": "QBar",
     "q-bar": "QBar",
     "QBreadcrumbs": "QBreadcrumbs",
@@ -295,9 +299,9 @@
     "v-touch-swipe": "TouchSwipe"
   },
   "regex": {
-    "kebabComponents": "(q-uploader-add-trigger|q-stepper-navigation|q-circular-progress|q-spinner-hourglass|q-carousel-control|q-form-child-mixin|q-slide-transition|q-spinner-facebook|q-spinner-infinity|q-infinite-scroll|q-linear-progress|q-pull-to-refresh|q-resize-observer|q-scroll-observer|q-spinner-comment|q-breadcrumbs-el|q-carousel-slide|q-expansion-item|q-page-container|q-spinner-hearts|q-route-tab.spec|q-timeline-entry|q-virtual-scroll|q-inner-loading|q-page-scroller|q-spinner-audio|q-spinner-clock|q-spinner-gears|q-spinner-orbit|q-spinner-radio|q-spinner-rings|q-toolbar-title|q-uploader.spec|q-btn-dropdown|q-card-actions|q-card-section|q-chat-message|q-intersection|q-item-section|q-markup-table|q-option-group|q-spinner-ball|q-spinner-bars|q-spinner-cube|q-spinner-dots|q-spinner-grid|q-spinner-oval|q-spinner-puff|q-spinner-tail|q-avatar.spec|q-breadcrumbs|q-dialog.spec|q-editor.spec|q-page-sticky|q-popup-proxy|q-scroll-area|q-select.spec|q-spinner-box|q-spinner-ios|q-spinner-pie|q-badge.spec|q-btn-toggle|q-fab-action|q-input.spec|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-table.spec|q-btn-group|q-chip.spec|q-date.spec|q-menu.spec|q-separator|q-tab-panel|q-tabs.spec|q-route-tab|q-ajax-bar|q-btn.spec|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-tab.spec|q-timeline|q-uploader|q-spinner|q-stepper|q-td.spec|q-th.spec|q-tr.spec|q-toolbar|q-tooltip|q-avatar|q-banner|q-dialog|q-drawer|q-editor|q-footer|q-header|q-layout|q-no-ssr|q-rating|q-select|q-slider|q-toggle|q-badge|q-color|q-field|q-input|q-radio|q-range|q-space|q-table|q-video|q-card|q-chip|q-date|q-file|q-form|q-icon|q-item|q-list|q-knob|q-menu|q-page|q-step|q-tabs|q-time|q-tree|q-bar|q-btn|q-fab|q-img|q-tab|q-td|q-th|q-tr)",
-    "pascalComponents": "(QUploaderAddTrigger|QStepperNavigation|QCircularProgress|QSpinnerHourglass|QCarouselControl|QSlideTransition|QSpinnerFacebook|QSpinnerInfinity|QFormChildMixin|QInfiniteScroll|QLinearProgress|QResizeObserver|QScrollObserver|QSpinnerComment|QBreadcrumbsEl|QCarouselSlide|QExpansionItem|QPageContainer|QPullToRefresh|QSpinnerHearts|QRouteTab.spec|QTimelineEntry|QUploader.spec|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QAvatar.spec|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QDialog.spec|QEditor.spec|QItemSection|QMarkupTable|QOptionGroup|QSelect.spec|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QBadge.spec|QInput.spec|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QTable.spec|QBtnToggle|QChip.spec|QDate.spec|QFabAction|QItemLabel|QMenu.spec|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QTabs.spec|QBtnGroup|QBtn.spec|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QTab.spec|QRouteTab|QTimeline|QUploader|QAjaxBar|QSpinner|QStepper|QTd.spec|QTh.spec|QTr.spec|QToolbar|QTooltip|QAvatar|QBanner|QDialog|QDrawer|QEditor|QFooter|QHeader|QLayout|QRating|QSelect|QSlider|QToggle|QBadge|QColor|QField|QInput|QNoSsr|QRadio|QRange|QSpace|QTable|QVideo|QCard|QChip|QDate|QFile|QForm|QIcon|QItem|QList|QKnob|QMenu|QPage|QStep|QTabs|QTime|QTree|QBar|QBtn|QFab|QImg|QTab|QTd|QTh|QTr)",
-    "components": "(q-uploader-add-trigger|q-stepper-navigation|q-circular-progress|q-spinner-hourglass|q-carousel-control|q-form-child-mixin|q-slide-transition|q-spinner-facebook|q-spinner-infinity|q-infinite-scroll|q-linear-progress|q-pull-to-refresh|q-resize-observer|q-scroll-observer|q-spinner-comment|q-breadcrumbs-el|q-carousel-slide|q-expansion-item|q-page-container|q-spinner-hearts|q-route-tab.spec|q-timeline-entry|q-virtual-scroll|q-inner-loading|q-page-scroller|q-spinner-audio|q-spinner-clock|q-spinner-gears|q-spinner-orbit|q-spinner-radio|q-spinner-rings|q-toolbar-title|q-uploader.spec|q-btn-dropdown|q-card-actions|q-card-section|q-chat-message|q-intersection|q-item-section|q-markup-table|q-option-group|q-spinner-ball|q-spinner-bars|q-spinner-cube|q-spinner-dots|q-spinner-grid|q-spinner-oval|q-spinner-puff|q-spinner-tail|q-avatar.spec|q-breadcrumbs|q-dialog.spec|q-editor.spec|q-page-sticky|q-popup-proxy|q-scroll-area|q-select.spec|q-spinner-box|q-spinner-ios|q-spinner-pie|q-badge.spec|q-btn-toggle|q-fab-action|q-input.spec|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-table.spec|q-btn-group|q-chip.spec|q-date.spec|q-menu.spec|q-separator|q-tab-panel|q-tabs.spec|q-route-tab|q-ajax-bar|q-btn.spec|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-tab.spec|q-timeline|q-uploader|q-spinner|q-stepper|q-td.spec|q-th.spec|q-tr.spec|q-toolbar|q-tooltip|q-avatar|q-banner|q-dialog|q-drawer|q-editor|q-footer|q-header|q-layout|q-no-ssr|q-rating|q-select|q-slider|q-toggle|q-badge|q-color|q-field|q-input|q-radio|q-range|q-space|q-table|q-video|q-card|q-chip|q-date|q-file|q-form|q-icon|q-item|q-list|q-knob|q-menu|q-page|q-step|q-tabs|q-time|q-tree|q-bar|q-btn|q-fab|q-img|q-tab|q-td|q-th|q-tr|QUploaderAddTrigger|QStepperNavigation|QCircularProgress|QSpinnerHourglass|QCarouselControl|QSlideTransition|QSpinnerFacebook|QSpinnerInfinity|QFormChildMixin|QInfiniteScroll|QLinearProgress|QResizeObserver|QScrollObserver|QSpinnerComment|QBreadcrumbsEl|QCarouselSlide|QExpansionItem|QPageContainer|QPullToRefresh|QSpinnerHearts|QRouteTab.spec|QTimelineEntry|QUploader.spec|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QAvatar.spec|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QDialog.spec|QEditor.spec|QItemSection|QMarkupTable|QOptionGroup|QSelect.spec|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QBadge.spec|QInput.spec|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QTable.spec|QBtnToggle|QChip.spec|QDate.spec|QFabAction|QItemLabel|QMenu.spec|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QTabs.spec|QBtnGroup|QBtn.spec|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QTab.spec|QRouteTab|QTimeline|QUploader|QAjaxBar|QSpinner|QStepper|QTd.spec|QTh.spec|QTr.spec|QToolbar|QTooltip|QAvatar|QBanner|QDialog|QDrawer|QEditor|QFooter|QHeader|QLayout|QRating|QSelect|QSlider|QToggle|QBadge|QColor|QField|QInput|QNoSsr|QRadio|QRange|QSpace|QTable|QVideo|QCard|QChip|QDate|QFile|QForm|QIcon|QItem|QList|QKnob|QMenu|QPage|QStep|QTabs|QTime|QTree|QBar|QBtn|QFab|QImg|QTab|QTd|QTh|QTr)",
+    "kebabComponents": "(q-uploader-add-trigger|q-stepper-navigation|q-circular-progress|q-spinner-hourglass|q-carousel-control|q-form-child-mixin|q-slide-transition|q-spinner-facebook|q-spinner-infinity|q-infinite-scroll|q-linear-progress|q-pull-to-refresh|q-resize-observer|q-scroll-observer|q-spinner-comment|q-breadcrumbs-el|q-carousel-slide|q-expansion-item|q-page-container|q-spinner-hearts|q-route-tab.spec|q-timeline-entry|q-virtual-scroll|q-inner-loading|q-page-scroller|q-spinner-audio|q-spinner-clock|q-spinner-gears|q-spinner-orbit|q-spinner-radio|q-spinner-rings|q-toolbar-title|q-uploader.spec|q-btn-dropdown|q-card-actions|q-card-section|q-chat-message|q-intersection|q-item-section|q-markup-table|q-option-group|q-spinner-ball|q-spinner-bars|q-spinner-cube|q-spinner-dots|q-spinner-grid|q-spinner-oval|q-spinner-puff|q-spinner-tail|q-avatar.spec|q-banner.spec|q-breadcrumbs|q-dialog.spec|q-editor.spec|q-page-sticky|q-popup-proxy|q-scroll-area|q-select.spec|q-spinner-box|q-spinner-ios|q-spinner-pie|q-badge.spec|q-btn-toggle|q-fab-action|q-input.spec|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-table.spec|q-btn-group|q-chip.spec|q-date.spec|q-menu.spec|q-separator|q-tab-panel|q-tabs.spec|q-route-tab|q-ajax-bar|q-bar.spec|q-btn.spec|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-tab.spec|q-timeline|q-uploader|q-spinner|q-stepper|q-td.spec|q-th.spec|q-tr.spec|q-toolbar|q-tooltip|q-avatar|q-banner|q-dialog|q-drawer|q-editor|q-footer|q-header|q-layout|q-no-ssr|q-rating|q-select|q-slider|q-toggle|q-badge|q-color|q-field|q-input|q-radio|q-range|q-space|q-table|q-video|q-card|q-chip|q-date|q-file|q-form|q-icon|q-item|q-list|q-knob|q-menu|q-page|q-step|q-tabs|q-time|q-tree|q-bar|q-btn|q-fab|q-img|q-tab|q-td|q-th|q-tr)",
+    "pascalComponents": "(QUploaderAddTrigger|QStepperNavigation|QCircularProgress|QSpinnerHourglass|QCarouselControl|QSlideTransition|QSpinnerFacebook|QSpinnerInfinity|QFormChildMixin|QInfiniteScroll|QLinearProgress|QResizeObserver|QScrollObserver|QSpinnerComment|QBreadcrumbsEl|QCarouselSlide|QExpansionItem|QPageContainer|QPullToRefresh|QSpinnerHearts|QRouteTab.spec|QTimelineEntry|QUploader.spec|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QAvatar.spec|QBanner.spec|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QDialog.spec|QEditor.spec|QItemSection|QMarkupTable|QOptionGroup|QSelect.spec|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QBadge.spec|QInput.spec|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QTable.spec|QBtnToggle|QChip.spec|QDate.spec|QFabAction|QItemLabel|QMenu.spec|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QTabs.spec|QBar.spec|QBtnGroup|QBtn.spec|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QTab.spec|QRouteTab|QTimeline|QUploader|QAjaxBar|QSpinner|QStepper|QTd.spec|QTh.spec|QTr.spec|QToolbar|QTooltip|QAvatar|QBanner|QDialog|QDrawer|QEditor|QFooter|QHeader|QLayout|QRating|QSelect|QSlider|QToggle|QBadge|QColor|QField|QInput|QNoSsr|QRadio|QRange|QSpace|QTable|QVideo|QCard|QChip|QDate|QFile|QForm|QIcon|QItem|QList|QKnob|QMenu|QPage|QStep|QTabs|QTime|QTree|QBar|QBtn|QFab|QImg|QTab|QTd|QTh|QTr)",
+    "components": "(q-uploader-add-trigger|q-stepper-navigation|q-circular-progress|q-spinner-hourglass|q-carousel-control|q-form-child-mixin|q-slide-transition|q-spinner-facebook|q-spinner-infinity|q-infinite-scroll|q-linear-progress|q-pull-to-refresh|q-resize-observer|q-scroll-observer|q-spinner-comment|q-breadcrumbs-el|q-carousel-slide|q-expansion-item|q-page-container|q-spinner-hearts|q-route-tab.spec|q-timeline-entry|q-virtual-scroll|q-inner-loading|q-page-scroller|q-spinner-audio|q-spinner-clock|q-spinner-gears|q-spinner-orbit|q-spinner-radio|q-spinner-rings|q-toolbar-title|q-uploader.spec|q-btn-dropdown|q-card-actions|q-card-section|q-chat-message|q-intersection|q-item-section|q-markup-table|q-option-group|q-spinner-ball|q-spinner-bars|q-spinner-cube|q-spinner-dots|q-spinner-grid|q-spinner-oval|q-spinner-puff|q-spinner-tail|q-avatar.spec|q-banner.spec|q-breadcrumbs|q-dialog.spec|q-editor.spec|q-page-sticky|q-popup-proxy|q-scroll-area|q-select.spec|q-spinner-box|q-spinner-ios|q-spinner-pie|q-badge.spec|q-btn-toggle|q-fab-action|q-input.spec|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-table.spec|q-btn-group|q-chip.spec|q-date.spec|q-menu.spec|q-separator|q-tab-panel|q-tabs.spec|q-route-tab|q-ajax-bar|q-bar.spec|q-btn.spec|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-tab.spec|q-timeline|q-uploader|q-spinner|q-stepper|q-td.spec|q-th.spec|q-tr.spec|q-toolbar|q-tooltip|q-avatar|q-banner|q-dialog|q-drawer|q-editor|q-footer|q-header|q-layout|q-no-ssr|q-rating|q-select|q-slider|q-toggle|q-badge|q-color|q-field|q-input|q-radio|q-range|q-space|q-table|q-video|q-card|q-chip|q-date|q-file|q-form|q-icon|q-item|q-list|q-knob|q-menu|q-page|q-step|q-tabs|q-time|q-tree|q-bar|q-btn|q-fab|q-img|q-tab|q-td|q-th|q-tr|QUploaderAddTrigger|QStepperNavigation|QCircularProgress|QSpinnerHourglass|QCarouselControl|QSlideTransition|QSpinnerFacebook|QSpinnerInfinity|QFormChildMixin|QInfiniteScroll|QLinearProgress|QResizeObserver|QScrollObserver|QSpinnerComment|QBreadcrumbsEl|QCarouselSlide|QExpansionItem|QPageContainer|QPullToRefresh|QSpinnerHearts|QRouteTab.spec|QTimelineEntry|QUploader.spec|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QAvatar.spec|QBanner.spec|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QDialog.spec|QEditor.spec|QItemSection|QMarkupTable|QOptionGroup|QSelect.spec|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QBadge.spec|QInput.spec|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QTable.spec|QBtnToggle|QChip.spec|QDate.spec|QFabAction|QItemLabel|QMenu.spec|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QTabs.spec|QBar.spec|QBtnGroup|QBtn.spec|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QTab.spec|QRouteTab|QTimeline|QUploader|QAjaxBar|QSpinner|QStepper|QTd.spec|QTh.spec|QTr.spec|QToolbar|QTooltip|QAvatar|QBanner|QDialog|QDrawer|QEditor|QFooter|QHeader|QLayout|QRating|QSelect|QSlider|QToggle|QBadge|QColor|QField|QInput|QNoSsr|QRadio|QRange|QSpace|QTable|QVideo|QCard|QChip|QDate|QFile|QForm|QIcon|QItem|QList|QKnob|QMenu|QPage|QStep|QTabs|QTime|QTree|QBar|QBtn|QFab|QImg|QTab|QTd|QTh|QTr)",
     "directives": "(v-intersection|v-touch-repeat|v-close-popup|v-scroll-fire|v-touch-swipe|v-touch-hold|v-touch-pan|v-mutation|v-ripple|v-scroll|v-morph)"
   }
 }

package/dist/transforms/import-map.json

@@ -5,7 +5,9 @@
   "QAvatar": "src/components/avatar/QAvatar.js",
   "QBadge.spec": "src/components/badge/__tests__/QBadge.spec.js",
   "QBadge": "src/components/badge/QBadge.js",
+  "QBanner.spec": "src/components/banner/__tests__/QBanner.spec.js",
   "QBanner": "src/components/banner/QBanner.js",
+  "QBar.spec": "src/components/bar/__tests__/QBar.spec.js",
   "QBar": "src/components/bar/QBar.js",
   "QBreadcrumbs": "src/components/breadcrumbs/QBreadcrumbs.js",
   "QBreadcrumbsEl": "src/components/breadcrumbs/QBreadcrumbsEl.js",

package/dist/types/index.d.ts

@@ -12385,6 +12385,10 @@ export interface QTreeProps {
    * Allows the tree to be set in accordion mode
    */
   accordion?: boolean | undefined;
+  /**
+   * Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees
+   */
+  noTransition?: boolean | undefined;
   /**
    * The text value to be used for filtering nodes
    */

package/dist/vetur/quasar-attributes.json

@@ -5651,6 +5651,10 @@
     "type": "boolean",
     "description": "Allows the tree to be set in accordion mode"
   },
+  "q-tree/no-transition": {
+    "type": "boolean",
+    "description": "Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees"
+  },
   "q-tree/filter": {
     "type": "string",
     "description": "The text value to be used for filtering nodes"

package/dist/vetur/quasar-tags.json

@@ -2000,6 +2000,7 @@
       "no-selection-unset",
       "default-expand-all",
       "accordion",
+      "no-transition",
       "filter",
       "filter-method",
       "duration",

package/dist/web-types/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -18237,6 +18237,16 @@
               "doc-url": "https://v2.quasar.dev/vue-components/tree",
               "type": "boolean"
             },
+            {
+              "name": "no-transition",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "description": "Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees",
+              "doc-url": "https://v2.quasar.dev/vue-components/tree",
+              "type": "boolean"
+            },
             {
               "name": "filter",
               "value": {
@@ -19260,11 +19270,6 @@
               "description": "Calls event.preventDefault() for touch events",
               "doc-url": "https://v2.quasar.dev/vue-directives/touch-pan"
             },
-            {
-              "name": "mightPrevent",
-              "description": "Required when you might call event.preventDefault() in your handler for touch events",
-              "doc-url": "https://v2.quasar.dev/vue-directives/touch-pan"
-            },
             {
               "name": "capture",
               "description": "Use capture for touchstart event",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "description": "Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time",
   "main": "dist/quasar.cjs.prod.js",
   "module": "dist/quasar.esm.prod.js",

package/src/components/badge/__tests__/QBadge.spec.js

@@ -1,64 +1,126 @@
-// import { mount } from '@cypress/vue'
-// import QBadge from '../QBadge.js'
+import { mount } from '@cypress/vue'
+import QBadge from '../QBadge.js'
 
-// const snapshotOptions = { customSnapshotsDir: '../src/components/badge/__tests__' }
+const defaultOptions = {
+  label: 'simple badge'
+}
+
+const alignValues = [ 'top', 'middle', 'bottom' ]
+
+function mountQBadge (options = {}) {
+  options.props = {
+    ...defaultOptions,
+    ...options.props
+  }
+
+  return mount(QBadge, options)
+}
 
 describe('Badge API', () => {
   describe('Props', () => {
     describe('Category: content', () => {
       describe('(prop): floating', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a floating badge', () => {
+          mountQBadge({
+            props: { floating: true }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'q-badge--floating')
         })
       })
 
       describe('(prop): multi-line', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a content with multiple lines', () => {
+          mountQBadge({
+            props: { multiLine: true }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'q-badge--multi-line')
         })
       })
 
       describe('(prop): label', () => {
-        it.skip(' ', () => {
-          //
+        it('should render a label inside the badge', () => {
+          const label = 'Badge label'
+
+          mountQBadge({
+            props: { label }
+          })
+
+          cy.get('.q-badge')
+            .should('contain', label)
         })
       })
 
       describe('(prop): align', () => {
-        it.skip(' ', () => {
-          //
+        it(`should render a badge aligned based on defined values: ${ alignValues.join(', ') }`, () => {
+          mountQBadge()
+
+          // loop over alignValues
+          for (const align of alignValues) {
+            cy.get('.q-badge')
+              .then(() => Cypress.vueWrapper.setProps({ align }))
+              .should('have.css', 'vertical-align', align)
+          }
         })
       })
     })
 
     describe('Category: style', () => {
       describe('(prop): color', () => {
-        it.skip(' ', () => {
-          //
+        it('should change color based on Quasar Color Palette', () => {
+          mountQBadge({
+            props: { color: 'red' }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'bg-red')
         })
       })
 
       describe('(prop): text-color', () => {
-        it.skip(' ', () => {
-          //
+        it('should change text color based on Quasar Color Palette', () => {
+          mountQBadge({
+            props: { textColor: 'red' }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'text-red')
         })
       })
 
       describe('(prop): transparent', () => {
-        it.skip(' ', () => {
-          //
+        it('should have opacity style when "transparent" prop is true', () => {
+          mountQBadge({
+            props: { transparent: true }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'q-badge--transparent')
         })
       })
 
       describe('(prop): outline', () => {
-        it.skip(' ', () => {
-          //
+        it('should have a outline style when "outline" prop is true', () => {
+          mountQBadge({
+            props: { outline: true }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'q-badge--outline')
         })
       })
 
       describe('(prop): rounded', () => {
-        it.skip(' ', () => {
-          //
+        it('should have a rounded style when "rounded" prop is true', () => {
+          mountQBadge({
+            props: { rounded: true }
+          })
+
+          cy.get('.q-badge')
+            .should('have.class', 'q-badge--rounded')
         })
       })
     })
@@ -66,8 +128,21 @@ describe('Badge API', () => {
 
   describe('Slots', () => {
     describe('(slot): default', () => {
-      it.skip(' ', () => {
-        //
+      it('should display the default slot content', () => {
+        const label = 'Badge label'
+
+        mountQBadge({
+          props: {
+            label: undefined
+          },
+
+          slots: {
+            default: label
+          }
+        })
+
+        cy.get('.q-badge')
+          .should('have.text', label)
       })
     })
   })

package/src/components/banner/__tests__/QBanner.spec.js

@@ -0,0 +1,107 @@
+import { mount } from '@cypress/vue'
+import QBanner from '../QBanner.js'
+
+describe('Banner API', () => {
+  describe('Props', () => {
+    describe('Category: content', () => {
+      describe('(prop): inline-actions', () => {
+        it('should render the actions in the same row as the content', () => {
+          mount(QBanner, {
+            slots: {
+              default: 'Banner content',
+              action: 'Banner action'
+            },
+            props: {
+              inlineActions: true
+            }
+          })
+
+          cy.get('.q-banner').get('.q-banner__actions')
+            .should('have.class', 'col-auto')
+        })
+      })
+    })
+
+    describe('Category: style', () => {
+      describe('(prop): dense', () => {
+        it('should have a dense style when "dense" prop is true', () => {
+          mount(QBanner, {
+            props: {
+              dense: true
+            }
+
+          })
+          cy.get('.q-banner')
+            .should('have.class', 'q-banner--dense')
+        })
+      })
+
+      describe('(prop): rounded', () => {
+        it('should have a rounded style when "rounded" prop is true', () => {
+          mount(QBanner, {
+            props: {
+              rounded: true
+            }
+          })
+
+          cy.get('.q-banner')
+            .should('have.class', 'rounded-borders')
+        })
+      })
+
+      describe('(prop): dark', () => {
+        it('should have a dark style when "dark" prop is true', () => {
+          mount(QBanner, {
+            props: {
+              dark: true
+            }
+          })
+
+          cy.get('.q-banner')
+            .should('have.class', 'q-banner--dark')
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it('should render the default content', () => {
+        mount(QBanner, {
+          slots: {
+            default: 'Banner content'
+          }
+        })
+
+        cy.get('.q-banner').get('.q-banner__content')
+          .should('contain', 'Banner content')
+      })
+    })
+
+    describe('(slot): avatar', () => {
+      it('should render the avatar content', () => {
+        mount(QBanner, {
+          slots: {
+            avatar: 'Banner avatar'
+          }
+        })
+
+        cy.get('.q-banner').get('.q-banner__avatar')
+          .should('contain', 'Banner avatar')
+      })
+    })
+
+    describe('(slot): action', () => {
+      it('should render the action content', () => {
+        mount(QBanner, {
+          slots: {
+            action: 'Banner action'
+          }
+        })
+
+        cy.get('.q-banner').get('.q-banner__actions')
+          .should('contain', 'Banner action')
+      })
+    })
+  })
+})

package/src/components/bar/__tests__/QBar.spec.js

@@ -0,0 +1,46 @@
+import { mount } from '@cypress/vue'
+import QBar from '../QBar.js'
+
+describe('Bar API', () => {
+  describe('Props', () => {
+    describe('Category: style', () => {
+      describe('(prop): dense', () => {
+        it('should have a dense style when "dense" prop is true', () => {
+          mount(QBar, {
+            propsData: {
+              dense: true
+            }
+          })
+          cy.get('.q-bar')
+            .should('have.class', 'q-bar--dense')
+        })
+      })
+
+      describe('(prop): dark', () => {
+        it('should have a dark style when "dark" prop is true', () => {
+          mount(QBar, {
+            propsData: {
+              dark: true
+            }
+          })
+          cy.get('.q-bar')
+            .should('have.class', 'q-bar--dark')
+        })
+      })
+    })
+  })
+
+  describe('Slots', () => {
+    describe('(slot): default', () => {
+      it('should render the default slot', () => {
+        mount(QBar, {
+          slots: {
+            default: 'default bar slot'
+          }
+        })
+        cy.get('.q-bar')
+          .should('contain', 'default bar slot')
+      })
+    })
+  })
+})

package/src/components/input/use-mask.js

@@ -166,7 +166,7 @@ export default function (props, emit, emitValue, inputRef) {
         '^'
         + unmask.join('')
         + '(' + (unmaskChar === '' ? '.' : '[^' + unmaskChar + ']') + '+)?'
-        + '$'
+        + '[' + unmaskChar + ']*$'
       ),
       extractLast = extract.length - 1,
       extractMatcher = extract.map((re, index) => {

package/src/components/pull-to-refresh/QPullToRefresh.js

@@ -111,10 +111,7 @@ export default createComponent({
 
     const directives = computed(() => {
       // if props.disable === false
-      const modifiers = {
-        down: true,
-        mightPrevent: true
-      }
+      const modifiers = { down: true }
 
       if (props.noMouse !== true) {
         modifiers.mouse = true

package/src/components/tabs/QTabs.js

@@ -572,8 +572,8 @@ export default createComponent({
 
       recalculateScroll()
 
-      // if it's a QTab
-      if (tabData.routeData === void 0) {
+      // if it's a QTab or we don't have Vue Router
+      if (tabData.routeData === void 0 || proxy.$route === void 0) {
         // we should position to the currently active tab (if any)
         registerScrollToTabTimeout(() => {
           if (scrollable.value === true) {

package/src/components/tree/QTree.js

@@ -68,6 +68,7 @@ export default createComponent({
 
     duration: Number,
     noConnectors: Boolean,
+    noTransition: Boolean,
 
     noNodesLabel: String,
     noResultsLabel: String
@@ -140,7 +141,6 @@ export default createComponent({
         const
           key = node[ props.nodeKey ],
           isParent = node[ props.childrenKey ] && node[ props.childrenKey ].length > 0,
-          isLeaf = isParent !== true,
           selectable = node.disabled !== true && hasSelection.value === true && node.selectable !== false,
           expandable = node.disabled !== true && node.expandable !== false,
           hasTicking = tickStrategy !== 'none',
@@ -166,7 +166,6 @@ export default createComponent({
           key,
           parent,
           isParent,
-          isLeaf,
           lazy: localLazy,
           disabled: node.disabled,
           link: node.disabled !== true && (selectable === true || (expandable === true && (isParent === true || localLazy === true))),
@@ -186,7 +185,7 @@ export default createComponent({
           leafTicking,
           ticked: strictTicking === true
             ? innerTicked.value.includes(key)
-            : (isLeaf === true ? innerTicked.value.includes(key) : false)
+            : (isParent === true ? false : innerTicked.value.includes(key))
         }
 
         meta[ key ] = m
@@ -586,23 +585,37 @@ export default createComponent({
         ]),
 
         isParent === true
-          ? h(QSlideTransition, {
-            duration: props.duration,
-            onShow,
-            onHide
-          }, () => withDirectives(
-            h('div', {
-              class: 'q-tree__node-collapsible' + textColorClass.value,
-              key: `${ key }__q`
-            }, [
-              body,
-              h('div', {
-                class: 'q-tree__children'
-                  + (m.disabled === true ? ' q-tree__node--disabled' : '')
-              }, children)
-            ]),
-            [ [ vShow, m.expanded ] ]
-          ))
+          ? (
+              props.noTransition === true
+                ? h('div', {
+                  class: 'q-tree__node-collapsible' + textColorClass.value,
+                  key: `${ key }__q`
+                }, [
+                  body,
+                  h('div', {
+                    class: 'q-tree__children'
+                      + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                  }, m.expanded ? children : null)
+                ])
+
+                : h(QSlideTransition, {
+                  duration: props.duration,
+                  onShow,
+                  onHide
+                }, () => withDirectives(
+                  h('div', {
+                    class: 'q-tree__node-collapsible' + textColorClass.value,
+                    key: `${ key }__q`
+                  }, [
+                    body,
+                    h('div', {
+                      class: 'q-tree__children'
+                        + (m.disabled === true ? ' q-tree__node--disabled' : '')
+                    }, children)
+                  ]),
+                  [ [ vShow, m.expanded ] ]
+                ))
+            )
           : body
       ])
     }

package/src/components/tree/QTree.json

@@ -126,6 +126,13 @@
       "category": "behavior"
     },
 
+    "no-transition": {
+      "type": "Boolean",
+      "desc": "Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees",
+      "category": "behavior",
+      "addedIn": "v2.9.2"
+    },
+
     "filter": {
       "type": "String",
       "desc": "The text value to be used for filtering nodes",

package/src/directives/TouchHold.js

@@ -126,9 +126,16 @@ export default createDirective(__QUASAR_SSR_SERVER__
 
         el.__qtouchhold = ctx
 
-        modifiers.mouse === true && addEvt(ctx, 'main', [
-          [ el, 'mousedown', 'mouseStart', `passive${ modifiers.mouseCapture === true ? 'Capture' : '' }` ]
-        ])
+        if (modifiers.mouse === true) {
+          // account for UMD too where modifiers will be lowercased to work
+          const capture = modifiers.mouseCapture === true || modifiers.mousecapture === true
+            ? 'Capture'
+            : ''
+
+          addEvt(ctx, 'main', [
+            [ el, 'mousedown', 'mouseStart', `passive${ capture }` ]
+          ])
+        }
 
         client.has.touch === true && addEvt(ctx, 'main', [
           [ el, 'touchstart', 'touchStart', `passive${ modifiers.capture === true ? 'Capture' : '' }` ],