quasar 2.14.5 → 2.14.6

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 (356) hide show
  1. package/dist/api/AddressbarColor.json +1 -22
  2. package/dist/api/AppFullscreen.json +1 -78
  3. package/dist/api/AppVisibility.json +1 -15
  4. package/dist/api/BottomSheet.json +1 -264
  5. package/dist/api/Brand.json +1 -49
  6. package/dist/api/ClosePopup.json +1 -21
  7. package/dist/api/Cookies.json +1 -190
  8. package/dist/api/Dark.json +1 -63
  9. package/dist/api/Dialog.json +1 -479
  10. package/dist/api/Intersection.json +1 -204
  11. package/dist/api/Lang.json +1 -18
  12. package/dist/api/Loading.json +1 -317
  13. package/dist/api/LoadingBar.json +1 -62
  14. package/dist/api/LocalStorage.json +1 -187
  15. package/dist/api/Meta.json +1 -6
  16. package/dist/api/Morph.json +1 -188
  17. package/dist/api/Mutation.json +1 -122
  18. package/dist/api/Notify.json +1 -697
  19. package/dist/api/Platform.json +1 -238
  20. package/dist/api/QAjaxBar.json +1 -117
  21. package/dist/api/QAvatar.json +1 -76
  22. package/dist/api/QBadge.json +1 -82
  23. package/dist/api/QBanner.json +1 -44
  24. package/dist/api/QBar.json +1 -28
  25. package/dist/api/QBreadcrumbs.json +1 -82
  26. package/dist/api/QBreadcrumbsEl.json +1 -162
  27. package/dist/api/QBtn.json +1 -354
  28. package/dist/api/QBtnDropdown.json +1 -560
  29. package/dist/api/QBtnGroup.json +1 -59
  30. package/dist/api/QBtnToggle.json +1 -263
  31. package/dist/api/QCard.json +1 -51
  32. package/dist/api/QCardActions.json +1 -34
  33. package/dist/api/QCardSection.json +1 -31
  34. package/dist/api/QCarousel.json +1 -421
  35. package/dist/api/QCarouselControl.json +1 -41
  36. package/dist/api/QCarouselSlide.json +1 -44
  37. package/dist/api/QChatMessage.json +1 -128
  38. package/dist/api/QCheckbox.json +1 -211
  39. package/dist/api/QChip.json +1 -232
  40. package/dist/api/QCircularProgress.json +1 -145
  41. package/dist/api/QColor.json +1 -150
  42. package/dist/api/QDate.json +1 -637
  43. package/dist/api/QDialog.json +1 -259
  44. package/dist/api/QDrawer.json +1 -272
  45. package/dist/api/QEditor.json +1 -485
  46. package/dist/api/QExpansionItem.json +1 -434
  47. package/dist/api/QFab.json +1 -352
  48. package/dist/api/QFabAction.json +1 -241
  49. package/dist/api/QField.json +1 -448
  50. package/dist/api/QFile.json +1 -643
  51. package/dist/api/QFooter.json +1 -60
  52. package/dist/api/QForm.json +1 -112
  53. package/dist/api/QFormChildMixin.json +1 -24
  54. package/dist/api/QHeader.json +1 -67
  55. package/dist/api/QIcon.json +1 -69
  56. package/dist/api/QImg.json +1 -279
  57. package/dist/api/QInfiniteScroll.json +1 -116
  58. package/dist/api/QInnerLoading.json +1 -117
  59. package/dist/api/QInput.json +1 -521
  60. package/dist/api/QIntersection.json +1 -112
  61. package/dist/api/QItem.json +1 -203
  62. package/dist/api/QItemLabel.json +1 -36
  63. package/dist/api/QItemSection.json +1 -38
  64. package/dist/api/QKnob.json +1 -197
  65. package/dist/api/QLayout.json +1 -100
  66. package/dist/api/QLinearProgress.json +1 -113
  67. package/dist/api/QList.json +1 -58
  68. package/dist/api/QMarkupTable.json +1 -64
  69. package/dist/api/QMenu.json +1 -337
  70. package/dist/api/QNoSsr.json +1 -38
  71. package/dist/api/QOptionGroup.json +1 -242
  72. package/dist/api/QPage.json +1 -42
  73. package/dist/api/QPageContainer.json +1 -11
  74. package/dist/api/QPageScroller.json +1 -68
  75. package/dist/api/QPageSticky.json +1 -44
  76. package/dist/api/QPagination.json +1 -376
  77. package/dist/api/QParallax.json +1 -74
  78. package/dist/api/QPopupEdit.json +1 -335
  79. package/dist/api/QPopupProxy.json +1 -168
  80. package/dist/api/QPullToRefresh.json +1 -91
  81. package/dist/api/QRadio.json +1 -163
  82. package/dist/api/QRange.json +1 -789
  83. package/dist/api/QRating.json +1 -186
  84. package/dist/api/QResizeObserver.json +1 -56
  85. package/dist/api/QResponsive.json +1 -26
  86. package/dist/api/QRouteTab.json +1 -225
  87. package/dist/api/QScrollArea.json +1 -354
  88. package/dist/api/QScrollObserver.json +1 -140
  89. package/dist/api/QSelect.json +1 -1387
  90. package/dist/api/QSeparator.json +1 -72
  91. package/dist/api/QSkeleton.json +1 -127
  92. package/dist/api/QSlideItem.json +1 -219
  93. package/dist/api/QSlideTransition.json +1 -33
  94. package/dist/api/QSlider.json +1 -687
  95. package/dist/api/QSpace.json +1 -6
  96. package/dist/api/QSpinner.json +1 -37
  97. package/dist/api/QSpinnerAudio.json +1 -30
  98. package/dist/api/QSpinnerBall.json +1 -30
  99. package/dist/api/QSpinnerBars.json +1 -30
  100. package/dist/api/QSpinnerBox.json +1 -30
  101. package/dist/api/QSpinnerClock.json +1 -30
  102. package/dist/api/QSpinnerComment.json +1 -30
  103. package/dist/api/QSpinnerCube.json +1 -30
  104. package/dist/api/QSpinnerDots.json +1 -30
  105. package/dist/api/QSpinnerFacebook.json +1 -30
  106. package/dist/api/QSpinnerGears.json +1 -30
  107. package/dist/api/QSpinnerGrid.json +1 -30
  108. package/dist/api/QSpinnerHearts.json +1 -30
  109. package/dist/api/QSpinnerHourglass.json +1 -30
  110. package/dist/api/QSpinnerInfinity.json +1 -30
  111. package/dist/api/QSpinnerIos.json +1 -30
  112. package/dist/api/QSpinnerOrbit.json +1 -30
  113. package/dist/api/QSpinnerOval.json +1 -30
  114. package/dist/api/QSpinnerPie.json +1 -30
  115. package/dist/api/QSpinnerPuff.json +1 -30
  116. package/dist/api/QSpinnerRadio.json +1 -30
  117. package/dist/api/QSpinnerRings.json +1 -30
  118. package/dist/api/QSpinnerTail.json +1 -30
  119. package/dist/api/QSplitter.json +1 -146
  120. package/dist/api/QStep.json +1 -167
  121. package/dist/api/QStepper.json +1 -340
  122. package/dist/api/QStepperNavigation.json +1 -11
  123. package/dist/api/QTab.json +1 -113
  124. package/dist/api/QTabPanel.json +1 -39
  125. package/dist/api/QTabPanels.json +1 -203
  126. package/dist/api/QTable.json +1 -2799
  127. package/dist/api/QTabs.json +1 -179
  128. package/dist/api/QTd.json +1 -31
  129. package/dist/api/QTh.json +1 -26
  130. package/dist/api/QTime.json +1 -317
  131. package/dist/api/QTimeline.json +1 -57
  132. package/dist/api/QTimelineEntry.json +1 -105
  133. package/dist/api/QToggle.json +1 -230
  134. package/dist/api/QToolbar.json +1 -18
  135. package/dist/api/QToolbarTitle.json +1 -18
  136. package/dist/api/QTooltip.json +1 -282
  137. package/dist/api/QTr.json +1 -26
  138. package/dist/api/QTree.json +1 -599
  139. package/dist/api/QUploader.json +1 -665
  140. package/dist/api/QUploaderAddTrigger.json +1 -6
  141. package/dist/api/QVideo.json +1 -83
  142. package/dist/api/QVirtualScroll.json +1 -260
  143. package/dist/api/Ripple.json +1 -115
  144. package/dist/api/Screen.json +1 -190
  145. package/dist/api/Scroll.json +1 -28
  146. package/dist/api/ScrollFire.json +1 -24
  147. package/dist/api/SessionStorage.json +1 -187
  148. package/dist/api/TouchHold.json +1 -81
  149. package/dist/api/TouchPan.json +1 -178
  150. package/dist/api/TouchRepeat.json +1 -142
  151. package/dist/api/TouchSwipe.json +1 -113
  152. package/dist/icon-set/bootstrap-icons.umd.prod.js +3 -2
  153. package/dist/icon-set/eva-icons.umd.prod.js +3 -2
  154. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +3 -2
  155. package/dist/icon-set/fontawesome-v5.umd.prod.js +3 -2
  156. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +3 -2
  157. package/dist/icon-set/fontawesome-v6.umd.prod.js +3 -2
  158. package/dist/icon-set/ionicons-v4.umd.prod.js +3 -2
  159. package/dist/icon-set/line-awesome.umd.prod.js +3 -2
  160. package/dist/icon-set/material-icons-outlined.umd.prod.js +3 -2
  161. package/dist/icon-set/material-icons-round.umd.prod.js +3 -2
  162. package/dist/icon-set/material-icons-sharp.umd.prod.js +3 -2
  163. package/dist/icon-set/material-icons.umd.prod.js +3 -2
  164. package/dist/icon-set/material-symbols-outlined.umd.prod.js +3 -2
  165. package/dist/icon-set/material-symbols-rounded.umd.prod.js +3 -2
  166. package/dist/icon-set/material-symbols-sharp.umd.prod.js +3 -2
  167. package/dist/icon-set/mdi-v3.umd.prod.js +3 -2
  168. package/dist/icon-set/mdi-v4.umd.prod.js +3 -2
  169. package/dist/icon-set/mdi-v5.umd.prod.js +3 -2
  170. package/dist/icon-set/mdi-v6.umd.prod.js +3 -2
  171. package/dist/icon-set/mdi-v7.umd.prod.js +3 -2
  172. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +3 -2
  173. package/dist/icon-set/svg-eva-icons.umd.prod.js +3 -2
  174. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +3 -2
  175. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +3 -2
  176. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +3 -2
  177. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +3 -2
  178. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +3 -2
  179. package/dist/icon-set/svg-line-awesome.umd.prod.js +3 -2
  180. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +3 -2
  181. package/dist/icon-set/svg-material-icons-round.umd.prod.js +3 -2
  182. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +3 -2
  183. package/dist/icon-set/svg-material-icons.umd.prod.js +3 -2
  184. package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +3 -2
  185. package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +3 -2
  186. package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +3 -2
  187. package/dist/icon-set/svg-mdi-v6.umd.prod.js +3 -2
  188. package/dist/icon-set/svg-mdi-v7.umd.prod.js +3 -2
  189. package/dist/icon-set/svg-themify.umd.prod.js +3 -2
  190. package/dist/icon-set/themify.umd.prod.js +3 -2
  191. package/dist/lang/ar-TN.umd.prod.js +3 -2
  192. package/dist/lang/ar.umd.prod.js +3 -2
  193. package/dist/lang/az-Latn.umd.prod.js +3 -2
  194. package/dist/lang/bg.umd.prod.js +3 -2
  195. package/dist/lang/bn.umd.prod.js +3 -2
  196. package/dist/lang/ca.umd.prod.js +3 -2
  197. package/dist/lang/cs.umd.prod.js +3 -2
  198. package/dist/lang/da.umd.prod.js +3 -2
  199. package/dist/lang/de-CH.umd.prod.js +3 -2
  200. package/dist/lang/de-DE.umd.prod.js +3 -2
  201. package/dist/lang/de.umd.prod.js +3 -2
  202. package/dist/lang/el.umd.prod.js +3 -2
  203. package/dist/lang/en-GB.umd.prod.js +3 -2
  204. package/dist/lang/en-US.umd.prod.js +3 -2
  205. package/dist/lang/eo.umd.prod.js +3 -2
  206. package/dist/lang/es.umd.prod.js +3 -2
  207. package/dist/lang/et.umd.prod.js +3 -2
  208. package/dist/lang/eu.umd.prod.js +3 -2
  209. package/dist/lang/fa-IR.umd.prod.js +3 -2
  210. package/dist/lang/fa.umd.prod.js +3 -2
  211. package/dist/lang/fi.umd.prod.js +3 -2
  212. package/dist/lang/fr.umd.prod.js +3 -2
  213. package/dist/lang/gn.umd.prod.js +3 -2
  214. package/dist/lang/he.umd.prod.js +3 -2
  215. package/dist/lang/hi.umd.prod.js +3 -2
  216. package/dist/lang/hr.umd.prod.js +3 -2
  217. package/dist/lang/hu.umd.prod.js +3 -2
  218. package/dist/lang/id.umd.prod.js +3 -2
  219. package/dist/lang/is.umd.prod.js +3 -2
  220. package/dist/lang/it.umd.prod.js +3 -2
  221. package/dist/lang/ja.umd.prod.js +3 -2
  222. package/dist/lang/kk.umd.prod.js +3 -2
  223. package/dist/lang/km.umd.prod.js +3 -2
  224. package/dist/lang/ko-KR.umd.prod.js +3 -2
  225. package/dist/lang/kur-CKB.umd.prod.js +3 -2
  226. package/dist/lang/lt.umd.prod.js +3 -2
  227. package/dist/lang/lu.umd.prod.js +3 -2
  228. package/dist/lang/lv.umd.prod.js +3 -2
  229. package/dist/lang/mk.umd.prod.js +3 -2
  230. package/dist/lang/ml.umd.prod.js +3 -2
  231. package/dist/lang/mm.umd.prod.js +3 -2
  232. package/dist/lang/ms.umd.prod.js +3 -2
  233. package/dist/lang/my.umd.prod.js +3 -2
  234. package/dist/lang/nb-NO.umd.prod.js +3 -2
  235. package/dist/lang/nl.umd.prod.js +3 -2
  236. package/dist/lang/pl.umd.prod.js +3 -2
  237. package/dist/lang/pt-BR.umd.prod.js +3 -2
  238. package/dist/lang/pt.umd.prod.js +3 -2
  239. package/dist/lang/ro.umd.prod.js +3 -2
  240. package/dist/lang/ru.umd.prod.js +3 -2
  241. package/dist/lang/sk.umd.prod.js +3 -2
  242. package/dist/lang/sl.umd.prod.js +3 -2
  243. package/dist/lang/sm.umd.prod.js +3 -2
  244. package/dist/lang/sr-CYR.umd.prod.js +3 -2
  245. package/dist/lang/sr.umd.prod.js +3 -2
  246. package/dist/lang/sv.umd.prod.js +3 -2
  247. package/dist/lang/ta.umd.prod.js +3 -2
  248. package/dist/lang/th.umd.prod.js +3 -2
  249. package/dist/lang/tl.umd.prod.js +7 -0
  250. package/dist/lang/tr.umd.prod.js +3 -2
  251. package/dist/lang/ug.umd.prod.js +3 -2
  252. package/dist/lang/uk.umd.prod.js +3 -2
  253. package/dist/lang/uz-Cyrl.umd.prod.js +3 -2
  254. package/dist/lang/uz-Latn.umd.prod.js +3 -2
  255. package/dist/lang/vi.umd.prod.js +3 -2
  256. package/dist/lang/zh-CN.umd.prod.js +3 -2
  257. package/dist/lang/zh-TW.umd.prod.js +3 -2
  258. package/dist/quasar.addon.prod.css +1 -1
  259. package/dist/quasar.addon.rtl.prod.css +1 -1
  260. package/dist/quasar.cjs.prod.js +123 -2
  261. package/dist/quasar.esm.js +16928 -26277
  262. package/dist/quasar.esm.prod.js +123 -2
  263. package/dist/quasar.prod.css +1 -1
  264. package/dist/quasar.rtl.prod.css +1 -1
  265. package/dist/quasar.sass +1 -1
  266. package/dist/quasar.umd.js +16732 -26521
  267. package/dist/quasar.umd.prod.js +123 -2
  268. package/dist/transforms/api-list.json +1 -153
  269. package/dist/transforms/auto-import.json +1 -267
  270. package/dist/transforms/import-map.json +1 -181
  271. package/dist/transforms/loader-asset-urls.json +1 -60
  272. package/dist/types/api/dialog.d.ts +1 -1
  273. package/dist/types/api/qinput.d.ts +1 -1
  274. package/dist/types/api/qtable.d.ts +1 -1
  275. package/dist/types/api/qtree.d.ts +1 -1
  276. package/dist/types/api/quploader.d.ts +1 -1
  277. package/dist/types/api/validation.d.ts +1 -1
  278. package/dist/types/api/web-storage.d.ts +6 -6
  279. package/dist/types/feature-flag.d.ts +1 -1
  280. package/dist/types/globals.d.ts +22 -15
  281. package/dist/types/index.d.ts +45 -36
  282. package/dist/types/lang.d.ts +3 -3
  283. package/dist/types/plugin.d.ts +3 -1
  284. package/dist/types/ts-helpers.d.ts +3 -3
  285. package/dist/types/utils/colors.d.ts +1 -1
  286. package/dist/types/utils/date.d.ts +10 -10
  287. package/dist/types/utils/dom.d.ts +1 -1
  288. package/dist/types/utils/run-sequential-promises.d.ts +12 -12
  289. package/dist/types/utils/scroll.d.ts +5 -5
  290. package/dist/types/utils.d.ts +15 -13
  291. package/dist/vetur/quasar-attributes.json +1 -5890
  292. package/dist/vetur/quasar-tags.json +1 -2084
  293. package/dist/web-types/web-types.json +1 -19595
  294. package/lang/index.json +1 -266
  295. package/lang/tl.js +98 -0
  296. package/lang/tl.mjs +93 -0
  297. package/package.json +14 -18
  298. package/src/body.js +6 -14
  299. package/src/components/ajax-bar/QAjaxBar.js +1 -1
  300. package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
  301. package/src/components/btn/QBtn.js +6 -6
  302. package/src/components/btn-dropdown/QBtnDropdown.json +1 -1
  303. package/src/components/checkbox/use-checkbox.js +1 -1
  304. package/src/components/chip/QChip.js +1 -1
  305. package/src/components/color/QColor.js +4 -4
  306. package/src/components/date/QDate.js +1 -1
  307. package/src/components/dialog/__tests__/DialogWrapper.vue +33 -0
  308. package/src/components/dialog/__tests__/QDialog.cy.js +450 -36
  309. package/src/components/drawer/QDrawer.js +1 -1
  310. package/src/components/drawer/QDrawer.json +1 -1
  311. package/src/components/file/QFile.js +2 -2
  312. package/src/components/footer/QFooter.js +2 -2
  313. package/src/components/form/QForm.js +3 -3
  314. package/src/components/header/QHeader.js +1 -1
  315. package/src/components/img/QImg.js +47 -39
  316. package/src/components/img/QImg.json +9 -0
  317. package/src/components/input/use-mask.js +3 -3
  318. package/src/components/menu/QMenu.json +1 -1
  319. package/src/components/page-sticky/use-page-sticky.js +4 -4
  320. package/src/components/popup-edit/QPopupEdit.js +1 -1
  321. package/src/components/scroll-area/QScrollArea.js +1 -1
  322. package/src/components/select/QSelect.js +9 -9
  323. package/src/components/table/QTd.js +1 -1
  324. package/src/components/table/QTh.js +1 -1
  325. package/src/components/tabs/QTabs.js +3 -3
  326. package/src/components/time/QTime.js +3 -3
  327. package/src/components/tooltip/QTooltip.js +4 -2
  328. package/src/components/tooltip/QTooltip.json +6 -0
  329. package/src/components/tree/QTree.js +1 -1
  330. package/src/components/uploader/uploader-core.js +2 -2
  331. package/src/components/uploader/xhr-uploader-plugin.js +1 -1
  332. package/src/components/virtual-scroll/use-virtual-scroll.js +3 -3
  333. package/src/composables/private/__tests__/use-model-toggle.cy.js +43 -3
  334. package/src/composables/private/use-anchor.js +1 -1
  335. package/src/composables/private/use-key-composition.js +1 -1
  336. package/src/composables/private/use-panel.js +1 -1
  337. package/src/composables/private/use-portal.js +1 -1
  338. package/src/composables/private/use-router-link.js +1 -1
  339. package/src/directives/TouchPan.js +1 -1
  340. package/src/history.js +1 -1
  341. package/src/index.umd.js +5 -1
  342. package/src/lang.js +1 -1
  343. package/src/plugins/BottomSheet.json +1 -1
  344. package/src/plugins/Cookies.js +1 -1
  345. package/src/plugins/Dark.js +1 -1
  346. package/src/plugins/Loading.js +1 -1
  347. package/src/plugins/LoadingBar.js +1 -1
  348. package/src/plugins/Notify.js +4 -4
  349. package/src/plugins/Platform.js +111 -93
  350. package/src/plugins/Screen.js +1 -1
  351. package/src/utils/event.js +1 -1
  352. package/src/utils/frame-debounce.js +1 -1
  353. package/src/utils/morph.js +1 -1
  354. package/src/utils/private/click-outside.js +1 -1
  355. package/src/utils/private/escape-key.js +1 -1
  356. package/src/utils/private/focusout.js +1 -1
@@ -1,421 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/carousel"
5
- },
6
- "props": {
7
- "fullscreen": {
8
- "type": "Boolean",
9
- "sync": true,
10
- "desc": "Fullscreen mode",
11
- "examples": [
12
- "v-model:fullscreen=\"isFullscreen\""
13
- ],
14
- "category": "behavior",
15
- "syncable": true
16
- },
17
- "no-route-fullscreen-exit": {
18
- "type": "Boolean",
19
- "desc": "Changing route app won't exit fullscreen",
20
- "category": "behavior"
21
- },
22
- "model-value": {
23
- "type": "Any",
24
- "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.",
25
- "examples": [
26
- "v-model=\"panelName\""
27
- ],
28
- "category": "model"
29
- },
30
- "keep-alive": {
31
- "type": "Boolean",
32
- "desc": "Equivalent to using Vue's native <keep-alive> component on the content",
33
- "category": "behavior"
34
- },
35
- "keep-alive-include": {
36
- "type": [
37
- "String",
38
- "Array",
39
- "RegExp"
40
- ],
41
- "desc": "Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names",
42
- "examples": [
43
- "a,b",
44
- "/a|b/",
45
- "['a', 'b']"
46
- ],
47
- "category": "behavior"
48
- },
49
- "keep-alive-exclude": {
50
- "type": [
51
- "String",
52
- "Array",
53
- "RegExp"
54
- ],
55
- "desc": "Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names",
56
- "examples": [
57
- "a,b",
58
- "/a|b/",
59
- "['a', 'b']"
60
- ],
61
- "category": "behavior"
62
- },
63
- "keep-alive-max": {
64
- "type": "Number",
65
- "desc": "Equivalent to using Vue's native max prop for <keep-alive>",
66
- "category": "behavior"
67
- },
68
- "animated": {
69
- "type": "Boolean",
70
- "desc": "Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)",
71
- "category": "behavior"
72
- },
73
- "infinite": {
74
- "type": "Boolean",
75
- "desc": "Makes component appear as infinite (when reaching last panel, next one will become the first one)",
76
- "category": "behavior"
77
- },
78
- "swipeable": {
79
- "type": "Boolean",
80
- "desc": "Enable swipe events (may interfere with content's touch/mouse events)",
81
- "category": "behavior"
82
- },
83
- "vertical": {
84
- "type": "Boolean",
85
- "desc": "Default transitions and swipe actions will be on the vertical axis",
86
- "category": "behavior"
87
- },
88
- "transition-prev": {
89
- "type": "String",
90
- "desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
91
- "examples": [
92
- "fade",
93
- "slide-down"
94
- ],
95
- "category": "transition",
96
- "default": "fade",
97
- "required": false
98
- },
99
- "transition-next": {
100
- "type": "String",
101
- "desc": "One of Quasar's embedded transitions (has effect only if 'animated' prop is set)",
102
- "examples": [
103
- "fade",
104
- "slide-down"
105
- ],
106
- "category": "transition",
107
- "default": "fade",
108
- "required": false
109
- },
110
- "transition-duration": {
111
- "type": [
112
- "String",
113
- "Number"
114
- ],
115
- "desc": "Transition duration (in milliseconds, without unit)",
116
- "default": 300,
117
- "category": "transition",
118
- "addedIn": "v2.2",
119
- "required": false
120
- },
121
- "dark": {
122
- "type": [
123
- "Boolean",
124
- "null"
125
- ],
126
- "default": null,
127
- "desc": "Notify the component that the background is a dark color",
128
- "category": "style",
129
- "required": false
130
- },
131
- "height": {
132
- "type": "String",
133
- "desc": "Height of Carousel in CSS units, including unit name",
134
- "examples": [
135
- "16px",
136
- "2rem"
137
- ],
138
- "category": "style"
139
- },
140
- "padding": {
141
- "type": "Boolean",
142
- "desc": "Applies a default padding to each slide, according to the usage of 'arrows' and 'navigation' props",
143
- "category": "content"
144
- },
145
- "control-color": {
146
- "type": "String",
147
- "tsType": "NamedColor",
148
- "desc": "Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette",
149
- "examples": [
150
- "primary",
151
- "teal",
152
- "teal-10"
153
- ],
154
- "category": "style"
155
- },
156
- "control-text-color": {
157
- "type": "String",
158
- "tsType": "NamedColor",
159
- "desc": "Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette",
160
- "examples": [
161
- "primary",
162
- "teal",
163
- "teal-10"
164
- ],
165
- "category": "style"
166
- },
167
- "control-type": {
168
- "type": "String",
169
- "desc": "Type of button to use for controls (arrows, navigation)",
170
- "values": [
171
- "regular",
172
- "flat",
173
- "outline",
174
- "push",
175
- "unelevated"
176
- ],
177
- "category": "style"
178
- },
179
- "autoplay": {
180
- "type": [
181
- "Number",
182
- "Boolean"
183
- ],
184
- "desc": "Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals",
185
- "default": false,
186
- "examples": [
187
- ":autoplay=\"2500\"",
188
- true,
189
- false
190
- ],
191
- "category": "behavior",
192
- "required": false
193
- },
194
- "arrows": {
195
- "type": "Boolean",
196
- "desc": "Show navigation arrow buttons",
197
- "category": "content"
198
- },
199
- "prev-icon": {
200
- "type": "String",
201
- "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)",
202
- "examples": [
203
- "map",
204
- "ion-add",
205
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
206
- "img:path/to/some_image.png"
207
- ],
208
- "category": "content"
209
- },
210
- "next-icon": {
211
- "type": "String",
212
- "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)",
213
- "examples": [
214
- "map",
215
- "ion-add",
216
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
217
- "img:path/to/some_image.png"
218
- ],
219
- "category": "content"
220
- },
221
- "navigation": {
222
- "type": "Boolean",
223
- "desc": "Show navigation dots",
224
- "category": "content"
225
- },
226
- "navigation-position": {
227
- "type": "String",
228
- "desc": "Side to stick navigation to",
229
- "default": "bottom/right",
230
- "values": [
231
- "top",
232
- "right",
233
- "bottom",
234
- "left"
235
- ],
236
- "category": "content",
237
- "required": false
238
- },
239
- "navigation-icon": {
240
- "type": "String",
241
- "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)",
242
- "examples": [
243
- "map",
244
- "ion-add",
245
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
246
- "img:path/to/some_image.png"
247
- ],
248
- "category": "content"
249
- },
250
- "navigation-active-icon": {
251
- "type": "String",
252
- "desc": "Icon name following Quasar convention for the active (current slide) navigation icon; Make sure you have the icon library installed unless you are using 'img:' prefix",
253
- "examples": [
254
- "map",
255
- "ion-add",
256
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
257
- "img:path/to/some_image.png"
258
- ],
259
- "category": "content"
260
- },
261
- "thumbnails": {
262
- "type": "Boolean",
263
- "desc": "Show thumbnails",
264
- "category": "content"
265
- }
266
- },
267
- "slots": {
268
- "default": {
269
- "desc": "Suggestion: QCarouselSlide"
270
- },
271
- "control": {
272
- "desc": "Slot specific for QCarouselControl"
273
- },
274
- "navigation-icon": {
275
- "desc": "Slot for navigation icon/btn; Suggestion: QBtn",
276
- "scope": {
277
- "index": {
278
- "type": "Number",
279
- "desc": "The 0-based index of corresponding slide"
280
- },
281
- "maxIndex": {
282
- "type": "Number",
283
- "desc": "The available number of slides"
284
- },
285
- "name": {
286
- "type": "Any",
287
- "desc": "The name of the corresponding slide"
288
- },
289
- "active": {
290
- "type": "Boolean",
291
- "desc": "Is this the current slide?"
292
- },
293
- "btnProps": {
294
- "type": "Object",
295
- "desc": "Default QBtn props that can be binded to your own QBtn"
296
- },
297
- "onClick": {
298
- "type": "Function",
299
- "desc": "Default trigger when clicked/tapped on",
300
- "params": {
301
- "evt": {
302
- "type": "Event",
303
- "desc": "JS event object",
304
- "required": true
305
- }
306
- },
307
- "returns": null
308
- }
309
- }
310
- }
311
- },
312
- "events": {
313
- "fullscreen": {
314
- "desc": "Emitted when fullscreen state changes",
315
- "params": {
316
- "value": {
317
- "type": "Boolean",
318
- "desc": "Fullscreen state (showing/hidden)"
319
- }
320
- }
321
- },
322
- "update:model-value": {
323
- "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",
324
- "params": {
325
- "value": {
326
- "type": [
327
- "String",
328
- "Number"
329
- ],
330
- "desc": "New current panel name",
331
- "examples": [
332
- "dashboard"
333
- ]
334
- }
335
- }
336
- },
337
- "before-transition": {
338
- "desc": "Emitted before transitioning to a new panel",
339
- "params": {
340
- "newVal": {
341
- "type": [
342
- "String",
343
- "Number"
344
- ],
345
- "desc": "Panel name towards transition is going",
346
- "examples": [
347
- "dashboard"
348
- ]
349
- },
350
- "oldVal": {
351
- "type": [
352
- "String",
353
- "Number"
354
- ],
355
- "desc": "Panel name from which transition is happening",
356
- "examples": [
357
- "dashboard"
358
- ]
359
- }
360
- }
361
- },
362
- "transition": {
363
- "desc": "Emitted after component transitioned to a new panel",
364
- "params": {
365
- "newVal": {
366
- "type": [
367
- "String",
368
- "Number"
369
- ],
370
- "desc": "Panel name towards transition has occurred",
371
- "examples": [
372
- "dashboard"
373
- ]
374
- },
375
- "oldVal": {
376
- "type": [
377
- "String",
378
- "Number"
379
- ],
380
- "desc": "Panel name from which transition has happened",
381
- "examples": [
382
- "dashboard"
383
- ]
384
- }
385
- }
386
- }
387
- },
388
- "methods": {
389
- "toggleFullscreen": {
390
- "desc": "Toggle the view to be fullscreen or not fullscreen"
391
- },
392
- "setFullscreen": {
393
- "desc": "Enter the fullscreen view"
394
- },
395
- "exitFullscreen": {
396
- "desc": "Leave the fullscreen view"
397
- },
398
- "next": {
399
- "desc": "Go to next panel"
400
- },
401
- "previous": {
402
- "desc": "Go to previous panel"
403
- },
404
- "goTo": {
405
- "desc": "Go to specific panel",
406
- "params": {
407
- "panelName": {
408
- "type": [
409
- "String",
410
- "Number"
411
- ],
412
- "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",
413
- "required": true,
414
- "examples": [
415
- "dashboard"
416
- ]
417
- }
418
- }
419
- }
420
- }
421
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"fullscreen":{"type":"Boolean","sync":true,"desc":"Fullscreen mode","examples":["v-model:fullscreen=\"isFullscreen\""],"category":"behavior","syncable":true},"no-route-fullscreen-exit":{"type":"Boolean","desc":"Changing route app won't exit fullscreen","category":"behavior"},"model-value":{"type":"Any","desc":"Model of the component defining the current panel's name; If a Number is used, it does not define the panel's index, but rather the panel's name which can also be an Integer; Either use this property (along with a listener for 'update:model-value' event) OR use the v-model directive.","examples":["v-model=\"panelName\""],"category":"model"},"keep-alive":{"type":"Boolean","desc":"Equivalent to using Vue's native <keep-alive> component on the content","category":"behavior"},"keep-alive-include":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native include prop for <keep-alive>; Values must be valid Vue component names","examples":["a,b","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-exclude":{"type":["String","Array","RegExp"],"desc":"Equivalent to using Vue's native exclude prop for <keep-alive>; Values must be valid Vue component names","examples":["a,b","/a|b/","['a', 'b']"],"category":"behavior"},"keep-alive-max":{"type":"Number","desc":"Equivalent to using Vue's native max prop for <keep-alive>","category":"behavior"},"animated":{"type":"Boolean","desc":"Enable transitions between panel (also see 'transition-prev' and 'transition-next' props)","category":"behavior"},"infinite":{"type":"Boolean","desc":"Makes component appear as infinite (when reaching last panel, next one will become the first one)","category":"behavior"},"swipeable":{"type":"Boolean","desc":"Enable swipe events (may interfere with content's touch/mouse events)","category":"behavior"},"vertical":{"type":"Boolean","desc":"Default transitions and swipe actions will be on the vertical axis","category":"behavior"},"transition-prev":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-next":{"type":"String","desc":"One of Quasar's embedded transitions (has effect only if 'animated' prop is set)","examples":["fade","slide-down"],"category":"transition","default":"fade","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":300,"category":"transition","addedIn":"v2.2","required":false},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"height":{"type":"String","desc":"Height of Carousel in CSS units, including unit name","examples":["16px","2rem"],"category":"style"},"padding":{"type":"Boolean","desc":"Applies a default padding to each slide, according to the usage of 'arrows' and 'navigation' props","category":"content"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-text-color":{"type":"String","tsType":"NamedColor","desc":"Color name for text color of QCarousel button controls (arrows, navigation) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-type":{"type":"String","desc":"Type of button to use for controls (arrows, navigation)","values":["regular","flat","outline","push","unelevated"],"category":"style"},"autoplay":{"type":["Number","Boolean"],"desc":"Jump to next slide (if 'true' or val > 0) or previous slide (if val < 0) at fixed time intervals (in milliseconds); 'false' disables autoplay, 'true' enables it for 5000ms intervals","default":false,"examples":[":autoplay=\"2500\"",true,false],"category":"behavior","required":false},"arrows":{"type":"Boolean","desc":"Show navigation arrow buttons","category":"content"},"prev-icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"next-icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"navigation":{"type":"Boolean","desc":"Show navigation dots","category":"content"},"navigation-position":{"type":"String","desc":"Side to stick navigation to","default":"bottom/right","values":["top","right","bottom","left"],"category":"content","required":false},"navigation-icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"navigation-active-icon":{"type":"String","desc":"Icon name following Quasar convention for the active (current slide) navigation icon; Make sure you have the icon library installed unless you are using 'img:' prefix","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"thumbnails":{"type":"Boolean","desc":"Show thumbnails","category":"content"}},"slots":{"default":{"desc":"Suggestion: QCarouselSlide"},"control":{"desc":"Slot specific for QCarouselControl"},"navigation-icon":{"desc":"Slot for navigation icon/btn; Suggestion: QBtn","scope":{"index":{"type":"Number","desc":"The 0-based index of corresponding slide"},"maxIndex":{"type":"Number","desc":"The available number of slides"},"name":{"type":"Any","desc":"The name of the corresponding slide"},"active":{"type":"Boolean","desc":"Is this the current slide?"},"btnProps":{"type":"Object","desc":"Default QBtn props that can be binded to your own QBtn"},"onClick":{"type":"Function","desc":"Default trigger when clicked/tapped on","params":{"evt":{"type":"Event","desc":"JS event object","required":true}},"returns":null}}}},"events":{"fullscreen":{"desc":"Emitted when fullscreen state changes","params":{"value":{"type":"Boolean","desc":"Fullscreen state (showing/hidden)"}}},"update:model-value":{"desc":"Emitted when the component changes the model; This event _isn't_ fired if the model is changed externally; Is also used by v-model","params":{"value":{"type":["String","Number"],"desc":"New current panel name","examples":["dashboard"]}}},"before-transition":{"desc":"Emitted before transitioning to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition is going","examples":["dashboard"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition is happening","examples":["dashboard"]}}},"transition":{"desc":"Emitted after component transitioned to a new panel","params":{"newVal":{"type":["String","Number"],"desc":"Panel name towards transition has occurred","examples":["dashboard"]},"oldVal":{"type":["String","Number"],"desc":"Panel name from which transition has happened","examples":["dashboard"]}}}},"methods":{"toggleFullscreen":{"desc":"Toggle the view to be fullscreen or not fullscreen"},"setFullscreen":{"desc":"Enter the fullscreen view"},"exitFullscreen":{"desc":"Leave the fullscreen view"},"next":{"desc":"Go to next panel"},"previous":{"desc":"Go to previous panel"},"goTo":{"desc":"Go to specific panel","params":{"panelName":{"type":["String","Number"],"desc":"Panel's name, which may be a String or Number; Number does not refers to panel index, but to its name, which may be an Integer","required":true,"examples":["dashboard"]}}}}}
@@ -1,41 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/carousel"
5
- },
6
- "props": {
7
- "position": {
8
- "type": "String",
9
- "desc": "Side/corner to stick to",
10
- "default": "bottom-right",
11
- "values": [
12
- "top-right",
13
- "top-left",
14
- "bottom-right",
15
- "bottom-left",
16
- "top",
17
- "right",
18
- "bottom",
19
- "left"
20
- ],
21
- "category": "position",
22
- "required": false
23
- },
24
- "offset": {
25
- "type": "Array",
26
- "desc": "An array of two numbers to offset the component horizontally and vertically (in pixels)",
27
- "default": "[18, 18]",
28
- "examples": [
29
- "[8, 8]",
30
- "[5, 10]"
31
- ],
32
- "category": "position",
33
- "required": false
34
- }
35
- },
36
- "slots": {
37
- "default": {
38
- "desc": "Default slot in the devland unslotted content of the component"
39
- }
40
- }
41
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"position":{"type":"String","desc":"Side/corner to stick to","default":"bottom-right","values":["top-right","top-left","bottom-right","bottom-left","top","right","bottom","left"],"category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the component horizontally and vertically (in pixels)","default":"[18, 18]","examples":["[8, 8]","[5, 10]"],"category":"position","required":false}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
@@ -1,44 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/carousel"
5
- },
6
- "props": {
7
- "name": {
8
- "type": "Any",
9
- "desc": "Slide name",
10
- "required": true,
11
- "examples": [
12
- "accounts",
13
- "firstPanel",
14
- ":name=\"1\"",
15
- "accounts",
16
- "firstSlide",
17
- ":name=\"1\""
18
- ],
19
- "category": "model"
20
- },
21
- "disable": {
22
- "type": "Boolean",
23
- "desc": "Put component in disabled mode",
24
- "category": "state"
25
- },
26
- "img-src": {
27
- "type": "String",
28
- "desc": "URL pointing to a slide background image (use public folder)",
29
- "transformAssetUrls": true,
30
- "examples": [
31
- "(public folder) src=\"img/my-bg.png\"",
32
- "(assets folder) src=\"~assets/my-img.png\"",
33
- "(relative path format) :src=\"require('./my_img.jpg')\"",
34
- "(URL) src=\"https://picsum.photos/500/300\""
35
- ],
36
- "category": "model"
37
- }
38
- },
39
- "slots": {
40
- "default": {
41
- "desc": "Default slot in the devland unslotted content of the component"
42
- }
43
- }
44
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/carousel"},"props":{"name":{"type":"Any","desc":"Slide name","required":true,"examples":["accounts","firstPanel",":name=\"1\"","accounts","firstSlide",":name=\"1\""],"category":"model"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"img-src":{"type":"String","desc":"URL pointing to a slide background image (use public folder)","transformAssetUrls":true,"examples":["(public folder) src=\"img/my-bg.png\"","(assets folder) src=\"~assets/my-img.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"model"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
@@ -1,128 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/chat"
5
- },
6
- "props": {
7
- "sent": {
8
- "type": "Boolean",
9
- "desc": "Render as a sent message (so from current user)",
10
- "category": "content"
11
- },
12
- "label": {
13
- "type": "String",
14
- "desc": "Renders a label header/section only",
15
- "examples": [
16
- "Friday, 18th"
17
- ],
18
- "category": "content"
19
- },
20
- "bg-color": {
21
- "type": "String",
22
- "tsType": "NamedColor",
23
- "desc": "Color name (from the Quasar Color Palette) for chat bubble background",
24
- "examples": [
25
- "primary",
26
- "teal",
27
- "teal-10"
28
- ],
29
- "category": "style"
30
- },
31
- "text-color": {
32
- "type": "String",
33
- "tsType": "NamedColor",
34
- "desc": "Color name (from the Quasar Color Palette) for chat bubble text",
35
- "examples": [
36
- "primary",
37
- "teal",
38
- "teal-10"
39
- ],
40
- "category": "style"
41
- },
42
- "name": {
43
- "type": "String",
44
- "desc": "Author's name",
45
- "examples": [
46
- "John Doe"
47
- ],
48
- "category": "content"
49
- },
50
- "avatar": {
51
- "type": "String",
52
- "desc": "URL to the avatar image of the author",
53
- "transformAssetUrls": true,
54
- "examples": [
55
- "(public folder) src=\"boy-avatar.png\"",
56
- "(assets folder) src=\"~assets/boy-avatar.png\"",
57
- "(relative path format) :src=\"require('./my_img.jpg')\"",
58
- "(URL) src=\"https://picsum.photos/500/300\""
59
- ],
60
- "category": "content"
61
- },
62
- "text": {
63
- "type": "Array",
64
- "desc": "Array of strings that are the message body. Strings are not sanitized (see details in docs)",
65
- "examples": [
66
- ":text=\"['How are you?']\"",
67
- ":text=\"['I\\'m good, thank you!', 'And you?']\""
68
- ],
69
- "category": "content"
70
- },
71
- "stamp": {
72
- "type": "String",
73
- "desc": "Creation timestamp",
74
- "examples": [
75
- "13:55",
76
- "Yesterday at 13:51"
77
- ],
78
- "category": "content"
79
- },
80
- "size": {
81
- "type": "String",
82
- "desc": "1-12 out of 12 (same as col-*)",
83
- "examples": [
84
- "4",
85
- "6",
86
- "12"
87
- ],
88
- "category": "style"
89
- },
90
- "label-html": {
91
- "type": "Boolean",
92
- "desc": "Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
93
- "category": "behavior"
94
- },
95
- "name-html": {
96
- "type": "Boolean",
97
- "desc": "Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
98
- "category": "behavior"
99
- },
100
- "text-html": {
101
- "type": "Boolean",
102
- "desc": "Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
103
- "category": "behavior"
104
- },
105
- "stamp-html": {
106
- "type": "Boolean",
107
- "desc": "Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first",
108
- "category": "behavior"
109
- }
110
- },
111
- "slots": {
112
- "default": {
113
- "desc": "You can use this slot to define a custom message (overrides props)"
114
- },
115
- "avatar": {
116
- "desc": "Slot for avatar; Suggestion: QAvatar, img"
117
- },
118
- "name": {
119
- "desc": "Slot for name; Overrides the 'name' prop"
120
- },
121
- "stamp": {
122
- "desc": "Slot for stamp; Overrides the 'stamp' prop"
123
- },
124
- "label": {
125
- "desc": "Slot for label; Overrides the 'label' prop"
126
- }
127
- }
128
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/chat"},"props":{"sent":{"type":"Boolean","desc":"Render as a sent message (so from current user)","category":"content"},"label":{"type":"String","desc":"Renders a label header/section only","examples":["Friday, 18th"],"category":"content"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble background","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Color name (from the Quasar Color Palette) for chat bubble text","examples":["primary","teal","teal-10"],"category":"style"},"name":{"type":"String","desc":"Author's name","examples":["John Doe"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image of the author","transformAssetUrls":true,"examples":["(public folder) src=\"boy-avatar.png\"","(assets folder) src=\"~assets/boy-avatar.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"text":{"type":"Array","desc":"Array of strings that are the message body. Strings are not sanitized (see details in docs)","examples":[":text=\"['How are you?']\"",":text=\"['I\\'m good, thank you!', 'And you?']\""],"category":"content"},"stamp":{"type":"String","desc":"Creation timestamp","examples":["13:55","Yesterday at 13:51"],"category":"content"},"size":{"type":"String","desc":"1-12 out of 12 (same as col-*)","examples":["4","6","12"],"category":"style"},"label-html":{"type":"Boolean","desc":"Render the label as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"name-html":{"type":"Boolean","desc":"Render the name as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"text-html":{"type":"Boolean","desc":"Render the text as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"},"stamp-html":{"type":"Boolean","desc":"Render the stamp as HTML; This can lead to XSS attacks so make sure that you sanitize the message first","category":"behavior"}},"slots":{"default":{"desc":"You can use this slot to define a custom message (overrides props)"},"avatar":{"desc":"Slot for avatar; Suggestion: QAvatar, img"},"name":{"desc":"Slot for name; Overrides the 'name' prop"},"stamp":{"desc":"Slot for stamp; Overrides the 'stamp' prop"},"label":{"desc":"Slot for label; Overrides the 'label' prop"}}}