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,521 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/input"
5
- },
6
- "props": {
7
- "name": {
8
- "type": "String",
9
- "desc": "Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists",
10
- "examples": [
11
- "car_id",
12
- "car_id"
13
- ],
14
- "category": "behavior"
15
- },
16
- "mask": {
17
- "type": "String",
18
- "desc": "Custom mask or one of the predefined mask names",
19
- "examples": [
20
- "###-##",
21
- "date",
22
- "datetime",
23
- "time",
24
- "fulltime",
25
- "phone",
26
- "card"
27
- ],
28
- "category": "behavior"
29
- },
30
- "fill-mask": {
31
- "type": [
32
- "Boolean",
33
- "String"
34
- ],
35
- "desc": "Fills string with specified characters (or underscore if value is not string) to fill mask's length",
36
- "examples": [
37
- "true",
38
- "'0'",
39
- "'_'"
40
- ],
41
- "category": "behavior"
42
- },
43
- "reverse-fill-mask": {
44
- "type": "Boolean",
45
- "desc": "Fills string from the right side of the mask",
46
- "category": "behavior"
47
- },
48
- "unmasked-value": {
49
- "type": "Boolean",
50
- "desc": "Model will be unmasked (won't contain tokens/separation characters)",
51
- "category": "behavior"
52
- },
53
- "model-value": {
54
- "desc": "Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive",
55
- "required": true,
56
- "syncable": true,
57
- "category": "model",
58
- "type": [
59
- "String",
60
- "Number",
61
- "null",
62
- "undefined"
63
- ],
64
- "examples": [
65
- "v-model=\"myText\""
66
- ]
67
- },
68
- "error": {
69
- "type": [
70
- "Boolean",
71
- "null"
72
- ],
73
- "default": null,
74
- "desc": "Does field have validation errors?",
75
- "category": "behavior",
76
- "required": false
77
- },
78
- "error-message": {
79
- "type": "String",
80
- "desc": "Validation error message (gets displayed only if 'error' is set to 'true')",
81
- "examples": [
82
- "Username must have at least 5 characters"
83
- ],
84
- "category": "content"
85
- },
86
- "no-error-icon": {
87
- "type": "Boolean",
88
- "desc": "Hide error icon when there is an error",
89
- "category": "content"
90
- },
91
- "rules": {
92
- "type": "Array",
93
- "tsType": "ValidationRule",
94
- "desc": "Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules",
95
- "examples": [
96
- ":rules=\"[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\"",
97
- ":rules=\"[ 'fulltime' ]\"",
98
- ":rules=\"[ (val, rules) => rules.email(val) || 'Please enter a valid email address' ]\""
99
- ],
100
- "category": "behavior"
101
- },
102
- "reactive-rules": {
103
- "type": "Boolean",
104
- "desc": "By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it",
105
- "category": "behavior"
106
- },
107
- "lazy-rules": {
108
- "type": [
109
- "Boolean",
110
- "String"
111
- ],
112
- "desc": "If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself",
113
- "values": [
114
- "(Boolean) true",
115
- "(Boolean) false",
116
- "ondemand"
117
- ],
118
- "category": "behavior"
119
- },
120
- "label": {
121
- "type": "String",
122
- "desc": "A text label that will “float” up above the input field, once the field gets focus",
123
- "examples": [
124
- "Username"
125
- ],
126
- "category": "content"
127
- },
128
- "stack-label": {
129
- "type": "Boolean",
130
- "desc": "Label will be always shown above the field regardless of field content (if any)",
131
- "category": "content"
132
- },
133
- "hint": {
134
- "type": "String",
135
- "desc": "Helper (hint) text which gets placed below your wrapped form component",
136
- "examples": [
137
- "Fill in between 3 and 12 characters"
138
- ],
139
- "category": "content"
140
- },
141
- "hide-hint": {
142
- "type": "Boolean",
143
- "desc": "Hide the helper (hint) text when field doesn't have focus",
144
- "category": "content"
145
- },
146
- "prefix": {
147
- "type": "String",
148
- "desc": "Prefix",
149
- "examples": [
150
- "$"
151
- ],
152
- "category": "content"
153
- },
154
- "suffix": {
155
- "type": "String",
156
- "desc": "Suffix",
157
- "examples": [
158
- "@gmail.com"
159
- ],
160
- "category": "content"
161
- },
162
- "label-color": {
163
- "type": "String",
164
- "tsType": "NamedColor",
165
- "desc": "Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused",
166
- "examples": [
167
- "primary",
168
- "teal",
169
- "teal-10"
170
- ],
171
- "category": "style"
172
- },
173
- "color": {
174
- "type": "String",
175
- "tsType": "NamedColor",
176
- "desc": "Color name for component from the Quasar Color Palette",
177
- "examples": [
178
- "primary",
179
- "teal",
180
- "teal-10"
181
- ],
182
- "category": "style"
183
- },
184
- "bg-color": {
185
- "type": "String",
186
- "tsType": "NamedColor",
187
- "desc": "Color name for component from the Quasar Color Palette",
188
- "examples": [
189
- "primary",
190
- "teal",
191
- "teal-10"
192
- ],
193
- "category": "style"
194
- },
195
- "dark": {
196
- "type": [
197
- "Boolean",
198
- "null"
199
- ],
200
- "default": null,
201
- "desc": "Notify the component that the background is a dark color",
202
- "category": "style",
203
- "required": false
204
- },
205
- "loading": {
206
- "type": "Boolean",
207
- "desc": "Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.",
208
- "category": "behavior|content"
209
- },
210
- "clearable": {
211
- "type": "Boolean",
212
- "desc": "Appends clearable icon when a value (not undefined or null) is set; When clicked, model becomes null",
213
- "category": "behavior|content"
214
- },
215
- "clear-icon": {
216
- "type": "String",
217
- "desc": "Custom icon to use for the clear button when using along with 'clearable' prop",
218
- "examples": [
219
- "close"
220
- ],
221
- "category": "content"
222
- },
223
- "filled": {
224
- "type": "Boolean",
225
- "desc": "Use 'filled' design for the field",
226
- "category": "style"
227
- },
228
- "outlined": {
229
- "type": "Boolean",
230
- "desc": "Use 'outlined' design for the field",
231
- "category": "style"
232
- },
233
- "borderless": {
234
- "type": "Boolean",
235
- "desc": "Use 'borderless' design for the field",
236
- "category": "style"
237
- },
238
- "standout": {
239
- "type": [
240
- "Boolean",
241
- "String"
242
- ],
243
- "desc": "Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)",
244
- "examples": [
245
- "standout",
246
- "standout=\"bg-primary text-white\""
247
- ],
248
- "category": "style"
249
- },
250
- "label-slot": {
251
- "type": "Boolean",
252
- "desc": "Enables label slot; You need to set it to force use of the 'label' slot if the 'label' prop is not set",
253
- "category": "content"
254
- },
255
- "bottom-slots": {
256
- "type": "Boolean",
257
- "desc": "Enables bottom slots ('error', 'hint', 'counter')",
258
- "category": "content"
259
- },
260
- "hide-bottom-space": {
261
- "type": "Boolean",
262
- "desc": "Do not reserve space for hint/error/counter anymore when these are not used; As a result, it also disables the animation for those; It also allows the hint/error area to stretch vertically based on its content",
263
- "category": "style"
264
- },
265
- "counter": {
266
- "type": "Boolean",
267
- "desc": "Show an automatic counter on bottom right",
268
- "category": "content"
269
- },
270
- "rounded": {
271
- "type": "Boolean",
272
- "desc": "Applies a small standard border-radius for a squared shape of the component",
273
- "category": "style"
274
- },
275
- "square": {
276
- "type": "Boolean",
277
- "desc": "Remove border-radius so borders are squared; Overrides 'rounded' prop",
278
- "category": "style"
279
- },
280
- "dense": {
281
- "type": "Boolean",
282
- "desc": "Dense mode; occupies less space",
283
- "category": "style"
284
- },
285
- "item-aligned": {
286
- "type": "Boolean",
287
- "desc": "Match inner content alignment to that of QItem",
288
- "category": "style"
289
- },
290
- "disable": {
291
- "type": "Boolean",
292
- "desc": "Put component in disabled mode",
293
- "category": "state"
294
- },
295
- "readonly": {
296
- "type": "Boolean",
297
- "desc": "Put component in readonly mode",
298
- "category": "state"
299
- },
300
- "autofocus": {
301
- "type": "Boolean",
302
- "desc": "Focus field on initial component render",
303
- "category": "behavior"
304
- },
305
- "for": {
306
- "type": "String",
307
- "desc": "Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well",
308
- "examples": [
309
- "myFieldsId"
310
- ],
311
- "category": "behavior"
312
- },
313
- "shadow-text": {
314
- "type": "String",
315
- "desc": "Text to be displayed as shadow at the end of the text in the control; Does NOT applies to type=file",
316
- "examples": [
317
- "rest of the fill value"
318
- ],
319
- "category": "content"
320
- },
321
- "type": {
322
- "type": "String",
323
- "desc": "Input type",
324
- "default": "text",
325
- "values": [
326
- "text",
327
- "password",
328
- "textarea",
329
- "email",
330
- "search",
331
- "tel",
332
- "file",
333
- "number",
334
- "url",
335
- "time",
336
- "date",
337
- "datetime-local"
338
- ],
339
- "category": "general",
340
- "required": false
341
- },
342
- "debounce": {
343
- "type": [
344
- "String",
345
- "Number"
346
- ],
347
- "desc": "Debounce amount (in milliseconds) when updating model",
348
- "category": "model"
349
- },
350
- "maxlength": {
351
- "type": [
352
- "String",
353
- "Number"
354
- ],
355
- "desc": "Specify a max length of model",
356
- "category": "model"
357
- },
358
- "autogrow": {
359
- "type": "Boolean",
360
- "desc": "Make field autogrow along with its content (uses a textarea)",
361
- "category": "content"
362
- },
363
- "input-class": {
364
- "type": [
365
- "String",
366
- "Array",
367
- "Object"
368
- ],
369
- "tsType": "VueClassProp",
370
- "desc": "Class definitions to be attributed to the underlying input tag",
371
- "examples": [
372
- "my-special-class",
373
- ":input-class=\"{ 'my-special-class': <condition> }\""
374
- ],
375
- "category": "style"
376
- },
377
- "input-style": {
378
- "type": [
379
- "String",
380
- "Array",
381
- "Object"
382
- ],
383
- "tsType": "VueStyleProp",
384
- "desc": "Style definitions to be attributed to the underlying input tag",
385
- "examples": [
386
- "background-color: #ff0000",
387
- ":input-style=\"{ backgroundColor: '#ff0000' }\""
388
- ],
389
- "category": "style"
390
- }
391
- },
392
- "slots": {
393
- "default": {
394
- "desc": "Field main content"
395
- },
396
- "prepend": {
397
- "desc": "Prepend inner field; Suggestions: QIcon, QBtn"
398
- },
399
- "append": {
400
- "desc": "Append to inner field; Suggestions: QIcon, QBtn"
401
- },
402
- "before": {
403
- "desc": "Prepend outer field; Suggestions: QIcon, QBtn"
404
- },
405
- "after": {
406
- "desc": "Append outer field; Suggestions: QIcon, QBtn"
407
- },
408
- "label": {
409
- "desc": "Slot for label; Used only if 'label-slot' prop is set or the 'label' prop is set; When it is used the text in the 'label' prop is ignored"
410
- },
411
- "error": {
412
- "desc": "Slot for errors; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"
413
- },
414
- "hint": {
415
- "desc": "Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"
416
- },
417
- "counter": {
418
- "desc": "Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"
419
- },
420
- "loading": {
421
- "desc": "Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop"
422
- }
423
- },
424
- "events": {
425
- "clear": {
426
- "desc": "When using the 'clearable' property, this event is emitted when the clear icon is clicked",
427
- "params": {
428
- "value": {
429
- "type": "Any",
430
- "desc": "The previous value before clearing it"
431
- }
432
- }
433
- },
434
- "update:model-value": {
435
- "desc": "Emitted when the component needs to change the model; Is also used by v-model",
436
- "params": {
437
- "value": {
438
- "type": [
439
- "String",
440
- "Number",
441
- "null"
442
- ],
443
- "desc": "New model value",
444
- "required": true
445
- }
446
- }
447
- },
448
- "focus": {
449
- "desc": "Emitted when component gets focused",
450
- "params": {
451
- "evt": {
452
- "type": "Event",
453
- "desc": "JS event object"
454
- }
455
- }
456
- },
457
- "blur": {
458
- "desc": "Emitted when component loses focus",
459
- "params": {
460
- "evt": {
461
- "type": "Event",
462
- "desc": "JS event object"
463
- }
464
- }
465
- }
466
- },
467
- "methods": {
468
- "resetValidation": {
469
- "desc": "Reset validation status"
470
- },
471
- "validate": {
472
- "desc": "Trigger a validation",
473
- "params": {
474
- "value": {
475
- "type": "Any",
476
- "desc": "Optional value to validate against"
477
- }
478
- },
479
- "returns": {
480
- "type": [
481
- "Boolean",
482
- "Promise<boolean>"
483
- ],
484
- "desc": "True/false if no async rules, otherwise a Promise with the outcome (true -> validation was a success, false -> invalid models detected)",
485
- "examples": [
486
- "true",
487
- "validate().then(outcome => { ... })"
488
- ]
489
- }
490
- },
491
- "focus": {
492
- "desc": "Focus underlying input tag"
493
- },
494
- "blur": {
495
- "desc": "Lose focus on underlying input tag"
496
- },
497
- "select": {
498
- "desc": "Select input text"
499
- },
500
- "getNativeElement": {
501
- "desc": "DEPRECATED; Access 'nativeEl' directly instead; Get the native input/textarea DOM Element",
502
- "returns": {
503
- "type": "Element",
504
- "tsType": "QInputNativeElement",
505
- "desc": "The underlying native input/textarea DOM Element"
506
- }
507
- }
508
- },
509
- "computedProps": {
510
- "hasError": {
511
- "type": "Boolean",
512
- "desc": "Whether the component is in error state"
513
- },
514
- "nativeEl": {
515
- "type": "Element",
516
- "tsType": "QInputNativeElement",
517
- "desc": "The native input/textarea DOM Element",
518
- "addedIn": "v2.10.1"
519
- }
520
- }
521
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/input"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms; If not specified, it takes the value of 'for' prop, if it exists","examples":["car_id","car_id"],"category":"behavior"},"mask":{"type":"String","desc":"Custom mask or one of the predefined mask names","examples":["###-##","date","datetime","time","fulltime","phone","card"],"category":"behavior"},"fill-mask":{"type":["Boolean","String"],"desc":"Fills string with specified characters (or underscore if value is not string) to fill mask's length","examples":["true","'0'","'_'"],"category":"behavior"},"reverse-fill-mask":{"type":"Boolean","desc":"Fills string from the right side of the mask","category":"behavior"},"unmasked-value":{"type":"Boolean","desc":"Model will be unmasked (won't contain tokens/separation characters)","category":"behavior"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["String","Number","null","undefined"],"examples":["v-model=\"myText\""]},"error":{"type":["Boolean","null"],"default":null,"desc":"Does field have validation errors?","category":"behavior","required":false},"error-message":{"type":"String","desc":"Validation error message (gets displayed only if 'error' is set to 'true')","examples":["Username must have at least 5 characters"],"category":"content"},"no-error-icon":{"type":"Boolean","desc":"Hide error icon when there is an error","category":"content"},"rules":{"type":"Array","tsType":"ValidationRule","desc":"Array of Functions/Strings; If String, then it must be a name of one of the embedded validation rules","examples":[":rules=\"[ val => val.length <= 3 || 'Please use maximum 3 characters' ]\"",":rules=\"[ 'fulltime' ]\"",":rules=\"[ (val, rules) => rules.email(val) || 'Please enter a valid email address' ]\""],"category":"behavior"},"reactive-rules":{"type":"Boolean","desc":"By default a change in the rules does not trigger a new validation until the model changes; If set to true then a change in the rules will trigger a validation; Has a performance penalty, so use it only when you really need it","category":"behavior"},"lazy-rules":{"type":["Boolean","String"],"desc":"If set to boolean true then it checks validation status against the 'rules' only after field loses focus for first time; If set to 'ondemand' then it will trigger only when component's validate() method is manually called or when the wrapper QForm submits itself","values":["(Boolean) true","(Boolean) false","ondemand"],"category":"behavior"},"label":{"type":"String","desc":"A text label that will “float” up above the input field, once the field gets focus","examples":["Username"],"category":"content"},"stack-label":{"type":"Boolean","desc":"Label will be always shown above the field regardless of field content (if any)","category":"content"},"hint":{"type":"String","desc":"Helper (hint) text which gets placed below your wrapped form component","examples":["Fill in between 3 and 12 characters"],"category":"content"},"hide-hint":{"type":"Boolean","desc":"Hide the helper (hint) text when field doesn't have focus","category":"content"},"prefix":{"type":"String","desc":"Prefix","examples":["$"],"category":"content"},"suffix":{"type":"String","desc":"Suffix","examples":["@gmail.com"],"category":"content"},"label-color":{"type":"String","tsType":"NamedColor","desc":"Color name for the label from the Quasar Color Palette; Overrides the 'color' prop; The difference from 'color' prop is that the label will always have this color, even when field is not focused","examples":["primary","teal","teal-10"],"category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"bg-color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"loading":{"type":"Boolean","desc":"Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.","category":"behavior|content"},"clearable":{"type":"Boolean","desc":"Appends clearable icon when a value (not undefined or null) is set; When clicked, model becomes null","category":"behavior|content"},"clear-icon":{"type":"String","desc":"Custom icon to use for the clear button when using along with 'clearable' prop","examples":["close"],"category":"content"},"filled":{"type":"Boolean","desc":"Use 'filled' design for the field","category":"style"},"outlined":{"type":"Boolean","desc":"Use 'outlined' design for the field","category":"style"},"borderless":{"type":"Boolean","desc":"Use 'borderless' design for the field","category":"style"},"standout":{"type":["Boolean","String"],"desc":"Use 'standout' design for the field; Specifies classes to be applied when focused (overriding default ones)","examples":["standout","standout=\"bg-primary text-white\""],"category":"style"},"label-slot":{"type":"Boolean","desc":"Enables label slot; You need to set it to force use of the 'label' slot if the 'label' prop is not set","category":"content"},"bottom-slots":{"type":"Boolean","desc":"Enables bottom slots ('error', 'hint', 'counter')","category":"content"},"hide-bottom-space":{"type":"Boolean","desc":"Do not reserve space for hint/error/counter anymore when these are not used; As a result, it also disables the animation for those; It also allows the hint/error area to stretch vertically based on its content","category":"style"},"counter":{"type":"Boolean","desc":"Show an automatic counter on bottom right","category":"content"},"rounded":{"type":"Boolean","desc":"Applies a small standard border-radius for a squared shape of the component","category":"style"},"square":{"type":"Boolean","desc":"Remove border-radius so borders are squared; Overrides 'rounded' prop","category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"item-aligned":{"type":"Boolean","desc":"Match inner content alignment to that of QItem","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"autofocus":{"type":"Boolean","desc":"Focus field on initial component render","category":"behavior"},"for":{"type":"String","desc":"Used to specify the 'id' of the control and also the 'for' attribute of the label that wraps it; If no 'name' prop is specified, then it is used for this attribute as well","examples":["myFieldsId"],"category":"behavior"},"shadow-text":{"type":"String","desc":"Text to be displayed as shadow at the end of the text in the control; Does NOT applies to type=file","examples":["rest of the fill value"],"category":"content"},"type":{"type":"String","desc":"Input type","default":"text","values":["text","password","textarea","email","search","tel","file","number","url","time","date","datetime-local"],"category":"general","required":false},"debounce":{"type":["String","Number"],"desc":"Debounce amount (in milliseconds) when updating model","category":"model"},"maxlength":{"type":["String","Number"],"desc":"Specify a max length of model","category":"model"},"autogrow":{"type":"Boolean","desc":"Make field autogrow along with its content (uses a textarea)","category":"content"},"input-class":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the underlying input tag","examples":["my-special-class",":input-class=\"{ 'my-special-class': <condition> }\""],"category":"style"},"input-style":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the underlying input tag","examples":["background-color: #ff0000",":input-style=\"{ backgroundColor: '#ff0000' }\""],"category":"style"}},"slots":{"default":{"desc":"Field main content"},"prepend":{"desc":"Prepend inner field; Suggestions: QIcon, QBtn"},"append":{"desc":"Append to inner field; Suggestions: QIcon, QBtn"},"before":{"desc":"Prepend outer field; Suggestions: QIcon, QBtn"},"after":{"desc":"Append outer field; Suggestions: QIcon, QBtn"},"label":{"desc":"Slot for label; Used only if 'label-slot' prop is set or the 'label' prop is set; When it is used the text in the 'label' prop is ignored"},"error":{"desc":"Slot for errors; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"hint":{"desc":"Slot for hint text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"counter":{"desc":"Slot for counter text; Enabled only if 'bottom-slots' prop is used; Suggestion: <div>"},"loading":{"desc":"Override default spinner when component is in loading mode; Use in conjunction with 'loading' prop"}},"events":{"clear":{"desc":"When using the 'clearable' property, this event is emitted when the clear icon is clicked","params":{"value":{"type":"Any","desc":"The previous value before clearing it"}}},"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["String","Number","null"],"desc":"New model value","required":true}}},"focus":{"desc":"Emitted when component gets focused","params":{"evt":{"type":"Event","desc":"JS event object"}}},"blur":{"desc":"Emitted when component loses focus","params":{"evt":{"type":"Event","desc":"JS event object"}}}},"methods":{"resetValidation":{"desc":"Reset validation status"},"validate":{"desc":"Trigger a validation","params":{"value":{"type":"Any","desc":"Optional value to validate against"}},"returns":{"type":["Boolean","Promise<boolean>"],"desc":"True/false if no async rules, otherwise a Promise with the outcome (true -> validation was a success, false -> invalid models detected)","examples":["true","validate().then(outcome => { ... })"]}},"focus":{"desc":"Focus underlying input tag"},"blur":{"desc":"Lose focus on underlying input tag"},"select":{"desc":"Select input text"},"getNativeElement":{"desc":"DEPRECATED; Access 'nativeEl' directly instead; Get the native input/textarea DOM Element","returns":{"type":"Element","tsType":"QInputNativeElement","desc":"The underlying native input/textarea DOM Element"}}},"computedProps":{"hasError":{"type":"Boolean","desc":"Whether the component is in error state"},"nativeEl":{"type":"Element","tsType":"QInputNativeElement","desc":"The native input/textarea DOM Element","addedIn":"v2.10.1"}}}
@@ -1,112 +1 @@
1
- {
2
- "type": "component",
3
- "meta": {
4
- "docsUrl": "https://v2.quasar.dev/vue-components/intersection"
5
- },
6
- "props": {
7
- "tag": {
8
- "type": "String",
9
- "desc": "HTML tag to use",
10
- "examples": [
11
- "div",
12
- "span",
13
- "div",
14
- "span",
15
- "blockquote"
16
- ],
17
- "category": "content",
18
- "default": "div",
19
- "required": false
20
- },
21
- "once": {
22
- "type": "Boolean",
23
- "desc": "Get triggered only once",
24
- "category": "behavior"
25
- },
26
- "ssr-prerender": {
27
- "type": "Boolean",
28
- "desc": "Pre-render content on server side if using SSR (use it to pre-render above the fold content)",
29
- "category": "behavior"
30
- },
31
- "root": {
32
- "type": [
33
- "Element",
34
- "null"
35
- ],
36
- "default": null,
37
- "desc": "[Intersection API root prop] Lets you define an alternative to the viewport as your root (through its DOM element); It is important to keep in mind that root needs to be an ancestor of the observed element",
38
- "examples": [
39
- "$refs.myTable.$el",
40
- "getElementById(\"myTable\")"
41
- ],
42
- "category": "behavior",
43
- "required": false
44
- },
45
- "margin": {
46
- "type": "String",
47
- "desc": "[Intersection API rootMargin prop] Allows you to specify the margins for the root, effectively allowing you to either grow or shrink the area used for intersections",
48
- "examples": [
49
- "-20px 0px",
50
- "10px 20px 30px 40px"
51
- ],
52
- "category": "behavior"
53
- },
54
- "threshold": {
55
- "type": [
56
- "Array",
57
- "Number"
58
- ],
59
- "desc": "[Intersection API threshold prop] Threshold(s) at which to trigger, specified as a ratio, or list of ratios, of (visible area / total area) of the observed element",
60
- "examples": [
61
- "[ 0, 0.25, 0.5, 0.75, 1 ]",
62
- ":threshold=\"1\""
63
- ],
64
- "category": "behavior"
65
- },
66
- "transition": {
67
- "type": "String",
68
- "desc": "One of Quasar's embedded transitions",
69
- "examples": [
70
- "fade",
71
- "slide-down"
72
- ],
73
- "category": "behavior"
74
- },
75
- "transition-duration": {
76
- "type": [
77
- "String",
78
- "Number"
79
- ],
80
- "desc": "Transition duration (in milliseconds, without unit)",
81
- "default": 300,
82
- "category": "behavior",
83
- "addedIn": "v2.3.1",
84
- "required": false
85
- },
86
- "disable": {
87
- "type": "Boolean",
88
- "desc": "Disable visibility observable (content will remain as it was, visible or hidden)",
89
- "category": "behavior"
90
- }
91
- },
92
- "slots": {
93
- "default": {
94
- "desc": "Default slot in the devland unslotted content of the component"
95
- },
96
- "hidden": {
97
- "desc": "Slot for content to render when component is not on screen; Example: a text that the user can search for with the browser's search function",
98
- "addedIn": "v2.12.0"
99
- }
100
- },
101
- "events": {
102
- "visibility": {
103
- "desc": "Fires when visibility changes",
104
- "params": {
105
- "isVisible": {
106
- "type": "Boolean",
107
- "desc": "Visibility status (true/false)"
108
- }
109
- }
110
- }
111
- }
112
- }
1
+ {"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/intersection"},"props":{"tag":{"type":"String","desc":"HTML tag to use","examples":["div","span","div","span","blockquote"],"category":"content","default":"div","required":false},"once":{"type":"Boolean","desc":"Get triggered only once","category":"behavior"},"ssr-prerender":{"type":"Boolean","desc":"Pre-render content on server side if using SSR (use it to pre-render above the fold content)","category":"behavior"},"root":{"type":["Element","null"],"default":null,"desc":"[Intersection API root prop] Lets you define an alternative to the viewport as your root (through its DOM element); It is important to keep in mind that root needs to be an ancestor of the observed element","examples":["$refs.myTable.$el","getElementById(\"myTable\")"],"category":"behavior","required":false},"margin":{"type":"String","desc":"[Intersection API rootMargin prop] Allows you to specify the margins for the root, effectively allowing you to either grow or shrink the area used for intersections","examples":["-20px 0px","10px 20px 30px 40px"],"category":"behavior"},"threshold":{"type":["Array","Number"],"desc":"[Intersection API threshold prop] Threshold(s) at which to trigger, specified as a ratio, or list of ratios, of (visible area / total area) of the observed element","examples":["[ 0, 0.25, 0.5, 0.75, 1 ]",":threshold=\"1\""],"category":"behavior"},"transition":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"behavior"},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":300,"category":"behavior","addedIn":"v2.3.1","required":false},"disable":{"type":"Boolean","desc":"Disable visibility observable (content will remain as it was, visible or hidden)","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"},"hidden":{"desc":"Slot for content to render when component is not on screen; Example: a text that the user can search for with the browser's search function","addedIn":"v2.12.0"}},"events":{"visibility":{"desc":"Fires when visibility changes","params":{"isVisible":{"type":"Boolean","desc":"Visibility status (true/false)"}}}}}