quasar 2.8.4 → 2.9.1

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/api/qeditor.d.ts

@@ -0,0 +1,17 @@
+// src/components/editor/editor-caret.js#Caret
+// We are not exposing the whole API, just the ones that might be needed outside.
+export interface QEditorCaret {
+  readonly selection: Selection | null;
+  readonly hasSelection: boolean;
+  readonly range: Range | null;
+  readonly parent: Element | null;
+  readonly blockParent: Element | null;
+
+  save(range: Range): void;
+  restore(range?: Range): void;
+  savePosition(): void;
+  restorePosition(length?: number): void;
+  is(commandId: string, param?: string): boolean;
+  can(commandId: string): boolean;
+  apply(commandId: string, param?: string, done?: () => void): boolean;
+}

package/dist/types/api.d.ts

@@ -6,6 +6,7 @@ export * from "./api/qtable";
 export * from "./api/qtree";
 export * from "./api/quploader";
 export * from "./api/qnotify";
+export * from "./api/qeditor";
 export * from "./api/qloading";
 export * from "./api/touchswipe";
 export * from "./api/web-storage";

package/dist/types/index.d.ts

@@ -1110,6 +1110,28 @@ export interface QBreadcrumbsElProps {
    * Default value: true
    */
   ripple?: boolean | any | undefined;
+  /**
+   * Emitted when the component is clicked
+   * @param evt JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler
+   * @param go Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else
+   */
+  onClick?: (
+    evt: Event,
+    go?: (opts?: {
+      /**
+       * Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop
+       */
+      to?: string | any;
+      /**
+       * Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop
+       */
+      replace?: boolean;
+      /**
+       * Return the router error, if any; Otherwise the returned Promise will always fulfill
+       */
+      returnRouterError?: boolean;
+    }) => Promise<any>
+  ) => void;
 }
 
 export interface QBreadcrumbsElSlots {
@@ -1769,11 +1791,27 @@ export interface QBtnProps {
    */
   darkPercentage?: boolean | undefined;
   /**
-   * Emitted when component is clicked (activated)
-   * @param evt JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false
-   * @param navigateFn When you need to control the time at which the button should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation
+   * Emitted when the component is clicked
+   * @param evt JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler
+   * @param go Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else
    */
-  onClick?: (evt: Event, navigateFn: () => void) => void;
+  onClick?: (
+    evt: Event,
+    go?: (opts?: {
+      /**
+       * Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop
+       */
+      to?: string | any;
+      /**
+       * Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop
+       */
+      replace?: boolean;
+      /**
+       * Return the router error, if any; Otherwise the returned Promise will always fulfill
+       */
+      returnRouterError?: boolean;
+    }) => Promise<any>
+  ) => void;
 }
 
 export interface QBtnSlots {
@@ -3435,6 +3473,10 @@ export interface QEditor extends ComponentPublicInstance<QEditorProps> {
    * @returns Provides the pure HTML within the editable area
    */
   getContentEl: () => Element;
+  /**
+   * The current caret state
+   */
+  readonly caret: QEditorCaret;
 }
 
 export interface QExpansionItemProps {
@@ -5538,6 +5580,28 @@ export interface QItemProps {
    * Determines focus state, ONLY if 'manual-focus' is enabled / set to true
    */
   focused?: boolean | undefined;
+  /**
+   * Emitted when the component is clicked
+   * @param evt JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler
+   * @param go Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else
+   */
+  onClick?: (
+    evt: Event,
+    go?: (opts?: {
+      /**
+       * Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop
+       */
+      to?: string | any;
+      /**
+       * Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop
+       */
+      replace?: boolean;
+      /**
+       * Return the router error, if any; Otherwise the returned Promise will always fulfill
+       */
+      returnRouterError?: boolean;
+    }) => Promise<any>
+  ) => void;
 }
 
 export interface QItemSlots {
@@ -7325,6 +7389,10 @@ export interface QRatingProps {
    * Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)
    */
   iconHalf?: string | readonly any[] | undefined;
+  /**
+   * Label to be set on aria-label for Icon; If an array is provided each rating value will use the corresponding aria-label in the array (0 based); If string value is provided the rating value will be appended; If not provided the name of the icon will be used
+   */
+  iconAriaLabel?: string | readonly any[] | undefined;
   /**
    * Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)
    */
@@ -11490,11 +11558,27 @@ export interface QRouteTabProps {
    */
   tabindex?: number | string | undefined;
   /**
-   * Emitted when component is clicked (activated)
-   * @param evt JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false
-   * @param navigateFn When you need to control the time at which the tab should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation
+   * Emitted when the component is clicked
+   * @param evt JS event object; If you want to cancel navigation then call evt.preventDefault() synchronously in your event handler
+   * @param go When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else
    */
-  onClick?: (evt: Event, navigateFn: () => void) => void;
+  onClick?: (
+    evt: Event,
+    go?: (opts?: {
+      /**
+       * Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop
+       */
+      to?: string | any;
+      /**
+       * Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop
+       */
+      replace?: boolean;
+      /**
+       * Return the router error, if any; Otherwise the returned Promise will always fulfill
+       */
+      returnRouterError?: boolean;
+    }) => Promise<any>
+  ) => void;
 }
 
 export interface QRouteTabSlots {
@@ -13612,6 +13696,7 @@ export interface QEditorCommand {
 }
 
 import { VueStyleObjectProp } from "./api";
+import { QEditorCaret } from "./api";
 import { ValidationRule } from "./api";
 import { QRejectedEntry } from "./api";
 import { SliderMarkerLabels } from "./api";

package/dist/types/utils/run-sequential-promises.d.ts

@@ -43,7 +43,7 @@ export type RunSequentialPromisesResult<TKey extends number | string, TValue> =
 export interface RunSequentialPromisesOptions {
   /**
    * When making HTTP requests, be aware of the maximum threads that
-   * the hosting browser supports (usually 3). Any number of threads
+   * the hosting browser supports (usually 5). Any number of threads
    * above that won't add any real benefits.
    *
    * @default 1

package/dist/vetur/quasar-attributes.json

@@ -3691,6 +3691,10 @@
     "type": "string|array",
     "description": "Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)"
   },
+  "q-rating/icon-aria-label": {
+    "type": "string|array",
+    "description": "Label to be set on aria-label for Icon; If an array is provided each rating value will use the corresponding aria-label in the array (0 based); If string value is provided the rating value will be appended; If not provided the name of the icon will be used"
+  },
   "q-rating/color": {
     "type": "string|array",
     "description": "Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)"

package/dist/vetur/quasar-tags.json

@@ -1237,6 +1237,7 @@
       "icon",
       "icon-selected",
       "icon-half",
+      "icon-aria-label",
       "color",
       "color-selected",
       "color-half",

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.8.4",
+  "version": "2.9.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -575,6 +575,27 @@
               "default": "true"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "arguments": [
+                {
+                  "name": "evt",
+                  "type": "Event",
+                  "description": "JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler",
+                  "doc-url": "https://v2.quasar.dev/vue-components/breadcrumbs"
+                },
+                {
+                  "name": "go",
+                  "type": "Function",
+                  "description": "Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else",
+                  "doc-url": "https://v2.quasar.dev/vue-components/breadcrumbs"
+                }
+              ],
+              "description": "Emitted when the component is clicked",
+              "doc-url": "https://v2.quasar.dev/vue-components/breadcrumbs"
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -1885,17 +1906,17 @@
                 {
                   "name": "evt",
                   "type": "Event",
-                  "description": "JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false",
+                  "description": "JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler",
                   "doc-url": "https://v2.quasar.dev/vue-components/button"
                 },
                 {
-                  "name": "navigateFn",
+                  "name": "go",
                   "type": "Function",
-                  "description": "When you need to control the time at which the button should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation",
+                  "description": "Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else",
                   "doc-url": "https://v2.quasar.dev/vue-components/button"
                 }
               ],
-              "description": "Emitted when component is clicked (activated)",
+              "description": "Emitted when the component is clicked",
               "doc-url": "https://v2.quasar.dev/vue-components/button"
             }
           ],
@@ -8591,6 +8612,27 @@
               "type": "boolean"
             }
           ],
+          "events": [
+            {
+              "name": "click",
+              "arguments": [
+                {
+                  "name": "evt",
+                  "type": "Event",
+                  "description": "JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler",
+                  "doc-url": "https://v2.quasar.dev/vue-components/list-and-list-items"
+                },
+                {
+                  "name": "go",
+                  "type": "Function",
+                  "description": "Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else",
+                  "doc-url": "https://v2.quasar.dev/vue-components/list-and-list-items"
+                }
+              ],
+              "description": "Emitted when the component is clicked",
+              "doc-url": "https://v2.quasar.dev/vue-components/list-and-list-items"
+            }
+          ],
           "slots": [
             {
               "name": "default",
@@ -11720,6 +11762,15 @@
               "description": "Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)\n\nExamples:\nmap\nion-add\nimg:https://cdn.quasar.dev/logo-v2/svg/logo.svg\nimg:path/to/some_image.png",
               "doc-url": "https://v2.quasar.dev/vue-components/rating"
             },
+            {
+              "name": "icon-aria-label",
+              "value": {
+                "kind": "expression",
+                "type": "string|any[]"
+              },
+              "description": "Label to be set on aria-label for Icon; If an array is provided each rating value will use the corresponding aria-label in the array (0 based); If string value is provided the rating value will be appended; If not provided the name of the icon will be used\n\nExamples:\nRating\n[\"Bad\", \"Normal\", \"Good\"]",
+              "doc-url": "https://v2.quasar.dev/vue-components/rating"
+            },
             {
               "name": "color",
               "value": {
@@ -16693,17 +16744,17 @@
                 {
                   "name": "evt",
                   "type": "Event",
-                  "description": "JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false",
+                  "description": "JS event object; If you want to cancel navigation then call evt.preventDefault() synchronously in your event handler",
                   "doc-url": "https://v2.quasar.dev/vue-components/tabs"
                 },
                 {
-                  "name": "navigateFn",
+                  "name": "go",
                   "type": "Function",
-                  "description": "When you need to control the time at which the tab should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation",
+                  "description": "When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else",
                   "doc-url": "https://v2.quasar.dev/vue-components/tabs"
                 }
               ],
-              "description": "Emitted when component is clicked (activated)",
+              "description": "Emitted when the component is clicked",
               "doc-url": "https://v2.quasar.dev/vue-components/tabs"
             }
           ],

package/lang/nl.js

@@ -20,8 +20,8 @@ module.exports = {
     search: 'Zoek',
     filter: 'Filter',
     refresh: 'Ververs',
-    expand: label => (label ? `Vouw "${ label }" uit` : 'Uitbreiden'),
-    collapse: label => (label ? `"${ label }" samenvouwen` : 'Instorten')
+    expand: label => (label ? `"${ label }" uitklappen` : 'Uitklappen'),
+    collapse: label => (label ? `"${ label }" inklappen` : 'Inklappen')
   },
   date: {
     days: 'Zondag_Maandag_Dinsdag_Woensdag_Donderdag_Vrijdag_Zaterdag'.split('_'),

package/lang/nl.mjs

@@ -15,8 +15,8 @@ export default {
     search: 'Zoek',
     filter: 'Filter',
     refresh: 'Ververs',
-    expand: label => (label ? `Vouw "${ label }" uit` : 'Uitbreiden'),
-    collapse: label => (label ? `"${ label }" samenvouwen` : 'Instorten')
+    expand: label => (label ? `"${ label }" uitklappen` : 'Uitklappen'),
+    collapse: label => (label ? `"${ label }" inklappen` : 'Inklappen')
   },
   date: {
     days: 'Zondag_Maandag_Dinsdag_Woensdag_Donderdag_Vrijdag_Zaterdag'.split('_'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.8.4",
+  "version": "2.9.1",
   "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",
@@ -29,8 +29,10 @@
     "build": "node build/script.build.js",
     "lint": "eslint --ext .js,.vue src dev",
     "lint-fix": "eslint --ext .js,.vue src dev --fix",
-    "test:component": "node build/script.build.js && cd ./dev && cypress open-ct && cd ..",
-    "test:component:ci": "node build/script.build.js && cd ./dev && cypress run-ct --record --parallel && cd ..",
+    "test:build": "node build/script.build.js js api && node build/script.build.js js transforms",
+    "test:component": "yarn test:build && cd ./dev && cypress open-ct && cd ..",
+    "test:component:run": "yarn test:build && cd ./dev && cypress run-ct && cd ..",
+    "test:component:ci": "yarn test:build && cd ./dev && cypress run-ct --record --parallel && cd ..",
     "test:create": "node ./test/cypress/helpers/create-spec.js -c"
   },
   "repository": {

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/breadcrumbs/QBreadcrumbsEl.js

@@ -21,20 +21,19 @@ export default createComponent({
     }
   },
 
+  emits: [ 'click' ],
+
   setup (props, { slots }) {
-    const { linkTag, linkProps, linkClass, hasRouterLink, navigateToRouterLink } = useRouterLink()
+    const { linkTag, linkAttrs, linkClass, navigateOnClick } = useRouterLink()
 
     const data = computed(() => {
-      const acc = {
+      return {
         class: 'q-breadcrumbs__el q-link '
           + 'flex inline items-center relative-position '
           + (props.disable !== true ? 'q-link--focusable' + linkClass.value : 'q-breadcrumbs__el--disable'),
-        ...linkProps.value
-      }
-      if (hasRouterLink.value === true) {
-        acc.onClick = navigateToRouterLink
+        ...linkAttrs.value,
+        onClick: navigateOnClick
       }
-      return acc
     })
 
     const iconClass = computed(() =>