quasar 2.6.0 → 2.6.3

package/dist/types/index.d.ts

@@ -444,506 +444,19 @@ export interface Notify {
    * @returns Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)
    */
   create: (
-    opts:
-      | {
-          /**
-           * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
-           */
-          type?: string;
-          /**
-           * Color name for component from the Quasar Color Palette
-           */
-          color?: string;
-          /**
-           * Color name for component from the Quasar Color Palette
-           */
-          textColor?: string;
-          /**
-           * The content of your message
-           */
-          message?: string;
-          /**
-           * The content of your optional caption
-           */
-          caption?: string;
-          /**
-           * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
-           */
-          html?: boolean;
-          /**
-           * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
-           */
-          avatar?: string;
-          /**
-           * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
-           */
-          spinner?: boolean | Component;
-          /**
-           * 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
-           */
-          position?:
-            | "top-left"
-            | "top-right"
-            | "bottom-left"
-            | "bottom-right"
-            | "top"
-            | "bottom"
-            | "left"
-            | "right"
-            | "center";
-          /**
-           * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
-           * Default value: (message + caption + multiline + actions labels + position)
-           */
-          group?: boolean | string | number;
-          /**
-           * Color name for the badge from the Quasar Color Palette
-           */
-          badgeColor?: string;
-          /**
-           * Color name for the badge text from the Quasar Color Palette
-           */
-          badgeTextColor?: string;
-          /**
-           * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
-           * Default value: (top-left/top-right)
-           */
-          badgePosition?:
-            | "top-left"
-            | "top-right"
-            | "bottom-left"
-            | "bottom-right";
-          /**
-           * Style definitions to be attributed to the badge
-           */
-          badgeStyle?: VueStyleProp;
-          /**
-           * Class definitions to be attributed to the badge
-           */
-          badgeClass?: VueClassProp;
-          /**
-           * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
-           */
-          progress?: boolean;
-          /**
-           * Class definitions to be attributed to the progress bar
-           */
-          progressClass?: VueClassProp;
-          /**
-           * Add CSS class(es) to the notification for easier customization
-           */
-          classes?: string;
-          /**
-           * Key-value for attributes to be set on the notification
-           */
-          attrs?: any;
-          /**
-           * Amount of time to display (in milliseconds)
-           * Default value: 5000
-           */
-          timeout?: number;
-          /**
-           * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
-           */
-          actions?: any[];
-          /**
-           * Function to call when notification gets dismissed
-           */
-          onDismiss?: () => void;
-          /**
-           * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
-           */
-          closeBtn?: boolean | string;
-          /**
-           * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
-           */
-          multiLine?: boolean;
-          /**
-           * Ignore the default configuration (set by setDefaults()) for this instance only
-           */
-          ignoreDefaults?: boolean;
-        }
-      | string
-  ) => (props?: {
-    /**
-     * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
-     */
-    type?: string;
-    /**
-     * Color name for component from the Quasar Color Palette
-     */
-    color?: string;
-    /**
-     * Color name for component from the Quasar Color Palette
-     */
-    textColor?: string;
-    /**
-     * The content of your message
-     */
-    message?: string;
-    /**
-     * The content of your optional caption
-     */
-    caption?: string;
-    /**
-     * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
-     */
-    html?: boolean;
-    /**
-     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
-     */
-    avatar?: string;
-    /**
-     * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
-     */
-    spinner?: boolean | Component;
-    /**
-     * 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)
-     */
-    progress?: boolean;
-    /**
-     * Class definitions to be attributed to the progress bar
-     */
-    progressClass?: VueClassProp;
-    /**
-     * Add CSS class(es) to the notification for easier customization
-     */
-    classes?: string;
-    /**
-     * Key-value for attributes to be set on the notification
-     */
-    attrs?: any;
-    /**
-     * Amount of time to display (in milliseconds)
-     * Default value: 5000
-     */
-    timeout?: number;
-    /**
-     * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
-     */
-    actions?: any[];
-    /**
-     * Function to call when notification gets dismissed
-     */
-    onDismiss?: () => void;
-    /**
-     * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
-     */
-    closeBtn?: boolean | string;
-    /**
-     * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
-     */
-    multiLine?: boolean;
-    /**
-     * Ignore the default configuration (set by setDefaults()) for this instance only
-     */
-    ignoreDefaults?: boolean;
-  }) => void;
+    opts: QNotifyCreateOptions | string
+  ) => (props?: QNotifyUpdateOptions) => void;
   /**
    * Merge options into the default ones
-   * @param opts Notification options
+   * @param opts Notification options (See 'opts' param of 'create()' for object properties)
    */
-  setDefaults: (opts: {
-    /**
-     * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
-     */
-    type?: string;
-    /**
-     * Color name for component from the Quasar Color Palette
-     */
-    color?: string;
-    /**
-     * Color name for component from the Quasar Color Palette
-     */
-    textColor?: string;
-    /**
-     * The content of your message
-     */
-    message?: string;
-    /**
-     * The content of your optional caption
-     */
-    caption?: string;
-    /**
-     * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
-     */
-    html?: boolean;
-    /**
-     * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
-     */
-    avatar?: string;
-    /**
-     * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
-     */
-    spinner?: boolean | Component;
-    /**
-     * 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
-     */
-    position?:
-      | "top-left"
-      | "top-right"
-      | "bottom-left"
-      | "bottom-right"
-      | "top"
-      | "bottom"
-      | "left"
-      | "right"
-      | "center";
-    /**
-     * Color name for the badge from the Quasar Color Palette
-     */
-    badgeColor?: string;
-    /**
-     * Color name for the badge text from the Quasar Color Palette
-     */
-    badgeTextColor?: string;
-    /**
-     * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
-     * Default value: (top-left/top-right)
-     */
-    badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    /**
-     * Style definitions to be attributed to the badge
-     */
-    badgeStyle?: VueStyleProp;
-    /**
-     * Class definitions to be attributed to the badge
-     */
-    badgeClass?: VueClassProp;
-    /**
-     * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
-     */
-    progress?: boolean;
-    /**
-     * Class definitions to be attributed to the progress bar
-     */
-    progressClass?: VueClassProp;
-    /**
-     * Add CSS class(es) to the notification for easier customization
-     */
-    classes?: string;
-    /**
-     * Key-value for attributes to be set on the notification
-     */
-    attrs?: any;
-    /**
-     * Amount of time to display (in milliseconds)
-     * Default value: 5000
-     */
-    timeout?: number;
-    /**
-     * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
-     */
-    actions?: any[];
-    /**
-     * Function to call when notification gets dismissed
-     */
-    onDismiss?: () => void;
-    /**
-     * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
-     */
-    closeBtn?: boolean | string;
-    /**
-     * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
-     */
-    multiLine?: boolean;
-  }) => void;
+  setDefaults: (opts: QNotifyOptions) => void;
   /**
    * Register a new type of notification (or override an existing one)
    * @param typeName Name of the type (to be used as 'type' prop later on)
-   * @param typeOpts Notification options
+   * @param typeOpts Notification options (See 'opts' param of 'create()' for object properties)
    */
-  registerType: (
-    typeName: string,
-    typeOpts: {
-      /**
-       * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
-       */
-      type?: string;
-      /**
-       * Color name for component from the Quasar Color Palette
-       */
-      color?: string;
-      /**
-       * Color name for component from the Quasar Color Palette
-       */
-      textColor?: string;
-      /**
-       * The content of your message
-       */
-      message?: string;
-      /**
-       * The content of your optional caption
-       */
-      caption?: string;
-      /**
-       * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
-       */
-      html?: boolean;
-      /**
-       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
-       */
-      avatar?: string;
-      /**
-       * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
-       */
-      spinner?: boolean | Component;
-      /**
-       * 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
-       */
-      position?:
-        | "top-left"
-        | "top-right"
-        | "bottom-left"
-        | "bottom-right"
-        | "top"
-        | "bottom"
-        | "left"
-        | "right"
-        | "center";
-      /**
-       * Color name for the badge from the Quasar Color Palette
-       */
-      badgeColor?: string;
-      /**
-       * Color name for the badge text from the Quasar Color Palette
-       */
-      badgeTextColor?: string;
-      /**
-       * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
-       * Default value: (top-left/top-right)
-       */
-      badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-      /**
-       * Style definitions to be attributed to the badge
-       */
-      badgeStyle?: VueStyleProp;
-      /**
-       * Class definitions to be attributed to the badge
-       */
-      badgeClass?: VueClassProp;
-      /**
-       * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
-       */
-      progress?: boolean;
-      /**
-       * Class definitions to be attributed to the progress bar
-       */
-      progressClass?: VueClassProp;
-      /**
-       * Add CSS class(es) to the notification for easier customization
-       */
-      classes?: string;
-      /**
-       * Key-value for attributes to be set on the notification
-       */
-      attrs?: any;
-      /**
-       * Amount of time to display (in milliseconds)
-       * Default value: 5000
-       */
-      timeout?: number;
-      /**
-       * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
-       */
-      actions?: any[];
-      /**
-       * Function to call when notification gets dismissed
-       */
-      onDismiss?: () => void;
-      /**
-       * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
-       */
-      closeBtn?: boolean | string;
-      /**
-       * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
-       */
-      multiLine?: boolean;
-    }
-  ) => void;
+  registerType: (typeName: string, typeOpts: QNotifyOptions) => void;
 }
 
 export interface Platform {
@@ -1586,23 +1099,23 @@ export interface QBreadcrumbs
 
 export interface QBreadcrumbsElProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used
    */
   to?: string | any | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
   /**
@@ -1662,11 +1175,11 @@ export interface QBtnDropdownProps {
    */
   type?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used
    */
   to?: string | any | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
@@ -2141,11 +1654,11 @@ export interface QBtnProps {
    */
   type?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used
    */
   to?: string | any | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
@@ -3980,23 +3493,23 @@ export interface QEditor extends ComponentPublicInstance<QEditorProps> {
 
 export interface QExpansionItemProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used
    */
   to?: string | any | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
   /**
@@ -5952,23 +5465,23 @@ export interface QIntersection
 
 export interface QItemProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used
    */
   to?: string | any | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
   /**
@@ -10281,6 +9794,10 @@ export interface QTableProps {
    * Display data using QVirtualScroll (for non-grid mode only)
    */
   virtualScroll?: boolean | undefined;
+  /**
+   * CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one
+   */
+  virtualScrollTarget?: Element | string | undefined;
   /**
    * Minimum number of rows to render in the virtual list
    * Default value: 30
@@ -11884,23 +11401,23 @@ export interface QTr extends ComponentPublicInstance<QTrProps> {}
 
 export interface QRouteTabProps {
   /**
-   * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used
    */
   to?: string | any | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used
    */
   exact?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used
    */
   replace?: boolean | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   activeClass?: string | undefined;
   /**
-   * Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used
+   * Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used
    */
   exactActiveClass?: string | undefined;
   /**
@@ -13748,6 +13265,145 @@ import { WebStorageGetItemMethodType } from "./api";
 import { WebStorageGetIndexMethodType } from "./api";
 import { WebStorageGetKeyMethodType } from "./api";
 import { WebStorageGetAllKeysMethodType } from "./api";
+import { QNotifyActions } from "./api";
+export interface QNotifyCreateOptions {
+  /**
+   * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
+   */
+  type?: string;
+  /**
+   * Color name for component from the Quasar Color Palette
+   */
+  color?: string;
+  /**
+   * Color name for component from the Quasar Color Palette
+   */
+  textColor?: string;
+  /**
+   * The content of your message
+   */
+  message?: string;
+  /**
+   * The content of your optional caption
+   */
+  caption?: string;
+  /**
+   * Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
+   */
+  html?: boolean;
+  /**
+   * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
+   */
+  avatar?: string;
+  /**
+   * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
+   */
+  spinner?: boolean | Component;
+  /**
+   * 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
+   */
+  position?:
+    | "top-left"
+    | "top-right"
+    | "bottom-left"
+    | "bottom-right"
+    | "top"
+    | "bottom"
+    | "left"
+    | "right"
+    | "center";
+  /**
+   * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
+   * Default value: (message + caption + multiline + actions labels + position)
+   */
+  group?: boolean | string | number;
+  /**
+   * Color name for the badge from the Quasar Color Palette
+   */
+  badgeColor?: string;
+  /**
+   * Color name for the badge text from the Quasar Color Palette
+   */
+  badgeTextColor?: string;
+  /**
+   * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
+   * Default value: (top-left/top-right)
+   */
+  badgePosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+  /**
+   * Style definitions to be attributed to the badge
+   */
+  badgeStyle?: VueStyleProp;
+  /**
+   * Class definitions to be attributed to the badge
+   */
+  badgeClass?: VueClassProp;
+  /**
+   * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
+   */
+  progress?: boolean;
+  /**
+   * Class definitions to be attributed to the progress bar
+   */
+  progressClass?: VueClassProp;
+  /**
+   * Add CSS class(es) to the notification for easier customization
+   */
+  classes?: string;
+  /**
+   * Key-value for attributes to be set on the notification
+   */
+  attrs?: any;
+  /**
+   * Amount of time to display (in milliseconds)
+   * Default value: 5000
+   */
+  timeout?: number;
+  /**
+   * Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop
+   */
+  actions?: QNotifyActions[];
+  /**
+   * Function to call when notification gets dismissed
+   */
+  onDismiss?: () => void;
+  /**
+   * Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language
+   */
+  closeBtn?: boolean | string;
+  /**
+   * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
+   */
+  multiLine?: boolean;
+  /**
+   * Ignore the default configuration (set by setDefaults()) for this instance only
+   */
+  ignoreDefaults?: boolean;
+}
+
+import { QNotifyUpdateOptions } from "./api";
+import { QNotifyOptions } from "./api";
 import { VueStyleObjectProp } from "./api";
 import { ValidationRule } from "./api";
 import { QRejectedEntry } from "./api";
@@ -13851,242 +13507,8 @@ declare module "./globals" {
      * @returns Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)
      */
     notify: (
-      opts:
-        | {
-            /**
-             * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
-             */
-            type?: string;
-            /**
-             * Color name for component from the Quasar Color Palette
-             */
-            color?: string;
-            /**
-             * Color name for component from the Quasar Color Palette
-             */
-            textColor?: string;
-            /**
-             * The content of your message
-             */
-            message?: string;
-            /**
-             * The content of your optional caption
-             */
-            caption?: string;
-            /**
-             * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
-             */
-            html?: boolean;
-            /**
-             * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
-             */
-            avatar?: string;
-            /**
-             * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
-             */
-            spinner?: boolean | Component;
-            /**
-             * 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
-             */
-            position?:
-              | "top-left"
-              | "top-right"
-              | "bottom-left"
-              | "bottom-right"
-              | "top"
-              | "bottom"
-              | "left"
-              | "right"
-              | "center";
-            /**
-             * Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered
-             * Default value: (message + caption + multiline + actions labels + position)
-             */
-            group?: boolean | string | number;
-            /**
-             * Color name for the badge from the Quasar Color Palette
-             */
-            badgeColor?: string;
-            /**
-             * Color name for the badge text from the Quasar Color Palette
-             */
-            badgeTextColor?: string;
-            /**
-             * Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left
-             * Default value: (top-left/top-right)
-             */
-            badgePosition?:
-              | "top-left"
-              | "top-right"
-              | "bottom-left"
-              | "bottom-right";
-            /**
-             * Style definitions to be attributed to the badge
-             */
-            badgeStyle?: VueStyleProp;
-            /**
-             * Class definitions to be attributed to the badge
-             */
-            badgeClass?: VueClassProp;
-            /**
-             * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
-             */
-            progress?: boolean;
-            /**
-             * Class definitions to be attributed to the progress bar
-             */
-            progressClass?: VueClassProp;
-            /**
-             * Add CSS class(es) to the notification for easier customization
-             */
-            classes?: string;
-            /**
-             * Key-value for attributes to be set on the notification
-             */
-            attrs?: any;
-            /**
-             * Amount of time to display (in milliseconds)
-             * Default value: 5000
-             */
-            timeout?: number;
-            /**
-             * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
-             */
-            actions?: any[];
-            /**
-             * Function to call when notification gets dismissed
-             */
-            onDismiss?: () => void;
-            /**
-             * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
-             */
-            closeBtn?: boolean | string;
-            /**
-             * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
-             */
-            multiLine?: boolean;
-            /**
-             * Ignore the default configuration (set by setDefaults()) for this instance only
-             */
-            ignoreDefaults?: boolean;
-          }
-        | string
-    ) => (props?: {
-      /**
-       * Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')
-       */
-      type?: string;
-      /**
-       * Color name for component from the Quasar Color Palette
-       */
-      color?: string;
-      /**
-       * Color name for component from the Quasar Color Palette
-       */
-      textColor?: string;
-      /**
-       * The content of your message
-       */
-      message?: string;
-      /**
-       * The content of your optional caption
-       */
-      caption?: string;
-      /**
-       * Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first
-       */
-      html?: boolean;
-      /**
-       * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; 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
-       */
-      avatar?: string;
-      /**
-       * Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown
-       */
-      spinner?: boolean | Component;
-      /**
-       * 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)
-       */
-      progress?: boolean;
-      /**
-       * Class definitions to be attributed to the progress bar
-       */
-      progressClass?: VueClassProp;
-      /**
-       * Add CSS class(es) to the notification for easier customization
-       */
-      classes?: string;
-      /**
-       * Key-value for attributes to be set on the notification
-       */
-      attrs?: any;
-      /**
-       * Amount of time to display (in milliseconds)
-       * Default value: 5000
-       */
-      timeout?: number;
-      /**
-       * Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop
-       */
-      actions?: any[];
-      /**
-       * Function to call when notification gets dismissed
-       */
-      onDismiss?: () => void;
-      /**
-       * Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language
-       */
-      closeBtn?: boolean | string;
-      /**
-       * Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default
-       */
-      multiLine?: boolean;
-      /**
-       * Ignore the default configuration (set by setDefaults()) for this instance only
-       */
-      ignoreDefaults?: boolean;
-    }) => void;
+      opts: QNotifyCreateOptions | string
+    ) => (props?: QNotifyUpdateOptions) => void;
     platform: Platform;
     screen: Screen;
     sessionStorage: SessionStorage;
@@ -14536,6 +13958,7 @@ export interface QuasarPluginOptions {
 import "./lang";
 declare module "./lang" {
   export interface QuasarLanguageCodesHolder {
+    "ar-TN": true;
     ar: true;
     "az-Latn": true;
     bg: true;