quasar 2.15.3 → 2.16.0

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 (582) hide show
  1. package/dist/api/AppFullscreen.json +1 -1
  2. package/dist/api/Brand.json +1 -1
  3. package/dist/api/QBreadcrumbs.json +1 -1
  4. package/dist/api/QBreadcrumbsEl.json +1 -1
  5. package/dist/api/QBtnDropdown.json +1 -1
  6. package/dist/api/QCarousel.json +1 -1
  7. package/dist/api/QCheckbox.json +1 -1
  8. package/dist/api/QCircularProgress.json +1 -1
  9. package/dist/api/QDialog.json +1 -1
  10. package/dist/api/QDrawer.json +1 -1
  11. package/dist/api/QEditor.json +1 -1
  12. package/dist/api/QExpansionItem.json +1 -1
  13. package/dist/api/QFab.json +1 -1
  14. package/dist/api/QFabAction.json +1 -1
  15. package/dist/api/QField.json +1 -1
  16. package/dist/api/QFile.json +1 -1
  17. package/dist/api/QImg.json +1 -1
  18. package/dist/api/QInnerLoading.json +1 -1
  19. package/dist/api/QInput.json +1 -1
  20. package/dist/api/QIntersection.json +1 -1
  21. package/dist/api/QItem.json +1 -1
  22. package/dist/api/QKnob.json +1 -1
  23. package/dist/api/QMenu.json +1 -1
  24. package/dist/api/QPage.json +1 -1
  25. package/dist/api/QPagination.json +1 -1
  26. package/dist/api/QParallax.json +1 -1
  27. package/dist/api/QPopupEdit.json +1 -1
  28. package/dist/api/QRadio.json +1 -1
  29. package/dist/api/QRange.json +1 -1
  30. package/dist/api/QRouteTab.json +1 -1
  31. package/dist/api/QSelect.json +1 -1
  32. package/dist/api/QSeparator.json +1 -1
  33. package/dist/api/QSkeleton.json +1 -1
  34. package/dist/api/QSlider.json +1 -1
  35. package/dist/api/QSpinner.json +1 -1
  36. package/dist/api/QSpinnerAudio.json +1 -1
  37. package/dist/api/QSpinnerBall.json +1 -1
  38. package/dist/api/QSpinnerBars.json +1 -1
  39. package/dist/api/QSpinnerBox.json +1 -1
  40. package/dist/api/QSpinnerClock.json +1 -1
  41. package/dist/api/QSpinnerComment.json +1 -1
  42. package/dist/api/QSpinnerCube.json +1 -1
  43. package/dist/api/QSpinnerDots.json +1 -1
  44. package/dist/api/QSpinnerFacebook.json +1 -1
  45. package/dist/api/QSpinnerGears.json +1 -1
  46. package/dist/api/QSpinnerGrid.json +1 -1
  47. package/dist/api/QSpinnerHearts.json +1 -1
  48. package/dist/api/QSpinnerHourglass.json +1 -1
  49. package/dist/api/QSpinnerInfinity.json +1 -1
  50. package/dist/api/QSpinnerIos.json +1 -1
  51. package/dist/api/QSpinnerOrbit.json +1 -1
  52. package/dist/api/QSpinnerOval.json +1 -1
  53. package/dist/api/QSpinnerPie.json +1 -1
  54. package/dist/api/QSpinnerPuff.json +1 -1
  55. package/dist/api/QSpinnerRadio.json +1 -1
  56. package/dist/api/QSpinnerRings.json +1 -1
  57. package/dist/api/QSpinnerTail.json +1 -1
  58. package/dist/api/QSplitter.json +1 -1
  59. package/dist/api/QStepper.json +1 -1
  60. package/dist/api/QTabPanels.json +1 -1
  61. package/dist/api/QTable.json +1 -1
  62. package/dist/api/QTimeline.json +1 -1
  63. package/dist/api/QToggle.json +1 -1
  64. package/dist/api/QTooltip.json +1 -1
  65. package/dist/api/QTree.json +1 -1
  66. package/dist/api/QVirtualScroll.json +1 -1
  67. package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
  68. package/dist/icon-set/eva-icons.umd.prod.js +1 -1
  69. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
  70. package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
  71. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
  72. package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
  73. package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
  74. package/dist/icon-set/line-awesome.umd.prod.js +1 -1
  75. package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
  76. package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
  77. package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
  78. package/dist/icon-set/material-icons.umd.prod.js +1 -1
  79. package/dist/icon-set/material-symbols-outlined.umd.prod.js +1 -1
  80. package/dist/icon-set/material-symbols-rounded.umd.prod.js +1 -1
  81. package/dist/icon-set/material-symbols-sharp.umd.prod.js +1 -1
  82. package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
  83. package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
  84. package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
  85. package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
  86. package/dist/icon-set/mdi-v7.umd.prod.js +1 -1
  87. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
  88. package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
  89. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
  90. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
  91. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
  92. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
  93. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
  94. package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
  95. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
  96. package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
  97. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
  98. package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
  99. package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +1 -1
  100. package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +1 -1
  101. package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +1 -1
  102. package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
  103. package/dist/icon-set/svg-mdi-v7.umd.prod.js +1 -1
  104. package/dist/icon-set/svg-themify.umd.prod.js +1 -1
  105. package/dist/icon-set/themify.umd.prod.js +1 -1
  106. package/dist/lang/ar-TN.umd.prod.js +1 -1
  107. package/dist/lang/ar.umd.prod.js +1 -1
  108. package/dist/lang/az-Latn.umd.prod.js +1 -1
  109. package/dist/lang/bg.umd.prod.js +1 -1
  110. package/dist/lang/bn.umd.prod.js +1 -1
  111. package/dist/lang/ca.umd.prod.js +1 -1
  112. package/dist/lang/cs.umd.prod.js +1 -1
  113. package/dist/lang/da.umd.prod.js +1 -1
  114. package/dist/lang/de-CH.umd.prod.js +1 -1
  115. package/dist/lang/de-DE.umd.prod.js +1 -1
  116. package/dist/lang/de.umd.prod.js +1 -1
  117. package/dist/lang/el.umd.prod.js +1 -1
  118. package/dist/lang/en-GB.umd.prod.js +1 -1
  119. package/dist/lang/en-US.umd.prod.js +1 -1
  120. package/dist/lang/eo.umd.prod.js +1 -1
  121. package/dist/lang/es.umd.prod.js +1 -1
  122. package/dist/lang/et.umd.prod.js +1 -1
  123. package/dist/lang/eu.umd.prod.js +1 -1
  124. package/dist/lang/fa-IR.umd.prod.js +1 -1
  125. package/dist/lang/fa.umd.prod.js +1 -1
  126. package/dist/lang/fi.umd.prod.js +1 -1
  127. package/dist/lang/fr.umd.prod.js +1 -1
  128. package/dist/lang/gn.umd.prod.js +1 -1
  129. package/dist/lang/he.umd.prod.js +1 -1
  130. package/dist/lang/hi.umd.prod.js +1 -1
  131. package/dist/lang/hr.umd.prod.js +1 -1
  132. package/dist/lang/hu.umd.prod.js +1 -1
  133. package/dist/lang/id.umd.prod.js +1 -1
  134. package/dist/lang/is.umd.prod.js +1 -1
  135. package/dist/lang/it.umd.prod.js +1 -1
  136. package/dist/lang/ja.umd.prod.js +1 -1
  137. package/dist/lang/kk.umd.prod.js +1 -1
  138. package/dist/lang/km.umd.prod.js +1 -1
  139. package/dist/lang/ko-KR.umd.prod.js +1 -1
  140. package/dist/lang/kur-CKB.umd.prod.js +1 -1
  141. package/dist/lang/lt.umd.prod.js +1 -1
  142. package/dist/lang/lu.umd.prod.js +1 -1
  143. package/dist/lang/lv.umd.prod.js +1 -1
  144. package/dist/lang/mk.umd.prod.js +1 -1
  145. package/dist/lang/ml.umd.prod.js +1 -1
  146. package/dist/lang/mm.umd.prod.js +1 -1
  147. package/dist/lang/ms-MY.umd.prod.js +1 -1
  148. package/dist/lang/ms.umd.prod.js +1 -1
  149. package/dist/lang/my.umd.prod.js +1 -1
  150. package/dist/lang/nb-NO.umd.prod.js +1 -1
  151. package/dist/lang/nl.umd.prod.js +1 -1
  152. package/dist/lang/pl.umd.prod.js +1 -1
  153. package/dist/lang/pt-BR.umd.prod.js +1 -1
  154. package/dist/lang/pt.umd.prod.js +1 -1
  155. package/dist/lang/ro.umd.prod.js +1 -1
  156. package/dist/lang/ru.umd.prod.js +1 -1
  157. package/dist/lang/sk.umd.prod.js +1 -1
  158. package/dist/lang/sl.umd.prod.js +1 -1
  159. package/dist/lang/sm.umd.prod.js +1 -1
  160. package/dist/lang/sr-CYR.umd.prod.js +1 -1
  161. package/dist/lang/sr.umd.prod.js +1 -1
  162. package/dist/lang/sv.umd.prod.js +1 -1
  163. package/dist/lang/ta.umd.prod.js +1 -1
  164. package/dist/lang/th.umd.prod.js +1 -1
  165. package/dist/lang/tl.umd.prod.js +1 -1
  166. package/dist/lang/tr.umd.prod.js +1 -1
  167. package/dist/lang/ug.umd.prod.js +1 -1
  168. package/dist/lang/uk.umd.prod.js +1 -1
  169. package/dist/lang/uz-Cyrl.umd.prod.js +1 -1
  170. package/dist/lang/uz-Latn.umd.prod.js +1 -1
  171. package/dist/lang/vi.umd.prod.js +1 -1
  172. package/dist/lang/zh-CN.umd.prod.js +1 -1
  173. package/dist/lang/zh-TW.umd.prod.js +1 -1
  174. package/dist/{quasar.esm.js → quasar.client.js} +337 -364
  175. package/dist/quasar.sass +1 -1
  176. package/dist/quasar.server.prod.cjs +127 -0
  177. package/dist/quasar.server.prod.js +127 -0
  178. package/dist/quasar.umd.js +337 -363
  179. package/dist/quasar.umd.prod.js +8 -8
  180. package/dist/transforms/api-list.json +1 -1
  181. package/dist/types/index.d.ts +191 -93
  182. package/dist/vetur/quasar-attributes.json +1 -1
  183. package/dist/vetur/quasar-tags.json +1 -1
  184. package/dist/web-types/web-types.json +1 -1
  185. package/icon-set/bootstrap-icons.js +3 -8
  186. package/icon-set/eva-icons.js +3 -8
  187. package/icon-set/fontawesome-v5-pro.js +1 -6
  188. package/icon-set/fontawesome-v5.js +1 -6
  189. package/icon-set/fontawesome-v6-pro.js +1 -6
  190. package/icon-set/fontawesome-v6.js +1 -6
  191. package/icon-set/ionicons-v4.js +3 -8
  192. package/icon-set/line-awesome.js +1 -6
  193. package/icon-set/material-icons-outlined.js +1 -6
  194. package/icon-set/material-icons-round.js +1 -6
  195. package/icon-set/material-icons-sharp.js +1 -6
  196. package/icon-set/material-icons.js +1 -6
  197. package/icon-set/material-symbols-outlined.js +1 -6
  198. package/icon-set/material-symbols-rounded.js +1 -6
  199. package/icon-set/material-symbols-sharp.js +1 -6
  200. package/icon-set/mdi-v3.js +1 -6
  201. package/icon-set/mdi-v4.js +1 -6
  202. package/icon-set/mdi-v5.js +1 -6
  203. package/icon-set/mdi-v6.js +1 -6
  204. package/icon-set/mdi-v7.js +1 -6
  205. package/icon-set/svg-bootstrap-icons.js +6 -6
  206. package/icon-set/svg-eva-icons.js +6 -6
  207. package/icon-set/svg-fontawesome-v5.js +3 -3
  208. package/icon-set/svg-fontawesome-v6.js +4 -5
  209. package/icon-set/svg-ionicons-v4.js +6 -6
  210. package/icon-set/svg-ionicons-v5.js +5 -5
  211. package/icon-set/svg-ionicons-v6.js +5 -5
  212. package/icon-set/svg-line-awesome.js +4 -5
  213. package/icon-set/svg-material-icons-outlined.js +4 -5
  214. package/icon-set/svg-material-icons-round.js +4 -5
  215. package/icon-set/svg-material-icons-sharp.js +4 -5
  216. package/icon-set/svg-material-icons.js +4 -5
  217. package/icon-set/svg-material-symbols-outlined.js +4 -4
  218. package/icon-set/svg-material-symbols-rounded.js +4 -4
  219. package/icon-set/svg-material-symbols-sharp.js +4 -4
  220. package/icon-set/svg-mdi-v6.js +4 -5
  221. package/icon-set/svg-mdi-v7.js +4 -4
  222. package/icon-set/svg-themify.js +6 -6
  223. package/icon-set/themify.js +3 -8
  224. package/lang/ar-TN.js +1 -6
  225. package/lang/ar.js +1 -6
  226. package/lang/az-Latn.js +1 -6
  227. package/lang/bg.js +1 -6
  228. package/lang/bn.js +1 -6
  229. package/lang/ca.js +1 -6
  230. package/lang/cs.js +1 -6
  231. package/lang/da.js +1 -6
  232. package/lang/de-CH.js +1 -6
  233. package/lang/de-DE.js +1 -6
  234. package/lang/de.js +1 -6
  235. package/lang/el.js +1 -6
  236. package/lang/en-GB.js +1 -6
  237. package/lang/en-US.js +1 -6
  238. package/lang/eo.js +1 -6
  239. package/lang/es.js +1 -6
  240. package/lang/et.js +1 -6
  241. package/lang/eu.js +1 -6
  242. package/lang/fa-IR.js +1 -6
  243. package/lang/fa.js +1 -6
  244. package/lang/fi.js +1 -6
  245. package/lang/fr.js +1 -6
  246. package/lang/gn.js +1 -6
  247. package/lang/he.js +1 -6
  248. package/lang/hi.js +1 -6
  249. package/lang/hr.js +1 -6
  250. package/lang/hu.js +1 -6
  251. package/lang/id.js +1 -6
  252. package/lang/is.js +1 -6
  253. package/lang/it.js +1 -6
  254. package/lang/ja.js +1 -6
  255. package/lang/kk.js +1 -6
  256. package/lang/km.js +1 -6
  257. package/lang/ko-KR.js +1 -6
  258. package/lang/kur-CKB.js +1 -6
  259. package/lang/lt.js +1 -6
  260. package/lang/lu.js +1 -6
  261. package/lang/lv.js +1 -6
  262. package/lang/mk.js +1 -6
  263. package/lang/ml.js +1 -6
  264. package/lang/mm.js +1 -6
  265. package/lang/ms-MY.js +1 -6
  266. package/lang/ms.js +1 -6
  267. package/lang/my.js +1 -6
  268. package/lang/nb-NO.js +1 -6
  269. package/lang/nl.js +1 -6
  270. package/lang/pl.js +1 -6
  271. package/lang/pt-BR.js +1 -6
  272. package/lang/pt.js +1 -6
  273. package/lang/ro.js +1 -6
  274. package/lang/ru.js +1 -6
  275. package/lang/sk.js +1 -6
  276. package/lang/sl.js +1 -6
  277. package/lang/sm.js +1 -6
  278. package/lang/sr-CYR.js +1 -6
  279. package/lang/sr.js +1 -6
  280. package/lang/sv.js +1 -6
  281. package/lang/ta.js +1 -6
  282. package/lang/th.js +1 -6
  283. package/lang/tl.js +1 -6
  284. package/lang/tr.js +1 -6
  285. package/lang/ug.js +1 -6
  286. package/lang/uk.js +1 -6
  287. package/lang/uz-Cyrl.js +1 -6
  288. package/lang/uz-Latn.js +1 -6
  289. package/lang/vi.js +1 -6
  290. package/lang/zh-CN.js +1 -6
  291. package/lang/zh-TW.js +1 -6
  292. package/package.json +20 -9
  293. package/src/components/avatar/QAvatar.test.js +0 -28
  294. package/src/components/badge/QBadge.test.js +0 -36
  295. package/src/components/banner/QBanner.test.js +0 -16
  296. package/src/components/bar/QBar.test.js +0 -8
  297. package/src/components/breadcrumbs/QBreadcrumbs.json +2 -1
  298. package/src/components/breadcrumbs/QBreadcrumbs.test.js +1 -21
  299. package/src/components/breadcrumbs/QBreadcrumbsEl.test.js +0 -51
  300. package/src/components/btn/QBtn.json +6 -1
  301. package/src/components/btn/QBtn.test.js +0 -143
  302. package/src/components/btn/use-btn.js +8 -4
  303. package/src/components/btn/use-btn.test.js +9 -1
  304. package/src/components/btn-dropdown/QBtnDropdown.js +3 -3
  305. package/src/components/btn-dropdown/QBtnDropdown.json +1 -4
  306. package/src/components/btn-toggle/QBtnToggle.json +3 -1
  307. package/src/components/card/QCardActions.json +1 -0
  308. package/src/components/carousel/QCarousel.js +4 -3
  309. package/src/components/carousel/QCarousel.json +6 -3
  310. package/src/components/checkbox/use-checkbox.json +1 -1
  311. package/src/components/chip/QChip.test.js +0 -108
  312. package/src/components/circular-progress/QCircularProgress.json +0 -1
  313. package/src/components/color/QColor.json +1 -0
  314. package/src/components/date/QDate.js +8 -2
  315. package/src/components/date/QDate.json +1 -0
  316. package/src/components/date/use-datetime.js +1 -3
  317. package/src/components/dialog/QDialog.js +1 -2
  318. package/src/components/dialog/QDialog.json +11 -1
  319. package/src/components/dialog/QDialog.test.js +38 -160
  320. package/src/components/drawer/QDrawer.json +2 -2
  321. package/src/components/editor/QEditor.js +3 -8
  322. package/src/components/editor/QEditor.json +9 -2
  323. package/src/components/expansion-item/QExpansionItem.js +1 -1
  324. package/src/components/expansion-item/QExpansionItem.json +5 -6
  325. package/src/components/fab/QFab.js +1 -0
  326. package/src/components/fab/QFab.json +5 -4
  327. package/src/components/fab/QFabAction.json +2 -1
  328. package/src/components/fab/use-fab.json +2 -1
  329. package/src/components/field/QField.json +0 -39
  330. package/src/components/file/QFile.js +2 -2
  331. package/src/components/file/QFile.json +2 -7
  332. package/src/components/footer/QFooter.json +3 -1
  333. package/src/components/form/QForm.js +1 -1
  334. package/src/components/header/QHeader.json +3 -1
  335. package/src/components/img/QImg.json +1 -1
  336. package/src/components/infinite-scroll/QInfiniteScroll.js +7 -6
  337. package/src/components/inner-loading/QInnerLoading.js +1 -1
  338. package/src/components/inner-loading/QInnerLoading.json +1 -0
  339. package/src/components/input/QInput.js +2 -1
  340. package/src/components/input/QInput.json +7 -24
  341. package/src/components/intersection/QIntersection.json +1 -1
  342. package/src/components/item/QItem.json +3 -1
  343. package/src/components/knob/QKnob.json +11 -2
  344. package/src/components/menu/QMenu.js +2 -4
  345. package/src/components/menu/QMenu.json +3 -1
  346. package/src/components/option-group/QOptionGroup.js +1 -0
  347. package/src/components/page/QPage.json +1 -2
  348. package/src/components/page-scroller/QPageScroller.js +1 -0
  349. package/src/components/page-scroller/QPageScroller.json +4 -0
  350. package/src/components/page-sticky/QPageSticky.js +1 -1
  351. package/src/components/pagination/QPagination.json +7 -2
  352. package/src/components/parallax/QParallax.js +2 -4
  353. package/src/components/parallax/QParallax.json +1 -0
  354. package/src/components/popup-edit/QPopupEdit.json +2 -1
  355. package/src/components/pull-to-refresh/QPullToRefresh.js +2 -4
  356. package/src/components/radio/QRadio.json +2 -2
  357. package/src/components/range/QRange.json +1 -0
  358. package/src/components/scroll-observer/QScrollObserver.js +2 -4
  359. package/src/components/select/QSelect.js +7 -7
  360. package/src/components/select/QSelect.json +27 -16
  361. package/src/components/separator/QSeparator.json +0 -1
  362. package/src/components/skeleton/QSkeleton.json +1 -1
  363. package/src/components/slider/QSlider.json +1 -0
  364. package/src/components/slider/use-slider.js +0 -2
  365. package/src/components/spinner/QSpinner.json +1 -5
  366. package/src/components/spinner/QSpinner.test.js +79 -0
  367. package/src/components/spinner/QSpinnerAudio.test.js +59 -0
  368. package/src/components/spinner/QSpinnerBall.test.js +59 -0
  369. package/src/components/spinner/QSpinnerBars.test.js +59 -0
  370. package/src/components/spinner/QSpinnerBox.test.js +59 -0
  371. package/src/components/spinner/QSpinnerClock.test.js +59 -0
  372. package/src/components/spinner/QSpinnerComment.test.js +59 -0
  373. package/src/components/spinner/QSpinnerCube.test.js +59 -0
  374. package/src/components/spinner/QSpinnerDots.test.js +59 -0
  375. package/src/components/spinner/QSpinnerFacebook.test.js +59 -0
  376. package/src/components/spinner/QSpinnerGears.test.js +59 -0
  377. package/src/components/spinner/QSpinnerGrid.test.js +59 -0
  378. package/src/components/spinner/QSpinnerHearts.test.js +59 -0
  379. package/src/components/spinner/QSpinnerHourglass.test.js +59 -0
  380. package/src/components/spinner/QSpinnerInfinity.test.js +59 -0
  381. package/src/components/spinner/QSpinnerIos.test.js +59 -0
  382. package/src/components/spinner/QSpinnerOrbit.test.js +59 -0
  383. package/src/components/spinner/QSpinnerOval.test.js +59 -0
  384. package/src/components/spinner/QSpinnerPie.test.js +59 -0
  385. package/src/components/spinner/QSpinnerPuff.test.js +59 -0
  386. package/src/components/spinner/QSpinnerRadio.test.js +59 -0
  387. package/src/components/spinner/QSpinnerRings.test.js +59 -0
  388. package/src/components/spinner/QSpinnerTail.test.js +59 -0
  389. package/src/components/spinner/spinner.json +5 -0
  390. package/src/components/spinner/use-spinner.js +1 -1
  391. package/src/components/spinner/use-spinner.test.js +59 -0
  392. package/src/components/splitter/QSplitter.json +3 -3
  393. package/src/components/stepper/QStep.json +6 -0
  394. package/src/components/tab-panels/QTabPanels.json +6 -0
  395. package/src/components/table/QTable.js +6 -8
  396. package/src/components/table/QTable.json +13 -8
  397. package/src/components/table/QTh.json +4 -0
  398. package/src/components/tabs/QRouteTab.json +3 -2
  399. package/src/components/tabs/QTab.json +1 -65
  400. package/src/components/tabs/use-tab.json +72 -0
  401. package/src/components/time/QTime.js +6 -0
  402. package/src/components/time/QTime.json +2 -0
  403. package/src/components/timeline/QTimeline.json +2 -1
  404. package/src/components/toolbar/QToolbar.test.js +41 -0
  405. package/src/components/toolbar/QToolbarTitle.test.js +41 -0
  406. package/src/components/tooltip/QTooltip.js +6 -6
  407. package/src/components/tooltip/QTooltip.json +6 -15
  408. package/src/components/tree/QTree.js +1 -1
  409. package/src/components/tree/QTree.json +2 -1
  410. package/src/components/uploader/xhr-uploader-plugin.js +1 -3
  411. package/src/components/video/QVideo.test.js +0 -24
  412. package/src/components/virtual-scroll/QVirtualScroll.js +2 -4
  413. package/src/components/virtual-scroll/QVirtualScroll.json +0 -1
  414. package/src/components/virtual-scroll/use-virtual-scroll.js +2 -2
  415. package/src/components/virtual-scroll/use-virtual-scroll.json +1 -1
  416. package/src/composables/private.use-anchor/use-anchor-static.json +22 -0
  417. package/src/composables/private.use-anchor/use-anchor.js +13 -4
  418. package/src/composables/private.use-anchor/use-anchor.json +2 -19
  419. package/src/composables/private.use-field/use-field.js +6 -3
  420. package/src/composables/private.use-field/use-field.json +22 -0
  421. package/src/composables/private.use-fullscreen/use-fullscreen.json +10 -0
  422. package/src/composables/private.use-model-toggle/use-model-toggle.json +4 -2
  423. package/src/composables/private.use-panel/use-panel.json +3 -0
  424. package/src/composables/private.use-portal/use-portal.js +1 -1
  425. package/src/composables/private.use-router-link/use-router-link.js +15 -9
  426. package/src/composables/private.use-router-link/use-router-link.json +2 -0
  427. package/src/composables/private.use-validate/use-validate.json +1 -0
  428. package/src/composables/use-id/use-id.test.js +0 -1
  429. package/src/composables/use-interval/use-interval.test.js +173 -0
  430. package/src/composables/use-render-cache/use-render-cache.js +2 -2
  431. package/src/composables/use-render-cache/use-render-cache.test.js +73 -0
  432. package/src/composables/use-split-attrs/use-split-attrs.test.js +55 -0
  433. package/src/composables/use-tick/use-tick.test.js +118 -0
  434. package/src/composables/use-timeout/use-timeout.test.js +169 -0
  435. package/src/install-quasar.js +1 -1
  436. package/src/plugins/addressbar/AddressbarColor.test.js +53 -0
  437. package/src/plugins/app-fullscreen/AppFullscreen.js +1 -1
  438. package/src/plugins/app-fullscreen/AppFullscreen.json +3 -1
  439. package/src/plugins/app-fullscreen/AppFullscreen.test.js +206 -0
  440. package/src/plugins/app-fullscreen/test/mock-fullscreen.js +43 -0
  441. package/src/plugins/app-visibility/AppVisibility.test.js +45 -0
  442. package/src/plugins/bottom-sheet/BottomSheet.js +1 -1
  443. package/src/plugins/bottom-sheet/BottomSheet.json +1 -1
  444. package/src/plugins/dark/Dark.test.js +158 -0
  445. package/src/plugins/dialog/Dialog.js +1 -1
  446. package/src/plugins/dialog/Dialog.json +1 -1
  447. package/src/plugins/icon-set/IconSet.js +1 -2
  448. package/src/plugins/icon-set/IconSet.test.js +2 -2
  449. package/src/plugins/lang/Lang.js +1 -2
  450. package/src/plugins/lang/Lang.test.js +2 -2
  451. package/src/plugins/loading/Loading.js +1 -1
  452. package/src/plugins/loading-bar/LoadingBar.js +1 -1
  453. package/src/plugins/notify/Notify.js +1 -1
  454. package/src/plugins/platform/Platform.js +2 -1
  455. package/src/plugins/private.body/Body.test.js +28 -0
  456. package/src/plugins/private.history/History.test.js +38 -0
  457. package/src/plugins/screen/Screen.test.js +453 -0
  458. package/src/utils/css-var/get-css-var.test.js +12 -0
  459. package/src/utils/css-var/set-css-var.test.js +18 -0
  460. package/src/utils/dom/dom.test.js +222 -0
  461. package/src/utils/{private.global/global-config.test.js → private.config/instance-config.test.js} +2 -2
  462. package/src/utils/{private.global/global-nodes.js → private.config/nodes.js} +1 -1
  463. package/src/utils/{private.global/global-nodes.test.js → private.config/nodes.test.js} +3 -3
  464. package/src/utils/{private.global/global-dialog.js → private.dialog/create-dialog.js} +1 -1
  465. package/src/utils/private.render/render.test.js +187 -0
  466. package/src/utils/private.selection/selection.test.js +40 -0
  467. package/src/utils/private.vm/vm.test.js +175 -0
  468. package/src/utils/scroll/scroll.js +4 -0
  469. package/wrappers/{index.mjs → index.cjs} +15 -15
  470. package/wrappers/index.js +15 -15
  471. package/dist/quasar.cjs.prod.js +0 -127
  472. package/dist/quasar.esm.prod.js +0 -127
  473. package/dist/transforms/import-transformation.js +0 -9
  474. package/icon-set/bootstrap-icons.mjs +0 -136
  475. package/icon-set/eva-icons.mjs +0 -186
  476. package/icon-set/fontawesome-v5-pro.mjs +0 -128
  477. package/icon-set/fontawesome-v5.mjs +0 -128
  478. package/icon-set/fontawesome-v6-pro.mjs +0 -128
  479. package/icon-set/fontawesome-v6.mjs +0 -128
  480. package/icon-set/ionicons-v4.mjs +0 -180
  481. package/icon-set/line-awesome.mjs +0 -128
  482. package/icon-set/material-icons-outlined.mjs +0 -128
  483. package/icon-set/material-icons-round.mjs +0 -128
  484. package/icon-set/material-icons-sharp.mjs +0 -128
  485. package/icon-set/material-icons.mjs +0 -128
  486. package/icon-set/material-symbols-outlined.mjs +0 -128
  487. package/icon-set/material-symbols-rounded.mjs +0 -128
  488. package/icon-set/material-symbols-sharp.mjs +0 -128
  489. package/icon-set/mdi-v3.mjs +0 -141
  490. package/icon-set/mdi-v4.mjs +0 -141
  491. package/icon-set/mdi-v5.mjs +0 -141
  492. package/icon-set/mdi-v6.mjs +0 -141
  493. package/icon-set/mdi-v7.mjs +0 -141
  494. package/icon-set/svg-bootstrap-icons.mjs +0 -210
  495. package/icon-set/svg-eva-icons.mjs +0 -233
  496. package/icon-set/svg-fontawesome-v5.mjs +0 -197
  497. package/icon-set/svg-fontawesome-v6.mjs +0 -198
  498. package/icon-set/svg-ionicons-v4.mjs +0 -234
  499. package/icon-set/svg-ionicons-v5.mjs +0 -225
  500. package/icon-set/svg-ionicons-v6.mjs +0 -224
  501. package/icon-set/svg-line-awesome.mjs +0 -198
  502. package/icon-set/svg-material-icons-outlined.mjs +0 -203
  503. package/icon-set/svg-material-icons-round.mjs +0 -203
  504. package/icon-set/svg-material-icons-sharp.mjs +0 -203
  505. package/icon-set/svg-material-icons.mjs +0 -203
  506. package/icon-set/svg-material-symbols-outlined.mjs +0 -201
  507. package/icon-set/svg-material-symbols-rounded.mjs +0 -201
  508. package/icon-set/svg-material-symbols-sharp.mjs +0 -201
  509. package/icon-set/svg-mdi-v6.mjs +0 -225
  510. package/icon-set/svg-mdi-v7.mjs +0 -224
  511. package/icon-set/svg-themify.mjs +0 -231
  512. package/icon-set/themify.mjs +0 -169
  513. package/lang/ar-TN.mjs +0 -98
  514. package/lang/ar.mjs +0 -98
  515. package/lang/az-Latn.mjs +0 -93
  516. package/lang/bg.mjs +0 -93
  517. package/lang/bn.mjs +0 -93
  518. package/lang/ca.mjs +0 -93
  519. package/lang/cs.mjs +0 -104
  520. package/lang/da.mjs +0 -93
  521. package/lang/de-CH.mjs +0 -93
  522. package/lang/de-DE.mjs +0 -93
  523. package/lang/de.mjs +0 -93
  524. package/lang/el.mjs +0 -93
  525. package/lang/en-GB.mjs +0 -93
  526. package/lang/en-US.mjs +0 -93
  527. package/lang/eo.mjs +0 -93
  528. package/lang/es.mjs +0 -93
  529. package/lang/et.mjs +0 -93
  530. package/lang/eu.mjs +0 -93
  531. package/lang/fa-IR.mjs +0 -94
  532. package/lang/fa.mjs +0 -94
  533. package/lang/fi.mjs +0 -94
  534. package/lang/fr.mjs +0 -96
  535. package/lang/gn.mjs +0 -93
  536. package/lang/he.mjs +0 -94
  537. package/lang/hi.mjs +0 -93
  538. package/lang/hr.mjs +0 -93
  539. package/lang/hu.mjs +0 -93
  540. package/lang/id.mjs +0 -93
  541. package/lang/is.mjs +0 -93
  542. package/lang/it.mjs +0 -93
  543. package/lang/ja.mjs +0 -92
  544. package/lang/kk.mjs +0 -97
  545. package/lang/km.mjs +0 -93
  546. package/lang/ko-KR.mjs +0 -93
  547. package/lang/kur-CKB.mjs +0 -103
  548. package/lang/lt.mjs +0 -105
  549. package/lang/lu.mjs +0 -93
  550. package/lang/lv.mjs +0 -93
  551. package/lang/mk.mjs +0 -93
  552. package/lang/ml.mjs +0 -97
  553. package/lang/mm.mjs +0 -94
  554. package/lang/ms-MY.mjs +0 -96
  555. package/lang/ms.mjs +0 -93
  556. package/lang/my.mjs +0 -92
  557. package/lang/nb-NO.mjs +0 -94
  558. package/lang/nl.mjs +0 -93
  559. package/lang/pl.mjs +0 -93
  560. package/lang/pt-BR.mjs +0 -93
  561. package/lang/pt.mjs +0 -93
  562. package/lang/ro.mjs +0 -93
  563. package/lang/ru.mjs +0 -97
  564. package/lang/sk.mjs +0 -93
  565. package/lang/sl.mjs +0 -93
  566. package/lang/sm.mjs +0 -93
  567. package/lang/sr-CYR.mjs +0 -93
  568. package/lang/sr.mjs +0 -93
  569. package/lang/sv.mjs +0 -93
  570. package/lang/ta.mjs +0 -93
  571. package/lang/th.mjs +0 -93
  572. package/lang/tl.mjs +0 -93
  573. package/lang/tr.mjs +0 -89
  574. package/lang/ug.mjs +0 -93
  575. package/lang/uk.mjs +0 -97
  576. package/lang/uz-Cyrl.mjs +0 -95
  577. package/lang/uz-Latn.mjs +0 -99
  578. package/lang/vi.mjs +0 -93
  579. package/lang/zh-CN.mjs +0 -92
  580. package/lang/zh-TW.mjs +0 -92
  581. /package/src/utils/{private.global/global-config.js → private.config/instance-config.js} +0 -0
  582. /package/src/utils/{private.global/global-dialog.json → private.dialog/create-dialog.json} +0 -0
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/slider"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"min":{"type":"Number","desc":"Minimum value of the model; Set track's minimum value","default":"0","category":"model","required":false},"max":{"type":"Number","desc":"Maximum value of the model; Set track's maximum value","default":"100","category":"model","required":false},"inner-min":{"type":"Number","desc":"Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop","category":"model","addedIn":"v2.4"},"inner-max":{"type":"Number","desc":"Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop","category":"model","addedIn":"v2.4"},"step":{"type":"Number","desc":"Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity","default":"1","category":"model","required":false},"snap":{"type":"Boolean","desc":"Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop","category":"behavior"},"reverse":{"type":"Boolean","desc":"Work in reverse (changes direction)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Display in vertical direction","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"track-img":{"type":"String","desc":"Apply a pattern image on the track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"inner-track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"inner-track-img":{"type":"String","desc":"Apply a pattern image on the inner track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"selection-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"selection-img":{"type":"String","desc":"Apply a pattern image on the selection bar","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"label":{"type":"Boolean","desc":"Popup a label when user clicks/taps on the slider thumb and moves it","category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"switch-label-side":{"type":"Boolean","desc":"Switch the position of the label (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"label-always":{"type":"Boolean","desc":"Always display the label","category":"behavior|content"},"markers":{"type":["Boolean","Number"],"desc":"Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)","category":"content","examples":["5","true"]},"marker-labels":{"type":["Boolean","Array","Object","Function"],"tsType":"SliderMarkerLabels","desc":"Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition","definition":{"value":{"type":"Number","required":true,"desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["'my-class-name'"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}},"params":{"value":{"type":"Number","desc":"The marker value to transform","required":true}},"returns":{"type":["String","Object"],"desc":"Marker definition Object or directly a String for the label of the marker","definition":{"value":{"type":"Number","desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["'my-class-name'"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"category":"content","examples":["true","[ { value: 0, label: '0%' }, { value: 5, classes: 'my-class', style: { width: '24px' } } ]","{ 0: '0%', 5: { label: '5%', classes: 'my-class', style: { width: '24px' } } }","val => (10 * val) + '%'","val => ({ label: (10 * val) + '%', classes: 'my-class', style: { width: '24px' } })"],"addedIn":"v2.4"},"marker-labels-class":{"type":"String","desc":"CSS class(es) to apply to the marker labels container","examples":["'text-orange'"],"category":"style","addedIn":"v2.4"},"switch-marker-labels-side":{"type":"Boolean","desc":"Switch the position of the marker labels (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"track-size":{"type":"String","desc":"Track size (including CSS unit)","default":"'4px'","examples":["'35px'"],"category":"style","addedIn":"v2.4","required":false},"thumb-size":{"type":"String","desc":"Thumb size (including CSS unit)","default":"'20px'","examples":["'20px'"],"category":"style","addedIn":"v2.4","required":false},"thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"thumb-path":{"type":"String","desc":"Set custom thumb svg path","default":"'M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0'","examples":["'M5 5 h10 v10 h-10 v-10'"],"category":"style","required":false},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"model-value":{"desc":"Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Number","null","undefined"],"examples":["# v-model=\"positionModel\""]},"label-value":{"type":["String","Number"],"desc":"Override default label value","examples":["# :label-value=\"model + 'px'\""],"category":"content"}},"slots":{"marker-label":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"marker":{"type":"Object","tsType":"SliderMarkerLabelConfig","desc":"Config for current marker label","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}},"marker-label-group":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}}},"events":{"change":{"desc":"Emitted on lazy model value change (after user slides then releases the thumb)","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"pan":{"desc":"Triggered when user starts panning on the component","params":{"phase":{"type":"String","desc":"Phase of panning","values":["'start'","'end'"]}}},"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["Number","null"],"desc":"New model value","required":true}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/slider"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"min":{"type":"Number","desc":"Minimum value of the model; Set track's minimum value","default":"0","category":"model","required":false},"max":{"type":"Number","desc":"Maximum value of the model; Set track's maximum value","default":"100","category":"model","required":false},"inner-min":{"type":"Number","desc":"Inner minimum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be higher or equal to 'min' prop; Defaults to 'min' prop","category":"model","addedIn":"v2.4"},"inner-max":{"type":"Number","desc":"Inner maximum value of the model; Use in case you need the model value to be inside of the track's min-max values; Needs to be lower or equal to 'max' prop; Defaults to 'max' prop","category":"model","addedIn":"v2.4"},"step":{"type":"Number","desc":"Specify step amount between valid values (> 0.0); When step equals to 0 it defines infinite granularity","default":"1","category":"model","required":false},"snap":{"type":"Boolean","desc":"Snap on valid values, rather than sliding freely; Suggestion: use with 'step' prop","category":"behavior"},"reverse":{"type":"Boolean","desc":"Work in reverse (changes direction)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Display in vertical direction","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"track-img":{"type":"String","desc":"Apply a pattern image on the track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"inner-track-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the inner track (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"inner-track-img":{"type":"String","desc":"Apply a pattern image on the inner track","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"selection-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the selection bar (can be 'transparent' too) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"selection-img":{"type":"String","desc":"Apply a pattern image on the selection bar","transformAssetUrls":true,"examples":["'~assets/my-pattern.png'"],"category":"style","addedIn":"v2.4"},"label":{"type":"Boolean","desc":"Popup a label when user clicks/taps on the slider thumb and moves it","category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"label-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"switch-label-side":{"type":"Boolean","desc":"Switch the position of the label (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"label-always":{"type":"Boolean","desc":"Always display the label","category":"behavior|content"},"markers":{"type":["Boolean","Number"],"desc":"Display markers on the track, one for each possible value for the model or using a custom step (when specifying a Number)","category":"content","examples":["5","true"]},"marker-labels":{"type":["Boolean","Array","Object","Function"],"tsType":"SliderMarkerLabels","desc":"Configure the marker labels (or show the default ones if 'true'); Array of definition Objects or Object with key-value where key is the model and the value is the marker label definition","definition":{"value":{"type":"Number","required":true,"desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["'my-class-name'"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}},"params":{"value":{"type":"Number","desc":"The marker value to transform","required":true}},"returns":{"type":["String","Object"],"desc":"Marker definition Object or directly a String for the label of the marker","definition":{"value":{"type":"Number","desc":"Value of equivalent model where to position the marker"},"label":{"type":["Number","String"],"desc":"Label to use"},"classes":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"CSS classes to be attributed to the marker label","examples":["'my-class-name'"]},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"category":"content","examples":["true","[ { value: 0, label: '0%' }, { value: 5, classes: 'my-class', style: { width: '24px' } } ]","{ 0: '0%', 5: { label: '5%', classes: 'my-class', style: { width: '24px' } } }","val => (10 * val) + '%'","val => ({ label: (10 * val) + '%', classes: 'my-class', style: { width: '24px' } })"],"addedIn":"v2.4"},"marker-labels-class":{"type":"String","desc":"CSS class(es) to apply to the marker labels container","examples":["'text-orange'"],"category":"style","addedIn":"v2.4"},"switch-marker-labels-side":{"type":"Boolean","desc":"Switch the position of the marker labels (top <-> bottom or left <-> right)","category":"style","addedIn":"v2.4"},"track-size":{"type":"String","desc":"Track size (including CSS unit)","default":"'4px'","examples":["'35px'"],"category":"style","addedIn":"v2.4","required":false},"thumb-size":{"type":"String","desc":"Thumb size (including CSS unit)","default":"'20px'","examples":["'20px'"],"category":"style","addedIn":"v2.4","required":false},"thumb-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","addedIn":"v2.4"},"thumb-path":{"type":"String","desc":"Set custom thumb svg path","default":"'M 4, 10 a 6,6 0 1,0 12,0 a 6,6 0 1,0 -12,0'","examples":["'M5 5 h10 v10 h-10 v-10'"],"category":"style","required":false},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"model-value":{"desc":"Model of the component (must be between min/max); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Number","null","undefined"],"default":"null","examples":["# v-model=\"positionModel\""]},"label-value":{"type":["String","Number"],"desc":"Override default label value","examples":["# :label-value=\"model + 'px'\""],"category":"content"}},"slots":{"marker-label":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"marker":{"type":"Object","tsType":"SliderMarkerLabelConfig","desc":"Config for current marker label","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}},"marker-label-group":{"desc":"What should the menu display after filtering options and none are left to be displayed; Suggestion: <div>","addedIn":"v2.4","scope":{"markerList":{"type":"Array","tsType":"SliderMarkerLabelArrayConfig","desc":"Array of marker label configs","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}},"markerMap":{"type":"Object","tsType":"SliderMarkerLabelObjectConfig","desc":"Object with key-value where key is the model and the value is the marker label config","definition":{"...key":{"type":"Object","desc":"Marker label config","definition":{"index":{"type":"Number","desc":"Index of the marker label (0-based)"},"value":{"type":"Number","desc":"Equivalent model value for the marker label"},"label":{"type":["Number","String"],"desc":"Configured label for the marker"},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Style definitions to be attributed to the marker label","examples":["{ height: '24px' }"]}}}}},"classes":{"type":"String","desc":"Required CSS classes to be applied to the marker element"},"getStyle":{"type":"Function","desc":"Get CSS style Object to apply to a marker element at respective model value; For perf reasons, use only if requested model value is not already part of markerMap","params":{"value":{"type":"Number","desc":"The marker label equivalent model value","required":true}},"returns":{"type":"Object","desc":"CSS style Object to apply to a marker element at respective model value"}}}}},"events":{"change":{"desc":"Emitted on lazy model value change (after user slides then releases the thumb)","params":{"value":{"type":"Any","desc":"New model value","required":true}}},"pan":{"desc":"Triggered when user starts panning on the component","params":{"phase":{"type":"String","desc":"Phase of panning","values":["'start'","'end'"]}}},"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["Number","null"],"desc":"New model value","required":true}}}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"thickness":{"type":"Number","desc":"Override value to use for stroke-width","default":"5","category":"style","required":false}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"thickness":{"type":"Number","desc":"Override value to use for stroke-width","default":"5","category":"style","required":false}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"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"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/spinners"},"props":{"size":{"type":["String","Number"],"desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style","default":"'1em'","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/splitter"},"props":{"model-value":{"desc":"Model of the component defining the size of first panel (or second if using reverse) in the unit specified (for '%' it's the split ratio percent - 0.0 < x < 100.0; for 'px' it's the size in px); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":"Number","examples":["# v-model=\"ratio\""]},"reverse":{"type":"Boolean","desc":"Apply the model size to the second panel (by default it applies to the first)","category":"model"},"unit":{"type":"String","desc":"CSS unit for the model","default":"'%'","values":["'%'","'px'"],"category":"model","required":false},"emit-immediately":{"type":"Boolean","desc":"Emit model while user is panning on the separator","category":"model"},"horizontal":{"type":"Boolean","desc":"Allows the splitter to split its two panels horizontally, instead of vertically","category":"content"},"limits":{"type":"Array","desc":"An array of two values representing the minimum and maximum split size of the two panels; When 'px' unit is set then you can use Infinity as the second value to make it unbound on the other side; Default value: for '%' unit it is [10, 90], while for 'px' unit it is [50, Infinity]","default":"# [10, 90]/[50, Infinity]","examples":["[ 30, 70 ]","[ 0, Infinity ]"],"category":"content|model","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"before-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the 'before' panel","examples":["'bg-deep-orange'","{ 'my-special-class': true }"],"category":"style"},"after-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the 'after' panel","examples":["'bg-deep-orange'","{ 'my-special-class': true }"],"category":"style"},"separator-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the splitter separator","examples":["'bg-deep-orange'","{ 'my-special-class': true }"],"category":"style"},"separator-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the splitter separator","examples":["'background-color: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"dark":{"type":"Boolean","desc":"Applies a default lighter color on the separator; To be used when background is darker; Avoid using when you are overriding through separator-class or separator-style props","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component; Suggestion: QTooltip, QMenu"},"before":{"desc":"Content of the panel on left/top"},"after":{"desc":"Content of the panel on right/bottom"},"separator":{"desc":"Content to be placed inside the separator; By default it is centered"}},"events":{"update:model-value":{"desc":"Emitted when component's model value changes; Is also used by v-model","params":{"value":{"type":"Number","desc":"New model value (0.0 < x < 100.0) defining the ratio between panels"}}}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/splitter"},"props":{"model-value":{"desc":"Model of the component defining the size of first panel (or second if using reverse) in the unit specified (for '%' it's the split ratio percent - 0.0 < x < 100.0; for 'px' it's the size in px); Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":"Number","examples":["# v-model=\"ratio\""]},"reverse":{"type":"Boolean","desc":"Apply the model size to the second panel (by default it applies to the first)","category":"model"},"unit":{"type":"String","desc":"CSS unit for the model","default":"'%'","values":["'%'","'px'"],"category":"model","required":false},"emit-immediately":{"type":"Boolean","desc":"Emit model while user is panning on the separator","category":"model"},"horizontal":{"type":"Boolean","desc":"Allows the splitter to split its two panels horizontally, instead of vertically","category":"content"},"limits":{"type":"Array","desc":"An array of two values representing the minimum and maximum split size of the two panels; When 'px' unit is set then you can use Infinity as the second value to make it unbound on the other side; Default value: for '%' unit it is [10, 90], while for 'px' unit it is [50, Infinity]","default":"# [10, 90]/[50, Infinity]","examples":["[ 30, 70 ]","[ 0, Infinity ]"],"category":"content|model","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"before-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the 'before' panel","examples":["'bg-deep-orange'","{ 'my-special-class': true }"],"category":"style"},"after-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the 'after' panel","examples":["'bg-deep-orange'","{ 'my-special-class': true }"],"category":"style"},"separator-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the splitter separator","examples":["'bg-deep-orange'","{ 'my-special-class': true }"],"category":"style"},"separator-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the splitter separator","examples":["'background-color: #ff0000'","{ backgroundColor: '#ff0000' }"],"category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Applies a default lighter color on the separator; To be used when background is darker; Avoid using when you are overriding through separator-class or separator-style props","category":"style","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component; Suggestion: QTooltip, QMenu"},"before":{"desc":"Content of the panel on left/top"},"after":{"desc":"Content of the panel on right/bottom"},"separator":{"desc":"Content to be placed inside the separator; By default it is centered"}},"events":{"update:model-value":{"desc":"Emitted when component's model value changes; Is also used by v-model","params":{"value":{"type":"Number","desc":"New model value (0.0 < x < 100.0) defining the ratio between panels"}}}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/stepper"},"props":{"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":"Put Stepper in vertical mode (instead of horizontal by default)","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":"# slide-right/slide-down","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":"# slide-left/slide-up","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},"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"},"alternative-labels":{"type":"Boolean","desc":"Use alternative labels - stacks the icon on top of the label (applies only to horizontal stepper)","category":"header"},"header-nav":{"type":"Boolean","desc":"Allow navigation through the header","category":"behavior"},"contracted":{"type":"Boolean","desc":"Hide header labels on narrow windows","category":"header|behavior"},"inactive-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":"header"},"inactive-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"done-icon":{"type":"String","desc":"Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; 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":"header"},"done-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"active-icon":{"type":"String","desc":"Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; 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":"header"},"active-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"error-icon":{"type":"String","desc":"Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; 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":"header"},"error-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"header-class":{"type":"String","desc":"Class definitions to be attributed to the header","examples":["'my-special-class'"],"category":"style"}},"slots":{"default":{"desc":"Suggestion: QStep"},"navigation":{"desc":"Slot specific for the global navigation; Suggestion: QStepperNavigation"},"message":{"desc":"Slot specific for putting a message on top of each step (if horizontal stepper) or above steps (if vertical); Suggestion: QBanner, div.q-pa-lg"}},"events":{"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":{"next":{"desc":"Go to next panel","params":null,"returns":null},"previous":{"desc":"Go to previous panel","params":null,"returns":null},"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'"]}},"returns":null}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/stepper"},"props":{"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\""],"required":true,"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":"Put Stepper in vertical mode (instead of horizontal by default)","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":"# slide-right/slide-down","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":"# slide-left/slide-up","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},"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"},"alternative-labels":{"type":"Boolean","desc":"Use alternative labels - stacks the icon on top of the label (applies only to horizontal stepper)","category":"header"},"header-nav":{"type":"Boolean","desc":"Allow navigation through the header","category":"behavior"},"contracted":{"type":"Boolean","desc":"Hide header labels on narrow windows","category":"header|behavior"},"inactive-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":"header"},"inactive-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"done-icon":{"type":"String","desc":"Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; 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":"header"},"done-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"active-icon":{"type":"String","desc":"Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; 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":"header"},"active-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"error-icon":{"type":"String","desc":"Icon name following Quasar convention; If 'none' (String) is used as value, then it will defer to prefix or the regular icon for this state; 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":"header"},"error-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"header"},"header-class":{"type":"String","desc":"Class definitions to be attributed to the header","examples":["'my-special-class'"],"category":"style"}},"slots":{"default":{"desc":"Suggestion: QStep"},"navigation":{"desc":"Slot specific for the global navigation; Suggestion: QStepperNavigation"},"message":{"desc":"Slot specific for putting a message on top of each step (if horizontal stepper) or above steps (if vertical); Suggestion: QBanner, div.q-pa-lg"}},"events":{"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":{"next":{"desc":"Go to next panel","params":null,"returns":null},"previous":{"desc":"Go to previous panel","params":null,"returns":null},"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'"]}},"returns":null}}}
@@ -1 +1 @@
1
- {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tab-panels"},"props":{"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":"# slide-right/slide-down","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":"# slide-left/slide-up","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":"300","category":"transition","addedIn":"v2.2","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"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":{"next":{"desc":"Go to next panel","params":null,"returns":null},"previous":{"desc":"Go to previous panel","params":null,"returns":null},"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'"]}},"returns":null}}}
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tab-panels"},"props":{"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\""],"required":true,"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":"# slide-right/slide-down","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":"# slide-left/slide-up","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}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"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":{"next":{"desc":"Go to next panel","params":null,"returns":null},"previous":{"desc":"Go to previous panel","params":null,"returns":null},"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'"]}},"returns":null}}}