quasar 2.4.11 → 2.5.1

package/dist/types/index.d.ts

@@ -60,11 +60,11 @@ export interface BottomSheet {
     /**
      * CSS Class name to apply to the Dialog's QCard
      */
-    class?: string | any[] | any;
+    class?: VueClassProp;
     /**
      * CSS style to apply to the Dialog's QCard
      */
-    style?: string | any[] | any;
+    style?: VueStyleProp;
     /**
      * Title
      */
@@ -80,7 +80,7 @@ export interface BottomSheet {
       /**
        * CSS classes for this action
        */
-      classes?: string | any[] | any;
+      classes?: VueClassProp;
       /**
        * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
        */
@@ -519,11 +519,11 @@ export interface Notify {
           /**
            * Style definitions to be attributed to the badge
            */
-          badgeStyle?: any[] | string | any;
+          badgeStyle?: VueStyleProp;
           /**
            * Class definitions to be attributed to the badge
            */
-          badgeClass?: any[] | string | any;
+          badgeClass?: VueClassProp;
           /**
            * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
            */
@@ -531,7 +531,7 @@ export interface Notify {
           /**
            * Class definitions to be attributed to the progress bar
            */
-          progressClass?: any[] | string | any;
+          progressClass?: VueClassProp;
           /**
            * Add CSS class(es) to the notification for easier customization
            */
@@ -611,7 +611,7 @@ export interface Notify {
     /**
      * Class definitions to be attributed to the progress bar
      */
-    progressClass?: any[] | string | any;
+    progressClass?: VueClassProp;
     /**
      * Add CSS class(es) to the notification for easier customization
      */
@@ -717,11 +717,11 @@ export interface Notify {
     /**
      * Style definitions to be attributed to the badge
      */
-    badgeStyle?: any[] | string | any;
+    badgeStyle?: VueStyleProp;
     /**
      * Class definitions to be attributed to the badge
      */
-    badgeClass?: any[] | string | any;
+    badgeClass?: VueClassProp;
     /**
      * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
      */
@@ -729,7 +729,7 @@ export interface Notify {
     /**
      * Class definitions to be attributed to the progress bar
      */
-    progressClass?: any[] | string | any;
+    progressClass?: VueClassProp;
     /**
      * Add CSS class(es) to the notification for easier customization
      */
@@ -834,11 +834,11 @@ export interface Notify {
       /**
        * Style definitions to be attributed to the badge
        */
-      badgeStyle?: any[] | string | any;
+      badgeStyle?: VueStyleProp;
       /**
        * Class definitions to be attributed to the badge
        */
-      badgeClass?: any[] | string | any;
+      badgeClass?: VueClassProp;
       /**
        * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
        */
@@ -846,7 +846,7 @@ export interface Notify {
       /**
        * Class definitions to be attributed to the progress bar
        */
-      progressClass?: any[] | string | any;
+      progressClass?: VueClassProp;
       /**
        * Add CSS class(es) to the notification for easier customization
        */
@@ -1739,11 +1739,11 @@ export interface QBtnDropdownProps {
   /**
    * Style definitions to be attributed to the menu
    */
-  contentStyle?: any[] | string | any | undefined;
+  contentStyle?: VueStyleProp | undefined;
   /**
    * Class definitions to be attributed to the menu
    */
-  contentClass?: any[] | string | any | undefined;
+  contentClass?: VueClassProp | undefined;
   /**
    * Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective
    */
@@ -2723,6 +2723,18 @@ export interface QCheckboxProps {
    * Label (if any specified) should be displayed on the left side of the component
    */
   leftLabel?: boolean | undefined;
+  /**
+   * The icon to be used when the model is truthy (instead of the default design)
+   */
+  checkedIcon?: string | undefined;
+  /**
+   * The icon to be used when the toggle is falsy (instead of the default design)
+   */
+  uncheckedIcon?: string | undefined;
+  /**
+   * The icon to be used when the model is indeterminate (instead of the default design)
+   */
+  indeterminateIcon?: string | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -3847,11 +3859,11 @@ export interface QEditorProps {
   /**
    * Object with CSS properties and values for styling the container of QEditor
    */
-  contentStyle?: any | undefined;
+  contentStyle?: VueStyleObjectProp | undefined;
   /**
    * CSS classes for the input area
    */
-  contentClass?: any | any[] | string | undefined;
+  contentClass?: VueClassProp | undefined;
   /**
    * Text to display as placeholder
    */
@@ -3952,7 +3964,7 @@ export interface QExpansionItemProps {
   /**
    * Apply custom class(es) to the expand icon item section
    */
-  expandIconClass?: any[] | string | any | undefined;
+  expandIconClass?: VueClassProp | undefined;
   /**
    * Header label (unless using 'header' slot)
    */
@@ -4021,11 +4033,11 @@ export interface QExpansionItemProps {
   /**
    * Apply custom style to the header
    */
-  headerStyle?: any[] | string | any | undefined;
+  headerStyle?: VueStyleProp | undefined;
   /**
    * Apply custom class(es) to the header
    */
-  headerClass?: any[] | string | any | undefined;
+  headerClass?: VueClassProp | undefined;
   /**
    * Emitted when showing/hidden state changes; Is also used by v-model
    * @param value New state (showing/hidden)
@@ -4148,11 +4160,11 @@ export interface QFabProps {
   /**
    * Class definitions to be attributed to the label container
    */
-  labelClass?: any[] | string | any | undefined;
+  labelClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the label container
    */
-  labelStyle?: any[] | string | any | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Apply a rectangle aspect to the FAB
    */
@@ -4338,11 +4350,11 @@ export interface QFabActionProps {
   /**
    * Class definitions to be attributed to the label container
    */
-  labelClass?: any[] | string | any | undefined;
+  labelClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the label container
    */
-  labelStyle?: any[] | string | any | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Apply a rectangle aspect to the FAB
    */
@@ -4898,11 +4910,11 @@ export interface QFileProps {
   /**
    * Class definitions to be attributed to the underlying selection container
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying selection container
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Emitted after files are picked and some do not pass the validation props (accept, max-file-size, max-total-size, filter, etc)
    * @param rejectedEntries Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation
@@ -5257,7 +5269,7 @@ export interface QImgProps {
   /**
    * Force the component to maintain an aspect ratio
    */
-  ratio?: string | number | string | number | undefined;
+  ratio?: string | number | undefined;
   /**
    * Path to image
    */
@@ -5329,7 +5341,7 @@ export interface QImgProps {
   /**
    * Apply CSS to the native img element
    */
-  imgStyle?: any | undefined;
+  imgStyle?: VueStyleObjectProp | undefined;
   /**
    * Color name for default Spinner (unless using a 'loading' slot)
    */
@@ -5497,7 +5509,7 @@ export interface QInnerLoadingProps {
   /**
    * Apply custom style to the label; Works along the 'label' prop only
    */
-  labelStyle?: any[] | string | any | undefined;
+  labelStyle?: VueStyleProp | undefined;
   /**
    * Notify the component that the background is a dark color
    */
@@ -5715,11 +5727,11 @@ export interface QInputProps {
   /**
    * Class definitions to be attributed to the underlying input tag
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying input tag
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * When using the 'clearable' property, this event is emitted when the clear icon is clicked
    * @param value The previous value before clearing it
@@ -6825,11 +6837,11 @@ export interface QPaginationProps {
   /**
    * Style definitions to be attributed to the input (if using one)
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Class definitions to be attributed to the input (if using one)
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Button size in CSS units, including unit name
    */
@@ -7358,6 +7370,14 @@ export interface QRadioProps {
    * Label (if any specified) should be displayed on the left side of the checkbox
    */
   leftLabel?: boolean | undefined;
+  /**
+   * The icon to be used when selected (instead of the default design)
+   */
+  checkedIcon?: string | undefined;
+  /**
+   * The icon to be used when un-selected (instead of the default design)
+   */
+  uncheckedIcon?: string | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -7500,12 +7520,7 @@ export interface QRangeProps {
    * @param value The marker value to transform
    * @returns Marker definition Object or directly a String for the label of the marker
    */
-  markerLabels?:
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | undefined;
+  markerLabels?: SliderMarkerLabels | undefined;
   /**
    * CSS class(es) to apply to the marker labels container
    */
@@ -7815,35 +7830,35 @@ export interface QScrollAreaProps {
   /**
    * Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)
    */
-  barStyle?: any[] | string | any | undefined;
+  barStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop
    */
-  verticalBarStyle?: any[] | string | any | undefined;
+  verticalBarStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop
    */
-  horizontalBarStyle?: any[] | string | any | undefined;
+  horizontalBarStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)
    */
-  thumbStyle?: any | undefined;
+  thumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop
    */
-  verticalThumbStyle?: any | undefined;
+  verticalThumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop
    */
-  horizontalThumbStyle?: any | undefined;
+  horizontalThumbStyle?: VueStyleObjectProp | undefined;
   /**
    * Object with CSS properties and values for styling the container of QScrollArea
    */
-  contentStyle?: any[] | string | any | undefined;
+  contentStyle?: VueStyleProp | undefined;
   /**
    * Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)
    */
-  contentActiveStyle?: any[] | string | any | undefined;
+  contentActiveStyle?: VueStyleProp | undefined;
   /**
    * Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior
    */
@@ -8404,7 +8419,7 @@ export interface QSelectProps {
   /**
    * Style definitions to be attributed to the popup content
    */
-  popupContentStyle?: any[] | string | any | undefined;
+  popupContentStyle?: VueStyleProp | undefined;
   /**
    * Use an input tag where users can type
    */
@@ -8437,11 +8452,11 @@ export interface QSelectProps {
   /**
    * Class definitions to be attributed to the underlying input tag
    */
-  inputClass?: any[] | string | any | undefined;
+  inputClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the underlying input tag
    */
-  inputStyle?: any[] | string | any | undefined;
+  inputStyle?: VueStyleProp | undefined;
   /**
    * Tabindex HTML attribute value
    */
@@ -9196,12 +9211,7 @@ export interface QSliderProps {
    * @param value The marker value to transform
    * @returns Marker definition Object or directly a String for the label of the marker
    */
-  markerLabels?:
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | SliderMarkerLabels
-    | undefined;
+  markerLabels?: SliderMarkerLabels | undefined;
   /**
    * CSS class(es) to apply to the marker labels container
    */
@@ -9743,19 +9753,19 @@ export interface QSplitterProps {
   /**
    * Class definitions to be attributed to the 'before' panel
    */
-  beforeClass?: any[] | string | any | undefined;
+  beforeClass?: VueClassProp | undefined;
   /**
    * Class definitions to be attributed to the 'after' panel
    */
-  afterClass?: any[] | string | any | undefined;
+  afterClass?: VueClassProp | undefined;
   /**
    * Class definitions to be attributed to the splitter separator
    */
-  separatorClass?: any[] | string | any | undefined;
+  separatorClass?: VueClassProp | undefined;
   /**
    * Style definitions to be attributed to the splitter separator
    */
-  separatorStyle?: any[] | string | any | undefined;
+  separatorStyle?: VueStyleProp | undefined;
   /**
    * Applies a default lighter color on the separator; To be used when background is darker; Avoid using when you are overriding through separator-class or separator-style props
    */
@@ -10432,39 +10442,39 @@ export interface QTableProps {
   /**
    * CSS style to apply to native HTML <table> element's wrapper (which is a DIV)
    */
-  tableStyle?: string | any[] | any | undefined;
+  tableStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to native HTML <table> element's wrapper (which is a DIV)
    */
-  tableClass?: string | any[] | any | undefined;
+  tableClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to header of native HTML <table> (which is a TR)
    */
-  tableHeaderStyle?: string | any[] | any | undefined;
+  tableHeaderStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to header of native HTML <table> (which is a TR)
    */
-  tableHeaderClass?: string | any[] | any | undefined;
+  tableHeaderClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to the cards container (when in grid mode)
    */
-  cardContainerStyle?: string | any[] | any | undefined;
+  cardContainerStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to the cards container (when in grid mode)
    */
-  cardContainerClass?: string | any[] | any | undefined;
+  cardContainerClass?: VueClassProp | undefined;
   /**
    * CSS style to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
-  cardStyle?: string | any[] | any | undefined;
+  cardStyle?: VueStyleProp | undefined;
   /**
    * CSS classes to apply to the card (when in grid mode) or container card (when not in grid mode)
    */
-  cardClass?: string | any[] | any | undefined;
+  cardClass?: VueClassProp | undefined;
   /**
    * CSS classes to apply to the title (if using 'title' prop)
    */
-  titleClass?: string | any[] | any | undefined;
+  titleClass?: VueClassProp | undefined;
   /**
    * String/Object to filter table with; When using an Object it requires 'filter-method' to also be specified since it will be a custom filtering
    */
@@ -12123,7 +12133,9 @@ export interface QTimeProps {
    * @param min Minutes
    * @param sec Seconds
    */
-  options?: ((hr: number, min: number, sec: number) => void) | undefined;
+  options?:
+    | ((hr: number, min: number | null, sec: number | null) => void)
+    | undefined;
   /**
    * Optionally configure what hours is the user allowed to set; Overrides 'options' prop if that is also set
    */
@@ -12338,6 +12350,18 @@ export interface QToggleProps {
    * Label (if any specified) should be displayed on the left side of the component
    */
   leftLabel?: boolean | undefined;
+  /**
+   * The icon to be used when the toggle is on
+   */
+  checkedIcon?: string | undefined;
+  /**
+   * The icon to be used when the toggle is off
+   */
+  uncheckedIcon?: string | undefined;
+  /**
+   * The icon to be used when the model is indeterminate
+   */
+  indeterminateIcon?: string | undefined;
   /**
    * Color name for component from the Quasar Color Palette
    */
@@ -12366,18 +12390,6 @@ export interface QToggleProps {
    * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
    */
   icon?: string | undefined;
-  /**
-   * The icon to be used when the toggle is on
-   */
-  checkedIcon?: string | undefined;
-  /**
-   * The icon to be used when the toggle is off
-   */
-  uncheckedIcon?: string | undefined;
-  /**
-   * The icon to be used when the model is indeterminate
-   */
-  indeterminateIcon?: string | undefined;
   /**
    * Override default icon color (for truthy state only); Color name for component from the Quasar Color Palette
    */
@@ -13387,6 +13399,8 @@ export interface QVirtualScroll
   refresh: (index?: string | number) => void;
 }
 
+import { VueClassProp } from "./api";
+import { VueStyleProp } from "./api";
 export interface DialogChainObject {
   /**
    * Receives a Function param to tell what to do when OK is pressed / option is selected
@@ -13424,11 +13438,11 @@ export interface QDialogOptions {
   /**
    * CSS Class name to apply to the Dialog's QCard
    */
-  class?: string | any[] | any;
+  class?: VueClassProp;
   /**
    * CSS style to apply to the Dialog's QCard
    */
-  style?: string | any[] | any;
+  style?: VueStyleProp;
   /**
    * A text for the heading title of the dialog
    */
@@ -13650,101 +13664,13 @@ import { WebStorageGetItemMethodType } from "./api";
 import { WebStorageGetIndexMethodType } from "./api";
 import { WebStorageGetKeyMethodType } from "./api";
 import { WebStorageGetAllKeysMethodType } from "./api";
+import { VueStyleObjectProp } from "./api";
 import { ValidationRule } from "./api";
 import { QRejectedEntry } from "./api";
-export interface SliderMarkerLabels {
-  /**
-   * Value of equivalent model where to position the marker
-   */
-  value: number;
-  /**
-   * Label to use
-   */
-  label?: number | string;
-  /**
-   * CSS classes to be attributed to the marker label
-   */
-  classes?: string | any[] | any;
-  /**
-   * Style definitions to be attributed to the marker label
-   */
-  style?: any;
-}
-
-export interface SliderMarkerLabelConfig {
-  /**
-   * Index of the marker label (0-based)
-   */
-  index?: number;
-  /**
-   * Equivalent model value for the marker label
-   */
-  value?: number;
-  /**
-   * Configured label for the marker
-   */
-  label?: number | string;
-  /**
-   * Required CSS classes to be applied to the marker element
-   */
-  classes?: string;
-  /**
-   * Style definitions to be attributed to the marker label
-   */
-  style?: any;
-}
-
-export interface SliderMarkerLabelArrayConfig {
-  /**
-   * Index of the marker label (0-based)
-   */
-  index?: number;
-  /**
-   * Equivalent model value for the marker label
-   */
-  value?: number;
-  /**
-   * Configured label for the marker
-   */
-  label?: number | string;
-  /**
-   * Required CSS classes to be applied to the marker element
-   */
-  classes?: string;
-  /**
-   * Style definitions to be attributed to the marker label
-   */
-  style?: any;
-}
-
-export interface SliderMarkerLabelObjectConfig {
-  /**
-   * Marker label config
-   */
-  [key: string]: {
-    /**
-     * Index of the marker label (0-based)
-     */
-    index?: number;
-    /**
-     * Equivalent model value for the marker label
-     */
-    value?: number;
-    /**
-     * Configured label for the marker
-     */
-    label?: number | string;
-    /**
-     * Required CSS classes to be applied to the marker element
-     */
-    classes?: string;
-    /**
-     * Style definitions to be attributed to the marker label
-     */
-    style?: any;
-  };
-}
-
+import { SliderMarkerLabels } from "./api";
+import { SliderMarkerLabelConfig } from "./api";
+import { SliderMarkerLabelArrayConfig } from "./api";
+import { SliderMarkerLabelObjectConfig } from "./api";
 import { QTreeNode } from "./api";
 import { QUploaderFactoryFn } from "./api";
 import { QVueGlobals, QSingletonGlobals } from "./globals";
@@ -13765,11 +13691,11 @@ declare module "./globals" {
       /**
        * CSS Class name to apply to the Dialog's QCard
        */
-      class?: string | any[] | any;
+      class?: VueClassProp;
       /**
        * CSS style to apply to the Dialog's QCard
        */
-      style?: string | any[] | any;
+      style?: VueStyleProp;
       /**
        * Title
        */
@@ -13785,7 +13711,7 @@ declare module "./globals" {
         /**
          * CSS classes for this action
          */
-        classes?: string | any[] | any;
+        classes?: VueClassProp;
         /**
          * Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix
          */
@@ -13918,11 +13844,11 @@ declare module "./globals" {
             /**
              * Style definitions to be attributed to the badge
              */
-            badgeStyle?: any[] | string | any;
+            badgeStyle?: VueStyleProp;
             /**
              * Class definitions to be attributed to the badge
              */
-            badgeClass?: any[] | string | any;
+            badgeClass?: VueClassProp;
             /**
              * Show progress bar to detail when notification will disappear automatically (unless timeout is 0)
              */
@@ -13930,7 +13856,7 @@ declare module "./globals" {
             /**
              * Class definitions to be attributed to the progress bar
              */
-            progressClass?: any[] | string | any;
+            progressClass?: VueClassProp;
             /**
              * Add CSS class(es) to the notification for easier customization
              */
@@ -14010,7 +13936,7 @@ declare module "./globals" {
       /**
        * Class definitions to be attributed to the progress bar
        */
-      progressClass?: any[] | string | any;
+      progressClass?: VueClassProp;
       /**
        * Add CSS class(es) to the notification for easier customization
        */