quasar 2.3.1 → 2.4.0

package/dist/types/index.d.ts

@@ -27,24 +27,24 @@ export interface AppFullscreen {
   /**
    * The DOM element used as root for fullscreen, otherwise 'null'
    */
-  activeEl: LooseDictionary;
+  activeEl: Element | null;
   /**
    * Request going into Fullscreen (with optional target)
    * @param target Optional Element of target to request Fullscreen on
-   * @returns A Promise with the outcome (true -> validation was a success, false -> invalid models detected)
+   * @returns A Promise which is resolved when transitioned to fullscreen mode. It gets rejected with 'Not capable' if the browser is not capable, and with an Error object if something else went wrong.
    */
-  request: (target?: Element) => Promise<any>;
+  request: (target?: Element) => Promise<void>;
   /**
    * Request exiting out of Fullscreen mode
-   * @returns A Promise with the outcome (true -> validation was a success, false -> invalid models detected)
+   * @returns A Promise which is resolved when exited out of fullscreen mode. It gets rejected with 'Not capable' if the browser is not capable, and with an Error object if something else went wrong.
    */
-  exit: () => Promise<any>;
+  exit: () => Promise<void>;
   /**
    * Request toggling Fullscreen mode (with optional target if requesting going into Fullscreen only)
    * @param target Optional Element of target to request Fullscreen on
-   * @returns A Promise with the outcome (true -> validation was a success, false -> invalid models detected)
+   * @returns A Promise which is resolved when transitioned to / exited out of fullscreen mode. It gets rejected with 'Not capable' if the browser is not capable, and with an Error object if something else went wrong.
    */
-  toggle: (target?: Element) => Promise<any>;
+  toggle: (target?: Element) => Promise<void>;
 }
 
 export interface AppVisibility {
@@ -156,9 +156,9 @@ export interface Cookies {
        */
       domain?: string;
       /**
-       * SameSite cookie option (not supported by IE11)
+       * SameSite cookie option
        */
-      sameSite?: string;
+      sameSite?: "Lax" | "Strict" | "None";
       /**
        * Is cookie Http Only?
        */
@@ -254,7 +254,6 @@ export interface Loading {
     message?: string;
     /**
      * Render the message as HTML; This can lead to XSS attacks so make sure that you sanitize the message first
-     * Default value: false
      */
     html?: boolean;
     /**
@@ -351,9 +350,9 @@ export interface LoadingBar {
   increment: (amount?: number) => void;
   /**
    * Set the inner QAjaxBar's props
-   * @param ...props QAjaxBar component props
+   * @param props QAjaxBar component props
    */
-  setDefaults: (...props: any[]) => void;
+  setDefaults: (props: LooseDictionary) => void;
 }
 
 export interface LocalStorage {
@@ -1383,25 +1382,33 @@ export interface QBreadcrumbs
 
 export interface QBreadcrumbsElProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property
+   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
   to?: string | LooseDictionary | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
+  /**
+   * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  href?: string | undefined;
+  /**
+   * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  target?: string | undefined;
   /**
    * Put component in disabled mode
    */
@@ -1440,28 +1447,32 @@ export interface QBtnDropdownProps {
   /**
    * Controls Menu show/hidden state; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
    */
-  modelValue: boolean;
+  modelValue?: boolean;
   /**
    * Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)
    */
   size?: string | undefined;
   /**
-   * Define the button HTML DOM type
+   * 1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag
    * Default value: button
    */
-  type?: "a" | "submit" | "button" | "reset" | undefined;
+  type?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'to' property
+   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
   to?: string | LooseDictionary | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'append' property
+   * Native <a> link href attribute; Has priority over the 'to' and 'replace' props
    */
-  append?: boolean | undefined;
+  href?: string | undefined;
+  /**
+   * Native <a> link target attribute; Use it only with 'to' or 'href' props
+   */
+  target?: string | undefined;
   /**
    * The text that will be shown on the button
    */
@@ -1796,7 +1807,10 @@ export interface QBtnToggleProps {
      * Slot name to use for this button content; Useful for customizing content or even add tooltips
      */
     slot?: string;
-    [index: string]: any;
+    /**
+     * Any other QBtn props (including class and style)
+     */
+    [props: string]: any;
   }[];
   /**
    * Color name for component from the Quasar Color Palette
@@ -1904,6 +1918,10 @@ export interface QBtnToggleSlots {
    * Suggestions: QTooltip, QBadge
    */
   default: () => VNode[];
+  /**
+   * Any other dynamic slots to be used with 'slot' property of the 'options' prop
+   */
+  [key: string]: () => VNode[];
 }
 
 export interface QBtnToggle extends ComponentPublicInstance<QBtnToggleProps> {}
@@ -1914,22 +1932,26 @@ export interface QBtnProps {
    */
   size?: string | undefined;
   /**
-   * Define the button HTML DOM type
+   * 1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag
    * Default value: button
    */
-  type?: "a" | "submit" | "button" | "reset" | undefined;
+  type?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'to' property
+   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
   to?: string | LooseDictionary | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'append' property
+   * Native <a> link href attribute; Has priority over the 'to' and 'replace' props
    */
-  append?: boolean | undefined;
+  href?: string | undefined;
+  /**
+   * Native <a> link target attribute; Use it only with 'to' or 'href' props
+   */
+  target?: string | undefined;
   /**
    * The text that will be shown on the button
    */
@@ -2344,6 +2366,7 @@ export interface QCarouselSlots {
     btnProps: LooseDictionary;
     /**
      * Default trigger when clicked/tapped on
+     * @param evt JS event object
      */
     onClick: (evt: LooseDictionary) => void;
   }) => VNode[];
@@ -2473,22 +2496,18 @@ export interface QChatMessageProps {
   size?: string | undefined;
   /**
    * Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first
-   * Default value: false
    */
   labelHtml?: boolean | undefined;
   /**
    * Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first
-   * Default value: false
    */
   nameHtml?: boolean | undefined;
   /**
    * Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first
-   * Default value: false
    */
   textHtml?: boolean | undefined;
   /**
    * Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first
-   * Default value: false
    */
   stampHtml?: boolean | undefined;
 }
@@ -2975,14 +2994,20 @@ export interface QDateProps {
   yearsInMonthView?: boolean | undefined;
   /**
    * A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param date The current date being processed.
+   * @returns If true, the current date will be highlighted
    */
   events?: any[] | ((date: string) => boolean) | undefined;
   /**
    * Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param date The current date being processed.
+   * @returns Color for the current date.
    */
   eventColor?: string | ((date: string) => string) | undefined;
   /**
    * Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline; Incompatible with 'range' prop
+   * @param date The current date being processed.
+   * @returns If true, the current date will be made available for selection
    */
   options?: any[] | ((date: string) => boolean) | undefined;
   /**
@@ -3055,7 +3080,7 @@ export interface QDateProps {
       /**
        * Object of properties of the range starting point (only if range)
        */
-      from: {
+      from?: {
         /**
          * The year
          */
@@ -3072,7 +3097,7 @@ export interface QDateProps {
       /**
        * Object of properties of the range ending point (only if range)
        */
-      to: {
+      to?: {
         /**
          * The year
          */
@@ -3617,6 +3642,7 @@ export interface QEditorProps {
         param?: string;
         /**
          * Is button disabled?
+         * @returns If true, the button will be disabled
          */
         disable?: boolean | (() => boolean);
         /**
@@ -3738,25 +3764,33 @@ export interface QEditor extends ComponentPublicInstance<QEditorProps> {
 
 export interface QExpansionItemProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property
+   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
   to?: string | LooseDictionary | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
+  /**
+   * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  href?: string | undefined;
+  /**
+   * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  target?: string | undefined;
   /**
    * Put component in disabled mode
    */
@@ -4059,6 +4093,36 @@ export interface QFabSlots {
    * Slot specifically designed for a QTooltip
    */
   tooltip: () => VNode[];
+  /**
+   * Slot for icon shown when FAB is closed; Suggestion: QIcon
+   * @param scope
+   */
+  icon: (scope: {
+    /**
+     * FAB is opened
+     */
+    opened: boolean;
+  }) => VNode[];
+  /**
+   * Slot for icon shown when FAB is opened; Suggestion: QIcon
+   * @param scope
+   */
+  "active-icon": (scope: {
+    /**
+     * FAB is opened
+     */
+    opened: boolean;
+  }) => VNode[];
+  /**
+   * Slot for label
+   * @param scope
+   */
+  label: (scope: {
+    /**
+     * FAB is opened
+     */
+    opened: boolean;
+  }) => VNode[];
 }
 
 export interface QFab extends ComponentPublicInstance<QFabProps> {
@@ -4181,6 +4245,14 @@ export interface QFabActionSlots {
    * Suggestion for this slot: QTooltip
    */
   default: () => VNode[];
+  /**
+   * Slot for icon; Suggestion: QIcon
+   */
+  icon: () => VNode[];
+  /**
+   * Slot for label
+   */
+  label: () => VNode[];
 }
 
 export interface QFabAction extends ComponentPublicInstance<QFabActionProps> {
@@ -4211,7 +4283,7 @@ export interface QFieldProps {
   /**
    * Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules
    */
-  rules?: any[] | undefined;
+  rules?: ValidationRule[] | undefined;
   /**
    * By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it
    */
@@ -4419,7 +4491,7 @@ export interface QFieldSlots {
     /**
      * DOM element of the field
      */
-    field: LooseDictionary;
+    field: Element;
     /**
      * Field is editable
      */
@@ -4438,6 +4510,7 @@ export interface QFieldSlots {
     modelValue: any;
     /**
      * Function that emits an @input event in the context of the field
+     * @param value Value to be emitted
      */
     emitValue: (value: any) => void;
   }) => VNode[];
@@ -4499,6 +4572,8 @@ export interface QFileProps {
   maxFiles?: number | string | undefined;
   /**
    * Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline
+   * @param files Candidate files to be added to queue
+   * @returns Filtered files to be added to queue
    */
   filter?: ((files: FileList | any[]) => any[]) | undefined;
   /**
@@ -4520,7 +4595,7 @@ export interface QFileProps {
   /**
    * Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules
    */
-  rules?: any[] | undefined;
+  rules?: ValidationRule[] | undefined;
   /**
    * By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it
    */
@@ -4659,6 +4734,8 @@ export interface QFileProps {
   useChips?: boolean | undefined;
   /**
    * Label for the counter; The 'counter' prop is necessary to enable this one
+   * @param props Object containing counter label information
+   * @returns String to display for the counter label
    */
   counterLabel?:
     | ((props: {
@@ -4762,7 +4839,7 @@ export interface QFileSlots {
     /**
      * Reference to the QFile component
      */
-    ref: LooseDictionary;
+    ref: QFile;
   }) => VNode[];
   /**
    * Override default selection slot; Suggestion: QChip
@@ -4776,7 +4853,7 @@ export interface QFileSlots {
     /**
      * Reference to the QFile component
      */
-    ref: LooseDictionary;
+    ref: QFile;
   }) => VNode[];
 }
 
@@ -4898,7 +4975,7 @@ export interface QFormProps {
    * Emitted after a validation was triggered and at least one of the inner Quasar components models are NOT valid
    * @param ref Vue reference to the first component that triggered the validation error
    */
-  onValidationError?: (ref: LooseDictionary) => void;
+  onValidationError?: (ref: Component) => void;
 }
 
 export interface QFormSlots {
@@ -5196,7 +5273,7 @@ export interface QInfiniteScrollProps {
    * @param index The index parameter can be used to make some sort of pagination on the content you load. It takes numeric values starting with 1 and incrementing with each call
    * @param done Function to call when you made all necessary updates. DO NOT forget to call it otherwise your loading message will continue to be displayed
    */
-  onLoad?: (index: number, done: (stop: boolean) => void) => void;
+  onLoad?: (index: number, done: (stop?: boolean) => void) => void;
 }
 
 export interface QInfiniteScrollSlots {
@@ -5339,7 +5416,7 @@ export interface QInputProps {
   /**
    * Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules
    */
-  rules?: any[] | undefined;
+  rules?: ValidationRule[] | undefined;
   /**
    * By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it
    */
@@ -5658,25 +5735,33 @@ export interface QIntersection
 
 export interface QItemProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property
+   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
   to?: string | LooseDictionary | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
+  /**
+   * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  href?: string | undefined;
+  /**
+   * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  target?: string | undefined;
   /**
    * Put component in disabled mode
    */
@@ -6342,7 +6427,10 @@ export interface QOptionGroupProps {
          * If true, the option will be disabled
          */
         disable?: boolean;
-        [index: string]: any;
+        /**
+         * Any other props from QToggle, QCheckbox, or QRadio
+         */
+        [props: string]: any;
       }[]
     | undefined;
   /**
@@ -6392,19 +6480,48 @@ export interface QOptionGroupProps {
 export interface QOptionGroupSlots {
   /**
    * Generic slot for all labels
-   * @param scope
+   * @param scope The corresponding option entry from the 'options' prop
    */
   label: (scope: {
     /**
-     * The corresponding option entry from the 'options' prop
+     * Label to display along the component
+     */
+    label: string;
+    /**
+     * Value of the option that will be used by the component model
+     */
+    value: any;
+    /**
+     * If true, the option will be disabled
      */
-    opt: LooseDictionary;
+    disable?: boolean;
+    /**
+     * Any other props from QToggle, QCheckbox, or QRadio
+     */
+    [props: string]: any;
   }) => VNode[];
   /**
    * Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used
-   * @param scope
+   * @param scope The corresponding option entry from the 'options' prop
    */
-  [key: `label-${string}`]: (scope: { [index: string]: any }) => VNode[];
+  [key: `label-${string}`]: (scope: {
+    /**
+     * Label to display along the component
+     */
+    label: string;
+    /**
+     * Value of the option that will be used by the component model
+     */
+    value: any;
+    /**
+     * If true, the option will be disabled
+     */
+    disable?: boolean;
+    /**
+     * Any other props from QToggle, QCheckbox, or QRadio
+     */
+    [props: string]: any;
+  }) => VNode[];
 }
 
 export interface QOptionGroup
@@ -6503,6 +6620,9 @@ export interface QPageProps {
   /**
    * 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
    */
   styleFn?: ((offset: number, height: number) => LooseDictionary) | undefined;
 }
@@ -6540,7 +6660,6 @@ export interface QPaginationProps {
   min?: number | undefined;
   /**
    * Number of last page (must be higher than 'min')
-   * Default value: 100
    */
   max: number;
   /**
@@ -6603,6 +6722,8 @@ export interface QPaginationProps {
   iconLast?: string | undefined;
   /**
    * Generate link for page buttons; For best performance, reference it from your scope and do not define it inline
+   * @param page Page number to navigate to
+   * @returns Object or String that can be passed to a <router-link> as `to` parameter
    */
   toFn?: ((page: number) => LooseDictionary | string) | undefined;
   /**
@@ -6768,6 +6889,8 @@ export interface QPopupEditProps {
   color?: string | 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
+   * @param value Model to validate
+   * @returns Is the model valid or not?
    */
   validate?: ((value: any) => boolean) | undefined;
   /**
@@ -6902,6 +7025,8 @@ export interface QPopupEditSlots {
     value: any;
     /**
      * Function that checks if the value is valid
+     * @param value Value to be checked
+     * @returns Checked value is valid or not
      */
     validate: (value: any) => boolean;
     /**
@@ -7147,35 +7272,31 @@ export interface QRangeProps {
    */
   name?: 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
-   */
-  modelValue:
-    | {
-        /**
-         * Model value for left thumb
-         */
-        min?: number | null;
-        /**
-         * Model value for right thumb
-         */
-        max?: number | null;
-      }
-    | null
-    | undefined;
-  /**
-   * Minimum value of the model
+   * Minimum value of the model; Set track's minimum value
    */
   min?: number | undefined;
   /**
-   * Maximum value of the model
+   * Maximum value of the model; Set track's maximum value
    * Default value: 100
    */
   max?: number | undefined;
+  /**
+   * Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop
+   */
+  innerMin?: number | undefined;
+  /**
+   * Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop
+   */
+  innerMax?: number | undefined;
   /**
    * Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity
    * Default value: 1
    */
   step?: number | undefined;
+  /**
+   * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+   */
+  snap?: boolean | undefined;
   /**
    * Work in reverse (changes direction)
    */
@@ -7185,67 +7306,92 @@ export interface QRangeProps {
    */
   vertical?: boolean | undefined;
   /**
-   * User can drag range instead of just the two thumbs
+   * Color name for component from the Quasar Color Palette
    */
-  dragRange?: boolean | undefined;
+  color?: string | undefined;
   /**
-   * User can drag only the range instead and NOT the two thumbs
+   * Color name for the track (can be 'transparent' too) from the Quasar Color Palette
    */
-  dragOnlyRange?: boolean | undefined;
+  trackColor?: string | undefined;
   /**
-   * Color name for component from the Quasar Color Palette
+   * Apply a pattern image on the track
    */
-  color?: string | undefined;
+  trackImg?: string | undefined;
+  /**
+   * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette
+   */
+  innerTrackColor?: string | undefined;
   /**
-   * Popup labels (for left and right thumbs) when user clicks/taps on the slider thumb and moves it
+   * Apply a pattern image on the inner track
+   */
+  innerTrackImg?: string | undefined;
+  /**
+   * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette
+   */
+  selectionColor?: string | undefined;
+  /**
+   * Apply a pattern image on the selection bar
+   */
+  selectionImg?: string | undefined;
+  /**
+   * Popup a label when user clicks/taps on the slider thumb and moves it
    */
   label?: boolean | undefined;
   /**
-   * Color name for labels background from the Quasar Color Palette; Applies to both labels, unless specific label color props are used
+   * Color name for component from the Quasar Color Palette
    */
   labelColor?: string | undefined;
   /**
-   * Color name for labels text from the Quasar Color Palette; Applies to both labels, unless specific label text color props are used
+   * Color name for component from the Quasar Color Palette
    */
   labelTextColor?: string | undefined;
   /**
-   * Color name for left label background from the Quasar Color Palette
+   * Switch the position of the label (top <-> bottom or left <-> right)
    */
-  leftLabelColor?: string | undefined;
+  switchLabelSide?: boolean | undefined;
   /**
-   * Color name for left label text from the Quasar Color Palette
+   * Always display the label
    */
-  leftLabelTextColor?: string | undefined;
+  labelAlways?: boolean | undefined;
   /**
-   * Color name for right label background from the Quasar Color Palette
+   * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)
    */
-  rightLabelColor?: string | undefined;
+  markers?: boolean | number | undefined;
   /**
-   * Color name for right label text from the Quasar Color Palette
+   * Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition
+   * @param value The marker value to transform
+   * @returns Marker definition Object or directly a String for the label of the marker
    */
-  rightLabelTextColor?: string | undefined;
+  markerLabels?:
+    | SliderMarkerLabels
+    | SliderMarkerLabels
+    | SliderMarkerLabels
+    | SliderMarkerLabels
+    | undefined;
   /**
-   * Override default label for min value
+   * CSS class(es) to apply to the marker labels container
    */
-  leftLabelValue?: string | number | undefined;
+  markerLabelsClass?: string | undefined;
   /**
-   * Override default label for max value
+   * Switch the position of the marker labels (top <-> bottom or left <-> right)
    */
-  rightLabelValue?: string | number | undefined;
+  switchMarkerLabelsSide?: boolean | undefined;
   /**
-   * Always display the labels
+   * Track size (including CSS unit)
+   * Default value: 4px
    */
-  labelAlways?: boolean | undefined;
+  trackSize?: string | undefined;
   /**
-   * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)
+   * Thumb size (including CSS unit)
+   * Default value: 20px
    */
-  markers?: boolean | number | undefined;
+  thumbSize?: string | undefined;
   /**
-   * Snap thumbs on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+   * Color name for component from the Quasar Color Palette
    */
-  snap?: boolean | undefined;
+  thumbColor?: string | undefined;
   /**
-   * Set custom thumbs svg path
+   * Set custom thumb svg path
    * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0
    */
   thumbPath?: string | undefined;
@@ -7270,12 +7416,63 @@ export interface QRangeProps {
    */
   tabindex?: number | string | undefined;
   /**
-   * Emitted when the component needs to change the model; Is also used by v-model
-   * @param value New model value
+   * 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
    */
-  "onUpdate:modelValue"?: (value: any) => void;
+  modelValue:
+    | {
+        /**
+         * Model value for left thumb
+         */
+        min?: number | null;
+        /**
+         * Model value for right thumb
+         */
+        max?: number | null;
+      }
+    | null
+    | undefined;
   /**
-   * Emitted on lazy model value change (after user slides then releases thumb)
+   * User can drag range instead of just the two thumbs
+   */
+  dragRange?: boolean | undefined;
+  /**
+   * User can drag only the range instead and NOT the two thumbs
+   */
+  dragOnlyRange?: boolean | undefined;
+  /**
+   * Color name for left label background from the Quasar Color Palette
+   */
+  leftLabelColor?: string | undefined;
+  /**
+   * Color name for left label text from the Quasar Color Palette
+   */
+  leftLabelTextColor?: string | undefined;
+  /**
+   * Color name for right label background from the Quasar Color Palette
+   */
+  rightLabelColor?: string | undefined;
+  /**
+   * Color name for right label text from the Quasar Color Palette
+   */
+  rightLabelTextColor?: string | undefined;
+  /**
+   * Override default label for min value
+   */
+  leftLabelValue?: string | number | undefined;
+  /**
+   * Override default label for max value
+   */
+  rightLabelValue?: string | number | undefined;
+  /**
+   * Color name (from the Quasar Color Palette) for left thumb
+   */
+  leftThumbColor?: string | undefined;
+  /**
+   * Color name (from the Quasar Color Palette) for right thumb
+   */
+  rightThumbColor?: string | undefined;
+  /**
+   * Emitted on lazy model value change (after user slides then releases the thumb)
    * @param value New model value
    */
   onChange?: (value: any) => void;
@@ -7284,9 +7481,67 @@ export interface QRangeProps {
    * @param phase Phase of panning
    */
   onPan?: (phase: "start" | "end") => 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;
 }
 
-export interface QRangeSlots {}
+export interface QRangeSlots {
+  /**
+   * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>
+   * @param scope
+   */
+  "marker-label": (scope: {
+    /**
+     * Config for current marker label
+     */
+    marker: SliderMarkerLabelConfig;
+    /**
+     * Array of marker label configs
+     */
+    markerList: SliderMarkerLabelArrayConfig[];
+    /**
+     * Object with key-value where key is the model and the value is the marker label config
+     */
+    markerMap: SliderMarkerLabelObjectConfig;
+    /**
+     * Required CSS classes to be applied to the marker element
+     */
+    classes: string;
+    /**
+     * Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap
+     * @param value The marker label equivalent model value
+     * @returns CSS style Object to apply to a marker element at respective model value
+     */
+    getStyle: (value: number) => LooseDictionary;
+  }) => VNode[];
+  /**
+   * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>
+   * @param scope
+   */
+  "marker-label-group": (scope: {
+    /**
+     * Array of marker label configs
+     */
+    markerList: SliderMarkerLabelArrayConfig[];
+    /**
+     * Object with key-value where key is the model and the value is the marker label config
+     */
+    markerMap: SliderMarkerLabelObjectConfig;
+    /**
+     * Required CSS classes to be applied to the marker element
+     */
+    classes: string;
+    /**
+     * Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap
+     * @param value The marker label equivalent model value
+     * @returns CSS style Object to apply to a marker element at respective model value
+     */
+    getStyle: (value: number) => LooseDictionary;
+  }) => VNode[];
+}
 
 export interface QRange extends ComponentPublicInstance<QRangeProps> {}
 
@@ -7472,7 +7727,7 @@ export interface QScrollAreaProps {
     /**
      * Vue reference to the QScrollArea which triggered the event
      */
-    ref: LooseDictionary;
+    ref: QScrollArea;
     /**
      * Vertical scroll position (in px)
      */
@@ -7520,7 +7775,7 @@ export interface QScrollArea extends ComponentPublicInstance<QScrollAreaProps> {
    * Get the scrolling DOM element target
    * @returns DOM element upon which scrolling takes place
    */
-  getScrollTarget: () => LooseDictionary;
+  getScrollTarget: () => Element;
   /**
    * Get the current scroll information
    * @returns Scroll information
@@ -7741,7 +7996,7 @@ export interface QSelectProps {
   /**
    * Model of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
    */
-  modelValue: number | string | any[] | null | undefined;
+  modelValue: any;
   /**
    * Does field have validation errors?
    */
@@ -7757,7 +8012,7 @@ export interface QSelectProps {
   /**
    * Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules
    */
-  rules?: any[] | undefined;
+  rules?: ValidationRule[] | undefined;
   /**
    * By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it
    */
@@ -7892,7 +8147,6 @@ export interface QSelectProps {
   displayValue?: number | string | undefined;
   /**
    * Force render the selected option(s) as HTML; This can lead to XSS attacks so make sure that you sanitize the content; Does NOT apply when using 'selected' or 'selected-item' slots!
-   * Default value: false
    */
   displayValueHtml?: boolean | undefined;
   /**
@@ -7903,6 +8157,8 @@ export interface QSelectProps {
   /**
    * Property of option which holds the 'value'; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: value
+   * @param option The current option being processed
+   * @returns Value of the current option
    */
   optionValue?:
     | ((option: string | LooseDictionary) => any)
@@ -7911,6 +8167,8 @@ export interface QSelectProps {
   /**
    * Property of option which holds the 'label'; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: label
+   * @param option The current option being processed
+   * @returns Label of the current option
    */
   optionLabel?:
     | ((option: string | LooseDictionary) => string)
@@ -7919,6 +8177,8 @@ export interface QSelectProps {
   /**
    * Property of option which tells it's disabled; The value of the property must be a Boolean; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: disable
+   * @param option The current option being processed
+   * @returns If true, the current option will be disabled
    */
   optionDisable?:
     | ((option: string | LooseDictionary) => boolean)
@@ -7954,7 +8214,6 @@ export interface QSelectProps {
   optionsSelectedClass?: string | undefined;
   /**
    * Force render the options as HTML; This can lead to XSS attacks so make sure that you sanitize the content; Does NOT apply when using 'option' slot!
-   * Default value: false
    */
   optionsHtml?: boolean | undefined;
   /**
@@ -8104,9 +8363,9 @@ export interface QSelectProps {
      */
     direction: "increase" | "decrease";
     /**
-     * Vue reference to the QVirtualList which triggered the event
+     * Vue reference to the QSelect
      */
-    ref: LooseDictionary;
+    ref: QSelect;
   }) => void;
   /**
    * When using the 'clearable' property, this event is emitted when the clear icon is clicked
@@ -8158,7 +8417,7 @@ export interface QSelectProps {
    */
   onNewValue?: (
     inputValue: string,
-    doneFn: (item: any, mode: "add" | "add-unique" | "toggle") => void
+    doneFn: (item?: any, mode?: "add" | "add-unique" | "toggle") => void
   ) => void;
   /**
    * Emitted when user wants to filter a value
@@ -8168,10 +8427,7 @@ export interface QSelectProps {
    */
   onFilter?: (
     inputValue: string,
-    doneFn: (
-      callbackFn: () => void,
-      afterFn: (ref: LooseDictionary) => void
-    ) => void,
+    doneFn: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
     abortFn: () => void
   ) => void;
   /**
@@ -8272,10 +8528,12 @@ export interface QSelectSlots {
     selected: boolean;
     /**
      * Remove selected option located at specific index
+     * @param index Index at which to remove selection
      */
     removeAtIndex: (index: number) => void;
     /**
      * Add/remove option from model
+     * @param opt Option to add to model
      */
     toggleOption: (opt: any) => void;
     /**
@@ -8306,10 +8564,12 @@ export interface QSelectSlots {
     focused: boolean;
     /**
      * Add/remove option from model
+     * @param opt Option to add to model
      */
     toggleOption: (opt: any) => void;
     /**
      * Sets option from menu as 'focused'
+     * @param index Index of option from menu
      */
     setOptionIndex: (index: number) => void;
     /**
@@ -8412,7 +8672,7 @@ export interface QSelect extends ComponentPublicInstance<QSelectProps> {
    * @param value String to set the input value to
    * @param noFilter Set to true if you don't want the filter (if any) to be also triggered
    */
-  updateInputValue: (value?: string, noFilter?: boolean) => void;
+  updateInputValue: (value: string, noFilter?: boolean) => void;
   /**
    * Tells if an option is selected
    * @param opt Option entry
@@ -8717,23 +8977,31 @@ export interface QSliderProps {
    */
   name?: 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
-   */
-  modelValue: number | null | undefined;
-  /**
-   * Minimum value of the model
+   * Minimum value of the model; Set track's minimum value
    */
   min?: number | undefined;
   /**
-   * Maximum value of the model
+   * Maximum value of the model; Set track's maximum value
    * Default value: 100
    */
   max?: number | undefined;
+  /**
+   * Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop
+   */
+  innerMin?: number | undefined;
+  /**
+   * Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop
+   */
+  innerMax?: number | undefined;
   /**
    * Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity
    * Default value: 1
    */
   step?: number | undefined;
+  /**
+   * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+   */
+  snap?: boolean | undefined;
   /**
    * Work in reverse (changes direction)
    */
@@ -8746,6 +9014,30 @@ export interface QSliderProps {
    * Color name for component from the Quasar Color Palette
    */
   color?: string | undefined;
+  /**
+   * Color name for the track (can be 'transparent' too) from the Quasar Color Palette
+   */
+  trackColor?: string | undefined;
+  /**
+   * Apply a pattern image on the track
+   */
+  trackImg?: string | undefined;
+  /**
+   * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette
+   */
+  innerTrackColor?: string | undefined;
+  /**
+   * Apply a pattern image on the inner track
+   */
+  innerTrackImg?: string | undefined;
+  /**
+   * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette
+   */
+  selectionColor?: string | undefined;
+  /**
+   * Apply a pattern image on the selection bar
+   */
+  selectionImg?: string | undefined;
   /**
    * Popup a label when user clicks/taps on the slider thumb and moves it
    */
@@ -8759,9 +9051,9 @@ export interface QSliderProps {
    */
   labelTextColor?: string | undefined;
   /**
-   * Override default label value
+   * Switch the position of the label (top <-> bottom or left <-> right)
    */
-  labelValue?: string | number | undefined;
+  switchLabelSide?: boolean | undefined;
   /**
    * Always display the label
    */
@@ -8771,9 +9063,38 @@ export interface QSliderProps {
    */
   markers?: boolean | number | undefined;
   /**
-   * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+   * Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition
+   * @param value The marker value to transform
+   * @returns Marker definition Object or directly a String for the label of the marker
    */
-  snap?: boolean | undefined;
+  markerLabels?:
+    | SliderMarkerLabels
+    | SliderMarkerLabels
+    | SliderMarkerLabels
+    | SliderMarkerLabels
+    | undefined;
+  /**
+   * CSS class(es) to apply to the marker labels container
+   */
+  markerLabelsClass?: string | undefined;
+  /**
+   * Switch the position of the marker labels (top <-> bottom or left <-> right)
+   */
+  switchMarkerLabelsSide?: boolean | undefined;
+  /**
+   * Track size (including CSS unit)
+   * Default value: 4px
+   */
+  trackSize?: string | undefined;
+  /**
+   * Thumb size (including CSS unit)
+   * Default value: 20px
+   */
+  thumbSize?: string | undefined;
+  /**
+   * Color name for component from the Quasar Color Palette
+   */
+  thumbColor?: string | undefined;
   /**
    * Set custom thumb svg path
    * Default value: M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0
@@ -8800,10 +9121,13 @@ export interface QSliderProps {
    */
   tabindex?: number | string | undefined;
   /**
-   * Emitted when the component needs to change the model; Is also used by v-model
-   * @param value New model value
+   * 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
    */
-  "onUpdate:modelValue"?: (value: number | null) => void;
+  modelValue: number | null | undefined;
+  /**
+   * Override default label value
+   */
+  labelValue?: string | number | undefined;
   /**
    * Emitted on lazy model value change (after user slides then releases the thumb)
    * @param value New model value
@@ -8814,9 +9138,67 @@ export interface QSliderProps {
    * @param phase Phase of panning
    */
   onPan?: (phase: "start" | "end") => void;
+  /**
+   * Emitted when the component needs to change the model; Is also used by v-model
+   * @param value New model value
+   */
+  "onUpdate:modelValue"?: (value: number | null) => void;
 }
 
-export interface QSliderSlots {}
+export interface QSliderSlots {
+  /**
+   * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>
+   * @param scope
+   */
+  "marker-label": (scope: {
+    /**
+     * Config for current marker label
+     */
+    marker: SliderMarkerLabelConfig;
+    /**
+     * Array of marker label configs
+     */
+    markerList: SliderMarkerLabelArrayConfig[];
+    /**
+     * Object with key-value where key is the model and the value is the marker label config
+     */
+    markerMap: SliderMarkerLabelObjectConfig;
+    /**
+     * Required CSS classes to be applied to the marker element
+     */
+    classes: string;
+    /**
+     * Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap
+     * @param value The marker label equivalent model value
+     * @returns CSS style Object to apply to a marker element at respective model value
+     */
+    getStyle: (value: number) => LooseDictionary;
+  }) => VNode[];
+  /**
+   * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>
+   * @param scope
+   */
+  "marker-label-group": (scope: {
+    /**
+     * Array of marker label configs
+     */
+    markerList: SliderMarkerLabelArrayConfig[];
+    /**
+     * Object with key-value where key is the model and the value is the marker label config
+     */
+    markerMap: SliderMarkerLabelObjectConfig;
+    /**
+     * Required CSS classes to be applied to the marker element
+     */
+    classes: string;
+    /**
+     * Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap
+     * @param value The marker label equivalent model value
+     * @returns CSS style Object to apply to a marker element at respective model value
+     */
+    getStyle: (value: number) => LooseDictionary;
+  }) => VNode[];
+}
 
 export interface QSlider extends ComponentPublicInstance<QSliderProps> {}
 
@@ -9668,6 +10050,8 @@ export interface QTableProps {
   /**
    * Property of each row that defines the unique key of each row (the result must be a primitive, not Object, Array, etc); The value of property must be string or a function taking a row and returning the desired (nested) key in the row; If supplying a function then for best performance, reference it from your scope and do not define it inline
    * Default value: id
+   * @param row The current row being processed
+   * @returns Current row's key
    */
   rowKey?: string | ((row: LooseDictionary) => any) | undefined;
   /**
@@ -9756,6 +10140,8 @@ export interface QTableProps {
         label: string;
         /**
          * Row Object property to determine value for this column or function which maps to the required property
+         * @param row The current row being processed
+         * @returns Value for this column
          */
         field: string | ((row: LooseDictionary) => any);
         /**
@@ -9773,6 +10159,11 @@ export interface QTableProps {
         sortable?: boolean;
         /**
          * Compare function if you have some custom data or want a specific way to compare two rows
+         * @param a Value of the first comparison term
+         * @param b Value of the second comparison term
+         * @param rowA Full Row object in which is contained the first term
+         * @param rowB Full Row object in which is contained the second term
+         * @returns Comparison result of term 'a' with term 'b'. Less than 0 when 'a' should come first; greater than 0 if 'b' should come first; equal to 0 if their position must not be changed with respect to each other
          */
         sort?: (
           a: any,
@@ -9787,14 +10178,19 @@ export interface QTableProps {
         sortOrder?: "ad" | "da";
         /**
          * Function you can apply to format your data
+         * @param val Value of the cell
+         * @param row Full Row object in which the cell is contained
+         * @returns The resulting formatted value
          */
         format?: (val: any, row: LooseDictionary) => any;
         /**
          * Style to apply on normal cells of the column
+         * @param row The current row being processed
          */
         style?: string | ((row: LooseDictionary) => string);
         /**
          * Classes to add on normal cells of the column
+         * @param row The current row being processed
          */
         classes?: string | ((row: LooseDictionary) => string);
         /**
@@ -9887,6 +10283,8 @@ export interface QTableProps {
   loadingLabel?: string | undefined;
   /**
    * Text to display when user selected at least one row; For best performance, reference it from your scope and do not define it inline
+   * @param numberOfRows Number of rows available
+   * @returns Label to display
    */
   selectedRowsLabel?: ((numberOfRows: number) => string) | undefined;
   /**
@@ -9895,6 +10293,10 @@ export interface QTableProps {
   rowsPerPageLabel?: string | undefined;
   /**
    * Text to override default pagination label at bottom of table (unless 'pagination' scoped slot is used); For best performance, reference it from your scope and do not define it inline
+   * @param firstRowIndex Index of first displayed row
+   * @param endRowIndex Index of last displayed row
+   * @param totalRowsNumber Number of total rows available in data
+   * @returns Label to display
    */
   paginationLabel?:
     | ((
@@ -9946,6 +10348,11 @@ export interface QTableProps {
   /**
    * 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
+   * @param getCellValue Optional function to get a cell value
+   * @returns Filtered rows
    */
   filterMethod?:
     | ((
@@ -10005,6 +10412,10 @@ export interface QTableProps {
   /**
    * 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?
+   * @returns Sorted rows
    */
   sortMethod?:
     | ((rows: any[], sortBy: string, descending: boolean) => any[])
@@ -10070,15 +10481,23 @@ export interface QTableProps {
     };
     /**
      * Filter method (the 'filter-method' prop)
+     * @param rows Array of rows
+     * @param terms Terms to filter with (is essentially the 'filter' prop value)
+     * @param cols Optional column definitions
+     * @param getCellValue Optional function to get a cell value
+     * @returns Filtered rows
      */
     filter: (
       rows: any[],
       terms: string | LooseDictionary,
-      cols: any[],
-      getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+      cols?: any[],
+      getCellValue?: (col: LooseDictionary, row: LooseDictionary) => any
     ) => any[];
     /**
-     * Optional function to get a cell value
+     * Function to get a cell value
+     * @param col Column name from column definitions
+     * @param row The row object
+     * @returns Parsed/Processed cell value
      */
     getCellValue: (col: LooseDictionary, row: LooseDictionary) => any;
   }) => void;
@@ -10125,6 +10544,10 @@ export interface QTableProps {
      * How many rows per page? 0 means Infinite
      */
     rowsPerPage: number;
+    /**
+     * For server-side fetching only. How many total database rows are there to be added to the table.
+     */
+    rowsNumber?: number;
   }) => void;
   /**
    * Used by Vue on 'v-model:selected' prop for updating its value
@@ -10196,6 +10619,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10208,7 +10632,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10251,6 +10674,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10263,7 +10687,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10318,6 +10741,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10330,7 +10754,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10381,6 +10804,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10393,7 +10817,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10420,6 +10843,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10432,7 +10856,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10471,6 +10894,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10483,7 +10907,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10514,6 +10937,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10526,7 +10950,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10569,6 +10992,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10581,7 +11005,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10608,6 +11031,7 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
     sort: (col: string | LooseDictionary) => void;
     /**
@@ -10620,7 +11044,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -11087,12 +11510,17 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
     };
     /**
      * Filtering method (the 'filter-method' prop)
+     * @param rows Array of rows
+     * @param terms Terms to filter with (is essentially the 'filter' prop value)
+     * @param cols Optional column definitions
+     * @param getCellValue Optional function to get a cell value
+     * @returns Filtered rows
      */
     filter?: (
       rows: any[],
       terms: string | LooseDictionary,
-      cols: any[],
-      getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+      cols?: any[],
+      getCellValue?: (col?: LooseDictionary, row?: LooseDictionary) => any
     ) => any[];
   }) => void;
   /**
@@ -11170,7 +11598,7 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
   /**
    * Scroll the table to the row with the specified index in page (0 based)
    * @param index The index of the row in page (0 based)
-   * @param edge Only for virtual scroll - the edge to align to if the row is not visible already (by default it aligns to end if scrolling towards the end and to start otherwise); If the '-force' version is used then it always aligns
+   * @param edge Only for virtual scroll - the edge to align to if the row is not visible already; If the '-force' version is used then it always aligns
    */
   scrollTo: (
     index: string | number,
@@ -11250,25 +11678,33 @@ export interface QTr extends ComponentPublicInstance<QTrProps> {}
 
 export interface QRouteTabProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property
+   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to: string | LooseDictionary;
+  to?: string | LooseDictionary | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
+  /**
+   * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  href?: string | undefined;
+  /**
+   * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props
+   */
+  target?: string | undefined;
   /**
    * Put component in disabled mode
    */
@@ -11571,6 +12007,9 @@ export interface QTimeProps {
   defaultDate?: string | undefined;
   /**
    * Optionally configure what time is the user allowed to set; Overridden by 'hour-options', 'minute-options' and 'second-options' if those are set; For best performance, reference it from your scope and do not define it inline
+   * @param hr Hour
+   * @param min Minutes
+   * @param sec Seconds
    */
   options?: ((hr: number, min: number, sec: number) => void) | undefined;
   /**
@@ -12121,6 +12560,9 @@ export interface QTreeProps {
   /**
    * 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
    */
   filterMethod?:
     | ((node: LooseDictionary, filter: string) => boolean)
@@ -12158,8 +12600,9 @@ export interface QTreeProps {
     key: string;
     /**
      * The callback to be carried out when the loading is successful
+     * @param children Array of nodes
      */
-    done: (children: any[]) => void;
+    done: (children?: any[]) => void;
     /**
      * The callback to be carried out should the loading fails
      */
@@ -12202,7 +12645,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12236,7 +12679,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12270,7 +12713,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12304,7 +12747,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12378,24 +12821,34 @@ export interface QTree extends ComponentPublicInstance<QTreeProps> {
 export interface QUploaderProps {
   /**
    * Function which should return an Object or a Promise resolving with an Object; For best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns Optional configuration for the upload process; You can override QUploader props in this Object (url, method, headers, formFields, fieldName, withCredentials, sendRaw); Props of these Object can also be Functions with the form of (file[s]) => value
    */
   factory?: ((files: any[]) => LooseDictionary | Promise<any>) | undefined;
   /**
    * URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns URL or path to the server which handles the upload
    */
   url?: string | ((files: any[]) => string) | undefined;
   /**
    * HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: POST
+   * @param files Uploaded files
+   * @returns HTTP method to use for upload
    */
   method?: "POST" | "PUT" | ((files: any[]) => string) | undefined;
   /**
    * Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name="__HERE__"; filename="somefile.png"; If using a function then for best performance, reference it from your scope and do not define it inline
    * Default value: (file) => file.name
+   * @param files The current file being processed
+   * @returns Field name for the current file upload
    */
   fieldName?: string | ((files: File) => string) | undefined;
   /**
    * Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns An array consists of objects with header definitions
    */
   headers?:
     | {
@@ -12412,6 +12865,8 @@ export interface QUploaderProps {
     | undefined;
   /**
    * Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns An array consists of objects with additional fields definitions (used by Form to be uploaded)
    */
   formFields?:
     | {
@@ -12428,14 +12883,20 @@ export interface QUploaderProps {
     | undefined;
   /**
    * Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns If true, withCredentials will be set to true on the XHR that manages the upload
    */
   withCredentials?: boolean | ((files: any[]) => boolean) | undefined;
   /**
    * Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns If true, raw files will get sent without wrapping into a Form()
    */
   sendRaw?: boolean | ((files: any[]) => boolean) | undefined;
   /**
    * Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline
+   * @param files Uploaded files
+   * @returns If true, files will be uploaded in a batch (in one XHR request)
    */
   batch?: boolean | ((files: any[]) => boolean) | undefined;
   /**
@@ -12464,6 +12925,8 @@ export interface QUploaderProps {
   maxFiles?: number | string | undefined;
   /**
    * Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline
+   * @param files Candidate files to be added to queue
+   * @returns Filtered files to be added to queue
    */
   filter?: ((files: FileList | any[]) => any[]) | undefined;
   /**
@@ -12558,10 +13021,10 @@ export interface QUploaderProps {
   }) => void;
   /**
    * Emitted when factory function is supplied with a Promise which is rejected
-   * @param err Error Object which is the Promise rejection reason
+   * @param err Error object which is the Promise rejection reason
    * @param files Files which were to get uploaded
    */
-  onFactoryFailed?: (err: LooseDictionary, files: any[]) => void;
+  onFactoryFailed?: (err: Error, files: any[]) => void;
   /**
    * Emitted after files are picked and some do not pass the validation props (accept, max-file-size, max-total-size, filter, etc)
    * @param rejectedEntries Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation
@@ -12590,12 +13053,14 @@ export interface QUploaderProps {
 export interface QUploaderSlots {
   /**
    * Slot for custom header; Scope is the QUploader instance itself
+   * @param scope QUploader instance
    */
-  header: () => VNode[];
+  header: (scope: QUploader) => VNode[];
   /**
    * Slot for custom list; Scope is the QUploader instance itself
+   * @param scope QUploader instance
    */
-  list: () => VNode[];
+  list: (scope: QUploader) => VNode[];
 }
 
 export interface QUploader extends ComponentPublicInstance<QUploaderProps> {
@@ -12714,6 +13179,9 @@ export interface QVirtualScrollProps {
   itemsSize?: number | undefined;
   /**
    * Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length; For best performance, reference it from your scope and do not define it inline
+   * @param from Index of the first item (0 based)
+   * @param size Number of items to return
+   * @returns List of scope for items to be displayed
    */
   itemsFn?: ((from: number, size: number) => any[]) | undefined;
   /**
@@ -12742,9 +13210,9 @@ export interface QVirtualScrollProps {
      */
     direction: "increase" | "decrease";
     /**
-     * Vue reference to the QVirtualList which triggered the event
+     * Vue reference to the QVirtualScroll
      */
-    ref: LooseDictionary;
+    ref: QVirtualScroll;
   }) => void;
 }
 
@@ -12807,7 +13275,7 @@ export interface DialogChainObject {
    * @param callbackFn Tell what to do
    * @returns Chained Object
    */
-  onOk: (callbackFn: (payload: any) => void) => DialogChainObject;
+  onOk: (callbackFn: (payload?: any) => void) => DialogChainObject;
   /**
    * Receives a Function as param to tell what to do when Cancel is pressed / dialog is dismissed
    * @param callbackFn Tell what to do
@@ -12875,6 +13343,8 @@ export interface QDialogOptions {
     type?: string;
     /**
      * Is typed content valid?
+     * @param val The value of the input
+     * @returns The text passed validation or not
      */
     isValid?: (val: string) => boolean;
     /**
@@ -12945,6 +13415,8 @@ export interface QDialogOptions {
     items?: any[];
     /**
      * Is the model valid?
+     * @param model The current model (String if it's of type radio or Array otherwise)
+     * @returns The selection passed validation or not
      */
     isValid?: (model: string | any[]) => boolean;
   };
@@ -12966,11 +13438,27 @@ export interface QDialogOptions {
   /**
    * Props for an 'OK' button
    */
-  ok?: string | { [index: string]: any } | boolean;
+  ok?:
+    | string
+    | {
+        /**
+         * See QBtn for available props
+         */
+        [props: string]: any;
+      }
+    | boolean;
   /**
    * Props for a 'CANCEL' button
    */
-  cancel?: string | { [index: string]: any } | boolean;
+  cancel?:
+    | string
+    | {
+        /**
+         * See QBtn for available props
+         */
+        [props: string]: any;
+      }
+    | boolean;
   /**
    * What button to focus, unless you also have 'prompt' or 'options'
    * Default value: ok
@@ -13033,7 +13521,7 @@ export interface QDialogOptions {
   /**
    * Use custom dialog component; use along with 'componentProps' prop where possible
    */
-  component?: any;
+  component?: Component;
   /**
    * User defined props which will be forwarded to underlying custom component if 'component' prop is used
    */
@@ -13044,6 +13532,100 @@ import { WebStorageGetItemMethodType } from "./api";
 import { WebStorageGetIndexMethodType } from "./api";
 import { WebStorageGetKeyMethodType } from "./api";
 import { WebStorageGetAllKeysMethodType } from "./api";
+import { ValidationRule } from "./api";
+export interface SliderMarkerLabels {
+  /**
+   * Value of equivalent model where to position the marker
+   */
+  value: number;
+  /**
+   * Label to use
+   */
+  label?: number | string;
+  /**
+   * CSS classes to be attributed to the marker label
+   */
+  classes?: string | any[] | LooseDictionary;
+  /**
+   * Style definitions to be attributed to the marker label
+   */
+  style?: LooseDictionary;
+}
+
+export interface SliderMarkerLabelConfig {
+  /**
+   * Index of the marker label (0-based)
+   */
+  index?: number;
+  /**
+   * Equivalent model value for the marker label
+   */
+  value?: number;
+  /**
+   * Configured label for the marker
+   */
+  label?: number | string;
+  /**
+   * Required CSS classes to be applied to the marker element
+   */
+  classes?: string;
+  /**
+   * Style definitions to be attributed to the marker label
+   */
+  style?: LooseDictionary;
+}
+
+export interface SliderMarkerLabelArrayConfig {
+  /**
+   * Index of the marker label (0-based)
+   */
+  index?: number;
+  /**
+   * Equivalent model value for the marker label
+   */
+  value?: number;
+  /**
+   * Configured label for the marker
+   */
+  label?: number | string;
+  /**
+   * Required CSS classes to be applied to the marker element
+   */
+  classes?: string;
+  /**
+   * Style definitions to be attributed to the marker label
+   */
+  style?: LooseDictionary;
+}
+
+export interface SliderMarkerLabelObjectConfig {
+  /**
+   * Marker label config
+   */
+  [key: string]: {
+    /**
+     * Index of the marker label (0-based)
+     */
+    index?: number;
+    /**
+     * Equivalent model value for the marker label
+     */
+    value?: number;
+    /**
+     * Configured label for the marker
+     */
+    label?: number | string;
+    /**
+     * Required CSS classes to be applied to the marker element
+     */
+    classes?: string;
+    /**
+     * Style definitions to be attributed to the marker label
+     */
+    style?: LooseDictionary;
+  };
+}
+
 import { QVueGlobals, QSingletonGlobals } from "./globals";
 declare module "./globals" {
   export interface QVueGlobals {