quasar 2.15.1 → 2.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (518) hide show
  1. package/dist/api/AddressbarColor.json +1 -1
  2. package/dist/api/BottomSheet.json +1 -1
  3. package/dist/api/ClosePopup.json +1 -1
  4. package/dist/api/Cookies.json +1 -1
  5. package/dist/api/Dark.json +1 -1
  6. package/dist/api/Dialog.json +1 -1
  7. package/dist/api/Intersection.json +1 -1
  8. package/dist/api/Loading.json +1 -1
  9. package/dist/api/LoadingBar.json +1 -1
  10. package/dist/api/LocalStorage.json +1 -1
  11. package/dist/api/Morph.json +1 -1
  12. package/dist/api/Mutation.json +1 -1
  13. package/dist/api/Notify.json +1 -1
  14. package/dist/api/Platform.json +1 -1
  15. package/dist/api/QAjaxBar.json +1 -1
  16. package/dist/api/QAvatar.json +1 -1
  17. package/dist/api/QBadge.json +1 -1
  18. package/dist/api/QBanner.json +1 -1
  19. package/dist/api/QBar.json +1 -1
  20. package/dist/api/QBreadcrumbs.json +1 -1
  21. package/dist/api/QBreadcrumbsEl.json +1 -1
  22. package/dist/api/QBtn.json +1 -1
  23. package/dist/api/QBtnDropdown.json +1 -1
  24. package/dist/api/QBtnToggle.json +1 -1
  25. package/dist/api/QCard.json +1 -1
  26. package/dist/api/QCardActions.json +1 -1
  27. package/dist/api/QCardSection.json +1 -1
  28. package/dist/api/QCarousel.json +1 -1
  29. package/dist/api/QCarouselControl.json +1 -1
  30. package/dist/api/QCarouselSlide.json +1 -1
  31. package/dist/api/QChatMessage.json +1 -1
  32. package/dist/api/QCheckbox.json +1 -1
  33. package/dist/api/QChip.json +1 -1
  34. package/dist/api/QCircularProgress.json +1 -1
  35. package/dist/api/QColor.json +1 -1
  36. package/dist/api/QDate.json +1 -1
  37. package/dist/api/QDialog.json +1 -1
  38. package/dist/api/QDrawer.json +1 -1
  39. package/dist/api/QEditor.json +1 -1
  40. package/dist/api/QExpansionItem.json +1 -1
  41. package/dist/api/QFab.json +1 -1
  42. package/dist/api/QFabAction.json +1 -1
  43. package/dist/api/QField.json +1 -1
  44. package/dist/api/QFile.json +1 -1
  45. package/dist/api/QFooter.json +1 -1
  46. package/dist/api/QHeader.json +1 -1
  47. package/dist/api/QIcon.json +1 -1
  48. package/dist/api/QImg.json +1 -1
  49. package/dist/api/QInfiniteScroll.json +1 -1
  50. package/dist/api/QInnerLoading.json +1 -1
  51. package/dist/api/QInput.json +1 -1
  52. package/dist/api/QIntersection.json +1 -1
  53. package/dist/api/QItem.json +1 -1
  54. package/dist/api/QKnob.json +1 -1
  55. package/dist/api/QLayout.json +1 -1
  56. package/dist/api/QLinearProgress.json +1 -1
  57. package/dist/api/QList.json +1 -1
  58. package/dist/api/QMarkupTable.json +1 -1
  59. package/dist/api/QMenu.json +1 -1
  60. package/dist/api/QNoSsr.json +1 -1
  61. package/dist/api/QOptionGroup.json +1 -1
  62. package/dist/api/QPage.json +1 -1
  63. package/dist/api/QPageScroller.json +1 -1
  64. package/dist/api/QPageSticky.json +1 -1
  65. package/dist/api/QPagination.json +1 -1
  66. package/dist/api/QParallax.json +1 -1
  67. package/dist/api/QPopupEdit.json +1 -1
  68. package/dist/api/QPopupProxy.json +1 -1
  69. package/dist/api/QPullToRefresh.json +1 -1
  70. package/dist/api/QRadio.json +1 -1
  71. package/dist/api/QRange.json +1 -1
  72. package/dist/api/QRating.json +1 -1
  73. package/dist/api/QResizeObserver.json +1 -1
  74. package/dist/api/QResponsive.json +1 -1
  75. package/dist/api/QRouteTab.json +1 -1
  76. package/dist/api/QScrollArea.json +1 -1
  77. package/dist/api/QScrollObserver.json +1 -1
  78. package/dist/api/QSelect.json +1 -1
  79. package/dist/api/QSeparator.json +1 -1
  80. package/dist/api/QSkeleton.json +1 -1
  81. package/dist/api/QSlideItem.json +1 -1
  82. package/dist/api/QSlideTransition.json +1 -1
  83. package/dist/api/QSlider.json +1 -1
  84. package/dist/api/QSpinner.json +1 -1
  85. package/dist/api/QSpinnerAudio.json +1 -1
  86. package/dist/api/QSpinnerBall.json +1 -1
  87. package/dist/api/QSpinnerBars.json +1 -1
  88. package/dist/api/QSpinnerBox.json +1 -1
  89. package/dist/api/QSpinnerClock.json +1 -1
  90. package/dist/api/QSpinnerComment.json +1 -1
  91. package/dist/api/QSpinnerCube.json +1 -1
  92. package/dist/api/QSpinnerDots.json +1 -1
  93. package/dist/api/QSpinnerFacebook.json +1 -1
  94. package/dist/api/QSpinnerGears.json +1 -1
  95. package/dist/api/QSpinnerGrid.json +1 -1
  96. package/dist/api/QSpinnerHearts.json +1 -1
  97. package/dist/api/QSpinnerHourglass.json +1 -1
  98. package/dist/api/QSpinnerInfinity.json +1 -1
  99. package/dist/api/QSpinnerIos.json +1 -1
  100. package/dist/api/QSpinnerOrbit.json +1 -1
  101. package/dist/api/QSpinnerOval.json +1 -1
  102. package/dist/api/QSpinnerPie.json +1 -1
  103. package/dist/api/QSpinnerPuff.json +1 -1
  104. package/dist/api/QSpinnerRadio.json +1 -1
  105. package/dist/api/QSpinnerRings.json +1 -1
  106. package/dist/api/QSpinnerTail.json +1 -1
  107. package/dist/api/QSplitter.json +1 -1
  108. package/dist/api/QStep.json +1 -1
  109. package/dist/api/QStepper.json +1 -1
  110. package/dist/api/QTab.json +1 -1
  111. package/dist/api/QTabPanel.json +1 -1
  112. package/dist/api/QTabPanels.json +1 -1
  113. package/dist/api/QTable.json +1 -1
  114. package/dist/api/QTabs.json +1 -1
  115. package/dist/api/QTd.json +1 -1
  116. package/dist/api/QTh.json +1 -1
  117. package/dist/api/QTime.json +1 -1
  118. package/dist/api/QTimeline.json +1 -1
  119. package/dist/api/QTimelineEntry.json +1 -1
  120. package/dist/api/QToggle.json +1 -1
  121. package/dist/api/QTooltip.json +1 -1
  122. package/dist/api/QTr.json +1 -1
  123. package/dist/api/QTree.json +1 -1
  124. package/dist/api/QUploader.json +1 -1
  125. package/dist/api/QVideo.json +1 -1
  126. package/dist/api/QVirtualScroll.json +1 -1
  127. package/dist/api/Ripple.json +1 -1
  128. package/dist/api/Screen.json +1 -1
  129. package/dist/api/Scroll.json +1 -1
  130. package/dist/api/ScrollFire.json +1 -1
  131. package/dist/api/SessionStorage.json +1 -1
  132. package/dist/api/TouchHold.json +1 -1
  133. package/dist/api/TouchPan.json +1 -1
  134. package/dist/api/TouchRepeat.json +1 -1
  135. package/dist/api/TouchSwipe.json +1 -1
  136. package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
  137. package/dist/icon-set/eva-icons.umd.prod.js +1 -1
  138. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
  139. package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
  140. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
  141. package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
  142. package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
  143. package/dist/icon-set/line-awesome.umd.prod.js +1 -1
  144. package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
  145. package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
  146. package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
  147. package/dist/icon-set/material-icons.umd.prod.js +1 -1
  148. package/dist/icon-set/material-symbols-outlined.umd.prod.js +1 -1
  149. package/dist/icon-set/material-symbols-rounded.umd.prod.js +1 -1
  150. package/dist/icon-set/material-symbols-sharp.umd.prod.js +1 -1
  151. package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
  152. package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
  153. package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
  154. package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
  155. package/dist/icon-set/mdi-v7.umd.prod.js +1 -1
  156. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
  157. package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
  158. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
  159. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
  160. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
  161. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
  162. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
  163. package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
  164. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
  165. package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
  166. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
  167. package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
  168. package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +1 -1
  169. package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +1 -1
  170. package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +1 -1
  171. package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
  172. package/dist/icon-set/svg-mdi-v7.umd.prod.js +1 -1
  173. package/dist/icon-set/svg-themify.umd.prod.js +1 -1
  174. package/dist/icon-set/themify.umd.prod.js +1 -1
  175. package/dist/lang/ar-TN.umd.prod.js +1 -1
  176. package/dist/lang/ar.umd.prod.js +1 -1
  177. package/dist/lang/az-Latn.umd.prod.js +1 -1
  178. package/dist/lang/bg.umd.prod.js +1 -1
  179. package/dist/lang/bn.umd.prod.js +1 -1
  180. package/dist/lang/ca.umd.prod.js +1 -1
  181. package/dist/lang/cs.umd.prod.js +1 -1
  182. package/dist/lang/da.umd.prod.js +1 -1
  183. package/dist/lang/de-CH.umd.prod.js +1 -1
  184. package/dist/lang/de-DE.umd.prod.js +1 -1
  185. package/dist/lang/de.umd.prod.js +1 -1
  186. package/dist/lang/el.umd.prod.js +1 -1
  187. package/dist/lang/en-GB.umd.prod.js +1 -1
  188. package/dist/lang/en-US.umd.prod.js +1 -1
  189. package/dist/lang/eo.umd.prod.js +1 -1
  190. package/dist/lang/es.umd.prod.js +1 -1
  191. package/dist/lang/et.umd.prod.js +1 -1
  192. package/dist/lang/eu.umd.prod.js +1 -1
  193. package/dist/lang/fa-IR.umd.prod.js +1 -1
  194. package/dist/lang/fa.umd.prod.js +1 -1
  195. package/dist/lang/fi.umd.prod.js +1 -1
  196. package/dist/lang/fr.umd.prod.js +1 -1
  197. package/dist/lang/gn.umd.prod.js +1 -1
  198. package/dist/lang/he.umd.prod.js +1 -1
  199. package/dist/lang/hi.umd.prod.js +1 -1
  200. package/dist/lang/hr.umd.prod.js +1 -1
  201. package/dist/lang/hu.umd.prod.js +1 -1
  202. package/dist/lang/id.umd.prod.js +1 -1
  203. package/dist/lang/is.umd.prod.js +1 -1
  204. package/dist/lang/it.umd.prod.js +1 -1
  205. package/dist/lang/ja.umd.prod.js +1 -1
  206. package/dist/lang/kk.umd.prod.js +1 -1
  207. package/dist/lang/km.umd.prod.js +1 -1
  208. package/dist/lang/ko-KR.umd.prod.js +1 -1
  209. package/dist/lang/kur-CKB.umd.prod.js +1 -1
  210. package/dist/lang/lt.umd.prod.js +1 -1
  211. package/dist/lang/lu.umd.prod.js +1 -1
  212. package/dist/lang/lv.umd.prod.js +1 -1
  213. package/dist/lang/mk.umd.prod.js +1 -1
  214. package/dist/lang/ml.umd.prod.js +1 -1
  215. package/dist/lang/mm.umd.prod.js +1 -1
  216. package/dist/lang/ms-MY.umd.prod.js +1 -1
  217. package/dist/lang/ms.umd.prod.js +1 -1
  218. package/dist/lang/my.umd.prod.js +1 -1
  219. package/dist/lang/nb-NO.umd.prod.js +1 -1
  220. package/dist/lang/nl.umd.prod.js +1 -1
  221. package/dist/lang/pl.umd.prod.js +1 -1
  222. package/dist/lang/pt-BR.umd.prod.js +1 -1
  223. package/dist/lang/pt.umd.prod.js +1 -1
  224. package/dist/lang/ro.umd.prod.js +1 -1
  225. package/dist/lang/ru.umd.prod.js +1 -1
  226. package/dist/lang/sk.umd.prod.js +1 -1
  227. package/dist/lang/sl.umd.prod.js +1 -1
  228. package/dist/lang/sm.umd.prod.js +1 -1
  229. package/dist/lang/sr-CYR.umd.prod.js +1 -1
  230. package/dist/lang/sr.umd.prod.js +1 -1
  231. package/dist/lang/sv.umd.prod.js +1 -1
  232. package/dist/lang/ta.umd.prod.js +1 -1
  233. package/dist/lang/th.umd.prod.js +1 -1
  234. package/dist/lang/tl.umd.prod.js +1 -1
  235. package/dist/lang/tr.umd.prod.js +1 -1
  236. package/dist/lang/ug.umd.prod.js +1 -1
  237. package/dist/lang/uk.umd.prod.js +1 -1
  238. package/dist/lang/uz-Cyrl.umd.prod.js +1 -1
  239. package/dist/lang/uz-Latn.umd.prod.js +1 -1
  240. package/dist/lang/vi.umd.prod.js +1 -1
  241. package/dist/lang/zh-CN.umd.prod.js +1 -1
  242. package/dist/lang/zh-TW.umd.prod.js +1 -1
  243. package/dist/quasar.cjs.prod.js +12 -12
  244. package/dist/quasar.css +53 -53
  245. package/dist/quasar.esm.js +77 -49
  246. package/dist/quasar.esm.prod.js +10 -10
  247. package/dist/quasar.prod.css +1 -1
  248. package/dist/quasar.rtl.css +65 -65
  249. package/dist/quasar.rtl.prod.css +1 -1
  250. package/dist/quasar.sass +37 -37
  251. package/dist/quasar.umd.js +75 -48
  252. package/dist/quasar.umd.prod.js +6 -6
  253. package/dist/transforms/import-map.json +1 -1
  254. package/dist/types/index.d.ts +325 -235
  255. package/dist/vetur/quasar-attributes.json +1 -1
  256. package/dist/web-types/web-types.json +1 -1
  257. package/package.json +15 -30
  258. package/src/api-file-example.json +5 -5
  259. package/src/api.extends.json +18 -18
  260. package/src/body.js +1 -1
  261. package/src/components/ajax-bar/QAjaxBar.json +5 -5
  262. package/src/components/avatar/QAvatar.json +1 -1
  263. package/src/components/avatar/QAvatar.test.js +146 -0
  264. package/src/components/badge/QBadge.json +2 -2
  265. package/src/components/badge/QBadge.test.js +167 -0
  266. package/src/components/banner/QBanner.test.js +123 -0
  267. package/src/components/bar/QBar.test.js +55 -0
  268. package/src/components/breadcrumbs/QBreadcrumbs.json +7 -7
  269. package/src/components/breadcrumbs/QBreadcrumbs.test.js +123 -0
  270. package/src/components/breadcrumbs/QBreadcrumbsEl.json +4 -4
  271. package/src/components/breadcrumbs/QBreadcrumbsEl.test.js +134 -0
  272. package/src/components/btn/QBtn.js +1 -1
  273. package/src/components/btn/QBtn.json +1 -1
  274. package/src/components/btn/QBtn.test.js +350 -0
  275. package/src/components/btn/use-btn.json +13 -13
  276. package/src/components/btn/use-btn.test.js +590 -0
  277. package/src/components/btn-dropdown/QBtnDropdown.json +14 -14
  278. package/src/components/btn-toggle/QBtnToggle.json +6 -6
  279. package/src/components/card/QCard.json +2 -2
  280. package/src/components/card/QCardActions.json +3 -3
  281. package/src/components/card/QCardSection.json +2 -2
  282. package/src/components/carousel/QCarousel.json +9 -9
  283. package/src/components/carousel/QCarouselControl.json +5 -5
  284. package/src/components/carousel/QCarouselSlide.json +4 -7
  285. package/src/components/chat/QChatMessage.json +9 -9
  286. package/src/components/checkbox/use-checkbox.json +13 -13
  287. package/src/components/chip/QChip.js +1 -1
  288. package/src/components/chip/QChip.json +6 -8
  289. package/src/components/chip/QChip.test.js +534 -0
  290. package/src/components/circular-progress/QCircularProgress.json +8 -8
  291. package/src/components/color/QColor.js +1 -1
  292. package/src/components/color/QColor.json +8 -10
  293. package/src/components/date/QDate.json +31 -30
  294. package/src/components/date/use-datetime.json +3 -3
  295. package/src/components/dialog/QDialog.json +13 -13
  296. package/src/components/dialog/QDialog.test.js +390 -0
  297. package/src/components/dialog/test/DialogWrapper.vue +17 -0
  298. package/src/components/drawer/QDrawer.js +1 -1
  299. package/src/components/drawer/QDrawer.json +8 -12
  300. package/src/components/editor/QEditor.json +31 -45
  301. package/src/components/expansion-item/QExpansionItem.js +1 -1
  302. package/src/components/expansion-item/QExpansionItem.json +14 -14
  303. package/src/components/fab/QFab.json +4 -4
  304. package/src/components/fab/QFabAction.json +3 -5
  305. package/src/components/fab/use-fab.json +10 -12
  306. package/src/components/field/QField.json +5 -5
  307. package/src/components/file/QFile.json +9 -11
  308. package/src/components/footer/QFooter.js +1 -1
  309. package/src/components/footer/QFooter.json +3 -5
  310. package/src/components/form/QForm.json +1 -3
  311. package/src/components/form/QFormChildMixin.json +1 -3
  312. package/src/components/header/QHeader.json +4 -6
  313. package/src/components/icon/QIcon.json +2 -2
  314. package/src/components/img/QImg.js +1 -1
  315. package/src/components/img/QImg.json +45 -59
  316. package/src/components/infinite-scroll/QInfiniteScroll.json +3 -3
  317. package/src/components/inner-loading/QInnerLoading.json +5 -7
  318. package/src/components/input/QInput.json +10 -10
  319. package/src/components/input/use-mask.json +1 -1
  320. package/src/components/intersection/QIntersection.js +2 -2
  321. package/src/components/intersection/QIntersection.json +7 -7
  322. package/src/components/item/QItem.json +5 -5
  323. package/src/components/item/QList.json +2 -2
  324. package/src/components/knob/QKnob.js +1 -1
  325. package/src/components/knob/QKnob.json +6 -6
  326. package/src/components/layout/QLayout.js +1 -1
  327. package/src/components/layout/QLayout.json +3 -5
  328. package/src/components/linear-progress/QLinearProgress.json +2 -2
  329. package/src/components/markup-table/QMarkupTable.json +3 -3
  330. package/src/components/menu/QMenu.json +8 -8
  331. package/src/components/no-ssr/QNoSsr.json +3 -3
  332. package/src/components/option-group/QOptionGroup.json +11 -13
  333. package/src/components/page/QPage.json +2 -2
  334. package/src/components/page-scroller/QPageScroller.json +3 -3
  335. package/src/components/page-sticky/QPageSticky.json +4 -4
  336. package/src/components/pagination/QPagination.json +20 -20
  337. package/src/components/parallax/QParallax.json +5 -5
  338. package/src/components/popup-edit/QPopupEdit.json +17 -19
  339. package/src/components/popup-proxy/QPopupProxy.json +2 -2
  340. package/src/components/pull-to-refresh/QPullToRefresh.js +1 -1
  341. package/src/components/radio/QRadio.json +5 -5
  342. package/src/components/range/QRange.json +3 -7
  343. package/src/components/rating/QRating.json +16 -19
  344. package/src/components/resize-observer/QResizeObserver.json +2 -2
  345. package/src/components/scroll-area/QScrollArea.js +1 -1
  346. package/src/components/scroll-area/QScrollArea.json +12 -12
  347. package/src/components/scroll-observer/QScrollObserver.json +4 -4
  348. package/src/components/select/QSelect.json +55 -59
  349. package/src/components/select/__tests__/QSelect.cy.js +21 -1
  350. package/src/components/separator/QSeparator.json +3 -5
  351. package/src/components/skeleton/QSkeleton.json +14 -16
  352. package/src/components/slide-item/QSlideItem.js +1 -1
  353. package/src/components/slide-item/QSlideItem.json +2 -2
  354. package/src/components/slide-transition/QSlideTransition.json +1 -1
  355. package/src/components/slider/QSlider.json +2 -4
  356. package/src/components/slider/use-slider.js +1 -1
  357. package/src/components/slider/use-slider.json +18 -22
  358. package/src/components/spinner/QSpinner.json +1 -1
  359. package/src/components/spinner/QSpinnerAudio.json +1 -1
  360. package/src/components/spinner/QSpinnerBall.json +1 -1
  361. package/src/components/spinner/QSpinnerBars.json +1 -1
  362. package/src/components/spinner/QSpinnerBox.json +1 -1
  363. package/src/components/spinner/QSpinnerClock.json +1 -1
  364. package/src/components/spinner/QSpinnerComment.json +1 -1
  365. package/src/components/spinner/QSpinnerCube.json +1 -1
  366. package/src/components/spinner/QSpinnerDots.json +1 -1
  367. package/src/components/spinner/QSpinnerFacebook.json +1 -1
  368. package/src/components/spinner/QSpinnerGears.json +1 -1
  369. package/src/components/spinner/QSpinnerGrid.json +1 -1
  370. package/src/components/spinner/QSpinnerHearts.json +1 -1
  371. package/src/components/spinner/QSpinnerHourglass.json +1 -1
  372. package/src/components/spinner/QSpinnerInfinity.json +1 -1
  373. package/src/components/spinner/QSpinnerIos.json +1 -1
  374. package/src/components/spinner/QSpinnerOrbit.json +1 -1
  375. package/src/components/spinner/QSpinnerOval.json +1 -1
  376. package/src/components/spinner/QSpinnerPie.json +1 -1
  377. package/src/components/spinner/QSpinnerPuff.json +1 -1
  378. package/src/components/spinner/QSpinnerRadio.json +1 -1
  379. package/src/components/spinner/QSpinnerRings.json +1 -1
  380. package/src/components/spinner/QSpinnerTail.json +1 -1
  381. package/src/components/splitter/QSplitter.js +1 -1
  382. package/src/components/splitter/QSplitter.json +14 -14
  383. package/src/components/stepper/QStep.json +4 -10
  384. package/src/components/stepper/QStepper.json +1 -3
  385. package/src/components/stepper/StepHeader.js +1 -1
  386. package/src/components/table/QTable.js +1 -1
  387. package/src/components/table/QTable.json +113 -126
  388. package/src/components/table/QTd.json +1 -1
  389. package/src/components/table/QTh.json +1 -1
  390. package/src/components/table/QTr.json +1 -1
  391. package/src/components/tabs/QRouteTab.json +1 -1
  392. package/src/components/tabs/QTab.json +6 -13
  393. package/src/components/tabs/QTabs.json +8 -8
  394. package/src/components/tabs/use-tab.js +1 -1
  395. package/src/components/time/QTime.js +1 -1
  396. package/src/components/time/QTime.json +10 -22
  397. package/src/components/timeline/QTimeline.json +4 -4
  398. package/src/components/timeline/QTimelineEntry.json +11 -11
  399. package/src/components/tooltip/QTooltip.json +17 -20
  400. package/src/components/tree/QTree.json +26 -26
  401. package/src/components/uploader/QUploader.json +4 -4
  402. package/src/components/uploader/xhr-uploader-plugin.json +12 -12
  403. package/src/components/video/QVideo.json +15 -19
  404. package/src/components/virtual-scroll/QVirtualScroll.json +7 -10
  405. package/src/components/virtual-scroll/use-virtual-scroll.json +9 -8
  406. package/src/composables/private/use-anchor.json +6 -6
  407. package/src/composables/private/use-field.json +8 -11
  408. package/src/composables/private/use-file.js +1 -1
  409. package/src/composables/private/use-file.json +6 -8
  410. package/src/composables/private/use-form.json +1 -1
  411. package/src/composables/private/use-form.test.js +93 -0
  412. package/src/composables/private/use-fullscreen.json +1 -3
  413. package/src/composables/private/use-key-composition.js +1 -1
  414. package/src/composables/private/use-panel.child.json +1 -3
  415. package/src/composables/private/use-panel.js +1 -1
  416. package/src/composables/private/use-panel.json +12 -12
  417. package/src/composables/private/use-portal.js +16 -1
  418. package/src/composables/private/use-ratio.json +4 -3
  419. package/src/composables/private/use-ratio.test.js +27 -0
  420. package/src/composables/private/use-router-link.json +6 -6
  421. package/src/composables/private/use-size.json +1 -1
  422. package/src/composables/private/use-size.test.js +22 -0
  423. package/src/composables/private/use-transition.json +3 -3
  424. package/src/composables/private/use-validate.json +6 -6
  425. package/src/composables/use-hydration.js +1 -1
  426. package/src/composables/use-id.js +1 -1
  427. package/src/composables/use-id.test.js +55 -0
  428. package/src/composables/use-meta.js +1 -1
  429. package/src/composables.js +2 -0
  430. package/src/css/index.sass +6 -6
  431. package/src/directives/{ClosePopup.js → close-popup/ClosePopup.js} +4 -4
  432. package/src/directives/{ClosePopup.json → close-popup/ClosePopup.json} +5 -5
  433. package/src/directives/{Intersection.js → intersection/Intersection.js} +3 -3
  434. package/src/directives/{Intersection.json → intersection/Intersection.json} +4 -6
  435. package/src/directives/{Morph.js → morph/Morph.js} +2 -2
  436. package/src/directives/{Morph.json → morph/Morph.json} +20 -20
  437. package/src/directives/{Mutation.js → mutation/Mutation.js} +2 -2
  438. package/src/directives/{Mutation.json → mutation/Mutation.json} +10 -12
  439. package/src/directives/{Ripple.js → ripple/Ripple.js} +6 -6
  440. package/src/directives/{Ripple.json → ripple/Ripple.json} +7 -13
  441. package/src/directives/{Scroll.js → scroll/Scroll.js} +4 -4
  442. package/src/directives/{Scroll.json → scroll/Scroll.json} +2 -2
  443. package/src/directives/{ScrollFire.js → scroll-fire/ScrollFire.js} +6 -6
  444. package/src/directives/{ScrollFire.json → scroll-fire/ScrollFire.json} +1 -1
  445. package/src/directives/{TouchHold.js → touch-hold/TouchHold.js} +5 -5
  446. package/src/directives/{TouchHold.json → touch-hold/TouchHold.json} +6 -6
  447. package/src/directives/{TouchPan.js → touch-pan/TouchPan.js} +6 -6
  448. package/src/directives/{TouchPan.json → touch-pan/TouchPan.json} +4 -4
  449. package/src/directives/{TouchRepeat.js → touch-repeat/TouchRepeat.js} +6 -6
  450. package/src/directives/{TouchRepeat.json → touch-repeat/TouchRepeat.json} +4 -4
  451. package/src/directives/{TouchSwipe.js → touch-swipe/TouchSwipe.js} +6 -6
  452. package/src/directives/{TouchSwipe.json → touch-swipe/TouchSwipe.json} +4 -4
  453. package/src/directives.js +11 -11
  454. package/src/history.js +1 -1
  455. package/src/install-quasar.js +3 -3
  456. package/src/plugins/{AddressbarColor.js → addressbar/AddressbarColor.js} +3 -3
  457. package/src/plugins/{AddressbarColor.json → addressbar/AddressbarColor.json} +1 -1
  458. package/src/plugins/{AppFullscreen.js → app-fullscreen/AppFullscreen.js} +2 -2
  459. package/src/plugins/{AppVisibility.js → app-visibility/AppVisibility.js} +2 -2
  460. package/src/plugins/{BottomSheet.js → bottom-sheet/BottomSheet.js} +2 -2
  461. package/src/plugins/{BottomSheet.json → bottom-sheet/BottomSheet.json} +10 -10
  462. package/src/{components/dialog-bottom-sheet/BottomSheet.js → plugins/bottom-sheet/component/BottomSheetComponent.js} +10 -10
  463. package/src/plugins/{Cookies.json → cookies/Cookies.json} +14 -16
  464. package/src/plugins/{Dark.js → dark/Dark.js} +1 -1
  465. package/src/plugins/{Dark.json → dark/Dark.json} +3 -3
  466. package/src/plugins/{Dialog.js → dialog/Dialog.js} +2 -2
  467. package/src/plugins/{Dialog.json → dialog/Dialog.json} +15 -15
  468. package/src/{components/dialog-plugin/DialogPlugin.js → plugins/dialog/component/DialogPluginComponent.js} +14 -14
  469. package/src/plugins/{Loading.js → loading/Loading.js} +7 -6
  470. package/src/plugins/{Loading.json → loading/Loading.json} +15 -15
  471. package/src/plugins/{LoadingBar.js → loading-bar/LoadingBar.js} +6 -6
  472. package/src/plugins/{LoadingBar.json → loading-bar/LoadingBar.json} +1 -1
  473. package/src/plugins/{LocalStorage.js → local-storage/LocalStorage.js} +2 -2
  474. package/src/plugins/{Meta.js → meta/Meta.js} +2 -2
  475. package/src/plugins/{Notify.js → notify/Notify.js} +11 -10
  476. package/src/plugins/{Notify.json → notify/Notify.json} +52 -68
  477. package/src/plugins/{Platform.js → platform/Platform.js} +3 -9
  478. package/src/plugins/{Platform.json → platform/Platform.json} +6 -10
  479. package/src/plugins/{Screen.js → screen/Screen.js} +4 -4
  480. package/src/plugins/{Screen.json → screen/Screen.json} +6 -12
  481. package/src/plugins/{SessionStorage.js → session-storage/SessionStorage.js} +2 -2
  482. package/src/plugins.js +15 -15
  483. package/src/utils/create-meta-mixin.js +1 -1
  484. package/src/utils/open-url.js +1 -1
  485. package/src/utils/prevent-scroll.js +1 -1
  486. package/src/utils/private/escape-key.js +1 -1
  487. package/src/utils/private/focusout.js +1 -1
  488. package/src/utils/private/global-dialog.json +2 -2
  489. package/src/utils/private/position-engine.js +1 -1
  490. package/src/utils/private/selection.js +1 -1
  491. package/src/utils/private/web-storage.json +8 -10
  492. package/src/components/avatar/__tests__/QAvatar.cy.js +0 -120
  493. package/src/components/badge/__tests__/QBadge.cy.js +0 -148
  494. package/src/components/banner/__tests__/QBanner.cy.js +0 -106
  495. package/src/components/bar/__tests__/QBar.cy.js +0 -45
  496. package/src/components/breadcrumbs/__tests__/QBreadcrumbs.cy.js +0 -111
  497. package/src/components/breadcrumbs/__tests__/QBreadcrumbsEl.cy.js +0 -87
  498. package/src/components/btn/__tests__/QBtn.cy.js +0 -128
  499. package/src/components/btn/__tests__/use-btn.cy.js +0 -517
  500. package/src/components/chip/__tests__/QChip.cy.js +0 -480
  501. package/src/components/dialog/__tests__/DialogWrapper.vue +0 -33
  502. package/src/components/dialog/__tests__/QDialog.cy.js +0 -543
  503. package/src/components/tabs/__tests__/QRouteTab.cy.js +0 -9
  504. /package/src/components/breadcrumbs/{__tests__ → test}/BasicBreadcrumbs.vue +0 -0
  505. /package/src/components/breadcrumbs/{__tests__ → test}/BreadcrumbWithSeparatorSlot.vue +0 -0
  506. /package/src/components/spinner/{__spinner-mixin.json → spinner.json} +0 -0
  507. /package/src/directives/{Morph.sass → morph/Morph.sass} +0 -0
  508. /package/src/directives/{Ripple.sass → ripple/Ripple.sass} +0 -0
  509. /package/src/plugins/{AppFullscreen.json → app-fullscreen/AppFullscreen.json} +0 -0
  510. /package/src/plugins/{AppVisibility.json → app-visibility/AppVisibility.json} +0 -0
  511. /package/src/{components/dialog-bottom-sheet/BottomSheet.sass → plugins/bottom-sheet/component/BottomSheetComponent.sass} +0 -0
  512. /package/src/plugins/{Cookies.js → cookies/Cookies.js} +0 -0
  513. /package/src/{components/dialog-plugin/DialogPlugin.sass → plugins/dialog/component/DialogPluginComponent.sass} +0 -0
  514. /package/src/plugins/{Loading.sass → loading/Loading.sass} +0 -0
  515. /package/src/plugins/{LocalStorage.json → local-storage/LocalStorage.json} +0 -0
  516. /package/src/plugins/{Meta.json → meta/Meta.json} +0 -0
  517. /package/src/plugins/{Notify.sass → notify/Notify.sass} +0 -0
  518. /package/src/plugins/{SessionStorage.json → session-storage/SessionStorage.json} +0 -0
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/breadcrumbs"},"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"},"label":{"type":"String","desc":"The label text for the breadcrumb","examples":["Home","Index"],"category":"content"},"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"},"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","span"],"category":"content","default":"span","required":false}},"slots":{"default":{"desc":"This is where custom content goes, unless 'icon' and 'label' props are not enough"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler"},"go":{"type":"Function","desc":"Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","required":false,"addedIn":"v2.9","params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["/home/dashboard","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}}}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise"}}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/breadcrumbs"},"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"},"label":{"type":"String","desc":"The label text for the breadcrumb","examples":["'Home'","'Index'"],"category":"content"},"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"},"tag":{"type":"String","desc":"HTML tag to use","examples":["'div'","'span'","'div'","'span'"],"category":"content","default":"'span'","required":false}},"slots":{"default":{"desc":"This is where custom content goes, unless 'icon' and 'label' props are not enough"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler"},"go":{"type":"Function","desc":"Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","required":false,"addedIn":"v2.9","params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["'/home/dashboard'","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}}}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise"}}}}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button"},"props":{"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"type":{"type":"String","desc":"1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag","default":"button","examples":["a","submit","button","reset","image/png","href=\"https://quasar.dev\" target=\"_blank\""],"category":"general","required":false},"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"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props","examples":["https://quasar.dev","href=\"https://quasar.dev\" target=\"_blank\""],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"Native <a> link target attribute; Use it only with 'to' or 'href' props","examples":["_blank","_self","_parent","_top"],"category":"navigation","addedIn":"v2.4"},"label":{"type":["String","Number"],"desc":"The text that will be shown on the button","examples":["Button Label"],"category":"content"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-right":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style","addedIn":"v2.7.6"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"fab":{"type":"Boolean","desc":"Makes button size and shape to fit a Floating Action Button","category":"style"},"fab-mini":{"type":"Boolean","desc":"Makes button size and shape to fit a small Floating Action Button","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","2px 2px 5px 7px"],"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"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"align":{"type":"String","desc":"Label or content alignment","default":"center","values":["left","right","center","around","between","evenly"],"category":"content","required":false},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"loading":{"type":["Boolean","null"],"default":null,"desc":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","category":"behavior|state","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"round":{"type":"Boolean","desc":"Makes a circle shaped button","category":"style"},"percentage":{"type":"Number","desc":"Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background","category":"behavior"},"dark-percentage":{"type":"Boolean","desc":"Progress bar on the background should have dark color; To be used along with 'percentage' and 'loading' props","category":"behavior"}},"slots":{"default":{"desc":"Use for custom content, instead of relying on 'icon' and 'label' props"},"loading":{"desc":"Override the default QSpinner when in 'loading' state"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler"},"go":{"type":"Function","desc":"Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","required":false,"addedIn":"v2.9","params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["/home/dashboard","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}}}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise"}}}}},"methods":{"click":{"desc":"Emulate click on QBtn","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button"},"props":{"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style"},"type":{"type":"String","desc":"1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag","default":"'button'","examples":["'a'","'submit'","'button'","'reset'","'image/png'","# href=\"https://quasar.dev\" target=\"_blank\""],"category":"general","required":false},"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"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props","examples":["'https://quasar.dev'","# href=\"https://quasar.dev\" target=\"_blank\""],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"Native <a> link target attribute; Use it only with 'to' or 'href' props","examples":["'_blank'","'_self'","'_parent'","'_top'"],"category":"navigation","addedIn":"v2.4"},"label":{"type":["String","Number"],"desc":"The text that will be shown on the button","examples":["'Button Label'"],"category":"content"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-right":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style","addedIn":"v2.7.6"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"fab":{"type":"Boolean","desc":"Makes button size and shape to fit a Floating Action Button","category":"style"},"fab-mini":{"type":"Boolean","desc":"Makes button size and shape to fit a small Floating Action Button","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'","'2px 2px 5px 7px'"],"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"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":"true","examples":["false","{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"align":{"type":"String","desc":"Label or content alignment","default":"'center'","values":["'left'","'right'","'center'","'around'","'between'","'evenly'"],"category":"content","required":false},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"loading":{"type":["Boolean","null"],"default":"null","desc":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","category":"behavior|state","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"round":{"type":"Boolean","desc":"Makes a circle shaped button","category":"style"},"percentage":{"type":"Number","desc":"Percentage (0.0 < x < 100.0); To be used along 'loading' prop; Display a progress bar on the background","category":"behavior"},"dark-percentage":{"type":"Boolean","desc":"Progress bar on the background should have dark color; To be used along with 'percentage' and 'loading' props","category":"behavior"}},"slots":{"default":{"desc":"Use for custom content, instead of relying on 'icon' and 'label' props"},"loading":{"desc":"Override the default QSpinner when in 'loading' state"}},"events":{"click":{"desc":"Emitted when the component is clicked","params":{"evt":{"type":"Event","desc":"JS event object; If you are using route navigation ('to'/'replace' props) and you want to cancel navigation then call evt.preventDefault() synchronously in your event handler"},"go":{"type":"Function","desc":"Available ONLY if you are using route navigation ('to'/'replace' props); When you need to control the time at which the component should trigger the route navigation then call evt.preventDefault() synchronously and then call this function at your convenience; Useful if you have async work to be done before the actual route navigation or if you want to redirect somewhere else","required":false,"addedIn":"v2.9","params":{"opts":{"type":"Object","desc":"Optional options","required":false,"definition":{"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property; Specify it explicitly otherwise it will be set with same value as component's 'to' prop","required":false,"examples":["'/home/dashboard'","{ name: 'my-route-name' }"]},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Specify it explicitly otherwise it will be set with same value as component's 'replace' prop","required":false},"returnRouterError":{"type":"Boolean","desc":"Return the router error, if any; Otherwise the returned Promise will always fulfill","required":false}}}},"returns":{"type":"Promise<any>","desc":"Returns the router's navigation promise"}}}}},"methods":{"click":{"desc":"Emulate click on QBtn","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button-dropdown"},"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":{"desc":"Controls Menu show/hidden 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","examples":["v-model=\"menuState\""]},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"type":{"type":"String","desc":"1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag","default":"button","examples":["a","submit","button","reset","image/png","href=\"https://quasar.dev\" target=\"_blank\""],"category":"general","required":false},"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"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props","examples":["https://quasar.dev","href=\"https://quasar.dev\" target=\"_blank\""],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"Native <a> link target attribute; Use it only with 'to' or 'href' props","examples":["_blank","_self","_parent","_top"],"category":"navigation","addedIn":"v2.4"},"label":{"type":["String","Number"],"desc":"The text that will be shown on the button","examples":["Button Label"],"category":"content"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-right":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style","addedIn":"v2.7.6"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"fab":{"type":"Boolean","desc":"Makes button size and shape to fit a Floating Action Button","category":"style"},"fab-mini":{"type":"Boolean","desc":"Makes button size and shape to fit a small Floating Action Button","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","2px 2px 5px 7px"],"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"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"align":{"type":"String","desc":"Label or content alignment","default":"center","values":["left","right","center","around","between","evenly"],"category":"content","required":false},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"loading":{"type":["Boolean","null"],"default":null,"desc":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","category":"behavior|state","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"split":{"type":"Boolean","desc":"Split dropdown icon into its own button","category":"content|behavior"},"dropdown-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"},"disable-main-btn":{"type":"Boolean","desc":"Disable main button (useful along with 'split' prop)","category":"behavior"},"disable-dropdown":{"type":"Boolean","desc":"Disables dropdown (dropdown button if using along 'split' prop)","category":"behavior"},"no-icon-animation":{"type":"Boolean","desc":"Disables the rotation of the dropdown icon when state is toggled","category":"style"},"content-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the menu","examples":["background-color: #ff0000",":content-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"content-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the menu","examples":["my-special-class",":content-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"cover":{"type":"Boolean","desc":"Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective","category":"position"},"persistent":{"type":"Boolean","desc":"Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Allows any click/tap in the menu to close it; Useful instead of attaching events to each menu item that should close the menu on click/tap","category":"behavior"},"menu-anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"default":"bottom end","category":"position","required":false},"menu-self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"default":"top end","category":"position","required":false},"menu-offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[8, 8]","[5, 10]"],"category":"position"},"toggle-aria-label":{"type":"String","desc":"aria-label to be used on the dropdown toggle element","examples":["Open menu"],"category":"accessibility","addedIn":"v2.8.4"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"},"label":{"desc":"Customize main button's content through this slot, unless you're using the 'icon' and 'label' props"},"loading":{"desc":"Override the default QSpinner when in 'loading' state","addedIn":"v2.8"}},"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}}},"click":{"desc":"Emitted when user clicks/taps on the main button (not the icon one, if using 'split')","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button-dropdown"},"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":{"desc":"Controls Menu show/hidden 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","examples":["# v-model=\"menuState\""]},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style"},"type":{"type":"String","desc":"1) Define the button native type attribute (submit, reset, button) or 2) render component with <a> tag so you can access events even if disable or 3) Use 'href' prop and specify 'type' as a media tag","default":"'button'","examples":["'a'","'submit'","'button'","'reset'","'image/png'","# href=\"https://quasar.dev\" target=\"_blank\""],"category":"general","required":false},"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"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property; Superseded by 'href' prop if used","category":"navigation"},"href":{"type":"String","desc":"Native <a> link href attribute; Has priority over the 'to' and 'replace' props","examples":["'https://quasar.dev'","# href=\"https://quasar.dev\" target=\"_blank\""],"category":"navigation","addedIn":"v2.4"},"target":{"type":"String","desc":"Native <a> link target attribute; Use it only with 'to' or 'href' props","examples":["'_blank'","'_self'","'_parent'","'_top'"],"category":"navigation","addedIn":"v2.4"},"label":{"type":["String","Number"],"desc":"The text that will be shown on the button","examples":["'Button Label'"],"category":"content"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-right":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style","addedIn":"v2.7.6"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"fab":{"type":"Boolean","desc":"Makes button size and shape to fit a Floating Action Button","category":"style"},"fab-mini":{"type":"Boolean","desc":"Makes button size and shape to fit a small Floating Action Button","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'","'2px 2px 5px 7px'"],"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"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":"true","examples":["false","{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"align":{"type":"String","desc":"Label or content alignment","default":"'center'","values":["'left'","'right'","'center'","'around'","'between'","'evenly'"],"category":"content","required":false},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"loading":{"type":["Boolean","null"],"default":"null","desc":"Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)","category":"behavior|state","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"split":{"type":"Boolean","desc":"Split dropdown icon into its own button","category":"content|behavior"},"dropdown-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"},"disable-main-btn":{"type":"Boolean","desc":"Disable main button (useful along with 'split' prop)","category":"behavior"},"disable-dropdown":{"type":"Boolean","desc":"Disables dropdown (dropdown button if using along 'split' prop)","category":"behavior"},"no-icon-animation":{"type":"Boolean","desc":"Disables the rotation of the dropdown icon when state is toggled","category":"style"},"content-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the menu","examples":["'background-color: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"content-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the menu","examples":["'my-special-class'","{ 'my-special-class': <condition> }"],"category":"style"},"cover":{"type":"Boolean","desc":"Allows the menu to cover the button. When used, the 'menu-self' and 'menu-fit' props are no longer effective","category":"position"},"persistent":{"type":"Boolean","desc":"Allows the menu to not be dismissed by a click/tap outside of the menu or by hitting the ESC key; Also, an app route change won't dismiss it","category":"behavior"},"no-route-dismiss":{"type":"Boolean","desc":"Changing route app won't dismiss the popup; No need to set it if 'persistent' prop is also set","category":"behavior"},"auto-close":{"type":"Boolean","desc":"Allows any click/tap in the menu to close it; Useful instead of attaching events to each menu item that should close the menu on click/tap","category":"behavior"},"menu-anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"default":"'bottom end'","category":"position","required":false},"menu-self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"default":"'top end'","category":"position","required":false},"menu-offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[8, 8]","[5, 10]"],"category":"position"},"toggle-aria-label":{"type":"String","desc":"aria-label to be used on the dropdown toggle element","examples":["'Open menu'"],"category":"accessibility","addedIn":"v2.8.4"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"},"label":{"desc":"Customize main button's content through this slot, unless you're using the 'icon' and 'label' props"},"loading":{"desc":"Override the default QSpinner when in 'loading' state","addedIn":"v2.8"}},"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}}},"click":{"desc":"Emitted when user clicks/taps on the main button (not the icon one, if using 'split')","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button-toggle"},"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"},"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":"Any","examples":["v-model=\"selected\""]},"options":{"type":"Array","desc":"Array of Objects defining each option","required":true,"definition":{"attrs":{"type":"Object","desc":"Key-value for attributes to be set on the button","examples":["{ 'aria-label': 'Button label' }"]},"label":{"type":"String","desc":"Label of option button; Use this prop and/or 'icon', but at least one is required","examples":["Option 1"]},"icon":{"type":"String","desc":"Icon of option button; Use this prop and/or 'label', but at least one is required","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"value":{"type":"Any","desc":"Value of the option that will be used by component model","required":true},"slot":{"type":"String","desc":"Slot name to use for this button content; Useful for customizing content or even add tooltips","examples":["mySlot"]},"...props":{"type":"Any","desc":"Any other QBtn props (including class and style)"}},"examples":["[ {label: 'One', value: 'one'}, {label: 'Two', value: 'two'} ]"],"category":"model"},"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"},"toggle-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","default":"primary","required":false},"toggle-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"},"spread":{"type":"Boolean","desc":"Spread horizontally to all available space","category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"size":{"type":"String","desc":"Button size name or a CSS unit including unit name","examples":["xs","sm","md","lg","xl","25px","2rem"],"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","2px 2px 5px 7px"],"category":"style"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"clearable":{"type":"Boolean","desc":"Clears model on click of the already selected button","category":"model"}},"slots":{"default":{"desc":"Suggestions: QTooltip, QBadge"},"...":{"desc":"Any other dynamic slots to be used with 'slot' property of the 'options' prop"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"clear":{"desc":"When using the 'clearable' property, this event is emitted when the already selected button is clicked"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/button-toggle"},"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"},"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":"Any","examples":["# v-model=\"selected\""]},"options":{"type":"Array","desc":"Array of Objects defining each option","required":true,"definition":{"attrs":{"type":"Object","desc":"Key-value for attributes to be set on the button","examples":["{ 'aria-label': 'Button label' }"]},"label":{"type":"String","desc":"Label of option button; Use this prop and/or 'icon', but at least one is required","examples":["'Option 1'"]},"icon":{"type":"String","desc":"Icon of option button; Use this prop and/or 'label', but at least one is required","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"value":{"type":"Any","desc":"Value of the option that will be used by component model","required":true},"slot":{"type":"String","desc":"Slot name to use for this button content; Useful for customizing content or even add tooltips","examples":["'mySlot'"]},"...props":{"type":"Any","desc":"Any other QBtn props (including class and style)"}},"examples":["[ {label: 'One', value: 'one'}, {label: 'Two', value: 'two'} ]"],"category":"model"},"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"},"toggle-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","default":"'primary'","required":false},"toggle-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"},"spread":{"type":"Boolean","desc":"Spread horizontally to all available space","category":"content"},"outline":{"type":"Boolean","desc":"Use 'outline' design","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"rounded":{"type":"Boolean","desc":"Applies a more prominent border-radius for a squared shape button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design","category":"style"},"glossy":{"type":"Boolean","desc":"Applies a glossy effect","category":"style"},"size":{"type":"String","desc":"Button size name or a CSS unit including unit name","examples":["'xs'","'sm'","'md'","'lg'","'xl'","'25px'","'2rem'"],"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'","'2px 2px 5px 7px'"],"category":"style"},"no-caps":{"type":"Boolean","desc":"Avoid turning label text into caps (which happens by default)","category":"content"},"no-wrap":{"type":"Boolean","desc":"Avoid label text wrapping","category":"content"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":"true","examples":["false","{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"stack":{"type":"Boolean","desc":"Stack icon and label vertically instead of on same line (like it is by default)","category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, button will stretch to parent's height","category":"content"},"clearable":{"type":"Boolean","desc":"Clears model on click of the already selected button","category":"model"}},"slots":{"default":{"desc":"Suggestions: QTooltip, QBadge"},"...":{"desc":"Any other dynamic slots to be used with 'slot' property of the 'options' prop"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"clear":{"desc":"When using the 'clearable' property, this event is emitted when the already selected button is clicked"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/card"},"props":{"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"},"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","form"],"category":"content","default":"div","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/card"},"props":{"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"},"tag":{"type":"String","desc":"HTML tag to use","examples":["'div'","'span'","'div'","'form'"],"category":"content","default":"'div'","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/card"},"props":{"align":{"type":"String","desc":"Specify how to align the actions","default":"left (for horizontal mode) / stretch (for vertical mode)","values":["left","center","right","between","around","evenly","stretch"],"category":"content","required":false},"vertical":{"type":"Boolean","desc":"Display actions one below the other","category":"content"}},"slots":{"default":{"desc":"Suggestions: QBtn"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/card"},"props":{"align":{"type":"String","desc":"Specify how to align the actions; For horizontal mode, the default is 'left', while for vertical mode, the default is 'stretch'","default":"# 'left'/'stretch'","values":["'left'","'center'","'right'","'between'","'around'","'evenly'","'stretch'"],"category":"content","required":false},"vertical":{"type":"Boolean","desc":"Display actions one below the other","category":"content"}},"slots":{"default":{"desc":"Suggestions: QBtn"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/card"},"props":{"horizontal":{"type":"Boolean","desc":"Display a horizontal section (will have no padding and can contain other QCardSection)","category":"content"},"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","form"],"category":"content","default":"div","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/card"},"props":{"horizontal":{"type":"Boolean","desc":"Display a horizontal section (will have no padding and can contain other QCardSection)","category":"content"},"tag":{"type":"String","desc":"HTML tag to use","examples":["'div'","'span'","'div'","'form'"],"category":"content","default":"'div'","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"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":{"type":"Any","desc":"Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.","examples":["v-model=\"panelName\""],"category":"model"},"keep-alive":{"type":"Boolean","desc":"Equivalent to using Vue's native <keep-alive> component on the content","category":"behavior"},"keep-alive-include":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names","examples":["a,b","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-exclude":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names","examples":["a,b","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-max":{"type":"Number","desc":"Equivalent to using Vue's native max prop for <keep-alive>","category":"behavior"},"animated":{"type":"Boolean","desc":"Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)","category":"behavior"},"infinite":{"type":"Boolean","desc":"Makes component appear as infinite (when reaching last panel, next one will become the first one)","category":"behavior"},"swipeable":{"type":"Boolean","desc":"Enable swipe events (may interfere with content's touch/mouse events)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Default transitions and swipe actions will be on the vertical axis","category":"behavior"},"transition-prev":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-next":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","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","addedIn":"v2.2","required":false},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"height":{"type":"String","desc":"Height of Carousel in CSS units, including unit name","examples":["16px","2rem"],"category":"style"},"padding":{"type":"Boolean","desc":"Applies a default padding to each slide, according to the usage of 'arrows' and 'navigation' props","category":"content"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-type":{"type":"String","desc":"Type of button to use for controls (arrows, navigation)","values":["regular","flat","outline","push","unelevated"],"category":"style"},"autoplay":{"type":["Number","Boolean"],"desc":"Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals","default":false,"examples":[":autoplay=\"2500\"",true,false],"category":"behavior","required":false},"arrows":{"type":"Boolean","desc":"Show navigation arrow buttons","category":"content"},"prev-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"},"next-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"},"navigation":{"type":"Boolean","desc":"Show navigation dots","category":"content"},"navigation-position":{"type":"String","desc":"Side to stick navigation to","default":"bottom/right","values":["top","right","bottom","left"],"category":"content","required":false},"navigation-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"},"navigation-active-icon":{"type":"String","desc":"Icon name following Quasar convention for the active (current slide) navigation 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"},"thumbnails":{"type":"Boolean","desc":"Show thumbnails","category":"content"}},"slots":{"default":{"desc":"Suggestion: QCarouselSlide"},"control":{"desc":"Slot specific for QCarouselControl"},"navigation-icon":{"desc":"Slot for navigation icon/btn; Suggestion: QBtn","scope":{"index":{"type":"Number","desc":"The 0-based index of corresponding slide"},"maxIndex":{"type":"Number","desc":"The available number of slides"},"name":{"type":"Any","desc":"The name of the corresponding slide"},"active":{"type":"Boolean","desc":"Is this the current slide?"},"btnProps":{"type":"Object","desc":"Default QBtn props that can be binded to your own QBtn"},"onClick":{"type":"Function","desc":"Default trigger when clicked/tapped on","params":{"evt":{"type":"Event","desc":"JS event object","required":true}},"returns":null}}}},"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 changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model","params":{"value":{"type":["String","Number"],"desc":"New current panel name","examples":["dashboard"]}}},"before-transition":{"desc":"Emitted before transitioning to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition is going","examples":["dashboard"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition is happening","examples":["dashboard"]}}},"transition":{"desc":"Emitted after component transitioned to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition has occurred","examples":["dashboard"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition has happened","examples":["dashboard"]}}}},"methods":{"toggleFullscreen":{"desc":"Toggle the view to be fullscreen or not fullscreen"},"setFullscreen":{"desc":"Enter the fullscreen view"},"exitFullscreen":{"desc":"Leave the fullscreen view"},"next":{"desc":"Go to next panel"},"previous":{"desc":"Go to previous panel"},"goTo":{"desc":"Go to specific panel","params":{"panelName":{"type":["String","Number"],"desc":"Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer","required":true,"examples":["dashboard"]}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"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":{"type":"Any","desc":"Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.","examples":["# v-model=\"panelName\""],"category":"model"},"keep-alive":{"type":"Boolean","desc":"Equivalent to using Vue's native <keep-alive> component on the content","category":"behavior"},"keep-alive-include":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names","examples":["'a,b'","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-exclude":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names","examples":["'a,b'","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-max":{"type":"Number","desc":"Equivalent to using Vue's native max prop for <keep-alive>","category":"behavior"},"animated":{"type":"Boolean","desc":"Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)","category":"behavior"},"infinite":{"type":"Boolean","desc":"Makes component appear as infinite (when reaching last panel, next one will become the first one)","category":"behavior"},"swipeable":{"type":"Boolean","desc":"Enable swipe events (may interfere with content's touch/mouse events)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Default transitions and swipe actions will be on the vertical axis","category":"behavior"},"transition-prev":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","examples":["'fade'","'slide-down'"],"category":"transition","default":"'fade'","required":false},"transition-next":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","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","addedIn":"v2.2","required":false},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"height":{"type":"String","desc":"Height of Carousel in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"style"},"padding":{"type":"Boolean","desc":"Applies a default padding to each slide, according to the usage of 'arrows' and 'navigation' props","category":"content"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"control-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"control-type":{"type":"String","desc":"Type of button to use for controls (arrows, navigation)","values":["'regular'","'flat'","'outline'","'push'","'unelevated'"],"category":"style"},"autoplay":{"type":["Number","Boolean"],"desc":"Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals","default":"false","examples":["true","false","2500"],"category":"behavior","required":false},"arrows":{"type":"Boolean","desc":"Show navigation arrow buttons","category":"content"},"prev-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"},"next-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"},"navigation":{"type":"Boolean","desc":"Show navigation dots","category":"content"},"navigation-position":{"type":"String","desc":"Side to stick navigation to","default":"# 'bottom'/'right'","values":["'top'","'right'","'bottom'","'left'"],"category":"content","required":false},"navigation-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"},"navigation-active-icon":{"type":"String","desc":"Icon name following Quasar convention for the active (current slide) navigation 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"},"thumbnails":{"type":"Boolean","desc":"Show thumbnails","category":"content"}},"slots":{"default":{"desc":"Suggestion: QCarouselSlide"},"control":{"desc":"Slot specific for QCarouselControl"},"navigation-icon":{"desc":"Slot for navigation icon/btn; Suggestion: QBtn","scope":{"index":{"type":"Number","desc":"The 0-based index of corresponding slide"},"maxIndex":{"type":"Number","desc":"The available number of slides"},"name":{"type":"Any","desc":"The name of the corresponding slide"},"active":{"type":"Boolean","desc":"Is this the current slide?"},"btnProps":{"type":"Object","desc":"Default QBtn props that can be binded to your own QBtn"},"onClick":{"type":"Function","desc":"Default trigger when clicked/tapped on","params":{"evt":{"type":"Event","desc":"JS event object","required":true}},"returns":null}}}},"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 changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model","params":{"value":{"type":["String","Number"],"desc":"New current panel name","examples":["'dashboard'"]}}},"before-transition":{"desc":"Emitted before transitioning to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition is going","examples":["'dashboard'"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition is happening","examples":["'dashboard'"]}}},"transition":{"desc":"Emitted after component transitioned to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition has occurred","examples":["'dashboard'"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition has happened","examples":["'dashboard'"]}}}},"methods":{"toggleFullscreen":{"desc":"Toggle the view to be fullscreen or not fullscreen"},"setFullscreen":{"desc":"Enter the fullscreen view"},"exitFullscreen":{"desc":"Leave the fullscreen view"},"next":{"desc":"Go to next panel"},"previous":{"desc":"Go to previous panel"},"goTo":{"desc":"Go to specific panel","params":{"panelName":{"type":["String","Number"],"desc":"Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer","required":true,"examples":["'dashboard'"]}}}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"position":{"type":"String","desc":"Side/corner to stick to","default":"bottom-right","values":["top-right","top-left","bottom-right","bottom-left","top","right","bottom","left"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically (in pixels)","default":"[18, 18]","examples":["[8, 8]","[5, 10]"],"category":"position","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"position":{"type":"String","desc":"Side/corner to stick to","default":"'bottom-right'","values":["'top-right'","'top-left'","'bottom-right'","'bottom-left'","'top'","'right'","'bottom'","'left'"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically (in pixels)","default":"[ 18, 18 ]","examples":["[8, 8]","[5, 10]"],"category":"position","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"name":{"type":"Any","desc":"Slide name","required":true,"examples":["accounts","firstPanel",":name=\"1\"","accounts","firstSlide",":name=\"1\""],"category":"model"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"img-src":{"type":"String","desc":"URL pointing to a slide background image (use public folder)","transformAssetUrls":true,"examples":["(public folder) src=\"img/my-bg.png\"","(assets folder) src=\"~assets/my-img.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"model"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"name":{"type":"Any","desc":"Slide name","required":true,"examples":["'accounts'","'firstPanel'","1"],"category":"model"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"img-src":{"type":"String","desc":"URL pointing to a slide background image (use public folder)","transformAssetUrls":true,"examples":["# (public folder) src=\"img/my-bg.png\"","# (assets folder) src=\"~assets/my-img.png\"","# (relative path format) :src=\"require('./my_img.jpg')\"","# (URL) src=\"https://picsum.photos/500/300\""],"category":"model"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chat"},"props":{"sent":{"type":"Boolean","desc":"Render as a sent message (so from current user)","category":"content"},"label":{"type":"String","desc":"Renders a label header/section only","examples":["Friday, 18th"],"category":"content"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble background","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble text","examples":["primary","teal","teal-10"],"category":"style"},"name":{"type":"String","desc":"Author's name","examples":["John Doe"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image of the author","transformAssetUrls":true,"examples":["(public folder) src=\"boy-avatar.png\"","(assets folder) src=\"~assets/boy-avatar.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"text":{"type":"Array","desc":"Array of strings that are the message body. Strings are not sanitized (see details in docs)","examples":[":text=\"['How are you?']\"",":text=\"['I\\'m good, thank you!', 'And you?']\""],"category":"content"},"stamp":{"type":"String","desc":"Creation timestamp","examples":["13:55","Yesterday at 13:51"],"category":"content"},"size":{"type":"String","desc":"1-12 out of 12 (same as col-*)","examples":["4","6","12"],"category":"style"},"label-html":{"type":"Boolean","desc":"Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"name-html":{"type":"Boolean","desc":"Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"text-html":{"type":"Boolean","desc":"Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"stamp-html":{"type":"Boolean","desc":"Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"}},"slots":{"default":{"desc":"You can use this slot to define a custom message (overrides props)"},"avatar":{"desc":"Slot for avatar; Suggestion: QAvatar, img"},"name":{"desc":"Slot for name; Overrides the 'name' prop"},"stamp":{"desc":"Slot for stamp; Overrides the 'stamp' prop"},"label":{"desc":"Slot for label; Overrides the 'label' prop"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chat"},"props":{"sent":{"type":"Boolean","desc":"Render as a sent message (so from current user)","category":"content"},"label":{"type":"String","desc":"Renders a label header/section only","examples":["'Friday, 18th'"],"category":"content"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble background","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble text","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"name":{"type":"String","desc":"Author's name","examples":["'John Doe'"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image of the author","transformAssetUrls":true,"examples":["# (public folder) src=\"boy-avatar.png\"","# (assets folder) src=\"~assets/boy-avatar.png\"","# (relative path format) :src=\"require('./my_img.jpg')\"","# (URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"text":{"type":"Array","desc":"Array of strings that are the message body. Strings are not sanitized (see details in docs)","examples":["[ 'How are you?' ]","[ 'I\\'m good, thank you!', 'And you?' ]"],"category":"content"},"stamp":{"type":"String","desc":"Creation timestamp","examples":["'13:55'","'Yesterday at 13:51'"],"category":"content"},"size":{"type":"String","desc":"1-12 out of 12 (same as col-*)","examples":["'4'","'6'","'12'"],"category":"style"},"label-html":{"type":"Boolean","desc":"Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"name-html":{"type":"Boolean","desc":"Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"text-html":{"type":"Boolean","desc":"Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"stamp-html":{"type":"Boolean","desc":"Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"}},"slots":{"default":{"desc":"You can use this slot to define a custom message (overrides props)"},"avatar":{"desc":"Slot for avatar; Suggestion: QAvatar, img"},"name":{"desc":"Slot for name; Overrides the 'name' prop"},"stamp":{"desc":"Slot for stamp; Overrides the 'stamp' prop"},"label":{"desc":"Slot for label; Overrides the 'label' prop"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/checkbox"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["car_id"],"category":"behavior"},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Any","Array"],"examples":["false","['car', 'building']"]},"val":{"type":"Any","desc":"Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked","examples":["car"],"category":"model"},"true-value":{"type":"Any","desc":"What model value should be considered as checked/ticked/on?","default":true,"examples":["Agreed"],"category":"model","required":false},"false-value":{"type":"Any","desc":"What model value should be considered as unchecked/unticked/off?","default":false,"examples":["Disagree"],"category":"model","required":false},"indeterminate-value":{"type":"Any","desc":"What model value should be considered as 'indeterminate'?","default":null,"examples":[0,"not_answered"],"category":"model","required":false},"toggle-order":{"type":"String","desc":"Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...","default":"tf","values":["tf","ft"],"category":"behavior","required":false},"toggle-indeterminate":{"type":"Boolean","desc":"When user clicks/taps on the component, should we toggle through the indeterminate state too?","category":"behavior"},"label":{"type":"String","desc":"Label to display along the component (or use the default slot instead of this prop)","examples":["I agree with the Terms and Conditions"],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the component","category":"label"},"checked-icon":{"type":"String","examples":["visibility"],"category":"icons","desc":"The icon to be used when the model is truthy (instead of the default design)","addedIn":"v2.5"},"unchecked-icon":{"type":"String","examples":["visibility_off"],"category":"icons","desc":"The icon to be used when the toggle is falsy (instead of the default design)","addedIn":"v2.5"},"indeterminate-icon":{"type":"String","examples":["help"],"category":"icons","desc":"The icon to be used when the model is indeterminate (instead of the default design)","addedIn":"v2.5"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"keep-color":{"type":"Boolean","desc":"Should the color (if specified any) be kept when the component is unticked/ off?","category":"behavior"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"}},"slots":{"default":{"desc":"Default slot can be used as label, unless 'label' prop is specified; Suggestion: string"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true},"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"toggle":{"desc":"Toggle the state (of the model)"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/checkbox"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Any","Array"],"examples":["false","['car', 'building']"]},"val":{"type":"Any","desc":"Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked","examples":["'car'"],"category":"model"},"true-value":{"type":"Any","desc":"What model value should be considered as checked/ticked/on?","default":"true","examples":["'Agreed'"],"category":"model","required":false},"false-value":{"type":"Any","desc":"What model value should be considered as unchecked/unticked/off?","default":"false","examples":["'Disagree'"],"category":"model","required":false},"indeterminate-value":{"type":"Any","desc":"What model value should be considered as 'indeterminate'?","default":"null","examples":["0","'not_answered'"],"category":"model","required":false},"toggle-order":{"type":"String","desc":"Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...","default":"'tf'","values":["'tf'","'ft'"],"category":"behavior","required":false},"toggle-indeterminate":{"type":"Boolean","desc":"When user clicks/taps on the component, should we toggle through the indeterminate state too?","category":"behavior"},"label":{"type":"String","desc":"Label to display along the component (or use the default slot instead of this prop)","examples":["'I agree with the Terms and Conditions'"],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the component","category":"label"},"checked-icon":{"type":"String","examples":["'visibility'"],"category":"icons","desc":"The icon to be used when the model is truthy (instead of the default design)","addedIn":"v2.5"},"unchecked-icon":{"type":"String","examples":["'visibility_off'"],"category":"icons","desc":"The icon to be used when the toggle is falsy (instead of the default design)","addedIn":"v2.5"},"indeterminate-icon":{"type":"String","examples":["'help'"],"category":"icons","desc":"The icon to be used when the model is indeterminate (instead of the default design)","addedIn":"v2.5"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"keep-color":{"type":"Boolean","desc":"Should the color (if specified any) be kept when the component is unticked/ off?","category":"behavior"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"}},"slots":{"default":{"desc":"Default slot can be used as label, unless 'label' prop is specified; Suggestion: string"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true},"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"toggle":{"desc":"Toggle the state (of the model)"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chip"},"props":{"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"size":{"type":"String","desc":"QChip size name or a CSS unit including unit name","examples":["xs","sm","md","lg","xl","25px","2rem"],"category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-right":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-remove":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"icon-selected":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"label":{"type":["String","Number"],"desc":"Chip's content as string; overrides default slot if specified","examples":["John Doe","Book"],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"model-value":{"desc":"Model of the component determining if QChip should be rendered or not","required":false,"syncable":true,"category":"model","type":"Boolean","default":true},"selected":{"type":["Boolean","null"],"default":null,"sync":true,"desc":"Model for QChip if it's selected or not","examples":["v-model:selected=\"myState\""],"category":"model","required":false,"syncable":true},"square":{"type":"Boolean","desc":"Sets a low value for border-radius instead of the default one, making it close to a square","category":"style"},"outline":{"type":"Boolean","desc":"Display using the 'outline' design","category":"style"},"clickable":{"type":"Boolean","desc":"Is QChip clickable? If it's the case, then it will add hover effects and emit 'click' events","category":"state"},"removable":{"type":"Boolean","desc":"If set, then it displays a 'remove' icon that when clicked the QChip emits 'remove' event","category":"state"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":true,"examples":[false,"{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"remove-aria-label":{"type":"String","desc":"aria-label to be used on the remove icon","examples":["Remove item"],"category":"accessibility","addedIn":"v2.8.4"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"default":{"desc":"This is where QChip content goes, if not using 'label' property"}},"events":{"click":{"desc":"Emitted on QChip click if 'clickable' property is set","params":{"evt":{"type":"Event","desc":"JS event object"}}},"update:selected":{"desc":"Used by Vue on 'v-model:selected' for updating its value","params":{"state":{"type":"Boolean","desc":"Selected state"}}},"remove":{"desc":"Works along with 'value' and 'removable' prop. Emitted when toggling rendering state of the QChip","params":{"state":{"type":"Boolean","desc":"Render state (render or not)"}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chip"},"props":{"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"size":{"type":"String","desc":"QChip size name or a CSS unit including unit name","examples":["'xs'","'sm'","'md'","'lg'","'xl'","'25px'","'2rem'"],"category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-right":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-remove":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-selected":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"label":{"type":["String","Number"],"desc":"Chip's content as string; overrides default slot if specified","examples":["'John Doe'","'Book'"],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"model-value":{"desc":"Model of the component determining if QChip should be rendered or not","required":false,"syncable":true,"category":"model","type":"Boolean","default":"true"},"selected":{"type":["Boolean","null"],"default":"null","sync":true,"desc":"Model for QChip if it's selected or not","examples":["# v-model:selected=\"myState\""],"category":"model","required":false,"syncable":true},"square":{"type":"Boolean","desc":"Sets a low value for border-radius instead of the default one, making it close to a square","category":"style"},"outline":{"type":"Boolean","desc":"Display using the 'outline' design","category":"style"},"clickable":{"type":"Boolean","desc":"Is QChip clickable? If it's the case, then it will add hover effects and emit 'click' events","category":"state"},"removable":{"type":"Boolean","desc":"If set, then it displays a 'remove' icon that when clicked the QChip emits 'remove' event","category":"state"},"ripple":{"type":["Boolean","Object"],"desc":"Configure material ripple (disable it by setting it to 'false' or supply a config object)","default":"true","examples":["false","{ early: true, center: true, color: 'teal', keyCodes: [] }"],"category":"style","required":false},"remove-aria-label":{"type":"String","desc":"aria-label to be used on the remove icon","examples":["'Remove item'"],"category":"accessibility","addedIn":"v2.8.4"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"}},"slots":{"default":{"desc":"This is where QChip content goes, if not using 'label' property"}},"events":{"click":{"desc":"Emitted on QChip click if 'clickable' property is set","params":{"evt":{"type":"Event","desc":"JS event object"}}},"update:selected":{"desc":"Used by Vue on 'v-model:selected' for updating its value","params":{"state":{"type":"Boolean","desc":"Selected state"}}},"remove":{"desc":"Works along with 'value' and 'removable' prop. Emitted when toggling rendering state of the QChip","params":{"state":{"type":"Boolean","desc":"Render state (render or not)"}}}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/circular-progress"},"props":{"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"value":{"type":"Number","default":0,"desc":"Current progress (must be between min/max)","category":"model","required":false},"min":{"type":"Number","default":0,"desc":"Minimum value defining 'no progress' (must be lower than 'max')","category":"model","required":false},"max":{"type":"Number","default":100,"desc":"Maximum value defining 100% progress made (must be higher than 'min')","category":"model","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for the arc progress from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"center-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the center part of the component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the track of the component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"font-size":{"type":"String","desc":"Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size","default":"0.25em","examples":["1em","16px","2rem"],"category":"style","required":false},"rounded":{"type":"Boolean","desc":"Rounding the arc of progress","category":"style","addedIn":"v2.8.4"},"thickness":{"type":"Number","default":0.2,"desc":"Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size","category":"style","required":false},"angle":{"type":"Number","desc":"Angle to rotate progress arc by","default":0,"category":"content","required":false},"indeterminate":{"type":"Boolean","desc":"Put component into 'indeterminate' state; Ignores 'value' prop","category":"behavior"},"show-value":{"type":"Boolean","desc":"Enables the default slot and uses it (if available), otherwise it displays the 'value' prop as text; Make sure the text has enough space to be displayed inside the component","category":"content|behavior"},"reverse":{"type":"Boolean","desc":"Reverses the direction of progress; Only for determined state","category":"behavior"},"instant-feedback":{"type":"Boolean","desc":"No animation when model changes","category":"behavior"},"animation-speed":{"type":["String","Number"],"desc":"Animation speed (in milliseconds, without unit)","examples":[500,"1200"],"category":"style","default":600,"addedIn":"v2.3","required":false}},"slots":{"default":{"desc":"Used for component content only if 'show-value' prop is set; Make sure the content has enough space to be displayed inside the component"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/circular-progress"},"props":{"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style"},"value":{"type":"Number","default":"0","desc":"Current progress (must be between min/max)","category":"model","required":false},"min":{"type":"Number","default":"0","desc":"Minimum value defining 'no progress' (must be lower than 'max')","category":"model","required":false},"max":{"type":"Number","default":"100","desc":"Maximum value defining 100% progress made (must be higher than 'min')","category":"model","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for the arc progress from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"center-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the center part of the component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the track of the component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"font-size":{"type":"String","desc":"Size of text in CSS units, including unit name. Suggestion: use 'em' units to sync with component size","default":"'0.25em'","examples":["'1em'","'16px'","'2rem'"],"category":"style","required":false},"rounded":{"type":"Boolean","desc":"Rounding the arc of progress","category":"style","addedIn":"v2.8.4"},"thickness":{"type":"Number","default":"0.2","desc":"Thickness of progress arc as a ratio (0.0 < x < 1.0) of component size","category":"style","required":false},"angle":{"type":"Number","desc":"Angle to rotate progress arc by","default":"0","category":"content","required":false},"indeterminate":{"type":"Boolean","desc":"Put component into 'indeterminate' state; Ignores 'value' prop","category":"behavior"},"show-value":{"type":"Boolean","desc":"Enables the default slot and uses it (if available), otherwise it displays the 'value' prop as text; Make sure the text has enough space to be displayed inside the component","category":"content|behavior"},"reverse":{"type":"Boolean","desc":"Reverses the direction of progress; Only for determined state","category":"behavior"},"instant-feedback":{"type":"Boolean","desc":"No animation when model changes","category":"behavior"},"animation-speed":{"type":["String","Number"],"desc":"Animation speed (in milliseconds, without unit)","examples":["500","'1200'"],"category":"style","default":"600","addedIn":"v2.3","required":false}},"slots":{"default":{"desc":"Used for component content only if 'show-value' prop is set; Make sure the content has enough space to be displayed inside the component"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/color-picker"},"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"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["String","null","undefined"],"examples":["v-model=\"myColor\""]},"default-value":{"type":"String","desc":"The default value to show when the model doesn't have one","examples":["default-value=\"#c0c0c0\""],"category":"model"},"default-view":{"type":"String","desc":"The default view of the picker","default":"spectrum","values":["spectrum","tune","palette"],"category":"behavior","required":false},"format-model":{"type":"String","desc":"Forces a certain model format upon the model","default":"auto","values":["auto","hex","rgb","hexa","rgba"],"category":"model","required":false},"palette":{"type":"Array","desc":"Use a custom palette of colors for the palette tab","default":"(hard-coded palette)","examples":[":palette=\"[ '#019A9D', '#D9B801', 'rgb(23,120,0)', '#B2028A' ]\""],"category":"content","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"},"no-header":{"type":"Boolean","desc":"Do not render header","category":"content"},"no-header-tabs":{"type":"Boolean","desc":"Do not render header tabs (only the input)","category":"content","addedIn":"v2.2"},"no-footer":{"type":"Boolean","desc":"Do not render footer; Useful when you want a specific view ('default-view' prop) and don't want the user to be able to switch it","category":"content"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["String","null"],"desc":"New model value","required":true}}},"change":{"desc":"Emitted on lazy model value change (after user finishes selecting a color)","params":{"value":{"type":"Any","desc":"New model value","required":true}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/color-picker"},"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"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["String","null","undefined"],"examples":["# v-model=\"myColor\""]},"default-value":{"type":"String","desc":"The default value to show when the model doesn't have one","examples":["'#c0c0c0'"],"category":"model"},"default-view":{"type":"String","desc":"The default view of the picker","default":"'spectrum'","values":["'spectrum'","'tune'","'palette'"],"category":"behavior","required":false},"format-model":{"type":"String","desc":"Forces a certain model format upon the model","default":"'auto'","values":["'auto'","'hex'","'rgb'","'hexa'","'rgba'"],"category":"model","required":false},"palette":{"type":"Array","desc":"Use a custom palette of colors for the palette tab","default":"# hard-coded palette","examples":["[ '#019A9D', '#D9B801', 'rgb(23,120,0)', '#B2028A' ]"],"category":"content","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"},"no-header":{"type":"Boolean","desc":"Do not render header","category":"content"},"no-header-tabs":{"type":"Boolean","desc":"Do not render header tabs (only the input)","category":"content","addedIn":"v2.2"},"no-footer":{"type":"Boolean","desc":"Do not render footer; Useful when you want a specific view ('default-view' prop) and don't want the user to be able to switch it","category":"content"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["String","null"],"desc":"New model value","required":true}}},"change":{"desc":"Emitted on lazy model value change (after user finishes selecting a color)","params":{"value":{"type":"Any","desc":"New model value","required":true}}}}}