quasar 1.16.3 → 1.17.0

package/dist/types/index.d.ts

@@ -435,7 +435,7 @@ export interface Notify {
              */
             icon? : string
             /**
-             * URL to an avatar/image; Suggestion: use statics folder
+             * URL to an avatar/image; Suggestion: use public folder
              */
             avatar? : string
             /**
@@ -544,7 +544,7 @@ export interface Notify {
              */
             icon? : string
             /**
-             * URL to an avatar/image; Suggestion: use statics folder
+             * URL to an avatar/image; Suggestion: use public folder
              */
             avatar? : string
             /**
@@ -646,7 +646,7 @@ export interface Notify {
              */
             icon? : string
             /**
-             * URL to an avatar/image; Suggestion: use statics folder
+             * URL to an avatar/image; Suggestion: use public folder
              */
             avatar? : string
             /**
@@ -1133,19 +1133,19 @@ export interface QBreadcrumbs extends Vue {
 
 export interface QBreadcrumbsEl extends Vue {
     /**
-     * Equivalent to Vue Router <router-link> 'to' property
+     * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
      */
     to? : string | LooseDictionary
     /**
-     * Equivalent to Vue Router <router-link> 'exact' property
+     * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
      */
     exact? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'append' property
+     * Equivalent to Vue Router <router-link> 'append' property; Superseeded by 'href' prop if used
      */
     append? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'replace' property
+     * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
      */
     replace? : boolean
     /**
@@ -1156,6 +1156,14 @@ export interface QBreadcrumbsEl extends Vue {
      * Equivalent to Vue Router <router-link> 'active-class' property
      */
     exactActiveClass? : string
+    /**
+     * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace' props
+     */
+    href? : string
+    /**
+     * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace' props
+     */
+    target? : string
     /**
      * Put component in disabled mode
      */
@@ -1184,21 +1192,29 @@ export interface QBtnDropdown extends Vue {
      */
     ripple? : boolean | LooseDictionary
     /**
-     * Define the button HTML DOM type
+     * 1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag
      */
-    type? : 'a' | 'submit' | 'button' | 'reset'
+    type? : string
     /**
-     * Equivalent to Vue Router <router-link> 'to' property
+     * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
      */
     to? : string | LooseDictionary
     /**
-     * Equivalent to Vue Router <router-link> 'replace' property
+     * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
      */
     replace? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'append' property
+     * Equivalent to Vue Router <router-link> 'append' property; Superseeded by 'href' prop if used
      */
     append? : boolean
+    /**
+     * Native <a> link href attribute; Has priority over the 'to' and 'replace' props
+     */
+    href? : string
+    /**
+     * Native <a> link target attribute; Use it only with 'to' or 'href' props
+     */
+    target? : string
     /**
      * The text that will be shown on the button
      */
@@ -1533,21 +1549,29 @@ export interface QBtn extends Vue {
      */
     ripple? : boolean | LooseDictionary
     /**
-     * Define the button HTML DOM type
+     * 1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag
      */
-    type? : 'a' | 'submit' | 'button' | 'reset'
+    type? : string
     /**
-     * Equivalent to Vue Router <router-link> 'to' property
+     * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
      */
     to? : string | LooseDictionary
     /**
-     * Equivalent to Vue Router <router-link> 'replace' property
+     * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
      */
     replace? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'append' property
+     * Equivalent to Vue Router <router-link> 'append' property; Superseeded by 'href' prop if used
      */
     append? : boolean
+    /**
+     * Native <a> link href attribute; Has priority over the 'to' and 'replace' props
+     */
+    href? : string
+    /**
+     * Native <a> link target attribute; Use it only with 'to' or 'href' props
+     */
+    target? : string
     /**
      * The text that will be shown on the button
      */
@@ -1782,7 +1806,7 @@ export interface QCarousel extends Vue {
      */
     controlType? : 'regular' | 'flat' | 'outline' | 'push' | 'unelevated'
     /**
-     * Jump to next slide at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals
+     * Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals
      */
     autoplay? : number | boolean
     /**
@@ -1865,7 +1889,7 @@ export interface QCarouselSlide extends Vue {
      */
     disable? : boolean
     /**
-     * URL pointing to a slide background image (use statics folder)
+     * URL pointing to a slide background image (use public folder)
      */
     imgSrc? : string
 }
@@ -2179,6 +2203,10 @@ export interface QColor extends Vue {
      * Do not render header
      */
     noHeader? : boolean
+    /**
+     * Do not render header tabs (only the input)
+     */
+    noHeaderTabs? : boolean
     /**
      * Do not render footer; Useful when you want a specific view ('default-view' prop) and don't want the user to be able to switch it
      */
@@ -2464,6 +2492,10 @@ export interface QDialog extends Vue {
      * (Accessibility) When Dialog gets shown, do not switch focus on it
      */
     noFocus? : boolean
+    /**
+     * Do not shake up the Dialog to catch user's attention
+     */
+    noShake? : boolean
     /**
      * Triggers component to show
      * @param evt JS event object
@@ -2776,19 +2808,19 @@ export interface QEditor extends Vue {
 
 export interface QExpansionItem extends Vue {
     /**
-     * Equivalent to Vue Router <router-link> 'to' property
+     * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
      */
     to? : string | LooseDictionary
     /**
-     * Equivalent to Vue Router <router-link> 'exact' property
+     * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
      */
     exact? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'append' property
+     * Equivalent to Vue Router <router-link> 'append' property; Superseeded by 'href' prop if used
      */
     append? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'replace' property
+     * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
      */
     replace? : boolean
     /**
@@ -2799,6 +2831,14 @@ export interface QExpansionItem extends Vue {
      * Equivalent to Vue Router <router-link> 'active-class' property
      */
     exactActiveClass? : string
+    /**
+     * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace' props
+     */
+    href? : string
+    /**
+     * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace' props
+     */
+    target? : string
     /**
      * Put component in disabled mode
      */
@@ -3808,6 +3848,18 @@ export interface QInnerLoading extends Vue {
      * Color name for component from the Quasar Color Palette for the inner Spinner (unless using the default slot)
      */
     color? : string
+    /**
+     * Add a label; Gets overriden when using the default slot
+     */
+    label? : string
+    /**
+     * Add CSS class(es) to the label; Works along the 'label' prop only
+     */
+    labelClass? : string
+    /**
+     * Apply custom style to the label; Works along the 'label' prop only
+     */
+    labelStyle? : any[] | string | LooseDictionary
     /**
      * One of Quasar's embedded transitions
      */
@@ -4085,19 +4137,19 @@ export interface QItem extends Vue {
      */
     tag? : string
     /**
-     * Equivalent to Vue Router <router-link> 'to' property
+     * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
      */
     to? : string | LooseDictionary
     /**
-     * Equivalent to Vue Router <router-link> 'exact' property
+     * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
      */
     exact? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'append' property
+     * Equivalent to Vue Router <router-link> 'append' property; Superseeded by 'href' prop if used
      */
     append? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'replace' property
+     * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
      */
     replace? : boolean
     /**
@@ -4108,6 +4160,14 @@ export interface QItem extends Vue {
      * Equivalent to Vue Router <router-link> 'active-class' property
      */
     exactActiveClass? : string
+    /**
+     * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace' props
+     */
+    href? : string
+    /**
+     * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace' props
+     */
+    target? : string
     /**
      * Put component in disabled mode
      */
@@ -4522,9 +4582,22 @@ export interface QOptionGroup extends Vue {
      */
     value? : any
     /**
-     * Array of objects with value and label props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
+     * Array of objects with value, label, and disable (optional) props. The binary components will be created according to this array; Props from QToggle, QCheckbox or QRadio can also be added as key/value pairs to control the components singularly
      */
-    options? : any[]
+    options? : {
+            /**
+             * Label to display along the component
+             */
+            label : string
+            /**
+             * Value of the option that will be used by the component model
+             */
+            value : any
+            /**
+             * If true, the option will be disabled
+             */
+            disable? : boolean
+            [index: string]: any }[]
     /**
      * Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL
      */
@@ -4788,10 +4861,6 @@ export interface QPopupEdit extends Vue {
      * Model of the component; Either use this property (along with a listener for 'input' event) OR use v-model directive
      */
     value? : any
-    /**
-     * Automatically save the model (if changed) when user clicks/taps outside of the popup; It does not apply to ESC key
-     */
-    autoSave? : boolean
     /**
      * Optional title (unless 'title' slot is used)
      */
@@ -4808,6 +4877,10 @@ export interface QPopupEdit extends Vue {
      * Override Cancel button label
      */
     labelCancel? : string
+    /**
+     * Automatically save the model (if changed) when user clicks/taps outside of the popup; It does not apply to ESC key
+     */
+    autoSave? : boolean
     /**
      * Class definitions to be attributed to the content
      */
@@ -5026,29 +5099,29 @@ export interface QRange extends Vue {
      */
     name? : string
     /**
-     * Model of the component of type { min, max } (both values must be between global min/max); Either use this property (along with a listener for 'input' event) OR use v-model directive
-     */
-    value? : {
-            /**
-             * Model value for left thumb
-             */
-            min? : number
-            /**
-             * Model value for right thumb
-             */
-            max? : number }
-    /**
-     * Minimum value of the model
+     * Minimum value of the model; Set track's minimum value
      */
     min? : number
     /**
-     * Maximum value of the model
+     * Maximum value of the model; Set track's maximum value
      */
     max? : number
+    /**
+     * 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
+    /**
+     * 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
     /**
      * Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity
      */
     step? : number
+    /**
+     * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+     */
+    snap? : boolean
     /**
      * Work in reverse (changes direction)
      */
@@ -5058,67 +5131,83 @@ export interface QRange extends Vue {
      */
     vertical? : boolean
     /**
-     * User can drag range instead of just the two thumbs
+     * Color name for component from the Quasar Color Palette
      */
-    dragRange? : boolean
+    color? : string
     /**
-     * User can drag only the range instead and NOT the two thumbs
+     * Color name for the track (can be 'transparent' too) from the Quasar Color Palette
      */
-    dragOnlyRange? : boolean
+    trackColor? : string
     /**
-     * Color name for component from the Quasar Color Palette
+     * Apply a pattern image on the track
      */
-    color? : string
+    trackImg? : string
+    /**
+     * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette
+     */
+    innerTrackColor? : string
+    /**
+     * Apply a pattern image on the inner track
+     */
+    innerTrackImg? : string
+    /**
+     * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette
+     */
+    selectionColor? : string
     /**
-     * Popup labels (for left and right thumbs) when user clicks/taps on the slider thumb and moves it
+     * Apply a pattern image on the selection bar
+     */
+    selectionImg? : string
+    /**
+     * Popup a label when user clicks/taps on the slider thumb and moves it
      */
     label? : boolean
     /**
-     * Color name for labels background from the Quasar Color Palette; Applies to both labels, unless specific label color props are used
+     * Color name for component from the Quasar Color Palette
      */
     labelColor? : string
     /**
-     * Color name for labels text from the Quasar Color Palette; Applies to both labels, unless specific label text color props are used
+     * Color name for component from the Quasar Color Palette
      */
     labelTextColor? : string
     /**
-     * Color name for left label background from the Quasar Color Palette
+     * Switch the position of the label (top <-> bottom or left <-> right)
      */
-    leftLabelColor? : string
+    switchLabelSide? : boolean
     /**
-     * Color name for left label text from the Quasar Color Palette
+     * Always display the label
      */
-    leftLabelTextColor? : string
+    labelAlways? : boolean
     /**
-     * Color name for right label background from the Quasar Color Palette
+     * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)
      */
-    rightLabelColor? : string
+    markers? : boolean | number
     /**
-     * Color name for right label text from the Quasar Color Palette
+     * Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition
      */
-    rightLabelTextColor? : string
+    markerLabels? : SliderMarkerLabels | SliderMarkerLabels | SliderMarkerLabels | SliderMarkerLabels
     /**
-     * Override default label for min value
+     * CSS class(es) to apply to the marker labels container
      */
-    leftLabelValue? : string | number
+    markerLabelsClass? : string
     /**
-     * Override default label for max value
+     * Switch the position of the marker labels (top <-> bottom or left <-> right)
      */
-    rightLabelValue? : string | number
+    switchMarkerLabelsSide? : boolean
     /**
-     * Always display the labels
+     * Track size (including CSS unit)
      */
-    labelAlways? : boolean
+    trackSize? : string
     /**
-     * Display markers on the track, one for each possible value for the model
+     * Thumb size (including CSS unit)
      */
-    markers? : boolean
+    thumbSize? : string
     /**
-     * Snap thumbs on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+     * Color name for component from the Quasar Color Palette
      */
-    snap? : boolean
+    thumbColor? : string
     /**
-     * Set custom thumbs svg path
+     * Set custom thumb svg path
      */
     thumbPath? : string
     /**
@@ -5141,6 +5230,58 @@ export interface QRange extends Vue {
      * Tabindex HTML attribute value
      */
     tabindex? : number | string
+    /**
+     * Model of the component of type { min, max } (both values must be between global min/max); Either use this property (along with a listener for 'input' event) OR use v-model directive
+     */
+    value? : {
+            /**
+             * Model value for left thumb
+             */
+            min? : number
+            /**
+             * Model value for right thumb
+             */
+            max? : number }
+    /**
+     * User can drag range instead of just the two thumbs
+     */
+    dragRange? : boolean
+    /**
+     * User can drag only the range instead and NOT the two thumbs
+     */
+    dragOnlyRange? : boolean
+    /**
+     * Color name for left label background from the Quasar Color Palette
+     */
+    leftLabelColor? : string
+    /**
+     * Color name for left label text from the Quasar Color Palette
+     */
+    leftLabelTextColor? : string
+    /**
+     * Color name for right label background from the Quasar Color Palette
+     */
+    rightLabelColor? : string
+    /**
+     * Color name for right label text from the Quasar Color Palette
+     */
+    rightLabelTextColor? : string
+    /**
+     * Override default label for min value
+     */
+    leftLabelValue? : string | number
+    /**
+     * Override default label for max value
+     */
+    rightLabelValue? : string | number
+    /**
+     * Color name (from the Quasar Color Palette) for left thumb
+     */
+    leftThumbColor? : string
+    /**
+     * Color name (from the Quasar Color Palette) for right thumb
+     */
+    rightThumbColor? : string
 }
 
 export interface QRating extends Vue {
@@ -5227,13 +5368,29 @@ export interface QScrollArea extends Vue {
      */
     dark? : boolean
     /**
-     * Object with CSS properties and values for styling the custom scrollbar
+     * Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)
      */
     barStyle? : any[] | string | LooseDictionary
     /**
-     * Object with CSS properties and values for styling the thumb of custom scrollbar
+     * Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop
+     */
+    verticalBarStyle? : any[] | string | LooseDictionary
+    /**
+     * Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop
+     */
+    horizontalBarStyle? : any[] | string | LooseDictionary
+    /**
+     * Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)
      */
     thumbStyle? : LooseDictionary
+    /**
+     * Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop
+     */
+    verticalThumbStyle? : LooseDictionary
+    /**
+     * Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop
+     */
+    horizontalThumbStyle? : LooseDictionary
     /**
      * Object with CSS properties and values for styling the container of QScrollArea
      */
@@ -5251,7 +5408,7 @@ export interface QScrollArea extends Vue {
      */
     delay? : number | string
     /**
-     * Register for horizontal scroll instead of vertical (which is default)
+     * Changes the default axis to horizontal instead of vertical (which is default) for getScrollPosition, getScrollPercentage, setScrollPosition, and setScrollPercentage
      */
     horizontal? : boolean
     /**
@@ -5263,23 +5420,85 @@ export interface QScrollArea extends Vue {
      * @returns DOM element upon which scrolling takes place
      */
     getScrollTarget (): LooseDictionary
+    /**
+     * Get the current scroll information
+     * @returns Scroll information
+     */
+    getScroll (): {
+            /**
+             * Vertical scroll position (in px)
+             */
+            verticalPosition? : number
+            /**
+             * Vertical scroll percentage (0.0 <= x <= 1.0)
+             */
+            verticalPercentage? : number
+            /**
+             * Vertical scroll size (in px)
+             */
+            verticalSize? : number
+            /**
+             * Height of the container (in px)
+             */
+            verticalContainerSize? : number
+            /**
+             * Horizontal scroll position (in px)
+             */
+            horizontalPosition? : number
+            /**
+             * Horizontal scroll percentage (0.0 <= x <= 1.0)
+             */
+            horizontalPercentage? : number
+            /**
+             * Horizontal scroll size (in px)
+             */
+            horizontalSize? : number
+            /**
+             * Width of the container (in px)
+             */
+            horizontalContainerSize? : number }
     /**
      * Get current scroll position
-     * @returns Scroll position offset from top (in pixels)
+     * @param axis Scroll axis - defaults to 'vertical' (or to 'horizontal' if horizontal prop is set)
+     * @returns undefined
      */
-    getScrollPosition (): number
+    getScrollPosition (axis? : 'vertical' | 'horizontal' | 'both'): {
+            /**
+             * Scroll offset from top (vertical)
+             */
+            top? : number
+            /**
+             * Scroll offset from left (horizontal)
+             */
+            left? : number }
+    /**
+     * Get current scroll position in percentage (0.0 <= x <= 1.0)
+     * @param axis Scroll axis - defaults to 'vertical' (or to 'horizontal' if horizontal prop is set)
+     * @returns undefined
+     */
+    getScrollPercentage (axis? : 'vertical' | 'horizontal' | 'both'): {
+            /**
+             * Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)
+             */
+            top? : number
+            /**
+             * Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)
+             */
+            left? : number }
     /**
      * Set scroll position to an offset; If a duration (in milliseconds) is specified then the scroll is animated
+     * @param axis Scroll axis
      * @param offset Scroll position offset from top (in pixels)
      * @param duration Duration (in milliseconds) enabling animated scroll
      */
-    setScrollPosition (offset : number, duration? : number): void
+    setScrollPosition (axis : 'vertical' | 'horizontal', offset : number, duration? : number): void
     /**
-     * Set scroll position to a percentage (0.0 < x < 1.0) of the total scrolling size; If a duration (in milliseconds) is specified then the scroll is animated
-     * @param offset Scroll percentage (0.0 < x < 1.0) of the total scrolling size
+     * Set scroll position to a percentage (0.0 <= x <= 1.0) of the total scrolling size; If a duration (in milliseconds) is specified then the scroll is animated
+     * @param axis Scroll axis
+     * @param offset Scroll percentage (0.0 <= x <= 1.0) of the total scrolling size
      * @param duration Duration (in milliseconds) enabling animated scroll
      */
-    setScrollPercentage (offset : number, duration? : number): void
+    setScrollPercentage (axis : 'vertical' | 'horizontal', offset : number, duration? : number): void
 }
 
 export interface QScrollObserver extends Vue {
@@ -5753,7 +5972,7 @@ export interface QSeparator extends Vue {
      */
     spaced? : boolean | string
     /**
-     * if set to true, the left and right margins will be set to 16px. If set to item, the left and right margins will be set to 72px. If set to item-thumbnail, the left margin is set to 116px and right margin is set to 0px
+     * If set to Boolean true, the left and right margins will be set to 16px. If set to 'item' then it will match a QItem's design. If set to 'item-thumbnail' then it will match the design of a QItem with a thumbnail on the left side
      */
     inset? : boolean | string
     /**
@@ -5853,21 +6072,29 @@ export interface QSlider extends Vue {
      */
     name? : string
     /**
-     * Model of the component (must be between min/max); Either use this property (along with a listener for 'input' event) OR use v-model directive
-     */
-    value? : number
-    /**
-     * Minimum value of the model
+     * Minimum value of the model; Set track's minimum value
      */
     min? : number
     /**
-     * Maximum value of the model
+     * Maximum value of the model; Set track's maximum value
      */
     max? : number
+    /**
+     * 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
+    /**
+     * 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
     /**
      * Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity
      */
     step? : number
+    /**
+     * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+     */
+    snap? : boolean
     /**
      * Work in reverse (changes direction)
      */
@@ -5880,6 +6107,30 @@ export interface QSlider extends Vue {
      * Color name for component from the Quasar Color Palette
      */
     color? : string
+    /**
+     * Color name for the track (can be 'transparent' too) from the Quasar Color Palette
+     */
+    trackColor? : string
+    /**
+     * Apply a pattern image on the track
+     */
+    trackImg? : string
+    /**
+     * Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette
+     */
+    innerTrackColor? : string
+    /**
+     * Apply a pattern image on the inner track
+     */
+    innerTrackImg? : string
+    /**
+     * Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette
+     */
+    selectionColor? : string
+    /**
+     * Apply a pattern image on the selection bar
+     */
+    selectionImg? : string
     /**
      * Popup a label when user clicks/taps on the slider thumb and moves it
      */
@@ -5893,21 +6144,41 @@ export interface QSlider extends Vue {
      */
     labelTextColor? : string
     /**
-     * Override default label value
+     * Switch the position of the label (top <-> bottom or left <-> right)
      */
-    labelValue? : string | number
+    switchLabelSide? : boolean
     /**
      * Always display the label
      */
     labelAlways? : boolean
     /**
-     * Display markers on the track, one for each possible value for the model
+     * Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)
      */
-    markers? : boolean
+    markers? : boolean | number
     /**
-     * Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop
+     * Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition
      */
-    snap? : boolean
+    markerLabels? : SliderMarkerLabels | SliderMarkerLabels | SliderMarkerLabels | SliderMarkerLabels
+    /**
+     * CSS class(es) to apply to the marker labels container
+     */
+    markerLabelsClass? : string
+    /**
+     * Switch the position of the marker labels (top <-> bottom or left <-> right)
+     */
+    switchMarkerLabelsSide? : boolean
+    /**
+     * Track size (including CSS unit)
+     */
+    trackSize? : string
+    /**
+     * Thumb size (including CSS unit)
+     */
+    thumbSize? : string
+    /**
+     * Color name for component from the Quasar Color Palette
+     */
+    thumbColor? : string
     /**
      * Set custom thumb svg path
      */
@@ -5932,6 +6203,14 @@ export interface QSlider extends Vue {
      * Tabindex HTML attribute value
      */
     tabindex? : number | string
+    /**
+     * Model of the component (must be between min/max); Either use this property (along with a listener for 'input' event) OR use v-model directive
+     */
+    value? : number
+    /**
+     * Override default label value
+     */
+    labelValue? : string | number
 }
 
 export interface QSpace extends Vue {
@@ -6979,19 +7258,19 @@ export interface QTr extends Vue {
 
 export interface QRouteTab extends Vue {
     /**
-     * Equivalent to Vue Router <router-link> 'to' property
+     * Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used
      */
-    to : string | LooseDictionary
+    to? : string | LooseDictionary
     /**
-     * Equivalent to Vue Router <router-link> 'exact' property
+     * Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used
      */
     exact? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'append' property
+     * Equivalent to Vue Router <router-link> 'append' property; Superseeded by 'href' prop if used
      */
     append? : boolean
     /**
-     * Equivalent to Vue Router <router-link> 'replace' property
+     * Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used
      */
     replace? : boolean
     /**
@@ -7002,6 +7281,14 @@ export interface QRouteTab extends Vue {
      * Equivalent to Vue Router <router-link> 'active-class' property
      */
     exactActiveClass? : string
+    /**
+     * Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace' props
+     */
+    href? : string
+    /**
+     * Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace' props
+     */
+    target? : string
     /**
      * Put component in disabled mode
      */
@@ -7112,6 +7399,10 @@ export interface QTabs extends Vue {
      * Breakpoint (in pixels) of tabs container width at which the tabs automatically turn to a justify alignment
      */
     breakpoint? : number | string
+    /**
+     * The class to be set on the active tab
+     */
+    activeClass? : string
     /**
      * The color to be attributed to the text of the active tab
      */
@@ -7563,6 +7854,10 @@ export interface QTree extends Vue {
      * Color name for selected nodes (from the Quasar Color Palette)
      */
     selectedColor? : string
+    /**
+     * Dense mode; occupies less space
+     */
+    dense? : boolean
     /**
      * Notify the component that the background is a dark color
      */
@@ -7949,6 +8244,10 @@ export interface QVideo extends Vue {
      * The source url to display in an iframe
      */
     src : string
+    /**
+     * (Accessibility) Set the native 'title' attribute value of the inner iframe being used
+     */
+    title? : string
 }
 
 export interface QVirtualScroll extends Vue {
@@ -8260,6 +8559,25 @@ import { WebStorageGetItemMethodType } from './api'
 import { WebStorageGetIndexMethodType } from './api'
 import { WebStorageGetKeyMethodType } from './api'
 import { WebStorageGetAllKeysMethodType } from './api'
+export interface SliderMarkerLabels {
+    /**
+     * Value of equivalent model where to position the marker
+     */
+    value : number
+    /**
+     * Label to use
+     */
+    label? : number | string
+    /**
+     * CSS classes to be attributed to the marker label
+     */
+    classes? : string | any[] | LooseDictionary
+    /**
+     * Style definitions to be attributed to the marker label
+     */
+    style? : LooseDictionary
+}
+
 import { QVueGlobals, QSingletonGlobals } from "./globals";
 declare module "./globals" {
 export interface QVueGlobals {
@@ -8377,7 +8695,7 @@ export interface QVueGlobals {
              */
             icon? : string
             /**
-             * URL to an avatar/image; Suggestion: use statics folder
+             * URL to an avatar/image; Suggestion: use public folder
              */
             avatar? : string
             /**