quasar 2.15.1 → 2.15.3

package/dist/api/QMenu.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/menu"},"props":{"transition-show":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-hide":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":300,"category":"transition","required":false},"target":{"type":["Boolean","String","Element"],"desc":"Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists)","default":true,"values":["(Boolean) true","(Boolean) false","(CSS selector)","(DOM Element)"],"examples":[":target=\"false\"",":target=\"$refs.target\"","target=\".my-parent\"","target=\"#target-id\""],"category":"behavior","required":false},"no-parent-event":{"type":"Boolean","desc":"Skips attaching events to the target DOM element (that trigger the element to get shown)","category":"behavior"},"context-menu":{"type":"Boolean","desc":"Allows the component to behave like a context menu, which opens with a right mouse click (or long tap on mobile)","category":"behavior"},"model-value":{"type":"Boolean","desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"fit":{"type":"Boolean","desc":"Allows the menu to match at least the full width of its target","category":"position"},"cover":{"type":"Boolean","desc":"Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective","category":"position"},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"category":"position"},"self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"category":"position"},"offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[8, 8]","[5, 10]"],"category":"position"},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[":scroll-target=\"$refs.scrollTarget\"","scroll-target=\".scroll-target-class\"","scroll-target=\"#scroll-target-id\"","scroll-target=\"body\""],"category":"behavior"},"touch-position":{"type":"Boolean","desc":"Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched","category":"behavior"},"persistent":{"type":"Boolean","desc":"Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Allows any click/tap in the menu to close it; Useful instead of attaching events to each menu item that should close the menu on click/tap","category":"behavior"},"separate-close-popup":{"type":"Boolean","desc":"Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)","category":"behavior"},"square":{"type":"Boolean","desc":"Forces content to have squared borders","category":"style"},"no-refocus":{"type":"Boolean","desc":"(Accessibility) When Menu gets hidden, do not refocus on the DOM element that previously had focus","category":"behavior"},"no-focus":{"type":"Boolean","desc":"(Accessibility) When Menu gets shown, do not switch focus on it","category":"behavior"},"max-height":{"type":["String","null"],"desc":"The maximum height of the menu; Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","default":null,"required":false},"max-width":{"type":["String","null"],"desc":"The maximum width of the menu; Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","default":null,"required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"update:model-value":{"desc":"Emitted when showing/hidden state changes; Is also used by v-model","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"escape-key":{"desc":"Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent'"}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"},"updatePosition":{"desc":"There are some custom scenarios for which Quasar cannot automatically reposition the menu without significant performance drawbacks so the optimal solution is for you to call this method when you need it"},"focus":{"desc":"Focus menu; if you have content with autofocus attribute, it will directly focus it"}},"computedProps":{"contentEl":{"type":"Element","desc":"The DOM Element of the rendered content","addedIn":"v2.10.1"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/menu"},"props":{"transition-show":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["'fade'","'slide-down'"],"category":"transition","default":"'fade'","required":false},"transition-hide":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["'fade'","'slide-down'"],"category":"transition","default":"'fade'","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":"300","category":"transition","required":false},"target":{"type":["Boolean","String","Element"],"desc":"Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists)","default":"true","examples":["false",".my-parent","#target-id","$refs.target"],"category":"behavior","required":false},"no-parent-event":{"type":"Boolean","desc":"Skips attaching events to the target DOM element (that trigger the element to get shown)","category":"behavior"},"context-menu":{"type":"Boolean","desc":"Allows the component to behave like a context menu, which opens with a right mouse click (or long tap on mobile)","category":"behavior"},"model-value":{"type":"Boolean","desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"fit":{"type":"Boolean","desc":"Allows the menu to match at least the full width of its target","category":"position"},"cover":{"type":"Boolean","desc":"Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective","category":"position"},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"category":"position"},"self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"category":"position"},"offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[ 8, 8 ]","[ 5, 10 ]"],"category":"position"},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[".scroll-target-class","#scroll-target-id","$refs.scrollTarget","document.body"],"category":"behavior"},"touch-position":{"type":"Boolean","desc":"Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched","category":"behavior"},"persistent":{"type":"Boolean","desc":"Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Allows any click/tap in the menu to close it; Useful instead of attaching events to each menu item that should close the menu on click/tap","category":"behavior"},"separate-close-popup":{"type":"Boolean","desc":"Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)","category":"behavior"},"square":{"type":"Boolean","desc":"Forces content to have squared borders","category":"style"},"no-refocus":{"type":"Boolean","desc":"(Accessibility) When Menu gets hidden, do not refocus on the DOM element that previously had focus","category":"behavior"},"no-focus":{"type":"Boolean","desc":"(Accessibility) When Menu gets shown, do not switch focus on it","category":"behavior"},"max-height":{"type":["String","null"],"desc":"The maximum height of the menu; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"style","default":"null","required":false},"max-width":{"type":["String","null"],"desc":"The maximum width of the menu; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"style","default":"null","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"update:model-value":{"desc":"Emitted when showing/hidden state changes; Is also used by v-model","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"escape-key":{"desc":"Emitted when ESC key is pressed; Does not get emitted if Menu is 'persistent'"}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"toggle":{"desc":"Triggers component to toggle between show/hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"updatePosition":{"desc":"There are some custom scenarios for which Quasar cannot automatically reposition the menu without significant performance drawbacks so the optimal solution is for you to call this method when you need it","params":null,"returns":null},"focus":{"desc":"Focus menu; if you have content with autofocus attribute, it will directly focus it","params":null,"returns":null}},"computedProps":{"contentEl":{"type":"Element","desc":"The DOM Element of the rendered content","addedIn":"v2.10.1"}}}

package/dist/api/QNoSsr.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/no-ssr"},"props":{"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","span","blockquote"],"category":"content","default":"div","required":false},"placeholder":{"type":"String","desc":"Text to display on server-side render (unless using 'placeholder' slot)","examples":["This is server-side only"],"category":"content"}},"slots":{"default":{"desc":"Default slot is used to render content on client-side"},"placeholder":{"desc":"Slot used as placeholder on server-side render, which gets replaced by the default slot on client-side; overrides 'placeholder' prop"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/no-ssr"},"props":{"tag":{"type":"String","desc":"HTML tag to use","category":"content","default":"'div'","examples":["'div'","'span'","'blockquote'"],"required":false},"placeholder":{"type":"String","desc":"Text to display on server-side render (unless using 'placeholder' slot)","examples":["'This is server-side only'"],"category":"content"}},"slots":{"default":{"desc":"Default slot is used to render content on client-side"},"placeholder":{"desc":"Slot used as placeholder on server-side render, which gets replaced by the default slot on client-side; overrides 'placeholder' prop"}}}

package/dist/api/QOptionGroup.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/option-group"},"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"},"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","examples":["v-model=\"group\""]},"options":{"type":"Array","desc":"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","definition":{"label":{"type":"String","desc":"Label to display along the component","required":true,"examples":["Option 1","Option 2","Option 3"]},"value":{"type":"Any","desc":"Value of the option that will be used by the component model","required":true,"examples":["op1","op2","op3"]},"disable":{"type":"Boolean","desc":"If true, the option will be disabled"},"...props":{"type":"Any","desc":"Any other props from QToggle, QCheckbox, or QRadio","examples":["val=\"car\"",":true-value=\"trueValue\"","checked-icon=\"visibility\""]}},"examples":[":options=\"[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]\""],"category":"model"},"name":{"type":"String","desc":"Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL","examples":["car_id"],"category":"behavior"},"type":{"type":"String","desc":"The type of input component to be used","values":["radio","checkbox","toggle"],"default":"radio","category":"content","required":false},"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 input components are unticked?","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"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the input components","category":"content"},"inline":{"type":"Boolean","desc":"Show input components as inline-block rather than each having their own row","category":"content"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"label":{"desc":"Generic slot for all labels","scope":{"...self":{"type":"Object","desc":"The corresponding option entry from the 'options' prop","definition":{"label":{"type":"String","desc":"Label to display along the component","required":true,"examples":["Option 1","Option 2","Option 3"]},"value":{"type":"Any","desc":"Value of the option that will be used by the component model","required":true,"examples":["op1","op2","op3"]},"disable":{"type":"Boolean","desc":"If true, the option will be disabled"},"...props":{"type":"Any","desc":"Any other props from QToggle, QCheckbox, or QRadio","examples":["val=\"car\"",":true-value=\"trueValue\"","checked-icon=\"visibility\""]}}}},"addedIn":"v2.2"},"label-[name]":{"desc":"Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used","scope":{"...self":{"type":"Object","desc":"The corresponding option entry from the 'options' prop","definition":{"label":{"type":"String","desc":"Label to display along the component","required":true,"examples":["Option 1","Option 2","Option 3"]},"value":{"type":"Any","desc":"Value of the option that will be used by the component model","required":true,"examples":["op1","op2","op3"]},"disable":{"type":"Boolean","desc":"If true, the option will be disabled"},"...props":{"type":"Any","desc":"Any other props from QToggle, QCheckbox, or QRadio","examples":["val=\"car\"",":true-value=\"trueValue\"","checked-icon=\"visibility\""]}}}},"addedIn":"v2.2"}},"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}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/option-group"},"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"},"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","examples":["# v-model=\"group\""]},"options":{"type":"Array","desc":"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","definition":{"label":{"type":"String","desc":"Label to display along the component","required":true,"examples":["'Option 1'","'Option 2'","'Option 3'"]},"value":{"type":"Any","desc":"Value of the option that will be used by the component model","required":true,"examples":["'op1'","'op2'","'op3'"]},"disable":{"type":"Boolean","desc":"If true, the option will be disabled"},"...props":{"type":"Any","desc":"Any other props from QToggle, QCheckbox, or QRadio","examples":["# val=\"car\"","# :true-value=\"trueValue\"","# checked-icon=\"visibility\""]}},"examples":["[ { label: 'Option 1', value: 'op1' }, { label: 'Option 2', value: 'op2' }, { label: 'Option 3', value: 'op3', disable: true } ]"],"category":"model"},"name":{"type":"String","desc":"Used to specify the name of the controls; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"type":{"type":"String","desc":"The type of input component to be used","values":["'radio'","'checkbox'","'toggle'"],"default":"'radio'","category":"content","required":false},"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 input components are unticked?","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"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the input components","category":"content"},"inline":{"type":"Boolean","desc":"Show input components as inline-block rather than each having their own row","category":"content"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"label":{"desc":"Generic slot for all labels","scope":{"...self":{"type":"Object","desc":"The corresponding option entry from the 'options' prop","definition":{"label":{"type":"String","desc":"Label to display along the component","required":true,"examples":["'Option 1'","'Option 2'","'Option 3'"]},"value":{"type":"Any","desc":"Value of the option that will be used by the component model","required":true,"examples":["'op1'","'op2'","'op3'"]},"disable":{"type":"Boolean","desc":"If true, the option will be disabled"},"...props":{"type":"Any","desc":"Any other props from QToggle, QCheckbox, or QRadio","examples":["# val=\"car\"","# :true-value=\"trueValue\"","# checked-icon=\"visibility\""]}}}},"addedIn":"v2.2"},"label-[name]":{"desc":"Slot to define the specific label for the option at '[name]' where name is a 0-based index; Overrides the generic 'label' slot if used","scope":{"...self":{"type":"Object","desc":"The corresponding option entry from the 'options' prop","definition":{"label":{"type":"String","desc":"Label to display along the component","required":true,"examples":["'Option 1'","'Option 2'","'Option 3'"]},"value":{"type":"Any","desc":"Value of the option that will be used by the component model","required":true,"examples":["'op1'","'op2'","'op3'"]},"disable":{"type":"Boolean","desc":"If true, the option will be disabled"},"...props":{"type":"Any","desc":"Any other props from QToggle, QCheckbox, or QRadio","examples":["# val=\"car\"","# :true-value=\"trueValue\"","# checked-icon=\"visibility\""]}}}},"addedIn":"v2.2"}},"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}}}}}

package/dist/api/QPage.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/page"},"props":{"padding":{"type":"Boolean","desc":"Applies a default responsive page padding","category":"content"},"style-fn":{"type":"Function","desc":"Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline","params":{"offset":{"type":"Number","desc":"Header + Footer height (in pixels)"},"height":{"type":"Number","desc":"Value in pixels of container height (if containerized) or window height otherwise"}},"returns":{"type":"Object","desc":"Object with CSS properties to apply to Page DOM element"},"default":"(see source code)","examples":["(see source code)"],"category":"style","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/page"},"props":{"padding":{"type":"Boolean","desc":"Applies a default responsive page padding","category":"content"},"style-fn":{"type":"Function","desc":"Override default CSS style applied to the component (sets minHeight); Function(offset: Number) => CSS props/value: Object; For best performance, reference it from your scope and do not define it inline","params":{"offset":{"type":"Number","desc":"Header + Footer height (in pixels)"},"height":{"type":"Number","desc":"Value in pixels of container height (if containerized) or window height otherwise"}},"returns":{"type":"Object","desc":"Object with CSS properties to apply to Page DOM element"},"default":"# see source code","examples":["# see source code"],"category":"style","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}

package/dist/api/QPageScroller.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/page-scroller"},"props":{"position":{"type":"String","desc":"Page side/corner to stick to","default":"bottom-right","values":["top-right","top-left","bottom-right","bottom-left","top","right","bottom","left"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically in pixels","examples":["[8, 8]","[5, 10]"],"category":"content","default":[18,18],"required":false},"expand":{"type":"Boolean","desc":"By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop","category":"content"},"scroll-offset":{"type":"Number","desc":"Scroll offset (in pixels) from which point the component is shown on page; Measured from the top of the page (or from the bottom if in 'reverse' mode)","default":1000,"category":"behavior","required":false},"reverse":{"type":"Boolean","desc":"Work in reverse (shows when scrolling to the top of the page and scrolls to bottom when triggered)","category":"behavior"},"duration":{"type":"Number","desc":"Duration (in milliseconds) of the scrolling until it reaches its target","default":300,"category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/page-scroller"},"props":{"position":{"type":"String","desc":"Page side/corner to stick to","default":"'bottom-right'","values":["'top-right'","'top-left'","'bottom-right'","'bottom-left'","'top'","'right'","'bottom'","'left'"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically in pixels","examples":["[ 8, 8 ]","[ 5, 10 ]"],"category":"content","default":"[ 18, 18 ]","required":false},"expand":{"type":"Boolean","desc":"By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop","category":"content"},"scroll-offset":{"type":"Number","desc":"Scroll offset (in pixels) from which point the component is shown on page; Measured from the top of the page (or from the bottom if in 'reverse' mode)","default":"1000","category":"behavior","required":false},"reverse":{"type":"Boolean","desc":"Work in reverse (shows when scrolling to the top of the page and scrolls to bottom when triggered)","category":"behavior"},"duration":{"type":"Number","desc":"Duration (in milliseconds) of the scrolling until it reaches its target","default":"300","category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}

package/dist/api/QPageSticky.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/page-sticky"},"props":{"position":{"type":"String","desc":"Page side/corner to stick to","default":"bottom-right","values":["top-right","top-left","bottom-right","bottom-left","top","right","bottom","left"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically in pixels","examples":["[8, 8]","[5, 10]"],"category":"position"},"expand":{"type":"Boolean","desc":"By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop","category":"content"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/page-sticky"},"props":{"position":{"type":"String","desc":"Page side/corner to stick to","default":"'bottom-right'","values":["'top-right'","'top-left'","'bottom-right'","'bottom-left'","'top'","'right'","'bottom'","'left'"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically in pixels","examples":["[ 8, 8 ]","[ 5, 10 ]"],"category":"position"},"expand":{"type":"Boolean","desc":"By default the component shrinks to content's size; By using this prop you make the component fully expand horizontally or vertically, based on 'position' prop","category":"content"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}

package/dist/api/QPagination.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/pagination"},"props":{"model-value":{"desc":"Current page (must be between min/max)","required":true,"syncable":true,"category":"model","type":"Number"},"min":{"type":["Number","String"],"desc":"Minimum page (must be lower than 'max')","default":1,"category":"model","required":false},"max":{"type":["Number","String"],"desc":"Number of last page (must be higher than 'min')","required":true,"category":"model"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)","category":"style","required":false},"size":{"type":"String","desc":"Button size in CSS units, including unit name","examples":["20px"],"category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"input":{"type":"Boolean","desc":"Use an input instead of buttons","category":"content"},"icon-prev":{"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-next":{"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-first":{"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-last":{"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"},"to-fn":{"type":"Function","desc":"Generate link for page buttons; For best performance, reference it from your scope and do not define it inline","params":{"page":{"type":"Number","desc":"Page number to navigate to"}},"returns":{"type":["Object","String"],"desc":"Object or String that can be passed to a <router-link> as 'to' parameter"},"examples":[":to-fn=\"page => ({ query: { page } })\""],"category":"content"},"boundary-links":{"type":["Boolean","null"],"default":null,"desc":"Show boundary button links","category":"content","required":false},"boundary-numbers":{"type":["Boolean","null"],"default":null,"desc":"Always show first and last page buttons (if not using 'input')","category":"content","required":false},"direction-links":{"type":["Boolean","null"],"default":null,"desc":"Show direction buttons","category":"content","required":false},"ellipses":{"type":["Boolean","null"],"default":null,"desc":"Show ellipses (...) when pages are available","category":"content","required":false},"max-pages":{"type":["Number","String"],"default":0,"desc":"Maximum number of page links to display at a time; 0 means Infinite","category":"content","required":false},"flat":{"type":"Boolean","desc":"Use 'flat' design for non-active buttons (it's the default option)","category":"style"},"outline":{"type":"Boolean","desc":"Use 'outline' design for non-active buttons","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow for non-active buttons","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for non-active buttons","category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name from the Quasar Color Palette for the non-active buttons","examples":["primary","teal","teal-10"],"category":"style","default":"primary","required":false},"text-color":{"type":"String","tsType":"NamedColor","desc":"Text color name from the Quasar Color Palette for the ACTIVE buttons","examples":["primary","teal","teal-10"],"category":"style"},"active-design":{"type":"String","desc":"The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)","values":["flat","outline","push","unelevated"],"category":"style","addedIn":"v2.10"},"active-color":{"type":"String","tsType":"NamedColor","desc":"Color name from the Quasar Color Palette for the ACTIVE button","examples":["primary","teal","teal-10"],"category":"style","default":"primary","required":false},"active-text-color":{"type":"String","tsType":"NamedColor","desc":"Text color name from the Quasar Color Palette for the ACTIVE button","examples":["primary","teal","teal-10"],"category":"style"},"round":{"type":"Boolean","desc":"Makes a circle shaped button for all buttons","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button for all buttons","category":"style"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect for all buttons","category":"style"},"gutter":{"type":"String","desc":"Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)","default":"2px","examples":["16px","10px 5px","2rem","xs","md lg","2px 2px 5px 7px"],"category":"style","addedIn":"v2.10","required":false},"padding":{"type":"String","desc":"Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set","examples":["16px","10px 5px","2rem","xs","md lg","2px 2px 5px 7px"],"category":"style"},"input-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the input (if using one)","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"input-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the input (if using one)","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"ripple":{"type":["Boolean","Object","null"],"desc":"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":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Number","desc":"New model value","required":true}}}},"methods":{"set":{"desc":"Go directly to the specified page","params":{"pageNumber":{"type":"Number","desc":"Page number to go to"}}},"setByOffset":{"desc":"Increment/Decrement current page by offset","params":{"offset":{"type":"Number","desc":"Offset page, can be negative or positive"}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/pagination"},"props":{"model-value":{"desc":"Current page (must be between min/max)","required":true,"syncable":true,"category":"model","type":"Number"},"min":{"type":["Number","String"],"desc":"Minimum page (must be lower than 'max')","default":"1","category":"model","required":false},"max":{"type":["Number","String"],"desc":"Number of last page (must be higher than 'min')","required":true,"category":"model"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)","category":"style","required":false},"size":{"type":"String","desc":"Button size in CSS units, including unit name","examples":["'20px'"],"category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"input":{"type":"Boolean","desc":"Use an input instead of buttons","category":"content"},"icon-prev":{"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-next":{"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-first":{"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-last":{"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"},"to-fn":{"type":"Function","desc":"Generate link for page buttons; For best performance, reference it from your scope and do not define it inline","params":{"page":{"type":"Number","desc":"Page number to navigate to"}},"returns":{"type":["Object","String"],"desc":"Object or String that can be passed to a <router-link> as 'to' parameter"},"examples":["page => ({ query: { page } })"],"category":"content"},"boundary-links":{"type":["Boolean","null"],"default":"null","desc":"Show boundary button links","category":"content","required":false},"boundary-numbers":{"type":["Boolean","null"],"default":"null","desc":"Always show first and last page buttons (if not using 'input')","category":"content","required":false},"direction-links":{"type":["Boolean","null"],"default":"null","desc":"Show direction buttons","category":"content","required":false},"ellipses":{"type":["Boolean","null"],"default":"null","desc":"Show ellipses (...) when pages are available","category":"content","required":false},"max-pages":{"type":["Number","String"],"default":"0","desc":"Maximum number of page links to display at a time; 0 means Infinite","category":"content","required":false},"flat":{"type":"Boolean","desc":"Use 'flat' design for non-active buttons (it's the default option)","category":"style"},"outline":{"type":"Boolean","desc":"Use 'outline' design for non-active buttons","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow for non-active buttons","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for non-active buttons","category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name from the Quasar Color Palette for the non-active buttons","examples":["'primary'","'teal'","'teal-10'"],"category":"style","default":"'primary'","required":false},"text-color":{"type":"String","tsType":"NamedColor","desc":"Text color name from the Quasar Color Palette for the ACTIVE buttons","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"active-design":{"type":"String","desc":"The design of the ACTIVE button, similar to the flat/outline/push/unelevated props (but those are used for non-active buttons)","values":["'flat'","'outline'","'push'","'unelevated'"],"category":"style","addedIn":"v2.10"},"active-color":{"type":"String","tsType":"NamedColor","desc":"Color name from the Quasar Color Palette for the ACTIVE button","examples":["'primary'","'teal'","'teal-10'"],"category":"style","default":"'primary'","required":false},"active-text-color":{"type":"String","tsType":"NamedColor","desc":"Text color name from the Quasar Color Palette for the ACTIVE button","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"round":{"type":"Boolean","desc":"Makes a circle shaped button for all buttons","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button for all buttons","category":"style"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect for all buttons","category":"style"},"gutter":{"type":"String","desc":"Apply custom gutter; Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl)","default":"'2px'","examples":["'16px'","'10px 5px'","'2rem'","'xs'","'md lg'","'2px 2px 5px 7px'"],"category":"style","addedIn":"v2.10","required":false},"padding":{"type":"String","desc":"Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set","examples":["'16px'","'10px 5px'","'2rem'","'xs'","'md lg'","'2px 2px 5px 7px'"],"category":"style"},"input-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the input (if using one)","examples":["'background-color: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"input-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the input (if using one)","examples":["'my-special-class'","{ 'my-special-class': true }"],"category":"style"},"ripple":{"type":["Boolean","Object","null"],"desc":"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":"true","examples":["false","{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Number","desc":"New model value","required":true}}}},"methods":{"set":{"desc":"Go directly to the specified page","params":{"pageNumber":{"type":"Number","desc":"Page number to go to"}},"returns":null},"setByOffset":{"desc":"Increment/Decrement current page by offset","params":{"offset":{"type":"Number","desc":"Offset page, can be negative or positive"}},"returns":null}}}

package/dist/api/QParallax.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/parallax"},"props":{"src":{"type":"String","desc":"Path to image (unless a 'media' slot is used)","transformAssetUrls":true,"examples":["(public folder) src=\"img/something.png\"","(assets folder) src=\"~assets/my-img.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://some-site.net/some-img.jpg\""],"category":"model"},"height":{"type":"Number","desc":"Height of component (in pixels)","default":500,"category":"style","required":false},"speed":{"type":"Number","desc":"Speed of parallax effect (0.0 < x < 1.0)","category":"behavior"},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[":scroll-target=\"$refs.scrollTarget\"","scroll-target=\".scroll-target-class\"","scroll-target=\"#scroll-target-id\"","scroll-target=\"body\""],"category":"behavior"}},"slots":{"default":{"desc":"Default slot can be used for content that gets displayed on top of the component"},"media":{"desc":"Slot for describing <img> or <video> tags"},"content":{"desc":"Scoped slot for describing content that gets displayed on top of the component; If specified, it overrides the default slot","scope":{"percentScrolled":{"type":"Number","desc":"Percentage (0.0 < x < 1.0) of scroll in regards to QParallax"}}}},"events":{"scroll":{"desc":"Emitted when scrolling occurs","params":{"percentage":{"type":"Number","desc":"Number between 0.0 and 1.0 defining the scrolled percentage of the component"}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/parallax"},"props":{"src":{"type":"String","desc":"Path to image (unless a 'media' slot is used)","transformAssetUrls":true,"examples":["# (public folder) src=\"img/something.png\"","# (assets folder) src=\"~assets/my-img.png\"","# (relative path format) :src=\"require('./my_img.jpg')\"","# (URL) src=\"https://some-site.net/some-img.jpg\""],"category":"model"},"height":{"type":"Number","desc":"Height of component (in pixels)","default":"500","category":"style","required":false},"speed":{"type":"Number","desc":"Speed of parallax effect (0.0 < x < 1.0)","category":"behavior"},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[".scroll-target-class","#scroll-target-id","$refs.scrollTarget","document.body"],"category":"behavior"}},"slots":{"default":{"desc":"Default slot can be used for content that gets displayed on top of the component"},"media":{"desc":"Slot for describing <img> or <video> tags"},"content":{"desc":"Scoped slot for describing content that gets displayed on top of the component; If specified, it overrides the default slot","scope":{"percentScrolled":{"type":"Number","desc":"Percentage (0.0 < x < 1.0) of scroll in regards to QParallax"}}}},"events":{"scroll":{"desc":"Emitted when scrolling occurs","params":{"percentage":{"type":"Number","desc":"Number between 0.0 and 1.0 defining the scrolled percentage of the component"}}}}}

package/dist/api/QPopupEdit.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/popup-edit"},"props":{"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","examples":["v-model=\"myValue\""]},"title":{"type":"String","desc":"Optional title (unless 'title' slot is used)","examples":["Calories"],"category":"content"},"buttons":{"type":"Boolean","desc":"Show Set and Cancel buttons","category":"content"},"label-set":{"type":"String","desc":"Override Set button label","examples":["OK"],"category":"content"},"label-cancel":{"type":"String","desc":"Override Cancel button label","examples":["Cancel"],"category":"content"},"auto-save":{"type":"Boolean","desc":"Automatically save the model (if changed) when user clicks/taps outside of the popup; It does not apply to ESC key","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","default":"primary","required":false},"validate":{"type":"Function","desc":"Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline","params":{"value":{"type":"Any","desc":"Model to validate","examples":["My car"]}},"returns":{"type":"Boolean","desc":"Is the model valid or not?"},"examples":[":validate=\"myValidation\""],"category":"model"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"fit":{"type":"Boolean","desc":"Allows the menu to match at least the full width of its target","category":"position"},"cover":{"type":"Boolean","default":true,"desc":"Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective","category":"position","required":false},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"category":"position"},"self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"category":"position"},"offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[8, 8]","[5, 10]"],"category":"style"},"touch-position":{"type":"Boolean","desc":"Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched","category":"behavior"},"persistent":{"type":"Boolean","desc":"Avoid menu closing by hitting ESC key or by clicking/tapping outside of the Popup","category":"behavior"},"separate-close-popup":{"type":"Boolean","desc":"Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)","category":"behavior"},"square":{"type":"Boolean","desc":"Forces menu to have squared borders","category":"style"},"max-height":{"type":"String","desc":"The maximum height of the menu; Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style"},"max-width":{"type":"String","desc":"The maximum width of the menu; Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style"}},"slots":{"default":{"desc":"Used for injecting the form component; Do NOT destructure it","scope":{"initialValue":{"type":"Any","desc":"Initial value","examples":[0.241,"Text"]},"value":{"type":"Any","desc":"Current value","examples":[0.241,"Text"]},"validate":{"type":"Function","desc":"Function that checks if the value is valid","params":{"value":{"type":"Any","required":true,"desc":"Value to be checked","examples":[0,"Changed text"]}},"returns":{"type":"Boolean","desc":"Checked value is valid or not"}},"set":{"type":"Function","desc":"Function that sets the value and closes the popup","params":null,"returns":null},"cancel":{"type":"Function","desc":"Function that cancels the editing and reverts the value to the initialValue","params":null,"returns":null},"updatePosition":{"type":"Function","desc":"There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it","params":null,"returns":null}}}},"events":{"update:model-value":{"desc":"Emitted when Popup gets cancelled in order to reset model to its initial value; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"before-show":{"desc":"Emitted right before Popup gets shown"},"show":{"desc":"Emitted right after Popup gets shown"},"before-hide":{"desc":"Emitted right before Popup gets dismissed"},"hide":{"desc":"Emitted right after Popup gets dismissed"},"save":{"desc":"Emitted when value has been successfully validated and it should be saved","params":{"value":{"type":"Any","desc":"Validated value to be saved"},"initialValue":{"type":"Any","desc":"Initial value, before changes"}}},"cancel":{"desc":"Emitted when user cancelled the change (hit ESC key or clicking outside of Popup or hit 'Cancel' button)","params":{"value":{"type":"Any","desc":"Edited value"},"initialValue":{"type":"Any","desc":"Initial value, before changes"}}}},"methods":{"set":{"desc":"Trigger a model update; Validates model (and emits 'save' event if it's the case) then closes Popup"},"cancel":{"desc":"Triggers a model reset to its initial value ('cancel' event is emitted) then closes Popup"},"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"updatePosition":{"desc":"There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/popup-edit"},"props":{"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","examples":["# v-model=\"myValue\""]},"title":{"type":"String","desc":"Optional title (unless 'title' slot is used)","examples":["'Calories'"],"category":"content"},"buttons":{"type":"Boolean","desc":"Show Set and Cancel buttons","category":"content"},"label-set":{"type":"String","desc":"Override Set button label","examples":["'OK'"],"category":"content"},"label-cancel":{"type":"String","desc":"Override Cancel button label","examples":["'Cancel'"],"category":"content"},"auto-save":{"type":"Boolean","desc":"Automatically save the model (if changed) when user clicks/taps outside of the popup; It does not apply to ESC key","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","default":"'primary'","required":false},"validate":{"type":"Function","desc":"Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline","params":{"value":{"type":"Any","desc":"Model to validate","examples":["'My car'"]}},"returns":{"type":"Boolean","desc":"Is the model valid or not?"},"examples":["# :validate=\"myValidation\""],"category":"model"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"fit":{"type":"Boolean","desc":"Allows the menu to match at least the full width of its target","category":"position","passthrough":true},"cover":{"type":"Boolean","default":"true","desc":"Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective","category":"position","required":false},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"category":"position","passthrough":true},"self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"category":"position","passthrough":true},"offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[ 8, 8 ]","[ 5, 10 ]"],"category":"style","passthrough":true},"touch-position":{"type":"Boolean","desc":"Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched","category":"behavior","passthrough":true},"persistent":{"type":"Boolean","desc":"Avoid menu closing by hitting ESC key or by clicking/tapping outside of the Popup","category":"behavior","passthrough":true},"separate-close-popup":{"type":"Boolean","desc":"Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)","category":"behavior","passthrough":true},"square":{"type":"Boolean","desc":"Forces menu to have squared borders","category":"style","passthrough":true},"max-height":{"type":"String","desc":"The maximum height of the menu; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"style","passthrough":true},"max-width":{"type":"String","desc":"The maximum width of the menu; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"style","passthrough":true}},"slots":{"default":{"desc":"Used for injecting the form component; Do NOT destructure it","scope":{"initialValue":{"type":"Any","desc":"Initial value","examples":["0.241","'Text'"]},"value":{"type":"Any","desc":"Current value","examples":["0.241","'Text'"]},"validate":{"type":"Function","desc":"Function that checks if the value is valid","params":{"value":{"type":"Any","required":true,"desc":"Value to be checked","examples":["0","'Changed text'"]}},"returns":{"type":"Boolean","desc":"Checked value is valid or not"}},"set":{"type":"Function","desc":"Function that sets the value and closes the popup","params":null,"returns":null},"cancel":{"type":"Function","desc":"Function that cancels the editing and reverts the value to the initialValue","params":null,"returns":null},"updatePosition":{"type":"Function","desc":"There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it","params":null,"returns":null}}}},"events":{"update:model-value":{"desc":"Emitted when Popup gets cancelled in order to reset model to its initial value; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"before-show":{"desc":"Emitted right before Popup gets shown"},"show":{"desc":"Emitted right after Popup gets shown"},"before-hide":{"desc":"Emitted right before Popup gets dismissed"},"hide":{"desc":"Emitted right after Popup gets dismissed"},"save":{"desc":"Emitted when value has been successfully validated and it should be saved","params":{"value":{"type":"Any","desc":"Validated value to be saved"},"initialValue":{"type":"Any","desc":"Initial value, before changes"}}},"cancel":{"desc":"Emitted when user cancelled the change (hit ESC key or clicking outside of Popup or hit 'Cancel' button)","params":{"value":{"type":"Any","desc":"Edited value"},"initialValue":{"type":"Any","desc":"Initial value, before changes"}}}},"methods":{"set":{"desc":"Trigger a model update; Validates model (and emits 'save' event if it's the case) then closes Popup","params":null,"returns":null},"cancel":{"desc":"Triggers a model reset to its initial value ('cancel' event is emitted) then closes Popup","params":null,"returns":null},"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"updatePosition":{"desc":"There are some custom scenarios for which Quasar cannot automatically reposition the component without significant performance drawbacks so the optimal solution is for you to call this method when you need it","params":null,"returns":null}}}

package/dist/api/QPopupProxy.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/popup-proxy"},"props":{"target":{"type":["Boolean","String","Element"],"desc":"Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists)","default":true,"values":["(Boolean) true","(Boolean) false","(CSS selector)","(DOM Element)"],"examples":[":target=\"false\"",":target=\"$refs.target\"","target=\".my-parent\"","target=\"#target-id\""],"category":"behavior","required":false},"no-parent-event":{"type":"Boolean","desc":"Skips attaching events to the target DOM element (that trigger the element to get shown)","category":"behavior"},"context-menu":{"type":"Boolean","desc":"Allows the component to behave like a context menu, which opens with a right mouse click (or long tap on mobile)","category":"behavior"},"model-value":{"desc":"Defines the state of the component (shown/hidden); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":"Boolean"},"breakpoint":{"type":["Number","String"],"desc":"Breakpoint (in pixels) of window width/height (whichever is smaller) from where a Menu will get to be used instead of a Dialog","default":450,"category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"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}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"}},"computedProps":{"currentComponent":{"type":"Object","desc":"Access current underlying component (QMenu or QDialog)","definition":{"type":{"type":"String","desc":"Component type","values":["dialog","menu"]},"ref":{"type":"Component","tsType":"QPopupProxyInnerComponent","desc":"The actual component (QMenu or QDialog); Access it directly, without '.value'"}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/popup-proxy"},"props":{"target":{"type":["Boolean","String","Element"],"desc":"Configure a target element to trigger component toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) or a DOM element it attaches the events to the specified DOM element (if it exists)","default":"true","examples":["false",".my-parent","#target-id","$refs.target"],"category":"behavior","required":false},"no-parent-event":{"type":"Boolean","desc":"Skips attaching events to the target DOM element (that trigger the element to get shown)","category":"behavior"},"context-menu":{"type":"Boolean","desc":"Allows the component to behave like a context menu, which opens with a right mouse click (or long tap on mobile)","category":"behavior"},"model-value":{"desc":"Defines the state of the component (shown/hidden); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":"Boolean","passthrough":true},"breakpoint":{"type":["Number","String"],"desc":"Breakpoint (in pixels) of window width/height (whichever is smaller) from where a Menu will get to be used instead of a Dialog","default":"450","category":"behavior","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"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}},"passthrough":true},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}},"passthrough":true},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}},"passthrough":true},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null},"toggle":{"desc":"Triggers component to toggle between show/hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"returns":null}},"computedProps":{"currentComponent":{"type":"Object","desc":"Access current underlying component (QMenu or QDialog)","definition":{"type":{"type":"String","desc":"Component type","values":["'dialog'","'menu'"]},"ref":{"type":"Component","tsType":"QPopupProxyInnerComponent","desc":"The actual component (QMenu or QDialog); Access it directly, without '.value'"}}}}}

package/dist/api/QPullToRefresh.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/pull-to-refresh"},"props":{"color":{"type":"String","tsType":"NamedColor","desc":"Color name for the icon from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name for background of the icon container from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"icon":{"type":"String","desc":"Icon to display when refreshing the content","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"no-mouse":{"type":"Boolean","desc":"Don't listen for mouse events","category":"behavior"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[":scroll-target=\"$refs.scrollTarget\"","scroll-target=\".scroll-target-class\"","scroll-target=\"#scroll-target-id\"","scroll-target=\"body\""],"category":"behavior"}},"slots":{"default":{"desc":"Content (area controlled by the component) goes here"}},"events":{"refresh":{"desc":"Called whenever a refresh is triggered; at this time, your function should load more data","params":{"done":{"type":"Function","desc":"Call the done() function when your data has been refreshed","params":null,"returns":null}}}},"methods":{"trigger":{"desc":"Triggers a refresh"},"updateScrollTarget":{"desc":"Updates the scroll target; Useful when the parent elements change so that the scrolling target also changes"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/pull-to-refresh"},"props":{"color":{"type":"String","tsType":"NamedColor","desc":"Color name for the icon from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name for background of the icon container from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"icon":{"type":"String","desc":"Icon to display when refreshing the content","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"no-mouse":{"type":"Boolean","desc":"Don't listen for mouse events","category":"behavior"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[".scroll-target-class","#scroll-target-id","$refs.scrollTarget","document.body"],"category":"behavior"}},"slots":{"default":{"desc":"Content (area controlled by the component) goes here"}},"events":{"refresh":{"desc":"Called whenever a refresh is triggered; at this time, your function should load more data","params":{"done":{"type":"Function","desc":"Call the done() function when your data has been refreshed","params":null,"returns":null}}}},"methods":{"trigger":{"desc":"Triggers a refresh","params":null,"returns":null},"updateScrollTarget":{"desc":"Updates the scroll target; Useful when the parent elements change so that the scrolling target also changes","params":null,"returns":null}}}

package/dist/api/QRadio.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/radio"},"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":["Number","String","null","undefined"],"examples":["v-model=\"option\""]},"val":{"type":["Number","String","null","undefined"],"required":true,"desc":"The actual value of the option with which model value is changed","examples":["opt1",50],"category":"model"},"label":{"type":"String","desc":"Label to display along the radio control (or use the default slot instead of this prop)","examples":["label=\"Option 1\""],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the checkbox","category":"label"},"checked-icon":{"type":"String","desc":"The icon to be used when selected (instead of the default design)","examples":["visibility"],"category":"icons","addedIn":"v2.5"},"unchecked-icon":{"type":"String","desc":"The icon to be used when un-selected (instead of the default design)","examples":["visibility_off"],"category":"icons","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 checkbox is unticked?","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":{"set":{"desc":"Sets the Radio's v-model to equal the val"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/radio"},"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":["Number","String","null","undefined"],"examples":["# v-model=\"option\""]},"val":{"type":["Number","String","null","undefined"],"required":true,"desc":"The actual value of the option with which model value is changed","examples":["'opt1'","50"],"category":"model"},"label":{"type":"String","desc":"Label to display along the radio control (or use the default slot instead of this prop)","examples":["'Option 1'"],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the checkbox","category":"label"},"checked-icon":{"type":"String","desc":"The icon to be used when selected (instead of the default design)","examples":["'visibility'"],"category":"icons","addedIn":"v2.5"},"unchecked-icon":{"type":"String","desc":"The icon to be used when un-selected (instead of the default design)","examples":["'visibility_off'"],"category":"icons","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 checkbox is unticked?","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":["100","'0'"],"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":{"set":{"desc":"Sets the Radio's v-model to equal the val","params":null,"returns":null}}}

package/dist/api/QRange.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/range"},"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"},"min":{"type":"Number","desc":"Minimum value of the model; Set track's minimum value","default":0,"examples":[":min=\"0\""],"category":"model","required":false},"max":{"type":"Number","desc":"Maximum value of the model; Set track's maximum value","default":100,"category":"model","required":false},"inner-min":{"type":"Number","desc":"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","category":"model","addedIn":"v2.4"},"inner-max":{"type":"Number","desc":"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","category":"model","addedIn":"v2.4"},"step":{"type":"Number","desc":"Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity","default":1,"category":"model","required":false},"snap":{"type":"Boolean","desc":"Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop","category":"behavior"},"reverse":{"type":"Boolean","desc":"Work in reverse (changes direction)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Display in vertical direction","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for 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 (can be 'transparent' too) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.4"},"track-img":{"type":"String","desc":"Apply a pattern image on the track","transformAssetUrls":true,"examples":["~assets/my-pattern.png"],"category":"style","addedIn":"v2.4"},"inner-track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.4"},"inner-track-img":{"type":"String","desc":"Apply a pattern image on the inner track","transformAssetUrls":true,"examples":["~assets/my-pattern.png"],"category":"style","addedIn":"v2.4"},"selection-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.4"},"selection-img":{"type":"String","desc":"Apply a pattern image on the selection bar","transformAssetUrls":true,"examples":["~assets/my-pattern.png"],"category":"style","addedIn":"v2.4"},"label":{"type":"Boolean","desc":"Popup a label when user clicks/taps on the slider thumb and moves it","category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"switch-label-side":{"type":"Boolean","desc":"Switch the position of the label (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"label-always":{"type":"Boolean","desc":"Always display the label","category":"behavior|content"},"markers":{"type":["Boolean","Number"],"desc":"Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)","category":"content","examples":["markers",":markers=\"5\""]},"marker-labels":{"type":["Boolean","Array","Object","Function"],"tsType":"SliderMarkerLabels","desc":"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","definition":{"value":{"type":"Number","required":true,"desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["my-class-name"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}},"params":{"value":{"type":"Number","desc":"The marker value to transform","required":true}},"returns":{"type":["String","Object"],"desc":"Marker definition Object or directly a String for the label of the marker","definition":{"value":{"type":"Number","desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["my-class-name"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"category":"content","examples":[true,"[ { value: 0, label: '0%' }, { value: 5, classes: 'my-class', style: { width: '24px' } } ]","{ 0: '0%', 5: { label: '5%', classes: 'my-class', style: { width: '24px' } } }","val => (10 * val) + '%'","val => ({ label: (10 * val) + '%', classes: 'my-class', style: { width: '24px' } })"],"addedIn":"v2.4"},"marker-labels-class":{"type":"String","desc":"CSS class(es) to apply to the marker labels container","examples":["text-orange"],"category":"style","addedIn":"v2.4"},"switch-marker-labels-side":{"type":"Boolean","desc":"Switch the position of the marker labels (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"track-size":{"type":"String","desc":"Track size (including CSS unit)","default":"4px","examples":["35px"],"category":"style","addedIn":"v2.4","required":false},"thumb-size":{"type":"String","desc":"Thumb size (including CSS unit)","default":"20px","examples":["20px"],"category":"style","addedIn":"v2.4","required":false},"thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.4"},"thumb-path":{"type":"String","desc":"Set custom thumb svg path","default":"M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0","examples":["M5 5 h10 v10 h-10 v-10"],"category":"style","required":false},"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"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"model-value":{"desc":"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","required":true,"syncable":true,"category":"model","type":["Object","null","undefined"],"definition":{"min":{"type":["Number","null"],"desc":"Model value for left thumb"},"max":{"type":["Number","null"],"desc":"Model value for right thumb"}},"examples":["v-model=\"positionModel\""]},"drag-range":{"type":"Boolean","desc":"User can drag range instead of just the two thumbs","category":"content"},"drag-only-range":{"type":"Boolean","desc":"User can drag only the range instead and NOT the two thumbs","category":"content"},"left-label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for left label background from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"labels"},"left-label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for left label text from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"labels"},"right-label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for right label background from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"labels"},"right-label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for right label text from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"labels"},"left-label-value":{"type":["String","Number"],"desc":"Override default label for min value","examples":[":left-label-value=\"model.min + 'px'\""],"category":"labels"},"right-label-value":{"type":["String","Number"],"desc":"Override default label for max value","examples":[":right-label-value=\"model.max + 'px'\""],"category":"labels"},"left-thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for left thumb","examples":["primary","teal","teal-10"],"category":"labels","addedIn":"v2.4"},"right-thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for right thumb","examples":["primary","teal","teal-10"],"category":"labels","addedIn":"v2.4"}},"slots":{"marker-label":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"marker":{"type":"Object","tsType":"SliderMarkerLabelConfig","desc":"Config for current marker label","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}},"marker-label-group":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}}},"events":{"change":{"desc":"Emitted on lazy model value change (after user slides then releases the thumb)","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"pan":{"desc":"Triggered when user starts panning on the component","params":{"phase":{"type":"String","desc":"Phase of panning","values":["start","end"]}}},"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}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/range"},"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"},"min":{"type":"Number","desc":"Minimum value of the model; Set track's minimum value","default":"0","category":"model","required":false},"max":{"type":"Number","desc":"Maximum value of the model; Set track's maximum value","default":"100","category":"model","required":false},"inner-min":{"type":"Number","desc":"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","category":"model","addedIn":"v2.4"},"inner-max":{"type":"Number","desc":"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","category":"model","addedIn":"v2.4"},"step":{"type":"Number","desc":"Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity","default":"1","category":"model","required":false},"snap":{"type":"Boolean","desc":"Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop","category":"behavior"},"reverse":{"type":"Boolean","desc":"Work in reverse (changes direction)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Display in vertical direction","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for 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 (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"track-img":{"type":"String","desc":"Apply a pattern image on the track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"inner-track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"inner-track-img":{"type":"String","desc":"Apply a pattern image on the inner track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"selection-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"selection-img":{"type":"String","desc":"Apply a pattern image on the selection bar","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"label":{"type":"Boolean","desc":"Popup a label when user clicks/taps on the slider thumb and moves it","category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"switch-label-side":{"type":"Boolean","desc":"Switch the position of the label (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"label-always":{"type":"Boolean","desc":"Always display the label","category":"behavior|content"},"markers":{"type":["Boolean","Number"],"desc":"Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)","category":"content","examples":["5","true"]},"marker-labels":{"type":["Boolean","Array","Object","Function"],"tsType":"SliderMarkerLabels","desc":"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","definition":{"value":{"type":"Number","required":true,"desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["'my-class-name'"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}},"params":{"value":{"type":"Number","desc":"The marker value to transform","required":true}},"returns":{"type":["String","Object"],"desc":"Marker definition Object or directly a String for the label of the marker","definition":{"value":{"type":"Number","desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["'my-class-name'"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"category":"content","examples":["true","[ { value: 0, label: '0%' }, { value: 5, classes: 'my-class', style: { width: '24px' } } ]","{ 0: '0%', 5: { label: '5%', classes: 'my-class', style: { width: '24px' } } }","val => (10 * val) + '%'","val => ({ label: (10 * val) + '%', classes: 'my-class', style: { width: '24px' } })"],"addedIn":"v2.4"},"marker-labels-class":{"type":"String","desc":"CSS class(es) to apply to the marker labels container","examples":["'text-orange'"],"category":"style","addedIn":"v2.4"},"switch-marker-labels-side":{"type":"Boolean","desc":"Switch the position of the marker labels (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"track-size":{"type":"String","desc":"Track size (including CSS unit)","default":"'4px'","examples":["'35px'"],"category":"style","addedIn":"v2.4","required":false},"thumb-size":{"type":"String","desc":"Thumb size (including CSS unit)","default":"'20px'","examples":["'20px'"],"category":"style","addedIn":"v2.4","required":false},"thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"thumb-path":{"type":"String","desc":"Set custom thumb svg path","default":"'M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0'","examples":["'M5 5 h10 v10 h-10 v-10'"],"category":"style","required":false},"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"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"model-value":{"desc":"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","required":true,"syncable":true,"category":"model","type":["Object","null","undefined"],"definition":{"min":{"type":["Number","null"],"desc":"Model value for left thumb"},"max":{"type":["Number","null"],"desc":"Model value for right thumb"}},"examples":["# v-model=\"positionModel\""]},"drag-range":{"type":"Boolean","desc":"User can drag range instead of just the two thumbs","category":"content"},"drag-only-range":{"type":"Boolean","desc":"User can drag only the range instead and NOT the two thumbs","category":"content"},"left-label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for left label background from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"labels"},"left-label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for left label text from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"labels"},"right-label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for right label background from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"labels"},"right-label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for right label text from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"labels"},"left-label-value":{"type":["String","Number"],"desc":"Override default label for min value","examples":["# :left-label-value=\"model.min + 'px'\""],"category":"labels"},"right-label-value":{"type":["String","Number"],"desc":"Override default label for max value","examples":["# :right-label-value=\"model.max + 'px'\""],"category":"labels"},"left-thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for left thumb","examples":["'primary'","'teal'","'teal-10'"],"category":"labels","addedIn":"v2.4"},"right-thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for right thumb","examples":["'primary'","'teal'","'teal-10'"],"category":"labels","addedIn":"v2.4"}},"slots":{"marker-label":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"marker":{"type":"Object","tsType":"SliderMarkerLabelConfig","desc":"Config for current marker label","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}},"marker-label-group":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}}},"events":{"change":{"desc":"Emitted on lazy model value change (after user slides then releases the thumb)","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"pan":{"desc":"Triggered when user starts panning on the component","params":{"phase":{"type":"String","desc":"Phase of panning","values":["'start'","'end'"]}}},"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}}}}}

package/dist/api/QRating.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/rating"},"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":"Number","examples":["v-model=\"rating\"",":model-value=\"rating\"",":model-value=\"2\""]},"max":{"type":["Number","String"],"desc":"Number of icons to display","default":5,"category":"general","required":false},"icon":{"type":["String","Array"],"desc":"Icon name following Quasar convention; make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)","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","Array"],"desc":"Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-half":{"type":["String","Array"],"desc":"Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-aria-label":{"type":["String","Array"],"desc":"Label to be set on aria-label for Icon; If an array is provided each rating value will use the corresponding aria-label in the array (0 based); If string value is provided the rating value will be appended; If not provided the name of the icon will be used","examples":["Rating","[\"Bad\", \"Normal\", \"Good\"]"],"category":"accessibility","addedIn":"v1.20.3"},"color":{"type":["String","Array"],"tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)","examples":["primary","teal","teal-10","primary","teal-10","[\"accent\", \"grey-7\"] "],"category":"style"},"color-selected":{"type":["String","Array"],"tsType":"NamedColor","desc":"Color name from the Quasar Palette for selected icons","examples":["primary","teal","teal-10"],"category":"style"},"color-half":{"type":["String","Array"],"tsType":"NamedColor","desc":"Color name from the Quasar Palette for half selected icons","examples":["primary","teal","teal-10"],"category":"style"},"no-dimming":{"type":"Boolean","desc":"Does not lower opacity for unselected icons","category":"style"},"no-reset":{"type":"Boolean","desc":"When used, disables default behavior of clicking/tapping on icon which represents current model value to reset model to 0","category":"model"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"tip-[name]":{"desc":"Slot to define the tooltip of icon at '[name]' where name is a 1-based index; Suggestion: QTooltip"}},"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}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/rating"},"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":"Number","examples":["# v-model=\"rating\"","# :model-value=\"rating\"","# :model-value=\"2\""]},"max":{"type":["Number","String"],"desc":"Number of icons to display","default":"5","category":"general","required":false},"icon":{"type":["String","Array"],"desc":"Icon name following Quasar convention; make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)","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","Array"],"desc":"Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-half":{"type":["String","Array"],"desc":"Icon name following Quasar convention to be used when selected (optional); make sure you have the icon library installed unless you are using 'img:' prefix; If an array is provided each rating value will use the corresponding icon in the array (0 based)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-aria-label":{"type":["String","Array"],"desc":"Label to be set on aria-label for Icon; If an array is provided each rating value will use the corresponding aria-label in the array (0 based); If string value is provided the rating value will be appended; If not provided the name of the icon will be used","examples":["'Rating'","[ 'Bad', 'Normal', 'Good' ]"],"category":"accessibility","addedIn":"v1.20.3"},"color":{"type":["String","Array"],"tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette; v1.5.0+: If an array is provided each rating value will use the corresponding color in the array (0 based)","examples":["'primary'","'teal'","'teal-10'","[ 'accent', 'grey-7' ]"],"category":"style"},"color-selected":{"type":["String","Array"],"tsType":"NamedColor","desc":"Color name from the Quasar Palette for selected icons","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"color-half":{"type":["String","Array"],"tsType":"NamedColor","desc":"Color name from the Quasar Palette for half selected icons","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"no-dimming":{"type":"Boolean","desc":"Does not lower opacity for unselected icons","category":"style"},"no-reset":{"type":"Boolean","desc":"When used, disables default behavior of clicking/tapping on icon which represents current model value to reset model to 0","category":"model"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"tip-[name]":{"desc":"Slot to define the tooltip of icon at '[name]' where name is a 1-based index; Suggestion: QTooltip"}},"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}}}}}

package/dist/api/QResizeObserver.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/resize-observer"},"props":{"debounce":{"type":["String","Number"],"desc":"Debounce amount (in milliseconds)","default":100,"examples":["0","530"],"category":"behavior","required":false}},"events":{"resize":{"desc":"Parent element has resized (width or height changed)","params":{"size":{"type":"Object","desc":"New size","definition":{"height":{"type":"Number","required":true,"desc":"Layout height"},"width":{"type":"Number","required":true,"desc":"Layout width"}}}}}},"methods":{"trigger":{"desc":"Emit a 'resize' event","params":{"immediately":{"type":"Boolean","desc":"Skip over the debounce amount"}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/resize-observer"},"props":{"debounce":{"type":["String","Number"],"desc":"Debounce amount (in milliseconds)","default":"100","examples":["0","'530'"],"category":"behavior","required":false}},"events":{"resize":{"desc":"Parent element has resized (width or height changed)","params":{"size":{"type":"Object","desc":"New size","definition":{"height":{"type":"Number","required":true,"desc":"Layout height"},"width":{"type":"Number","required":true,"desc":"Layout width"}}}}}},"methods":{"trigger":{"desc":"Emit a 'resize' event","params":{"immediately":{"type":"Boolean","desc":"Skip over the debounce amount"}},"returns":null}}}

package/dist/api/QResponsive.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/responsive"},"props":{"ratio":{"type":["String","Number"],"desc":"Aspect ratio for the content; If value is a String, then avoid using a computational statement (like '16/9') and instead specify the String value of the result directly (eg. '1.7777')","examples":[":ratio=\"4/3\"",":ratio=\"16/9\"","ratio=\"1\""],"category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/responsive"},"props":{"ratio":{"type":["String","Number"],"desc":"Aspect ratio for the content; If value is a String, then avoid using a computational statement (like '16/9') and instead specify the String value of the result directly (eg. '1.7777')","examples":["1","'1.7778'","# :ratio=\"4/3\"","# :ratio=\"16/9\""],"category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}

package/dist/api/QRouteTab.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tabs"},"props":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used","examples":["/home/dashboard",":to=\"{ name: 'my-route-name' }\""],"category":"navigation"},"exact":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used","category":"navigation"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"active-class":{"type":"String","desc":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used","examples":["my-active-class"],"category":"navigation"},"exact-active-class":{"type":"String","desc":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used","examples":["my-exact-active-class"],"category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props","examples":["https://quasar.dev"],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"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","examples":["_blank","_self","_parent","_top"],"category":"navigation","addedIn":"v2.4"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"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"},"label":{"type":["Number","String"],"desc":"A number or string to label the tab","examples":["Home"],"category":"content"},"alert":{"type":["Boolean","String"],"desc":"Adds an alert symbol to the tab, notifying the user there are some updates; If its value is not a Boolean, then you can specify a color","examples":["alert","alert=\"purple\""],"category":"content"},"alert-icon":{"type":"String","desc":"Adds a floating icon to the tab, notifying the user there are some updates; It's displayed only if 'alert' is set; Can use the color specified by 'alert' prop","examples":["alert-icon=\"alarm_on\""],"category":"content"},"name":{"type":["Number","String"],"desc":"Panel name","default":"A random UID","examples":["home",":name=\"1\""],"category":"general","required":false},"no-caps":{"type":"Boolean","desc":"Turns off capitalizing all letters within the tab (which is the default)","category":"content"},"content-class":{"type":"String","desc":"Class definitions to be attributed to the content wrapper","examples":["my-special-class"],"category":"style"},"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},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"}},"slots":{"default":{"desc":"Suggestion: QMenu, QTooltip"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"JS event object; If you want to cancel navigation then call evt.preventDefault() synchronously in your event handler"},"go":{"type":"Function","desc":"When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","required":false,"params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["/home/dashboard","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}},"addedIn":"v2.9"}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise","addedIn":"v2.9"}}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tabs"},"props":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Superseded by 'href' prop if used","examples":["'/home/dashboard'","{ name: 'my-route-name' }"],"category":"navigation"},"exact":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'exact' property; Superseded by 'href' prop if used","category":"navigation"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"active-class":{"type":"String","desc":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used","examples":["'my-active-class'"],"category":"navigation"},"exact-active-class":{"type":"String","desc":"Equivalent to Vue Router <router-link> 'active-class' property; Superseded by 'href' prop if used","examples":["'my-exact-active-class'"],"category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to'/'exact'/'replace'/'active-class'/'exact-active-class' props","examples":["'https://quasar.dev'"],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"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","examples":["'_blank'","'_self'","'_parent'","'_top'"],"category":"navigation","addedIn":"v2.4"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"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"},"label":{"type":["Number","String"],"desc":"A number or string to label the tab","examples":["'Home'"],"category":"content"},"alert":{"type":["Boolean","String"],"desc":"Adds an alert symbol to the tab, notifying the user there are some updates; If its value is not a Boolean, then you can specify a color","examples":["'purple'"],"category":"content"},"alert-icon":{"type":"String","desc":"Adds a floating icon to the tab, notifying the user there are some updates; It's displayed only if 'alert' is set; Can use the color specified by 'alert' prop","examples":["'alarm_on'"],"category":"content"},"name":{"type":["Number","String"],"desc":"Panel name","default":"# a random UUID","examples":["'home'","1"],"category":"general","required":false},"no-caps":{"type":"Boolean","desc":"Turns off capitalizing all letters within the tab (which is the default)","category":"content"},"content-class":{"type":"String","desc":"Class definitions to be attributed to the content wrapper","examples":["'my-special-class'"],"category":"style"},"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},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"}},"slots":{"default":{"desc":"Suggestion: QMenu, QTooltip"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"JS event object; If you want to cancel navigation then call evt.preventDefault() synchronously in your event handler"},"go":{"type":"Function","desc":"When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","required":false,"params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["'/home/dashboard'","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}},"addedIn":"v2.9"}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise","addedIn":"v2.9"}}}}}}