quasar 2.15.4 → 2.16.0

package/dist/types/index.d.ts

@@ -3625,10 +3625,12 @@ export interface QBreadcrumbsElProps {
   replace?: boolean | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--active'
    */
   activeClass?: string | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--exact-active'
    */
   exactActiveClass?: string | undefined;
   /**
@@ -3898,7 +3900,7 @@ export interface QBtnDropdownProps {
    */
   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
+   * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
    */
   modelValue?: boolean;
   /**
@@ -4494,7 +4496,7 @@ export interface QCarouselProps {
   /**
    * Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.
    */
-  modelValue?: any;
+  modelValue: any;
   /**
    * Equivalent to using Vue's native <keep-alive> component on the content
    */
@@ -4565,6 +4567,7 @@ export interface QCarouselProps {
   controlTextColor?: NamedColor | undefined;
   /**
    * Type of button to use for controls (arrows, navigation)
+   * Default value: 'flat'
    */
   controlType?:
     | "regular"
@@ -4575,7 +4578,6 @@ export interface QCarouselProps {
     | undefined;
   /**
    * Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals
-   * Default value: false
    */
   autoplay?: number | boolean | undefined;
   /**
@@ -4616,6 +4618,11 @@ export interface QCarouselProps {
    * @param value Fullscreen state (showing/hidden)
    */
   onFullscreen?: (value: boolean) => void;
+  /**
+   * Used by Vue on 'v-model:fullscreen' prop for updating its value
+   * @param value Fullscreen state (showing/hidden)
+   */
+  "onUpdate:fullscreen"?: (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
@@ -4857,6 +4864,7 @@ export interface QCheckboxProps {
   size?: string | undefined;
   /**
    * Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
   modelValue: any | any[];
   /**
@@ -4880,7 +4888,6 @@ export interface QCheckboxProps {
   indeterminateValue?: any | undefined;
   /**
    * Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...
-   * Default value: 'tf'
    */
   toggleOrder?: "tf" | "ft" | undefined;
   /**
@@ -5104,7 +5111,6 @@ export interface QCircularProgressProps {
   trackColor?: NamedColor | undefined;
   /**
    * Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size
-   * Default value: '0.25em'
    */
   fontSize?: string | undefined;
   /**
@@ -5614,8 +5620,9 @@ export interface QDialogProps {
   transitionDuration?: string | number | undefined;
   /**
    * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
-  modelValue?: boolean;
+  modelValue?: boolean | null;
   /**
    * User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it
    */
@@ -5758,8 +5765,9 @@ export interface QDialog extends ComponentPublicInstance<QDialogProps> {
 export interface QDrawerProps {
   /**
    * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
-  modelValue?: boolean;
+  modelValue?: boolean | null;
   /**
    * Side to attach to
    * Default value: 'left'
@@ -5780,7 +5788,7 @@ export interface QDrawerProps {
   mini?: boolean | undefined;
   /**
    * Width of drawer (in pixels) when in mini mode
-   * Default value: 60
+   * Default value: 57
    */
   miniWidth?: number | undefined;
   /**
@@ -5981,7 +5989,7 @@ export interface QEditorProps {
   fonts?: any | undefined;
   /**
    * An array of arrays of Objects/Strings that you use to define the construction of the elements and commands available in the toolbar
-   * Default value: [ [ 'left', 'center', 'right', 'justify' ], [ 'bold', 'italic', 'underline', 'strike' ], [ 'undo', 'redo' ]
+   * Default value: [ [ 'left', 'center', 'right', 'justify' ], [ 'bold', 'italic', 'underline', 'strike' ], [ 'undo', 'redo' ] ]
    */
   toolbar?: readonly any[] | undefined;
   /**
@@ -6016,6 +6024,7 @@ export interface QEditorProps {
   toolbarRounded?: boolean | undefined;
   /**
    * Paragraph tag to be used
+   * Default value: 'div'
    */
   paragraphTag?: "div" | "p" | undefined;
   /**
@@ -6035,6 +6044,11 @@ export interface QEditorProps {
    * @param value Fullscreen state (showing/hidden)
    */
   onFullscreen?: (value: boolean) => void;
+  /**
+   * Used by Vue on 'v-model:fullscreen' prop for updating its value
+   * @param value Fullscreen state (showing/hidden)
+   */
+  "onUpdate:fullscreen"?: (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
@@ -6131,10 +6145,12 @@ export interface QExpansionItemProps {
   replace?: boolean | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--active'
    */
   activeClass?: string | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--exact-active'
    */
   exactActiveClass?: string | undefined;
   /**
@@ -6150,9 +6166,10 @@ export interface QExpansionItemProps {
    */
   disable?: boolean | undefined;
   /**
-   * Model of the component defining 'open' state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
+   * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
-  modelValue?: boolean;
+  modelValue?: boolean | null;
   /**
    * 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)
    */
@@ -6385,10 +6402,12 @@ export interface QFabProps {
   externalLabel?: boolean | undefined;
   /**
    * The label that will be shown when Fab is extended
+   * Default value: ''
    */
   label?: string | number | undefined;
   /**
    * Position of the label around the icon
+   * Default value: 'right'
    */
   labelPosition?: "top" | "right" | "bottom" | "left" | undefined;
   /**
@@ -6418,8 +6437,9 @@ export interface QFabProps {
   tabindex?: number | string | undefined;
   /**
    * Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event
+   * Default value: null
    */
-  modelValue?: boolean;
+  modelValue?: boolean | null;
   /**
    * 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)
    */
@@ -6576,15 +6596,16 @@ export interface QFabActionProps {
   externalLabel?: boolean | undefined;
   /**
    * The label that will be shown when Fab is extended
+   * Default value: ''
    */
   label?: string | number | undefined;
   /**
    * Position of the label around the icon
+   * Default value: 'right'
    */
   labelPosition?: "top" | "right" | "bottom" | "left" | undefined;
   /**
    * Hide the label; Useful for animation purposes where you toggle the visibility of the label
-   * Default value: null
    */
   hideLabel?: boolean | null | undefined;
   /**
@@ -6609,6 +6630,7 @@ export interface QFabActionProps {
   tabindex?: number | string | undefined;
   /**
    * 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)
+   * Default value: ''
    */
   icon?: string | undefined;
   /**
@@ -6681,6 +6703,7 @@ export interface QFieldProps {
   reactiveRules?: boolean | undefined;
   /**
    * If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself
+   * Default value: false
    */
   lazyRules?: boolean | "ondemand" | undefined;
   /**
@@ -6809,11 +6832,6 @@ export interface QFieldProps {
    * Default value: 'label'
    */
   tag?: string | undefined;
-  /**
-   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
-   * @param value The previous value before clearing it
-   */
-  onClear?: (value: any) => void;
   /**
    * Emitted when the model changes, only when used with 'clearable' or the 'control' scoped slot.
    * @param value New model value
@@ -6829,6 +6847,11 @@ export interface QFieldProps {
    * @param evt JS event object
    */
   onBlur?: (evt: Event) => void;
+  /**
+   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
+   * @param value The previous value before clearing it
+   */
+  onClear?: (value: any) => void;
 }
 
 export interface QFieldSlots {
@@ -6921,11 +6944,11 @@ export interface QField extends ComponentPublicInstance<QFieldProps> {
    */
   validate: (value?: any) => boolean | Promise<boolean>;
   /**
-   * Focus field
+   * Focus component
    */
   focus: () => void;
   /**
-   * Blur field (lose focus)
+   * Blur component (lose focus)
    */
   blur: () => void;
   /**
@@ -6996,6 +7019,7 @@ export interface QFileProps {
   reactiveRules?: boolean | undefined;
   /**
    * If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself
+   * Default value: false
    */
   lazyRules?: boolean | "ondemand" | undefined;
   /**
@@ -7150,6 +7174,7 @@ export interface QFileProps {
     | undefined;
   /**
    * Tabindex HTML attribute value
+   * Default value: 0
    */
   tabindex?: number | string | undefined;
   /**
@@ -7165,16 +7190,26 @@ export interface QFileProps {
    * @param rejectedEntries Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation
    */
   onRejected?: (rejectedEntries: QRejectedEntry[]) => void;
-  /**
-   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
-   * @param value The previous value before clearing it
-   */
-  onClear?: (value: any) => void;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
    */
   "onUpdate:modelValue"?: (value: any) => void;
+  /**
+   * Emitted when component gets focused
+   * @param evt JS event object
+   */
+  onFocus?: (evt: Event) => void;
+  /**
+   * Emitted when component loses focus
+   * @param evt JS event object
+   */
+  onBlur?: (evt: Event) => void;
+  /**
+   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
+   * @param value The previous value before clearing it
+   */
+  onClear?: (value: any) => void;
 }
 
 export interface QFileSlots {
@@ -7546,7 +7581,7 @@ export interface QImgProps {
   errorSrc?: string | undefined;
   /**
    * Use it when not specifying 'ratio' but still wanting an initial aspect ratio
-   * Default value: 1.77778
+   * Default value: 1.7778
    */
   initialRatio?: string | number | undefined;
   /**
@@ -7768,7 +7803,7 @@ export interface QInnerLoadingProps {
    * Size in CSS units, including unit name, or standard size name (xs|sm|md|lg|xl), for the inner Spinner (unless using the default slot)
    * Default value: '42px'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * State - loading or not
    */
@@ -7854,6 +7889,7 @@ export interface QInputProps {
   reactiveRules?: boolean | undefined;
   /**
    * If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself
+   * Default value: false
    */
   lazyRules?: boolean | "ondemand" | undefined;
   /**
@@ -8015,11 +8051,6 @@ export interface QInputProps {
    * Style definitions to be attributed to the underlying input tag
    */
   inputStyle?: VueStyleProp | undefined;
-  /**
-   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
-   * @param value The previous value before clearing it
-   */
-  onClear?: (value: any) => void;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
@@ -8035,6 +8066,11 @@ export interface QInputProps {
    * @param evt JS event object
    */
   onBlur?: (evt: Event) => void;
+  /**
+   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
+   * @param value The previous value before clearing it
+   */
+  onClear?: (value: any) => void;
 }
 
 export interface QInputSlots {
@@ -8194,10 +8230,12 @@ export interface QItemProps {
   replace?: boolean | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--active'
    */
   activeClass?: string | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--exact-active'
    */
   exactActiveClass?: string | undefined;
   /**
@@ -8398,10 +8436,12 @@ export interface QKnobProps {
   modelValue: number;
   /**
    * The minimum value that the model (the knob value) should start at
+   * Default value: 0
    */
   min?: number | undefined;
   /**
    * The maximum value that the model (the knob value) should go to
+   * Default value: 100
    */
   max?: number | undefined;
   /**
@@ -8439,9 +8479,12 @@ export interface QKnobProps {
   trackColor?: NamedColor | undefined;
   /**
    * Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size
-   * Default value: '0.25em'
    */
   fontSize?: string | undefined;
+  /**
+   * Rounding the arc of progress
+   */
+  rounded?: boolean | undefined;
   /**
    * Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size
    * Default value: 0.2
@@ -8458,6 +8501,7 @@ export interface QKnobProps {
   showValue?: boolean | undefined;
   /**
    * Tabindex HTML attribute value
+   * Default value: 0
    */
   tabindex?: number | string | undefined;
   /**
@@ -8702,8 +8746,9 @@ export interface QMenuProps {
   contextMenu?: boolean | undefined;
   /**
    * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
-  modelValue?: boolean;
+  modelValue?: boolean | null;
   /**
    * Notify the component that the background is a dark color
    * Default value: null
@@ -9032,7 +9077,6 @@ export interface QPageProps {
   padding?: boolean | undefined;
   /**
    * Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline
-   * Default value: # see source code
    * @param offset Header + Footer height (in pixels)
    * @param height Value in pixels of container height (if containerized) or window height otherwise
    * @returns Object with CSS properties to apply to Page DOM element
@@ -9251,8 +9295,9 @@ export interface QPaginationProps {
   textColor?: NamedColor | undefined;
   /**
    * The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)
+   * Default value: ''
    */
-  activeDesign?: "flat" | "outline" | "push" | "unelevated" | undefined;
+  activeDesign?: "flat" | "outline" | "push" | "unelevated" | "" | undefined;
   /**
    * Color name from the Quasar Color Palette for the ACTIVE button
    * Default value: 'primary'
@@ -9281,6 +9326,7 @@ export interface QPaginationProps {
   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
+   * Default value: '3px 2px'
    */
   padding?: string | undefined;
   /**
@@ -9330,6 +9376,7 @@ export interface QParallaxProps {
   height?: number | undefined;
   /**
    * Speed of parallax effect (0.0 < x < 1.0)
+   * Default value: 1
    */
   speed?: number | undefined;
   /**
@@ -9398,6 +9445,7 @@ export interface QPopupEditProps {
   color?: NamedColor | undefined;
   /**
    * Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline
+   * Default value: () => true
    * @param value Model to validate
    * @returns Is the model valid or not?
    */
@@ -9729,11 +9777,11 @@ export interface QRadioProps {
   /**
    * Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
    */
-  modelValue: number | string | null | undefined;
+  modelValue: any;
   /**
    * The actual value of the option with which model value is changed
    */
-  val: number | string | null | undefined;
+  val: any;
   /**
    * Label to display along the radio control (or use the default slot instead of this prop)
    */
@@ -9945,6 +9993,7 @@ export interface QRangeProps {
   tabindex?: number | string | undefined;
   /**
    * Model of the component of type { min, max } (both values must be between global min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
+   * Default value: { min: null, max: null }
    */
   modelValue:
     | {
@@ -10495,7 +10544,7 @@ export interface QSelectProps {
   virtualScrollHorizontal?: boolean | undefined;
   /**
    * Minimum number of items to render in the virtual list
-   * Default value: 30
+   * Default value: 10
    */
   virtualScrollSliceSize?: number | string | null | undefined;
   /**
@@ -10554,6 +10603,7 @@ export interface QSelectProps {
   reactiveRules?: boolean | undefined;
   /**
    * If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself
+   * Default value: false
    */
   lazyRules?: boolean | "ondemand" | undefined;
   /**
@@ -10808,14 +10858,18 @@ export interface QSelectProps {
    * Changing route app won't dismiss the popup (menu or dialog)
    */
   popupNoRouteDismiss?: boolean | undefined;
+  /**
+   * Use QChip to show what is currently selected
+   */
+  useChips?: boolean | undefined;
   /**
    * Use an input tag where users can type
    */
   useInput?: boolean | undefined;
   /**
-   * Use QChip to show what is currently selected
+   * Specify a max length for the inner input tag (if 'use-input' is enabled)
    */
-  useChips?: boolean | undefined;
+  maxlength?: string | number | undefined;
   /**
    * Fills the input with current value; Useful along with 'hide-selected'; Does NOT works along with 'multiple' selection
    */
@@ -10847,6 +10901,7 @@ export interface QSelectProps {
   inputStyle?: VueStyleProp | undefined;
   /**
    * Tabindex HTML attribute value
+   * Default value: 0
    */
   tabindex?: number | string | undefined;
   /**
@@ -10899,16 +10954,26 @@ export interface QSelectProps {
      */
     ref: QSelect;
   }) => void;
-  /**
-   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
-   * @param value The previous value before clearing it
-   */
-  onClear?: (value: any) => void;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
    */
   "onUpdate:modelValue"?: (value: any) => void;
+  /**
+   * Emitted when component gets focused
+   * @param evt JS event object
+   */
+  onFocus?: (evt: Event) => void;
+  /**
+   * Emitted when component loses focus
+   * @param evt JS event object
+   */
+  onBlur?: (evt: Event) => void;
+  /**
+   * When using the 'clearable' property, this event is emitted when the clear icon is clicked
+   * @param value The previous value before clearing it
+   */
+  onClear?: (value: any) => void;
   /**
    * Emitted when the value in the text input changes
    * @param value New text value
@@ -11254,7 +11319,6 @@ export interface QSeparatorProps {
   dark?: boolean | null | undefined;
   /**
    * If set to true, the corresponding direction margins will be set to 8px; It can also be set to a size in CSS units, including unit name, or one of the xs|sm|md|lg|xl predefined sizes
-   * Default value: 'md'
    */
   spaced?: boolean | string | undefined;
   /**
@@ -11320,7 +11384,7 @@ export interface QSkeletonProps {
     | undefined;
   /**
    * Animation speed (in milliseconds, without unit)
-   * Default value: 300
+   * Default value: 1500
    */
   animationSpeed?: string | number | undefined;
   /**
@@ -11663,6 +11727,7 @@ export interface QSliderProps {
   tabindex?: number | string | undefined;
   /**
    * Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
+   * Default value: null
    */
   modelValue: number | null | undefined;
   /**
@@ -11752,8 +11817,9 @@ export interface QSpace extends ComponentPublicInstance<QSpaceProps> {}
 export interface QSpinnerProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11772,8 +11838,9 @@ export interface QSpinner extends ComponentPublicInstance<QSpinnerProps> {}
 export interface QSpinnerAudioProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11788,8 +11855,9 @@ export interface QSpinnerAudio
 export interface QSpinnerBallProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11804,8 +11872,9 @@ export interface QSpinnerBall
 export interface QSpinnerBarsProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11820,8 +11889,9 @@ export interface QSpinnerBars
 export interface QSpinnerBoxProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11836,8 +11906,9 @@ export interface QSpinnerBox
 export interface QSpinnerClockProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11852,8 +11923,9 @@ export interface QSpinnerClock
 export interface QSpinnerCommentProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11868,8 +11940,9 @@ export interface QSpinnerComment
 export interface QSpinnerCubeProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11884,8 +11957,9 @@ export interface QSpinnerCube
 export interface QSpinnerDotsProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11900,8 +11974,9 @@ export interface QSpinnerDots
 export interface QSpinnerFacebookProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11916,8 +11991,9 @@ export interface QSpinnerFacebook
 export interface QSpinnerGearsProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11932,8 +12008,9 @@ export interface QSpinnerGears
 export interface QSpinnerGridProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11948,8 +12025,9 @@ export interface QSpinnerGrid
 export interface QSpinnerHeartsProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11964,8 +12042,9 @@ export interface QSpinnerHearts
 export interface QSpinnerHourglassProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11980,8 +12059,9 @@ export interface QSpinnerHourglass
 export interface QSpinnerInfinityProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -11996,8 +12076,9 @@ export interface QSpinnerInfinity
 export interface QSpinnerIosProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12012,8 +12093,9 @@ export interface QSpinnerIos
 export interface QSpinnerOrbitProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12028,8 +12110,9 @@ export interface QSpinnerOrbit
 export interface QSpinnerOvalProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12044,8 +12127,9 @@ export interface QSpinnerOval
 export interface QSpinnerPieProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12060,8 +12144,9 @@ export interface QSpinnerPie
 export interface QSpinnerPuffProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12076,8 +12161,9 @@ export interface QSpinnerPuff
 export interface QSpinnerRadioProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12092,8 +12178,9 @@ export interface QSpinnerRadio
 export interface QSpinnerRingsProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12108,8 +12195,9 @@ export interface QSpinnerRings
 export interface QSpinnerTailProps {
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
+   * Default value: '1em'
    */
-  size?: string | undefined;
+  size?: string | number | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12170,8 +12258,9 @@ export interface QSplitterProps {
   separatorStyle?: VueStyleProp | undefined;
   /**
    * Applies a default lighter color on the separator; To be used when background is darker; Avoid using when you are overriding through separator-class or separator-style props
+   * Default value: null
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Emitted when component's model value changes; Is also used by v-model
    * @param value New model value (0.0 < x < 100.0) defining the ratio between panels
@@ -12281,7 +12370,7 @@ export interface QStepperProps {
   /**
    * Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.
    */
-  modelValue?: any;
+  modelValue: any;
   /**
    * Equivalent to using Vue's native <keep-alive> component on the content
    */
@@ -12479,7 +12568,7 @@ export interface QTabPanelsProps {
   /**
    * Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.
    */
-  modelValue?: any;
+  modelValue: any;
   /**
    * Equivalent to using Vue's native <keep-alive> component on the content
    */
@@ -12527,6 +12616,11 @@ export interface QTabPanelsProps {
    * Default value: 300
    */
   transitionDuration?: string | number | undefined;
+  /**
+   * Notify the component that the background is a dark color
+   * Default value: null
+   */
+  dark?: boolean | null | undefined;
   /**
    * 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
@@ -12604,7 +12698,7 @@ export interface QTableProps {
    * Minimum number of rows to render in the virtual list
    * Default value: 30
    */
-  virtualScrollSliceSize?: number | string | undefined;
+  virtualScrollSliceSize?: number | string | null | undefined;
   /**
    * Ratio of number of rows in visible zone to render before it
    * Default value: 1
@@ -12895,7 +12989,6 @@ export interface QTableProps {
   filter?: string | any | undefined;
   /**
    * The actual filtering mechanism; For best performance, reference it from your scope and do not define it inline
-   * Default value: # see source code
    * @param rows Array of rows
    * @param terms Terms to filter with (is essentially the 'filter' prop value)
    * @param cols Column definitions
@@ -12939,7 +13032,7 @@ export interface QTableProps {
     | undefined;
   /**
    * Options for user to pick (Numbers); Number 0 means 'Show all rows in one page'
-   * Default value: [ 3, 5, 7, 10, 15, 20, 25, 50, 0 ]
+   * Default value: [ 5, 7, 10, 15, 20, 25, 50, 0 ]
    */
   rowsPerPageOptions?: readonly any[] | undefined;
   /**
@@ -12954,12 +13047,10 @@ export interface QTableProps {
   selected?: any[] | undefined;
   /**
    * Keeps the array with expanded rows keys
-   * Default value: []
    */
   expanded?: any[] | undefined;
   /**
    * The actual sort mechanism. Function (rows, sortBy, descending) => sorted rows; For best performance, reference it from your scope and do not define it inline
-   * Default value: # see source code
    * @param rows Array with rows
    * @param sortBy Column name (from column definition)
    * @param descending Is sorting in descending order?
@@ -12977,6 +13068,11 @@ export interface QTableProps {
    * @param value Fullscreen state (showing/hidden)
    */
   onFullscreen?: (value: boolean) => void;
+  /**
+   * Used by Vue on 'v-model:fullscreen' prop for updating its value
+   * @param value Fullscreen state (showing/hidden)
+   */
+  "onUpdate:fullscreen"?: (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
@@ -14255,10 +14351,12 @@ export interface QRouteTabProps {
   replace?: boolean | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--active'
    */
   activeClass?: string | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
+   * Default value: 'q-router-link--exact-active'
    */
   exactActiveClass?: string | undefined;
   /**
@@ -14679,6 +14777,7 @@ export interface QTime extends ComponentPublicInstance<QTimeProps> {
 export interface QTimelineProps {
   /**
    * Color name for component from the Quasar Color Palette
+   * Default value: 'primary'
    */
   color?: NamedColor | undefined;
   /**
@@ -14777,6 +14876,7 @@ export interface QToggleProps {
   size?: string | undefined;
   /**
    * Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
   modelValue: any | any[];
   /**
@@ -14800,7 +14900,6 @@ export interface QToggleProps {
   indeterminateValue?: any | undefined;
   /**
    * Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...
-   * Default value: 'tf'
    */
   toggleOrder?: "tf" | "ft" | undefined;
   /**
@@ -14931,10 +15030,20 @@ export interface QTooltipProps {
    * Default value: 300
    */
   transitionDuration?: string | number | undefined;
+  /**
+   * Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists)
+   * Default value: true
+   */
+  target?: boolean | string | Element | undefined;
+  /**
+   * Skips attaching events to the target DOM element (that trigger the element to get shown)
+   */
+  noParentEvent?: boolean | undefined;
   /**
    * Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
+   * Default value: null
    */
-  modelValue?: boolean;
+  modelValue?: boolean | null;
   /**
    * The maximum height of the Tooltip; Size in CSS units, including unit name
    * Default value: null
@@ -14996,15 +15105,6 @@ export interface QTooltipProps {
    * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
    */
   scrollTarget?: Element | string | undefined;
-  /**
-   * Configure a target element to trigger Tooltip toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) it attaches the events to the specified DOM element (if it exists)
-   * Default value: true
-   */
-  target?: boolean | string | undefined;
-  /**
-   * Skips attaching events to the target DOM element (that trigger the element to get shown)
-   */
-  noParentEvent?: boolean | undefined;
   /**
    * Configure Tooltip to appear with delay
    * Default value: 0
@@ -15170,7 +15270,6 @@ export interface QTreeProps {
   filter?: string | undefined;
   /**
    * The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline
-   * Default value: # see source code
    * @param node Node currently being filtered
    * @param filter Filter text to match against
    * @returns Matches or not
@@ -15824,7 +15923,7 @@ export interface QVirtualScrollProps {
   virtualScrollHorizontal?: boolean | undefined;
   /**
    * Minimum number of items to render in the virtual list
-   * Default value: 30
+   * Default value: 10
    */
   virtualScrollSliceSize?: number | string | null | undefined;
   /**
@@ -15868,7 +15967,6 @@ export interface QVirtualScrollProps {
   items?: readonly any[] | undefined;
   /**
    * Number of available items in the list; Required and used only if 'itemsFn' is provided
-   * Default value: # void 0
    */
   itemsSize?: number | undefined;
   /**