quasar 2.5.3 → 2.6.0

package/dist/types/index.d.ts

@@ -1,5 +1,7 @@
 // @ts-ignore
 /// <reference types="@quasar/app" />
+/// <reference types="@quasar/app-webpack" />
+/// <reference types="@quasar/app-vite" />
 import { App, Component, ComponentPublicInstance, VNode } from "vue";
 import { ComponentConstructor, GlobalComponentConstructor } from "./ts-helpers";
 
@@ -82,7 +84,7 @@ export interface BottomSheet {
        */
       classes?: VueClassProp;
       /**
-       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
        */
       icon?: string;
       /**
@@ -469,9 +471,17 @@ export interface Notify {
            */
           html?: boolean;
           /**
-           * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+           * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
            */
           icon?: string;
+          /**
+           * Color name for component from the Quasar Color Palette
+           */
+          iconColor?: string;
+          /**
+           * Size in CSS units, including unit name
+           */
+          iconSize?: string;
           /**
            * URL to an avatar/image; Suggestion: public folder
            */
@@ -480,6 +490,14 @@ export interface Notify {
            * 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;
+          /**
+           * Color name for component from the Quasar Color Palette
+           */
+          spinnerColor?: string;
+          /**
+           * Size in CSS units, including unit name
+           */
+          spinnerSize?: string;
           /**
            * Window side/corner to stick to
            * Default value: bottom
@@ -593,9 +611,17 @@ export interface Notify {
      */
     html?: boolean;
     /**
-     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
      */
     icon?: string;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    iconColor?: string;
+    /**
+     * Size in CSS units, including unit name
+     */
+    iconSize?: string;
     /**
      * URL to an avatar/image; Suggestion: use public folder
      */
@@ -604,6 +630,14 @@ export interface Notify {
      * 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;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    spinnerColor?: string;
+    /**
+     * Size in CSS units, including unit name
+     */
+    spinnerSize?: string;
     /**
      * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
      */
@@ -676,9 +710,17 @@ export interface Notify {
      */
     html?: boolean;
     /**
-     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
      */
     icon?: string;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    iconColor?: string;
+    /**
+     * Size in CSS units, including unit name
+     */
+    iconSize?: string;
     /**
      * URL to an avatar/image; Suggestion: use public folder
      */
@@ -687,6 +729,14 @@ export interface Notify {
      * 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;
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    spinnerColor?: string;
+    /**
+     * Size in CSS units, including unit name
+     */
+    spinnerSize?: string;
     /**
      * Window side/corner to stick to
      * Default value: bottom
@@ -793,9 +843,17 @@ export interface Notify {
        */
       html?: boolean;
       /**
-       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
        */
       icon?: string;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      iconColor?: string;
+      /**
+       * Size in CSS units, including unit name
+       */
+      iconSize?: string;
       /**
        * URL to an avatar/image; Suggestion: use public folder
        */
@@ -804,6 +862,14 @@ export interface Notify {
        * 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;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      spinnerColor?: string;
+      /**
+       * Size in CSS units, including unit name
+       */
+      spinnerSize?: string;
       /**
        * Window side/corner to stick to
        * Default value: bottom
@@ -1344,7 +1410,7 @@ export interface QAvatarProps {
    */
   textColor?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -1556,7 +1622,7 @@ export interface QBreadcrumbsElProps {
    */
   label?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -1616,11 +1682,11 @@ export interface QBtnDropdownProps {
    */
   label?: string | number | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconRight?: string | undefined;
   /**
@@ -1721,7 +1787,7 @@ export interface QBtnDropdownProps {
    */
   split?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   dropdownIcon?: string | undefined;
   /**
@@ -1815,27 +1881,27 @@ export interface QBtnDropdownProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
   /**
    * Emitted when user clicks/taps on the main button (not the icon one, if using 'split')
    * @param evt JS event object
    */
-  onClick?: (evt: any) => void;
+  onClick?: (evt: Event) => void;
 }
 
 export interface QBtnDropdownSlots {
@@ -1855,17 +1921,17 @@ export interface QBtnDropdown
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => void;
 }
 
 export interface QBtnGroupProps {
@@ -2095,11 +2161,11 @@ export interface QBtnProps {
    */
   label?: string | number | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconRight?: string | undefined;
   /**
@@ -2212,7 +2278,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: any, navigateFn: () => void) => void;
+  onClick?: (evt: Event, navigateFn: () => void) => void;
 }
 
 export interface QBtnSlots {
@@ -2231,7 +2297,7 @@ export interface QBtn extends ComponentPublicInstance<QBtnProps> {
    * Emulate click on QBtn
    * @param evt JS event object
    */
-  click: (evt?: any) => void;
+  click: (evt?: Event) => void;
 }
 
 export interface QCardProps {
@@ -2418,11 +2484,11 @@ export interface QCarouselProps {
    */
   arrows?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   prevIcon?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   nextIcon?: string | undefined;
   /**
@@ -2435,7 +2501,7 @@ export interface QCarouselProps {
    */
   navigationPosition?: "top" | "right" | "bottom" | "left" | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   navigationIcon?: string | undefined;
   /**
@@ -2506,7 +2572,7 @@ export interface QCarouselSlots {
      * Default trigger when clicked/tapped on
      * @param evt JS event object
      */
-    onClick: (evt: any) => void;
+    onClick: (evt: Event) => void;
   }) => VNode[];
 }
 
@@ -2764,7 +2830,7 @@ export interface QCheckboxProps {
    * @param value New model value
    * @param evt JS event object
    */
-  "onUpdate:modelValue"?: (value: any, evt: any) => void;
+  "onUpdate:modelValue"?: (value: any, evt: Event) => void;
 }
 
 export interface QCheckboxSlots {
@@ -2795,19 +2861,19 @@ export interface QChipProps {
    */
   dark?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconRight?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconRemove?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconSelected?: string | undefined;
   /**
@@ -2864,7 +2930,7 @@ export interface QChipProps {
    * Emitted on QChip click if 'clickable' property is set
    * @param evt JS event object
    */
-  onClick?: (evt: any) => void;
+  onClick?: (evt: Event) => void;
   /**
    * Used by Vue on 'v-model:selected' for updating its value
    * @param state Selected state
@@ -3489,22 +3555,22 @@ export interface QDialogProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
   /**
    * Emitted when the Dialog shakes in order to catch user's attention, unless the 'no-shake' property is set
    */
@@ -3527,17 +3593,17 @@ export interface QDialog extends ComponentPublicInstance<QDialogProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => void;
   /**
    * Focus dialog; if you have content with autofocus attribute, it will directly focus it
    */
@@ -3631,22 +3697,22 @@ export interface QDrawerProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
   /**
    * Emitted when drawer toggles between occupying space on page or not
    * @param state New state
@@ -3656,17 +3722,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: any) => void;
+  onClick?: (evt: Event) => 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: any) => void;
+  onMouseover?: (evt: Event) => 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: any) => void;
+  onMouseout?: (evt: Event) => void;
   /**
    * Emitted when drawer changes the mini-mode state (sometimes it is forced to do so)
    * @param state New state
@@ -3690,17 +3756,17 @@ export interface QDrawer extends ComponentPublicInstance<QDrawerProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => void;
 }
 
 export interface QEditorProps {
@@ -3950,11 +4016,11 @@ export interface QExpansionItemProps {
    */
   modelValue?: boolean;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   expandIcon?: string | undefined;
   /**
@@ -4047,22 +4113,22 @@ export interface QExpansionItemProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
   /**
    * Emitted when component show animation is finished
    */
@@ -4090,17 +4156,17 @@ export interface QExpansionItem
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => void;
 }
 
 export interface QFabProps {
@@ -4182,11 +4248,11 @@ export interface QFabProps {
    */
   modelValue?: boolean;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   activeIcon?: string | undefined;
   /**
@@ -4216,22 +4282,22 @@ export interface QFabProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
 }
 
 export interface QFabSlots {
@@ -4280,17 +4346,17 @@ export interface QFab extends ComponentPublicInstance<QFabProps> {
    * Expands fab actions list
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Collapses fab actions list
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => void;
 }
 
 export interface QFabActionProps {
@@ -4368,7 +4434,7 @@ export interface QFabActionProps {
    */
   tabindex?: number | string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -4387,7 +4453,7 @@ export interface QFabActionProps {
    * Emitted when user clicks/taps on the component
    * @param evt JS event object
    */
-  onClick?: (evt: any) => void;
+  onClick?: (evt: Event) => void;
 }
 
 export interface QFabActionSlots {
@@ -4410,7 +4476,7 @@ export interface QFabAction extends ComponentPublicInstance<QFabActionProps> {
    * Emulate click on QFabAction
    * @param evt JS event object
    */
-  click: (evt?: any) => void;
+  click: (evt?: Event) => void;
 }
 
 export interface QFieldProps {
@@ -4580,12 +4646,12 @@ export interface QFieldProps {
    * Emitted when component gets focused
    * @param evt JS event object
    */
-  onFocus?: (evt: any) => void;
+  onFocus?: (evt: Event) => void;
   /**
    * Emitted when component loses focus
    * @param evt JS event object
    */
-  onBlur?: (evt: any) => void;
+  onBlur?: (evt: Event) => void;
 }
 
 export interface QFieldSlots {
@@ -5012,7 +5078,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?: any) => void;
+  pickFiles: (evt?: Event) => void;
   /**
    * Add files programmatically
    * @param files Array of files (instances of File)
@@ -5111,8 +5177,9 @@ export interface QFormProps {
   greedy?: boolean | undefined;
   /**
    * Emitted when all validations have passed when tethered to a submit button
+   * @param evt Form submission event object
    */
-  onSubmit?: () => void;
+  onSubmit?: (evt: Event | SubmitEvent) => void;
   /**
    * Emitted when all validations have been reset when tethered to a reset button; It is recommended to manually reset the wrapped components models in this handler
    */
@@ -5154,12 +5221,12 @@ export interface QForm extends ComponentPublicInstance<QFormProps> {
    * Manually trigger form validation and submit
    * @param evt JS event object
    */
-  submit: (evt?: any) => void;
+  submit: (evt?: Event) => void;
   /**
    * Manually trigger form reset
    * @param evt JS event object
    */
-  reset: (evt?: any) => void;
+  reset: (evt?: Event) => void;
   /**
    * Get array of children vue components that support validation
    * @returns Vue components that support Quasar validation API
@@ -5239,7 +5306,7 @@ export interface QIconProps {
    */
   tag?: string | undefined;
   /**
-   * Name of the icon, following Quasar convention
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   name?: string | undefined;
   /**
@@ -5746,12 +5813,12 @@ export interface QInputProps {
    * Emitted when component gets focused
    * @param evt JS event object
    */
-  onFocus?: (evt: any) => void;
+  onFocus?: (evt: Event) => void;
   /**
    * Emitted when component loses focus
    * @param evt JS event object
    */
-  onBlur?: (evt: any) => void;
+  onBlur?: (evt: Event) => void;
 }
 
 export interface QInputSlots {
@@ -6078,11 +6145,23 @@ export interface QKnobProps {
    * The maximum value that the model (the knob value) should go to
    */
   max?: number | undefined;
+  /**
+   * Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop
+   */
+  innerMin?: number | undefined;
+  /**
+   * Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop
+   */
+  innerMax?: number | undefined;
   /**
    * A number representing steps in the value of the model, while adjusting the knob
    * Default value: 1
    */
   step?: number | undefined;
+  /**
+   * Reverses the direction of progress
+   */
+  reverse?: boolean | undefined;
   /**
    * No animation when model changes
    */
@@ -6471,22 +6550,22 @@ export interface QMenuProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
   /**
    * Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent'
    */
@@ -6505,17 +6584,17 @@ export interface QMenu extends ComponentPublicInstance<QMenuProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => 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
    */
@@ -6855,19 +6934,19 @@ export interface QPaginationProps {
    */
   input?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconPrev?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconNext?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconFirst?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   iconLast?: string | undefined;
   /**
@@ -7207,12 +7286,12 @@ export interface QPopupEdit extends ComponentPublicInstance<QPopupEditProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => 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
    */
@@ -7251,22 +7330,22 @@ export interface QPopupProxyProps {
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
 }
 
 export interface QPopupProxySlots {
@@ -7281,17 +7360,17 @@ export interface QPopupProxy extends ComponentPublicInstance<QPopupProxyProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => void;
 }
 
 export interface QPullToRefreshProps {
@@ -7407,7 +7486,7 @@ export interface QRadioProps {
    * @param value New model value
    * @param evt JS event object
    */
-  "onUpdate:modelValue"?: (value: any, evt: any) => void;
+  "onUpdate:modelValue"?: (value: any, evt: Event) => void;
 }
 
 export interface QRadioSlots {
@@ -8337,7 +8416,7 @@ export interface QSelectProps {
    */
   hideDropdownIcon?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   dropdownIcon?: string | undefined;
   /**
@@ -8582,12 +8661,12 @@ export interface QSelectProps {
    * Emitted when the select options menu or dialog is shown.
    * @param evt JS event object
    */
-  onPopupShow?: (evt: any) => void;
+  onPopupShow?: (evt: Event) => void;
   /**
    * Emitted when the select options menu or dialog is hidden.
    * @param evt JS event object
    */
-  onPopupHide?: (evt: any) => void;
+  onPopupHide?: (evt: Event) => void;
 }
 
 export interface QSelectSlots {
@@ -8792,8 +8871,13 @@ export interface QSelect extends ComponentPublicInstance<QSelectProps> {
    */
   toggleOption: (opt: any, keepOpen?: boolean) => void;
   /**
-   * Sets option from menu as 'focused'
-   * @param index Index of option from menu
+   * Gets current focused option index from menu; It's -1 if no option is focused
+   * @returns Index of option from menu; It's -1 if no option is focused
+   */
+  getOptionIndex: () => number;
+  /**
+   * Sets option from menu as 'focused'; -1 to focus none
+   * @param index Index of option from menu; -1 to focus none
    */
   setOptionIndex: (index: number) => void;
   /**
@@ -9808,7 +9892,7 @@ export interface QStepProps {
    */
   disable?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -9828,7 +9912,7 @@ export interface QStepProps {
    */
   prefix?: string | number | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   doneIcon?: string | undefined;
   /**
@@ -9836,7 +9920,7 @@ export interface QStepProps {
    */
   doneColor?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   activeIcon?: string | undefined;
   /**
@@ -9844,7 +9928,7 @@ export interface QStepProps {
    */
   activeColor?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   errorIcon?: string | undefined;
   /**
@@ -9952,7 +10036,7 @@ export interface QStepperProps {
    */
   contracted?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   inactiveIcon?: string | undefined;
   /**
@@ -9960,7 +10044,7 @@ export interface QStepperProps {
    */
   inactiveColor?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   doneIcon?: string | undefined;
   /**
@@ -9968,7 +10052,7 @@ export interface QStepperProps {
    */
   doneColor?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   activeIcon?: string | undefined;
   /**
@@ -9976,7 +10060,7 @@ export interface QStepperProps {
    */
   activeColor?: string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   errorIcon?: string | undefined;
   /**
@@ -10560,21 +10644,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: any, row: any, index: number) => void;
+  onRowClick?: (evt: Event, 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: any, row: any, index: number) => void;
+  onRowDblclick?: (evt: Event, 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: any, row: any, index: number) => void;
+  onRowContextmenu?: (evt: Event, row: any, index: number) => void;
   /**
    * Emitted when a server request is triggered
    * @param requestProp Props of the request
@@ -10643,7 +10727,7 @@ export interface QTableProps {
     /**
      * JS event object
      */
-    evt: any;
+    evt: Event;
   }) => void;
   /**
    * Used by Vue on 'v-model:pagination' for updating its value
@@ -11832,7 +11916,7 @@ export interface QRouteTabProps {
    */
   disable?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -11874,7 +11958,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: any, navigateFn: () => void) => void;
+  onClick?: (evt: Event, navigateFn: () => void) => void;
 }
 
 export interface QRouteTabSlots {
@@ -11888,7 +11972,7 @@ export interface QRouteTab extends ComponentPublicInstance<QRouteTabProps> {}
 
 export interface QTabProps {
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -12260,7 +12344,7 @@ export interface QTimelineEntryProps {
    */
   side?: "left" | "right" | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -12387,7 +12471,7 @@ export interface QToggleProps {
    */
   tabindex?: number | string | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -12399,7 +12483,7 @@ export interface QToggleProps {
    * @param value New model value
    * @param evt JS event object
    */
-  "onUpdate:modelValue"?: (value: any, evt: any) => void;
+  "onUpdate:modelValue"?: (value: any, evt: Event) => void;
 }
 
 export interface QToggleSlots {
@@ -12554,22 +12638,22 @@ export interface QTooltipProps {
    * Emitted after component has triggered show()
    * @param evt JS event object
    */
-  onShow?: (evt: any) => void;
+  onShow?: (evt: Event) => void;
   /**
    * Emitted when component triggers show() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeShow?: (evt: any) => void;
+  onBeforeShow?: (evt: Event) => void;
   /**
    * Emitted after component has triggered hide()
    * @param evt JS event object
    */
-  onHide?: (evt: any) => void;
+  onHide?: (evt: Event) => void;
   /**
    * Emitted when component triggers hide() but before it finishes doing it
    * @param evt JS event object
    */
-  onBeforeHide?: (evt: any) => void;
+  onBeforeHide?: (evt: Event) => void;
 }
 
 export interface QTooltipSlots {
@@ -12584,17 +12668,17 @@ export interface QTooltip extends ComponentPublicInstance<QTooltipProps> {
    * Triggers component to show
    * @param evt JS event object
    */
-  show: (evt?: any) => void;
+  show: (evt?: Event) => void;
   /**
    * Triggers component to hide
    * @param evt JS event object
    */
-  hide: (evt?: any) => void;
+  hide: (evt?: Event) => void;
   /**
    * Triggers component to toggle between show/hide
    * @param evt JS event object
    */
-  toggle: (evt?: any) => void;
+  toggle: (evt?: Event) => 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
    */
@@ -12649,7 +12733,7 @@ export interface QTreeProps {
    */
   dark?: boolean | undefined;
   /**
-   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
    */
   icon?: string | undefined;
   /**
@@ -13194,7 +13278,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?: any) => void;
+  pickFiles: (evt?: Event) => void;
   /**
    * Add files programmatically
    * @param files Array of files (instances of File)
@@ -13653,7 +13737,7 @@ export interface QDialogOptions {
   /**
    * Use custom dialog component; use along with 'componentProps' prop where possible
    */
-  component?: Component;
+  component?: Component | string;
   /**
    * User defined props which will be forwarded to underlying custom component if 'component' prop is used
    */
@@ -13713,7 +13797,7 @@ declare module "./globals" {
          */
         classes?: VueClassProp;
         /**
-         * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+         * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
          */
         icon?: string;
         /**
@@ -13794,9 +13878,17 @@ declare module "./globals" {
              */
             html?: boolean;
             /**
-             * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+             * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
              */
             icon?: string;
+            /**
+             * Color name for component from the Quasar Color Palette
+             */
+            iconColor?: string;
+            /**
+             * Size in CSS units, including unit name
+             */
+            iconSize?: string;
             /**
              * URL to an avatar/image; Suggestion: public folder
              */
@@ -13805,6 +13897,14 @@ declare module "./globals" {
              * 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;
+            /**
+             * Color name for component from the Quasar Color Palette
+             */
+            spinnerColor?: string;
+            /**
+             * Size in CSS units, including unit name
+             */
+            spinnerSize?: string;
             /**
              * Window side/corner to stick to
              * Default value: bottom
@@ -13918,9 +14018,17 @@ declare module "./globals" {
        */
       html?: boolean;
       /**
-       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
+       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)
        */
       icon?: string;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      iconColor?: string;
+      /**
+       * Size in CSS units, including unit name
+       */
+      iconSize?: string;
       /**
        * URL to an avatar/image; Suggestion: use public folder
        */
@@ -13929,6 +14037,14 @@ declare module "./globals" {
        * 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;
+      /**
+       * Color name for component from the Quasar Color Palette
+       */
+      spinnerColor?: string;
+      /**
+       * Size in CSS units, including unit name
+       */
+      spinnerSize?: string;
       /**
        * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
        */
@@ -14434,6 +14550,7 @@ declare module "./lang" {
     eo: true;
     es: true;
     et: true;
+    eu: true;
     "fa-IR": true;
     fa: true;
     fi: true;
@@ -14449,6 +14566,7 @@ declare module "./lang" {
     km: true;
     "ko-KR": true;
     "kur-CKB": true;
+    kz: true;
     lt: true;
     lu: true;
     lv: true;