quasar 2.3.4 → 2.4.0

package/dist/vetur/quasar-attributes.json

@@ -129,23 +129,31 @@
   },
   "q-breadcrumbs-el/to": {
     "type": "string|object",
-    "description": "Equivalent to Vue Router <router-link> 'to' property"
+    "description": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used"
   },
   "q-breadcrumbs-el/exact": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'exact' property"
+    "description": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used"
   },
   "q-breadcrumbs-el/replace": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'replace' property"
+    "description": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used"
   },
   "q-breadcrumbs-el/active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
   },
   "q-breadcrumbs-el/exact-active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
+  },
+  "q-breadcrumbs-el/href": {
+    "type": "string",
+    "description": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
+  },
+  "q-breadcrumbs-el/target": {
+    "type": "string",
+    "description": "Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
   },
   "q-breadcrumbs-el/disable": {
     "type": "boolean",
@@ -177,19 +185,23 @@
   },
   "q-btn-dropdown/type": {
     "type": "string",
-    "description": "Define the button HTML DOM type"
+    "description": "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"
   },
   "q-btn-dropdown/to": {
     "type": "string|object",
-    "description": "Equivalent to Vue Router <router-link> 'to' property"
+    "description": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used"
   },
   "q-btn-dropdown/replace": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'replace' property"
+    "description": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used"
   },
-  "q-btn-dropdown/append": {
-    "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'append' property"
+  "q-btn-dropdown/href": {
+    "type": "string",
+    "description": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props"
+  },
+  "q-btn-dropdown/target": {
+    "type": "string",
+    "description": "Native <a> link target attribute; Use it only with 'to' or 'href' props"
   },
   "q-btn-dropdown/label": {
     "type": "string|number",
@@ -481,19 +493,23 @@
   },
   "q-btn/type": {
     "type": "string",
-    "description": "Define the button HTML DOM type"
+    "description": "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"
   },
   "q-btn/to": {
     "type": "string|object",
-    "description": "Equivalent to Vue Router <router-link> 'to' property"
+    "description": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used"
   },
   "q-btn/replace": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'replace' property"
+    "description": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used"
   },
-  "q-btn/append": {
-    "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'append' property"
+  "q-btn/href": {
+    "type": "string",
+    "description": "Native <a> link href attribute; Has priority over the 'to' and 'replace' props"
+  },
+  "q-btn/target": {
+    "type": "string",
+    "description": "Native <a> link target attribute; Use it only with 'to' or 'href' props"
   },
   "q-btn/label": {
     "type": "string|number",
@@ -1461,23 +1477,31 @@
   },
   "q-expansion-item/to": {
     "type": "string|object",
-    "description": "Equivalent to Vue Router <router-link> 'to' property"
+    "description": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used"
   },
   "q-expansion-item/exact": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'exact' property"
+    "description": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used"
   },
   "q-expansion-item/replace": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'replace' property"
+    "description": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used"
   },
   "q-expansion-item/active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
   },
   "q-expansion-item/exact-active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
+  },
+  "q-expansion-item/href": {
+    "type": "string",
+    "description": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
+  },
+  "q-expansion-item/target": {
+    "type": "string",
+    "description": "Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
   },
   "q-expansion-item/disable": {
     "type": "boolean",
@@ -2589,23 +2613,31 @@
   },
   "q-item/to": {
     "type": "string|object",
-    "description": "Equivalent to Vue Router <router-link> 'to' property"
+    "description": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used"
   },
   "q-item/exact": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'exact' property"
+    "description": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used"
   },
   "q-item/replace": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'replace' property"
+    "description": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used"
   },
   "q-item/active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
   },
   "q-item/exact-active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
+  },
+  "q-item/href": {
+    "type": "string",
+    "description": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
+  },
+  "q-item/target": {
+    "type": "string",
+    "description": "Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
   },
   "q-item/disable": {
     "type": "boolean",
@@ -3379,22 +3411,30 @@
     "type": "string",
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
   },
-  "q-range/model-value": {
-    "type": "object|null|undefined",
-    "description": "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 'update:modelValue' event) OR use v-model directive"
-  },
   "q-range/min": {
     "type": "number",
-    "description": "Minimum value of the model"
+    "description": "Minimum value of the model; Set track's minimum value"
   },
   "q-range/max": {
     "type": "number",
-    "description": "Maximum value of the model"
+    "description": "Maximum value of the model; Set track's maximum value"
+  },
+  "q-range/inner-min": {
+    "type": "number",
+    "description": "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"
+  },
+  "q-range/inner-max": {
+    "type": "number",
+    "description": "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"
   },
   "q-range/step": {
     "type": "number",
     "description": "Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity"
   },
+  "q-range/snap": {
+    "type": "boolean",
+    "description": "Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop"
+  },
   "q-range/reverse": {
     "type": "boolean",
     "description": "Work in reverse (changes direction)"
@@ -3403,69 +3443,85 @@
     "type": "boolean",
     "description": "Display in vertical direction"
   },
-  "q-range/drag-range": {
-    "type": "boolean",
-    "description": "User can drag range instead of just the two thumbs"
-  },
-  "q-range/drag-only-range": {
-    "type": "boolean",
-    "description": "User can drag only the range instead and NOT the two thumbs"
-  },
   "q-range/color": {
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette"
   },
-  "q-range/label": {
-    "type": "boolean",
-    "description": "Popup labels (for left and right thumbs) when user clicks/taps on the slider thumb and moves it"
+  "q-range/track-color": {
+    "type": "string",
+    "description": "Color name for the track (can be 'transparent' too) from the Quasar Color Palette"
   },
-  "q-range/label-color": {
+  "q-range/track-img": {
     "type": "string",
-    "description": "Color name for labels background from the Quasar Color Palette; Applies to both labels, unless specific label color props are used"
+    "description": "Apply a pattern image on the track"
   },
-  "q-range/label-text-color": {
+  "q-range/inner-track-color": {
     "type": "string",
-    "description": "Color name for labels text from the Quasar Color Palette; Applies to both labels, unless specific label text color props are used"
+    "description": "Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette"
   },
-  "q-range/left-label-color": {
+  "q-range/inner-track-img": {
     "type": "string",
-    "description": "Color name for left label background from the Quasar Color Palette"
+    "description": "Apply a pattern image on the inner track"
   },
-  "q-range/left-label-text-color": {
+  "q-range/selection-color": {
     "type": "string",
-    "description": "Color name for left label text from the Quasar Color Palette"
+    "description": "Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette"
   },
-  "q-range/right-label-color": {
+  "q-range/selection-img": {
     "type": "string",
-    "description": "Color name for right label background from the Quasar Color Palette"
+    "description": "Apply a pattern image on the selection bar"
   },
-  "q-range/right-label-text-color": {
+  "q-range/label": {
+    "type": "boolean",
+    "description": "Popup a label when user clicks/taps on the slider thumb and moves it"
+  },
+  "q-range/label-color": {
     "type": "string",
-    "description": "Color name for right label text from the Quasar Color Palette"
+    "description": "Color name for component from the Quasar Color Palette"
   },
-  "q-range/left-label-value": {
-    "type": "string|number",
-    "description": "Override default label for min value"
+  "q-range/label-text-color": {
+    "type": "string",
+    "description": "Color name for component from the Quasar Color Palette"
   },
-  "q-range/right-label-value": {
-    "type": "string|number",
-    "description": "Override default label for max value"
+  "q-range/switch-label-side": {
+    "type": "boolean",
+    "description": "Switch the position of the label (top <-> bottom or left <-> right)"
   },
   "q-range/label-always": {
     "type": "boolean",
-    "description": "Always display the labels"
+    "description": "Always display the label"
   },
   "q-range/markers": {
     "type": "boolean|number",
     "description": "Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)"
   },
-  "q-range/snap": {
+  "q-range/marker-labels": {
+    "type": "boolean|array|object|function",
+    "description": "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"
+  },
+  "q-range/marker-labels-class": {
+    "type": "string",
+    "description": "CSS class(es) to apply to the marker labels container"
+  },
+  "q-range/switch-marker-labels-side": {
     "type": "boolean",
-    "description": "Snap thumbs on valid values, rather than sliding freely; Suggestion: use with 'step' prop"
+    "description": "Switch the position of the marker labels (top <-> bottom or left <-> right)"
+  },
+  "q-range/track-size": {
+    "type": "string",
+    "description": "Track size (including CSS unit)"
+  },
+  "q-range/thumb-size": {
+    "type": "string",
+    "description": "Thumb size (including CSS unit)"
+  },
+  "q-range/thumb-color": {
+    "type": "string",
+    "description": "Color name for component from the Quasar Color Palette"
   },
   "q-range/thumb-path": {
     "type": "string",
-    "description": "Set custom thumbs svg path"
+    "description": "Set custom thumb svg path"
   },
   "q-range/dark": {
     "type": "boolean",
@@ -3487,6 +3543,50 @@
     "type": "number|string",
     "description": "Tabindex HTML attribute value"
   },
+  "q-range/model-value": {
+    "type": "object|null|undefined",
+    "description": "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 'update:modelValue' event) OR use v-model directive"
+  },
+  "q-range/drag-range": {
+    "type": "boolean",
+    "description": "User can drag range instead of just the two thumbs"
+  },
+  "q-range/drag-only-range": {
+    "type": "boolean",
+    "description": "User can drag only the range instead and NOT the two thumbs"
+  },
+  "q-range/left-label-color": {
+    "type": "string",
+    "description": "Color name for left label background from the Quasar Color Palette"
+  },
+  "q-range/left-label-text-color": {
+    "type": "string",
+    "description": "Color name for left label text from the Quasar Color Palette"
+  },
+  "q-range/right-label-color": {
+    "type": "string",
+    "description": "Color name for right label background from the Quasar Color Palette"
+  },
+  "q-range/right-label-text-color": {
+    "type": "string",
+    "description": "Color name for right label text from the Quasar Color Palette"
+  },
+  "q-range/left-label-value": {
+    "type": "string|number",
+    "description": "Override default label for min value"
+  },
+  "q-range/right-label-value": {
+    "type": "string|number",
+    "description": "Override default label for max value"
+  },
+  "q-range/left-thumb-color": {
+    "type": "string",
+    "description": "Color name (from the Quasar Color Palette) for left thumb"
+  },
+  "q-range/right-thumb-color": {
+    "type": "string",
+    "description": "Color name (from the Quasar Color Palette) for right thumb"
+  },
   "q-rating/name": {
     "type": "string",
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
@@ -4035,22 +4135,30 @@
     "type": "string",
     "description": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL"
   },
-  "q-slider/model-value": {
-    "type": "number|null|undefined",
-    "description": "Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
-  },
   "q-slider/min": {
     "type": "number",
-    "description": "Minimum value of the model"
+    "description": "Minimum value of the model; Set track's minimum value"
   },
   "q-slider/max": {
     "type": "number",
-    "description": "Maximum value of the model"
+    "description": "Maximum value of the model; Set track's maximum value"
+  },
+  "q-slider/inner-min": {
+    "type": "number",
+    "description": "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"
+  },
+  "q-slider/inner-max": {
+    "type": "number",
+    "description": "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"
   },
   "q-slider/step": {
     "type": "number",
     "description": "Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity"
   },
+  "q-slider/snap": {
+    "type": "boolean",
+    "description": "Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop"
+  },
   "q-slider/reverse": {
     "type": "boolean",
     "description": "Work in reverse (changes direction)"
@@ -4063,6 +4171,30 @@
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette"
   },
+  "q-slider/track-color": {
+    "type": "string",
+    "description": "Color name for the track (can be 'transparent' too) from the Quasar Color Palette"
+  },
+  "q-slider/track-img": {
+    "type": "string",
+    "description": "Apply a pattern image on the track"
+  },
+  "q-slider/inner-track-color": {
+    "type": "string",
+    "description": "Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette"
+  },
+  "q-slider/inner-track-img": {
+    "type": "string",
+    "description": "Apply a pattern image on the inner track"
+  },
+  "q-slider/selection-color": {
+    "type": "string",
+    "description": "Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette"
+  },
+  "q-slider/selection-img": {
+    "type": "string",
+    "description": "Apply a pattern image on the selection bar"
+  },
   "q-slider/label": {
     "type": "boolean",
     "description": "Popup a label when user clicks/taps on the slider thumb and moves it"
@@ -4075,9 +4207,9 @@
     "type": "string",
     "description": "Color name for component from the Quasar Color Palette"
   },
-  "q-slider/label-value": {
-    "type": "string|number",
-    "description": "Override default label value"
+  "q-slider/switch-label-side": {
+    "type": "boolean",
+    "description": "Switch the position of the label (top <-> bottom or left <-> right)"
   },
   "q-slider/label-always": {
     "type": "boolean",
@@ -4087,9 +4219,29 @@
     "type": "boolean|number",
     "description": "Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)"
   },
-  "q-slider/snap": {
+  "q-slider/marker-labels": {
+    "type": "boolean|array|object|function",
+    "description": "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"
+  },
+  "q-slider/marker-labels-class": {
+    "type": "string",
+    "description": "CSS class(es) to apply to the marker labels container"
+  },
+  "q-slider/switch-marker-labels-side": {
     "type": "boolean",
-    "description": "Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop"
+    "description": "Switch the position of the marker labels (top <-> bottom or left <-> right)"
+  },
+  "q-slider/track-size": {
+    "type": "string",
+    "description": "Track size (including CSS unit)"
+  },
+  "q-slider/thumb-size": {
+    "type": "string",
+    "description": "Thumb size (including CSS unit)"
+  },
+  "q-slider/thumb-color": {
+    "type": "string",
+    "description": "Color name for component from the Quasar Color Palette"
   },
   "q-slider/thumb-path": {
     "type": "string",
@@ -4115,6 +4267,14 @@
     "type": "number|string",
     "description": "Tabindex HTML attribute value"
   },
+  "q-slider/model-value": {
+    "type": "number|null|undefined",
+    "description": "Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive"
+  },
+  "q-slider/label-value": {
+    "type": "string|number",
+    "description": "Override default label value"
+  },
   "q-spinner/size": {
     "type": "string",
     "description": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)"
@@ -4853,23 +5013,31 @@
   },
   "q-route-tab/to": {
     "type": "string|object",
-    "description": "Equivalent to Vue Router <router-link> 'to' property"
+    "description": "Equivalent to Vue Router <router-link> 'to' property; Superseeded by 'href' prop if used"
   },
   "q-route-tab/exact": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'exact' property"
+    "description": "Equivalent to Vue Router <router-link> 'exact' property; Superseeded by 'href' prop if used"
   },
   "q-route-tab/replace": {
     "type": "boolean",
-    "description": "Equivalent to Vue Router <router-link> 'replace' property"
+    "description": "Equivalent to Vue Router <router-link> 'replace' property; Superseeded by 'href' prop if used"
   },
   "q-route-tab/active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
   },
   "q-route-tab/exact-active-class": {
     "type": "string",
-    "description": "Equivalent to Vue Router <router-link> 'active-class' property"
+    "description": "Equivalent to Vue Router <router-link> 'active-class' property; Superseeded by 'href' prop if used"
+  },
+  "q-route-tab/href": {
+    "type": "string",
+    "description": "Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
+  },
+  "q-route-tab/target": {
+    "type": "string",
+    "description": "Native <a> link target attribute; Use it only along with 'href' prop; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props"
   },
   "q-route-tab/disable": {
     "type": "boolean",