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.
- package/dist/api/AddressbarColor.json +1 -22
- package/dist/api/AppFullscreen.json +1 -78
- package/dist/api/AppVisibility.json +1 -15
- package/dist/api/BottomSheet.json +1 -264
- package/dist/api/Brand.json +1 -49
- package/dist/api/ClosePopup.json +1 -21
- package/dist/api/Cookies.json +1 -190
- package/dist/api/Dark.json +1 -63
- package/dist/api/Dialog.json +1 -479
- package/dist/api/Intersection.json +1 -204
- package/dist/api/Lang.json +1 -18
- package/dist/api/Loading.json +1 -317
- package/dist/api/LoadingBar.json +1 -62
- package/dist/api/LocalStorage.json +1 -187
- package/dist/api/Meta.json +1 -6
- package/dist/api/Morph.json +1 -188
- package/dist/api/Mutation.json +1 -122
- package/dist/api/Notify.json +1 -697
- package/dist/api/Platform.json +1 -238
- package/dist/api/QAjaxBar.json +1 -117
- package/dist/api/QAvatar.json +1 -76
- package/dist/api/QBadge.json +1 -82
- package/dist/api/QBanner.json +1 -44
- package/dist/api/QBar.json +1 -28
- package/dist/api/QBreadcrumbs.json +1 -82
- package/dist/api/QBreadcrumbsEl.json +1 -162
- package/dist/api/QBtn.json +1 -354
- package/dist/api/QBtnDropdown.json +1 -560
- package/dist/api/QBtnGroup.json +1 -59
- package/dist/api/QBtnToggle.json +1 -263
- package/dist/api/QCard.json +1 -51
- package/dist/api/QCardActions.json +1 -34
- package/dist/api/QCardSection.json +1 -31
- package/dist/api/QCarousel.json +1 -421
- package/dist/api/QCarouselControl.json +1 -41
- package/dist/api/QCarouselSlide.json +1 -44
- package/dist/api/QChatMessage.json +1 -128
- package/dist/api/QCheckbox.json +1 -211
- package/dist/api/QChip.json +1 -232
- package/dist/api/QCircularProgress.json +1 -145
- package/dist/api/QColor.json +1 -150
- package/dist/api/QDate.json +1 -637
- package/dist/api/QDialog.json +1 -259
- package/dist/api/QDrawer.json +1 -272
- package/dist/api/QEditor.json +1 -485
- package/dist/api/QExpansionItem.json +1 -434
- package/dist/api/QFab.json +1 -352
- package/dist/api/QFabAction.json +1 -241
- package/dist/api/QField.json +1 -448
- package/dist/api/QFile.json +1 -643
- package/dist/api/QFooter.json +1 -60
- package/dist/api/QForm.json +1 -112
- package/dist/api/QFormChildMixin.json +1 -24
- package/dist/api/QHeader.json +1 -67
- package/dist/api/QIcon.json +1 -69
- package/dist/api/QImg.json +1 -279
- package/dist/api/QInfiniteScroll.json +1 -116
- package/dist/api/QInnerLoading.json +1 -117
- package/dist/api/QInput.json +1 -521
- package/dist/api/QIntersection.json +1 -112
- package/dist/api/QItem.json +1 -203
- package/dist/api/QItemLabel.json +1 -36
- package/dist/api/QItemSection.json +1 -38
- package/dist/api/QKnob.json +1 -197
- package/dist/api/QLayout.json +1 -100
- package/dist/api/QLinearProgress.json +1 -113
- package/dist/api/QList.json +1 -58
- package/dist/api/QMarkupTable.json +1 -64
- package/dist/api/QMenu.json +1 -337
- package/dist/api/QNoSsr.json +1 -38
- package/dist/api/QOptionGroup.json +1 -242
- package/dist/api/QPage.json +1 -42
- package/dist/api/QPageContainer.json +1 -11
- package/dist/api/QPageScroller.json +1 -68
- package/dist/api/QPageSticky.json +1 -44
- package/dist/api/QPagination.json +1 -376
- package/dist/api/QParallax.json +1 -74
- package/dist/api/QPopupEdit.json +1 -335
- package/dist/api/QPopupProxy.json +1 -168
- package/dist/api/QPullToRefresh.json +1 -91
- package/dist/api/QRadio.json +1 -163
- package/dist/api/QRange.json +1 -789
- package/dist/api/QRating.json +1 -186
- package/dist/api/QResizeObserver.json +1 -56
- package/dist/api/QResponsive.json +1 -26
- package/dist/api/QRouteTab.json +1 -225
- package/dist/api/QScrollArea.json +1 -354
- package/dist/api/QScrollObserver.json +1 -140
- package/dist/api/QSelect.json +1 -1387
- package/dist/api/QSeparator.json +1 -72
- package/dist/api/QSkeleton.json +1 -127
- package/dist/api/QSlideItem.json +1 -219
- package/dist/api/QSlideTransition.json +1 -33
- package/dist/api/QSlider.json +1 -687
- package/dist/api/QSpace.json +1 -6
- package/dist/api/QSpinner.json +1 -37
- package/dist/api/QSpinnerAudio.json +1 -30
- package/dist/api/QSpinnerBall.json +1 -30
- package/dist/api/QSpinnerBars.json +1 -30
- package/dist/api/QSpinnerBox.json +1 -30
- package/dist/api/QSpinnerClock.json +1 -30
- package/dist/api/QSpinnerComment.json +1 -30
- package/dist/api/QSpinnerCube.json +1 -30
- package/dist/api/QSpinnerDots.json +1 -30
- package/dist/api/QSpinnerFacebook.json +1 -30
- package/dist/api/QSpinnerGears.json +1 -30
- package/dist/api/QSpinnerGrid.json +1 -30
- package/dist/api/QSpinnerHearts.json +1 -30
- package/dist/api/QSpinnerHourglass.json +1 -30
- package/dist/api/QSpinnerInfinity.json +1 -30
- package/dist/api/QSpinnerIos.json +1 -30
- package/dist/api/QSpinnerOrbit.json +1 -30
- package/dist/api/QSpinnerOval.json +1 -30
- package/dist/api/QSpinnerPie.json +1 -30
- package/dist/api/QSpinnerPuff.json +1 -30
- package/dist/api/QSpinnerRadio.json +1 -30
- package/dist/api/QSpinnerRings.json +1 -30
- package/dist/api/QSpinnerTail.json +1 -30
- package/dist/api/QSplitter.json +1 -146
- package/dist/api/QStep.json +1 -167
- package/dist/api/QStepper.json +1 -340
- package/dist/api/QStepperNavigation.json +1 -11
- package/dist/api/QTab.json +1 -113
- package/dist/api/QTabPanel.json +1 -39
- package/dist/api/QTabPanels.json +1 -203
- package/dist/api/QTable.json +1 -2799
- package/dist/api/QTabs.json +1 -179
- package/dist/api/QTd.json +1 -31
- package/dist/api/QTh.json +1 -26
- package/dist/api/QTime.json +1 -317
- package/dist/api/QTimeline.json +1 -57
- package/dist/api/QTimelineEntry.json +1 -105
- package/dist/api/QToggle.json +1 -230
- package/dist/api/QToolbar.json +1 -18
- package/dist/api/QToolbarTitle.json +1 -18
- package/dist/api/QTooltip.json +1 -282
- package/dist/api/QTr.json +1 -26
- package/dist/api/QTree.json +1 -599
- package/dist/api/QUploader.json +1 -665
- package/dist/api/QUploaderAddTrigger.json +1 -6
- package/dist/api/QVideo.json +1 -83
- package/dist/api/QVirtualScroll.json +1 -260
- package/dist/api/Ripple.json +1 -115
- package/dist/api/Screen.json +1 -190
- package/dist/api/Scroll.json +1 -28
- package/dist/api/ScrollFire.json +1 -24
- package/dist/api/SessionStorage.json +1 -187
- package/dist/api/TouchHold.json +1 -81
- package/dist/api/TouchPan.json +1 -178
- package/dist/api/TouchRepeat.json +1 -142
- package/dist/api/TouchSwipe.json +1 -113
- package/dist/icon-set/bootstrap-icons.umd.prod.js +3 -2
- package/dist/icon-set/eva-icons.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v5.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +3 -2
- package/dist/icon-set/fontawesome-v6.umd.prod.js +3 -2
- package/dist/icon-set/ionicons-v4.umd.prod.js +3 -2
- package/dist/icon-set/line-awesome.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-outlined.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-round.umd.prod.js +3 -2
- package/dist/icon-set/material-icons-sharp.umd.prod.js +3 -2
- package/dist/icon-set/material-icons.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-outlined.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-rounded.umd.prod.js +3 -2
- package/dist/icon-set/material-symbols-sharp.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v3.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v4.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v5.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v6.umd.prod.js +3 -2
- package/dist/icon-set/mdi-v7.umd.prod.js +3 -2
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-eva-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +3 -2
- package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +3 -2
- package/dist/icon-set/svg-ionicons-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-line-awesome.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-icons.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +3 -2
- package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +3 -2
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +3 -2
- package/dist/icon-set/svg-mdi-v7.umd.prod.js +3 -2
- package/dist/icon-set/svg-themify.umd.prod.js +3 -2
- package/dist/icon-set/themify.umd.prod.js +3 -2
- package/dist/lang/ar-TN.umd.prod.js +3 -2
- package/dist/lang/ar.umd.prod.js +3 -2
- package/dist/lang/az-Latn.umd.prod.js +3 -2
- package/dist/lang/bg.umd.prod.js +3 -2
- package/dist/lang/bn.umd.prod.js +3 -2
- package/dist/lang/ca.umd.prod.js +3 -2
- package/dist/lang/cs.umd.prod.js +3 -2
- package/dist/lang/da.umd.prod.js +3 -2
- package/dist/lang/de-CH.umd.prod.js +3 -2
- package/dist/lang/de-DE.umd.prod.js +3 -2
- package/dist/lang/de.umd.prod.js +3 -2
- package/dist/lang/el.umd.prod.js +3 -2
- package/dist/lang/en-GB.umd.prod.js +3 -2
- package/dist/lang/en-US.umd.prod.js +3 -2
- package/dist/lang/eo.umd.prod.js +3 -2
- package/dist/lang/es.umd.prod.js +3 -2
- package/dist/lang/et.umd.prod.js +3 -2
- package/dist/lang/eu.umd.prod.js +3 -2
- package/dist/lang/fa-IR.umd.prod.js +3 -2
- package/dist/lang/fa.umd.prod.js +3 -2
- package/dist/lang/fi.umd.prod.js +3 -2
- package/dist/lang/fr.umd.prod.js +3 -2
- package/dist/lang/gn.umd.prod.js +3 -2
- package/dist/lang/he.umd.prod.js +3 -2
- package/dist/lang/hi.umd.prod.js +3 -2
- package/dist/lang/hr.umd.prod.js +3 -2
- package/dist/lang/hu.umd.prod.js +3 -2
- package/dist/lang/id.umd.prod.js +3 -2
- package/dist/lang/is.umd.prod.js +3 -2
- package/dist/lang/it.umd.prod.js +3 -2
- package/dist/lang/ja.umd.prod.js +3 -2
- package/dist/lang/kk.umd.prod.js +3 -2
- package/dist/lang/km.umd.prod.js +3 -2
- package/dist/lang/ko-KR.umd.prod.js +3 -2
- package/dist/lang/kur-CKB.umd.prod.js +3 -2
- package/dist/lang/lt.umd.prod.js +3 -2
- package/dist/lang/lu.umd.prod.js +3 -2
- package/dist/lang/lv.umd.prod.js +3 -2
- package/dist/lang/mk.umd.prod.js +3 -2
- package/dist/lang/ml.umd.prod.js +3 -2
- package/dist/lang/mm.umd.prod.js +3 -2
- package/dist/lang/ms-MY.umd.prod.js +7 -0
- package/dist/lang/ms.umd.prod.js +3 -2
- package/dist/lang/my.umd.prod.js +3 -2
- package/dist/lang/nb-NO.umd.prod.js +3 -2
- package/dist/lang/nl.umd.prod.js +3 -2
- package/dist/lang/pl.umd.prod.js +3 -2
- package/dist/lang/pt-BR.umd.prod.js +3 -2
- package/dist/lang/pt.umd.prod.js +3 -2
- package/dist/lang/ro.umd.prod.js +3 -2
- package/dist/lang/ru.umd.prod.js +3 -2
- package/dist/lang/sk.umd.prod.js +3 -2
- package/dist/lang/sl.umd.prod.js +3 -2
- package/dist/lang/sm.umd.prod.js +3 -2
- package/dist/lang/sr-CYR.umd.prod.js +3 -2
- package/dist/lang/sr.umd.prod.js +3 -2
- package/dist/lang/sv.umd.prod.js +3 -2
- package/dist/lang/ta.umd.prod.js +3 -2
- package/dist/lang/th.umd.prod.js +3 -2
- package/dist/lang/tl.umd.prod.js +7 -0
- package/dist/lang/tr.umd.prod.js +3 -2
- package/dist/lang/ug.umd.prod.js +3 -2
- package/dist/lang/uk.umd.prod.js +3 -2
- package/dist/lang/uz-Cyrl.umd.prod.js +3 -2
- package/dist/lang/uz-Latn.umd.prod.js +3 -2
- package/dist/lang/vi.umd.prod.js +3 -2
- package/dist/lang/zh-CN.umd.prod.js +3 -2
- package/dist/lang/zh-TW.umd.prod.js +3 -2
- package/dist/quasar.addon.prod.css +1 -1
- package/dist/quasar.addon.rtl.prod.css +1 -1
- package/dist/quasar.cjs.prod.js +123 -2
- package/dist/quasar.css +5 -2
- package/dist/quasar.esm.js +16928 -26277
- package/dist/quasar.esm.prod.js +123 -2
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.css +5 -2
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +9 -7
- package/dist/quasar.umd.js +16732 -26521
- package/dist/quasar.umd.prod.js +123 -2
- package/dist/transforms/api-list.json +1 -153
- package/dist/transforms/auto-import.json +1 -267
- package/dist/transforms/import-map.json +1 -181
- package/dist/transforms/loader-asset-urls.json +1 -60
- package/dist/types/api/dialog.d.ts +1 -1
- package/dist/types/api/qinput.d.ts +1 -1
- package/dist/types/api/qtable.d.ts +1 -1
- package/dist/types/api/qtree.d.ts +1 -1
- package/dist/types/api/quploader.d.ts +1 -1
- package/dist/types/api/validation.d.ts +1 -1
- package/dist/types/api/web-storage.d.ts +6 -6
- package/dist/types/feature-flag.d.ts +1 -1
- package/dist/types/globals.d.ts +22 -15
- package/dist/types/index.d.ts +48 -166
- package/dist/types/lang.d.ts +3 -3
- package/dist/types/plugin.d.ts +3 -1
- package/dist/types/ts-helpers.d.ts +3 -3
- package/dist/types/utils/colors.d.ts +1 -1
- package/dist/types/utils/date.d.ts +10 -10
- package/dist/types/utils/dom.d.ts +1 -1
- package/dist/types/utils/run-sequential-promises.d.ts +12 -12
- package/dist/types/utils/scroll.d.ts +5 -5
- package/dist/types/utils.d.ts +15 -13
- package/dist/vetur/quasar-attributes.json +1 -5890
- package/dist/vetur/quasar-tags.json +1 -2084
- package/dist/web-types/web-types.json +1 -19595
- package/lang/index.json +1 -266
- package/lang/ms-MY.js +101 -0
- package/lang/ms-MY.mjs +96 -0
- package/lang/tl.js +98 -0
- package/lang/tl.mjs +93 -0
- package/package.json +17 -21
- package/src/body.js +6 -14
- package/src/components/ajax-bar/QAjaxBar.js +1 -1
- package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
- package/src/components/btn/QBtn.js +6 -6
- package/src/components/btn-dropdown/QBtnDropdown.json +1 -1
- package/src/components/checkbox/use-checkbox.js +1 -1
- package/src/components/chip/QChip.js +1 -1
- package/src/components/color/QColor.js +4 -4
- package/src/components/color/QColor.sass +1 -1
- package/src/components/date/QDate.js +1 -1
- package/src/components/dialog/__tests__/DialogWrapper.vue +33 -0
- package/src/components/dialog/__tests__/QDialog.cy.js +450 -36
- package/src/components/drawer/QDrawer.js +1 -1
- package/src/components/drawer/QDrawer.json +1 -1
- package/src/components/field/QField.sass +2 -1
- package/src/components/file/QFile.js +2 -2
- package/src/components/footer/QFooter.js +2 -2
- package/src/components/form/QForm.js +3 -3
- package/src/components/header/QHeader.js +1 -1
- package/src/components/img/QImg.js +47 -39
- package/src/components/img/QImg.json +9 -0
- package/src/components/input/use-mask.js +3 -3
- package/src/components/menu/QMenu.json +1 -1
- package/src/components/page-sticky/use-page-sticky.js +4 -4
- package/src/components/popup-edit/QPopupEdit.js +1 -1
- package/src/components/scroll-area/QScrollArea.js +1 -1
- package/src/components/select/QSelect.js +9 -9
- package/src/components/table/QTable.sass +2 -2
- package/src/components/table/QTd.js +1 -1
- package/src/components/table/QTh.js +1 -1
- package/src/components/tabs/QTabs.js +3 -3
- package/src/components/time/QTime.js +3 -3
- package/src/components/tooltip/QTooltip.js +4 -2
- package/src/components/tooltip/QTooltip.json +6 -0
- package/src/components/tree/QTree.js +1 -1
- package/src/components/uploader/uploader-core.js +2 -2
- package/src/components/uploader/xhr-uploader-plugin.js +1 -1
- package/src/components/virtual-scroll/use-virtual-scroll.js +3 -3
- package/src/composables/private/__tests__/use-model-toggle.cy.js +43 -3
- package/src/composables/private/use-anchor.js +1 -1
- package/src/composables/private/use-key-composition.js +1 -1
- package/src/composables/private/use-panel.js +1 -1
- package/src/composables/private/use-portal.js +1 -1
- package/src/composables/private/use-router-link.js +1 -1
- package/src/css/core/colors.sass +0 -2
- package/src/css/core/visibility.sass +2 -1
- package/src/css/normalize.sass +1 -1
- package/src/directives/Intersection.json +13 -0
- package/src/directives/TouchPan.js +1 -1
- package/src/history.js +1 -1
- package/src/index.umd.js +5 -1
- package/src/lang.js +1 -1
- package/src/plugins/BottomSheet.json +1 -1
- package/src/plugins/Cookies.js +1 -1
- package/src/plugins/Dark.js +1 -1
- package/src/plugins/Loading.js +1 -1
- package/src/plugins/LoadingBar.js +1 -1
- package/src/plugins/Notify.js +4 -4
- package/src/plugins/Platform.js +111 -93
- package/src/plugins/Screen.js +1 -1
- package/src/utils/event.js +1 -1
- package/src/utils/frame-debounce.js +1 -1
- package/src/utils/morph.js +1 -1
- package/src/utils/private/click-outside.js +1 -1
- package/src/utils/private/escape-key.js +1 -1
- 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 }"}}}
|