quasar 2.14.5 → 2.14.7

package/dist/api/QCheckbox.json

@@ -1,211 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/checkbox"
-  },
-  "props": {
-    "name": {
-      "type": "String",
-      "desc": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL",
-      "examples": [
-        "car_id"
-      ],
-      "category": "behavior"
-    },
-    "size": {
-      "type": "String",
-      "desc": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)",
-      "examples": [
-        "16px",
-        "2rem",
-        "xs",
-        "md"
-      ],
-      "category": "style"
-    },
-    "model-value": {
-      "desc": "Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive",
-      "required": true,
-      "syncable": true,
-      "category": "model",
-      "type": [
-        "Any",
-        "Array"
-      ],
-      "examples": [
-        "false",
-        "['car', 'building']"
-      ]
-    },
-    "val": {
-      "type": "Any",
-      "desc": "Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked",
-      "examples": [
-        "car"
-      ],
-      "category": "model"
-    },
-    "true-value": {
-      "type": "Any",
-      "desc": "What model value should be considered as checked/ticked/on?",
-      "default": true,
-      "examples": [
-        "Agreed"
-      ],
-      "category": "model",
-      "required": false
-    },
-    "false-value": {
-      "type": "Any",
-      "desc": "What model value should be considered as unchecked/unticked/off?",
-      "default": false,
-      "examples": [
-        "Disagree"
-      ],
-      "category": "model",
-      "required": false
-    },
-    "indeterminate-value": {
-      "type": "Any",
-      "desc": "What model value should be considered as 'indeterminate'?",
-      "default": null,
-      "examples": [
-        0,
-        "not_answered"
-      ],
-      "category": "model",
-      "required": false
-    },
-    "toggle-order": {
-      "type": "String",
-      "desc": "Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...",
-      "default": "tf",
-      "values": [
-        "tf",
-        "ft"
-      ],
-      "category": "behavior",
-      "required": false
-    },
-    "toggle-indeterminate": {
-      "type": "Boolean",
-      "desc": "When user clicks/taps on the component, should we toggle through the indeterminate state too?",
-      "category": "behavior"
-    },
-    "label": {
-      "type": "String",
-      "desc": "Label to display along the component (or use the default slot instead of this prop)",
-      "examples": [
-        "I agree with the Terms and Conditions"
-      ],
-      "category": "label"
-    },
-    "left-label": {
-      "type": "Boolean",
-      "desc": "Label (if any specified) should be displayed on the left side of the component",
-      "category": "label"
-    },
-    "checked-icon": {
-      "type": "String",
-      "examples": [
-        "visibility"
-      ],
-      "category": "icons",
-      "desc": "The icon to be used when the model is truthy (instead of the default design)",
-      "addedIn": "v2.5"
-    },
-    "unchecked-icon": {
-      "type": "String",
-      "examples": [
-        "visibility_off"
-      ],
-      "category": "icons",
-      "desc": "The icon to be used when the toggle is falsy (instead of the default design)",
-      "addedIn": "v2.5"
-    },
-    "indeterminate-icon": {
-      "type": "String",
-      "examples": [
-        "help"
-      ],
-      "category": "icons",
-      "desc": "The icon to be used when the model is indeterminate (instead of the default design)",
-      "addedIn": "v2.5"
-    },
-    "color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "keep-color": {
-      "type": "Boolean",
-      "desc": "Should the color (if specified any) be kept when the component is unticked/ off?",
-      "category": "behavior"
-    },
-    "dark": {
-      "type": [
-        "Boolean",
-        "null"
-      ],
-      "default": null,
-      "desc": "Notify the component that the background is a dark color",
-      "category": "style",
-      "required": false
-    },
-    "dense": {
-      "type": "Boolean",
-      "desc": "Dense mode; occupies less space",
-      "category": "style"
-    },
-    "disable": {
-      "type": "Boolean",
-      "desc": "Put component in disabled mode",
-      "category": "state"
-    },
-    "tabindex": {
-      "type": [
-        "Number",
-        "String"
-      ],
-      "desc": "Tabindex HTML attribute value",
-      "examples": [
-        "0",
-        "100"
-      ],
-      "category": "general"
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Default slot can be used as label, unless 'label' prop is specified; Suggestion: string"
-    }
-  },
-  "events": {
-    "update:model-value": {
-      "desc": "Emitted when the component needs to change the model; Is also used by v-model",
-      "params": {
-        "value": {
-          "type": "Any",
-          "desc": "New model value",
-          "required": true
-        },
-        "evt": {
-          "type": "Event",
-          "desc": "JS event object",
-          "required": true
-        }
-      }
-    }
-  },
-  "methods": {
-    "toggle": {
-      "desc": "Toggle the state (of the model)"
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/checkbox"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["car_id"],"category":"behavior"},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Any","Array"],"examples":["false","['car', 'building']"]},"val":{"type":"Any","desc":"Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked","examples":["car"],"category":"model"},"true-value":{"type":"Any","desc":"What model value should be considered as checked/ticked/on?","default":true,"examples":["Agreed"],"category":"model","required":false},"false-value":{"type":"Any","desc":"What model value should be considered as unchecked/unticked/off?","default":false,"examples":["Disagree"],"category":"model","required":false},"indeterminate-value":{"type":"Any","desc":"What model value should be considered as 'indeterminate'?","default":null,"examples":[0,"not_answered"],"category":"model","required":false},"toggle-order":{"type":"String","desc":"Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...","default":"tf","values":["tf","ft"],"category":"behavior","required":false},"toggle-indeterminate":{"type":"Boolean","desc":"When user clicks/taps on the component, should we toggle through the indeterminate state too?","category":"behavior"},"label":{"type":"String","desc":"Label to display along the component (or use the default slot instead of this prop)","examples":["I agree with the Terms and Conditions"],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the component","category":"label"},"checked-icon":{"type":"String","examples":["visibility"],"category":"icons","desc":"The icon to be used when the model is truthy (instead of the default design)","addedIn":"v2.5"},"unchecked-icon":{"type":"String","examples":["visibility_off"],"category":"icons","desc":"The icon to be used when the toggle is falsy (instead of the default design)","addedIn":"v2.5"},"indeterminate-icon":{"type":"String","examples":["help"],"category":"icons","desc":"The icon to be used when the model is indeterminate (instead of the default design)","addedIn":"v2.5"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"keep-color":{"type":"Boolean","desc":"Should the color (if specified any) be kept when the component is unticked/ off?","category":"behavior"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"}},"slots":{"default":{"desc":"Default slot can be used as label, unless 'label' prop is specified; Suggestion: string"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true},"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"toggle":{"desc":"Toggle the state (of the model)"}}}

package/dist/api/QChip.json

@@ -1,232 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/chip"
-  },
-  "props": {
-    "dense": {
-      "type": "Boolean",
-      "desc": "Dense mode; occupies less space",
-      "category": "style"
-    },
-    "size": {
-      "type": "String",
-      "desc": "QChip size name or a CSS unit including unit name",
-      "examples": [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl",
-        "25px",
-        "2rem"
-      ],
-      "category": "style"
-    },
-    "dark": {
-      "type": [
-        "Boolean",
-        "null"
-      ],
-      "default": null,
-      "desc": "Notify the component that the background is a dark color",
-      "category": "style",
-      "required": false
-    },
-    "icon": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "icon-right": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "icon-remove": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "icon-selected": {
-      "type": "String",
-      "desc": "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)",
-      "examples": [
-        "map",
-        "ion-add",
-        "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
-        "img:path/to/some_image.png"
-      ],
-      "category": "content"
-    },
-    "label": {
-      "type": [
-        "String",
-        "Number"
-      ],
-      "desc": "Chip's content as string; overrides default slot if specified",
-      "examples": [
-        "John Doe",
-        "Book"
-      ],
-      "category": "content"
-    },
-    "color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "text-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "model-value": {
-      "desc": "Model of the component determining if QChip should be rendered or not",
-      "required": false,
-      "syncable": true,
-      "category": "model",
-      "type": "Boolean",
-      "default": true
-    },
-    "selected": {
-      "type": [
-        "Boolean",
-        "null"
-      ],
-      "default": null,
-      "sync": true,
-      "desc": "Model for QChip if it's selected or not",
-      "examples": [
-        "v-model:selected=\"myState\""
-      ],
-      "category": "model",
-      "required": false,
-      "syncable": true
-    },
-    "square": {
-      "type": "Boolean",
-      "desc": "Sets a low value for border-radius instead of the default one, making it close to a square",
-      "category": "style"
-    },
-    "outline": {
-      "type": "Boolean",
-      "desc": "Display using the 'outline' design",
-      "category": "style"
-    },
-    "clickable": {
-      "type": "Boolean",
-      "desc": "Is QChip clickable? If it's the case, then it will add hover effects and emit 'click' events",
-      "category": "state"
-    },
-    "removable": {
-      "type": "Boolean",
-      "desc": "If set, then it displays a 'remove' icon that when clicked the QChip emits 'remove' event",
-      "category": "state"
-    },
-    "ripple": {
-      "type": [
-        "Boolean",
-        "Object"
-      ],
-      "desc": "Configure material ripple (disable it by setting it to 'false' or supply a config object)",
-      "default": true,
-      "examples": [
-        false,
-        "{ early: true, center: true, color: 'teal', keyCodes: [] }"
-      ],
-      "category": "style",
-      "required": false
-    },
-    "remove-aria-label": {
-      "type": "String",
-      "desc": "aria-label to be used on the remove icon",
-      "examples": [
-        "Remove item"
-      ],
-      "category": "accessibility",
-      "addedIn": "v2.8.4"
-    },
-    "tabindex": {
-      "type": [
-        "Number",
-        "String"
-      ],
-      "desc": "Tabindex HTML attribute value",
-      "examples": [
-        "0",
-        "100"
-      ],
-      "category": "general"
-    },
-    "disable": {
-      "type": "Boolean",
-      "desc": "Put component in disabled mode",
-      "category": "state"
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "This is where QChip content goes, if not using 'label' property"
-    }
-  },
-  "events": {
-    "click": {
-      "desc": "Emitted on QChip click if 'clickable' property is set",
-      "params": {
-        "evt": {
-          "type": "Event",
-          "desc": "JS event object"
-        }
-      }
-    },
-    "update:selected": {
-      "desc": "Used by Vue on 'v-model:selected' for updating its value",
-      "params": {
-        "state": {
-          "type": "Boolean",
-          "desc": "Selected state"
-        }
-      }
-    },
-    "remove": {
-      "desc": "Works along with 'value' and 'removable' prop. Emitted when toggling rendering state of the QChip",
-      "params": {
-        "state": {
-          "type": "Boolean",
-          "desc": "Render state (render or not)"
-        }
-      }
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chip"},"props":{"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"size":{"type":"String","desc":"QChip size name or a CSS unit including unit name","examples":["xs","sm","md","lg","xl","25px","2rem"],"category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"icon":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-right":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-remove":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-selected":{"type":"String","desc":"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)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"label":{"type":["String","Number"],"desc":"Chip's content as string; overrides default slot if specified","examples":["John Doe","Book"],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"model-value":{"desc":"Model of the component determining if QChip should be rendered or not","required":false,"syncable":true,"category":"model","type":"Boolean","default":true},"selected":{"type":["Boolean","null"],"default":null,"sync":true,"desc":"Model for QChip if it's selected or not","examples":["v-model:selected=\"myState\""],"category":"model","required":false,"syncable":true},"square":{"type":"Boolean","desc":"Sets a low value for border-radius instead of the default one, making it close to a square","category":"style"},"outline":{"type":"Boolean","desc":"Display using the 'outline' design","category":"style"},"clickable":{"type":"Boolean","desc":"Is QChip clickable? If it's the case, then it will add hover effects and emit 'click' events","category":"state"},"removable":{"type":"Boolean","desc":"If set, then it displays a 'remove' icon that when clicked the QChip emits 'remove' event","category":"state"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"remove-aria-label":{"type":"String","desc":"aria-label to be used on the remove icon","examples":["Remove item"],"category":"accessibility","addedIn":"v2.8.4"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"default":{"desc":"This is where QChip content goes, if not using 'label' property"}},"events":{"click":{"desc":"Emitted on QChip click if 'clickable' property is set","params":{"evt":{"type":"Event","desc":"JS event object"}}},"update:selected":{"desc":"Used by Vue on 'v-model:selected' for updating its value","params":{"state":{"type":"Boolean","desc":"Selected state"}}},"remove":{"desc":"Works along with 'value' and 'removable' prop. Emitted when toggling rendering state of the QChip","params":{"state":{"type":"Boolean","desc":"Render state (render or not)"}}}}}

package/dist/api/QCircularProgress.json

@@ -1,145 +1 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://v2.quasar.dev/vue-components/circular-progress"
-  },
-  "props": {
-    "size": {
-      "type": "String",
-      "desc": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)",
-      "examples": [
-        "16px",
-        "2rem",
-        "xs",
-        "md"
-      ],
-      "category": "style"
-    },
-    "value": {
-      "type": "Number",
-      "default": 0,
-      "desc": "Current progress (must be between min/max)",
-      "category": "model",
-      "required": false
-    },
-    "min": {
-      "type": "Number",
-      "default": 0,
-      "desc": "Minimum value defining 'no progress' (must be lower than 'max')",
-      "category": "model",
-      "required": false
-    },
-    "max": {
-      "type": "Number",
-      "default": 100,
-      "desc": "Maximum value defining 100% progress made (must be higher than 'min')",
-      "category": "model",
-      "required": false
-    },
-    "color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for the arc progress from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "center-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for the center part of the component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "track-color": {
-      "type": "String",
-      "tsType": "NamedColor",
-      "desc": "Color name for the track of the component from the Quasar Color Palette",
-      "examples": [
-        "primary",
-        "teal",
-        "teal-10"
-      ],
-      "category": "style"
-    },
-    "font-size": {
-      "type": "String",
-      "desc": "Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size",
-      "default": "0.25em",
-      "examples": [
-        "1em",
-        "16px",
-        "2rem"
-      ],
-      "category": "style",
-      "required": false
-    },
-    "rounded": {
-      "type": "Boolean",
-      "desc": "Rounding the arc of progress",
-      "category": "style",
-      "addedIn": "v2.8.4"
-    },
-    "thickness": {
-      "type": "Number",
-      "default": 0.2,
-      "desc": "Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size",
-      "category": "style",
-      "required": false
-    },
-    "angle": {
-      "type": "Number",
-      "desc": "Angle to rotate progress arc by",
-      "default": 0,
-      "category": "content",
-      "required": false
-    },
-    "indeterminate": {
-      "type": "Boolean",
-      "desc": "Put component into 'indeterminate' state; Ignores 'value' prop",
-      "category": "behavior"
-    },
-    "show-value": {
-      "type": "Boolean",
-      "desc": "Enables the default slot and uses it (if available), otherwise it displays the 'value' prop as text; Make sure the text has enough space to be displayed inside the component",
-      "category": "content|behavior"
-    },
-    "reverse": {
-      "type": "Boolean",
-      "desc": "Reverses the direction of progress; Only for determined state",
-      "category": "behavior"
-    },
-    "instant-feedback": {
-      "type": "Boolean",
-      "desc": "No animation when model changes",
-      "category": "behavior"
-    },
-    "animation-speed": {
-      "type": [
-        "String",
-        "Number"
-      ],
-      "desc": "Animation speed (in milliseconds, without unit)",
-      "examples": [
-        500,
-        "1200"
-      ],
-      "category": "style",
-      "default": 600,
-      "addedIn": "v2.3",
-      "required": false
-    }
-  },
-  "slots": {
-    "default": {
-      "desc": "Used for component content only if 'show-value' prop is set; Make sure the content has enough space to be displayed inside the component"
-    }
-  }
-}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/circular-progress"},"props":{"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"value":{"type":"Number","default":0,"desc":"Current progress (must be between min/max)","category":"model","required":false},"min":{"type":"Number","default":0,"desc":"Minimum value defining 'no progress' (must be lower than 'max')","category":"model","required":false},"max":{"type":"Number","default":100,"desc":"Maximum value defining 100% progress made (must be higher than 'min')","category":"model","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for the arc progress from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"center-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the center part of the component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the track of the component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"font-size":{"type":"String","desc":"Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size","default":"0.25em","examples":["1em","16px","2rem"],"category":"style","required":false},"rounded":{"type":"Boolean","desc":"Rounding the arc of progress","category":"style","addedIn":"v2.8.4"},"thickness":{"type":"Number","default":0.2,"desc":"Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size","category":"style","required":false},"angle":{"type":"Number","desc":"Angle to rotate progress arc by","default":0,"category":"content","required":false},"indeterminate":{"type":"Boolean","desc":"Put component into 'indeterminate' state; Ignores 'value' prop","category":"behavior"},"show-value":{"type":"Boolean","desc":"Enables the default slot and uses it (if available), otherwise it displays the 'value' prop as text; Make sure the text has enough space to be displayed inside the component","category":"content|behavior"},"reverse":{"type":"Boolean","desc":"Reverses the direction of progress; Only for determined state","category":"behavior"},"instant-feedback":{"type":"Boolean","desc":"No animation when model changes","category":"behavior"},"animation-speed":{"type":["String","Number"],"desc":"Animation speed (in milliseconds, without unit)","examples":[500,"1200"],"category":"style","default":600,"addedIn":"v2.3","required":false}},"slots":{"default":{"desc":"Used for component content only if 'show-value' prop is set; Make sure the content has enough space to be displayed inside the component"}}}