quasar 2.14.5 → 2.14.7

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 (368) 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-MY.umd.prod.js +7 -0
  233. package/dist/lang/ms.umd.prod.js +3 -2
  234. package/dist/lang/my.umd.prod.js +3 -2
  235. package/dist/lang/nb-NO.umd.prod.js +3 -2
  236. package/dist/lang/nl.umd.prod.js +3 -2
  237. package/dist/lang/pl.umd.prod.js +3 -2
  238. package/dist/lang/pt-BR.umd.prod.js +3 -2
  239. package/dist/lang/pt.umd.prod.js +3 -2
  240. package/dist/lang/ro.umd.prod.js +3 -2
  241. package/dist/lang/ru.umd.prod.js +3 -2
  242. package/dist/lang/sk.umd.prod.js +3 -2
  243. package/dist/lang/sl.umd.prod.js +3 -2
  244. package/dist/lang/sm.umd.prod.js +3 -2
  245. package/dist/lang/sr-CYR.umd.prod.js +3 -2
  246. package/dist/lang/sr.umd.prod.js +3 -2
  247. package/dist/lang/sv.umd.prod.js +3 -2
  248. package/dist/lang/ta.umd.prod.js +3 -2
  249. package/dist/lang/th.umd.prod.js +3 -2
  250. package/dist/lang/tl.umd.prod.js +7 -0
  251. package/dist/lang/tr.umd.prod.js +3 -2
  252. package/dist/lang/ug.umd.prod.js +3 -2
  253. package/dist/lang/uk.umd.prod.js +3 -2
  254. package/dist/lang/uz-Cyrl.umd.prod.js +3 -2
  255. package/dist/lang/uz-Latn.umd.prod.js +3 -2
  256. package/dist/lang/vi.umd.prod.js +3 -2
  257. package/dist/lang/zh-CN.umd.prod.js +3 -2
  258. package/dist/lang/zh-TW.umd.prod.js +3 -2
  259. package/dist/quasar.addon.prod.css +1 -1
  260. package/dist/quasar.addon.rtl.prod.css +1 -1
  261. package/dist/quasar.cjs.prod.js +123 -2
  262. package/dist/quasar.css +5 -2
  263. package/dist/quasar.esm.js +16928 -26277
  264. package/dist/quasar.esm.prod.js +123 -2
  265. package/dist/quasar.prod.css +1 -1
  266. package/dist/quasar.rtl.css +5 -2
  267. package/dist/quasar.rtl.prod.css +1 -1
  268. package/dist/quasar.sass +9 -7
  269. package/dist/quasar.umd.js +16732 -26521
  270. package/dist/quasar.umd.prod.js +123 -2
  271. package/dist/transforms/api-list.json +1 -153
  272. package/dist/transforms/auto-import.json +1 -267
  273. package/dist/transforms/import-map.json +1 -181
  274. package/dist/transforms/loader-asset-urls.json +1 -60
  275. package/dist/types/api/dialog.d.ts +1 -1
  276. package/dist/types/api/qinput.d.ts +1 -1
  277. package/dist/types/api/qtable.d.ts +1 -1
  278. package/dist/types/api/qtree.d.ts +1 -1
  279. package/dist/types/api/quploader.d.ts +1 -1
  280. package/dist/types/api/validation.d.ts +1 -1
  281. package/dist/types/api/web-storage.d.ts +6 -6
  282. package/dist/types/feature-flag.d.ts +1 -1
  283. package/dist/types/globals.d.ts +22 -15
  284. package/dist/types/index.d.ts +48 -166
  285. package/dist/types/lang.d.ts +3 -3
  286. package/dist/types/plugin.d.ts +3 -1
  287. package/dist/types/ts-helpers.d.ts +3 -3
  288. package/dist/types/utils/colors.d.ts +1 -1
  289. package/dist/types/utils/date.d.ts +10 -10
  290. package/dist/types/utils/dom.d.ts +1 -1
  291. package/dist/types/utils/run-sequential-promises.d.ts +12 -12
  292. package/dist/types/utils/scroll.d.ts +5 -5
  293. package/dist/types/utils.d.ts +15 -13
  294. package/dist/vetur/quasar-attributes.json +1 -5890
  295. package/dist/vetur/quasar-tags.json +1 -2084
  296. package/dist/web-types/web-types.json +1 -19595
  297. package/lang/index.json +1 -266
  298. package/lang/ms-MY.js +101 -0
  299. package/lang/ms-MY.mjs +96 -0
  300. package/lang/tl.js +98 -0
  301. package/lang/tl.mjs +93 -0
  302. package/package.json +17 -21
  303. package/src/body.js +6 -14
  304. package/src/components/ajax-bar/QAjaxBar.js +1 -1
  305. package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
  306. package/src/components/btn/QBtn.js +6 -6
  307. package/src/components/btn-dropdown/QBtnDropdown.json +1 -1
  308. package/src/components/checkbox/use-checkbox.js +1 -1
  309. package/src/components/chip/QChip.js +1 -1
  310. package/src/components/color/QColor.js +4 -4
  311. package/src/components/color/QColor.sass +1 -1
  312. package/src/components/date/QDate.js +1 -1
  313. package/src/components/dialog/__tests__/DialogWrapper.vue +33 -0
  314. package/src/components/dialog/__tests__/QDialog.cy.js +450 -36
  315. package/src/components/drawer/QDrawer.js +1 -1
  316. package/src/components/drawer/QDrawer.json +1 -1
  317. package/src/components/field/QField.sass +2 -1
  318. package/src/components/file/QFile.js +2 -2
  319. package/src/components/footer/QFooter.js +2 -2
  320. package/src/components/form/QForm.js +3 -3
  321. package/src/components/header/QHeader.js +1 -1
  322. package/src/components/img/QImg.js +47 -39
  323. package/src/components/img/QImg.json +9 -0
  324. package/src/components/input/use-mask.js +3 -3
  325. package/src/components/menu/QMenu.json +1 -1
  326. package/src/components/page-sticky/use-page-sticky.js +4 -4
  327. package/src/components/popup-edit/QPopupEdit.js +1 -1
  328. package/src/components/scroll-area/QScrollArea.js +1 -1
  329. package/src/components/select/QSelect.js +9 -9
  330. package/src/components/table/QTable.sass +2 -2
  331. package/src/components/table/QTd.js +1 -1
  332. package/src/components/table/QTh.js +1 -1
  333. package/src/components/tabs/QTabs.js +3 -3
  334. package/src/components/time/QTime.js +3 -3
  335. package/src/components/tooltip/QTooltip.js +4 -2
  336. package/src/components/tooltip/QTooltip.json +6 -0
  337. package/src/components/tree/QTree.js +1 -1
  338. package/src/components/uploader/uploader-core.js +2 -2
  339. package/src/components/uploader/xhr-uploader-plugin.js +1 -1
  340. package/src/components/virtual-scroll/use-virtual-scroll.js +3 -3
  341. package/src/composables/private/__tests__/use-model-toggle.cy.js +43 -3
  342. package/src/composables/private/use-anchor.js +1 -1
  343. package/src/composables/private/use-key-composition.js +1 -1
  344. package/src/composables/private/use-panel.js +1 -1
  345. package/src/composables/private/use-portal.js +1 -1
  346. package/src/composables/private/use-router-link.js +1 -1
  347. package/src/css/core/colors.sass +0 -2
  348. package/src/css/core/visibility.sass +2 -1
  349. package/src/css/normalize.sass +1 -1
  350. package/src/directives/Intersection.json +13 -0
  351. package/src/directives/TouchPan.js +1 -1
  352. package/src/history.js +1 -1
  353. package/src/index.umd.js +5 -1
  354. package/src/lang.js +1 -1
  355. package/src/plugins/BottomSheet.json +1 -1
  356. package/src/plugins/Cookies.js +1 -1
  357. package/src/plugins/Dark.js +1 -1
  358. package/src/plugins/Loading.js +1 -1
  359. package/src/plugins/LoadingBar.js +1 -1
  360. package/src/plugins/Notify.js +4 -4
  361. package/src/plugins/Platform.js +111 -93
  362. package/src/plugins/Screen.js +1 -1
  363. package/src/utils/event.js +1 -1
  364. package/src/utils/frame-debounce.js +1 -1
  365. package/src/utils/morph.js +1 -1
  366. package/src/utils/private/click-outside.js +1 -1
  367. package/src/utils/private/escape-key.js +1 -1
  368. package/src/utils/private/focusout.js +1 -1
@@ -1,352 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/floating-action-button"
5
- },
6
- "props": {
7
- "type": {
8
- "type": "String",
9
- "desc": "Define the button HTML DOM type",
10
- "default": "a",
11
- "values": [
12
- "a",
13
- "submit",
14
- "button",
15
- "reset"
16
- ],
17
- "category": "general",
18
- "required": false
19
- },
20
- "outline": {
21
- "type": "Boolean",
22
- "desc": "Use 'outline' design for Fab button",
23
- "category": "style"
24
- },
25
- "push": {
26
- "type": "Boolean",
27
- "desc": "Use 'push' design for Fab button",
28
- "category": "style"
29
- },
30
- "flat": {
31
- "type": "Boolean",
32
- "desc": "Use 'flat' design for Fab button",
33
- "category": "style"
34
- },
35
- "unelevated": {
36
- "type": "Boolean",
37
- "desc": "Remove shadow",
38
- "category": "style"
39
- },
40
- "padding": {
41
- "type": "String",
42
- "desc": "Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set",
43
- "examples": [
44
- "16px",
45
- "10px 5px",
46
- "2rem",
47
- "xs",
48
- "md lg"
49
- ],
50
- "category": "style"
51
- },
52
- "color": {
53
- "type": "String",
54
- "tsType": "NamedColor",
55
- "desc": "Color name for component from the Quasar Color Palette",
56
- "examples": [
57
- "primary",
58
- "teal",
59
- "teal-10"
60
- ],
61
- "category": "style"
62
- },
63
- "text-color": {
64
- "type": "String",
65
- "tsType": "NamedColor",
66
- "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
67
- "examples": [
68
- "primary",
69
- "teal",
70
- "teal-10"
71
- ],
72
- "category": "style"
73
- },
74
- "glossy": {
75
- "type": "Boolean",
76
- "desc": "Apply the glossy effect over the button",
77
- "category": "style"
78
- },
79
- "external-label": {
80
- "type": "Boolean",
81
- "desc": "Display label besides the FABs, as external content",
82
- "category": "style|content"
83
- },
84
- "label": {
85
- "type": [
86
- "String",
87
- "Number"
88
- ],
89
- "desc": "The label that will be shown when Fab is extended",
90
- "examples": [
91
- "Button Label"
92
- ],
93
- "category": "content"
94
- },
95
- "label-position": {
96
- "type": "String",
97
- "desc": "Position of the label around the icon",
98
- "values": [
99
- "top",
100
- "right",
101
- "bottom",
102
- "left"
103
- ],
104
- "category": "style|content"
105
- },
106
- "hide-label": {
107
- "type": [
108
- "Boolean",
109
- "null"
110
- ],
111
- "default": null,
112
- "desc": "Hide the label; Useful for animation purposes where you toggle the visibility of the label",
113
- "category": "style|content",
114
- "required": false
115
- },
116
- "label-class": {
117
- "type": [
118
- "String",
119
- "Array",
120
- "Object"
121
- ],
122
- "tsType": "VueClassProp",
123
- "desc": "Class definitions to be attributed to the label container",
124
- "examples": [
125
- "my-special-class",
126
- ":input-class=\"{ 'my-special-class': <condition> }\""
127
- ],
128
- "category": "style"
129
- },
130
- "label-style": {
131
- "type": [
132
- "String",
133
- "Array",
134
- "Object"
135
- ],
136
- "tsType": "VueStyleProp",
137
- "desc": "Style definitions to be attributed to the label container",
138
- "examples": [
139
- "background-color: #ff0000",
140
- ":input-style=\"{ backgroundColor: '#ff0000' }\""
141
- ],
142
- "category": "style"
143
- },
144
- "square": {
145
- "type": "Boolean",
146
- "desc": "Apply a rectangle aspect to the FAB",
147
- "category": "style"
148
- },
149
- "disable": {
150
- "type": "Boolean",
151
- "desc": "Put component in disabled mode",
152
- "category": "state"
153
- },
154
- "tabindex": {
155
- "type": [
156
- "Number",
157
- "String"
158
- ],
159
- "desc": "Tabindex HTML attribute value",
160
- "examples": [
161
- "0",
162
- "100"
163
- ],
164
- "category": "general"
165
- },
166
- "model-value": {
167
- "desc": "Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event",
168
- "required": false,
169
- "syncable": true,
170
- "category": "model",
171
- "type": "Boolean"
172
- },
173
- "icon": {
174
- "type": "String",
175
- "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)",
176
- "examples": [
177
- "map",
178
- "ion-add",
179
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
180
- "img:path/to/some_image.png"
181
- ],
182
- "category": "content"
183
- },
184
- "active-icon": {
185
- "type": "String",
186
- "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)",
187
- "examples": [
188
- "map",
189
- "ion-add",
190
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
191
- "img:path/to/some_image.png"
192
- ],
193
- "category": "content"
194
- },
195
- "hide-icon": {
196
- "type": "Boolean",
197
- "desc": "Hide the icon (don't use any)",
198
- "category": "style|content"
199
- },
200
- "direction": {
201
- "type": "String",
202
- "desc": "Direction to expand Fab Actions to",
203
- "default": "right",
204
- "values": [
205
- "up",
206
- "right",
207
- "down",
208
- "left"
209
- ],
210
- "category": "behavior",
211
- "required": false
212
- },
213
- "vertical-actions-align": {
214
- "type": "String",
215
- "desc": "The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')",
216
- "default": "center",
217
- "values": [
218
- "left",
219
- "center",
220
- "right"
221
- ],
222
- "category": "style|content",
223
- "required": false
224
- },
225
- "persistent": {
226
- "type": "Boolean",
227
- "desc": "By default, Fab Actions are hidden when user navigates to another route and this prop disables this behavior",
228
- "category": "behavior"
229
- }
230
- },
231
- "slots": {
232
- "default": {
233
- "desc": "This is where QFabActions may go into"
234
- },
235
- "tooltip": {
236
- "desc": "Slot specifically designed for a QTooltip"
237
- },
238
- "icon": {
239
- "desc": "Slot for icon shown when FAB is closed; Suggestion: QIcon",
240
- "scope": {
241
- "opened": {
242
- "type": "Boolean",
243
- "desc": "FAB is opened"
244
- }
245
- },
246
- "addedIn": "v2.4"
247
- },
248
- "active-icon": {
249
- "desc": "Slot for icon shown when FAB is opened; Suggestion: QIcon",
250
- "scope": {
251
- "opened": {
252
- "type": "Boolean",
253
- "desc": "FAB is opened"
254
- }
255
- },
256
- "addedIn": "v2.4"
257
- },
258
- "label": {
259
- "desc": "Slot for label",
260
- "scope": {
261
- "opened": {
262
- "type": "Boolean",
263
- "desc": "FAB is opened"
264
- }
265
- },
266
- "addedIn": "v2.4"
267
- }
268
- },
269
- "events": {
270
- "update:model-value": {
271
- "desc": "Emitted when fab actions are shown/hidden; Captured by v-model directive",
272
- "params": {
273
- "value": {
274
- "type": "Boolean",
275
- "desc": "New state (showing/hidden)"
276
- }
277
- }
278
- },
279
- "show": {
280
- "desc": "Emitted after component has triggered show()",
281
- "params": {
282
- "evt": {
283
- "type": "Event",
284
- "desc": "JS event object",
285
- "required": true
286
- }
287
- }
288
- },
289
- "before-show": {
290
- "desc": "Emitted when component triggers show() but before it finishes doing it",
291
- "params": {
292
- "evt": {
293
- "type": "Event",
294
- "desc": "JS event object",
295
- "required": true
296
- }
297
- }
298
- },
299
- "hide": {
300
- "desc": "Emitted after component has triggered hide()",
301
- "params": {
302
- "evt": {
303
- "type": "Event",
304
- "desc": "JS event object",
305
- "required": true
306
- }
307
- }
308
- },
309
- "before-hide": {
310
- "desc": "Emitted when component triggers hide() but before it finishes doing it",
311
- "params": {
312
- "evt": {
313
- "type": "Event",
314
- "desc": "JS event object",
315
- "required": true
316
- }
317
- }
318
- }
319
- },
320
- "methods": {
321
- "show": {
322
- "desc": "Expands fab actions list",
323
- "params": {
324
- "evt": {
325
- "type": "Event",
326
- "desc": "JS event object",
327
- "required": false
328
- }
329
- }
330
- },
331
- "hide": {
332
- "desc": "Collapses fab actions list",
333
- "params": {
334
- "evt": {
335
- "type": "Event",
336
- "desc": "JS event object",
337
- "required": false
338
- }
339
- }
340
- },
341
- "toggle": {
342
- "params": {
343
- "evt": {
344
- "type": "Event",
345
- "desc": "JS event object",
346
- "required": false
347
- }
348
- },
349
- "desc": "Triggers component to toggle between show/hide"
350
- }
351
- }
352
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"a","values":["a","submit","button","reset"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"padding":{"type":"String","desc":"Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set","examples":["16px","10px 5px","2rem","xs","md lg"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["Button Label"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["top","right","bottom","left"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":null,"desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"model-value":{"desc":"Controls state of fab actions (showing/hidden); Works best with v-model directive, otherwise use along listening to 'update:modelValue' event","required":false,"syncable":true,"category":"model","type":"Boolean"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"active-icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"hide-icon":{"type":"Boolean","desc":"Hide the icon (don't use any)","category":"style|content"},"direction":{"type":"String","desc":"Direction to expand Fab Actions to","default":"right","values":["up","right","down","left"],"category":"behavior","required":false},"vertical-actions-align":{"type":"String","desc":"The side of the Fab where Fab Actions will expand (only when direction is 'up' or 'down')","default":"center","values":["left","center","right"],"category":"style|content","required":false},"persistent":{"type":"Boolean","desc":"By default, Fab Actions are hidden when user navigates to another route and this prop disables this behavior","category":"behavior"}},"slots":{"default":{"desc":"This is where QFabActions may go into"},"tooltip":{"desc":"Slot specifically designed for a QTooltip"},"icon":{"desc":"Slot for icon shown when FAB is closed; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"active-icon":{"desc":"Slot for icon shown when FAB is opened; Suggestion: QIcon","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"},"label":{"desc":"Slot for label","scope":{"opened":{"type":"Boolean","desc":"FAB is opened"}},"addedIn":"v2.4"}},"events":{"update:model-value":{"desc":"Emitted when fab actions are shown/hidden; Captured by v-model directive","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Expands fab actions list","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Collapses fab actions list","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"}}}
@@ -1,241 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/floating-action-button"
5
- },
6
- "props": {
7
- "type": {
8
- "type": "String",
9
- "desc": "Define the button HTML DOM type",
10
- "default": "a",
11
- "values": [
12
- "a",
13
- "submit",
14
- "button",
15
- "reset"
16
- ],
17
- "category": "general",
18
- "required": false
19
- },
20
- "outline": {
21
- "type": "Boolean",
22
- "desc": "Use 'outline' design for Fab button",
23
- "category": "style"
24
- },
25
- "push": {
26
- "type": "Boolean",
27
- "desc": "Use 'push' design for Fab button",
28
- "category": "style"
29
- },
30
- "flat": {
31
- "type": "Boolean",
32
- "desc": "Use 'flat' design for Fab button",
33
- "category": "style"
34
- },
35
- "unelevated": {
36
- "type": "Boolean",
37
- "desc": "Remove shadow",
38
- "category": "style"
39
- },
40
- "padding": {
41
- "type": "String",
42
- "desc": "Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set",
43
- "examples": [
44
- "16px",
45
- "10px 5px",
46
- "2rem",
47
- "xs",
48
- "md lg"
49
- ],
50
- "category": "style"
51
- },
52
- "color": {
53
- "type": "String",
54
- "tsType": "NamedColor",
55
- "desc": "Color name for component from the Quasar Color Palette",
56
- "examples": [
57
- "primary",
58
- "teal",
59
- "teal-10"
60
- ],
61
- "category": "style"
62
- },
63
- "text-color": {
64
- "type": "String",
65
- "tsType": "NamedColor",
66
- "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
67
- "examples": [
68
- "primary",
69
- "teal",
70
- "teal-10"
71
- ],
72
- "category": "style"
73
- },
74
- "glossy": {
75
- "type": "Boolean",
76
- "desc": "Apply the glossy effect over the button",
77
- "category": "style"
78
- },
79
- "external-label": {
80
- "type": "Boolean",
81
- "desc": "Display label besides the FABs, as external content",
82
- "category": "style|content"
83
- },
84
- "label": {
85
- "type": [
86
- "String",
87
- "Number"
88
- ],
89
- "desc": "The label that will be shown when Fab is extended",
90
- "examples": [
91
- "Button Label"
92
- ],
93
- "category": "content"
94
- },
95
- "label-position": {
96
- "type": "String",
97
- "desc": "Position of the label around the icon",
98
- "values": [
99
- "top",
100
- "right",
101
- "bottom",
102
- "left"
103
- ],
104
- "category": "style|content"
105
- },
106
- "hide-label": {
107
- "type": [
108
- "Boolean",
109
- "null"
110
- ],
111
- "default": null,
112
- "desc": "Hide the label; Useful for animation purposes where you toggle the visibility of the label",
113
- "category": "style|content",
114
- "required": false
115
- },
116
- "label-class": {
117
- "type": [
118
- "String",
119
- "Array",
120
- "Object"
121
- ],
122
- "tsType": "VueClassProp",
123
- "desc": "Class definitions to be attributed to the label container",
124
- "examples": [
125
- "my-special-class",
126
- ":input-class=\"{ 'my-special-class': <condition> }\""
127
- ],
128
- "category": "style"
129
- },
130
- "label-style": {
131
- "type": [
132
- "String",
133
- "Array",
134
- "Object"
135
- ],
136
- "tsType": "VueStyleProp",
137
- "desc": "Style definitions to be attributed to the label container",
138
- "examples": [
139
- "background-color: #ff0000",
140
- ":input-style=\"{ backgroundColor: '#ff0000' }\""
141
- ],
142
- "category": "style"
143
- },
144
- "square": {
145
- "type": "Boolean",
146
- "desc": "Apply a rectangle aspect to the FAB",
147
- "category": "style"
148
- },
149
- "disable": {
150
- "type": "Boolean",
151
- "desc": "Put component in disabled mode",
152
- "category": "state"
153
- },
154
- "tabindex": {
155
- "type": [
156
- "Number",
157
- "String"
158
- ],
159
- "desc": "Tabindex HTML attribute value",
160
- "examples": [
161
- "0",
162
- "100"
163
- ],
164
- "category": "general"
165
- },
166
- "icon": {
167
- "type": "String",
168
- "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)",
169
- "examples": [
170
- "map",
171
- "ion-add",
172
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
173
- "img:path/to/some_image.png"
174
- ],
175
- "category": "content"
176
- },
177
- "anchor": {
178
- "type": "String",
179
- "desc": "How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab",
180
- "values": [
181
- "start",
182
- "center",
183
- "end"
184
- ],
185
- "category": "style|content"
186
- },
187
- "to": {
188
- "type": [
189
- "String",
190
- "Object"
191
- ],
192
- "desc": "Equivalent to Vue Router <router-link> 'to' property",
193
- "examples": [
194
- "/home/dashboard",
195
- ":to=\"{ name: 'my-route-name' }\""
196
- ],
197
- "category": "router"
198
- },
199
- "replace": {
200
- "type": "Boolean",
201
- "desc": "Equivalent to Vue Router <router-link> 'replace' property",
202
- "category": "router"
203
- }
204
- },
205
- "slots": {
206
- "default": {
207
- "desc": "Suggestion for this slot: QTooltip"
208
- },
209
- "icon": {
210
- "desc": "Slot for icon; Suggestion: QIcon",
211
- "addedIn": "v2.4"
212
- },
213
- "label": {
214
- "desc": "Slot for label",
215
- "addedIn": "v2.4"
216
- }
217
- },
218
- "events": {
219
- "click": {
220
- "desc": "Emitted when user clicks/taps on the component",
221
- "params": {
222
- "evt": {
223
- "type": "Event",
224
- "desc": "JS event object",
225
- "required": true
226
- }
227
- }
228
- }
229
- },
230
- "methods": {
231
- "click": {
232
- "desc": "Emulate click on QFabAction",
233
- "params": {
234
- "evt": {
235
- "type": "Event",
236
- "desc": "JS event object"
237
- }
238
- }
239
- }
240
- }
241
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/floating-action-button"},"props":{"type":{"type":"String","desc":"Define the button HTML DOM type","default":"a","values":["a","submit","button","reset"],"category":"general","required":false},"outline":{"type":"Boolean","desc":"Use 'outline' design for Fab button","category":"style"},"push":{"type":"Boolean","desc":"Use 'push' design for Fab button","category":"style"},"flat":{"type":"Boolean","desc":"Use 'flat' design for Fab button","category":"style"},"unelevated":{"type":"Boolean","desc":"Remove shadow","category":"style"},"padding":{"type":"String","desc":"Apply custom padding (vertical [horizontal]); Size in CSS units, including unit name or standard size name (none|xs|sm|md|lg|xl); Also removes the min width and height when set","examples":["16px","10px 5px","2rem","xs","md lg"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"glossy":{"type":"Boolean","desc":"Apply the glossy effect over the button","category":"style"},"external-label":{"type":"Boolean","desc":"Display label besides the FABs, as external content","category":"style|content"},"label":{"type":["String","Number"],"desc":"The label that will be shown when Fab is extended","examples":["Button Label"],"category":"content"},"label-position":{"type":"String","desc":"Position of the label around the icon","values":["top","right","bottom","left"],"category":"style|content"},"hide-label":{"type":["Boolean","null"],"default":null,"desc":"Hide the label; Useful for animation purposes where you toggle the visibility of the label","category":"style|content","required":false},"label-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the label container","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"label-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the label container","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"},"square":{"type":"Boolean","desc":"Apply a rectangle aspect to the FAB","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"anchor":{"type":"String","desc":"How to align the Fab Action relative to Fab expand side; By default it uses the align specified in QFab","values":["start","center","end"],"category":"style|content"},"to":{"type":["String","Object"],"desc":"Equivalent to Vue Router <router-link> 'to' property","examples":["/home/dashboard",":to=\"{ name: 'my-route-name' }\""],"category":"router"},"replace":{"type":"Boolean","desc":"Equivalent to Vue Router <router-link> 'replace' property","category":"router"}},"slots":{"default":{"desc":"Suggestion for this slot: QTooltip"},"icon":{"desc":"Slot for icon; Suggestion: QIcon","addedIn":"v2.4"},"label":{"desc":"Slot for label","addedIn":"v2.4"}},"events":{"click":{"desc":"Emitted when user clicks/taps on the component","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"click":{"desc":"Emulate click on QFabAction","params":{"evt":{"type":"Event","desc":"JS event object"}}}}}