quasar 2.15.1 → 2.15.2

package/dist/api/QDate.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/date"},"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"},"landscape":{"type":"Boolean","desc":"Display the component in landscape mode","category":"behavior"},"mask":{"type":"String","desc":"Mask (formatting string) used for parsing and formatting value","category":"model","default":"YYYY/MM/DD","examples":["YYYY-MM-DD","MMMM Do, YYYY","YYYY-MM-DD HH:mm:ss"],"required":false},"locale":{"type":"Object","desc":"Locale formatting options","examples":[":locale=\"{ monthsShort: ['Ian', 'Feb', 'Mar', '...'] }\""],"definition":{"days":{"type":"Array","desc":"List of full day names (DDDD), starting with Sunday","examples":["['Duminica', 'Luni', 'Marti', '...']"]},"daysShort":{"type":"Array","desc":"List of short day names (DDD), starting with Sunday","examples":["['Dum', 'Lun', 'Mar', '...']"]},"months":{"type":"Array","desc":"List of full month names (MMMM), starting with January","examples":["['Ianuarie', 'Februarie', 'Martie', '...']"]},"monthsShort":{"type":"Array","desc":"List of short month names (MMM), starting with January","examples":["['Ian', 'Feb', 'Mar', '...']"]}},"category":"model"},"calendar":{"type":"String","desc":"Specify calendar type","default":"gregorian","values":["gregorian","persian"],"category":"model","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no default shadow)","category":"style"},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"model-value":{"desc":"Date(s) of the component; Must be Array if using 'multiple' prop; 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":["String","Array","Object","null","undefined"],"examples":["v-model=\"myDate\"","v-model=\"[myDate1, myDate2]\"","v-model=\"[{ from: myDateFrom, to: myDateTo }]\"","v-model=\"[myDate1, { from: myDateFrom, to: myDateTo }, myDate2]\""]},"title":{"type":"String","desc":"When specified, it overrides the default header title; Makes sense when not in 'minimal' mode","examples":["Birthday"],"category":"content"},"subtitle":{"type":"String","desc":"When specified, it overrides the default header subtitle; Makes sense when not in 'minimal' mode","examples":["John Doe"],"category":"content"},"default-year-month":{"type":"String","desc":"The default year and month to display (in YYYY/MM format) when model is unfilled (undefined or null); Please ensure it is within the navigation min/max year-month (if using them)","examples":["1986/02"],"category":"model"},"default-view":{"type":"String","desc":"The view which will be displayed by default","default":"Calendar","values":["Calendar","Months","Years"],"category":"model","required":false},"years-in-month-view":{"type":"Boolean","desc":"Show the years selector in months view","category":"behavior"},"events":{"type":["Array","Function"],"desc":"A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline","params":{"date":{"type":"String","desc":"The current date being processed.","examples":["2018/11/05","2021/10/25"]}},"returns":{"type":"Boolean","desc":"If true, the current date will be highlighted"},"examples":[":events=\"['2018/11/05', '2018/11/06', '2018/11/09', '2018/11/23']\"",":events=\"date => date[9] % 3 === 0\""],"category":"model"},"event-color":{"type":["String","Function"],"desc":"Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline","params":{"date":{"type":"String","desc":"The current date being processed.","examples":["2018/11/05","2021/10/25"]}},"returns":{"type":"String","desc":"Color for the current date.","examples":["teal","orange"]},"examples":["teal-10",":event-color=\"(date) => date[9] % 2 === 0 ? 'teal' : 'orange'\""],"category":"style"},"options":{"type":["Array","Function"],"desc":"Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline; Incompatible with 'range' prop","params":{"date":{"type":"String","desc":"The current date being processed.","examples":["2018/11/05","2021/10/25"]}},"returns":{"type":"Boolean","desc":"If true, the current date will be made available for selection"},"examples":[":options=\"['2018/11/05', '2018/11/12', '2018/11/19', '2018/11/26' ]\"",":options=\"date => date[9] % 3 === 0\"",":options=\"date => date >= '2018/11/03' && date <= '2018/11/15'\""],"category":"model"},"navigation-min-year-month":{"type":"String","desc":"Lock user from navigating below a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop","examples":["2020/07"],"category":"selection"},"navigation-max-year-month":{"type":"String","desc":"Lock user from navigating above a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop","examples":["2020/10"],"category":"selection"},"no-unset":{"type":"Boolean","desc":"Remove ability to unselect a date; It does not apply to selecting a range over already selected dates","category":"selection"},"first-day-of-week":{"type":["String","Number"],"desc":"Sets the day of the week that is considered the first day (0 - Sunday, 1 - Monday, ...); This day will show in the left-most column of the calendar","default":"(based on configured Quasar lang language)","examples":["first-day-of-week=\"1\"",":first-day-of-week=\"selectedFirstDayOfTheWeek\""],"category":"model","required":false},"today-btn":{"type":"Boolean","desc":"Display a button that selects the current day","category":"content"},"minimal":{"type":"Boolean","desc":"Don’t display the header","category":"content"},"multiple":{"type":"Boolean","desc":"Allow multiple selection; Model must be Array","category":"model|selection"},"range":{"type":"Boolean","desc":"Allow range selection; Partial compatibility with 'options' prop: selected ranges might also include 'unselectable' days","category":"model|selection"},"emit-immediately":{"type":"Boolean","desc":"Emit model when user browses month and year too; ONLY for single selection (non-multiple, non-range)","category":"model"}},"slots":{"default":{"desc":"This is where additional buttons can go"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["String","Array","Object","null"],"desc":"New model value","required":true},"reason":{"type":"String","desc":"Reason of the user interaction (what was picked)","values":["add-day","remove-day","add-range","remove-range","mask","locale","year","month"]},"details":{"type":"Object","desc":"Object of properties on the new model","definition":{"year":{"type":"Number","required":true,"desc":"The year of the date that the user has clicked/tapped on"},"month":{"type":"Number","required":true,"desc":"The month of the date that the user has clicked/tapped on"},"day":{"type":"Number","required":true,"desc":"The day of the month that the user has clicked/tapped on"},"from":{"type":"Object","required":false,"desc":"Object of properties of the range starting point (only if range)","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}},"to":{"type":"Object","required":false,"desc":"Object of properties of the range ending point (only if range)","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}}}}}},"navigation":{"desc":"Emitted when user navigates to a different month or year (and even when the model changes from an outside source)","params":{"view":{"type":"Object","desc":"Definition of the current view (year, month)","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"}}}}},"range-start":{"desc":"User has started a range selection","params":{"from":{"type":"Object","desc":"Definition of date from where the range begins","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}}}},"range-end":{"desc":"User has ended a range selection","params":{"range":{"type":"Object","desc":"Definition of the range","definition":{"from":{"type":"Object","required":true,"desc":"Definition of date from where the range begins","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}},"to":{"type":"Object","required":true,"desc":"Definition of date to where the range ends","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}}}}}}},"methods":{"setToday":{"desc":"Change model to today"},"setView":{"desc":"Change current view","params":{"view":{"type":"String","required":true,"desc":"QDate view name","values":["Calendar","Months","Years"]}}},"offsetCalendar":{"desc":"Increment or decrement calendar view's month or year","params":{"type":{"type":"String","required":true,"desc":"What to increment/decrement","values":["month","year"]},"descending":{"type":"Boolean","desc":"Decrement?"}}},"setCalendarTo":{"desc":"Change current year and month of the Calendar view; It gets corrected if using navigation-min/max-year-month and sets the current view to Calendar","params":{"year":{"type":"Number","desc":"The year"},"month":{"type":"Number","desc":"The month"}}},"setEditingRange":{"desc":"Configure the current editing range","params":{"from":{"type":"Object","desc":"Definition of date from where the range begins","definition":{"year":{"type":"Number","desc":"The year"},"month":{"type":"Number","desc":"The month"},"day":{"type":"Number","desc":"The day of month"}}},"to":{"type":"Object","desc":"Definition of date to where the range ends","definition":{"year":{"type":"Number","desc":"The year"},"month":{"type":"Number","desc":"The month"},"day":{"type":"Number","desc":"The day of month"}}}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/date"},"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"},"landscape":{"type":"Boolean","desc":"Display the component in landscape mode","category":"behavior"},"mask":{"type":"String","desc":"Mask (formatting string) used for parsing and formatting value","category":"model","default":"'YYYY/MM/DD'","examples":["'YYYY-MM-DD'","'MMMM Do, YYYY'","'YYYY-MM-DD HH:mm:ss'"],"required":false},"locale":{"type":"Object","desc":"Locale formatting options","examples":["{ monthsShort: ['Ian', 'Feb', 'Mar', '...'] }"],"definition":{"days":{"type":"Array","desc":"List of full day names (DDDD), starting with Sunday","examples":["['Duminica', 'Luni', 'Marti', '...']"]},"daysShort":{"type":"Array","desc":"List of short day names (DDD), starting with Sunday","examples":["['Dum', 'Lun', 'Mar', '...']"]},"months":{"type":"Array","desc":"List of full month names (MMMM), starting with January","examples":["['Ianuarie', 'Februarie', 'Martie', '...']"]},"monthsShort":{"type":"Array","desc":"List of short month names (MMM), starting with January","examples":["['Ian', 'Feb', 'Mar', '...']"]}},"category":"model"},"calendar":{"type":"String","desc":"Specify calendar type","default":"'gregorian'","values":["'gregorian'","'persian'"],"category":"model","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no default shadow)","category":"style"},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"model-value":{"desc":"Date(s) of the component; Must be Array if using 'multiple' prop; 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":["String","Array","Object","null","undefined"],"examples":["# v-model=\"myDate\"","# v-model=\"[myDate1, myDate2]\"","# v-model=\"[{ from: myDateFrom, to: myDateTo }]\"","# v-model=\"[myDate1, { from: myDateFrom, to: myDateTo }, myDate2]\""]},"title":{"type":"String","desc":"When specified, it overrides the default header title; Makes sense when not in 'minimal' mode","examples":["'Birthday'"],"category":"content"},"subtitle":{"type":"String","desc":"When specified, it overrides the default header subtitle; Makes sense when not in 'minimal' mode","examples":["'John Doe'"],"category":"content"},"default-year-month":{"type":"String","desc":"The default year and month to display (in YYYY/MM format) when model is unfilled (undefined or null); Please ensure it is within the navigation min/max year-month (if using them)","examples":["'1986/02'"],"category":"model"},"default-view":{"type":"String","desc":"The view which will be displayed by default","default":"'Calendar'","values":["'Calendar'","'Months'","'Years'"],"category":"model","required":false},"years-in-month-view":{"type":"Boolean","desc":"Show the years selector in months view","category":"behavior"},"events":{"type":["Array","Function"],"desc":"A list of events to highlight on the calendar; If using a function, it receives the date as a String and must return a Boolean (matches or not); If using a function then for best performance, reference it from your scope and do not define it inline","params":{"date":{"type":"String","desc":"The current date being processed.","examples":["'2018/11/05'","'2021/10/25'"]}},"returns":{"type":"Boolean","desc":"If true, the current date will be highlighted"},"examples":["['2018/11/05', '2018/11/06', '2018/11/09', '2018/11/23']","date => date[9] % 3 === 0"],"category":"model"},"event-color":{"type":["String","Function"],"desc":"Color name (from the Quasar Color Palette); If using a function, it receives the date as a String and must return a String (color for the received date); If using a function then for best performance, reference it from your scope and do not define it inline","params":{"date":{"type":"String","desc":"The current date being processed.","examples":["'2018/11/05'","'2021/10/25'"]}},"returns":{"type":"String","desc":"Color for the current date.","examples":["'teal'","'orange'"]},"examples":["'teal-10'","(date) => date[9] % 2 === 0 ? 'teal' : 'orange'"],"category":"style"},"options":{"type":["Array","Function"],"desc":"Optionally configure the days that are selectable; If using a function, it receives the date as a String and must return a Boolean (is date acceptable or not); If using a function then for best performance, reference it from your scope and do not define it inline; Incompatible with 'range' prop","params":{"date":{"type":"String","desc":"The current date being processed.","examples":["'2018/11/05'","'2021/10/25'"]}},"returns":{"type":"Boolean","desc":"If true, the current date will be made available for selection"},"examples":["['2018/11/05', '2018/11/12', '2018/11/19', '2018/11/26' ]","date => date[9] % 3 === 0","date => date >= '2018/11/03' && date <= '2018/11/15'"],"category":"model"},"navigation-min-year-month":{"type":"String","desc":"Lock user from navigating below a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop","examples":["'2020/07'"],"category":"selection"},"navigation-max-year-month":{"type":"String","desc":"Lock user from navigating above a specific year+month (in YYYY/MM format); This prop is not used to correct the model; You might want to also use 'default-year-month' prop","examples":["'2020/10'"],"category":"selection"},"no-unset":{"type":"Boolean","desc":"Remove ability to unselect a date; It does not apply to selecting a range over already selected dates","category":"selection"},"first-day-of-week":{"type":["String","Number"],"desc":"Sets the day of the week that is considered the first day (0 - Sunday, 1 - Monday, ...); This day will show in the left-most column of the calendar","default":"# based on configured Quasar lang language","examples":["1","# first-day-of-week=\"1\"","# :first-day-of-week=\"selectedFirstDayOfTheWeek\""],"category":"model","required":false},"today-btn":{"type":"Boolean","desc":"Display a button that selects the current day","category":"content"},"minimal":{"type":"Boolean","desc":"Don’t display the header","category":"content"},"multiple":{"type":"Boolean","desc":"Allow multiple selection; Model must be Array","category":"model|selection"},"range":{"type":"Boolean","desc":"Allow range selection; Partial compatibility with 'options' prop: selected ranges might also include 'unselectable' days","category":"model|selection"},"emit-immediately":{"type":"Boolean","desc":"Emit model when user browses month and year too; ONLY for single selection (non-multiple, non-range)","category":"model"}},"slots":{"default":{"desc":"This is where additional buttons can go"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["String","Array","Object","null"],"desc":"New model value","required":true},"reason":{"type":"String","desc":"Reason of the user interaction (what was picked)","values":["'add-day'","'remove-day'","'add-range'","'remove-range'","'mask'","'locale'","'year'","'month'"]},"details":{"type":"Object","desc":"Object of properties on the new model","definition":{"year":{"type":"Number","required":true,"desc":"The year of the date that the user has clicked/tapped on"},"month":{"type":"Number","required":true,"desc":"The month of the date that the user has clicked/tapped on"},"day":{"type":"Number","required":true,"desc":"The day of the month that the user has clicked/tapped on"},"from":{"type":"Object","required":false,"desc":"Object of properties of the range starting point (only if range)","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}},"to":{"type":"Object","required":false,"desc":"Object of properties of the range ending point (only if range)","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}}}}}},"navigation":{"desc":"Emitted when user navigates to a different month or year (and even when the model changes from an outside source)","params":{"view":{"type":"Object","desc":"Definition of the current view (year, month)","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"}}}}},"range-start":{"desc":"User has started a range selection","params":{"from":{"type":"Object","desc":"Definition of date from where the range begins","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}}}},"range-end":{"desc":"User has ended a range selection","params":{"range":{"type":"Object","desc":"Definition of the range","definition":{"from":{"type":"Object","required":true,"desc":"Definition of date from where the range begins","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}},"to":{"type":"Object","required":true,"desc":"Definition of date to where the range ends","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of month"}}}}}}}},"methods":{"setToday":{"desc":"Change model to today"},"setView":{"desc":"Change current view","params":{"view":{"type":"String","required":true,"desc":"QDate view name","values":["'Calendar'","'Months'","'Years'"]}}},"offsetCalendar":{"desc":"Increment or decrement calendar view's month or year","params":{"type":{"type":"String","required":true,"desc":"What to increment/decrement","values":["'month'","'year'"]},"descending":{"type":"Boolean","desc":"Decrement?"}}},"setCalendarTo":{"desc":"Change current year and month of the Calendar view; It gets corrected if using navigation-min/max-year-month and sets the current view to Calendar","params":{"year":{"type":"Number","desc":"The year"},"month":{"type":"Number","desc":"The month"}}},"setEditingRange":{"desc":"Configure the current editing range","params":{"from":{"type":"Object","desc":"Definition of date from where the range begins","definition":{"year":{"type":"Number","desc":"The year"},"month":{"type":"Number","desc":"The month"},"day":{"type":"Number","desc":"The day of month"}}},"to":{"type":"Object","desc":"Definition of date to where the range ends","definition":{"year":{"type":"Number","desc":"The year"},"month":{"type":"Number","desc":"The month"},"day":{"type":"Number","desc":"The day of month"}}}}}}}

package/dist/api/QDialog.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/dialog"},"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},"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"},"persistent":{"type":"Boolean","desc":"User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-esc-dismiss":{"type":"Boolean","desc":"User cannot dismiss Dialog by hitting ESC key; No need to set it if 'persistent' prop is also set","category":"behavior"},"no-backdrop-dismiss":{"type":"Boolean","desc":"User cannot dismiss Dialog by clicking outside of it; No need to set it if 'persistent' prop is also set","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss Dialog; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Any click/tap inside of the dialog will close it","category":"behavior"},"seamless":{"type":"Boolean","desc":"Put Dialog into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too","category":"content"},"backdrop-filter":{"type":"String","desc":"Apply a backdrop filter; The value needs to be the same as in the CSS specs for backdrop-filter; The examples are not an exhaustive list","examples":["blur(4px)","blur(4px) saturate(150%)","brightness(60%)","invert(70%)","grayscale(100%)","contrast(40%)","hue-rotate(120deg)","sepia(90%)","saturate(80%)","none"],"category":"style","addedIn":"v2.15"},"maximized":{"type":"Boolean","desc":"Put Dialog into maximized mode","category":"content"},"full-width":{"type":"Boolean","desc":"Dialog will try to render with same width as the window","category":"content"},"full-height":{"type":"Boolean","desc":"Dialog will try to render with same height as the window","category":"content"},"position":{"type":"String","desc":"Stick dialog to one of the sides (top, right, bottom or left)","default":"standard","values":["standard","top","right","bottom","left"],"category":"content","required":false},"square":{"type":"Boolean","desc":"Forces content to have squared borders","category":"style"},"no-refocus":{"type":"Boolean","desc":"(Accessibility) When Dialog gets hidden, do not refocus on the DOM element that previously had focus","category":"behavior"},"no-focus":{"type":"Boolean","desc":"(Accessibility) When Dialog gets shown, do not switch focus on it","category":"behavior"},"no-shake":{"type":"Boolean","desc":"Do not shake up the Dialog to catch user's attention","category":"behavior","addedIn":"v2.1.1"},"allow-focus-outside":{"type":"Boolean","desc":"Allow elements outside of the Dialog to be focusable; By default, for accessibility reasons, QDialog does not allow outer focus","category":"behavior","addedIn":"v2.7.2"}},"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}}},"shake":{"desc":"Emitted when the Dialog shakes in order to catch user's attention, unless the 'no-shake' property is set"},"escape-key":{"desc":"Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-key' set"}},"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"},"focus":{"desc":"Focus dialog; if you have content with autofocus attribute, it will directly focus it","params":{"selector":{"type":"String","required":false,"desc":"Optional CSS selector to override default focusable element","examples":["[tabindex]:not([tabindex=\"-1\"])"],"addedIn":"v2.6.5"}}},"shake":{"desc":"Shakes dialog","params":{"focusTarget":{"type":"Element","desc":"Optional DOM Element to be focused after shake","examples":["document.getElementById('example')"],"addedIn":"v2.10.1"}}}},"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/dialog"},"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},"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"},"persistent":{"type":"Boolean","desc":"User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-esc-dismiss":{"type":"Boolean","desc":"User cannot dismiss Dialog by hitting ESC key; No need to set it if 'persistent' prop is also set","category":"behavior"},"no-backdrop-dismiss":{"type":"Boolean","desc":"User cannot dismiss Dialog by clicking outside of it; No need to set it if 'persistent' prop is also set","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss Dialog; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Any click/tap inside of the dialog will close it","category":"behavior"},"seamless":{"type":"Boolean","desc":"Put Dialog into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too","category":"content"},"backdrop-filter":{"type":"String","desc":"Apply a backdrop filter; The value needs to be the same as in the CSS specs for backdrop-filter; The examples are not an exhaustive list","examples":["'blur(4px)'","'blur(4px) saturate(150%)'","'brightness(60%)'","'invert(70%)'","'grayscale(100%)'","'contrast(40%)'","'hue-rotate(120deg)'","'sepia(90%)'","'saturate(80%)'","'none'"],"category":"style","addedIn":"v2.15"},"maximized":{"type":"Boolean","desc":"Put Dialog into maximized mode","category":"content"},"full-width":{"type":"Boolean","desc":"Dialog will try to render with same width as the window","category":"content"},"full-height":{"type":"Boolean","desc":"Dialog will try to render with same height as the window","category":"content"},"position":{"type":"String","desc":"Stick dialog to one of the sides (top, right, bottom or left)","default":"'standard'","values":["'standard'","'top'","'right'","'bottom'","'left'"],"category":"content","required":false},"square":{"type":"Boolean","desc":"Forces content to have squared borders","category":"style"},"no-refocus":{"type":"Boolean","desc":"(Accessibility) When Dialog gets hidden, do not refocus on the DOM element that previously had focus","category":"behavior"},"no-focus":{"type":"Boolean","desc":"(Accessibility) When Dialog gets shown, do not switch focus on it","category":"behavior"},"no-shake":{"type":"Boolean","desc":"Do not shake up the Dialog to catch user's attention","category":"behavior","addedIn":"v2.1.1"},"allow-focus-outside":{"type":"Boolean","desc":"Allow elements outside of the Dialog to be focusable; By default, for accessibility reasons, QDialog does not allow outer focus","category":"behavior","addedIn":"v2.7.2"}},"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}}},"shake":{"desc":"Emitted when the Dialog shakes in order to catch user's attention, unless the 'no-shake' property is set"},"escape-key":{"desc":"Emitted when ESC key is pressed; Does not get emitted if Dialog is 'persistent' or it has 'no-esc-key' set"}},"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"},"focus":{"desc":"Focus dialog; if you have content with autofocus attribute, it will directly focus it","params":{"selector":{"type":"String","required":false,"desc":"Optional CSS selector to override default focusable element","examples":["'[tabindex]:not([tabindex=\"-1\"])'"],"addedIn":"v2.6.5"}}},"shake":{"desc":"Shakes dialog","params":{"focusTarget":{"type":"Element","desc":"Optional DOM Element to be focused after shake","examples":["document.getElementById('example')"],"addedIn":"v2.10.1"}}}},"computedProps":{"contentEl":{"type":"Element","desc":"The DOM Element of the rendered content","addedIn":"v2.10.1"}}}

package/dist/api/QDrawer.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/drawer"},"props":{"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"},"side":{"type":"String","desc":"Side to attach to","values":["left","right"],"default":"left","category":"behavior","required":false},"overlay":{"type":"Boolean","desc":"Puts drawer into overlay mode (does not occupy space on screen, narrowing the page)","category":"behavior"},"width":{"type":"Number","desc":"Width of drawer (in pixels)","default":300,"examples":[":width=\"350\""],"category":"style","required":false},"mini":{"type":"Boolean","desc":"Puts drawer into mini mode","category":"behavior"},"mini-width":{"type":"Number","desc":"Width of drawer (in pixels) when in mini mode","default":60,"examples":[":mini-width=\"100\""],"category":"style","required":false},"mini-to-overlay":{"type":"Boolean","desc":"Mini mode will expand as an overlay","category":"behavior"},"no-mini-animation":{"type":"Boolean","desc":"Disables animation of the drawer when toggling mini mode","category":"behavior","addedIn":"v2.12.0"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"breakpoint":{"type":"Number","desc":"Breakpoint (in pixels) of layout width up to which mobile mode is used","default":1023,"examples":[1200,":breakpoint=\"1400\""],"category":"behavior","required":false},"behavior":{"type":"String","desc":"Overrides the default dynamic mode into which the drawer is put on","values":["default","desktop","mobile"],"default":"default","category":"behavior","required":false},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"elevated":{"type":"Boolean","desc":"Adds a default shadow to the header","category":"style"},"persistent":{"type":"Boolean","desc":"Prevents drawer from auto-closing when app's route changes; Also, an app route change won't hide it","category":"behavior"},"show-if-above":{"type":"Boolean","desc":"Forces drawer to be shown on screen on initial render if the layout width is above breakpoint, regardless of v-model; This is the default behavior when SSR is taken over by client on initial render","category":"behavior"},"no-swipe-open":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped into view; Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-close":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped out of view (applies to drawer content only); Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-backdrop":{"type":"Boolean","desc":"Disables the default behavior where drawer backdrop can be swiped","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component (overridden by 'mini' slot if used and drawer is in mini mode)"},"mini":{"desc":"Content to show when in mini mode (overrides 'default' slot)"}},"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}}},"on-layout":{"desc":"Emitted when drawer toggles between occupying space on page or not","params":{"state":{"type":"Boolean","desc":"New state"}}},"click":{"desc":"Emitted when user clicks/taps on the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mouseover":{"desc":"Emitted when user moves mouse cursor over the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mouseout":{"desc":"Emitted when user moves mouse cursor out of the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mini-state":{"desc":"Emitted when drawer changes the mini-mode state (sometimes it is forced to do so)","params":{"state":{"type":"Boolean","desc":"New state"}}}},"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"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/layout/drawer"},"props":{"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"},"side":{"type":"String","desc":"Side to attach to","values":["'left'","'right'"],"default":"'left'","category":"behavior","required":false},"overlay":{"type":"Boolean","desc":"Puts drawer into overlay mode (does not occupy space on screen, narrowing the page)","category":"behavior"},"width":{"type":"Number","desc":"Width of drawer (in pixels)","default":"300","category":"style","required":false},"mini":{"type":"Boolean","desc":"Puts drawer into mini mode","category":"behavior"},"mini-width":{"type":"Number","desc":"Width of drawer (in pixels) when in mini mode","default":"60","category":"style","required":false},"mini-to-overlay":{"type":"Boolean","desc":"Mini mode will expand as an overlay","category":"behavior"},"no-mini-animation":{"type":"Boolean","desc":"Disables animation of the drawer when toggling mini mode","category":"behavior","addedIn":"v2.12.0"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"breakpoint":{"type":"Number","desc":"Breakpoint (in pixels) of layout width up to which mobile mode is used","default":"1023","examples":["1200"],"category":"behavior","required":false},"behavior":{"type":"String","desc":"Overrides the default dynamic mode into which the drawer is put on","values":["'default'","'desktop'","'mobile'"],"default":"'default'","category":"behavior","required":false},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"elevated":{"type":"Boolean","desc":"Adds a default shadow to the header","category":"style"},"persistent":{"type":"Boolean","desc":"Prevents drawer from auto-closing when app's route changes; Also, an app route change won't hide it","category":"behavior"},"show-if-above":{"type":"Boolean","desc":"Forces drawer to be shown on screen on initial render if the layout width is above breakpoint, regardless of v-model; This is the default behavior when SSR is taken over by client on initial render","category":"behavior"},"no-swipe-open":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped into view; Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-close":{"type":"Boolean","desc":"Disables the default behavior where drawer can be swiped out of view (applies to drawer content only); Useful for iOS platforms where it might interfere with Safari's 'swipe to go to previous/next page' feature","category":"behavior"},"no-swipe-backdrop":{"type":"Boolean","desc":"Disables the default behavior where drawer backdrop can be swiped","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component (overridden by 'mini' slot if used and drawer is in mini mode)"},"mini":{"desc":"Content to show when in mini mode (overrides 'default' slot)"}},"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}}},"on-layout":{"desc":"Emitted when drawer toggles between occupying space on page or not","params":{"state":{"type":"Boolean","desc":"New state"}}},"click":{"desc":"Emitted when user clicks/taps on the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mouseover":{"desc":"Emitted when user moves mouse cursor over the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mouseout":{"desc":"Emitted when user moves mouse cursor out of the component and drawer is NOT in mobile mode; Useful for when taking a decision to toggle mini mode","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"mini-state":{"desc":"Emitted when drawer changes the mini-mode state (sometimes it is forced to do so)","params":{"state":{"type":"Boolean","desc":"New state"}}}},"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"}}}

package/dist/api/QEditor.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/editor"},"props":{"fullscreen":{"type":"Boolean","sync":true,"desc":"Fullscreen mode","examples":["v-model:fullscreen=\"isFullscreen\""],"category":"behavior","syncable":true},"no-route-fullscreen-exit":{"type":"Boolean","desc":"Changing route app won't exit fullscreen","category":"behavior"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":"String","examples":["v-model=\"content\""]},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no borders)","category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; toolbar buttons are shown on one-line only","category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"min-height":{"type":"String","desc":"CSS unit for the minimum height of the editable area","default":"10rem","examples":["15rem","50vh"],"category":"style","required":false},"max-height":{"type":"String","desc":"CSS unit for maximum height of the input area","examples":["1000px","90vh"],"category":"style"},"height":{"type":"String","desc":"CSS value to set the height of the editable area","examples":["100px","50vh"],"category":"style"},"definitions":{"type":"Object","desc":"Definition of commands and their buttons to be included in the 'toolbar' prop","examples":[":definitions=\"{ save: { tip: 'Save your work', icon: 'save', label: 'Save', handler: saveWork }, upload: { tip: 'Upload to cloud', icon: 'cloud_upload', label: 'Upload', handler: uploadIt } }\""],"definition":{"...commandName":{"type":"Object","tsType":"QEditorCommand","autoDefineTsType":true,"desc":"Command definition","definition":{"label":{"type":"String","desc":"Label of the button","examples":["Addresses"]},"tip":{"type":"String","desc":"Text to be displayed as a tooltip on hover","examples":["Add a contact from the Address Book"]},"htmlTip":{"type":"String","desc":"HTML formatted text to be displayed within a tooltip on hover","examples":["Add a <span class=\"red\">user</span> from the address book"]},"icon":{"type":"String","desc":"Icon of the button","examples":["fas fa-address-book"]},"key":{"type":"Number","desc":"Keycode of a key to be used together with the <ctrl> key for use as a shortcut to trigger this element","examples":["12","36"]},"handler":{"type":"Function","desc":"Either this or \"cmd\" is required. Function for when button gets clicked/tapped.","params":null,"returns":null,"examples":["() => this.uploadFile()"]},"cmd":{"type":"String","desc":"Either this or \"handler\" is required. This must be a valid execCommand method according to the designMode API.","examples":["insertHTML","justifyFull"]},"param":{"type":"String","desc":"Only set a param if using a \"cmd\". This is commonly text or HTML to inject, but is highly dependent upon the specific cmd being called.","examples":["<img src=\"://uploads/001.jpg\" alt=\"nice pic\" />"]},"disable":{"type":["Boolean","Function"],"desc":"Is button disabled?","returns":{"type":"Boolean","desc":"If true, the button will be disabled"},"examples":["!user.active","() => !checkIfUserIsActive()"]},"type":{"type":"String","desc":"Pass the value \"no-state\" if the button should not have an \"active\" state","values":[null,"no-state"],"examples":["no-state"]},"fixedLabel":{"type":"Boolean","desc":"Lock the button label, so it doesn't change based on the child option selected."},"fixedIcon":{"type":"Boolean","desc":"Lock the button icon, so it doesn't change based on the child option selected."},"highlight":{"type":"Boolean","desc":"Highlight the toolbar button, when a child option has been selected."}}}},"category":"toolbar"},"fonts":{"type":"Object","desc":"Object with definitions of fonts","examples":[":fonts=\"{ arial: 'Arial', arial_black: 'Arial Black', comic_sans: 'Comic Sans MS' }\""],"category":"toolbar"},"toolbar":{"type":"Array","desc":"An array of arrays of Objects/Strings that you use to define the construction of the elements and commands available in the toolbar","default":[["left","center","right","justify"],["bold","italic","underline","strike"],["undo","redo"]],"examples":[["left","center","right","justify"]],"category":"toolbar","required":false},"toolbar-color":{"type":"String","tsType":"NamedColor","desc":"Font color (from the Quasar Palette) of buttons and text in the toolbar","examples":["primary","teal","teal-10"],"category":"toolbar"},"toolbar-text-color":{"type":"String","tsType":"NamedColor","desc":"Text color (from the Quasar Palette) of toolbar commands","examples":["primary","teal","teal-10"],"category":"toolbar"},"toolbar-toggle-color":{"type":"String","desc":"Choose the active color (from the Quasar Palette) of toolbar commands button","default":"primary","examples":["secondary","blue-3"],"category":"toolbar","required":false},"toolbar-bg":{"type":"String","desc":"Toolbar background color (from Quasar Palette)","default":"grey-3","examples":["secondary","blue-3"],"category":"toolbar","required":false},"toolbar-outline":{"type":"Boolean","desc":"Toolbar buttons are rendered \"outlined\"","category":"toolbar|style"},"toolbar-push":{"type":"Boolean","desc":"Toolbar buttons are rendered as a \"push-button\" type","category":"toolbar|style"},"toolbar-rounded":{"type":"Boolean","desc":"Toolbar buttons are rendered \"rounded\"","category":"toolbar|style"},"paragraph-tag":{"type":"String","desc":"Paragraph tag to be used","values":["div","p"],"category":"behavior"},"content-style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Object with CSS properties and values for styling the container of QEditor","examples":[":content-style=\"{ backgroundColor: '#C0C0C0' }\""],"category":"style"},"content-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes for the input area","examples":["my-special-class",":content-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"placeholder":{"type":"String","desc":"Text to display as placeholder","examples":["Type your story here ..."],"category":"content"}},"slots":{"[command]":{"desc":"Content for the given command in the toolbar"}},"events":{"fullscreen":{"desc":"Emitted when fullscreen state changes","params":{"value":{"type":"Boolean","desc":"Fullscreen state (showing/hidden)"}}},"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"String","desc":"The pure HTML of the content","required":true}}},"dropdown-show":{"desc":"Emitted after a dropdown in the toolbar has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"dropdown-before-show":{"desc":"Emitted when a dropdown in the toolbar triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"dropdown-hide":{"desc":"Emitted after a dropdown in the toolbar has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"dropdown-before-hide":{"desc":"Emitted when a dropdown in the toolbar triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"link-show":{"desc":"Emitted when the toolbar for editing a link is shown","addedIn":"v2.11.9"},"link-hide":{"desc":"Emitted when the toolbar for editing a link is hidden","addedIn":"v2.11.9"}},"methods":{"toggleFullscreen":{"desc":"Toggle the view to be fullscreen or not fullscreen"},"setFullscreen":{"desc":"Enter the fullscreen view"},"exitFullscreen":{"desc":"Leave the fullscreen view"},"runCmd":{"desc":"Run contentEditable command at caret position and range","params":{"cmd":{"type":"String","desc":"Must be a valid execCommand method according to the designMode API","examples":["copy","cut","paste"],"required":true},"param":{"type":"String","desc":"The argument to pass to the command","examples":["<small>Small Text</small>"]},"update":{"type":"Boolean","desc":"Refresh the toolbar","default":true,"required":false}}},"refreshToolbar":{"desc":"Hide the link editor if visible and force the instance to re-render"},"focus":{"desc":"Focus on the contentEditable at saved cursor position"},"getContentEl":{"desc":"Retrieve the content of the Editor","returns":{"type":"Element","desc":"Provides the pure HTML within the editable area"}}},"computedProps":{"caret":{"type":"Object","tsType":"QEditorCaret","desc":"The current caret state"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/editor"},"props":{"fullscreen":{"type":"Boolean","sync":true,"desc":"Fullscreen mode","examples":["# v-model:fullscreen=\"isFullscreen\""],"category":"behavior","syncable":true},"no-route-fullscreen-exit":{"type":"Boolean","desc":"Changing route app won't exit fullscreen","category":"behavior"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":"String","examples":["# v-model=\"content\""]},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no borders)","category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; toolbar buttons are shown on one-line only","category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"min-height":{"type":"String","desc":"CSS unit for the minimum height of the editable area","default":"'10rem'","examples":["'15rem'","'50vh'"],"category":"style","required":false},"max-height":{"type":"String","desc":"CSS unit for maximum height of the input area","examples":["'1000px'","'90vh'"],"category":"style"},"height":{"type":"String","desc":"CSS value to set the height of the editable area","examples":["'100px'","'50vh'"],"category":"style"},"definitions":{"type":"Object","desc":"Definition of commands and their buttons to be included in the 'toolbar' prop","examples":["{ save: { tip: 'Save your work', icon: 'save', label: 'Save', handler: saveWork }, upload: { tip: 'Upload to cloud', icon: 'cloud_upload', label: 'Upload', handler: uploadIt } }"],"definition":{"...commandName":{"type":"Object","tsType":"QEditorCommand","autoDefineTsType":true,"desc":"Command definition","definition":{"label":{"type":"String","desc":"Label of the button","examples":["'Addresses'"]},"tip":{"type":"String","desc":"Text to be displayed as a tooltip on hover","examples":["'Add a contact from the Address Book'"]},"htmlTip":{"type":"String","desc":"HTML formatted text to be displayed within a tooltip on hover","examples":["'Add a <span class=\"red\">user</span> from the address book'"]},"icon":{"type":"String","desc":"Icon of the button","examples":["'fas fa-address-book'"]},"key":{"type":"Number","desc":"Keycode of a key to be used together with the <ctrl> key for use as a shortcut to trigger this element","examples":["12","36"]},"handler":{"type":"Function","desc":"Either this or \"cmd\" is required. Function for when button gets clicked/tapped.","params":null,"returns":null,"examples":["() => this.uploadFile()"]},"cmd":{"type":"String","desc":"Either this or \"handler\" is required. This must be a valid execCommand method according to the designMode API.","examples":["'insertHTML'","'justifyFull'"]},"param":{"type":"String","desc":"Only set a param if using a \"cmd\". This is commonly text or HTML to inject, but is highly dependent upon the specific cmd being called.","examples":["'<img src=\"://uploads/001.jpg\" alt=\"nice pic\" />'"]},"disable":{"type":["Boolean","Function"],"desc":"Is button disabled?","returns":{"type":"Boolean","desc":"If true, the button will be disabled"},"examples":["true","() => !checkIfUserIsActive()"]},"type":{"type":["String","null"],"desc":"Pass the value \"no-state\" if the button should not have an \"active\" state","values":["null","'no-state'"],"examples":["'no-state'"]},"fixedLabel":{"type":"Boolean","desc":"Lock the button label, so it doesn't change based on the child option selected."},"fixedIcon":{"type":"Boolean","desc":"Lock the button icon, so it doesn't change based on the child option selected."},"highlight":{"type":"Boolean","desc":"Highlight the toolbar button, when a child option has been selected."}}}},"category":"toolbar"},"fonts":{"type":"Object","desc":"Object with definitions of fonts","examples":["{ arial: 'Arial', arial_black: 'Arial Black', comic_sans: 'Comic Sans MS' }"],"category":"toolbar"},"toolbar":{"type":"Array","desc":"An array of arrays of Objects/Strings that you use to define the construction of the elements and commands available in the toolbar","default":"[ [ 'left', 'center', 'right', 'justify' ], [ 'bold', 'italic', 'underline', 'strike' ], [ 'undo', 'redo' ]","examples":["[ 'left', 'center', 'right', 'justify' ]"],"category":"toolbar","required":false},"toolbar-color":{"type":"String","tsType":"NamedColor","desc":"Font color (from the Quasar Palette) of buttons and text in the toolbar","examples":["'primary'","'teal'","'teal-10'"],"category":"toolbar"},"toolbar-text-color":{"type":"String","tsType":"NamedColor","desc":"Text color (from the Quasar Palette) of toolbar commands","examples":["'primary'","'teal'","'teal-10'"],"category":"toolbar"},"toolbar-toggle-color":{"type":"String","desc":"Choose the active color (from the Quasar Palette) of toolbar commands button","default":"'primary'","examples":["'secondary'","'blue-3'"],"category":"toolbar","required":false},"toolbar-bg":{"type":"String","desc":"Toolbar background color (from Quasar Palette)","default":"'grey-3'","examples":["'secondary'","'blue-3'"],"category":"toolbar","required":false},"toolbar-outline":{"type":"Boolean","desc":"Toolbar buttons are rendered \"outlined\"","category":"toolbar|style"},"toolbar-push":{"type":"Boolean","desc":"Toolbar buttons are rendered as a \"push-button\" type","category":"toolbar|style"},"toolbar-rounded":{"type":"Boolean","desc":"Toolbar buttons are rendered \"rounded\"","category":"toolbar|style"},"paragraph-tag":{"type":"String","desc":"Paragraph tag to be used","values":["'div'","'p'"],"category":"behavior"},"content-style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Object with CSS properties and values for styling the container of QEditor","examples":["{ backgroundColor: '#C0C0C0' }"],"category":"style"},"content-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes for the input area","examples":["'my-special-class'","{ 'my-special-class': <condition> }"],"category":"style"},"placeholder":{"type":"String","desc":"Text to display as placeholder","examples":["'Type your story here ...'"],"category":"content"}},"slots":{"[command]":{"desc":"Content for the given command in the toolbar"}},"events":{"fullscreen":{"desc":"Emitted when fullscreen state changes","params":{"value":{"type":"Boolean","desc":"Fullscreen state (showing/hidden)"}}},"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"String","desc":"The pure HTML of the content","required":true}}},"dropdown-show":{"desc":"Emitted after a dropdown in the toolbar has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"dropdown-before-show":{"desc":"Emitted when a dropdown in the toolbar triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"dropdown-hide":{"desc":"Emitted after a dropdown in the toolbar has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"dropdown-before-hide":{"desc":"Emitted when a dropdown in the toolbar triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object"}},"addedIn":"v2.11.8"},"link-show":{"desc":"Emitted when the toolbar for editing a link is shown","addedIn":"v2.11.9"},"link-hide":{"desc":"Emitted when the toolbar for editing a link is hidden","addedIn":"v2.11.9"}},"methods":{"toggleFullscreen":{"desc":"Toggle the view to be fullscreen or not fullscreen"},"setFullscreen":{"desc":"Enter the fullscreen view"},"exitFullscreen":{"desc":"Leave the fullscreen view"},"runCmd":{"desc":"Run contentEditable command at caret position and range","params":{"cmd":{"type":"String","desc":"Must be a valid execCommand method according to the designMode API","examples":["'copy'","'cut'","'paste'"],"required":true},"param":{"type":"String","desc":"The argument to pass to the command","examples":["'<small>Small Text</small>'"]},"update":{"type":"Boolean","desc":"Refresh the toolbar","default":"true","required":false}}},"refreshToolbar":{"desc":"Hide the link editor if visible and force the instance to re-render"},"focus":{"desc":"Focus on the contentEditable at saved cursor position"},"getContentEl":{"desc":"Retrieve the content of the Editor","returns":{"type":"Element","desc":"Provides the pure HTML within the editable area"}}},"computedProps":{"caret":{"type":"Object","tsType":"QEditorCaret","desc":"The current caret state"}}}

package/dist/api/QExpansionItem.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/expansion-item"},"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"},"model-value":{"desc":"Model of the component defining 'open' state; 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"},"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"},"expand-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"},"expanded-icon":{"type":"String","desc":"Expand icon name (following Quasar convention) for when QExpansionItem is expanded; When used, it also disables the rotation animation of the expand icon; Make sure you have the icon library installed unless you are using 'img:' prefix","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"expand-icon-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Apply custom class(es) to the expand icon item section","examples":["text-purple"],"category":"style"},"toggle-aria-label":{"type":"String","desc":"aria-label to be used on the expansion toggle element","examples":["Open details"],"category":"accessibility","addedIn":"v2.8.4"},"label":{"type":"String","desc":"Header label (unless using 'header' slot)","examples":["My expansion item"],"category":"content"},"label-lines":{"type":["Number","String"],"desc":"Apply ellipsis when there's not enough space to render on the specified number of lines; If more than one line specified, then it will only work on webkit browsers because it uses the '-webkit-line-clamp' CSS property!","examples":["1","3",":label-lines=\"2\""],"category":"content"},"caption":{"type":"String","desc":"Header sub-label (unless using 'header' slot)","examples":["Unread message: 5"],"category":"content"},"caption-lines":{"type":["Number","String"],"desc":"Apply ellipsis when there's not enough space to render on the specified number of lines; If more than one line specified, then it will only work on webkit browsers because it uses the '-webkit-line-clamp' CSS property!","examples":["1","3",":caption-lines=\"2\""],"category":"content"},"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"},"duration":{"type":"Number","desc":"Animation duration (in milliseconds)","default":300,"category":"behavior","required":false},"header-inset-level":{"type":"Number","desc":"Apply an inset to header (unless using 'header' slot); Useful when header avatar/left side is missing but you want to align content with other items that do have a left side, or when you're building a menu","examples":[":header-inset-level=\"1\""],"category":"content"},"content-inset-level":{"type":"Number","desc":"Apply an inset to content (changes content padding)","examples":[":content-inset-level=\"1\""],"category":"content"},"expand-separator":{"type":"Boolean","desc":"Apply a top and bottom separator when expansion item is opened","category":"content"},"default-opened":{"type":"Boolean","desc":"Puts expansion item into open state on initial render; Overridden by v-model if used","category":"behavior"},"hide-expand-icon":{"type":"Boolean","desc":"Do not show the expand icon","category":"content","addedIn":"v2.8.4"},"expand-icon-toggle":{"type":"Boolean","desc":"Applies the expansion events to the expand icon only and not to the whole header","category":"behavior"},"switch-toggle-side":{"type":"Boolean","desc":"Switch expand icon side (from default 'right' to 'left')","category":"content"},"dense-toggle":{"type":"Boolean","desc":"Use dense mode for expand icon","category":"style"},"group":{"type":"String","desc":"Register expansion item into a group (unique name that must be applied to all expansion items in that group) for coordinated open/close state within the group a.k.a. 'accordion mode'","examples":["my-emails"],"category":"content|behavior"},"popup":{"type":"Boolean","desc":"Put expansion list into 'popup' mode","category":"behavior"},"header-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Apply custom style to the header","examples":["background: '#ff0000'",":header-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"header-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Apply custom class(es) to the header","examples":["my-custom-class",":header-class=\"{ 'my-custom-class': someCondition }\""],"category":"style"}},"slots":{"default":{"desc":"Slot used for expansion item's content"},"header":{"desc":"Slot used for overriding default header","scope":{"expanded":{"type":"Boolean","desc":"QExpansionItem expanded status","addedIn":"v2.7.6"},"detailsId":{"type":"String","desc":"QExpansionItem details panel id (for use in aria-controls)","addedIn":"v2.8.4"},"show":{"type":"Function","desc":"Triggers component to show","params":{"evt":{"type":"Object","required":false,"desc":"JS event object"}},"returns":null,"addedIn":"v2.8.4"},"hide":{"type":"Function","desc":"Triggers component to hide","params":{"evt":{"type":"Object","required":false,"desc":"JS event object"}},"returns":null,"addedIn":"v2.8.4"},"toggle":{"type":"Function","desc":"Triggers component to toggle between show/hide","params":{"evt":{"type":"Object","required":false,"desc":"JS event object"}},"returns":null,"addedIn":"v2.8.4"}}}},"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}}},"after-show":{"desc":"Emitted when component show animation is finished"},"after-hide":{"desc":"Emitted when component hide animation is finished"}},"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"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/expansion-item"},"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"},"model-value":{"desc":"Model of the component defining 'open' state; 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"},"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"},"expand-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"},"expanded-icon":{"type":"String","desc":"Expand icon name (following Quasar convention) for when QExpansionItem is expanded; When used, it also disables the rotation animation of the expand icon; Make sure you have the icon library installed unless you are using 'img:' prefix","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"expand-icon-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Apply custom class(es) to the expand icon item section","examples":["'text-purple'"],"category":"style"},"toggle-aria-label":{"type":"String","desc":"aria-label to be used on the expansion toggle element","examples":["'Open details'"],"category":"accessibility","addedIn":"v2.8.4"},"label":{"type":"String","desc":"Header label (unless using 'header' slot)","examples":["'My expansion item'"],"category":"content"},"label-lines":{"type":["Number","String"],"desc":"Apply ellipsis when there's not enough space to render on the specified number of lines; If more than one line specified, then it will only work on webkit browsers because it uses the '-webkit-line-clamp' CSS property!","examples":["1","'3'"],"category":"content"},"caption":{"type":"String","desc":"Header sub-label (unless using 'header' slot)","examples":["'Unread message: 5'"],"category":"content"},"caption-lines":{"type":["Number","String"],"desc":"Apply ellipsis when there's not enough space to render on the specified number of lines; If more than one line specified, then it will only work on webkit browsers because it uses the '-webkit-line-clamp' CSS property!","examples":["1","'3'"],"category":"content"},"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"},"duration":{"type":"Number","desc":"Animation duration (in milliseconds)","default":"300","category":"behavior","required":false},"header-inset-level":{"type":"Number","desc":"Apply an inset to header (unless using 'header' slot); Useful when header avatar/left side is missing but you want to align content with other items that do have a left side, or when you're building a menu","examples":["1"],"category":"content"},"content-inset-level":{"type":"Number","desc":"Apply an inset to content (changes content padding)","examples":["1"],"category":"content"},"expand-separator":{"type":"Boolean","desc":"Apply a top and bottom separator when expansion item is opened","category":"content"},"default-opened":{"type":"Boolean","desc":"Puts expansion item into open state on initial render; Overridden by v-model if used","category":"behavior"},"hide-expand-icon":{"type":"Boolean","desc":"Do not show the expand icon","category":"content","addedIn":"v2.8.4"},"expand-icon-toggle":{"type":"Boolean","desc":"Applies the expansion events to the expand icon only and not to the whole header","category":"behavior"},"switch-toggle-side":{"type":"Boolean","desc":"Switch expand icon side (from default 'right' to 'left')","category":"content"},"dense-toggle":{"type":"Boolean","desc":"Use dense mode for expand icon","category":"style"},"group":{"type":"String","desc":"Register expansion item into a group (unique name that must be applied to all expansion items in that group) for coordinated open/close state within the group a.k.a. 'accordion mode'","examples":["'my-emails'"],"category":"content|behavior"},"popup":{"type":"Boolean","desc":"Put expansion list into 'popup' mode","category":"behavior"},"header-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Apply custom style to the header","examples":["'background: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"header-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Apply custom class(es) to the header","examples":["'my-custom-class'","{ 'my-custom-class': someCondition }"],"category":"style"}},"slots":{"default":{"desc":"Slot used for expansion item's content"},"header":{"desc":"Slot used for overriding default header","scope":{"expanded":{"type":"Boolean","desc":"QExpansionItem expanded status","addedIn":"v2.7.6"},"detailsId":{"type":"String","desc":"QExpansionItem details panel id (for use in aria-controls)","addedIn":"v2.8.4"},"show":{"type":"Function","desc":"Triggers component to show","params":{"evt":{"type":"Object","required":false,"desc":"JS event object"}},"returns":null,"addedIn":"v2.8.4"},"hide":{"type":"Function","desc":"Triggers component to hide","params":{"evt":{"type":"Object","required":false,"desc":"JS event object"}},"returns":null,"addedIn":"v2.8.4"},"toggle":{"type":"Function","desc":"Triggers component to toggle between show/hide","params":{"evt":{"type":"Object","required":false,"desc":"JS event object"}},"returns":null,"addedIn":"v2.8.4"}}}},"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}}},"after-show":{"desc":"Emitted when component show animation is finished"},"after-hide":{"desc":"Emitted when component hide animation is finished"}},"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"}}}

package/dist/api/QFab.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"a","values":["a","submit","button","reset"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"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"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["Button Label"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["top","right","bottom","left"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":null,"desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","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"},"model-value":{"desc":"Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event","required":false,"syncable":true,"category":"model","type":"Boolean"},"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"},"active-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"},"hide-icon":{"type":"Boolean","desc":"Hide the icon (don't use any)","category":"style|content"},"direction":{"type":"String","desc":"Direction to expand Fab Actions to","default":"right","values":["up","right","down","left"],"category":"behavior","required":false},"vertical-actions-align":{"type":"String","desc":"The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')","default":"center","values":["left","center","right"],"category":"style|content","required":false},"persistent":{"type":"Boolean","desc":"By default, Fab Actions are hidden when user navigates to another route and this prop disables this behavior","category":"behavior"}},"slots":{"default":{"desc":"This is where QFabActions may go into"},"tooltip":{"desc":"Slot specifically designed for a QTooltip"},"icon":{"desc":"Slot for icon shown when FAB is closed; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"active-icon":{"desc":"Slot for icon shown when FAB is opened; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"label":{"desc":"Slot for label","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"}},"events":{"update:model-value":{"desc":"Emitted when fab actions are shown/hidden; Captured by v-model directive","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}}}},"methods":{"show":{"desc":"Expands fab actions list","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Collapses fab actions list","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"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"'a'","values":["'a'","'submit'","'button'","'reset'"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"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'"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["'Button Label'"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["'top'","'right'","'bottom'","'left'"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":"null","desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["'my-special-class'","{ 'my-special-class': <condition> }"],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["'background-color: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","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"},"model-value":{"desc":"Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event","required":false,"syncable":true,"category":"model","type":"Boolean"},"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"},"active-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"},"hide-icon":{"type":"Boolean","desc":"Hide the icon (don't use any)","category":"style|content"},"direction":{"type":"String","desc":"Direction to expand Fab Actions to","default":"'right'","values":["'up'","'right'","'down'","'left'"],"category":"behavior","required":false},"vertical-actions-align":{"type":"String","desc":"The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')","default":"'center'","values":["'left'","'center'","'right'"],"category":"style|content","required":false},"persistent":{"type":"Boolean","desc":"By default, Fab Actions are hidden when user navigates to another route and this prop disables this behavior","category":"behavior"}},"slots":{"default":{"desc":"This is where QFabActions may go into"},"tooltip":{"desc":"Slot specifically designed for a QTooltip"},"icon":{"desc":"Slot for icon shown when FAB is closed; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"active-icon":{"desc":"Slot for icon shown when FAB is opened; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"label":{"desc":"Slot for label","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"}},"events":{"update:model-value":{"desc":"Emitted when fab actions are shown/hidden; Captured by v-model directive","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}}}},"methods":{"show":{"desc":"Expands fab actions list","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Collapses fab actions list","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"}}}

package/dist/api/QFabAction.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"a","values":["a","submit","button","reset"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"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"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["Button Label"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["top","right","bottom","left"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":null,"desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","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"},"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"},"anchor":{"type":"String","desc":"How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab","values":["start","center","end"],"category":"style|content"},"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property","examples":["/home/dashboard",":to=\"{ name: 'my-route-name' }\""],"category":"router"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property","category":"router"}},"slots":{"default":{"desc":"Suggestion for this slot: QTooltip"},"icon":{"desc":"Slot for icon; Suggestion: QIcon","addedIn":"v2.4"},"label":{"desc":"Slot for label","addedIn":"v2.4"}},"events":{"click":{"desc":"Emitted when user clicks/taps on the component","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"click":{"desc":"Emulate click on QFabAction","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"'a'","values":["'a'","'submit'","'button'","'reset'"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"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'"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["'Button Label'"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["'top'","'right'","'bottom'","'left'"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":"null","desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["'my-special-class'","{ 'my-special-class': <condition> }"],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["'background-color: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","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"},"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"},"anchor":{"type":"String","desc":"How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab","values":["'start'","'center'","'end'"],"category":"style|content"},"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property","examples":["'/home/dashboard'","{ name: 'my-route-name' }"],"category":"router"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property","category":"router"}},"slots":{"default":{"desc":"Suggestion for this slot: QTooltip"},"icon":{"desc":"Slot for icon; Suggestion: QIcon","addedIn":"v2.4"},"label":{"desc":"Slot for label","addedIn":"v2.4"}},"events":{"click":{"desc":"Emitted when user clicks/taps on the component","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"click":{"desc":"Emulate click on QFabAction","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}

package/dist/api/QField.json

@@ -1 +1 @@
-{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/field"},"props":{"model-value":{"type":"Any","desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"error":{"type":["Boolean","null"],"default":null,"desc":"Does field have validation errors?","category":"behavior","required":false},"error-message":{"type":"String","desc":"Validation error message (gets displayed only if 'error' is set to 'true')","examples":["Username must have at least 5 characters"],"category":"content"},"no-error-icon":{"type":"Boolean","desc":"Hide error icon when there is an error","category":"content"},"rules":{"type":"Array","tsType":"ValidationRule","desc":"Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules","examples":[":rules=\"[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\"",":rules=\"[ 'fulltime' ]\"",":rules=\"[ (val, rules) => rules.email(val) || 'Please enter a valid email address' ]\""],"category":"behavior"},"reactive-rules":{"type":"Boolean","desc":"By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it","category":"behavior"},"lazy-rules":{"type":["Boolean","String"],"desc":"If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself","values":["(Boolean) true","(Boolean) false","ondemand"],"category":"behavior"},"label":{"type":"String","desc":"A text label that will “float” up above the input field, once the field gets focus","examples":["Username"],"category":"content"},"stack-label":{"type":"Boolean","desc":"Label will be always shown above the field regardless of field content (if any)","category":"content"},"hint":{"type":"String","desc":"Helper (hint) text which gets placed below your wrapped form component","examples":["Fill in between 3 and 12 characters"],"category":"content"},"hide-hint":{"type":"Boolean","desc":"Hide the helper (hint) text when field doesn't have focus","category":"content"},"prefix":{"type":"String","desc":"Prefix","examples":["$"],"category":"content"},"suffix":{"type":"String","desc":"Suffix","examples":["@gmail.com"],"category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused","examples":["primary","teal","teal-10"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"loading":{"type":"Boolean","desc":"Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.","category":"behavior|content"},"clearable":{"type":"Boolean","desc":"Appends clearable icon when a value (not undefined or null) is set; When clicked, model becomes null","category":"behavior|content"},"clear-icon":{"type":"String","desc":"Custom icon to use for the clear button when using along with 'clearable' prop","examples":["close"],"category":"content"},"filled":{"type":"Boolean","desc":"Use 'filled' design for the field","category":"style"},"outlined":{"type":"Boolean","desc":"Use 'outlined' design for the field","category":"style"},"borderless":{"type":"Boolean","desc":"Use 'borderless' design for the field","category":"style"},"standout":{"type":["Boolean","String"],"desc":"Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)","examples":["standout","standout=\"bg-primary text-white\""],"category":"style"},"label-slot":{"type":"Boolean","desc":"Enables label slot; You need to set it to force use of the 'label' slot if the 'label' prop is not set","category":"content"},"bottom-slots":{"type":"Boolean","desc":"Enables bottom slots ('error', 'hint', 'counter')","category":"content"},"hide-bottom-space":{"type":"Boolean","desc":"Do not reserve space for hint/error/counter anymore when these are not used; As a result, it also disables the animation for those; It also allows the hint/error area to stretch vertically based on its content","category":"style"},"counter":{"type":"Boolean","desc":"Show an automatic counter on bottom right","category":"content"},"rounded":{"type":"Boolean","desc":"Applies a small standard border-radius for a squared shape of the component","category":"style"},"square":{"type":"Boolean","desc":"Remove border-radius so borders are squared; Overrides 'rounded' prop","category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"item-aligned":{"type":"Boolean","desc":"Match inner content alignment to that of QItem","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"autofocus":{"type":"Boolean","desc":"Focus field on initial component render","category":"behavior"},"for":{"type":"String","desc":"Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well","examples":["myFieldsId"],"category":"behavior"},"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists","examples":["car_id"],"category":"behavior"},"maxlength":{"type":["String","Number"],"desc":"Specify a max length of model","category":"model"},"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","label"],"category":"content","default":"label","addedIn":"v2.13.1","required":false}},"slots":{"default":{"desc":"Field main content"},"prepend":{"desc":"Prepend inner field; Suggestions: QIcon, QBtn"},"append":{"desc":"Append to inner field; Suggestions: QIcon, QBtn"},"before":{"desc":"Prepend outer field; Suggestions: QIcon, QBtn"},"after":{"desc":"Append outer field; Suggestions: QIcon, QBtn"},"label":{"desc":"Slot for label; Used only if 'label-slot' prop is set or the 'label' prop is set; When it is used the text in the 'label' prop is ignored"},"error":{"desc":"Slot for errors; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"hint":{"desc":"Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"counter":{"desc":"Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"loading":{"desc":"Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop"},"control":{"desc":"Slot for controls; Suggestion QSlider, QRange, QKnob, ...","scope":{"id":{"type":"String","desc":"Element id used in the 'for' attribute of the field label. Can be used to link the control to the label","examples":["qf_363270c0-7a83-62b1-8dcf-6dfd64ee38fa"]},"field":{"type":"Element","desc":"DOM element of the field"},"editable":{"type":"Boolean","desc":"Field is editable"},"focused":{"type":"Boolean","desc":"Field has focus"},"floatingLabel":{"type":"Boolean","desc":"Field's label is floating"},"modelValue":{"type":"Any","desc":"Field's value","examples":[0.241,"Text"]},"emitValue":{"type":"Function","desc":"Function that emits an @input event in the context of the field","params":{"value":{"type":"Any","required":true,"desc":"Value to be emitted","examples":[0,"Changed text"]}},"returns":null}}}},"events":{"clear":{"desc":"When using the 'clearable' property, this event is emitted when the clear icon is clicked","params":{"value":{"type":"Any","desc":"The previous value before clearing it"}}},"update:model-value":{"desc":"Emitted when the model changes, only when used with 'clearable' or the 'control' scoped slot.","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"focus":{"desc":"Emitted when component gets focused","params":{"evt":{"type":"Event","desc":"JS event object"}}},"blur":{"desc":"Emitted when component loses focus","params":{"evt":{"type":"Event","desc":"JS event object"}}}},"methods":{"resetValidation":{"desc":"Reset validation status"},"validate":{"desc":"Trigger a validation","params":{"value":{"type":"Any","desc":"Optional value to validate against"}},"returns":{"type":["Boolean","Promise<boolean>"],"desc":"True/false if no async rules, otherwise a Promise with the outcome (true -> validation was a success, false -> invalid models detected)","examples":["true","validate().then(outcome => { ... })"]}},"focus":{"desc":"Focus field"},"blur":{"desc":"Blur field (lose focus)"}},"computedProps":{"hasError":{"type":"Boolean","desc":"Whether the component is in error state"}}}
+{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/field"},"props":{"model-value":{"type":"Any","desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"error":{"type":["Boolean","null"],"default":"null","desc":"Does field have validation errors?","category":"behavior","required":false},"error-message":{"type":"String","desc":"Validation error message (gets displayed only if 'error' is set to 'true')","examples":["'Username must have at least 5 characters'"],"category":"content"},"no-error-icon":{"type":"Boolean","desc":"Hide error icon when there is an error","category":"content"},"rules":{"type":"Array","tsType":"ValidationRule","desc":"Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules","examples":["[ val => val.length <= 3 || 'Please use maximum 3 characters' ]","[ 'fulltime' ]","[ (val, rules) => rules.email(val) || 'Please enter a valid email address' ]"],"category":"behavior"},"reactive-rules":{"type":"Boolean","desc":"By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it","category":"behavior"},"lazy-rules":{"type":["Boolean","String"],"desc":"If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself","values":["true","false","'ondemand'"],"category":"behavior"},"label":{"type":"String","desc":"A text label that will “float” up above the input field, once the field gets focus","examples":["'Username'"],"category":"content"},"stack-label":{"type":"Boolean","desc":"Label will be always shown above the field regardless of field content (if any)","category":"content"},"hint":{"type":"String","desc":"Helper (hint) text which gets placed below your wrapped form component","examples":["'Fill in between 3 and 12 characters'"],"category":"content"},"hide-hint":{"type":"Boolean","desc":"Hide the helper (hint) text when field doesn't have focus","category":"content"},"prefix":{"type":"String","desc":"Prefix","examples":["'$'"],"category":"content"},"suffix":{"type":"String","desc":"Suffix","examples":["'@gmail.com'"],"category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"loading":{"type":"Boolean","desc":"Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.","category":"behavior|content"},"clearable":{"type":"Boolean","desc":"Appends clearable icon when a value (not undefined or null) is set; When clicked, model becomes null","category":"behavior|content"},"clear-icon":{"type":"String","desc":"Custom icon to use for the clear button when using along with 'clearable' prop","examples":["'close'"],"category":"content"},"filled":{"type":"Boolean","desc":"Use 'filled' design for the field","category":"style"},"outlined":{"type":"Boolean","desc":"Use 'outlined' design for the field","category":"style"},"borderless":{"type":"Boolean","desc":"Use 'borderless' design for the field","category":"style"},"standout":{"type":["Boolean","String"],"desc":"Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)","examples":["true","'bg-primary text-white'"],"category":"style"},"label-slot":{"type":"Boolean","desc":"Enables label slot; You need to set it to force use of the 'label' slot if the 'label' prop is not set","category":"content"},"bottom-slots":{"type":"Boolean","desc":"Enables bottom slots ('error', 'hint', 'counter')","category":"content"},"hide-bottom-space":{"type":"Boolean","desc":"Do not reserve space for hint/error/counter anymore when these are not used; As a result, it also disables the animation for those; It also allows the hint/error area to stretch vertically based on its content","category":"style"},"counter":{"type":"Boolean","desc":"Show an automatic counter on bottom right","category":"content"},"rounded":{"type":"Boolean","desc":"Applies a small standard border-radius for a squared shape of the component","category":"style"},"square":{"type":"Boolean","desc":"Remove border-radius so borders are squared; Overrides 'rounded' prop","category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"item-aligned":{"type":"Boolean","desc":"Match inner content alignment to that of QItem","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"autofocus":{"type":"Boolean","desc":"Focus field on initial component render","category":"behavior"},"for":{"type":"String","desc":"Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well","examples":["'myFieldsId'"],"category":"behavior"},"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists","examples":["'car_id'"],"category":"behavior"},"maxlength":{"type":["String","Number"],"desc":"Specify a max length of model","category":"model"},"tag":{"type":"String","desc":"HTML tag to use","examples":["'div'","'span'","'div'","'label'"],"category":"content","default":"'label'","addedIn":"v2.13.1","required":false}},"slots":{"default":{"desc":"Field main content"},"prepend":{"desc":"Prepend inner field; Suggestions: QIcon, QBtn"},"append":{"desc":"Append to inner field; Suggestions: QIcon, QBtn"},"before":{"desc":"Prepend outer field; Suggestions: QIcon, QBtn"},"after":{"desc":"Append outer field; Suggestions: QIcon, QBtn"},"label":{"desc":"Slot for label; Used only if 'label-slot' prop is set or the 'label' prop is set; When it is used the text in the 'label' prop is ignored"},"error":{"desc":"Slot for errors; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"hint":{"desc":"Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"counter":{"desc":"Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"loading":{"desc":"Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop"},"control":{"desc":"Slot for controls; Suggestion QSlider, QRange, QKnob, ...","scope":{"id":{"type":"String","desc":"Element id used in the 'for' attribute of the field label. Can be used to link the control to the label","examples":["'qf_363270c0-7a83-62b1-8dcf-6dfd64ee38fa'"]},"field":{"type":"Element","desc":"DOM element of the field"},"editable":{"type":"Boolean","desc":"Field is editable"},"focused":{"type":"Boolean","desc":"Field has focus"},"floatingLabel":{"type":"Boolean","desc":"Field's label is floating"},"modelValue":{"type":"Any","desc":"Field's value","examples":["0.241","'Text'"]},"emitValue":{"type":"Function","desc":"Function that emits an @input event in the context of the field","params":{"value":{"type":"Any","required":true,"desc":"Value to be emitted","examples":["0","'Changed text'"]}},"returns":null}}}},"events":{"clear":{"desc":"When using the 'clearable' property, this event is emitted when the clear icon is clicked","params":{"value":{"type":"Any","desc":"The previous value before clearing it"}}},"update:model-value":{"desc":"Emitted when the model changes, only when used with 'clearable' or the 'control' scoped slot.","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"focus":{"desc":"Emitted when component gets focused","params":{"evt":{"type":"Event","desc":"JS event object"}}},"blur":{"desc":"Emitted when component loses focus","params":{"evt":{"type":"Event","desc":"JS event object"}}}},"methods":{"resetValidation":{"desc":"Reset validation status"},"validate":{"desc":"Trigger a validation","params":{"value":{"type":"Any","desc":"Optional value to validate against"}},"returns":{"type":["Boolean","Promise<boolean>"],"desc":"True/false if no async rules, otherwise a Promise with the outcome (true -> validation was a success, false -> invalid models detected)","examples":["true","validate().then(outcome => { ... })"]}},"focus":{"desc":"Focus field"},"blur":{"desc":"Blur field (lose focus)"}},"computedProps":{"hasError":{"type":"Boolean","desc":"Whether the component is in error state"}}}