quasar 2.3.0 → 2.3.4

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?
        */
@@ -351,9 +351,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 {
@@ -408,7 +408,7 @@ export interface LocalStorage {
       | RegExp
       | number
       | boolean
-      | Function
+      | ((...params: any[]) => any)
       | LooseDictionary
       | any[]
       | string
@@ -549,7 +549,7 @@ export interface Notify {
           /**
            * Function to call when notification gets dismissed
            */
-          onDismiss?: Function;
+          onDismiss?: () => void;
           /**
            * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
            */
@@ -564,7 +564,85 @@ export interface Notify {
           ignoreDefaults?: boolean;
         }
       | string
-  ) => Function;
+  ) => (props?: {
+    /**
+     * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
+     */
+    type?: string;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    color?: string;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    textColor?: string;
+    /**
+     * The content of your message
+     */
+    message?: string;
+    /**
+     * The content of your optional caption
+     */
+    caption?: string;
+    /**
+     * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
+     */
+    html?: boolean;
+    /**
+     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+     */
+    icon?: string;
+    /**
+     * URL to an avatar/image; Suggestion: use statics folder
+     */
+    avatar?: string;
+    /**
+     * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
+     */
+    spinner?: boolean | Component;
+    /**
+     * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
+     */
+    progress?: boolean;
+    /**
+     * Class definitions to be attributed to the progress bar
+     */
+    progressClass?: any[] | string | LooseDictionary;
+    /**
+     * Add CSS class(es) to the notification for easier customization
+     */
+    classes?: string;
+    /**
+     * Key-value for attributes to be set on the notification
+     */
+    attrs?: LooseDictionary;
+    /**
+     * Amount of time to display (in milliseconds)
+     * Default value: 5000
+     */
+    timeout?: number;
+    /**
+     * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
+     */
+    actions?: any[];
+    /**
+     * Function to call when notification gets dismissed
+     */
+    onDismiss?: () => void;
+    /**
+     * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
+     */
+    closeBtn?: boolean | string;
+    /**
+     * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
+     */
+    multiLine?: boolean;
+    /**
+     * Ignore the default configuration (set by setDefaults()) for this instance only
+     */
+    ignoreDefaults?: boolean;
+  }) => void;
   /**
    * Merge options into the default ones
    * @param opts Notification options
@@ -669,7 +747,7 @@ export interface Notify {
     /**
      * Function to call when notification gets dismissed
      */
-    onDismiss?: Function;
+    onDismiss?: () => void;
     /**
      * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
      */
@@ -786,7 +864,7 @@ export interface Notify {
       /**
        * Function to call when notification gets dismissed
        */
-      onDismiss?: Function;
+      onDismiss?: () => void;
       /**
        * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
        */
@@ -1015,7 +1093,7 @@ export interface SessionStorage {
       | RegExp
       | number
       | boolean
-      | Function
+      | ((...params: any[]) => any)
       | LooseDictionary
       | any[]
       | string
@@ -1362,7 +1440,7 @@ 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)
    */
@@ -1974,7 +2052,7 @@ export interface QBtnProps {
    * @param evt JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false
    * @param navigateFn When you need to control the time at which the button should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation
    */
-  onClick?: (evt: LooseDictionary, navigateFn: Function) => void;
+  onClick?: (evt: LooseDictionary, navigateFn: () => void) => void;
 }
 
 export interface QBtnSlots {
@@ -2266,8 +2344,9 @@ export interface QCarouselSlots {
     btnProps: LooseDictionary;
     /**
      * Default trigger when clicked/tapped on
+     * @param evt JS event object
      */
-    onClick: Function;
+    onClick: (evt: LooseDictionary) => void;
   }) => VNode[];
 }
 
@@ -2897,16 +2976,22 @@ 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[] | Function | undefined;
+  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 | Function | undefined;
+  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[] | Function | undefined;
+  options?: any[] | ((date: string) => boolean) | undefined;
   /**
    * Lock user from navigating below a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop
    */
@@ -2977,7 +3062,7 @@ export interface QDateProps {
       /**
        * Object of properties of the range starting point (only if range)
        */
-      from: {
+      from?: {
         /**
          * The year
          */
@@ -2994,7 +3079,7 @@ export interface QDateProps {
       /**
        * Object of properties of the range ending point (only if range)
        */
-      to: {
+      to?: {
         /**
          * The year
          */
@@ -3528,7 +3613,7 @@ export interface QEditorProps {
         /**
          * Either this or "cmd" is required. Function for when button gets clicked/tapped.
          */
-        handler?: Function;
+        handler?: () => void;
         /**
          * Either this or "handler" is required. This must be a valid execCommand method according to the designMode API.
          */
@@ -3538,9 +3623,10 @@ export interface QEditorProps {
          */
         param?: string;
         /**
-         * Is button disabled? If specifying a function, return a Boolean value.
+         * Is button disabled?
+         * @returns If true, the button will be disabled
          */
-        disable?: boolean | Function;
+        disable?: boolean | (() => boolean);
         /**
          * Pass the value "no-state" if the button should not have an "active" state
          */
@@ -4341,7 +4427,7 @@ export interface QFieldSlots {
     /**
      * DOM element of the field
      */
-    field: LooseDictionary;
+    field: Element;
     /**
      * Field is editable
      */
@@ -4360,8 +4446,9 @@ export interface QFieldSlots {
     modelValue: any;
     /**
      * Function that emits an @input event in the context of the field
+     * @param value Value to be emitted
      */
-    emitValue: Function;
+    emitValue: (value: any) => void;
   }) => VNode[];
   /**
    * undefined
@@ -4421,8 +4508,10 @@ 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?: Function | undefined;
+  filter?: ((files: FileList | any[]) => any[]) | undefined;
   /**
    * Model of the component; Must be FileList or Array if using 'multiple' prop; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive
    */
@@ -4581,8 +4670,25 @@ 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?: Function | undefined;
+  counterLabel?:
+    | ((props: {
+        /**
+         * The total size of files in human readable format
+         */
+        totalSize: string;
+        /**
+         * Number of picked files
+         */
+        filesNumber: number;
+        /**
+         * Maximum number of files (same as 'max-files' prop, if specified); When 'max-files' is not specified, this has 'void 0' as value
+         */
+        maxFiles: number | string;
+      }) => string)
+    | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -4669,7 +4775,7 @@ export interface QFileSlots {
     /**
      * Reference to the QFile component
      */
-    ref: LooseDictionary;
+    ref: QFile;
   }) => VNode[];
   /**
    * Override default selection slot; Suggestion: QChip
@@ -4683,7 +4789,7 @@ export interface QFileSlots {
     /**
      * Reference to the QFile component
      */
-    ref: LooseDictionary;
+    ref: QFile;
   }) => VNode[];
 }
 
@@ -4805,7 +4911,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 {
@@ -5103,7 +5209,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: Function) => void;
+  onLoad?: (index: number, done: (stop?: boolean) => void) => void;
 }
 
 export interface QInfiniteScrollSlots {
@@ -5537,6 +5643,11 @@ export interface QIntersectionProps {
    * One of Quasar's embedded transitions
    */
   transition?: string | undefined;
+  /**
+   * Transition duration (in milliseconds, without unit)
+   * Default value: 300
+   */
+  transitionDuration?: string | number | undefined;
   /**
    * Disable visibility observable (content will remain as it was, visible or hidden)
    */
@@ -6405,8 +6516,11 @@ 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?: Function | undefined;
+  styleFn?: ((offset: number, height: number) => LooseDictionary) | undefined;
 }
 
 export interface QPageSlots {
@@ -6442,7 +6556,6 @@ export interface QPaginationProps {
   min?: number | undefined;
   /**
    * Number of last page (must be higher than 'min')
-   * Default value: 100
    */
   max: number;
   /**
@@ -6505,8 +6618,10 @@ 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?: Function | undefined;
+  toFn?: ((page: number) => LooseDictionary | string) | undefined;
   /**
    * Show boundary button links
    */
@@ -6670,8 +6785,10 @@ 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?: Function | undefined;
+  validate?: ((value: any) => boolean) | undefined;
   /**
    * Put component in disabled mode
    */
@@ -6804,20 +6921,22 @@ 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: Function;
+    validate: (value: any) => boolean;
     /**
      * Function that sets the value and closes the popup
      */
-    set: Function;
+    set: () => void;
     /**
      * Function that cancels the editing and reverts the value to the initialValue
      */
-    cancel: Function;
+    cancel: () => void;
     /**
      * There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it
      */
-    updatePosition: Function;
+    updatePosition: () => void;
   }) => VNode[];
 }
 
@@ -6950,7 +7069,7 @@ export interface QPullToRefreshProps {
    * Called whenever a refresh is triggered; at this time, your function should load more data
    * @param done Call the done() function when your data has been refreshed
    */
-  onRefresh?: (done: Function) => void;
+  onRefresh?: (done: () => void) => void;
 }
 
 export interface QPullToRefreshSlots {
@@ -7368,13 +7487,13 @@ export interface QScrollAreaProps {
   tabindex?: number | string | undefined;
   /**
    * Emitted when scroll information changes (and listener is configured)
-   * @param info
+   * @param info An object containing scroll information
    */
   onScroll?: (info: {
     /**
      * Vue reference to the QScrollArea which triggered the event
      */
-    ref: LooseDictionary;
+    ref: QScrollArea;
     /**
      * Vertical scroll position (in px)
      */
@@ -7422,7 +7541,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
@@ -7431,61 +7550,63 @@ export interface QScrollArea extends ComponentPublicInstance<QScrollAreaProps> {
     /**
      * Vertical scroll position (in px)
      */
-    verticalPosition?: number;
+    verticalPosition: number;
     /**
      * Vertical scroll percentage (0.0 <= x <= 1.0)
      */
-    verticalPercentage?: number;
+    verticalPercentage: number;
     /**
      * Vertical scroll size (in px)
      */
-    verticalSize?: number;
+    verticalSize: number;
     /**
      * Height of the container (in px)
      */
-    verticalContainerSize?: number;
+    verticalContainerSize: number;
     /**
      * Horizontal scroll position (in px)
      */
-    horizontalPosition?: number;
+    horizontalPosition: number;
     /**
      * Horizontal scroll percentage (0.0 <= x <= 1.0)
      */
-    horizontalPercentage?: number;
+    horizontalPercentage: number;
     /**
      * Horizontal scroll size (in px)
      */
-    horizontalSize?: number;
+    horizontalSize: number;
     /**
      * Width of the container (in px)
      */
-    horizontalContainerSize?: number;
+    horizontalContainerSize: number;
   };
   /**
    * Get current scroll position
+   * @returns An object containing scroll position information
    */
   getScrollPosition: () => {
     /**
      * Scroll offset from top (vertical)
      */
-    top?: number;
+    top: number;
     /**
      * Scroll offset from left (horizontal)
      */
-    left?: number;
+    left: number;
   };
   /**
    * Get current scroll position in percentage (0.0 <= x <= 1.0)
+   * @returns An object containing scroll position information in percentage
    */
   getScrollPercentage: () => {
     /**
      * Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)
      */
-    top?: number;
+    top: number;
     /**
      * Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)
      */
-    left?: number;
+    left: number;
   };
   /**
    * Set scroll position to an offset; If a duration (in milliseconds) is specified then the scroll is animated
@@ -7641,7 +7762,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?
    */
@@ -7803,18 +7924,33 @@ 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?: Function | string | undefined;
+  optionValue?:
+    | ((option: string | LooseDictionary) => any)
+    | string
+    | undefined;
   /**
    * 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?: Function | string | undefined;
+  optionLabel?:
+    | ((option: string | LooseDictionary) => string)
+    | string
+    | undefined;
   /**
    * 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?: Function | string | undefined;
+  optionDisable?:
+    | ((option: string | LooseDictionary) => boolean)
+    | string
+    | undefined;
   /**
    * Hides selection; Use the underlying input tag to hold the label (instead of showing it to the right of the input) of the selected option; Only works for non 'multiple' Selects
    */
@@ -7995,9 +8131,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
@@ -8047,14 +8183,21 @@ export interface QSelectProps {
    * @param inputValue What the user typed
    * @param doneFn Adds (optional) value to the model; Do not forget to call it after you validate the newly created value; Call it with no parameters if nothing should be added
    */
-  onNewValue?: (inputValue: string, doneFn: Function) => void;
+  onNewValue?: (
+    inputValue: string,
+    doneFn: (item?: any, mode?: "add" | "add-unique" | "toggle") => void
+  ) => void;
   /**
    * Emitted when user wants to filter a value
    * @param inputValue What the user typed
    * @param doneFn Supply a function which makes the necessary updates
    * @param abortFn Call this function if something went wrong
    */
-  onFilter?: (inputValue: string, doneFn: Function, abortFn: Function) => void;
+  onFilter?: (
+    inputValue: string,
+    doneFn: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
+    abortFn: () => void
+  ) => void;
   /**
    * Emitted when a filtering was aborted; Probably a new one was requested?
    */
@@ -8153,12 +8296,14 @@ export interface QSelectSlots {
     selected: boolean;
     /**
      * Remove selected option located at specific index
+     * @param index Index at which to remove selection
      */
-    removeAtIndex: Function;
+    removeAtIndex: (index: number) => void;
     /**
      * Add/remove option from model
+     * @param opt Option to add to model
      */
-    toggleOption: Function;
+    toggleOption: (opt: any) => void;
     /**
      * Tabindex HTML attribute value associated with respective option
      */
@@ -8187,12 +8332,14 @@ export interface QSelectSlots {
     focused: boolean;
     /**
      * Add/remove option from model
+     * @param opt Option to add to model
      */
-    toggleOption: Function;
+    toggleOption: (opt: any) => void;
     /**
      * Sets option from menu as 'focused'
+     * @param index Index of option from menu
      */
-    setOptionIndex: Function;
+    setOptionIndex: (index: number) => void;
     /**
      * Computed properties passed down to QItem
      */
@@ -8293,7 +8440,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
@@ -8466,7 +8613,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted when user finished sliding the item to the right
@@ -8476,7 +8623,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted when user finished sliding the item up
@@ -8486,7 +8633,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted when user finished sliding the item down
@@ -8496,7 +8643,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
   /**
    * Emitted while user is sliding the item to one of the available sides
@@ -8528,7 +8675,7 @@ export interface QSlideItemProps {
     /**
      * When called, it resets the component to its initial non-slided state
      */
-    reset: Function;
+    reset: () => void;
   }) => void;
 }
 
@@ -9549,8 +9696,10 @@ 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 | Function | undefined;
+  rowKey?: string | ((row: LooseDictionary) => any) | undefined;
   /**
    * Display data using QVirtualScroll (for non-grid mode only)
    */
@@ -9637,8 +9786,10 @@ 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 | Function;
+        field: string | ((row: LooseDictionary) => any);
         /**
          * If we use visible-columns, this col will always be visible
          */
@@ -9654,8 +9805,18 @@ 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?: Function;
+        sort?: (
+          a: any,
+          b: any,
+          rowA: LooseDictionary,
+          rowB: LooseDictionary
+        ) => number;
         /**
          * Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); Overrides the 'column-sort-order' prop
          * Default value: ad
@@ -9663,16 +9824,21 @@ 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?: Function;
+        format?: (val: any, row: LooseDictionary) => any;
         /**
          * Style to apply on normal cells of the column
+         * @param row The current row being processed
          */
-        style?: string | Function;
+        style?: string | ((row: LooseDictionary) => string);
         /**
          * Classes to add on normal cells of the column
+         * @param row The current row being processed
          */
-        classes?: string | Function;
+        classes?: string | ((row: LooseDictionary) => string);
         /**
          * Style to apply on header cells of the column
          */
@@ -9763,16 +9929,28 @@ 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?: Function | undefined;
+  selectedRowsLabel?: ((numberOfRows: number) => string) | undefined;
   /**
    * Text to override default rows per page label at bottom of table
    */
   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
-   */
-  paginationLabel?: Function | undefined;
+   * @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?:
+    | ((
+        firstRowIndex: number,
+        endRowIndex: number,
+        totalRowsNumber: number
+      ) => string)
+    | undefined;
   /**
    * CSS style to apply to native HTML <table> element's wrapper (which is a DIV)
    */
@@ -9816,8 +9994,20 @@ 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)
-   */
-  filterMethod?: Function | undefined;
+   * @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?:
+    | ((
+        rows: any[],
+        terms: string | LooseDictionary,
+        cols: any[],
+        getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+      ) => any[])
+    | undefined;
   /**
    * Pagination object; You can also use the 'v-model:pagination' for synching; When not synching it simply initializes the pagination on first render
    */
@@ -9868,8 +10058,14 @@ 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?: Function | undefined;
+  sortMethod?:
+    | ((rows: any[], sortBy: string, descending: boolean) => any[])
+    | undefined;
   /**
    * Emitted when user clicks/taps on a row; Is not emitted when using body/row/item scoped slots
    * @param evt JS event object
@@ -9931,12 +10127,25 @@ export interface QTableProps {
     };
     /**
      * Filter method (the 'filter-method' prop)
-     */
-    filter: Function;
-    /**
-     * Optional function to get a cell value
-     */
-    getCellValue: Function;
+     * @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
+    ) => any[];
+    /**
+     * 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;
   /**
    * Emitted when user selects/unselects row(s)
@@ -9981,6 +10190,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
@@ -10052,8 +10265,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row/item selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10064,7 +10278,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10107,8 +10320,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10119,7 +10333,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10174,8 +10387,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10186,7 +10400,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10237,8 +10450,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10249,7 +10463,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10276,8 +10489,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10288,7 +10502,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10327,8 +10540,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10339,7 +10553,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10370,8 +10583,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10382,7 +10596,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10425,8 +10638,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10437,7 +10651,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10464,8 +10677,9 @@ export interface QTableSlots {
     colsMap: LooseDictionary;
     /**
      * Trigger a table sort
+     * @param col Column name or column definition object
      */
-    sort: Function;
+    sort: (col: string | LooseDictionary) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10476,7 +10690,6 @@ export interface QTableSlots {
     expand: boolean;
     /**
      * Color name for component from the Quasar Color Palette
-     * Default value: grey-8
      */
     color: string;
     /**
@@ -10549,19 +10762,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10569,7 +10782,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how table bottom looks like
@@ -10612,19 +10825,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10632,7 +10845,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to override default pagination label and buttons
@@ -10675,19 +10888,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10695,7 +10908,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how left part of the table top looks like
@@ -10738,19 +10951,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10758,7 +10971,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how right part of the table top looks like
@@ -10801,19 +11014,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10821,7 +11034,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how top table section looks like when user has selected at least one row
@@ -10864,19 +11077,19 @@ export interface QTableSlots {
     /**
      * Navigates to first page
      */
-    firstPage: Function;
+    firstPage: () => void;
     /**
      * Navigates to previous page, if available
      */
-    prevPage: Function;
+    prevPage: () => void;
     /**
      * Navigates to next page, if available
      */
-    nextPage: Function;
+    nextPage: () => void;
     /**
      * Navigates to last page
      */
-    lastPage: Function;
+    lastPage: () => void;
     /**
      * Is table in fullscreen mode?
      */
@@ -10884,7 +11097,7 @@ export interface QTableSlots {
     /**
      * Toggles fullscreen mode
      */
-    toggleFullscreen: Function;
+    toggleFullscreen: () => void;
   }) => VNode[];
   /**
    * Slot to define how the bottom will look like when is nothing to display
@@ -10943,8 +11156,18 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
     };
     /**
      * Filtering method (the 'filter-method' prop)
-     */
-    filter?: Function;
+     * @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
+    ) => any[];
   }) => void;
   /**
    * Unless using an external pagination Object (through 'v-model:pagination' prop), you can use this method and force the internal pagination to change
@@ -11021,7 +11244,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,
@@ -11167,7 +11390,7 @@ export interface QRouteTabProps {
    * @param evt JS event object; If you want to cancel navigation set synchronously 'evt.navigate' to false
    * @param navigateFn When you need to control the time at which the tab should trigger the route navigation then set 'evt.navigate' to false and call this function; Useful if you have async work to be done before the actual route navigation
    */
-  onClick?: (evt: LooseDictionary, navigateFn: Function) => void;
+  onClick?: (evt: LooseDictionary, navigateFn: () => void) => void;
 }
 
 export interface QRouteTabSlots {
@@ -11422,8 +11645,11 @@ 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?: Function | undefined;
+  options?: ((hr: number, min: number, sec: number) => void) | undefined;
   /**
    * Optionally configure what hours is the user allowed to set; Overrides 'options' prop if that is also set
    */
@@ -11972,8 +12198,13 @@ 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?: Function | undefined;
+  filterMethod?:
+    | ((node: LooseDictionary, filter: string) => boolean)
+    | undefined;
   /**
    * Toggle animation duration (in milliseconds)
    * Default value: 300
@@ -12007,12 +12238,13 @@ export interface QTreeProps {
     key: string;
     /**
      * The callback to be carried out when the loading is successful
+     * @param children Array of nodes
      */
-    done: Function;
+    done: (children?: any[]) => void;
     /**
      * The callback to be carried out should the loading fails
      */
-    fail: Function;
+    fail: () => void;
   }) => void;
   /**
    * Emitted when nodes are ticked/unticked via the checkbox; Used by Vue on 'v-model:ticked' to update its value
@@ -12051,7 +12283,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12085,7 +12317,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12119,7 +12351,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12153,7 +12385,7 @@ export interface QTreeSlots {
     /**
      * QTree instance
      */
-    tree: LooseDictionary;
+    tree: QTree;
     /**
      * Node object
      */
@@ -12227,24 +12459,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?: Function | undefined;
+  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 | Function | undefined;
+  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" | Function | undefined;
+  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 | Function | undefined;
+  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?:
     | {
@@ -12257,10 +12499,12 @@ export interface QUploaderProps {
          */
         value: string;
       }[]
-    | Function
+    | ((files: any[]) => string)
     | 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?:
     | {
@@ -12273,20 +12517,26 @@ export interface QUploaderProps {
          */
         value: string;
       }[]
-    | Function
+    | ((files: any[]) => string)
     | 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 | Function | undefined;
+  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 | Function | undefined;
+  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 | Function | undefined;
+  batch?: boolean | ((files: any[]) => boolean) | undefined;
   /**
    * Allow multiple file uploads
    */
@@ -12313,8 +12563,10 @@ 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?: Function | undefined;
+  filter?: ((files: FileList | any[]) => any[]) | undefined;
   /**
    * Label for the uploader
    */
@@ -12407,10 +12659,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
@@ -12563,8 +12815,11 @@ 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?: Function | undefined;
+  itemsFn?: ((from: number, size: number) => any[]) | undefined;
   /**
    * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
    */
@@ -12591,9 +12846,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;
 }
 
@@ -12656,19 +12911,19 @@ export interface DialogChainObject {
    * @param callbackFn Tell what to do
    * @returns Chained Object
    */
-  onOk: (callbackFn: Function) => 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
    * @returns Chained Object
    */
-  onCancel: (callbackFn: Function) => DialogChainObject;
+  onCancel: (callbackFn: () => void) => DialogChainObject;
   /**
    * Receives a Function param to tell what to do when the dialog is closed
    * @param callbackFn Tell what to do
    * @returns Chained Object
    */
-  onDismiss: (callbackFn: Function) => DialogChainObject;
+  onDismiss: (callbackFn: () => void) => DialogChainObject;
   /**
    * Hides the dialog when called
    * @returns Chained Object
@@ -12679,7 +12934,7 @@ export interface DialogChainObject {
    * @param opts Props (except 'component') which will overwrite the initial create() params; If create() was invoked with a custom dialog component then this param should contain the new componentProps
    * @returns Chained Object
    */
-  update: (opts?: LooseDictionary) => DialogChainObject;
+  update: (opts: LooseDictionary) => DialogChainObject;
 }
 
 import { CookiesGetMethodType } from "./api";
@@ -12724,8 +12979,10 @@ export interface QDialogOptions {
     type?: string;
     /**
      * Is typed content valid?
+     * @param val The value of the input
+     * @returns The text passed validation or not
      */
-    isValid?: Function;
+    isValid?: (val: string) => boolean;
     /**
      * Attributes to pass to prompt control
      */
@@ -12794,8 +13051,10 @@ 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?: Function;
+    isValid?: (model: string | any[]) => boolean;
   };
   /**
    * Display a Quasar spinner (if value is true, then the defaults are used); Useful for conveying the idea that something is happening behind the covers; Tip: use along with persistent, ok: false and update() method
@@ -12815,21 +13074,11 @@ export interface QDialogOptions {
   /**
    * Props for an 'OK' button
    */
-  ok?:
-    | string
-    | {
-        [index: string]: any;
-      }
-    | boolean;
+  ok?: string | { [index: string]: any } | boolean;
   /**
    * Props for a 'CANCEL' button
    */
-  cancel?:
-    | string
-    | {
-        [index: string]: any;
-      }
-    | boolean;
+  cancel?: string | { [index: string]: any } | boolean;
   /**
    * What button to focus, unless you also have 'prompt' or 'options'
    * Default value: ok
@@ -12892,7 +13141,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
    */
@@ -13103,7 +13352,7 @@ declare module "./globals" {
             /**
              * Function to call when notification gets dismissed
              */
-            onDismiss?: Function;
+            onDismiss?: () => void;
             /**
              * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
              */
@@ -13118,7 +13367,85 @@ declare module "./globals" {
             ignoreDefaults?: boolean;
           }
         | string
-    ) => Function;
+    ) => (props?: {
+      /**
+       * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
+       */
+      type?: string;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      color?: string;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      textColor?: string;
+      /**
+       * The content of your message
+       */
+      message?: string;
+      /**
+       * The content of your optional caption
+       */
+      caption?: string;
+      /**
+       * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
+       */
+      html?: boolean;
+      /**
+       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+       */
+      icon?: string;
+      /**
+       * URL to an avatar/image; Suggestion: use statics folder
+       */
+      avatar?: string;
+      /**
+       * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
+       */
+      spinner?: boolean | Component;
+      /**
+       * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
+       */
+      progress?: boolean;
+      /**
+       * Class definitions to be attributed to the progress bar
+       */
+      progressClass?: any[] | string | LooseDictionary;
+      /**
+       * Add CSS class(es) to the notification for easier customization
+       */
+      classes?: string;
+      /**
+       * Key-value for attributes to be set on the notification
+       */
+      attrs?: LooseDictionary;
+      /**
+       * Amount of time to display (in milliseconds)
+       * Default value: 5000
+       */
+      timeout?: number;
+      /**
+       * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
+       */
+      actions?: any[];
+      /**
+       * Function to call when notification gets dismissed
+       */
+      onDismiss?: () => void;
+      /**
+       * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
+       */
+      closeBtn?: boolean | string;
+      /**
+       * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
+       */
+      multiLine?: boolean;
+      /**
+       * Ignore the default configuration (set by setDefaults()) for this instance only
+       */
+      ignoreDefaults?: boolean;
+    }) => void;
     platform: Platform;
     screen: Screen;
     sessionStorage: SessionStorage;