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,354 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/scroll-area"
5
- },
6
- "props": {
7
- "dark": {
8
- "type": [
9
- "Boolean",
10
- "null"
11
- ],
12
- "default": null,
13
- "desc": "Notify the component that the background is a dark color",
14
- "category": "style",
15
- "required": false
16
- },
17
- "bar-style": {
18
- "type": [
19
- "String",
20
- "Array",
21
- "Object"
22
- ],
23
- "tsType": "VueStyleProp",
24
- "desc": "Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)",
25
- "examples": [
26
- ":bar-style=\"{ borderRadius: '5px', background: 'red', opacity: 1 }\""
27
- ],
28
- "category": "style"
29
- },
30
- "vertical-bar-style": {
31
- "type": [
32
- "String",
33
- "Array",
34
- "Object"
35
- ],
36
- "tsType": "VueStyleProp",
37
- "desc": "Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop",
38
- "examples": [
39
- ":bar-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""
40
- ],
41
- "category": "style"
42
- },
43
- "horizontal-bar-style": {
44
- "type": [
45
- "String",
46
- "Array",
47
- "Object"
48
- ],
49
- "tsType": "VueStyleProp",
50
- "desc": "Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop",
51
- "examples": [
52
- ":bar-style=\"{ bottom: '4px', borderRadius: '5px', background: 'red', height: '10px', opacity: 1 }\""
53
- ],
54
- "category": "style"
55
- },
56
- "thumb-style": {
57
- "type": "Object",
58
- "tsType": "VueStyleObjectProp",
59
- "desc": "Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)",
60
- "examples": [
61
- ":thumb-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""
62
- ],
63
- "category": "style"
64
- },
65
- "vertical-thumb-style": {
66
- "type": "Object",
67
- "tsType": "VueStyleObjectProp",
68
- "desc": "Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop",
69
- "examples": [
70
- ":thumb-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""
71
- ],
72
- "category": "style"
73
- },
74
- "horizontal-thumb-style": {
75
- "type": "Object",
76
- "tsType": "VueStyleObjectProp",
77
- "desc": "Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop",
78
- "examples": [
79
- ":thumb-style=\"{ bottom: '4px', borderRadius: '5px', background: 'red', height: '10px', opacity: 1 }\""
80
- ],
81
- "category": "style"
82
- },
83
- "content-style": {
84
- "type": [
85
- "String",
86
- "Array",
87
- "Object"
88
- ],
89
- "tsType": "VueStyleProp",
90
- "desc": "Object with CSS properties and values for styling the container of QScrollArea",
91
- "examples": [
92
- ":content-style=\"{ backgroundColor: '#C0C0C0' }\""
93
- ],
94
- "category": "style"
95
- },
96
- "content-active-style": {
97
- "type": [
98
- "String",
99
- "Array",
100
- "Object"
101
- ],
102
- "tsType": "VueStyleProp",
103
- "desc": "Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)",
104
- "examples": [
105
- ":content-active-style=\"{ backgroundColor: 'white' }\""
106
- ],
107
- "category": "style"
108
- },
109
- "visible": {
110
- "type": [
111
- "Boolean",
112
- "null"
113
- ],
114
- "default": null,
115
- "desc": "Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior",
116
- "category": "behavior",
117
- "required": false
118
- },
119
- "delay": {
120
- "type": [
121
- "Number",
122
- "String"
123
- ],
124
- "desc": "When content changes, the scrollbar appears; this delay defines the amount of time (in milliseconds) before scrollbars disappear again (if component is not hovered)",
125
- "default": 1000,
126
- "category": "behavior",
127
- "required": false
128
- },
129
- "tabindex": {
130
- "type": [
131
- "Number",
132
- "String"
133
- ],
134
- "desc": "Tabindex HTML attribute value",
135
- "examples": [
136
- "0",
137
- "100"
138
- ],
139
- "category": "general"
140
- }
141
- },
142
- "slots": {
143
- "default": {
144
- "desc": "Default slot in the devland unslotted content of the component"
145
- }
146
- },
147
- "events": {
148
- "scroll": {
149
- "desc": "Emitted when scroll information changes (and listener is configured)",
150
- "params": {
151
- "info": {
152
- "type": "Object",
153
- "desc": "An object containing scroll information",
154
- "definition": {
155
- "ref": {
156
- "type": "Component",
157
- "tsType": "QScrollArea",
158
- "required": true,
159
- "desc": "Vue reference to the QScrollArea which triggered the event"
160
- },
161
- "verticalPosition": {
162
- "type": "Number",
163
- "required": true,
164
- "desc": "Vertical scroll position (in px)"
165
- },
166
- "verticalPercentage": {
167
- "type": "Number",
168
- "required": true,
169
- "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)"
170
- },
171
- "verticalSize": {
172
- "type": "Number",
173
- "required": true,
174
- "desc": "Vertical scroll size (in px)"
175
- },
176
- "verticalContainerSize": {
177
- "type": "Number",
178
- "required": true,
179
- "desc": "Height of the container (in px)"
180
- },
181
- "horizontalPosition": {
182
- "type": "Number",
183
- "required": true,
184
- "desc": "Horizontal scroll position (in px)"
185
- },
186
- "horizontalPercentage": {
187
- "type": "Number",
188
- "required": true,
189
- "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)"
190
- },
191
- "horizontalSize": {
192
- "type": "Number",
193
- "required": true,
194
- "desc": "Horizontal scroll size (in px)"
195
- },
196
- "horizontalContainerSize": {
197
- "type": "Number",
198
- "required": true,
199
- "desc": "Width of the container (in px)"
200
- }
201
- }
202
- }
203
- }
204
- }
205
- },
206
- "methods": {
207
- "getScrollTarget": {
208
- "desc": "Get the scrolling DOM element target",
209
- "returns": {
210
- "type": "Element",
211
- "desc": "DOM element upon which scrolling takes place"
212
- }
213
- },
214
- "getScroll": {
215
- "desc": "Get the current scroll information",
216
- "returns": {
217
- "type": "Object",
218
- "desc": "Scroll information",
219
- "definition": {
220
- "verticalPosition": {
221
- "type": "Number",
222
- "required": true,
223
- "desc": "Vertical scroll position (in px)"
224
- },
225
- "verticalPercentage": {
226
- "type": "Number",
227
- "required": true,
228
- "desc": "Vertical scroll percentage (0.0 <= x <= 1.0)"
229
- },
230
- "verticalSize": {
231
- "type": "Number",
232
- "required": true,
233
- "desc": "Vertical scroll size (in px)"
234
- },
235
- "verticalContainerSize": {
236
- "type": "Number",
237
- "required": true,
238
- "desc": "Height of the container (in px)"
239
- },
240
- "horizontalPosition": {
241
- "type": "Number",
242
- "required": true,
243
- "desc": "Horizontal scroll position (in px)"
244
- },
245
- "horizontalPercentage": {
246
- "type": "Number",
247
- "required": true,
248
- "desc": "Horizontal scroll percentage (0.0 <= x <= 1.0)"
249
- },
250
- "horizontalSize": {
251
- "type": "Number",
252
- "required": true,
253
- "desc": "Horizontal scroll size (in px)"
254
- },
255
- "horizontalContainerSize": {
256
- "type": "Number",
257
- "required": true,
258
- "desc": "Width of the container (in px)"
259
- }
260
- }
261
- }
262
- },
263
- "getScrollPosition": {
264
- "desc": "Get current scroll position",
265
- "returns": {
266
- "type": "Object",
267
- "desc": "An object containing scroll position information",
268
- "definition": {
269
- "top": {
270
- "type": "Number",
271
- "required": true,
272
- "desc": "Scroll offset from top (vertical)"
273
- },
274
- "left": {
275
- "type": "Number",
276
- "required": true,
277
- "desc": "Scroll offset from left (horizontal)"
278
- }
279
- },
280
- "examples": [
281
- "{ top: 10, left: 0 }"
282
- ]
283
- }
284
- },
285
- "getScrollPercentage": {
286
- "desc": "Get current scroll position in percentage (0.0 <= x <= 1.0)",
287
- "returns": {
288
- "type": "Object",
289
- "desc": "An object containing scroll position information in percentage",
290
- "definition": {
291
- "top": {
292
- "type": "Number",
293
- "required": true,
294
- "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)"
295
- },
296
- "left": {
297
- "type": "Number",
298
- "required": true,
299
- "desc": "Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)"
300
- }
301
- },
302
- "examples": [
303
- "{ top: 0.212, left: 0 }"
304
- ]
305
- }
306
- },
307
- "setScrollPosition": {
308
- "desc": "Set scroll position to an offset; If a duration (in milliseconds) is specified then the scroll is animated",
309
- "params": {
310
- "axis": {
311
- "type": "String",
312
- "required": true,
313
- "desc": "Scroll axis",
314
- "values": [
315
- "vertical",
316
- "horizontal"
317
- ]
318
- },
319
- "offset": {
320
- "type": "Number",
321
- "required": true,
322
- "desc": "Scroll position offset from top (in pixels)"
323
- },
324
- "duration": {
325
- "type": "Number",
326
- "desc": "Duration (in milliseconds) enabling animated scroll"
327
- }
328
- }
329
- },
330
- "setScrollPercentage": {
331
- "desc": "Set scroll position to a percentage (0.0 <= x <= 1.0) of the total scrolling size; If a duration (in milliseconds) is specified then the scroll is animated",
332
- "params": {
333
- "axis": {
334
- "type": "String",
335
- "desc": "Scroll axis",
336
- "values": [
337
- "vertical",
338
- "horizontal"
339
- ],
340
- "required": true
341
- },
342
- "offset": {
343
- "type": "Number",
344
- "desc": "Scroll percentage (0.0 <= x <= 1.0) of the total scrolling size",
345
- "required": true
346
- },
347
- "duration": {
348
- "type": "Number",
349
- "desc": "Duration (in milliseconds) enabling animated scroll"
350
- }
351
- }
352
- }
353
- }
354
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/scroll-area"},"props":{"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"bar-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)","examples":[":bar-style=\"{ borderRadius: '5px', background: 'red', opacity: 1 }\""],"category":"style"},"vertical-bar-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Object with CSS properties and values for custom styling the vertical scrollbar; Is applied on top of 'bar-style' prop","examples":[":bar-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""],"category":"style"},"horizontal-bar-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Object with CSS properties and values for custom styling the horizontal scrollbar; Is applied on top of 'bar-style' prop","examples":[":bar-style=\"{ bottom: '4px', borderRadius: '5px', background: 'red', height: '10px', opacity: 1 }\""],"category":"style"},"thumb-style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Object with CSS properties and values for custom styling the thumb of scrollbars (both vertical and horizontal)","examples":[":thumb-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""],"category":"style"},"vertical-thumb-style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Object with CSS properties and values for custom styling the thumb of the vertical scrollbar; Is applied on top of 'thumb-style' prop","examples":[":thumb-style=\"{ right: '4px', borderRadius: '5px', background: 'red', width: '10px', opacity: 1 }\""],"category":"style"},"horizontal-thumb-style":{"type":"Object","tsType":"VueStyleObjectProp","desc":"Object with CSS properties and values for custom styling the thumb of the horizontal scrollbar; Is applied on top of 'thumb-style' prop","examples":[":thumb-style=\"{ bottom: '4px', borderRadius: '5px', background: 'red', height: '10px', opacity: 1 }\""],"category":"style"},"content-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Object with CSS properties and values for styling the container of QScrollArea","examples":[":content-style=\"{ backgroundColor: '#C0C0C0' }\""],"category":"style"},"content-active-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Object with CSS properties and values for styling the container of QScrollArea when scroll area becomes active (is mouse hovered)","examples":[":content-active-style=\"{ backgroundColor: 'white' }\""],"category":"style"},"visible":{"type":["Boolean","null"],"default":null,"desc":"Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior","category":"behavior","required":false},"delay":{"type":["Number","String"],"desc":"When content changes, the scrollbar appears; this delay defines the amount of time (in milliseconds) before scrollbars disappear again (if component is not hovered)","default":1000,"category":"behavior","required":false},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["0","100"],"category":"general"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"scroll":{"desc":"Emitted when scroll information changes (and listener is configured)","params":{"info":{"type":"Object","desc":"An object containing scroll information","definition":{"ref":{"type":"Component","tsType":"QScrollArea","required":true,"desc":"Vue reference to the QScrollArea which triggered the event"},"verticalPosition":{"type":"Number","required":true,"desc":"Vertical scroll position (in px)"},"verticalPercentage":{"type":"Number","required":true,"desc":"Vertical scroll percentage (0.0 <= x <= 1.0)"},"verticalSize":{"type":"Number","required":true,"desc":"Vertical scroll size (in px)"},"verticalContainerSize":{"type":"Number","required":true,"desc":"Height of the container (in px)"},"horizontalPosition":{"type":"Number","required":true,"desc":"Horizontal scroll position (in px)"},"horizontalPercentage":{"type":"Number","required":true,"desc":"Horizontal scroll percentage (0.0 <= x <= 1.0)"},"horizontalSize":{"type":"Number","required":true,"desc":"Horizontal scroll size (in px)"},"horizontalContainerSize":{"type":"Number","required":true,"desc":"Width of the container (in px)"}}}}}},"methods":{"getScrollTarget":{"desc":"Get the scrolling DOM element target","returns":{"type":"Element","desc":"DOM element upon which scrolling takes place"}},"getScroll":{"desc":"Get the current scroll information","returns":{"type":"Object","desc":"Scroll information","definition":{"verticalPosition":{"type":"Number","required":true,"desc":"Vertical scroll position (in px)"},"verticalPercentage":{"type":"Number","required":true,"desc":"Vertical scroll percentage (0.0 <= x <= 1.0)"},"verticalSize":{"type":"Number","required":true,"desc":"Vertical scroll size (in px)"},"verticalContainerSize":{"type":"Number","required":true,"desc":"Height of the container (in px)"},"horizontalPosition":{"type":"Number","required":true,"desc":"Horizontal scroll position (in px)"},"horizontalPercentage":{"type":"Number","required":true,"desc":"Horizontal scroll percentage (0.0 <= x <= 1.0)"},"horizontalSize":{"type":"Number","required":true,"desc":"Horizontal scroll size (in px)"},"horizontalContainerSize":{"type":"Number","required":true,"desc":"Width of the container (in px)"}}}},"getScrollPosition":{"desc":"Get current scroll position","returns":{"type":"Object","desc":"An object containing scroll position information","definition":{"top":{"type":"Number","required":true,"desc":"Scroll offset from top (vertical)"},"left":{"type":"Number","required":true,"desc":"Scroll offset from left (horizontal)"}},"examples":["{ top: 10, left: 0 }"]}},"getScrollPercentage":{"desc":"Get current scroll position in percentage (0.0 <= x <= 1.0)","returns":{"type":"Object","desc":"An object containing scroll position information in percentage","definition":{"top":{"type":"Number","required":true,"desc":"Scroll percentage (0.0 <= x <= 1.0) offset from top (vertical)"},"left":{"type":"Number","required":true,"desc":"Scroll percentage (0.0 <= x <= 1.0) offset from left (horizontal)"}},"examples":["{ top: 0.212, left: 0 }"]}},"setScrollPosition":{"desc":"Set scroll position to an offset; If a duration (in milliseconds) is specified then the scroll is animated","params":{"axis":{"type":"String","required":true,"desc":"Scroll axis","values":["vertical","horizontal"]},"offset":{"type":"Number","required":true,"desc":"Scroll position offset from top (in pixels)"},"duration":{"type":"Number","desc":"Duration (in milliseconds) enabling animated scroll"}}},"setScrollPercentage":{"desc":"Set scroll position to a percentage (0.0 <= x <= 1.0) of the total scrolling size; If a duration (in milliseconds) is specified then the scroll is animated","params":{"axis":{"type":"String","desc":"Scroll axis","values":["vertical","horizontal"],"required":true},"offset":{"type":"Number","desc":"Scroll percentage (0.0 <= x <= 1.0) of the total scrolling size","required":true},"duration":{"type":"Number","desc":"Duration (in milliseconds) enabling animated scroll"}}}}}
@@ -1,140 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/scroll-observer"
5
- },
6
- "props": {
7
- "debounce": {
8
- "type": [
9
- "String",
10
- "Number"
11
- ],
12
- "desc": "Debounce amount (in milliseconds)",
13
- "examples": [
14
- "0",
15
- "530"
16
- ],
17
- "category": "behavior"
18
- },
19
- "axis": {
20
- "type": "String",
21
- "desc": "Axis on which to detect changes",
22
- "values": [
23
- "both",
24
- "vertical",
25
- "horizontal"
26
- ],
27
- "default": "vertical",
28
- "category": "behavior",
29
- "required": false
30
- },
31
- "scroll-target": {
32
- "type": [
33
- "Element",
34
- "String"
35
- ],
36
- "desc": "CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one",
37
- "examples": [
38
- ":scroll-target=\"$refs.scrollTarget\"",
39
- "scroll-target=\".scroll-target-class\"",
40
- "scroll-target=\"#scroll-target-id\"",
41
- "scroll-target=\"body\""
42
- ],
43
- "category": "behavior"
44
- }
45
- },
46
- "events": {
47
- "scroll": {
48
- "desc": "Emitted when scroll position changes",
49
- "params": {
50
- "details": {
51
- "type": "Object",
52
- "desc": "Scroll details",
53
- "definition": {
54
- "position": {
55
- "type": "Object",
56
- "required": true,
57
- "desc": "Scroll offset (from top and left)",
58
- "definition": {
59
- "top": {
60
- "type": "Number",
61
- "required": true,
62
- "desc": "Scroll offset from top (vertical)"
63
- },
64
- "left": {
65
- "type": "Number",
66
- "required": true,
67
- "desc": "Scroll offset from left (horizontal)"
68
- }
69
- }
70
- },
71
- "direction": {
72
- "type": "String",
73
- "required": true,
74
- "desc": "Direction of scroll",
75
- "values": [
76
- "up",
77
- "down",
78
- "left",
79
- "right"
80
- ]
81
- },
82
- "directionChanged": {
83
- "type": "Boolean",
84
- "required": true,
85
- "desc": "Has scroll direction changed since event was last emitted?"
86
- },
87
- "delta": {
88
- "type": "Object",
89
- "required": true,
90
- "desc": "Delta of distance (in pixels) since event was last emitted",
91
- "definition": {
92
- "top": {
93
- "type": "Number",
94
- "required": true,
95
- "desc": "Vertical delta distance since event was last emitted"
96
- },
97
- "left": {
98
- "type": "Number",
99
- "required": true,
100
- "desc": "Horizontal delta distance since event was last emitted"
101
- }
102
- }
103
- },
104
- "inflectionPoint": {
105
- "type": "Object",
106
- "required": true,
107
- "desc": "Last scroll offset where scroll direction has changed",
108
- "definition": {
109
- "top": {
110
- "type": "Number",
111
- "required": true,
112
- "desc": "Scroll offset from top (vertical)"
113
- },
114
- "left": {
115
- "type": "Number",
116
- "required": true,
117
- "desc": "Scroll offset from left (horizontal)"
118
- }
119
- }
120
- }
121
- }
122
- }
123
- }
124
- }
125
- },
126
- "methods": {
127
- "trigger": {
128
- "desc": "Emit a 'scroll' event",
129
- "params": {
130
- "immediately": {
131
- "type": "Boolean",
132
- "desc": "Skip over the debounce amount"
133
- }
134
- }
135
- },
136
- "getPosition": {
137
- "desc": "Get current scroll details under the form of an Object: { position, direction, directionChanged, inflectionPoint }"
138
- }
139
- }
140
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/scroll-observer"},"props":{"debounce":{"type":["String","Number"],"desc":"Debounce amount (in milliseconds)","examples":["0","530"],"category":"behavior"},"axis":{"type":"String","desc":"Axis on which to detect changes","values":["both","vertical","horizontal"],"default":"vertical","category":"behavior","required":false},"scroll-target":{"type":["Element","String"],"desc":"CSS selector or DOM element to be used as a custom scroll container instead of the auto detected one","examples":[":scroll-target=\"$refs.scrollTarget\"","scroll-target=\".scroll-target-class\"","scroll-target=\"#scroll-target-id\"","scroll-target=\"body\""],"category":"behavior"}},"events":{"scroll":{"desc":"Emitted when scroll position changes","params":{"details":{"type":"Object","desc":"Scroll details","definition":{"position":{"type":"Object","required":true,"desc":"Scroll offset (from top and left)","definition":{"top":{"type":"Number","required":true,"desc":"Scroll offset from top (vertical)"},"left":{"type":"Number","required":true,"desc":"Scroll offset from left (horizontal)"}}},"direction":{"type":"String","required":true,"desc":"Direction of scroll","values":["up","down","left","right"]},"directionChanged":{"type":"Boolean","required":true,"desc":"Has scroll direction changed since event was last emitted?"},"delta":{"type":"Object","required":true,"desc":"Delta of distance (in pixels) since event was last emitted","definition":{"top":{"type":"Number","required":true,"desc":"Vertical delta distance since event was last emitted"},"left":{"type":"Number","required":true,"desc":"Horizontal delta distance since event was last emitted"}}},"inflectionPoint":{"type":"Object","required":true,"desc":"Last scroll offset where scroll direction has changed","definition":{"top":{"type":"Number","required":true,"desc":"Scroll offset from top (vertical)"},"left":{"type":"Number","required":true,"desc":"Scroll offset from left (horizontal)"}}}}}}}},"methods":{"trigger":{"desc":"Emit a 'scroll' event","params":{"immediately":{"type":"Boolean","desc":"Skip over the debounce amount"}}},"getPosition":{"desc":"Get current scroll details under the form of an Object: { position, direction, directionChanged, inflectionPoint }"}}}