quasar 2.13.0 → 2.14.0

package/dist/types/index.d.ts

@@ -115,7 +115,7 @@ export interface BottomSheet {
     /**
      * Apply dark mode
      */
-    dark?: boolean;
+    dark?: boolean | null;
     /**
      * Put Bottom Sheet into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too
      */
@@ -1828,7 +1828,7 @@ export interface QBannerProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
 }
 
 export interface QBannerSlots {
@@ -1856,7 +1856,7 @@ export interface QBarProps {
   /**
    * The component background color lights up the parent's background (as opposed to default behavior which is to darken it); Works unless you specify a CSS background color for it
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
 }
 
 export interface QBarSlots {
@@ -2126,7 +2126,7 @@ export interface QBtnProps {
   /**
    * Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)
    */
-  loading?: boolean | undefined;
+  loading?: boolean | null | undefined;
   /**
    * Put component in disabled mode
    */
@@ -2335,7 +2335,7 @@ export interface QBtnDropdownProps {
   /**
    * Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)
    */
-  loading?: boolean | undefined;
+  loading?: boolean | null | undefined;
   /**
    * Put component in disabled mode
    */
@@ -2704,7 +2704,7 @@ export interface QCardProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Removes border-radius so borders are squared
    */
@@ -2848,7 +2848,7 @@ export interface QCarouselProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Height of Carousel in CSS units, including unit name
    */
@@ -3217,7 +3217,7 @@ export interface QCheckboxProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -3264,7 +3264,7 @@ export interface QChipProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * 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)
    */
@@ -3301,7 +3301,7 @@ export interface QChipProps {
   /**
    * Model for QChip if it's selected or not
    */
-  selected?: boolean | undefined;
+  selected?: boolean | null | undefined;
   /**
    * Sets a low value for border-radius instead of the default one, making it close to a square
    */
@@ -3505,7 +3505,7 @@ export interface QColorProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
@@ -3575,7 +3575,7 @@ export interface QDateProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Removes border-radius so borders are squared
    */
@@ -4076,7 +4076,7 @@ export interface QDrawerProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Breakpoint (in pixels) of layout width up to which mobile mode is used
    * Default value: 1023
@@ -4228,7 +4228,7 @@ export interface QEditorProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Put component in disabled mode
    */
@@ -4472,7 +4472,7 @@ export interface QExpansionItemProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -4673,7 +4673,7 @@ export interface QFabProps {
   /**
    * Hide the label; Useful for animation purposes where you toggle the visibility of the label
    */
-  hideLabel?: boolean | undefined;
+  hideLabel?: boolean | null | undefined;
   /**
    * Class definitions to be attributed to the label container
    */
@@ -4863,7 +4863,7 @@ export interface QFabActionProps {
   /**
    * Hide the label; Useful for animation purposes where you toggle the visibility of the label
    */
-  hideLabel?: boolean | undefined;
+  hideLabel?: boolean | null | undefined;
   /**
    * Class definitions to be attributed to the label container
    */
@@ -4938,7 +4938,7 @@ export interface QFieldProps {
   /**
    * Does field have validation errors?
    */
-  error?: boolean | undefined;
+  error?: boolean | null | undefined;
   /**
    * Validation error message (gets displayed only if 'error' is set to 'true')
    */
@@ -4998,7 +4998,7 @@ export interface QFieldProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
    */
@@ -5083,6 +5083,11 @@ export interface QFieldProps {
    * Specify a max length of model
    */
   maxlength?: string | number | undefined;
+  /**
+   * HTML tag to use
+   * Default value: label
+   */
+  tag?: string | undefined;
   /**
    * When using the 'clearable' property, this event is emitted when the clear icon is clicked
    * @param value The previous value before clearing it
@@ -5250,7 +5255,7 @@ export interface QFileProps {
   /**
    * Does field have validation errors?
    */
-  error?: boolean | undefined;
+  error?: boolean | null | undefined;
   /**
    * Validation error message (gets displayed only if 'error' is set to 'true')
    */
@@ -5310,7 +5315,7 @@ export interface QFileProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
    */
@@ -5909,9 +5914,9 @@ export interface QImgProps {
   onLoad?: (src: string) => void;
   /**
    * Emitted when browser could not load the image
-   * @param src JS Error object
+   * @param evt JS Event object (same as the browser's native 'error' event)
    */
-  onError?: (src: Error) => void;
+  onError?: (evt: Event) => void;
 }
 
 export interface QImgSlots {
@@ -6054,7 +6059,7 @@ export interface QInnerLoadingProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
 }
 
 export interface QInnerLoadingSlots {
@@ -6095,7 +6100,7 @@ export interface QInputProps {
   /**
    * Does field have validation errors?
    */
-  error?: boolean | undefined;
+  error?: boolean | null | undefined;
   /**
    * Validation error message (gets displayed only if 'error' is set to 'true')
    */
@@ -6155,7 +6160,7 @@ export interface QInputProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
    */
@@ -6252,6 +6257,7 @@ export interface QInputProps {
     | "url"
     | "time"
     | "date"
+    | "datetime-local"
     | undefined;
   /**
    * Debounce amount (in milliseconds) when updating model
@@ -6393,7 +6399,7 @@ export interface QIntersectionProps {
   /**
    * [Intersection API root prop] Lets you define an alternative to the viewport as your root (through its DOM element); It is important to keep in mind that root needs to be an ancestor of the observed element
    */
-  root?: Element | undefined;
+  root?: Element | null | undefined;
   /**
    * [Intersection API rootMargin prop] Allows you to specify the margins for the root, effectively allowing you to either grow or shrink the area used for intersections
    */
@@ -6472,11 +6478,11 @@ export interface QItemProps {
   /**
    * Put item into 'active' state
    */
-  active?: boolean | undefined;
+  active?: boolean | null | undefined;
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Is QItem clickable? If it's the case, then it will add hover effects and emit 'click' events
    */
@@ -6616,7 +6622,7 @@ export interface QListProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Applies a material design-like padding on top and bottom
    */
@@ -6837,7 +6843,7 @@ export interface QLinearProgressProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Reverse direction of progress
    */
@@ -6887,7 +6893,7 @@ export interface QMarkupTableProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Applies a 'flat' design (no default shadow)
    */
@@ -6957,7 +6963,7 @@ export interface QMenuProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Allows the menu to match at least the full width of its target
    */
@@ -7049,11 +7055,11 @@ export interface QMenuProps {
   /**
    * The maximum height of the menu; Size in CSS units, including unit name
    */
-  maxHeight?: string | undefined;
+  maxHeight?: string | null | undefined;
   /**
    * The maximum width of the menu; Size in CSS units, including unit name
    */
-  maxWidth?: string | undefined;
+  maxWidth?: string | null | undefined;
   /**
    * Emitted when showing/hidden state changes; Is also used by v-model
    * @param value New state (showing/hidden)
@@ -7197,7 +7203,7 @@ export interface QOptionGroupProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -7409,7 +7415,7 @@ export interface QPaginationProps {
   /**
    * Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Button size in CSS units, including unit name
    */
@@ -7447,19 +7453,19 @@ export interface QPaginationProps {
   /**
    * Show boundary button links
    */
-  boundaryLinks?: boolean | undefined;
+  boundaryLinks?: boolean | null | undefined;
   /**
    * Always show first and last page buttons (if not using 'input')
    */
-  boundaryNumbers?: boolean | undefined;
+  boundaryNumbers?: boolean | null | undefined;
   /**
    * Show direction buttons
    */
-  directionLinks?: boolean | undefined;
+  directionLinks?: boolean | null | undefined;
   /**
    * Show ellipses (...) when pages are available
    */
-  ellipses?: boolean | undefined;
+  ellipses?: boolean | null | undefined;
   /**
    * Maximum number of page links to display at a time; 0 means Infinite
    */
@@ -7535,7 +7541,7 @@ export interface QPaginationProps {
    * Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons
    * Default value: true
    */
-  ripple?: boolean | any | undefined;
+  ripple?: boolean | any | null | undefined;
   /**
    * Emitted when the component needs to change the model; Is also used by v-model
    * @param value New model value
@@ -8001,7 +8007,7 @@ export interface QRadioProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -8163,7 +8169,7 @@ export interface QRangeProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -8442,7 +8448,7 @@ export interface QScrollAreaProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)
    */
@@ -8478,7 +8484,7 @@ export interface QScrollAreaProps {
   /**
    * Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior
    */
-  visible?: boolean | undefined;
+  visible?: boolean | null | undefined;
   /**
    * When content changes, the scrollbar appears; this delay defines the amount of time (in milliseconds) before scrollbars disappear again (if component is not hovered)
    * Default value: 1000
@@ -8732,7 +8738,7 @@ export interface QSelectProps {
    * Minimum number of items to render in the virtual list
    * Default value: 30
    */
-  virtualScrollSliceSize?: number | string | undefined;
+  virtualScrollSliceSize?: number | string | null | undefined;
   /**
    * Ratio of number of items in visible zone to render before it
    * Default value: 1
@@ -8769,7 +8775,7 @@ export interface QSelectProps {
   /**
    * Does field have validation errors?
    */
-  error?: boolean | undefined;
+  error?: boolean | null | undefined;
   /**
    * Validation error message (gets displayed only if 'error' is set to 'true')
    */
@@ -8829,7 +8835,7 @@ export interface QSelectProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
    */
@@ -8967,7 +8973,7 @@ export interface QSelectProps {
   /**
    * Options menu will be colored with a dark color
    */
-  optionsDark?: boolean | undefined;
+  optionsDark?: boolean | null | undefined;
   /**
    * CSS class name for options that are active/selected; Set it to an empty string to stop applying the default (which is text-* where * is the 'color' prop value)
    */
@@ -9478,7 +9484,7 @@ export interface QSeparatorProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * If set to true, the corresponding direction margins will be set to 8px; It can also be set to a size in CSS units, including unit name, or one of the xs|sm|md|lg|xl predefined sizes
    * Default value: md
@@ -9510,7 +9516,7 @@ export interface QSkeletonProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Type of skeleton placeholder
    * Default value: rect
@@ -9605,7 +9611,7 @@ export interface QSlideItemProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Emitted when user finished sliding the item to the left
    * @param details Details
@@ -9867,7 +9873,7 @@ export interface QSliderProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -10555,7 +10561,7 @@ export interface QStepperProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Applies a 'flat' design (no default shadow)
    */
@@ -10689,7 +10695,7 @@ export interface QTabPanelProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
 }
 
 export interface QTabPanelSlots {
@@ -11010,7 +11016,7 @@ export interface QTableProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Applies a 'flat' design (no default shadow)
    */
@@ -11400,7 +11406,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11455,7 +11461,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11522,7 +11528,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11585,7 +11591,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11624,7 +11630,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11675,7 +11681,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11718,7 +11724,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11773,7 +11779,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -11812,7 +11818,7 @@ export interface QTableSlots {
     /**
      * Notify the component that the background is a dark color
      */
-    dark: boolean;
+    dark?: boolean | null;
     /**
      * Dense mode; occupies less space
      */
@@ -12725,7 +12731,7 @@ export interface QTimeProps {
    * Mask (formatting string) used for parsing and formatting value
    * Default value: HH:mm
    */
-  mask?: string | undefined;
+  mask?: string | null | undefined;
   /**
    * Locale formatting options
    */
@@ -12765,7 +12771,7 @@ export interface QTimeProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Removes border-radius so borders are squared
    */
@@ -12791,10 +12797,9 @@ export interface QTimeProps {
    */
   modelValue: string | null | undefined;
   /**
-   * Forces 24 hour time display instead of AM/PM system
-   * Default value: (based on Quasar lang language being used)
+   * Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used
    */
-  format24h?: boolean | undefined;
+  format24h?: boolean | null | undefined;
   /**
    * The default date to use (in YYYY/MM/DD format) when model is unfilled (undefined or null)
    * Default value: current day
@@ -12905,7 +12910,7 @@ export interface QTimelineProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
 }
 
 export interface QTimelineSlots {
@@ -13046,7 +13051,7 @@ export interface QToggleProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Dense mode; occupies less space
    */
@@ -13145,11 +13150,11 @@ export interface QTooltipProps {
   /**
    * The maximum height of the Tooltip; Size in CSS units, including unit name
    */
-  maxHeight?: string | undefined;
+  maxHeight?: string | null | undefined;
   /**
    * The maximum width of the Tooltip; Size in CSS units, including unit name
    */
-  maxWidth?: string | undefined;
+  maxWidth?: string | null | undefined;
   /**
    * Two values setting the starting position or anchor point of the Tooltip relative to its target
    * Default value: bottom middle
@@ -13324,7 +13329,7 @@ export interface QTreeProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * 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)
    */
@@ -13751,7 +13756,7 @@ export interface QUploaderProps {
   /**
    * Notify the component that the background is a dark color
    */
-  dark?: boolean | undefined;
+  dark?: boolean | null | undefined;
   /**
    * Removes border-radius so borders are squared
    */
@@ -14023,7 +14028,7 @@ export interface QVirtualScrollProps {
    * Minimum number of items to render in the virtual list
    * Default value: 30
    */
-  virtualScrollSliceSize?: number | string | undefined;
+  virtualScrollSliceSize?: number | string | null | undefined;
   /**
    * Ratio of number of items in visible zone to render before it
    * Default value: 1
@@ -14287,7 +14292,7 @@ export interface QDialogOptions {
   /**
    * Apply dark mode
    */
-  dark?: boolean;
+  dark?: boolean | null;
   /**
    * User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it
    */
@@ -14677,7 +14682,7 @@ declare module "./globals" {
       /**
        * Apply dark mode
        */
-      dark?: boolean;
+      dark?: boolean | null;
       /**
        * Put Bottom Sheet into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too
        */