quasar 2.9.2 → 2.10.1

package/dist/transforms/auto-import.json

@@ -18,6 +18,10 @@
     "q-bar.spec": "QBar.spec",
     "QBar": "QBar",
     "q-bar": "QBar",
+    "QBreadcrumbs.spec": "QBreadcrumbs.spec",
+    "q-breadcrumbs.spec": "QBreadcrumbs.spec",
+    "QBreadcrumbsEl.spec": "QBreadcrumbsEl.spec",
+    "q-breadcrumbs-el.spec": "QBreadcrumbsEl.spec",
     "QBreadcrumbs": "QBreadcrumbs",
     "q-breadcrumbs": "QBreadcrumbs",
     "QBreadcrumbsEl": "QBreadcrumbsEl",
@@ -299,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-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)",
+    "kebabComponents": "(q-uploader-add-trigger|q-breadcrumbs-el.spec|q-stepper-navigation|q-circular-progress|q-spinner-hourglass|q-breadcrumbs.spec|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": "(QBreadcrumbsEl.spec|QUploaderAddTrigger|QStepperNavigation|QBreadcrumbs.spec|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-breadcrumbs-el.spec|q-stepper-navigation|q-circular-progress|q-spinner-hourglass|q-breadcrumbs.spec|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|QBreadcrumbsEl.spec|QUploaderAddTrigger|QStepperNavigation|QBreadcrumbs.spec|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

@@ -9,6 +9,8 @@
   "QBanner": "src/components/banner/QBanner.js",
   "QBar.spec": "src/components/bar/__tests__/QBar.spec.js",
   "QBar": "src/components/bar/QBar.js",
+  "QBreadcrumbs.spec": "src/components/breadcrumbs/__tests__/QBreadcrumbs.spec.js",
+  "QBreadcrumbsEl.spec": "src/components/breadcrumbs/__tests__/QBreadcrumbsEl.spec.js",
   "QBreadcrumbs": "src/components/breadcrumbs/QBreadcrumbs.js",
   "QBreadcrumbsEl": "src/components/breadcrumbs/QBreadcrumbsEl.js",
   "QBtnDropdown": "src/components/btn-dropdown/QBtnDropdown.js",

package/dist/types/index.d.ts

@@ -1105,11 +1105,6 @@ export interface QBreadcrumbsElProps {
    * Default value: span
    */
   tag?: string | undefined;
-  /**
-   * Configure material ripple (disable it by setting it to 'false' or supply a config object)
-   * 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
@@ -1145,6 +1140,21 @@ export interface QBreadcrumbsEl
   extends ComponentPublicInstance<QBreadcrumbsElProps> {}
 
 export interface QBtnDropdownProps {
+  /**
+   * One of Quasar's embedded transitions
+   * Default value: fade
+   */
+  transitionShow?: string | undefined;
+  /**
+   * One of Quasar's embedded transitions
+   * Default value: fade
+   */
+  transitionHide?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
   /**
    * Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
    */
@@ -3156,8 +3166,13 @@ export interface QDialog extends ComponentPublicInstance<QDialogProps> {
   focus: (selector?: string) => void;
   /**
    * Shakes dialog
+   * @param focusTarget Optional DOM Element to be focused after shake
    */
-  shake: () => void;
+  shake: (focusTarget?: Element) => void;
+  /**
+   * The DOM Element of the rendered content
+   */
+  readonly contentEl: Element;
 }
 
 export interface QDrawerProps {
@@ -4651,14 +4666,18 @@ export interface QFile extends ComponentPublicInstance<QFileProps> {
    */
   removeFile: (file: File) => void;
   /**
-   * Get the native input DOM Element
+   * DEPRECATED; Access 'nativeEl' directly; Gets the native input DOM Element
    * @returns The underlying native input DOM Element
    */
-  getNativeElement: () => any;
+  getNativeElement: () => Element;
   /**
    * Whether the component is in error state
    */
   readonly hasError: boolean;
+  /**
+   * The native input DOM Element
+   */
+  readonly nativeEl: Element;
 }
 
 export interface QFooterProps {
@@ -5084,8 +5103,9 @@ export interface QInfiniteScroll
   resume: () => void;
   /**
    * Overwrite the current pagination index
+   * @param newIndex New pagination index
    */
-  setIndex: () => void;
+  setIndex: (newIndex: number) => void;
   /**
    * Updates the scroll target; Useful when the parent elements change so that the scrolling target also changes
    */
@@ -5444,14 +5464,18 @@ export interface QInput extends ComponentPublicInstance<QInputProps> {
    */
   select: () => void;
   /**
-   * Get the native input/textarea DOM Element
+   * DEPRECATED; Access 'nativeEl' directly instead; Get the native input/textarea DOM Element
    * @returns The underlying native input/textarea DOM Element
    */
-  getNativeElement: () => any;
+  getNativeElement: () => Element;
   /**
    * Whether the component is in error state
    */
   readonly hasError: boolean;
+  /**
+   * The native input/textarea DOM Element
+   */
+  readonly nativeEl: Element;
 }
 
 export interface QIntersectionProps {
@@ -5695,6 +5719,11 @@ export interface QListProps {
    * Applies a material design-like padding on top and bottom
    */
   padding?: boolean | undefined;
+  /**
+   * HTML tag to use
+   * Default value: div
+   */
+  tag?: string | undefined;
 }
 
 export interface QListSlots {
@@ -6185,6 +6214,10 @@ export interface QMenu extends ComponentPublicInstance<QMenuProps> {
    * Focus menu; if you have content with autofocus attribute, it will directly focus it
    */
   focus: () => void;
+  /**
+   * The DOM Element of the rendered content
+   */
+  readonly contentEl: Element;
 }
 
 export interface QNoSsrProps {
@@ -6468,41 +6501,15 @@ export interface QPaginationProps {
    * Minimum page (must be lower than 'max')
    * Default value: 1
    */
-  min?: number | undefined;
+  min?: number | string | undefined;
   /**
    * Number of last page (must be higher than 'min')
    */
-  max: number;
-  /**
-   * Color name for component from the Quasar Color Palette
-   * Default value: primary
-   */
-  color?: string | undefined;
-  /**
-   * Overrides text color (if needed); Color name from the Quasar Color Palette
-   */
-  textColor?: string | undefined;
-  /**
-   * Color name for component from the Quasar Color Palette
-   * Default value: primary
-   */
-  activeColor?: string | undefined;
-  /**
-   * Overrides text color (if needed); Color name from the Quasar Color Palette
-   */
-  activeTextColor?: string | undefined;
+  max: number | string;
   /**
    * Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)
    */
   dark?: boolean | undefined;
-  /**
-   * Style definitions to be attributed to the input (if using one)
-   */
-  inputStyle?: VueStyleProp | undefined;
-  /**
-   * Class definitions to be attributed to the input (if using one)
-   */
-  inputClass?: VueClassProp | undefined;
   /**
    * Button size in CSS units, including unit name
    */
@@ -6556,48 +6563,79 @@ export interface QPaginationProps {
   /**
    * Maximum number of page links to display at a time; 0 means Infinite
    */
-  maxPages?: number | undefined;
+  maxPages?: number | string | undefined;
   /**
-   * Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons
-   * Default value: true
+   * Use 'flat' design for non-active buttons (it's the default option)
    */
-  ripple?: boolean | any | undefined;
+  flat?: boolean | undefined;
   /**
-   * Makes a circle shaped button for all buttons
+   * Use 'outline' design for non-active buttons
    */
-  round?: boolean | undefined;
+  outline?: boolean | undefined;
   /**
-   * Applies a more prominent border-radius for a squared shape button for all buttons
+   * Remove shadow for non-active buttons
    */
-  rounded?: boolean | undefined;
+  unelevated?: boolean | undefined;
   /**
-   * Use 'flat' design for current page button
+   * Use 'push' design for non-active buttons
    */
-  flat?: boolean | undefined;
+  push?: boolean | undefined;
   /**
-   * Use 'outline' design for current page button
+   * Color name from the Quasar Color Palette for the non-active buttons
+   * Default value: primary
    */
-  outline?: boolean | undefined;
+  color?: string | undefined;
   /**
-   * Remove shadow for current page button
+   * Text color name from the Quasar Color Palette for the ACTIVE buttons
    */
-  unelevated?: boolean | undefined;
+  textColor?: string | undefined;
   /**
-   * Use 'push' design for current page button
+   * The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)
    */
-  push?: boolean | undefined;
+  activeDesign?: "flat" | "outline" | "push" | "unelevated" | undefined;
+  /**
+   * Color name from the Quasar Color Palette for the ACTIVE button
+   * Default value: primary
+   */
+  activeColor?: string | undefined;
+  /**
+   * Text color name from the Quasar Color Palette for the ACTIVE button
+   */
+  activeTextColor?: string | undefined;
+  /**
+   * Makes a circle shaped button for all buttons
+   */
+  round?: boolean | undefined;
+  /**
+   * Applies a more prominent border-radius for a squared shape button for all buttons
+   */
+  rounded?: boolean | undefined;
   /**
    * Applies a glossy effect for all buttons
    */
   glossy?: boolean | undefined;
   /**
-   * Dense mode; occupies less space
+   * Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)
+   * Default value: 2px
    */
-  dense?: boolean | undefined;
+  gutter?: string | undefined;
   /**
    * Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set
    */
   padding?: string | undefined;
+  /**
+   * Style definitions to be attributed to the input (if using one)
+   */
+  inputStyle?: VueStyleProp | undefined;
+  /**
+   * Class definitions to be attributed to the input (if using one)
+   */
+  inputClass?: VueClassProp | undefined;
+  /**
+   * Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons
+   * Default value: true
+   */
+  ripple?: boolean | any | undefined;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
@@ -8705,7 +8743,7 @@ export interface QSlideItemProps {
      */
     side: "left" | "right" | "top" | "bottom";
     /**
-     * Ratio of how much of the required slide was performed (0..1)
+     * Ratio of how much of the required slide was performed (0 <= x <= 1)
      */
     ratio: number;
     /**
@@ -12303,6 +12341,10 @@ export interface QTooltip extends ComponentPublicInstance<QTooltipProps> {
    * There are some custom scenarios for which Quasar cannot automatically reposition the tooltip without significant performance drawbacks so the optimal solution is for you to call this method when you need it
    */
   updatePosition: () => void;
+  /**
+   * The DOM Element of the rendered content
+   */
+  readonly contentEl: Element;
 }
 
 export interface QTreeProps {
@@ -12930,17 +12972,17 @@ export interface QUploader extends ComponentPublicInstance<QUploaderProps> {
   removeQueuedFiles: () => void;
   /**
    * Remove specified file from the queue
-   * @param file File to remove (instance of File)
+   * @param file The file to remove
    */
-  removeFile: (file: any) => void;
+  removeFile: (file: File) => void;
   /**
    * Update the status of a file
-   * @param file File to update (instance of File)
+   * @param file The file to update
    * @param status Status of file
    * @param uploadedSize The number of uploaded bytes of the file; Is required explicitly only when status is NOT 'uploaded'
    */
   updateFileStatus: (
-    file: any,
+    file: File,
     status: "idle" | "failed" | "uploading" | "uploaded",
     uploadedSize: number
   ) => void;
@@ -13268,53 +13310,13 @@ export interface QDialogOptions {
      */
     isValid?: (val: string) => boolean;
     /**
-     * Attributes to pass to prompt control
-     */
-    attrs?: any;
-    /**
-     * A text label that will “float” up above the input field, once the field gets focus
-     */
-    label?: string;
-    /**
-     * Label will be always shown above the field regardless of field content (if any)
-     */
-    stackLabel?: boolean;
-    /**
-     * Use 'filled' design for the field
-     */
-    filled?: boolean;
-    /**
-     * Use 'outlined' design for the field
-     */
-    outlined?: boolean;
-    /**
-     * Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)
-     */
-    standout?: boolean | string;
-    /**
-     * Applies a small standard border-radius for a squared shape of the component
-     */
-    rounded?: boolean;
-    /**
-     * Remove border-radius so borders are squared; Overrides 'rounded' prop
-     */
-    square?: boolean;
-    /**
-     * Show an automatic counter on bottom right
+     * Any QInput props, like color, label, stackLabel, filled, outlined, rounded, prefix etc
      */
-    counter?: boolean;
+    [QInputProps: string]: any;
     /**
-     * Specify a max length of model
+     * Any native attributes to pass to the prompt control
      */
-    maxlength?: string | number;
-    /**
-     * Prefix
-     */
-    prefix?: string;
-    /**
-     * Suffix
-     */
-    suffix?: string;
+    [nativeAttributes: string]: any;
   };
   /**
    * An object definition for creating the selection form content
@@ -13339,6 +13341,14 @@ export interface QDialogOptions {
      * @returns The selection passed validation or not
      */
     isValid?: (model: string | readonly any[]) => boolean;
+    /**
+     * Any QOptionGroup props
+     */
+    [QOptionGroupProps: string]: any;
+    /**
+     * Any native attributes to pass to the inner QOptionGroup
+     */
+    [nativeAttributes: string]: any;
   };
   /**
    * Display a Quasar spinner (if value is true, then the defaults are used); Useful for conveying the idea that something is happening behind the covers; Tip: use along with persistent, ok: false and update() method

package/dist/vetur/quasar-attributes.json

@@ -175,9 +175,17 @@
     "type": "string",
     "description": "HTML tag to use"
   },
-  "q-breadcrumbs-el/ripple": {
-    "type": "boolean|object",
-    "description": "Configure material ripple (disable it by setting it to 'false' or supply a config object)"
+  "q-btn-dropdown/transition-show": {
+    "type": "string",
+    "description": "One of Quasar's embedded transitions"
+  },
+  "q-btn-dropdown/transition-hide": {
+    "type": "string",
+    "description": "One of Quasar's embedded transitions"
+  },
+  "q-btn-dropdown/transition-duration": {
+    "type": "string|number",
+    "description": "Transition duration (in milliseconds, without unit)"
   },
   "q-btn-dropdown/model-value": {
     "type": "boolean",
@@ -2791,6 +2799,10 @@
     "type": "boolean",
     "description": "Applies a material design-like padding on top and bottom"
   },
+  "q-list/tag": {
+    "type": "string",
+    "description": "HTML tag to use"
+  },
   "q-knob/name": {
     "type": "string",
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
@@ -3160,41 +3172,17 @@
     "description": "Current page (must be between min/max)"
   },
   "q-pagination/min": {
-    "type": "number",
+    "type": "number|string",
     "description": "Minimum page (must be lower than 'max')"
   },
   "q-pagination/max": {
-    "type": "number",
+    "type": "number|string",
     "description": "Number of last page (must be higher than 'min')"
   },
-  "q-pagination/color": {
-    "type": "string",
-    "description": "Color name for component from the Quasar Color Palette"
-  },
-  "q-pagination/text-color": {
-    "type": "string",
-    "description": "Overrides text color (if needed); Color name from the Quasar Color Palette"
-  },
-  "q-pagination/active-color": {
-    "type": "string",
-    "description": "Color name for component from the Quasar Color Palette"
-  },
-  "q-pagination/active-text-color": {
-    "type": "string",
-    "description": "Overrides text color (if needed); Color name from the Quasar Color Palette"
-  },
   "q-pagination/dark": {
     "type": "boolean",
     "description": "Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)"
   },
-  "q-pagination/input-style": {
-    "type": "string|array|object",
-    "description": "Style definitions to be attributed to the input (if using one)"
-  },
-  "q-pagination/input-class": {
-    "type": "string|array|object",
-    "description": "Class definitions to be attributed to the input (if using one)"
-  },
   "q-pagination/size": {
     "type": "string",
     "description": "Button size in CSS units, including unit name"
@@ -3244,49 +3232,77 @@
     "description": "Show ellipses (...) when pages are available"
   },
   "q-pagination/max-pages": {
-    "type": "number",
+    "type": "number|string",
     "description": "Maximum number of page links to display at a time; 0 means Infinite"
   },
-  "q-pagination/ripple": {
-    "type": "boolean|object",
-    "description": "Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons"
-  },
-  "q-pagination/round": {
-    "type": "boolean",
-    "description": "Makes a circle shaped button for all buttons"
-  },
-  "q-pagination/rounded": {
-    "type": "boolean",
-    "description": "Applies a more prominent border-radius for a squared shape button for all buttons"
-  },
   "q-pagination/flat": {
     "type": "boolean",
-    "description": "Use 'flat' design for current page button"
+    "description": "Use 'flat' design for non-active buttons (it's the default option)"
   },
   "q-pagination/outline": {
     "type": "boolean",
-    "description": "Use 'outline' design for current page button"
+    "description": "Use 'outline' design for non-active buttons"
   },
   "q-pagination/unelevated": {
     "type": "boolean",
-    "description": "Remove shadow for current page button"
+    "description": "Remove shadow for non-active buttons"
   },
   "q-pagination/push": {
     "type": "boolean",
-    "description": "Use 'push' design for current page button"
+    "description": "Use 'push' design for non-active buttons"
+  },
+  "q-pagination/color": {
+    "type": "string",
+    "description": "Color name from the Quasar Color Palette for the non-active buttons"
+  },
+  "q-pagination/text-color": {
+    "type": "string",
+    "description": "Text color name from the Quasar Color Palette for the ACTIVE buttons"
+  },
+  "q-pagination/active-design": {
+    "type": "string",
+    "description": "The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)"
+  },
+  "q-pagination/active-color": {
+    "type": "string",
+    "description": "Color name from the Quasar Color Palette for the ACTIVE button"
+  },
+  "q-pagination/active-text-color": {
+    "type": "string",
+    "description": "Text color name from the Quasar Color Palette for the ACTIVE button"
+  },
+  "q-pagination/round": {
+    "type": "boolean",
+    "description": "Makes a circle shaped button for all buttons"
+  },
+  "q-pagination/rounded": {
+    "type": "boolean",
+    "description": "Applies a more prominent border-radius for a squared shape button for all buttons"
   },
   "q-pagination/glossy": {
     "type": "boolean",
     "description": "Applies a glossy effect for all buttons"
   },
-  "q-pagination/dense": {
-    "type": "boolean",
-    "description": "Dense mode; occupies less space"
+  "q-pagination/gutter": {
+    "type": "string",
+    "description": "Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)"
   },
   "q-pagination/padding": {
     "type": "string",
     "description": "Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set"
   },
+  "q-pagination/input-style": {
+    "type": "string|array|object",
+    "description": "Style definitions to be attributed to the input (if using one)"
+  },
+  "q-pagination/input-class": {
+    "type": "string|array|object",
+    "description": "Class definitions to be attributed to the input (if using one)"
+  },
+  "q-pagination/ripple": {
+    "type": "boolean|object",
+    "description": "Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons"
+  },
   "q-parallax/src": {
     "type": "string",
     "description": "Path to image (unless a 'media' slot is used)"