quasar 2.11.6 → 2.11.8

package/dist/transforms/auto-import.json

@@ -246,6 +246,50 @@
     "q-video": "QVideo",
     "QVirtualScroll": "QVirtualScroll",
     "q-virtual-scroll": "QVirtualScroll",
+    "QAvatar.cy": "QAvatar.cy",
+    "q-avatar.cy": "QAvatar.cy",
+    "QBadge.cy": "QBadge.cy",
+    "q-badge.cy": "QBadge.cy",
+    "QBanner.cy": "QBanner.cy",
+    "q-banner.cy": "QBanner.cy",
+    "QBar.cy": "QBar.cy",
+    "q-bar.cy": "QBar.cy",
+    "QBreadcrumbs.cy": "QBreadcrumbs.cy",
+    "q-breadcrumbs.cy": "QBreadcrumbs.cy",
+    "QBreadcrumbsEl.cy": "QBreadcrumbsEl.cy",
+    "q-breadcrumbs-el.cy": "QBreadcrumbsEl.cy",
+    "QBtn.cy": "QBtn.cy",
+    "q-btn.cy": "QBtn.cy",
+    "QChip.cy": "QChip.cy",
+    "q-chip.cy": "QChip.cy",
+    "QDate.cy": "QDate.cy",
+    "q-date.cy": "QDate.cy",
+    "QDialog.cy": "QDialog.cy",
+    "q-dialog.cy": "QDialog.cy",
+    "QEditor.cy": "QEditor.cy",
+    "q-editor.cy": "QEditor.cy",
+    "QInput.cy": "QInput.cy",
+    "q-input.cy": "QInput.cy",
+    "QMenu.cy": "QMenu.cy",
+    "q-menu.cy": "QMenu.cy",
+    "QSelect.cy": "QSelect.cy",
+    "q-select.cy": "QSelect.cy",
+    "QTable.cy": "QTable.cy",
+    "q-table.cy": "QTable.cy",
+    "QTd.cy": "QTd.cy",
+    "q-td.cy": "QTd.cy",
+    "QTh.cy": "QTh.cy",
+    "q-th.cy": "QTh.cy",
+    "QTr.cy": "QTr.cy",
+    "q-tr.cy": "QTr.cy",
+    "QRouteTab.cy": "QRouteTab.cy",
+    "q-route-tab.cy": "QRouteTab.cy",
+    "QTab.cy": "QTab.cy",
+    "q-tab.cy": "QTab.cy",
+    "QTabs.cy": "QTabs.cy",
+    "q-tabs.cy": "QTabs.cy",
+    "QUploader.cy": "QUploader.cy",
+    "q-uploader.cy": "QUploader.cy",
     "v-close-popup": "ClosePopup",
     "v-intersection": "Intersection",
     "v-morph": "Morph",
@@ -259,9 +303,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-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-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-breadcrumbs|q-page-sticky|q-popup-proxy|q-scroll-area|q-spinner-box|q-spinner-ios|q-spinner-pie|q-btn-toggle|q-fab-action|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-btn-group|q-separator|q-tab-panel|q-route-tab|q-ajax-bar|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-timeline|q-uploader|q-spinner|q-stepper|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|QTimelineEntry|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QItemSection|QMarkupTable|QOptionGroup|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QBtnToggle|QFabAction|QItemLabel|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QBtnGroup|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QRouteTab|QTimeline|QUploader|QAjaxBar|QSpinner|QStepper|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-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-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-breadcrumbs|q-page-sticky|q-popup-proxy|q-scroll-area|q-spinner-box|q-spinner-ios|q-spinner-pie|q-btn-toggle|q-fab-action|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-btn-group|q-separator|q-tab-panel|q-route-tab|q-ajax-bar|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-timeline|q-uploader|q-spinner|q-stepper|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|QTimelineEntry|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QItemSection|QMarkupTable|QOptionGroup|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QBtnToggle|QFabAction|QItemLabel|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QBtnGroup|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QRouteTab|QTimeline|QUploader|QAjaxBar|QSpinner|QStepper|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-breadcrumbs-el.cy|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-timeline-entry|q-virtual-scroll|q-breadcrumbs.cy|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-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-route-tab.cy|q-breadcrumbs|q-page-sticky|q-popup-proxy|q-scroll-area|q-spinner-box|q-spinner-ios|q-spinner-pie|q-uploader.cy|q-btn-toggle|q-fab-action|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-btn-group|q-separator|q-tab-panel|q-route-tab|q-avatar.cy|q-banner.cy|q-dialog.cy|q-editor.cy|q-select.cy|q-ajax-bar|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-timeline|q-uploader|q-badge.cy|q-input.cy|q-table.cy|q-spinner|q-stepper|q-toolbar|q-tooltip|q-chip.cy|q-date.cy|q-menu.cy|q-tabs.cy|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-bar.cy|q-btn.cy|q-tab.cy|q-badge|q-color|q-field|q-input|q-radio|q-range|q-space|q-table|q-video|q-td.cy|q-th.cy|q-tr.cy|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|QBreadcrumbsEl.cy|QCarouselControl|QSlideTransition|QSpinnerFacebook|QSpinnerInfinity|QFormChildMixin|QInfiniteScroll|QLinearProgress|QResizeObserver|QScrollObserver|QSpinnerComment|QBreadcrumbs.cy|QBreadcrumbsEl|QCarouselSlide|QExpansionItem|QPageContainer|QPullToRefresh|QSpinnerHearts|QTimelineEntry|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QItemSection|QMarkupTable|QOptionGroup|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QRouteTab.cy|QUploader.cy|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QBtnToggle|QFabAction|QItemLabel|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QAvatar.cy|QBanner.cy|QDialog.cy|QEditor.cy|QSelect.cy|QBtnGroup|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QRouteTab|QTimeline|QUploader|QBadge.cy|QInput.cy|QTable.cy|QAjaxBar|QSpinner|QStepper|QToolbar|QTooltip|QChip.cy|QDate.cy|QMenu.cy|QTabs.cy|QAvatar|QBanner|QDialog|QDrawer|QEditor|QFooter|QHeader|QLayout|QRating|QSelect|QSlider|QToggle|QBar.cy|QBtn.cy|QTab.cy|QBadge|QColor|QField|QInput|QNoSsr|QRadio|QRange|QSpace|QTable|QVideo|QTd.cy|QTh.cy|QTr.cy|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-breadcrumbs-el.cy|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-timeline-entry|q-virtual-scroll|q-breadcrumbs.cy|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-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-route-tab.cy|q-breadcrumbs|q-page-sticky|q-popup-proxy|q-scroll-area|q-spinner-box|q-spinner-ios|q-spinner-pie|q-uploader.cy|q-btn-toggle|q-fab-action|q-item-label|q-pagination|q-popup-edit|q-responsive|q-slide-item|q-tab-panels|q-btn-group|q-separator|q-tab-panel|q-route-tab|q-avatar.cy|q-banner.cy|q-dialog.cy|q-editor.cy|q-select.cy|q-ajax-bar|q-carousel|q-checkbox|q-parallax|q-skeleton|q-splitter|q-timeline|q-uploader|q-badge.cy|q-input.cy|q-table.cy|q-spinner|q-stepper|q-toolbar|q-tooltip|q-chip.cy|q-date.cy|q-menu.cy|q-tabs.cy|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-bar.cy|q-btn.cy|q-tab.cy|q-badge|q-color|q-field|q-input|q-radio|q-range|q-space|q-table|q-video|q-td.cy|q-th.cy|q-tr.cy|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|QBreadcrumbsEl.cy|QCarouselControl|QSlideTransition|QSpinnerFacebook|QSpinnerInfinity|QFormChildMixin|QInfiniteScroll|QLinearProgress|QResizeObserver|QScrollObserver|QSpinnerComment|QBreadcrumbs.cy|QBreadcrumbsEl|QCarouselSlide|QExpansionItem|QPageContainer|QPullToRefresh|QSpinnerHearts|QTimelineEntry|QVirtualScroll|QInnerLoading|QIntersection|QPageScroller|QSpinnerAudio|QSpinnerClock|QSpinnerGears|QSpinnerOrbit|QSpinnerRadio|QSpinnerRings|QToolbarTitle|QBreadcrumbs|QBtnDropdown|QCardActions|QCardSection|QChatMessage|QItemSection|QMarkupTable|QOptionGroup|QSpinnerBall|QSpinnerBars|QSpinnerCube|QSpinnerDots|QSpinnerGrid|QSpinnerOval|QSpinnerPuff|QSpinnerTail|QRouteTab.cy|QUploader.cy|QPageSticky|QPagination|QPopupProxy|QResponsive|QScrollArea|QSpinnerBox|QSpinnerIos|QSpinnerPie|QBtnToggle|QFabAction|QItemLabel|QPopupEdit|QSeparator|QSlideItem|QTabPanels|QAvatar.cy|QBanner.cy|QDialog.cy|QEditor.cy|QSelect.cy|QBtnGroup|QCarousel|QCheckbox|QParallax|QSkeleton|QSplitter|QTabPanel|QRouteTab|QTimeline|QUploader|QBadge.cy|QInput.cy|QTable.cy|QAjaxBar|QSpinner|QStepper|QToolbar|QTooltip|QChip.cy|QDate.cy|QMenu.cy|QTabs.cy|QAvatar|QBanner|QDialog|QDrawer|QEditor|QFooter|QHeader|QLayout|QRating|QSelect|QSlider|QToggle|QBar.cy|QBtn.cy|QTab.cy|QBadge|QColor|QField|QInput|QNoSsr|QRadio|QRange|QSpace|QTable|QVideo|QTd.cy|QTh.cy|QTr.cy|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

@@ -123,6 +123,28 @@
   "QUploaderAddTrigger": "src/components/uploader/QUploaderAddTrigger.js",
   "QVideo": "src/components/video/QVideo.js",
   "QVirtualScroll": "src/components/virtual-scroll/QVirtualScroll.js",
+  "QAvatar.cy": "src/components/avatar/__tests__/QAvatar.cy.js",
+  "QBadge.cy": "src/components/badge/__tests__/QBadge.cy.js",
+  "QBanner.cy": "src/components/banner/__tests__/QBanner.cy.js",
+  "QBar.cy": "src/components/bar/__tests__/QBar.cy.js",
+  "QBreadcrumbs.cy": "src/components/breadcrumbs/__tests__/QBreadcrumbs.cy.js",
+  "QBreadcrumbsEl.cy": "src/components/breadcrumbs/__tests__/QBreadcrumbsEl.cy.js",
+  "QBtn.cy": "src/components/btn/__tests__/QBtn.cy.js",
+  "QChip.cy": "src/components/chip/__tests__/QChip.cy.js",
+  "QDate.cy": "src/components/date/__tests__/QDate.cy.js",
+  "QDialog.cy": "src/components/dialog/__tests__/QDialog.cy.js",
+  "QEditor.cy": "src/components/editor/__tests__/QEditor.cy.js",
+  "QInput.cy": "src/components/input/__tests__/QInput.cy.js",
+  "QMenu.cy": "src/components/menu/__tests__/QMenu.cy.js",
+  "QSelect.cy": "src/components/select/__tests__/QSelect.cy.js",
+  "QTable.cy": "src/components/table/__tests__/QTable.cy.js",
+  "QTd.cy": "src/components/table/__tests__/QTd.cy.js",
+  "QTh.cy": "src/components/table/__tests__/QTh.cy.js",
+  "QTr.cy": "src/components/table/__tests__/QTr.cy.js",
+  "QRouteTab.cy": "src/components/tabs/__tests__/QRouteTab.cy.js",
+  "QTab.cy": "src/components/tabs/__tests__/QTab.cy.js",
+  "QTabs.cy": "src/components/tabs/__tests__/QTabs.cy.js",
+  "QUploader.cy": "src/components/uploader/__tests__/QUploader.cy.js",
   "ClosePopup": "src/directives/ClosePopup.js",
   "Intersection": "src/directives/Intersection.js",
   "Morph": "src/directives/Morph.js",

package/dist/types/index.d.ts

@@ -83,6 +83,10 @@ export interface BottomSheet {
        * CSS classes for this action
        */
       classes?: VueClassProp;
+      /**
+       * Style definitions to be attributed to this action element
+       */
+      style?: VueStyleProp;
       /**
        * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
        */
@@ -2055,6 +2059,11 @@ export interface QCarouselProps {
    * Show thumbnails
    */
   thumbnails?: boolean | undefined;
+  /**
+   * Emitted when fullscreen state changes
+   * @param value Fullscreen state (showing/hidden)
+   */
+  onFullscreen?: (value: boolean) => void;
   /**
    * Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model
    * @param value New current panel name
@@ -3446,11 +3455,36 @@ export interface QEditorProps {
    * Text to display as placeholder
    */
   placeholder?: string | undefined;
+  /**
+   * Emitted when fullscreen state changes
+   * @param value Fullscreen state (showing/hidden)
+   */
+  onFullscreen?: (value: boolean) => void;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value The pure HTML of the content
    */
   "onUpdate:modelValue"?: (value: string) => void;
+  /**
+   * Emitted after a dropdown in the toolbar has triggered show()
+   * @param evt JS event object
+   */
+  onDropdownShow?: (evt: Event) => void;
+  /**
+   * Emitted when a dropdown in the toolbar triggers show() but before it finishes doing it
+   * @param evt JS event object
+   */
+  onDropdownBeforeShow?: (evt: Event) => void;
+  /**
+   * Emitted after a dropdown in the toolbar has triggered hide()
+   * @param evt JS event object
+   */
+  onDropdownHide?: (evt: Event) => void;
+  /**
+   * Emitted when a dropdown in the toolbar triggers hide() but before it finishes doing it
+   * @param evt JS event object
+   */
+  onDropdownBeforeHide?: (evt: Event) => void;
 }
 
 export interface QEditorSlots {}
@@ -10287,6 +10321,11 @@ export interface QTableProps {
         descending: boolean
       ) => readonly any[])
     | undefined;
+  /**
+   * Emitted when fullscreen state changes
+   * @param value Fullscreen state (showing/hidden)
+   */
+  onFullscreen?: (value: boolean) => void;
   /**
    * Emitted when user clicks/taps on a row; Is not emitted when using body/row/item scoped slots
    * @param evt JS event object
@@ -13725,6 +13764,10 @@ declare module "./globals" {
          * CSS classes for this action
          */
         classes?: VueClassProp;
+        /**
+         * Style definitions to be attributed to this action element
+         */
+        style?: VueStyleProp;
         /**
          * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
          */

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

@@ -2,7 +2,7 @@
   "$schema": "",
   "framework": "vue",
   "name": "quasar",
-  "version": "2.11.6",
+  "version": "2.11.8",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -2385,6 +2385,19 @@
             }
           ],
           "events": [
+            {
+              "name": "fullscreen",
+              "arguments": [
+                {
+                  "name": "value",
+                  "type": "boolean",
+                  "description": "Fullscreen state (showing/hidden)",
+                  "doc-url": "https://v2.quasar.dev/vue-components/carousel"
+                }
+              ],
+              "description": "Emitted when fullscreen state changes",
+              "doc-url": "https://v2.quasar.dev/vue-components/carousel"
+            },
             {
               "name": "update:model-value",
               "arguments": [
@@ -4794,6 +4807,19 @@
             }
           ],
           "events": [
+            {
+              "name": "fullscreen",
+              "arguments": [
+                {
+                  "name": "value",
+                  "type": "boolean",
+                  "description": "Fullscreen state (showing/hidden)",
+                  "doc-url": "https://v2.quasar.dev/vue-components/editor"
+                }
+              ],
+              "description": "Emitted when fullscreen state changes",
+              "doc-url": "https://v2.quasar.dev/vue-components/editor"
+            },
             {
               "name": "update:model-value",
               "arguments": [
@@ -4806,6 +4832,58 @@
               ],
               "description": "Emitted when the component needs to change the model; Is also used by v-model",
               "doc-url": "https://v2.quasar.dev/vue-components/editor"
+            },
+            {
+              "name": "dropdown-show",
+              "arguments": [
+                {
+                  "name": "evt",
+                  "type": "Event",
+                  "description": "JS event object",
+                  "doc-url": "https://v2.quasar.dev/vue-components/editor"
+                }
+              ],
+              "description": "Emitted after a dropdown in the toolbar has triggered show()",
+              "doc-url": "https://v2.quasar.dev/vue-components/editor"
+            },
+            {
+              "name": "dropdown-before-show",
+              "arguments": [
+                {
+                  "name": "evt",
+                  "type": "Event",
+                  "description": "JS event object",
+                  "doc-url": "https://v2.quasar.dev/vue-components/editor"
+                }
+              ],
+              "description": "Emitted when a dropdown in the toolbar triggers show() but before it finishes doing it",
+              "doc-url": "https://v2.quasar.dev/vue-components/editor"
+            },
+            {
+              "name": "dropdown-hide",
+              "arguments": [
+                {
+                  "name": "evt",
+                  "type": "Event",
+                  "description": "JS event object",
+                  "doc-url": "https://v2.quasar.dev/vue-components/editor"
+                }
+              ],
+              "description": "Emitted after a dropdown in the toolbar has triggered hide()",
+              "doc-url": "https://v2.quasar.dev/vue-components/editor"
+            },
+            {
+              "name": "dropdown-before-hide",
+              "arguments": [
+                {
+                  "name": "evt",
+                  "type": "Event",
+                  "description": "JS event object",
+                  "doc-url": "https://v2.quasar.dev/vue-components/editor"
+                }
+              ],
+              "description": "Emitted when a dropdown in the toolbar triggers hide() but before it finishes doing it",
+              "doc-url": "https://v2.quasar.dev/vue-components/editor"
             }
           ],
           "slots": [],
@@ -16234,6 +16312,19 @@
             }
           ],
           "events": [
+            {
+              "name": "fullscreen",
+              "arguments": [
+                {
+                  "name": "value",
+                  "type": "boolean",
+                  "description": "Fullscreen state (showing/hidden)",
+                  "doc-url": "https://v2.quasar.dev/vue-components/table"
+                }
+              ],
+              "description": "Emitted when fullscreen state changes",
+              "doc-url": "https://v2.quasar.dev/vue-components/table"
+            },
             {
               "name": "row-click",
               "arguments": [

package/lang/ja.js

@@ -31,7 +31,7 @@ module.exports = {
     headerTitle: date => new Intl.DateTimeFormat('ja-JP', {
       weekday: 'short', month: 'short', day: 'numeric'
     }).format(date),
-    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: true, // true
     pluralDay: '日間'
   },

package/lang/ja.mjs

@@ -26,7 +26,7 @@ export default {
     headerTitle: date => new Intl.DateTimeFormat('ja-JP', {
       weekday: 'short', month: 'short', day: 'numeric'
     }).format(date),
-    firstDayOfWeek: 1, // 0-6, 0 - Sunday, 1 Monday, ...
+    firstDayOfWeek: 0, // 0-6, 0 - Sunday, 1 Monday, ...
     format24h: true, // true
     pluralDay: '日間'
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar",
-  "version": "2.11.6",
+  "version": "2.11.8",
   "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",
@@ -30,11 +30,13 @@
     "lint": "eslint --ext .js,.vue src dev",
     "lint-fix": "eslint --ext .js,.vue src dev --fix",
     "format:types": "prettier --write \"types/**/*.{d.ts,ts,json}\"",
+    "test:create": "node ./test/cypress/helpers/create-spec.js -c",
     "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"
+    "test:e2e": "yarn test:build && cd ./dev && cross-env NODE_ENV=test start-test \"node ./script.dev.js\" http-get://localhost:9000 \"cypress open --e2e\" && cd ..",
+    "test:e2e:ci": "yarn test:build && cd ./dev && cross-env NODE_ENV=test start-test \"node ./script.dev.js\" http-get://localhost:9000 \"cypress run --e2e\" && cd ..",
+    "test:component": "yarn test:build && cd ./dev && cross-env NODE_ENV=test cypress open --component && cd ..",
+    "test:component:run": "yarn test:build && cd ./dev && cross-env NODE_ENV=test cypress run --component && cd ..",
+    "test:component:ci": "yarn test:build && cd ./dev && cross-env NODE_ENV=test cypress run --component --record --parallel && cd .."
   },
   "repository": {
     "type": "git",
@@ -70,13 +72,14 @@
   "devDependencies": {
     "@quasar/app-vite": "^1.2.0",
     "@quasar/extras": "^1.15.11",
-    "@quasar/quasar-app-extension-testing-e2e-cypress": "^4.1.2",
+    "@quasar/quasar-app-extension-testing-e2e-cypress": "^5.1.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "@rollup/plugin-replace": "^2.3.3",
     "autoprefixer": "^10.4.13",
     "babel-preset-es2015-rollup": "^3.0.0",
     "cli-highlight": "^2.1.11",
     "cssnano": "^5.1.14",
+    "cypress": "^12.7.0",
     "diff": "^5.1.0",
     "eslint": "^7.4.0",
     "eslint-config-standard": "^17.0.0",

package/src/components/avatar/__tests__/{QAvatar.spec.js → QAvatar.cy.js}

@@ -1,4 +1,3 @@
-import { mount } from '@cypress/vue'
 import QAvatar from '../QAvatar.js'
 
 describe('Avatar API', () => {
@@ -7,7 +6,7 @@ describe('Avatar API', () => {
       describe('(prop): icon', () => {
         it('should render an icon', () => {
           const icon = 'bug_report'
-          mount(QAvatar, {
+          cy.mount(QAvatar, {
             props: {
               icon,
               color: 'grey'
@@ -28,7 +27,7 @@ describe('Avatar API', () => {
           // Doing em/rem units here does not work
           // Cypress looks at actual computed values in the browser
           const fontSize = '32px'
-          mount(QAvatar, {
+          cy.mount(QAvatar, {
             props: {
               size,
               fontSize,
@@ -46,7 +45,7 @@ describe('Avatar API', () => {
       describe('(prop): color', () => {
         it('should set a background color', () => {
           const color = 'red'
-          mount(QAvatar, {
+          cy.mount(QAvatar, {
             props: {
               color
             }
@@ -60,7 +59,7 @@ describe('Avatar API', () => {
       describe('(prop): text-color', () => {
         it('should set a text color', () => {
           const textColor = 'red'
-          mount(QAvatar, {
+          cy.mount(QAvatar, {
             props: {
               textColor
             }
@@ -73,7 +72,7 @@ describe('Avatar API', () => {
 
       describe('(prop): square', () => {
         it('should create a square avatar', () => {
-          mount(QAvatar, {
+          cy.mount(QAvatar, {
             props: {
               square: true,
               color: 'grey'
@@ -88,7 +87,7 @@ describe('Avatar API', () => {
 
       describe('(prop): rounded', () => {
         it('should create a rounded avatar', () => {
-          mount(QAvatar, {
+          cy.mount(QAvatar, {
             props: {
               rounded: true,
               color: 'grey'
@@ -106,7 +105,7 @@ describe('Avatar API', () => {
     describe('(slot): default', () => {
       it('render the text in the default slot', () => {
         const text = 'QQ'
-        mount(QAvatar, {
+        cy.mount(QAvatar, {
           slots: {
             // Using only a string here results in an error, this is a workaround
             default: () => text

package/src/components/badge/__tests__/{QBadge.spec.js → QBadge.cy.js}

@@ -1,4 +1,3 @@
-import { mount } from '@cypress/vue'
 import QBadge from '../QBadge.js'
 
 const defaultOptions = {
@@ -13,7 +12,7 @@ function mountQBadge (options = {}) {
     ...options.props
   }
 
-  return mount(QBadge, options)
+  return cy.mount(QBadge, options)
 }
 
 describe('Badge API', () => {

package/src/components/banner/__tests__/{QBanner.spec.js → QBanner.cy.js}

@@ -1,4 +1,3 @@
-import { mount } from '@cypress/vue'
 import QBanner from '../QBanner.js'
 
 describe('Banner API', () => {
@@ -6,7 +5,7 @@ describe('Banner API', () => {
     describe('Category: content', () => {
       describe('(prop): inline-actions', () => {
         it('should render the actions in the same row as the content', () => {
-          mount(QBanner, {
+          cy.mount(QBanner, {
             slots: {
               default: 'Banner content',
               action: 'Banner action'
@@ -25,7 +24,7 @@ describe('Banner API', () => {
     describe('Category: style', () => {
       describe('(prop): dense', () => {
         it('should have a dense style when "dense" prop is true', () => {
-          mount(QBanner, {
+          cy.mount(QBanner, {
             props: {
               dense: true
             }
@@ -38,7 +37,7 @@ describe('Banner API', () => {
 
       describe('(prop): rounded', () => {
         it('should have a rounded style when "rounded" prop is true', () => {
-          mount(QBanner, {
+          cy.mount(QBanner, {
             props: {
               rounded: true
             }
@@ -51,7 +50,7 @@ describe('Banner API', () => {
 
       describe('(prop): dark', () => {
         it('should have a dark style when "dark" prop is true', () => {
-          mount(QBanner, {
+          cy.mount(QBanner, {
             props: {
               dark: true
             }
@@ -67,7 +66,7 @@ describe('Banner API', () => {
   describe('Slots', () => {
     describe('(slot): default', () => {
       it('should render the default content', () => {
-        mount(QBanner, {
+        cy.mount(QBanner, {
           slots: {
             default: 'Banner content'
           }
@@ -80,7 +79,7 @@ describe('Banner API', () => {
 
     describe('(slot): avatar', () => {
       it('should render the avatar content', () => {
-        mount(QBanner, {
+        cy.mount(QBanner, {
           slots: {
             avatar: 'Banner avatar'
           }
@@ -93,7 +92,7 @@ describe('Banner API', () => {
 
     describe('(slot): action', () => {
       it('should render the action content', () => {
-        mount(QBanner, {
+        cy.mount(QBanner, {
           slots: {
             action: 'Banner action'
           }

package/src/components/bar/__tests__/{QBar.spec.js → QBar.cy.js}

@@ -1,4 +1,3 @@
-import { mount } from '@cypress/vue'
 import QBar from '../QBar.js'
 
 describe('Bar API', () => {
@@ -6,7 +5,7 @@ describe('Bar API', () => {
     describe('Category: style', () => {
       describe('(prop): dense', () => {
         it('should have a dense style when "dense" prop is true', () => {
-          mount(QBar, {
+          cy.mount(QBar, {
             propsData: {
               dense: true
             }
@@ -18,7 +17,7 @@ describe('Bar API', () => {
 
       describe('(prop): dark', () => {
         it('should have a dark style when "dark" prop is true', () => {
-          mount(QBar, {
+          cy.mount(QBar, {
             propsData: {
               dark: true
             }
@@ -33,7 +32,7 @@ describe('Bar API', () => {
   describe('Slots', () => {
     describe('(slot): default', () => {
       it('should render the default slot', () => {
-        mount(QBar, {
+        cy.mount(QBar, {
           slots: {
             default: 'default bar slot'
           }

package/src/components/breadcrumbs/__tests__/{QBreadcrumbs.spec.js → QBreadcrumbs.cy.js}

@@ -1,4 +1,3 @@
-import { mount } from '@cypress/vue'
 import { alignMap, alignValues } from '../../../composables/private/use-align.js'
 import BasicBreadcrumbs from './BasicBreadcrumbs.vue'
 import BreadcrumbWithSeparatorSlot from './BreadcrumbWithSeparatorSlot.vue'
@@ -12,7 +11,7 @@ describe('Breadcrumbs API', () => {
         it('should render a custom separator based on the defined value', () => {
           const customSeparator = '>'
 
-          mount(BasicBreadcrumbs, {
+          cy.mount(BasicBreadcrumbs, {
             props: {
               separator: customSeparator
             }
@@ -24,7 +23,7 @@ describe('Breadcrumbs API', () => {
 
       describe('(prop): gutter', () => {
         it(`should render a breadcrumb with a gutter based on defined values: ${ gutterValues.join(', ') }`, () => {
-          mount(BasicBreadcrumbs)
+          cy.mount(BasicBreadcrumbs)
 
           // loop through each gutter value
           for (const gutter of gutterValues) {
@@ -35,7 +34,7 @@ describe('Breadcrumbs API', () => {
         })
 
         it('should render a breadcrumb with no gutter when the value is set to "none"', () => {
-          mount(BasicBreadcrumbs, {
+          cy.mount(BasicBreadcrumbs, {
             props: {
               gutter: 'none'
             }
@@ -47,7 +46,7 @@ describe('Breadcrumbs API', () => {
 
       describe('(prop): align', () => {
         it(`should render a breadcrumb aligned based on defined values: ${ alignValues.join(', ') }`, () => {
-          mount(BasicBreadcrumbs)
+          cy.mount(BasicBreadcrumbs)
 
           // loop over alignValues
           for (const align of alignValues) {
@@ -64,7 +63,7 @@ describe('Breadcrumbs API', () => {
         it('should change breadcrumb item color based on Quasar Color Palette', () => {
           const activeColor = 'red'
 
-          mount(BasicBreadcrumbs, {
+          cy.mount(BasicBreadcrumbs, {
             props: {
               activeColor
             }
@@ -78,7 +77,7 @@ describe('Breadcrumbs API', () => {
         it('should change breadcrumb separator color based on Quasar Color Palette', () => {
           const separatorColor = 'red'
 
-          mount(BasicBreadcrumbs, {
+          cy.mount(BasicBreadcrumbs, {
             props: {
               separatorColor
             }
@@ -93,7 +92,7 @@ describe('Breadcrumbs API', () => {
   describe('Slots', () => {
     describe('(slot): default', () => {
       it('should display the default slot content', () => {
-        mount(BasicBreadcrumbs)
+        cy.mount(BasicBreadcrumbs)
 
         cy.get('.q-breadcrumbs > div')
           .should('contain', 'Home')
@@ -102,7 +101,7 @@ describe('Breadcrumbs API', () => {
 
     describe('(slot): separator', () => {
       it('should display the separator slot content', () => {
-        mount(BreadcrumbWithSeparatorSlot)
+        cy.mount(BreadcrumbWithSeparatorSlot)
 
         cy.get('.q-breadcrumbs__separator')
           .should('contain', 'arrow_forward')