quasar 2.4.9 → 2.4.13

package/dist/types/index.d.ts

@@ -1,11 +1,7 @@
 // @ts-ignore
 /// <reference types="@quasar/app" />
 import { App, Component, ComponentPublicInstance, VNode } from "vue";
-import {
-  LooseDictionary,
-  ComponentConstructor,
-  GlobalComponentConstructor,
-} from "./ts-helpers";
+import { ComponentConstructor, GlobalComponentConstructor } from "./ts-helpers";
 
 export interface AddressbarColor {
   /**
@@ -64,11 +60,11 @@ export interface BottomSheet {
     /**
      * CSS Class name to apply to the Dialog's QCard
      */
-    class?: string | any[] | LooseDictionary;
+    class?: VueClassProp;
     /**
      * CSS style to apply to the Dialog's QCard
      */
-    style?: string | any[] | LooseDictionary;
+    style?: VueStyleProp;
     /**
      * Title
      */
@@ -84,7 +80,7 @@ export interface BottomSheet {
       /**
        * CSS classes for this action
        */
-      classes?: string | any[] | LooseDictionary;
+      classes?: VueClassProp;
       /**
        * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
        */
@@ -136,7 +132,7 @@ export interface Cookies {
    * Get all cookies
    * @returns Object with cookie names (as keys) and their values
    */
-  getAll: () => LooseDictionary;
+  getAll: () => any;
   /**
    * Set cookie
    * @param name Cookie name
@@ -206,7 +202,7 @@ export interface Cookies {
    * @param ssrContext SSR Context Object
    * @returns Cookie object (like $q.cookies) for SSR usage purposes
    */
-  parseSSR: (ssrContext: LooseDictionary) => Cookies;
+  parseSSR: (ssrContext: any) => Cookies;
 }
 
 export interface Dark {
@@ -338,6 +334,10 @@ export interface Loading {
 }
 
 export interface LoadingBar {
+  /**
+   * Is LoadingBar active?
+   */
+  isActive: boolean;
   /**
    * Notify bar you've started a background activity
    * @param speed Delay (in milliseconds) between bar progress increments
@@ -356,7 +356,7 @@ export interface LoadingBar {
    * Set the inner QAjaxBar's props
    * @param props QAjaxBar component props
    */
-  setDefaults: (props: LooseDictionary) => void;
+  setDefaults: (props: any) => void;
 }
 
 export interface LocalStorage {
@@ -393,7 +393,7 @@ export interface LocalStorage {
    * Retrieve all items in storage
    * @returns Object syntax: item name as Object key and its value
    */
-  getAll: () => LooseDictionary;
+  getAll: () => any;
   /**
    * Retrieve all keys in storage
    * @returns Storage keys (Array of Strings)
@@ -412,7 +412,7 @@ export interface LocalStorage {
       | number
       | boolean
       | ((...params: any[]) => any)
-      | LooseDictionary
+      | any
       | any[]
       | string
       | null
@@ -519,11 +519,11 @@ export interface Notify {
           /**
            * Style definitions to be attributed to the badge
            */
-          badgeStyle?: any[] | string | LooseDictionary;
+          badgeStyle?: VueStyleProp;
           /**
            * Class definitions to be attributed to the badge
            */
-          badgeClass?: any[] | string | LooseDictionary;
+          badgeClass?: VueClassProp;
           /**
            * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
            */
@@ -531,7 +531,7 @@ export interface Notify {
           /**
            * Class definitions to be attributed to the progress bar
            */
-          progressClass?: any[] | string | LooseDictionary;
+          progressClass?: VueClassProp;
           /**
            * Add CSS class(es) to the notification for easier customization
            */
@@ -539,7 +539,7 @@ export interface Notify {
           /**
            * Key-value for attributes to be set on the notification
            */
-          attrs?: LooseDictionary;
+          attrs?: any;
           /**
            * Amount of time to display (in milliseconds)
            * Default value: 5000
@@ -611,7 +611,7 @@ export interface Notify {
     /**
      * Class definitions to be attributed to the progress bar
      */
-    progressClass?: any[] | string | LooseDictionary;
+    progressClass?: VueClassProp;
     /**
      * Add CSS class(es) to the notification for easier customization
      */
@@ -619,7 +619,7 @@ export interface Notify {
     /**
      * Key-value for attributes to be set on the notification
      */
-    attrs?: LooseDictionary;
+    attrs?: any;
     /**
      * Amount of time to display (in milliseconds)
      * Default value: 5000
@@ -717,11 +717,11 @@ export interface Notify {
     /**
      * Style definitions to be attributed to the badge
      */
-    badgeStyle?: any[] | string | LooseDictionary;
+    badgeStyle?: VueStyleProp;
     /**
      * Class definitions to be attributed to the badge
      */
-    badgeClass?: any[] | string | LooseDictionary;
+    badgeClass?: VueClassProp;
     /**
      * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
      */
@@ -729,7 +729,7 @@ export interface Notify {
     /**
      * Class definitions to be attributed to the progress bar
      */
-    progressClass?: any[] | string | LooseDictionary;
+    progressClass?: VueClassProp;
     /**
      * Add CSS class(es) to the notification for easier customization
      */
@@ -737,7 +737,7 @@ export interface Notify {
     /**
      * Key-value for attributes to be set on the notification
      */
-    attrs?: LooseDictionary;
+    attrs?: any;
     /**
      * Amount of time to display (in milliseconds)
      * Default value: 5000
@@ -834,11 +834,11 @@ export interface Notify {
       /**
        * Style definitions to be attributed to the badge
        */
-      badgeStyle?: any[] | string | LooseDictionary;
+      badgeStyle?: VueStyleProp;
       /**
        * Class definitions to be attributed to the badge
        */
-      badgeClass?: any[] | string | LooseDictionary;
+      badgeClass?: VueClassProp;
       /**
        * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
        */
@@ -846,7 +846,7 @@ export interface Notify {
       /**
        * Class definitions to be attributed to the progress bar
        */
-      progressClass?: any[] | string | LooseDictionary;
+      progressClass?: VueClassProp;
       /**
        * Add CSS class(es) to the notification for easier customization
        */
@@ -854,7 +854,7 @@ export interface Notify {
       /**
        * Key-value for attributes to be set on the notification
        */
-      attrs?: LooseDictionary;
+      attrs?: any;
       /**
        * Amount of time to display (in milliseconds)
        * Default value: 5000
@@ -888,7 +888,132 @@ export interface Platform {
   /**
    * Client browser details (property names depend on browser)
    */
-  is: LooseDictionary;
+  is: {
+    /**
+     * Browser name
+     */
+    name: string;
+    /**
+     * Platform name
+     */
+    platform: string;
+    /**
+     * Detailed browser version
+     */
+    version?: string;
+    /**
+     * Major browser version as a number
+     */
+    versionNumber?: number;
+    /**
+     * Whether the platform is desktop
+     */
+    desktop?: boolean;
+    /**
+     * Whether the platform is mobile
+     */
+    mobile?: boolean;
+    /**
+     * Whether the platform is Electron
+     */
+    electron?: boolean;
+    /**
+     * Whether the platform is BEX(Browser Extension)
+     */
+    bex?: boolean;
+    /**
+     * Whether the platform is Capacitor
+     */
+    capacitor?: boolean;
+    /**
+     * Whether the platform is Cordova
+     */
+    cordova?: boolean;
+    /**
+     * Whether the platform is a native mobile wrapper
+     */
+    nativeMobile?: boolean;
+    /**
+     * Type of the native mobile wrapper
+     */
+    nativeMobileWrapper?: "cordova" | "capacitor";
+    /**
+     * Whether the browser is Google Chrome
+     */
+    chrome?: boolean;
+    /**
+     * Whether the browser is Firefox
+     */
+    firefox?: boolean;
+    /**
+     * Whether the browser is Safari
+     */
+    safari?: boolean;
+    /**
+     * Whether the browser is Microsoft Edge (Chromium)
+     */
+    edgeChromium?: boolean;
+    /**
+     * Whether the browser is Microsoft Edge Legacy
+     */
+    edge?: boolean;
+    /**
+     * Whether the browser is Opera
+     */
+    opera?: boolean;
+    /**
+     * Whether the browser is Vivaldi
+     */
+    vivaldi?: boolean;
+    /**
+     * Whether the operating system is Windows
+     */
+    win?: boolean;
+    /**
+     * Whether the operating system is Linux
+     */
+    linux?: boolean;
+    /**
+     * Whether the operating system is Mac OS
+     */
+    mac?: boolean;
+    /**
+     * Whether the operating system is Chrome OS
+     */
+    cros?: boolean;
+    /**
+     * Whether the operating system is Android
+     */
+    android?: boolean;
+    /**
+     * Whether the operating system is iOS
+     */
+    ios?: boolean;
+    /**
+     * Whether the operating system is Windows Phone
+     */
+    winphone?: boolean;
+    /**
+     * Whether the device is an iPhone
+     */
+    iphone?: boolean;
+    /**
+     * Whether the device is an iPad
+     */
+    ipad?: boolean;
+    /**
+     * Whether the device is an iPod
+     */
+    ipod?: boolean;
+    /**
+     * Whether the device is a Kindle
+     */
+    kindle?: boolean;
+    /**
+     * Whether the browser is Amazon Silk
+     */
+    silk?: boolean;
+  };
   /**
    * Client browser detectable properties
    */
@@ -916,7 +1041,7 @@ export interface Platform {
    * @param ssrContext SSR Context Object
    * @returns Platform object (like $q.platform) for SSR usage purposes
    */
-  parseSSR: (ssrContext: LooseDictionary) => Platform;
+  parseSSR: (ssrContext: any) => Platform;
 }
 
 export interface Screen {
@@ -1078,7 +1203,7 @@ export interface SessionStorage {
    * Retrieve all items in storage
    * @returns Object syntax: item name as Object key and its value
    */
-  getAll: () => LooseDictionary;
+  getAll: () => any;
   /**
    * Retrieve all keys in storage
    * @returns Storage keys (Array of Strings)
@@ -1097,7 +1222,7 @@ export interface SessionStorage {
       | number
       | boolean
       | ((...params: any[]) => any)
-      | LooseDictionary
+      | any
       | any[]
       | string
       | null
@@ -1185,17 +1310,20 @@ export interface QAjaxBar extends ComponentPublicInstance<QAjaxBarProps> {
   /**
    * Notify bar you are waiting for a new process to finish
    * @param speed Delay (in milliseconds) between progress auto-increments; If delay is 0 then it disables auto-incrementing
+   * @returns Number of active simultaneous sessions
    */
-  start: (speed?: number) => void;
+  start: (speed?: number) => number;
   /**
    * Manually trigger a bar progress increment
    * @param amount Amount (0 < x <= 100) to increment with
+   * @returns Number of active simultaneous sessions
    */
-  increment: (amount?: number) => void;
+  increment: (amount?: number) => number;
   /**
    * Notify bar that one process you were waiting has finished
+   * @returns Number of active simultaneous sessions
    */
-  stop: () => void;
+  stop: () => number;
 }
 
 export interface QAvatarProps {
@@ -1394,7 +1522,7 @@ export interface QBreadcrumbsElProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
@@ -1440,7 +1568,7 @@ export interface QBreadcrumbsElProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
 }
 
 export interface QBreadcrumbsElSlots {
@@ -1470,7 +1598,7 @@ export interface QBtnDropdownProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
@@ -1555,7 +1683,7 @@ export interface QBtnDropdownProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -1611,11 +1739,11 @@ export interface QBtnDropdownProps {
   /**
    * Style definitions to be attributed to the menu
    */
-  contentStyle?: any[] | string | LooseDictionary | undefined;
+  contentStyle?: VueStyleProp | undefined;
   /**
    * Class definitions to be attributed to the menu
    */
-  contentClass?: any[] | string | LooseDictionary | undefined;
+  contentClass?: VueClassProp | undefined;
   /**
    * Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective
    */
@@ -1687,27 +1815,27 @@ export interface QBtnDropdownProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
   /**
    * Emitted when user clicks/taps on the main button (not the icon one, if using 'split')
    * @param evt JS event object
    */
-  onClick?: (evt: LooseDictionary) => void;
+  onClick?: (evt: any) => void;
 }
 
 export interface QBtnDropdownSlots {
@@ -1727,17 +1855,17 @@ export interface QBtnDropdown
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
 }
 
 export interface QBtnGroupProps {
@@ -1800,7 +1928,7 @@ export interface QBtnToggleProps {
     /**
      * Key-value for attributes to be set on the button
      */
-    attrs?: LooseDictionary;
+    attrs?: any;
     /**
      * Label of option button; Use this prop and/or 'icon', but at least one is required
      */
@@ -1887,7 +2015,7 @@ export interface QBtnToggleProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -1949,7 +2077,7 @@ export interface QBtnProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
    */
@@ -2034,7 +2162,7 @@ export interface QBtnProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -2084,7 +2212,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: () => void) => void;
+  onClick?: (evt: any, navigateFn: () => void) => void;
 }
 
 export interface QBtnSlots {
@@ -2103,7 +2231,7 @@ export interface QBtn extends ComponentPublicInstance<QBtnProps> {
    * Emulate click on QBtn
    * @param evt JS event object
    */
-  click: (evt?: LooseDictionary) => void;
+  click: (evt?: any) => void;
 }
 
 export interface QCardProps {
@@ -2373,12 +2501,12 @@ export interface QCarouselSlots {
     /**
      * Default QBtn props that can be binded to your own QBtn
      */
-    btnProps: LooseDictionary;
+    btnProps: any;
     /**
      * Default trigger when clicked/tapped on
      * @param evt JS event object
      */
-    onClick: (evt: LooseDictionary) => void;
+    onClick: (evt: any) => void;
   }) => VNode[];
 }
 
@@ -2624,7 +2752,7 @@ export interface QCheckboxProps {
    * @param value New model value
    * @param evt JS event object
    */
-  "onUpdate:modelValue"?: (value: any, evt: LooseDictionary) => void;
+  "onUpdate:modelValue"?: (value: any, evt: any) => void;
 }
 
 export interface QCheckboxSlots {
@@ -2711,7 +2839,7 @@ export interface QChipProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -2724,7 +2852,7 @@ export interface QChipProps {
    * Emitted on QChip click if 'clickable' property is set
    * @param evt JS event object
    */
-  onClick?: (evt: LooseDictionary) => void;
+  onClick?: (evt: any) => void;
   /**
    * Used by Vue on 'v-model:selected' for updating its value
    * @param state Selected state
@@ -2980,7 +3108,7 @@ export interface QDateProps {
   /**
    * Date(s) of the component; Must be Array if using 'multiple' prop; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive
    */
-  modelValue: string | any[] | LooseDictionary | null | undefined;
+  modelValue: string | any[] | any | null | undefined;
   /**
    * When specified, it overrides the default header title; Makes sense when not in 'minimal' mode
    */
@@ -3064,7 +3192,7 @@ export interface QDateProps {
    * @param details Object of properties on the new model
    */
   "onUpdate:modelValue"?: (
-    value: string | any[] | LooseDictionary | null,
+    value: string | any[] | any | null,
     reason:
       | "add-day"
       | "remove-day"
@@ -3349,22 +3477,22 @@ export interface QDialogProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
   /**
    * Emitted when the Dialog shakes in order to catch user's attention, unless the 'no-shake' property is set
    */
@@ -3387,17 +3515,17 @@ export interface QDialog extends ComponentPublicInstance<QDialogProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
   /**
    * Focus dialog; if you have content with autofocus attribute, it will directly focus it
    */
@@ -3491,22 +3619,22 @@ export interface QDrawerProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
   /**
    * Emitted when drawer toggles between occupying space on page or not
    * @param state New state
@@ -3516,17 +3644,17 @@ export interface QDrawerProps {
    * Emitted when user clicks/taps on the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode
    * @param evt JS event object
    */
-  onClick?: (evt: LooseDictionary) => void;
+  onClick?: (evt: any) => void;
   /**
    * Emitted when user moves mouse cursor over the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode
    * @param evt JS event object
    */
-  onMouseover?: (evt: LooseDictionary) => void;
+  onMouseover?: (evt: any) => void;
   /**
    * Emitted when user moves mouse cursor out of the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode
    * @param evt JS event object
    */
-  onMouseout?: (evt: LooseDictionary) => void;
+  onMouseout?: (evt: any) => void;
   /**
    * Emitted when drawer changes the mini-mode state (sometimes it is forced to do so)
    * @param state New state
@@ -3550,17 +3678,17 @@ export interface QDrawer extends ComponentPublicInstance<QDrawerProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
 }
 
 export interface QEditorProps {
@@ -3676,7 +3804,7 @@ export interface QEditorProps {
   /**
    * Object with definitions of fonts
    */
-  fonts?: LooseDictionary | undefined;
+  fonts?: any | undefined;
   /**
    * An array of arrays of Objects/Strings that you use to define the construction of the elements and commands available in the toolbar
    * Default value: left,center,right,justify,bold,italic,underline,strike,undo,redo
@@ -3719,11 +3847,11 @@ export interface QEditorProps {
   /**
    * Object with CSS properties and values for styling the container of QEditor
    */
-  contentStyle?: LooseDictionary | undefined;
+  contentStyle?: VueStyleObjectProp | undefined;
   /**
    * CSS classes for the input area
    */
-  contentClass?: LooseDictionary | any[] | string | undefined;
+  contentClass?: VueClassProp | undefined;
   /**
    * Text to display as placeholder
    */
@@ -3776,7 +3904,7 @@ export interface QExpansionItemProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
@@ -3824,7 +3952,7 @@ export interface QExpansionItemProps {
   /**
    * Apply custom class(es) to the expand icon item section
    */
-  expandIconClass?: any[] | string | LooseDictionary | undefined;
+  expandIconClass?: VueClassProp | undefined;
   /**
    * Header label (unless using 'header' slot)
    */
@@ -3893,11 +4021,11 @@ export interface QExpansionItemProps {
   /**
    * Apply custom style to the header
    */
-  headerStyle?: any[] | string | LooseDictionary | undefined;
+  headerStyle?: VueStyleProp | undefined;
   /**
    * Apply custom class(es) to the header
    */
-  headerClass?: any[] | string | LooseDictionary | undefined;
+  headerClass?: VueClassProp | undefined;
   /**
    * Emitted when showing/hidden state changes; Is also used by v-model
    * @param value New state (showing/hidden)
@@ -3907,22 +4035,22 @@ export interface QExpansionItemProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
   /**
    * Emitted when component show animation is finished
    */
@@ -3950,17 +4078,17 @@ export interface QExpansionItem
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
 }
 
 export interface QFabProps {
@@ -4020,11 +4148,11 @@ export interface QFabProps {
   /**
    * Class definitions to be attributed to the label container
    */
-  labelClass?: any[] | string | LooseDictionary | undefined;
+  labelClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the label container
    */
-  labelStyle?: any[] | string | LooseDictionary | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Apply a rectangle aspect to the FAB
    */
@@ -4076,22 +4204,22 @@ export interface QFabProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
 }
 
 export interface QFabSlots {
@@ -4140,17 +4268,17 @@ export interface QFab extends ComponentPublicInstance<QFabProps> {
    * Expands fab actions list
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Collapses fab actions list
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
 }
 
 export interface QFabActionProps {
@@ -4210,11 +4338,11 @@ export interface QFabActionProps {
   /**
    * Class definitions to be attributed to the label container
    */
-  labelClass?: any[] | string | LooseDictionary | undefined;
+  labelClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the label container
    */
-  labelStyle?: any[] | string | LooseDictionary | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Apply a rectangle aspect to the FAB
    */
@@ -4238,7 +4366,7 @@ export interface QFabActionProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'replace' property
    */
@@ -4247,7 +4375,7 @@ export interface QFabActionProps {
    * Emitted when user clicks/taps on the component
    * @param evt JS event object
    */
-  onClick?: (evt: LooseDictionary) => void;
+  onClick?: (evt: any) => void;
 }
 
 export interface QFabActionSlots {
@@ -4270,7 +4398,7 @@ export interface QFabAction extends ComponentPublicInstance<QFabActionProps> {
    * Emulate click on QFabAction
    * @param evt JS event object
    */
-  click: (evt?: LooseDictionary) => void;
+  click: (evt?: any) => void;
 }
 
 export interface QFieldProps {
@@ -4440,12 +4568,12 @@ export interface QFieldProps {
    * Emitted when component gets focused
    * @param evt JS event object
    */
-  onFocus?: (evt: LooseDictionary) => void;
+  onFocus?: (evt: any) => void;
   /**
    * Emitted when component loses focus
    * @param evt JS event object
    */
-  onBlur?: (evt: LooseDictionary) => void;
+  onBlur?: (evt: any) => void;
 }
 
 export interface QFieldSlots {
@@ -4770,16 +4898,16 @@ export interface QFileProps {
   /**
    * Class definitions to be attributed to the underlying selection container
    */
-  inputClass?: any[] | string | LooseDictionary | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying selection container
    */
-  inputStyle?: any[] | string | LooseDictionary | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * 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
    */
-  onRejected?: (rejectedEntries: any[]) => void;
+  onRejected?: (rejectedEntries: QRejectedEntry[]) => void;
   /**
    * When using the 'clearable' property, this event is emitted when the clear icon is clicked
    * @param value The previous value before clearing it
@@ -4872,7 +5000,7 @@ export interface QFile extends ComponentPublicInstance<QFileProps> {
    * Trigger file pick; Must be called as a direct consequence of user interaction (eg. in a click handler), due to browsers security policy
    * @param evt JS event object
    */
-  pickFiles: (evt?: LooseDictionary) => void;
+  pickFiles: (evt?: any) => void;
   /**
    * Add files programmatically
    * @param files Array of files (instances of File)
@@ -4910,7 +5038,7 @@ export interface QFile extends ComponentPublicInstance<QFileProps> {
    * Get the native input DOM Element
    * @returns The underlying native input DOM Element
    */
-  getNativeElement: () => LooseDictionary;
+  getNativeElement: () => any;
 }
 
 export interface QFooterProps {
@@ -5014,12 +5142,12 @@ export interface QForm extends ComponentPublicInstance<QFormProps> {
    * Manually trigger form validation and submit
    * @param evt JS event object
    */
-  submit: (evt?: LooseDictionary) => void;
+  submit: (evt?: any) => void;
   /**
    * Manually trigger form reset
    * @param evt JS event object
    */
-  reset: (evt?: LooseDictionary) => void;
+  reset: (evt?: any) => void;
   /**
    * Get array of children vue components that support validation
    * @returns Vue components that support Quasar validation API
@@ -5129,7 +5257,7 @@ export interface QImgProps {
   /**
    * Force the component to maintain an aspect ratio
    */
-  ratio?: string | number | string | number | undefined;
+  ratio?: string | number | undefined;
   /**
    * Path to image
    */
@@ -5201,7 +5329,7 @@ export interface QImgProps {
   /**
    * Apply CSS to the native img element
    */
-  imgStyle?: LooseDictionary | undefined;
+  imgStyle?: VueStyleObjectProp | undefined;
   /**
    * Color name for default Spinner (unless using a 'loading' slot)
    */
@@ -5369,7 +5497,7 @@ export interface QInnerLoadingProps {
   /**
    * Apply custom style to the label; Works along the 'label' prop only
    */
-  labelStyle?: any[] | string | LooseDictionary | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -5587,11 +5715,11 @@ export interface QInputProps {
   /**
    * Class definitions to be attributed to the underlying input tag
    */
-  inputClass?: any[] | string | LooseDictionary | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying input tag
    */
-  inputStyle?: any[] | string | LooseDictionary | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * When using the 'clearable' property, this event is emitted when the clear icon is clicked
    * @param value The previous value before clearing it
@@ -5606,12 +5734,12 @@ export interface QInputProps {
    * Emitted when component gets focused
    * @param evt JS event object
    */
-  onFocus?: (evt: LooseDictionary) => void;
+  onFocus?: (evt: any) => void;
   /**
    * Emitted when component loses focus
    * @param evt JS event object
    */
-  onBlur?: (evt: LooseDictionary) => void;
+  onBlur?: (evt: any) => void;
 }
 
 export interface QInputSlots {
@@ -5684,7 +5812,7 @@ export interface QInput extends ComponentPublicInstance<QInputProps> {
    * Get the native input/textarea DOM Element
    * @returns The underlying native input/textarea DOM Element
    */
-  getNativeElement: () => LooseDictionary;
+  getNativeElement: () => any;
 }
 
 export interface QIntersectionProps {
@@ -5747,7 +5875,7 @@ export interface QItemProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
@@ -6331,22 +6459,22 @@ export interface QMenuProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
   /**
    * Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent'
    */
@@ -6365,17 +6493,17 @@ export interface QMenu extends ComponentPublicInstance<QMenuProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
   /**
    * There are some custom scenarios for which Quasar cannot automatically reposition the menu without significant performance drawbacks so the optimal solution is for you to call this method when you need it
    */
@@ -6634,7 +6762,7 @@ export interface QPageProps {
    * @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;
+  styleFn?: ((offset: number, height: number) => any) | undefined;
 }
 
 export interface QPageSlots {
@@ -6697,11 +6825,11 @@ export interface QPaginationProps {
   /**
    * Style definitions to be attributed to the input (if using one)
    */
-  inputStyle?: any[] | string | LooseDictionary | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Class definitions to be attributed to the input (if using one)
    */
-  inputClass?: any[] | string | LooseDictionary | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Button size in CSS units, including unit name
    */
@@ -6735,7 +6863,7 @@ export interface QPaginationProps {
    * @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;
+  toFn?: ((page: number) => any | string) | undefined;
   /**
    * Show boundary button links
    */
@@ -6760,7 +6888,7 @@ export interface QPaginationProps {
    * Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Makes a circle shaped button for all buttons
    */
@@ -7067,12 +7195,12 @@ export interface QPopupEdit extends ComponentPublicInstance<QPopupEditProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => 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
    */
@@ -7111,22 +7239,22 @@ export interface QPopupProxyProps {
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
 }
 
 export interface QPopupProxySlots {
@@ -7141,17 +7269,17 @@ export interface QPopupProxy extends ComponentPublicInstance<QPopupProxyProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
 }
 
 export interface QPullToRefreshProps {
@@ -7259,7 +7387,7 @@ export interface QRadioProps {
    * @param value New model value
    * @param evt JS event object
    */
-  "onUpdate:modelValue"?: (value: any, evt: LooseDictionary) => void;
+  "onUpdate:modelValue"?: (value: any, evt: any) => void;
 }
 
 export interface QRadioSlots {
@@ -7372,12 +7500,7 @@ export interface QRangeProps {
    * @param value The marker value to transform
    * @returns Marker definition Object or directly a String for the label of the marker
    */
-  markerLabels?:
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | undefined;
+  markerLabels?: SliderMarkerLabels | undefined;
   /**
    * CSS class(es) to apply to the marker labels container
    */
@@ -7525,7 +7648,7 @@ export interface QRangeSlots {
      * @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;
+    getStyle: (value: number) => any;
   }) => VNode[];
   /**
    * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>
@@ -7549,7 +7672,7 @@ export interface QRangeSlots {
      * @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;
+    getStyle: (value: number) => any;
   }) => VNode[];
 }
 
@@ -7687,35 +7810,35 @@ export interface QScrollAreaProps {
   /**
    * Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)
    */
-  barStyle?: any[] | string | LooseDictionary | undefined;
+  barStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop
    */
-  verticalBarStyle?: any[] | string | LooseDictionary | undefined;
+  verticalBarStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop
    */
-  horizontalBarStyle?: any[] | string | LooseDictionary | undefined;
+  horizontalBarStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)
    */
-  thumbStyle?: LooseDictionary | undefined;
+  thumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop
    */
-  verticalThumbStyle?: LooseDictionary | undefined;
+  verticalThumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop
    */
-  horizontalThumbStyle?: LooseDictionary | undefined;
+  horizontalThumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for styling the container of QScrollArea
    */
-  contentStyle?: any[] | string | LooseDictionary | undefined;
+  contentStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)
    */
-  contentActiveStyle?: any[] | string | LooseDictionary | undefined;
+  contentActiveStyle?: VueStyleProp | undefined;
   /**
    * Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior
    */
@@ -8170,30 +8293,21 @@ export interface QSelectProps {
    * @param option The current option being processed
    * @returns Value of the current option
    */
-  optionValue?:
-    | ((option: string | LooseDictionary) => any)
-    | string
-    | undefined;
+  optionValue?: ((option: string | any) => 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?:
-    | ((option: string | LooseDictionary) => string)
-    | string
-    | undefined;
+  optionLabel?: ((option: string | any) => 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?:
-    | ((option: string | LooseDictionary) => boolean)
-    | string
-    | undefined;
+  optionDisable?: ((option: string | any) => 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
    */
@@ -8285,7 +8399,7 @@ export interface QSelectProps {
   /**
    * Style definitions to be attributed to the popup content
    */
-  popupContentStyle?: any[] | string | LooseDictionary | undefined;
+  popupContentStyle?: VueStyleProp | undefined;
   /**
    * Use an input tag where users can type
    */
@@ -8318,11 +8432,11 @@ export interface QSelectProps {
   /**
    * Class definitions to be attributed to the underlying input tag
    */
-  inputClass?: any[] | string | LooseDictionary | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying input tag
    */
-  inputStyle?: any[] | string | LooseDictionary | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -8448,12 +8562,12 @@ export interface QSelectProps {
    * Emitted when the select options menu or dialog is shown.
    * @param evt JS event object
    */
-  onPopupShow?: (evt: LooseDictionary) => void;
+  onPopupShow?: (evt: any) => void;
   /**
    * Emitted when the select options menu or dialog is hidden.
    * @param evt JS event object
    */
-  onPopupHide?: (evt: LooseDictionary) => void;
+  onPopupHide?: (evt: any) => void;
 }
 
 export interface QSelectSlots {
@@ -8585,7 +8699,7 @@ export interface QSelectSlots {
     /**
      * Computed properties passed down to QItem
      */
-    itemProps: LooseDictionary;
+    itemProps: any;
   }) => VNode[];
 }
 
@@ -9077,12 +9191,7 @@ export interface QSliderProps {
    * @param value The marker value to transform
    * @returns Marker definition Object or directly a String for the label of the marker
    */
-  markerLabels?:
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | undefined;
+  markerLabels?: SliderMarkerLabels | undefined;
   /**
    * CSS class(es) to apply to the marker labels container
    */
@@ -9182,7 +9291,7 @@ export interface QSliderSlots {
      * @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;
+    getStyle: (value: number) => any;
   }) => VNode[];
   /**
    * What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>
@@ -9206,7 +9315,7 @@ export interface QSliderSlots {
      * @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;
+    getStyle: (value: number) => any;
   }) => VNode[];
 }
 
@@ -9624,19 +9733,19 @@ export interface QSplitterProps {
   /**
    * Class definitions to be attributed to the 'before' panel
    */
-  beforeClass?: any[] | string | LooseDictionary | undefined;
+  beforeClass?: VueClassProp | undefined;
   /**
    * Class definitions to be attributed to the 'after' panel
    */
-  afterClass?: any[] | string | LooseDictionary | undefined;
+  afterClass?: VueClassProp | undefined;
   /**
    * Class definitions to be attributed to the splitter separator
    */
-  separatorClass?: any[] | string | LooseDictionary | undefined;
+  separatorClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the splitter separator
    */
-  separatorStyle?: any[] | string | LooseDictionary | undefined;
+  separatorStyle?: VueStyleProp | undefined;
   /**
    * Applies a default lighter color on the separator; To be used when background is darker; Avoid using when you are overriding through separator-class or separator-style props
    */
@@ -10063,7 +10172,7 @@ export interface QTableProps {
    * @param row The current row being processed
    * @returns Current row's key
    */
-  rowKey?: string | ((row: LooseDictionary) => any) | undefined;
+  rowKey?: string | ((row: any) => any) | undefined;
   /**
    * Display data using QVirtualScroll (for non-grid mode only)
    */
@@ -10153,7 +10262,7 @@ export interface QTableProps {
          * @param row The current row being processed
          * @returns Value for this column
          */
-        field: string | ((row: LooseDictionary) => any);
+        field: string | ((row: any) => any);
         /**
          * If we use visible-columns, this col will always be visible
          */
@@ -10175,12 +10284,7 @@ export interface QTableProps {
          * @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,
-          b: any,
-          rowA: LooseDictionary,
-          rowB: LooseDictionary
-        ) => number;
+        sort?: (a: any, b: any, rowA: any, rowB: any) => number;
         /**
          * Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); Overrides the 'column-sort-order' prop
          * Default value: ad
@@ -10192,17 +10296,17 @@ export interface QTableProps {
          * @param row Full Row object in which the cell is contained
          * @returns The resulting formatted value
          */
-        format?: (val: any, row: LooseDictionary) => any;
+        format?: (val: any, row: any) => any;
         /**
          * Style to apply on normal cells of the column
          * @param row The current row being processed
          */
-        style?: string | ((row: LooseDictionary) => string);
+        style?: string | ((row: any) => string);
         /**
          * Classes to add on normal cells of the column
          * @param row The current row being processed
          */
-        classes?: string | ((row: LooseDictionary) => string);
+        classes?: string | ((row: any) => string);
         /**
          * Style to apply on header cells of the column
          */
@@ -10318,43 +10422,43 @@ export interface QTableProps {
   /**
    * CSS style to apply to native HTML <table> element's wrapper (which is a DIV)
    */
-  tableStyle?: string | any[] | LooseDictionary | undefined;
+  tableStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to native HTML <table> element's wrapper (which is a DIV)
    */
-  tableClass?: string | any[] | LooseDictionary | undefined;
+  tableClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to header of native HTML <table> (which is a TR)
    */
-  tableHeaderStyle?: string | any[] | LooseDictionary | undefined;
+  tableHeaderStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to header of native HTML <table> (which is a TR)
    */
-  tableHeaderClass?: string | any[] | LooseDictionary | undefined;
+  tableHeaderClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to the cards container (when in grid mode)
    */
-  cardContainerStyle?: string | any[] | LooseDictionary | undefined;
+  cardContainerStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to the cards container (when in grid mode)
    */
-  cardContainerClass?: string | any[] | LooseDictionary | undefined;
+  cardContainerClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
-  cardStyle?: string | any[] | LooseDictionary | undefined;
+  cardStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
-  cardClass?: string | any[] | LooseDictionary | undefined;
+  cardClass?: VueClassProp | undefined;
   /**
    * CSS classes to apply to the title (if using 'title' prop)
    */
-  titleClass?: string | any[] | LooseDictionary | undefined;
+  titleClass?: VueClassProp | undefined;
   /**
    * String/Object to filter table with; When using an Object it requires 'filter-method' to also be specified since it will be a custom filtering
    */
-  filter?: string | LooseDictionary | undefined;
+  filter?: string | any | undefined;
   /**
    * The actual filtering mechanism; For best performance, reference it from your scope and do not define it inline
    * Default value: (see source code)
@@ -10367,9 +10471,9 @@ export interface QTableProps {
   filterMethod?:
     | ((
         rows: any[],
-        terms: string | LooseDictionary,
+        terms: string | any,
         cols: any[],
-        getCellValue: (col: LooseDictionary, row: LooseDictionary) => any
+        getCellValue: (col: any, row: any) => any
       ) => any[])
     | undefined;
   /**
@@ -10436,33 +10540,21 @@ export interface QTableProps {
    * @param row The row upon which user has clicked/tapped
    * @param index Index of the row in the current page
    */
-  onRowClick?: (
-    evt: LooseDictionary,
-    row: LooseDictionary,
-    index: number
-  ) => void;
+  onRowClick?: (evt: any, row: any, index: number) => void;
   /**
    * Emitted when user quickly double clicks/taps on a row; Is not emitted when using body/row/item scoped slots; Please check JS dblclick event support before using
    * @param evt JS event object
    * @param row The row upon which user has double clicked/tapped
    * @param index Index of the row in the current page
    */
-  onRowDblclick?: (
-    evt: LooseDictionary,
-    row: LooseDictionary,
-    index: number
-  ) => void;
+  onRowDblclick?: (evt: any, row: any, index: number) => void;
   /**
    * Emitted when user right clicks/long taps on a row; Is not emitted when using body/row/item scoped slots
    * @param evt JS event object
    * @param row The row upon which user has right clicked/long tapped
    * @param index Index of the row in the current page
    */
-  onRowContextmenu?: (
-    evt: LooseDictionary,
-    row: LooseDictionary,
-    index: number
-  ) => void;
+  onRowContextmenu?: (evt: any, row: any, index: number) => void;
   /**
    * Emitted when a server request is triggered
    * @param requestProp Props of the request
@@ -10499,9 +10591,9 @@ export interface QTableProps {
      */
     filter: (
       rows: any[],
-      terms: string | LooseDictionary,
+      terms: string | any,
       cols?: any[],
-      getCellValue?: (col: LooseDictionary, row: LooseDictionary) => any
+      getCellValue?: (col: any, row: any) => any
     ) => any[];
     /**
      * Function to get a cell value
@@ -10509,7 +10601,7 @@ export interface QTableProps {
      * @param row The row object
      * @returns Parsed/Processed cell value
      */
-    getCellValue: (col: LooseDictionary, row: LooseDictionary) => any;
+    getCellValue: (col: any, row: any) => any;
   }) => void;
   /**
    * Emitted when user selects/unselects row(s)
@@ -10531,7 +10623,7 @@ export interface QTableProps {
     /**
      * JS event object
      */
-    evt: LooseDictionary;
+    evt: any;
   }) => void;
   /**
    * Used by Vue on 'v-model:pagination' for updating its value
@@ -10610,7 +10702,7 @@ export interface QTableSlots {
     /**
      * Row/Item object
      */
-    row: LooseDictionary;
+    row: any;
     /**
      * Row/Item's index (0 based) in the filtered and sorted table
      */
@@ -10622,16 +10714,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row/item selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10665,7 +10757,7 @@ export interface QTableSlots {
     /**
      * Row object
      */
-    row: LooseDictionary;
+    row: any;
     /**
      * Row's index (0 based) in the filtered and sorted table
      */
@@ -10677,16 +10769,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10720,7 +10812,7 @@ export interface QTableSlots {
     /**
      * Column definition for column associated with table cell
      */
-    col: LooseDictionary;
+    col: any;
     /**
      * Parsed/Formatted value of table cell
      */
@@ -10732,7 +10824,7 @@ export interface QTableSlots {
     /**
      * Row object
      */
-    row: LooseDictionary;
+    row: any;
     /**
      * Row's index (0 based) in the filtered and sorted table
      */
@@ -10744,16 +10836,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10783,7 +10875,7 @@ export interface QTableSlots {
     /**
      * Column definition for column associated with table cell
      */
-    col: LooseDictionary;
+    col: any;
     /**
      * Parsed/Formatted value of table cell
      */
@@ -10795,7 +10887,7 @@ export interface QTableSlots {
     /**
      * Row object
      */
-    row: LooseDictionary;
+    row: any;
     /**
      * Row's index (0 based) in the filtered and sorted table
      */
@@ -10807,16 +10899,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10846,16 +10938,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10893,20 +10985,20 @@ export interface QTableSlots {
     /**
      * Column definition associated to header cell
      */
-    col: LooseDictionary;
+    col: any;
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10936,20 +11028,20 @@ export interface QTableSlots {
     /**
      * Column definition associated to header cell
      */
-    col: LooseDictionary;
+    col: any;
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -10983,7 +11075,7 @@ export interface QTableSlots {
     /**
      * Row object
      */
-    row: LooseDictionary;
+    row: any;
     /**
      * Row's index (0 based) in the filtered and sorted table
      */
@@ -10995,16 +11087,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -11034,16 +11126,16 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
     /**
      * Column mapping (key is column name, value is column object)
      */
-    colsMap: LooseDictionary;
+    colsMap: any;
     /**
      * Trigger a table sort
      * @param col Column name or column definition object
      */
-    sort: (col: string | LooseDictionary) => void;
+    sort: (col: string | any) => void;
     /**
      * (Only if using selection) Is row selected? Can directly be assigned new Boolean value which changes selection state
      */
@@ -11073,7 +11165,7 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
   }) => VNode[];
   /**
    * Slot to define how bottom extra row looks like
@@ -11083,7 +11175,7 @@ export interface QTableSlots {
     /**
      * Column definitions
      */
-    cols: LooseDictionary;
+    cols: any;
   }) => VNode[];
   /**
    * Slot to define how table top looks like
@@ -11528,9 +11620,9 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
      */
     filter?: (
       rows: any[],
-      terms: string | LooseDictionary,
+      terms: string | any,
       cols?: any[],
-      getCellValue?: (col?: LooseDictionary, row?: LooseDictionary) => any
+      getCellValue?: (col?: any, row?: any) => any
     ) => any[];
   }) => void;
   /**
@@ -11600,7 +11692,7 @@ export interface QTable extends ComponentPublicInstance<QTableProps> {
    * Trigger a table sort
    * @param col Column name or column definition object
    */
-  sort: (col: string | LooseDictionary) => void;
+  sort: (col: string | any) => void;
   /**
    * Resets the virtual scroll (if using it) computations; Needed for custom edge-cases
    */
@@ -11626,7 +11718,7 @@ export interface QTdProps {
   /**
    * QTable's column scoped slot property
    */
-  props?: LooseDictionary | undefined;
+  props?: any | undefined;
   /**
    * Tries to shrink column width size; Useful for columns with a checkbox/radio/toggle
    */
@@ -11650,7 +11742,7 @@ export interface QThProps {
   /**
    * QTable's header column scoped slot property
    */
-  props?: LooseDictionary | undefined;
+  props?: any | undefined;
   /**
    * Tries to shrink header column width size; Useful for columns with a checkbox/radio/toggle
    */
@@ -11670,7 +11762,7 @@ export interface QTrProps {
   /**
    * QTable's row scoped slot property
    */
-  props?: LooseDictionary | undefined;
+  props?: any | undefined;
   /**
    * Disable hover effect
    */
@@ -11690,7 +11782,7 @@ export interface QRouteTabProps {
   /**
    * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
    */
-  to?: string | LooseDictionary | undefined;
+  to?: string | any | undefined;
   /**
    * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
    */
@@ -11752,7 +11844,7 @@ export interface QRouteTabProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -11762,7 +11854,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: () => void) => void;
+  onClick?: (evt: any, navigateFn: () => void) => void;
 }
 
 export interface QRouteTabSlots {
@@ -11808,7 +11900,7 @@ export interface QTabProps {
    * Configure material ripple (disable it by setting it to 'false' or supply a config object)
    * Default value: true
    */
-  ripple?: boolean | LooseDictionary | undefined;
+  ripple?: boolean | any | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -12285,7 +12377,7 @@ export interface QToggleProps {
    * @param value New model value
    * @param evt JS event object
    */
-  "onUpdate:modelValue"?: (value: any, evt: LooseDictionary) => void;
+  "onUpdate:modelValue"?: (value: any, evt: any) => void;
 }
 
 export interface QToggleSlots {
@@ -12440,22 +12532,22 @@ export interface QTooltipProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: LooseDictionary) => void;
+  onShow?: (evt: any) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: LooseDictionary) => void;
+  onBeforeShow?: (evt: any) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: LooseDictionary) => void;
+  onHide?: (evt: any) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: LooseDictionary) => void;
+  onBeforeHide?: (evt: any) => void;
 }
 
 export interface QTooltipSlots {
@@ -12470,17 +12562,17 @@ export interface QTooltip extends ComponentPublicInstance<QTooltipProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: LooseDictionary) => void;
+  show: (evt?: any) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: LooseDictionary) => void;
+  hide: (evt?: any) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: LooseDictionary) => void;
+  toggle: (evt?: any) => void;
   /**
    * There are some custom scenarios for which Quasar cannot automatically reposition the tooltip without significant performance drawbacks so the optimal solution is for you to call this method when you need it
    */
@@ -12491,7 +12583,7 @@ export interface QTreeProps {
   /**
    * The array of nodes that designates the tree structure
    */
-  nodes: any[];
+  nodes: QTreeNode[];
   /**
    * The property name of each node object that holds a unique node id
    */
@@ -12555,6 +12647,10 @@ export interface QTreeProps {
    * Key of node currently selected
    */
   selected?: any | undefined;
+  /**
+   * Do not allow un-selection when clicking currently selected node
+   */
+  noSelectionUnset?: boolean | undefined;
   /**
    * Allow the tree to have all its branches expanded, when first rendered
    */
@@ -12574,9 +12670,7 @@ export interface QTreeProps {
    * @param filter Filter text to match against
    * @returns Matches or not
    */
-  filterMethod?:
-    | ((node: LooseDictionary, filter: string) => boolean)
-    | undefined;
+  filterMethod?: ((node: any, filter: string) => boolean) | undefined;
   /**
    * Toggle animation duration (in milliseconds)
    * Default value: 300
@@ -12603,7 +12697,7 @@ export interface QTreeProps {
     /**
      * The node to which the new nodes (the children) will be appended
      */
-    node: LooseDictionary;
+    node: any;
     /**
      * The key of the node getting the newly loaded child nodes
      */
@@ -12659,7 +12753,7 @@ export interface QTreeSlots {
     /**
      * Node object
      */
-    node: LooseDictionary;
+    node: any;
     /**
      * Node's key
      */
@@ -12693,7 +12787,7 @@ export interface QTreeSlots {
     /**
      * Node object
      */
-    node: LooseDictionary;
+    node: any;
     /**
      * Node's key
      */
@@ -12727,7 +12821,7 @@ export interface QTreeSlots {
     /**
      * Node object
      */
-    node: LooseDictionary;
+    node: any;
     /**
      * Node's key
      */
@@ -12761,7 +12855,7 @@ export interface QTreeSlots {
     /**
      * Node object
      */
-    node: LooseDictionary;
+    node: any;
     /**
      * Node's key
      */
@@ -12783,7 +12877,7 @@ export interface QTree extends ComponentPublicInstance<QTreeProps> {
    * @param key The key of a node
    * @returns Requested node
    */
-  getNodeByKey: (key: any) => LooseDictionary;
+  getNodeByKey: (key: any) => any;
   /**
    * Get array of nodes that are ticked
    * @returns Ticked node objects
@@ -12834,7 +12928,7 @@ export interface QUploaderProps {
    * @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;
+  factory?: QUploaderFactoryFn | 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
@@ -12858,7 +12952,7 @@ export interface QUploaderProps {
   /**
    * 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
+   * @returns An array consisting of objects with header definitions
    */
   headers?:
     | {
@@ -12999,7 +13093,7 @@ export interface QUploaderProps {
     /**
      * XMLHttpRequest that has been used to upload this batch of files
      */
-    xhr: LooseDictionary;
+    xhr: any;
   }) => void;
   /**
    * Emitted when file or batch of files has encountered error while uploading
@@ -13013,7 +13107,7 @@ export interface QUploaderProps {
     /**
      * XMLHttpRequest that has been used to upload this batch of files
      */
-    xhr: LooseDictionary;
+    xhr: any;
   }) => void;
   /**
    * Emitted when file or batch of files started uploading
@@ -13027,7 +13121,7 @@ export interface QUploaderProps {
     /**
      * XMLHttpRequest used for uploading
      */
-    xhr: LooseDictionary;
+    xhr: any;
   }) => void;
   /**
    * Emitted when factory function is supplied with a Promise which is rejected
@@ -13039,7 +13133,7 @@ export interface QUploaderProps {
    * 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
    */
-  onRejected?: (rejectedEntries: any[]) => void;
+  onRejected?: (rejectedEntries: QRejectedEntry[]) => void;
   /**
    * Emitted when files are added into the list
    * @param files Array of files that were added
@@ -13078,7 +13172,7 @@ export interface QUploader extends ComponentPublicInstance<QUploaderProps> {
    * Trigger file pick; Must be called as a direct consequence of user interaction (eg. in a click handler), due to browsers security policy
    * @param evt JS event object
    */
-  pickFiles: (evt?: LooseDictionary) => void;
+  pickFiles: (evt?: any) => void;
   /**
    * Add files programmatically
    * @param files Array of files (instances of File)
@@ -13108,7 +13202,7 @@ export interface QUploader extends ComponentPublicInstance<QUploaderProps> {
    * Remove specified file from the queue
    * @param file File to remove (instance of File)
    */
-  removeFile: (file: LooseDictionary) => void;
+  removeFile: (file: any) => void;
 }
 
 export interface QUploaderAddTriggerProps {}
@@ -13283,6 +13377,8 @@ export interface QVirtualScroll
   refresh: (index?: string | number) => void;
 }
 
+import { VueClassProp } from "./api";
+import { VueStyleProp } from "./api";
 export interface DialogChainObject {
   /**
    * Receives a Function param to tell what to do when OK is pressed / option is selected
@@ -13312,7 +13408,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: any) => DialogChainObject;
 }
 
 import { CookiesGetMethodType } from "./api";
@@ -13320,11 +13416,11 @@ export interface QDialogOptions {
   /**
    * CSS Class name to apply to the Dialog's QCard
    */
-  class?: string | any[] | LooseDictionary;
+  class?: VueClassProp;
   /**
    * CSS style to apply to the Dialog's QCard
    */
-  style?: string | any[] | LooseDictionary;
+  style?: VueStyleProp;
   /**
    * A text for the heading title of the dialog
    */
@@ -13364,7 +13460,7 @@ export interface QDialogOptions {
     /**
      * Attributes to pass to prompt control
      */
-    attrs?: LooseDictionary;
+    attrs?: any;
     /**
      * A text label that will “float” up above the input field, once the field gets focus
      */
@@ -13539,107 +13635,22 @@ export interface QDialogOptions {
   /**
    * User defined props which will be forwarded to underlying custom component if 'component' prop is used
    */
-  componentProps?: LooseDictionary;
+  componentProps?: any;
 }
 
 import { WebStorageGetItemMethodType } from "./api";
 import { WebStorageGetIndexMethodType } from "./api";
 import { WebStorageGetKeyMethodType } from "./api";
 import { WebStorageGetAllKeysMethodType } from "./api";
+import { VueStyleObjectProp } 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 { QRejectedEntry } from "./api";
+import { SliderMarkerLabels } from "./api";
+import { SliderMarkerLabelConfig } from "./api";
+import { SliderMarkerLabelArrayConfig } from "./api";
+import { SliderMarkerLabelObjectConfig } from "./api";
+import { QTreeNode } from "./api";
+import { QUploaderFactoryFn } from "./api";
 import { QVueGlobals, QSingletonGlobals } from "./globals";
 declare module "./globals" {
   export interface QVueGlobals {
@@ -13658,11 +13669,11 @@ declare module "./globals" {
       /**
        * CSS Class name to apply to the Dialog's QCard
        */
-      class?: string | any[] | LooseDictionary;
+      class?: VueClassProp;
       /**
        * CSS style to apply to the Dialog's QCard
        */
-      style?: string | any[] | LooseDictionary;
+      style?: VueStyleProp;
       /**
        * Title
        */
@@ -13678,7 +13689,7 @@ declare module "./globals" {
         /**
          * CSS classes for this action
          */
-        classes?: string | any[] | LooseDictionary;
+        classes?: VueClassProp;
         /**
          * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
          */
@@ -13811,11 +13822,11 @@ declare module "./globals" {
             /**
              * Style definitions to be attributed to the badge
              */
-            badgeStyle?: any[] | string | LooseDictionary;
+            badgeStyle?: VueStyleProp;
             /**
              * Class definitions to be attributed to the badge
              */
-            badgeClass?: any[] | string | LooseDictionary;
+            badgeClass?: VueClassProp;
             /**
              * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
              */
@@ -13823,7 +13834,7 @@ declare module "./globals" {
             /**
              * Class definitions to be attributed to the progress bar
              */
-            progressClass?: any[] | string | LooseDictionary;
+            progressClass?: VueClassProp;
             /**
              * Add CSS class(es) to the notification for easier customization
              */
@@ -13831,7 +13842,7 @@ declare module "./globals" {
             /**
              * Key-value for attributes to be set on the notification
              */
-            attrs?: LooseDictionary;
+            attrs?: any;
             /**
              * Amount of time to display (in milliseconds)
              * Default value: 5000
@@ -13903,7 +13914,7 @@ declare module "./globals" {
       /**
        * Class definitions to be attributed to the progress bar
        */
-      progressClass?: any[] | string | LooseDictionary;
+      progressClass?: VueClassProp;
       /**
        * Add CSS class(es) to the notification for easier customization
        */
@@ -13911,7 +13922,7 @@ declare module "./globals" {
       /**
        * Key-value for attributes to be set on the notification
        */
-      attrs?: LooseDictionary;
+      attrs?: any;
       /**
        * Amount of time to display (in milliseconds)
        * Default value: 5000