quasar 2.15.0 → 2.15.2
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 -1
- package/dist/api/BottomSheet.json +1 -1
- package/dist/api/ClosePopup.json +1 -1
- package/dist/api/Cookies.json +1 -1
- package/dist/api/Dark.json +1 -1
- package/dist/api/Dialog.json +1 -1
- package/dist/api/Intersection.json +1 -1
- package/dist/api/Loading.json +1 -1
- package/dist/api/LoadingBar.json +1 -1
- package/dist/api/LocalStorage.json +1 -1
- package/dist/api/Morph.json +1 -1
- package/dist/api/Mutation.json +1 -1
- package/dist/api/Notify.json +1 -1
- package/dist/api/Platform.json +1 -1
- package/dist/api/QAjaxBar.json +1 -1
- package/dist/api/QAvatar.json +1 -1
- package/dist/api/QBadge.json +1 -1
- package/dist/api/QBanner.json +1 -1
- package/dist/api/QBar.json +1 -1
- package/dist/api/QBreadcrumbs.json +1 -1
- package/dist/api/QBreadcrumbsEl.json +1 -1
- package/dist/api/QBtn.json +1 -1
- package/dist/api/QBtnDropdown.json +1 -1
- package/dist/api/QBtnToggle.json +1 -1
- package/dist/api/QCard.json +1 -1
- package/dist/api/QCardActions.json +1 -1
- package/dist/api/QCardSection.json +1 -1
- package/dist/api/QCarousel.json +1 -1
- package/dist/api/QCarouselControl.json +1 -1
- package/dist/api/QCarouselSlide.json +1 -1
- package/dist/api/QChatMessage.json +1 -1
- package/dist/api/QCheckbox.json +1 -1
- package/dist/api/QChip.json +1 -1
- package/dist/api/QCircularProgress.json +1 -1
- package/dist/api/QColor.json +1 -1
- package/dist/api/QDate.json +1 -1
- package/dist/api/QDialog.json +1 -1
- package/dist/api/QDrawer.json +1 -1
- package/dist/api/QEditor.json +1 -1
- package/dist/api/QExpansionItem.json +1 -1
- package/dist/api/QFab.json +1 -1
- package/dist/api/QFabAction.json +1 -1
- package/dist/api/QField.json +1 -1
- package/dist/api/QFile.json +1 -1
- package/dist/api/QFooter.json +1 -1
- package/dist/api/QHeader.json +1 -1
- package/dist/api/QIcon.json +1 -1
- package/dist/api/QImg.json +1 -1
- package/dist/api/QInfiniteScroll.json +1 -1
- package/dist/api/QInnerLoading.json +1 -1
- package/dist/api/QInput.json +1 -1
- package/dist/api/QIntersection.json +1 -1
- package/dist/api/QItem.json +1 -1
- package/dist/api/QKnob.json +1 -1
- package/dist/api/QLayout.json +1 -1
- package/dist/api/QLinearProgress.json +1 -1
- package/dist/api/QList.json +1 -1
- package/dist/api/QMarkupTable.json +1 -1
- package/dist/api/QMenu.json +1 -1
- package/dist/api/QNoSsr.json +1 -1
- package/dist/api/QOptionGroup.json +1 -1
- package/dist/api/QPage.json +1 -1
- package/dist/api/QPageScroller.json +1 -1
- package/dist/api/QPageSticky.json +1 -1
- package/dist/api/QPagination.json +1 -1
- package/dist/api/QParallax.json +1 -1
- package/dist/api/QPopupEdit.json +1 -1
- package/dist/api/QPopupProxy.json +1 -1
- package/dist/api/QPullToRefresh.json +1 -1
- package/dist/api/QRadio.json +1 -1
- package/dist/api/QRange.json +1 -1
- package/dist/api/QRating.json +1 -1
- package/dist/api/QResizeObserver.json +1 -1
- package/dist/api/QResponsive.json +1 -1
- package/dist/api/QRouteTab.json +1 -1
- package/dist/api/QScrollArea.json +1 -1
- package/dist/api/QScrollObserver.json +1 -1
- package/dist/api/QSelect.json +1 -1
- package/dist/api/QSeparator.json +1 -1
- package/dist/api/QSkeleton.json +1 -1
- package/dist/api/QSlideItem.json +1 -1
- package/dist/api/QSlideTransition.json +1 -1
- package/dist/api/QSlider.json +1 -1
- package/dist/api/QSpinner.json +1 -1
- package/dist/api/QSpinnerAudio.json +1 -1
- package/dist/api/QSpinnerBall.json +1 -1
- package/dist/api/QSpinnerBars.json +1 -1
- package/dist/api/QSpinnerBox.json +1 -1
- package/dist/api/QSpinnerClock.json +1 -1
- package/dist/api/QSpinnerComment.json +1 -1
- package/dist/api/QSpinnerCube.json +1 -1
- package/dist/api/QSpinnerDots.json +1 -1
- package/dist/api/QSpinnerFacebook.json +1 -1
- package/dist/api/QSpinnerGears.json +1 -1
- package/dist/api/QSpinnerGrid.json +1 -1
- package/dist/api/QSpinnerHearts.json +1 -1
- package/dist/api/QSpinnerHourglass.json +1 -1
- package/dist/api/QSpinnerInfinity.json +1 -1
- package/dist/api/QSpinnerIos.json +1 -1
- package/dist/api/QSpinnerOrbit.json +1 -1
- package/dist/api/QSpinnerOval.json +1 -1
- package/dist/api/QSpinnerPie.json +1 -1
- package/dist/api/QSpinnerPuff.json +1 -1
- package/dist/api/QSpinnerRadio.json +1 -1
- package/dist/api/QSpinnerRings.json +1 -1
- package/dist/api/QSpinnerTail.json +1 -1
- package/dist/api/QSplitter.json +1 -1
- package/dist/api/QStep.json +1 -1
- package/dist/api/QStepper.json +1 -1
- package/dist/api/QTab.json +1 -1
- package/dist/api/QTabPanel.json +1 -1
- package/dist/api/QTabPanels.json +1 -1
- package/dist/api/QTable.json +1 -1
- package/dist/api/QTabs.json +1 -1
- package/dist/api/QTd.json +1 -1
- package/dist/api/QTh.json +1 -1
- package/dist/api/QTime.json +1 -1
- package/dist/api/QTimeline.json +1 -1
- package/dist/api/QTimelineEntry.json +1 -1
- package/dist/api/QToggle.json +1 -1
- package/dist/api/QTooltip.json +1 -1
- package/dist/api/QTr.json +1 -1
- package/dist/api/QTree.json +1 -1
- package/dist/api/QUploader.json +1 -1
- package/dist/api/QVideo.json +1 -1
- package/dist/api/QVirtualScroll.json +1 -1
- package/dist/api/Ripple.json +1 -1
- package/dist/api/Screen.json +1 -1
- package/dist/api/Scroll.json +1 -1
- package/dist/api/ScrollFire.json +1 -1
- package/dist/api/SessionStorage.json +1 -1
- package/dist/api/TouchHold.json +1 -1
- package/dist/api/TouchPan.json +1 -1
- package/dist/api/TouchRepeat.json +1 -1
- package/dist/api/TouchSwipe.json +1 -1
- package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
- package/dist/icon-set/eva-icons.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
- package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
- package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
- package/dist/icon-set/line-awesome.umd.prod.js +1 -1
- package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
- package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
- package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
- package/dist/icon-set/material-icons.umd.prod.js +1 -1
- package/dist/icon-set/material-symbols-outlined.umd.prod.js +1 -1
- package/dist/icon-set/material-symbols-rounded.umd.prod.js +1 -1
- package/dist/icon-set/material-symbols-sharp.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
- package/dist/icon-set/mdi-v7.umd.prod.js +1 -1
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
- package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
- package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
- package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
- package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +1 -1
- package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +1 -1
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
- package/dist/icon-set/svg-mdi-v7.umd.prod.js +1 -1
- package/dist/icon-set/svg-themify.umd.prod.js +1 -1
- package/dist/icon-set/themify.umd.prod.js +1 -1
- package/dist/lang/ar-TN.umd.prod.js +1 -1
- package/dist/lang/ar.umd.prod.js +1 -1
- package/dist/lang/az-Latn.umd.prod.js +1 -1
- package/dist/lang/bg.umd.prod.js +1 -1
- package/dist/lang/bn.umd.prod.js +1 -1
- package/dist/lang/ca.umd.prod.js +1 -1
- package/dist/lang/cs.umd.prod.js +1 -1
- package/dist/lang/da.umd.prod.js +1 -1
- package/dist/lang/de-CH.umd.prod.js +1 -1
- package/dist/lang/de-DE.umd.prod.js +1 -1
- package/dist/lang/de.umd.prod.js +1 -1
- package/dist/lang/el.umd.prod.js +1 -1
- package/dist/lang/en-GB.umd.prod.js +1 -1
- package/dist/lang/en-US.umd.prod.js +1 -1
- package/dist/lang/eo.umd.prod.js +1 -1
- package/dist/lang/es.umd.prod.js +1 -1
- package/dist/lang/et.umd.prod.js +1 -1
- package/dist/lang/eu.umd.prod.js +1 -1
- package/dist/lang/fa-IR.umd.prod.js +1 -1
- package/dist/lang/fa.umd.prod.js +1 -1
- package/dist/lang/fi.umd.prod.js +1 -1
- package/dist/lang/fr.umd.prod.js +1 -1
- package/dist/lang/gn.umd.prod.js +1 -1
- package/dist/lang/he.umd.prod.js +1 -1
- package/dist/lang/hi.umd.prod.js +1 -1
- package/dist/lang/hr.umd.prod.js +1 -1
- package/dist/lang/hu.umd.prod.js +1 -1
- package/dist/lang/id.umd.prod.js +1 -1
- package/dist/lang/is.umd.prod.js +1 -1
- package/dist/lang/it.umd.prod.js +1 -1
- package/dist/lang/ja.umd.prod.js +1 -1
- package/dist/lang/kk.umd.prod.js +1 -1
- package/dist/lang/km.umd.prod.js +1 -1
- package/dist/lang/ko-KR.umd.prod.js +1 -1
- package/dist/lang/kur-CKB.umd.prod.js +1 -1
- package/dist/lang/lt.umd.prod.js +1 -1
- package/dist/lang/lu.umd.prod.js +1 -1
- package/dist/lang/lv.umd.prod.js +1 -1
- package/dist/lang/mk.umd.prod.js +1 -1
- package/dist/lang/ml.umd.prod.js +1 -1
- package/dist/lang/mm.umd.prod.js +1 -1
- package/dist/lang/ms-MY.umd.prod.js +1 -1
- package/dist/lang/ms.umd.prod.js +1 -1
- package/dist/lang/my.umd.prod.js +1 -1
- package/dist/lang/nb-NO.umd.prod.js +1 -1
- package/dist/lang/nl.umd.prod.js +1 -1
- package/dist/lang/pl.umd.prod.js +1 -1
- package/dist/lang/pt-BR.umd.prod.js +1 -1
- package/dist/lang/pt.umd.prod.js +1 -1
- package/dist/lang/ro.umd.prod.js +1 -1
- package/dist/lang/ru.umd.prod.js +1 -1
- package/dist/lang/sk.umd.prod.js +1 -1
- package/dist/lang/sl.umd.prod.js +1 -1
- package/dist/lang/sm.umd.prod.js +1 -1
- package/dist/lang/sr-CYR.umd.prod.js +1 -1
- package/dist/lang/sr.umd.prod.js +1 -1
- package/dist/lang/sv.umd.prod.js +1 -1
- package/dist/lang/ta.umd.prod.js +1 -1
- package/dist/lang/th.umd.prod.js +1 -1
- package/dist/lang/tl.umd.prod.js +1 -1
- package/dist/lang/tr.umd.prod.js +1 -1
- package/dist/lang/ug.umd.prod.js +1 -1
- package/dist/lang/uk.umd.prod.js +1 -1
- package/dist/lang/uz-Cyrl.umd.prod.js +1 -1
- package/dist/lang/uz-Latn.umd.prod.js +1 -1
- package/dist/lang/vi.umd.prod.js +1 -1
- package/dist/lang/zh-CN.umd.prod.js +1 -1
- package/dist/lang/zh-TW.umd.prod.js +1 -1
- package/dist/quasar.cjs.prod.js +12 -12
- package/dist/quasar.css +53 -53
- package/dist/quasar.esm.js +82 -51
- package/dist/quasar.esm.prod.js +10 -10
- package/dist/quasar.prod.css +1 -1
- package/dist/quasar.rtl.css +65 -65
- package/dist/quasar.rtl.prod.css +1 -1
- package/dist/quasar.sass +37 -37
- package/dist/quasar.umd.js +80 -50
- package/dist/quasar.umd.prod.js +6 -6
- package/dist/transforms/import-map.json +1 -1
- package/dist/types/composables.d.ts +5 -0
- package/dist/types/index.d.ts +325 -235
- package/dist/types/tsconfig.json +1 -1
- package/dist/vetur/quasar-attributes.json +1 -1
- package/dist/web-types/web-types.json +1 -1
- package/package.json +21 -44
- package/src/api-file-example.json +5 -5
- package/src/api.extends.json +18 -18
- package/src/body.js +1 -1
- package/src/components/ajax-bar/QAjaxBar.json +5 -5
- package/src/components/avatar/QAvatar.json +1 -1
- package/src/components/avatar/QAvatar.test.js +146 -0
- package/src/components/badge/QBadge.json +2 -2
- package/src/components/badge/QBadge.test.js +167 -0
- package/src/components/banner/QBanner.test.js +123 -0
- package/src/components/bar/QBar.test.js +55 -0
- package/src/components/breadcrumbs/QBreadcrumbs.json +7 -7
- package/src/components/breadcrumbs/QBreadcrumbs.test.js +123 -0
- package/src/components/breadcrumbs/QBreadcrumbsEl.json +4 -4
- package/src/components/breadcrumbs/QBreadcrumbsEl.test.js +134 -0
- package/src/components/btn/QBtn.js +1 -1
- package/src/components/btn/QBtn.json +1 -1
- package/src/components/btn/QBtn.test.js +350 -0
- package/src/components/btn/use-btn.json +13 -13
- package/src/components/btn/use-btn.test.js +590 -0
- package/src/components/btn-dropdown/QBtnDropdown.json +14 -14
- package/src/components/btn-toggle/QBtnToggle.json +6 -6
- package/src/components/card/QCard.json +2 -2
- package/src/components/card/QCardActions.json +3 -3
- package/src/components/card/QCardSection.json +2 -2
- package/src/components/carousel/QCarousel.json +9 -9
- package/src/components/carousel/QCarouselControl.json +5 -5
- package/src/components/carousel/QCarouselSlide.json +4 -7
- package/src/components/chat/QChatMessage.json +9 -9
- package/src/components/checkbox/use-checkbox.json +13 -13
- package/src/components/chip/QChip.js +1 -1
- package/src/components/chip/QChip.json +6 -8
- package/src/components/chip/QChip.test.js +534 -0
- package/src/components/circular-progress/QCircularProgress.json +8 -8
- package/src/components/color/QColor.js +2 -2
- package/src/components/color/QColor.json +8 -10
- package/src/components/date/QDate.json +31 -30
- package/src/components/date/use-datetime.json +3 -3
- package/src/components/dialog/QDialog.json +13 -13
- package/src/components/dialog/QDialog.test.js +390 -0
- package/src/components/dialog/test/DialogWrapper.vue +17 -0
- package/src/components/drawer/QDrawer.js +1 -1
- package/src/components/drawer/QDrawer.json +8 -12
- package/src/components/editor/QEditor.json +31 -45
- package/src/components/expansion-item/QExpansionItem.js +1 -1
- package/src/components/expansion-item/QExpansionItem.json +14 -14
- package/src/components/fab/QFab.json +4 -4
- package/src/components/fab/QFabAction.json +3 -5
- package/src/components/fab/use-fab.json +10 -12
- package/src/components/field/QField.json +5 -5
- package/src/components/file/QFile.json +9 -11
- package/src/components/footer/QFooter.js +1 -1
- package/src/components/footer/QFooter.json +3 -5
- package/src/components/form/QForm.json +1 -3
- package/src/components/form/QFormChildMixin.json +1 -3
- package/src/components/header/QHeader.json +4 -6
- package/src/components/icon/QIcon.json +2 -2
- package/src/components/img/QImg.js +1 -1
- package/src/components/img/QImg.json +45 -59
- package/src/components/infinite-scroll/QInfiniteScroll.json +3 -3
- package/src/components/inner-loading/QInnerLoading.json +5 -7
- package/src/components/input/QInput.json +10 -10
- package/src/components/input/use-mask.json +1 -1
- package/src/components/intersection/QIntersection.js +2 -2
- package/src/components/intersection/QIntersection.json +7 -7
- package/src/components/item/QItem.json +5 -5
- package/src/components/item/QList.json +2 -2
- package/src/components/knob/QKnob.js +1 -1
- package/src/components/knob/QKnob.json +6 -6
- package/src/components/layout/QLayout.js +1 -1
- package/src/components/layout/QLayout.json +3 -5
- package/src/components/linear-progress/QLinearProgress.json +2 -2
- package/src/components/markup-table/QMarkupTable.json +3 -3
- package/src/components/menu/QMenu.json +8 -8
- package/src/components/no-ssr/QNoSsr.json +3 -3
- package/src/components/option-group/QOptionGroup.json +11 -13
- package/src/components/page/QPage.json +2 -2
- package/src/components/page-scroller/QPageScroller.json +3 -3
- package/src/components/page-sticky/QPageSticky.json +4 -4
- package/src/components/pagination/QPagination.json +20 -20
- package/src/components/parallax/QParallax.json +5 -5
- package/src/components/popup-edit/QPopupEdit.json +17 -19
- package/src/components/popup-proxy/QPopupProxy.json +2 -2
- package/src/components/pull-to-refresh/QPullToRefresh.js +1 -1
- package/src/components/radio/QRadio.json +5 -5
- package/src/components/range/QRange.json +3 -7
- package/src/components/rating/QRating.json +16 -19
- package/src/components/resize-observer/QResizeObserver.json +2 -2
- package/src/components/scroll-area/QScrollArea.js +1 -1
- package/src/components/scroll-area/QScrollArea.json +12 -12
- package/src/components/scroll-observer/QScrollObserver.json +4 -4
- package/src/components/select/QSelect.js +0 -0
- package/src/components/select/QSelect.json +55 -59
- package/src/components/select/__tests__/QSelect.cy.js +21 -1
- package/src/components/separator/QSeparator.json +3 -5
- package/src/components/skeleton/QSkeleton.json +14 -16
- package/src/components/slide-item/QSlideItem.js +1 -1
- package/src/components/slide-item/QSlideItem.json +2 -2
- package/src/components/slide-transition/QSlideTransition.json +1 -1
- package/src/components/slider/QSlider.json +2 -4
- package/src/components/slider/use-slider.js +1 -1
- package/src/components/slider/use-slider.json +18 -22
- package/src/components/spinner/QSpinner.json +1 -1
- package/src/components/spinner/QSpinnerAudio.json +1 -1
- package/src/components/spinner/QSpinnerBall.json +1 -1
- package/src/components/spinner/QSpinnerBars.json +1 -1
- package/src/components/spinner/QSpinnerBox.json +1 -1
- package/src/components/spinner/QSpinnerClock.json +1 -1
- package/src/components/spinner/QSpinnerComment.json +1 -1
- package/src/components/spinner/QSpinnerCube.json +1 -1
- package/src/components/spinner/QSpinnerDots.json +1 -1
- package/src/components/spinner/QSpinnerFacebook.json +1 -1
- package/src/components/spinner/QSpinnerGears.json +1 -1
- package/src/components/spinner/QSpinnerGrid.json +1 -1
- package/src/components/spinner/QSpinnerHearts.json +1 -1
- package/src/components/spinner/QSpinnerHourglass.json +1 -1
- package/src/components/spinner/QSpinnerInfinity.json +1 -1
- package/src/components/spinner/QSpinnerIos.json +1 -1
- package/src/components/spinner/QSpinnerOrbit.json +1 -1
- package/src/components/spinner/QSpinnerOval.json +1 -1
- package/src/components/spinner/QSpinnerPie.json +1 -1
- package/src/components/spinner/QSpinnerPuff.json +1 -1
- package/src/components/spinner/QSpinnerRadio.json +1 -1
- package/src/components/spinner/QSpinnerRings.json +1 -1
- package/src/components/spinner/QSpinnerTail.json +1 -1
- package/src/components/splitter/QSplitter.js +1 -1
- package/src/components/splitter/QSplitter.json +14 -14
- package/src/components/stepper/QStep.json +4 -10
- package/src/components/stepper/QStepper.json +1 -3
- package/src/components/stepper/StepHeader.js +1 -1
- package/src/components/table/QTable.js +1 -1
- package/src/components/table/QTable.json +113 -126
- package/src/components/table/QTd.json +1 -1
- package/src/components/table/QTh.json +1 -1
- package/src/components/table/QTr.json +1 -1
- package/src/components/tabs/QRouteTab.json +1 -1
- package/src/components/tabs/QTab.json +6 -13
- package/src/components/tabs/QTabs.json +8 -8
- package/src/components/tabs/use-tab.js +1 -1
- package/src/components/time/QTime.js +1 -1
- package/src/components/time/QTime.json +10 -22
- package/src/components/timeline/QTimeline.json +4 -4
- package/src/components/timeline/QTimelineEntry.json +11 -11
- package/src/components/tooltip/QTooltip.json +17 -20
- package/src/components/tree/QTree.json +26 -26
- package/src/components/uploader/QUploader.json +4 -4
- package/src/components/uploader/xhr-uploader-plugin.json +12 -12
- package/src/components/video/QVideo.json +15 -19
- package/src/components/virtual-scroll/QVirtualScroll.json +7 -10
- package/src/components/virtual-scroll/use-virtual-scroll.json +9 -8
- package/src/composables/private/use-anchor.json +6 -6
- package/src/composables/private/use-field.json +8 -11
- package/src/composables/private/use-file.js +1 -1
- package/src/composables/private/use-file.json +6 -8
- package/src/composables/private/use-form.json +1 -1
- package/src/composables/private/use-form.test.js +93 -0
- package/src/composables/private/use-fullscreen.json +1 -3
- package/src/composables/private/use-key-composition.js +1 -1
- package/src/composables/private/use-panel.child.json +1 -3
- package/src/composables/private/use-panel.js +1 -1
- package/src/composables/private/use-panel.json +12 -12
- package/src/composables/private/use-portal.js +16 -1
- package/src/composables/private/use-ratio.json +4 -3
- package/src/composables/private/use-ratio.test.js +27 -0
- package/src/composables/private/use-router-link.json +6 -6
- package/src/composables/private/use-size.json +1 -1
- package/src/composables/private/use-size.test.js +22 -0
- package/src/composables/private/use-transition.json +3 -3
- package/src/composables/private/use-validate.json +6 -6
- package/src/composables/use-hydration.js +1 -1
- package/src/composables/use-id.js +1 -1
- package/src/composables/use-id.test.js +55 -0
- package/src/composables/use-interval.js +36 -0
- package/src/composables/use-meta.js +1 -1
- package/src/composables/use-timeout.js +4 -1
- package/src/composables.js +2 -0
- package/src/css/index.sass +6 -6
- package/src/directives/{ClosePopup.js → close-popup/ClosePopup.js} +4 -4
- package/src/directives/{ClosePopup.json → close-popup/ClosePopup.json} +5 -5
- package/src/directives/{Intersection.js → intersection/Intersection.js} +3 -3
- package/src/directives/{Intersection.json → intersection/Intersection.json} +4 -6
- package/src/directives/{Morph.js → morph/Morph.js} +2 -2
- package/src/directives/{Morph.json → morph/Morph.json} +20 -20
- package/src/directives/{Mutation.js → mutation/Mutation.js} +2 -2
- package/src/directives/{Mutation.json → mutation/Mutation.json} +10 -12
- package/src/directives/{Ripple.js → ripple/Ripple.js} +6 -6
- package/src/directives/{Ripple.json → ripple/Ripple.json} +7 -13
- package/src/directives/{Scroll.js → scroll/Scroll.js} +4 -4
- package/src/directives/{Scroll.json → scroll/Scroll.json} +2 -2
- package/src/directives/{ScrollFire.js → scroll-fire/ScrollFire.js} +6 -6
- package/src/directives/{ScrollFire.json → scroll-fire/ScrollFire.json} +1 -1
- package/src/directives/{TouchHold.js → touch-hold/TouchHold.js} +5 -5
- package/src/directives/{TouchHold.json → touch-hold/TouchHold.json} +6 -6
- package/src/directives/{TouchPan.js → touch-pan/TouchPan.js} +6 -6
- package/src/directives/{TouchPan.json → touch-pan/TouchPan.json} +4 -4
- package/src/directives/{TouchRepeat.js → touch-repeat/TouchRepeat.js} +6 -6
- package/src/directives/{TouchRepeat.json → touch-repeat/TouchRepeat.json} +4 -4
- package/src/directives/{TouchSwipe.js → touch-swipe/TouchSwipe.js} +6 -6
- package/src/directives/{TouchSwipe.json → touch-swipe/TouchSwipe.json} +4 -4
- package/src/directives.js +11 -11
- package/src/history.js +1 -1
- package/src/install-quasar.js +3 -3
- package/src/plugins/{AddressbarColor.js → addressbar/AddressbarColor.js} +3 -3
- package/src/plugins/{AddressbarColor.json → addressbar/AddressbarColor.json} +1 -1
- package/src/plugins/{AppFullscreen.js → app-fullscreen/AppFullscreen.js} +2 -2
- package/src/plugins/{AppVisibility.js → app-visibility/AppVisibility.js} +2 -2
- package/src/plugins/{BottomSheet.js → bottom-sheet/BottomSheet.js} +2 -2
- package/src/plugins/{BottomSheet.json → bottom-sheet/BottomSheet.json} +10 -10
- package/src/{components/dialog-bottom-sheet/BottomSheet.js → plugins/bottom-sheet/component/BottomSheetComponent.js} +10 -10
- package/src/plugins/{Cookies.json → cookies/Cookies.json} +14 -16
- package/src/plugins/{Dark.js → dark/Dark.js} +1 -1
- package/src/plugins/{Dark.json → dark/Dark.json} +3 -3
- package/src/plugins/{Dialog.js → dialog/Dialog.js} +2 -2
- package/src/plugins/{Dialog.json → dialog/Dialog.json} +15 -15
- package/src/{components/dialog-plugin/DialogPlugin.js → plugins/dialog/component/DialogPluginComponent.js} +14 -14
- package/src/plugins/{Loading.js → loading/Loading.js} +7 -6
- package/src/plugins/{Loading.json → loading/Loading.json} +15 -15
- package/src/plugins/{LoadingBar.js → loading-bar/LoadingBar.js} +6 -6
- package/src/plugins/{LoadingBar.json → loading-bar/LoadingBar.json} +1 -1
- package/src/plugins/{LocalStorage.js → local-storage/LocalStorage.js} +2 -2
- package/src/plugins/{Meta.js → meta/Meta.js} +2 -2
- package/src/plugins/{Notify.js → notify/Notify.js} +11 -10
- package/src/plugins/{Notify.json → notify/Notify.json} +52 -68
- package/src/plugins/{Platform.js → platform/Platform.js} +3 -9
- package/src/plugins/{Platform.json → platform/Platform.json} +6 -10
- package/src/plugins/{Screen.js → screen/Screen.js} +4 -4
- package/src/plugins/{Screen.json → screen/Screen.json} +6 -12
- package/src/plugins/{SessionStorage.js → session-storage/SessionStorage.js} +2 -2
- package/src/plugins.js +15 -15
- package/src/utils/create-meta-mixin.js +1 -1
- package/src/utils/open-url.js +1 -1
- package/src/utils/prevent-scroll.js +1 -1
- package/src/utils/private/escape-key.js +1 -1
- package/src/utils/private/focusout.js +1 -1
- package/src/utils/private/global-dialog.json +2 -2
- package/src/utils/private/position-engine.js +1 -1
- package/src/utils/private/selection.js +1 -1
- package/src/utils/private/web-storage.json +8 -10
- package/src/components/avatar/__tests__/QAvatar.cy.js +0 -120
- package/src/components/badge/__tests__/QBadge.cy.js +0 -148
- package/src/components/banner/__tests__/QBanner.cy.js +0 -106
- package/src/components/bar/__tests__/QBar.cy.js +0 -45
- package/src/components/breadcrumbs/__tests__/QBreadcrumbs.cy.js +0 -111
- package/src/components/breadcrumbs/__tests__/QBreadcrumbsEl.cy.js +0 -87
- package/src/components/btn/__tests__/QBtn.cy.js +0 -128
- package/src/components/btn/__tests__/use-btn.cy.js +0 -517
- package/src/components/chip/__tests__/QChip.cy.js +0 -480
- package/src/components/dialog/__tests__/DialogWrapper.vue +0 -33
- package/src/components/dialog/__tests__/QDialog.cy.js +0 -543
- package/src/components/tabs/__tests__/QRouteTab.cy.js +0 -9
- /package/src/components/breadcrumbs/{__tests__ → test}/BasicBreadcrumbs.vue +0 -0
- /package/src/components/breadcrumbs/{__tests__ → test}/BreadcrumbWithSeparatorSlot.vue +0 -0
- /package/src/components/spinner/{__spinner-mixin.json → spinner.json} +0 -0
- /package/src/directives/{Morph.sass → morph/Morph.sass} +0 -0
- /package/src/directives/{Ripple.sass → ripple/Ripple.sass} +0 -0
- /package/src/plugins/{AppFullscreen.json → app-fullscreen/AppFullscreen.json} +0 -0
- /package/src/plugins/{AppVisibility.json → app-visibility/AppVisibility.json} +0 -0
- /package/src/{components/dialog-bottom-sheet/BottomSheet.sass → plugins/bottom-sheet/component/BottomSheetComponent.sass} +0 -0
- /package/src/plugins/{Cookies.js → cookies/Cookies.js} +0 -0
- /package/src/{components/dialog-plugin/DialogPlugin.sass → plugins/dialog/component/DialogPluginComponent.sass} +0 -0
- /package/src/plugins/{Loading.sass → loading/Loading.sass} +0 -0
- /package/src/plugins/{LocalStorage.json → local-storage/LocalStorage.json} +0 -0
- /package/src/plugins/{Meta.json → meta/Meta.json} +0 -0
- /package/src/plugins/{Notify.sass → notify/Notify.sass} +0 -0
- /package/src/plugins/{SessionStorage.json → session-storage/SessionStorage.json} +0 -0
package/dist/api/QTabs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tabs"},"props":{"model-value":{"desc":"Model of the component defining current panel name; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":["Number","String","null","undefined"],"examples":["v-model=\"selectedTab\""]},"vertical":{"type":"Boolean","desc":"Use vertical design (tabs one on top of each other rather than one next to the other horizontally)","category":"content"},"outside-arrows":{"type":"Boolean","desc":"Reserve space for arrows to place them on each side of the tabs (the arrows fade when inactive)","category":"content"},"mobile-arrows":{"type":"Boolean","desc":"Force display of arrows (if needed) on mobile","category":"content"},"align":{"type":"String","desc":"Horizontal alignment the tabs within the tabs container","default":"center","values":["left","center","right","justify"],"category":"content","required":false},"breakpoint":{"type":["Number","String"],"desc":"Breakpoint (in pixels) of tabs container width at which the tabs automatically turn to a justify alignment","default":600,"category":"content|behavior","required":false},"active-color":{"type":"String","tsType":"NamedColor","desc":"The color to be attributed to the text of the active tab","examples":["primary","teal","teal-10"],"category":"style"},"active-bg-color":{"type":"String","tsType":"NamedColor","desc":"The color to be attributed to the background of the active tab","examples":["primary","teal","teal-10"],"category":"style"},"indicator-color":{"type":"String","tsType":"NamedColor","desc":"The color to be attributed to the indicator (the underline) of the active tab","examples":["primary","teal","teal-10"],"category":"style"},"content-class":{"type":"String","desc":"Class definitions to be attributed to the content wrapper","examples":["my-special-class"],"category":"style"},"active-class":{"type":"String","desc":"The class to be set on the active tab","examples":["my-active-class"],"category":"style","addedIn":"v2.1.4"},"left-icon":{"type":"String","desc":"The name of an icon to replace the default arrow used to scroll through the tabs to the left, when the tabs extend past the width of the tabs container","examples":["arrow_left"],"category":"content"},"right-icon":{"type":"String","desc":"The name of an icon to replace the default arrow used to scroll through the tabs to the right, when the tabs extend past the width of the tabs container","examples":["arrow_right"],"category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, tabs will stretch to parent's height","category":"content"},"shrink":{"type":"Boolean","desc":"By default, QTabs is set to grow to the available space; However, you can reverse that with this prop; Useful (and required) when placing the component in a QToolbar","category":"content"},"switch-indicator":{"type":"Boolean","desc":"Switches the indicator position (on left of tab for vertical mode or above the tab for default horizontal mode)","category":"content"},"narrow-indicator":{"type":"Boolean","desc":"Allows the indicator to be the same width as the tab's content (text or icon), instead of the whole width of the tab","category":"content"},"inline-label":{"type":"Boolean","desc":"Allows the text to be inline with the icon, should one be used","category":"content"},"no-caps":{"type":"Boolean","desc":"Turns off capitalizing all letters within the tab (which is the default)","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true}}}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tabs"},"props":{"model-value":{"desc":"Model of the component defining current panel name; Either use this property (along with a listener for 'update:modelValue' event) OR use v-model directive","required":false,"syncable":true,"category":"model","type":["Number","String","null","undefined"],"examples":["# v-model=\"selectedTab\""]},"vertical":{"type":"Boolean","desc":"Use vertical design (tabs one on top of each other rather than one next to the other horizontally)","category":"content"},"outside-arrows":{"type":"Boolean","desc":"Reserve space for arrows to place them on each side of the tabs (the arrows fade when inactive)","category":"content"},"mobile-arrows":{"type":"Boolean","desc":"Force display of arrows (if needed) on mobile","category":"content"},"align":{"type":"String","desc":"Horizontal alignment the tabs within the tabs container","default":"'center'","values":["'left'","'center'","'right'","'justify'"],"category":"content","required":false},"breakpoint":{"type":["Number","String"],"desc":"Breakpoint (in pixels) of tabs container width at which the tabs automatically turn to a justify alignment","default":"600","category":"content|behavior","required":false},"active-color":{"type":"String","tsType":"NamedColor","desc":"The color to be attributed to the text of the active tab","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"active-bg-color":{"type":"String","tsType":"NamedColor","desc":"The color to be attributed to the background of the active tab","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"indicator-color":{"type":"String","tsType":"NamedColor","desc":"The color to be attributed to the indicator (the underline) of the active tab","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"content-class":{"type":"String","desc":"Class definitions to be attributed to the content wrapper","examples":["'my-special-class'"],"category":"style"},"active-class":{"type":"String","desc":"The class to be set on the active tab","examples":["'my-active-class'"],"category":"style","addedIn":"v2.1.4"},"left-icon":{"type":"String","desc":"The name of an icon to replace the default arrow used to scroll through the tabs to the left, when the tabs extend past the width of the tabs container","examples":["'arrow_left'"],"category":"content"},"right-icon":{"type":"String","desc":"The name of an icon to replace the default arrow used to scroll through the tabs to the right, when the tabs extend past the width of the tabs container","examples":["'arrow_right'"],"category":"content"},"stretch":{"type":"Boolean","desc":"When used on flexbox parent, tabs will stretch to parent's height","category":"content"},"shrink":{"type":"Boolean","desc":"By default, QTabs is set to grow to the available space; However, you can reverse that with this prop; Useful (and required) when placing the component in a QToolbar","category":"content"},"switch-indicator":{"type":"Boolean","desc":"Switches the indicator position (on left of tab for vertical mode or above the tab for default horizontal mode)","category":"content"},"narrow-indicator":{"type":"Boolean","desc":"Allows the indicator to be the same width as the tab's content (text or icon), instead of the whole width of the tab","category":"content"},"inline-label":{"type":"Boolean","desc":"Allows the text to be inline with the icon, should one be used","category":"content"},"no-caps":{"type":"Boolean","desc":"Turns off capitalizing all letters within the tab (which is the default)","category":"content"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true}}}}}
|
package/dist/api/QTd.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/table"},"props":{"props":{"type":"Object","desc":"QTable's column scoped slot property","examples":[":props=\"props\""],"category":"general"},"auto-width":{"type":"Boolean","desc":"Tries to shrink column width size; Useful for columns with a checkbox/radio/toggle","category":"content"},"no-hover":{"type":"Boolean","desc":"Disable hover effect","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/table"},"props":{"props":{"type":"Object","desc":"QTable's column scoped slot property","examples":["# :props=\"props\""],"category":"general"},"auto-width":{"type":"Boolean","desc":"Tries to shrink column width size; Useful for columns with a checkbox/radio/toggle","category":"content"},"no-hover":{"type":"Boolean","desc":"Disable hover effect","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
package/dist/api/QTh.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/table"},"props":{"props":{"type":"Object","desc":"QTable's header column scoped slot property","examples":[":props=\"props\""],"category":"general"},"auto-width":{"type":"Boolean","desc":"Tries to shrink header column width size; Useful for columns with a checkbox/radio/toggle","category":"content"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/table"},"props":{"props":{"type":"Object","desc":"QTable's header column scoped slot property","examples":["# :props=\"props\""],"category":"general"},"auto-width":{"type":"Boolean","desc":"Tries to shrink header column width size; Useful for columns with a checkbox/radio/toggle","category":"content"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
package/dist/api/QTime.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/time"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["car_id"],"category":"behavior"},"landscape":{"type":"Boolean","desc":"Display the component in landscape mode","category":"behavior"},"mask":{"type":["String","null"],"desc":"Mask (formatting string) used for parsing and formatting value","category":"model","default":"HH:mm","examples":["HH:mm:ss","YYYY-MM-DD HH:mm:ss","HH:mm MMMM Do, YYYY"],"required":false},"locale":{"type":"Object","desc":"Locale formatting options","examples":["
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/time"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"landscape":{"type":"Boolean","desc":"Display the component in landscape mode","category":"behavior"},"mask":{"type":["String","null"],"desc":"Mask (formatting string) used for parsing and formatting value","category":"model","default":"'HH:mm'","examples":["'HH:mm:ss'","'YYYY-MM-DD HH:mm:ss'","'HH:mm MMMM Do, YYYY'"],"required":false},"locale":{"type":"Object","desc":"Locale formatting options","examples":["{ monthsShort: ['Ian', 'Feb', 'Mar', '...'] }"],"definition":{"days":{"type":"Array","desc":"List of full day names (DDDD), starting with Sunday","examples":["['Duminica', 'Luni', 'Marti', '...']"]},"daysShort":{"type":"Array","desc":"List of short day names (DDD), starting with Sunday","examples":["['Dum', 'Lun', 'Mar', '...']"]},"months":{"type":"Array","desc":"List of full month names (MMMM), starting with January","examples":["['Ianuarie', 'Februarie', 'Martie', '...']"]},"monthsShort":{"type":"Array","desc":"List of short month names (MMM), starting with January","examples":["['Ian', 'Feb', 'Mar', '...']"]}},"category":"model"},"calendar":{"type":"String","desc":"Specify calendar type","default":"'gregorian'","values":["'gregorian'","'persian'"],"category":"model","required":false},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no default shadow)","category":"style"},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"model-value":{"desc":"Time 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","null","undefined"],"examples":["# v-model=\"currentTime\""]},"format24h":{"type":["Boolean","null"],"default":"null","desc":"Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used","category":"behavior","required":false},"default-date":{"type":"String","desc":"The default date to use (in YYYY/MM/DD format) when model is unfilled (undefined or null)","default":"# current day","examples":["'1995/02/23'"],"category":"model","required":false},"options":{"type":"Function","desc":"Optionally configure what time is the user allowed to set; Overridden by 'hour-options', 'minute-options' and 'second-options' if those are set; For best performance, reference it from your scope and do not define it inline","params":{"hr":{"type":"Number","desc":"Hour"},"min":{"type":["Number","null"],"desc":"Minutes"},"sec":{"type":["Number","null"],"desc":"Seconds"}},"returns":{"type":["Boolean","null","undefined"],"desc":"Is the user allowed to set the specified time?"},"examples":["(hr, min, sec) => hr <= 6"],"category":"behavior"},"hour-options":{"type":"Array","desc":"Optionally configure what hours is the user allowed to set; Overrides 'options' prop if that is also set","examples":["[ 3, 6, 9 ]"],"category":"behavior"},"minute-options":{"type":"Array","desc":"Optionally configure what minutes is the user allowed to set; Overrides 'options' prop if that is also set","examples":["[0, 15, 30, 45]"],"category":"behavior"},"second-options":{"type":"Array","desc":"Optionally configure what seconds is the user allowed to set; Overrides 'options' prop if that is also set","examples":["[0, 7, 10, 23]"],"category":"behavior"},"with-seconds":{"type":"Boolean","desc":"Allow the time to be set with seconds","category":"model|behavior"},"now-btn":{"type":"Boolean","desc":"Display a button that selects the current time","category":"content"}},"slots":{"default":{"desc":"This is where additional buttons can go"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":["String","null"],"desc":"New model value","required":true},"details":{"type":"Object","desc":"Object of properties on the new model","definition":{"year":{"type":"Number","required":true,"desc":"The year"},"month":{"type":"Number","required":true,"desc":"The month"},"day":{"type":"Number","required":true,"desc":"The day of the month"},"hour":{"type":"Number","required":true,"desc":"The hour"},"minute":{"type":"Number","required":true,"desc":"The minute"},"second":{"type":"Number","required":true,"desc":"The second"},"millisecond":{"type":"Number","required":true,"desc":"The millisecond"},"changed":{"type":"Boolean","required":true,"desc":"Did the model change?"}}}}}},"methods":{"setNow":{"desc":"Change model to current moment"}}}
|
package/dist/api/QTimeline.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/timeline"},"props":{"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"side":{"type":"String","desc":"Side to place the timeline entries in dense and comfortable layout; For loose layout it gets overridden by QTimelineEntry side prop","default":"right","values":["left","right"],"category":"behavior","required":false},"layout":{"type":"String","desc":"Layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.","default":"dense","values":["dense","comfortable","loose"],"category":"behavior","required":false},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false}},"slots":{"default":{"desc":"Used for content of component"}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/timeline"},"props":{"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"side":{"type":"String","desc":"Side to place the timeline entries in dense and comfortable layout; For loose layout it gets overridden by QTimelineEntry side prop","default":"'right'","values":["'left'","'right'"],"category":"behavior","required":false},"layout":{"type":"String","desc":"Layout of the timeline. Dense keeps content and labels on one side. Comfortable keeps content on one side and labels on the opposite side. Loose puts content on both sides.","default":"'dense'","values":["'dense'","'comfortable'","'loose'"],"category":"behavior","required":false},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false}},"slots":{"default":{"desc":"Used for content of component"}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/timeline"},"props":{"heading":{"type":"Boolean","desc":"Defines a heading timeline item","category":"content"},"tag":{"type":"String","desc":"Tag to use, if of type 'heading' only","examples":["div","span","h1"],"category":"content","default":"h3","required":false},"side":{"type":"String","desc":"Side to place the timeline entry; Works only if QTimeline layout is loose.","default":"right","values":["left","right"],"category":"behavior","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image; Icon takes precedence if used, so it replaces avatar","transformAssetUrls":true,"examples":["(public folder) src=\"img/my-bg.png\"","(assets folder) src=\"~assets/my-img.png\"","(relative path format) :src=\"require('./my_img.jpg')\"","(URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"title":{"type":"String","desc":"Title of timeline entry; Is overridden if using 'title' slot","examples":["December party"],"category":"content"},"subtitle":{"type":"String","desc":"Subtitle of timeline entry; Is overridden if using 'subtitle' slot","examples":["All invited"],"category":"content"},"body":{"type":"String","desc":"Body content of timeline entry; Use this prop or the default slot","examples":["Lorem ipsum dolor sit amet, consectetur adipisicing elit."],"category":"content"}},"slots":{"default":{"desc":"Timeline entry content (body)"},"title":{"desc":"Optional slot for title; When used, it overrides 'title' prop"},"subtitle":{"desc":"Optional slot for subtitle; When used, it overrides 'subtitle' prop"}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/timeline"},"props":{"heading":{"type":"Boolean","desc":"Defines a heading timeline item","category":"content"},"tag":{"type":"String","desc":"Tag to use, if of type 'heading' only","examples":["'div'","'span'","'h1'"],"category":"content","default":"'h3'","required":false},"side":{"type":"String","desc":"Side to place the timeline entry; Works only if QTimeline layout is loose.","default":"'right'","values":["'left'","'right'"],"category":"behavior","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"avatar":{"type":"String","desc":"URL to the avatar image; Icon takes precedence if used, so it replaces avatar","transformAssetUrls":true,"examples":["# (public folder) src=\"img/my-bg.png\"","# (assets folder) src=\"~assets/my-img.png\"","# (relative path format) :src=\"require('./my_img.jpg')\"","# (URL) src=\"https://picsum.photos/500/300\""],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"title":{"type":"String","desc":"Title of timeline entry; Is overridden if using 'title' slot","examples":["'December party'"],"category":"content"},"subtitle":{"type":"String","desc":"Subtitle of timeline entry; Is overridden if using 'subtitle' slot","examples":["'All invited'"],"category":"content"},"body":{"type":"String","desc":"Body content of timeline entry; Use this prop or the default slot","examples":["'Lorem ipsum dolor sit amet, consectetur adipisicing elit.'"],"category":"content"}},"slots":{"default":{"desc":"Timeline entry content (body)"},"title":{"desc":"Optional slot for title; When used, it overrides 'title' prop"},"subtitle":{"desc":"Optional slot for subtitle; When used, it overrides 'subtitle' prop"}}}
|
package/dist/api/QToggle.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/toggle"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["car_id"],"category":"behavior"},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["16px","2rem","xs","md"],"category":"style"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Any","Array"],"examples":["false","['car', 'building']"]},"val":{"type":"Any","desc":"Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked","examples":["car"],"category":"model"},"true-value":{"type":"Any","desc":"What model value should be considered as checked/ticked/on?","default":true,"examples":["Agreed"],"category":"model","required":false},"false-value":{"type":"Any","desc":"What model value should be considered as unchecked/unticked/off?","default":false,"examples":["Disagree"],"category":"model","required":false},"indeterminate-value":{"type":"Any","desc":"What model value should be considered as 'indeterminate'?","default":null,"examples":[0,"not_answered"],"category":"model","required":false},"toggle-order":{"type":"String","desc":"Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...","default":"tf","values":["tf","ft"],"category":"behavior","required":false},"toggle-indeterminate":{"type":"Boolean","desc":"When user clicks/taps on the component, should we toggle through the indeterminate state too?","category":"behavior"},"label":{"type":"String","desc":"Label to display along the component (or use the default slot instead of this prop)","examples":["I agree with the Terms and Conditions"],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the component","category":"label"},"checked-icon":{"type":"String","examples":["visibility"],"category":"icons","desc":"The icon to be used when the toggle is on"},"unchecked-icon":{"type":"String","examples":["visibility_off"],"category":"icons","desc":"The icon to be used when the toggle is off"},"indeterminate-icon":{"type":"String","examples":["help"],"category":"icons","desc":"The icon to be used when the model is indeterminate"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"keep-color":{"type":"Boolean","desc":"Should the color (if specified any) be kept when the component is unticked/ off?","category":"behavior"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/toggle"},"props":{"name":{"type":"String","desc":"Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL","examples":["'car_id'"],"category":"behavior"},"size":{"type":"String","desc":"Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)","examples":["'16px'","'2rem'","'xs'","'md'"],"category":"style"},"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":["Any","Array"],"examples":["false","['car', 'building']"]},"val":{"type":"Any","desc":"Works when model ('value') is Array. It tells the component which value should add/remove when ticked/unticked","examples":["'car'"],"category":"model"},"true-value":{"type":"Any","desc":"What model value should be considered as checked/ticked/on?","default":"true","examples":["'Agreed'"],"category":"model","required":false},"false-value":{"type":"Any","desc":"What model value should be considered as unchecked/unticked/off?","default":"false","examples":["'Disagree'"],"category":"model","required":false},"indeterminate-value":{"type":"Any","desc":"What model value should be considered as 'indeterminate'?","default":"null","examples":["0","'not_answered'"],"category":"model","required":false},"toggle-order":{"type":"String","desc":"Determines toggle order of the two states ('t' stands for state of true, 'f' for state of false); If 'toggle-indeterminate' is true, then the order is: indet -> first state -> second state -> indet (and repeat), otherwise: indet -> first state -> second state -> first state -> second state -> ...","default":"'tf'","values":["'tf'","'ft'"],"category":"behavior","required":false},"toggle-indeterminate":{"type":"Boolean","desc":"When user clicks/taps on the component, should we toggle through the indeterminate state too?","category":"behavior"},"label":{"type":"String","desc":"Label to display along the component (or use the default slot instead of this prop)","examples":["'I agree with the Terms and Conditions'"],"category":"label"},"left-label":{"type":"Boolean","desc":"Label (if any specified) should be displayed on the left side of the component","category":"label"},"checked-icon":{"type":"String","examples":["'visibility'"],"category":"icons","desc":"The icon to be used when the toggle is on"},"unchecked-icon":{"type":"String","examples":["'visibility_off'"],"category":"icons","desc":"The icon to be used when the toggle is off"},"indeterminate-icon":{"type":"String","examples":["'help'"],"category":"icons","desc":"The icon to be used when the model is indeterminate"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"keep-color":{"type":"Boolean","desc":"Should the color (if specified any) be kept when the component is unticked/ off?","category":"behavior"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"tabindex":{"type":["Number","String"],"desc":"Tabindex HTML attribute value","examples":["100","'0'"],"category":"general"},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"icon-color":{"type":"String","tsType":"NamedColor","desc":"Override default icon color (for truthy state only); Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"}},"slots":{"default":{"desc":"Default slot can be used as label, unless 'label' prop is specified; Suggestion: string"}},"events":{"update:model-value":{"desc":"Emitted when the component needs to change the model; Is also used by v-model","params":{"value":{"type":"Any","desc":"New model value","required":true},"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"toggle":{"desc":"Toggle the state (of the model)"}}}
|
package/dist/api/QTooltip.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tooltip"},"props":{"transition-show":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"transition","default":"jump-down","required":false},"transition-hide":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["fade","slide-down"],"category":"transition","default":"jump-up","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":300,"category":"transition","required":false},"model-value":{"type":"Boolean","desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"max-height":{"type":["String","null"],"desc":"The maximum height of the Tooltip; Size in CSS units, including unit name","examples":["16px","2rem"],"category":"content","default":null,"required":false},"max-width":{"type":["String","null"],"desc":"The maximum width of the Tooltip; Size in CSS units, including unit name","examples":["16px","2rem"],"category":"content","default":null,"required":false},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the Tooltip relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"default":"bottom middle","category":"position","required":false},"self":{"type":"String","desc":"Two values setting the Tooltip's own position relative to its target","values":["top left","top middle","top right","top start","top end","center left","center middle","center right","center start","center end","bottom left","bottom middle","bottom right","bottom start","bottom end"],"default":"top middle","category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the Tooltip horizontally and vertically in pixels","default":"[14, 14]","examples":["[8, 8]","[5, 10]"],"category":"position","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":["
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tooltip"},"props":{"transition-show":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["'fade'","'slide-down'"],"category":"transition","default":"'jump-down'","required":false},"transition-hide":{"type":"String","desc":"One of Quasar's embedded transitions","examples":["'fade'","'slide-down'"],"category":"transition","default":"'jump-up'","required":false},"transition-duration":{"type":["String","Number"],"desc":"Transition duration (in milliseconds, without unit)","default":"300","category":"transition","required":false},"model-value":{"type":"Boolean","desc":"Model of the component defining shown/hidden state; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","category":"model"},"max-height":{"type":["String","null"],"desc":"The maximum height of the Tooltip; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"content","default":"null","required":false},"max-width":{"type":["String","null"],"desc":"The maximum width of the Tooltip; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"content","default":"null","required":false},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the Tooltip relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"default":"'bottom middle'","category":"position","required":false},"self":{"type":"String","desc":"Two values setting the Tooltip's own position relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"default":"'top middle'","category":"position","required":false},"offset":{"type":"Array","desc":"An array of two numbers to offset the Tooltip horizontally and vertically in pixels","default":"[14, 14]","examples":["[8, 8]","[5, 10]"],"category":"position","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-class","#scroll-target-id","$refs.scrollTarget","body"],"category":"behavior"},"target":{"type":["Boolean","String"],"desc":"Configure a target element to trigger Tooltip toggle; 'true' means it enables the parent DOM element, 'false' means it disables attaching events to any DOM elements; By using a String (CSS selector) it attaches the events to the specified DOM element (if it exists)","default":"true","values":["true","false","# CSS selector"],"examples":["# :target=\"false\"","# target=\".my-parent\""],"category":"behavior","required":false},"no-parent-event":{"type":"Boolean","desc":"Skips attaching events to the target DOM element (that trigger the element to get shown)","category":"behavior"},"delay":{"type":"Number","desc":"Configure Tooltip to appear with delay","default":"0","category":"behavior","required":false},"hide-delay":{"type":"Number","desc":"Configure Tooltip to disappear with delay","default":"0","category":"behavior","required":false},"persistent":{"type":"Boolean","desc":"Prevents Tooltip from auto-closing when app's route changes","category":"behavior"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}},"events":{"update:model-value":{"desc":"Emitted when showing/hidden state changes; Is also used by v-model","params":{"value":{"type":"Boolean","desc":"New state (showing/hidden)"}}},"show":{"desc":"Emitted after component has triggered show()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-show":{"desc":"Emitted when component triggers show() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"hide":{"desc":"Emitted after component has triggered hide()","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}},"before-hide":{"desc":"Emitted when component triggers hide() but before it finishes doing it","params":{"evt":{"type":"Event","desc":"JS event object","required":true}}}},"methods":{"show":{"desc":"Triggers component to show","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"hide":{"desc":"Triggers component to hide","params":{"evt":{"type":"Event","desc":"JS event object","required":false}}},"toggle":{"params":{"evt":{"type":"Event","desc":"JS event object","required":false}},"desc":"Triggers component to toggle between show/hide"},"updatePosition":{"desc":"There are some custom scenarios for which Quasar cannot automatically reposition the tooltip without significant performance drawbacks so the optimal solution is for you to call this method when you need it"}},"computedProps":{"contentEl":{"type":"Element","desc":"The DOM Element of the rendered content","addedIn":"v2.10.1"}}}
|
package/dist/api/QTr.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/table"},"props":{"props":{"type":"Object","desc":"QTable's row scoped slot property","examples":[":props=\"props\""],"category":"general"},"no-hover":{"type":"Boolean","desc":"Disable hover effect","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/table"},"props":{"props":{"type":"Object","desc":"QTable's row scoped slot property","examples":["# :props=\"props\""],"category":"general"},"no-hover":{"type":"Boolean","desc":"Disable hover effect","category":"style"}},"slots":{"default":{"desc":"Default slot in the devland unslotted content of the component"}}}
|
package/dist/api/QTree.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tree"},"props":{"nodes":{"type":"Array","tsType":"QTreeNode","desc":"The array of nodes that designates the tree structure","required":true,"examples":["[ {...}, {...} ]"],"category":"content"},"node-key":{"type":"String","desc":"The property name of each node object that holds a unique node id","required":true,"examples":["key","id"],"category":"content"},"label-key":{"type":"String","desc":"The property name of each node object that holds the label of the node","default":"label","examples":["name","description"],"category":"content","required":false},"children-key":{"type":"String","desc":"The property name of each node object that holds the list of children of the node","default":"children","examples":["roles","relatives"],"category":"content","required":false},"no-connectors":{"type":"Boolean","desc":"Do not display the connector lines between nodes","category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for controls (like checkboxes) from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"selected-color":{"type":"String","tsType":"NamedColor","desc":"Color name for selected nodes (from the Quasar Color Palette)","examples":["primary","teal","teal-10"],"category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style","addedIn":"v2.2.4"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["map","ion-add","img:https://cdn.quasar.dev/logo-v2/svg/logo.svg","img:path/to/some_image.png"],"category":"content"},"tick-strategy":{"type":"String","desc":"The type of strategy to use for the selection of the nodes","default":"none","values":["none","strict","leaf","leaf-filtered"],"category":"behavior","required":false},"ticked":{"type":"Array","desc":"Keys of nodes that are ticked","sync":true,"examples":["v-model:ticked=\"tickedKeys\""],"category":"state","syncable":true},"expanded":{"type":"Array","desc":"Keys of nodes that are expanded","sync":true,"examples":["v-model:expanded=\"expandedKeys\""],"category":"state","syncable":true},"selected":{"type":"Any","desc":"Key of node currently selected","sync":true,"examples":["v-model:selected=\"selectedKey\""],"category":"state","syncable":true},"no-selection-unset":{"type":"Boolean","desc":"Do not allow un-selection when clicking currently selected node","category":"behavior","addedIn":"v2.4.10"},"default-expand-all":{"type":"Boolean","desc":"Allow the tree to have all its branches expanded, when first rendered","category":"behavior"},"accordion":{"type":"Boolean","desc":"Allows the tree to be set in accordion mode","category":"behavior"},"no-transition":{"type":"Boolean","desc":"Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees","category":"behavior","addedIn":"v2.9.2"},"filter":{"type":"String","desc":"The text value to be used for filtering nodes","examples":[":filter=\"searchText\""],"category":"filter"},"filter-method":{"type":"Function","desc":"The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline","default":"(see source code)","params":{"node":{"type":"Object","desc":"Node currently being filtered"},"filter":{"type":"String","desc":"Filter text to match against"}},"returns":{"type":"Boolean","desc":"Matches or not"},"category":"filter","required":false},"duration":{"type":"Number","desc":"Toggle animation duration (in milliseconds)","default":300,"category":"style","required":false},"no-nodes-label":{"type":"String","desc":"Override default such label for when no nodes are available","examples":["No nodes to show!"],"category":"content"},"no-results-label":{"type":"String","desc":"Override default such label for when no nodes are available due to filtering","examples":["No results"],"category":"content"}},"slots":{"default-header":{"desc":"Slot to use for defining the header of a node","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"header-[name]":{"desc":"Header template slot for describing node header; Used by nodes which have their 'header' prop set to '[name]', where '[name]' can be any string","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"default-body":{"desc":"Slot to use for defining the body of a node","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"body-[name]":{"desc":"Body template slot for describing node body; Used by nodes which have their 'body' prop set to '[name]', where '[name]' can be any string","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["primary"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}}},"events":{"update:expanded":{"desc":"Triggered when nodes are expanded or collapsed; Used by Vue on 'v-model:update' to update its value","params":{"expanded":{"type":"Array","desc":"The expanded node keys","examples":["[ 'Node 1', 'Node 2' ]"]}}},"lazy-load":{"desc":"Emitted when the lazy loading of nodes is finished","params":{"details":{"type":"Object","desc":"Lazy loading details","definition":{"node":{"type":"Object","required":true,"desc":"The node to which the new nodes (the children) will be appended"},"key":{"type":"String","required":true,"desc":"The key of the node getting the newly loaded child nodes","examples":["New Node"]},"done":{"type":"Function","required":true,"desc":"The callback to be carried out when the loading is successful","params":{"children":{"type":"Array","desc":"Array of nodes","default":"[]","required":false}},"returns":null},"fail":{"type":"Function","required":true,"desc":"The callback to be carried out should the loading fails","params":null,"returns":null}}}}},"update:ticked":{"desc":"Emitted when nodes are ticked/unticked via the checkbox; Used by Vue on 'v-model:ticked' to update its value","params":{"target":{"type":"Array","desc":"The ticked node keys","examples":["[ 'Node 1', 'Node 2' ]"]}}},"update:selected":{"desc":"Emitted when selected node changes; Used by Vue on 'v-model:selected' to update its value","params":{"target":{"type":"Any","desc":"The selected node key","examples":["Node 1"]}}},"after-show":{"desc":"Emitted when component show animation is finished"},"after-hide":{"desc":"Emitted when component hide animation is finished"}},"methods":{"getNodeByKey":{"desc":"Get the node with the given key","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]}},"returns":{"type":"Object","desc":"Requested node"}},"getTickedNodes":{"desc":"Get array of nodes that are ticked","returns":{"type":"Array","desc":"Ticked node objects"}},"getExpandedNodes":{"desc":"Get array of nodes that are expanded","returns":{"type":"Array","desc":"Expanded node objects"}},"isExpanded":{"desc":"Determine if a node is expanded","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]}},"returns":{"type":"Boolean","desc":"Is specified node expanded?"}},"expandAll":{"desc":"Use to expand all branches of the tree"},"collapseAll":{"desc":"Use to collapse all branches of the tree"},"setExpanded":{"desc":"Expands the tree at the point of the node with the key given","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]},"state":{"type":"Boolean","required":true,"desc":"Set to 'true' to expand the branch of the tree, otherwise 'false' collapses it"}}},"isTicked":{"desc":"Method to check if a node's checkbox is selected or not","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["Node 1"]}},"returns":{"type":"Boolean","desc":"Is specified node ticked?"}},"setTicked":{"desc":"Method to set a node's checkbox programmatically","params":{"keys":{"type":"Array","required":true,"desc":"The keys of nodes to tick/untick","examples":["[ 'Node 1', 'Node 2' ]"]},"state":{"type":"Boolean","required":true,"desc":"Set to 'true' to tick the checkbox of nodes, otherwise 'false' unticks them"}}}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/tree"},"props":{"nodes":{"type":"Array","tsType":"QTreeNode","desc":"The array of nodes that designates the tree structure","required":true,"examples":["[ {}, {} ]"],"category":"content"},"node-key":{"type":"String","desc":"The property name of each node object that holds a unique node id","required":true,"examples":["'key'","'id'"],"category":"content"},"label-key":{"type":"String","desc":"The property name of each node object that holds the label of the node","default":"'label'","examples":["'name'","'description'"],"category":"content","required":false},"children-key":{"type":"String","desc":"The property name of each node object that holds the list of children of the node","default":"'children'","examples":["'roles'","'relatives'"],"category":"content","required":false},"no-connectors":{"type":"Boolean","desc":"Do not display the connector lines between nodes","category":"style"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"control-color":{"type":"String","tsType":"NamedColor","desc":"Color name for controls (like checkboxes) from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"selected-color":{"type":"String","tsType":"NamedColor","desc":"Color name for selected nodes (from the Quasar Color Palette)","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"dense":{"type":"Boolean","desc":"Dense mode; occupies less space","category":"style","addedIn":"v2.2.4"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"icon":{"type":"String","desc":"Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)","examples":["'map'","'ion-add'","'img:https://cdn.quasar.dev/logo-v2/svg/logo.svg'","'img:path/to/some_image.png'"],"category":"content"},"tick-strategy":{"type":"String","desc":"The type of strategy to use for the selection of the nodes","default":"'none'","values":["'none'","'strict'","'leaf'","'leaf-filtered'"],"category":"behavior","required":false},"ticked":{"type":"Array","desc":"Keys of nodes that are ticked","sync":true,"examples":["# v-model:ticked=\"tickedKeys\""],"category":"state","syncable":true},"expanded":{"type":"Array","desc":"Keys of nodes that are expanded","sync":true,"examples":["# v-model:expanded=\"expandedKeys\""],"category":"state","syncable":true},"selected":{"type":"Any","desc":"Key of node currently selected","sync":true,"examples":["# v-model:selected=\"selectedKey\""],"category":"state","syncable":true},"no-selection-unset":{"type":"Boolean","desc":"Do not allow un-selection when clicking currently selected node","category":"behavior","addedIn":"v2.4.10"},"default-expand-all":{"type":"Boolean","desc":"Allow the tree to have all its branches expanded, when first rendered","category":"behavior"},"accordion":{"type":"Boolean","desc":"Allows the tree to be set in accordion mode","category":"behavior"},"no-transition":{"type":"Boolean","desc":"Turn off transition effects when expanding/collapsing nodes; Also enhances perf by a lot as a side-effect; Recommended for big trees","category":"behavior","addedIn":"v2.9.2"},"filter":{"type":"String","desc":"The text value to be used for filtering nodes","examples":["'car'"],"category":"filter"},"filter-method":{"type":"Function","desc":"The function to use to filter the tree nodes; For best performance, reference it from your scope and do not define it inline","default":"# see source code","params":{"node":{"type":"Object","desc":"Node currently being filtered"},"filter":{"type":"String","desc":"Filter text to match against"}},"returns":{"type":"Boolean","desc":"Matches or not"},"category":"filter","required":false},"duration":{"type":"Number","desc":"Toggle animation duration (in milliseconds)","default":"300","category":"style","required":false},"no-nodes-label":{"type":"String","desc":"Override default such label for when no nodes are available","examples":["'No nodes to show!'"],"category":"content"},"no-results-label":{"type":"String","desc":"Override default such label for when no nodes are available due to filtering","examples":["'No results'"],"category":"content"}},"slots":{"default-header":{"desc":"Slot to use for defining the header of a node","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["'primary'"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"header-[name]":{"desc":"Header template slot for describing node header; Used by nodes which have their 'header' prop set to '[name]', where '[name]' can be any string","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["'primary'"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"default-body":{"desc":"Slot to use for defining the body of a node","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["'primary'"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}},"body-[name]":{"desc":"Body template slot for describing node body; Used by nodes which have their 'body' prop set to '[name]', where '[name]' can be any string","scope":{"expanded":{"type":"Boolean","desc":"Is node expanded? Can directly be assigned new Boolean value which changes expanded state","reactive":true},"ticked":{"type":"Boolean","desc":"Is node ticked? Can directly be assigned new Boolean value which changes ticked state","reactive":true},"tree":{"type":"Component","tsType":"QTree","desc":"QTree instance"},"node":{"type":"Object","desc":"Node object"},"key":{"type":"Any","desc":"Node's key"},"color":{"type":"String","desc":"QTree instance 'color' supplied prop value","examples":["'primary'"]},"dark":{"type":"Boolean","desc":"QTree instance 'dark' supplied prop value"}}}},"events":{"update:expanded":{"desc":"Triggered when nodes are expanded or collapsed; Used by Vue on 'v-model:update' to update its value","params":{"expanded":{"type":"Array","desc":"The expanded node keys","examples":["[ 'Node 1', 'Node 2' ]"]}}},"lazy-load":{"desc":"Emitted when the lazy loading of nodes is finished","params":{"details":{"type":"Object","desc":"Lazy loading details","definition":{"node":{"type":"Object","required":true,"desc":"The node to which the new nodes (the children) will be appended"},"key":{"type":"String","required":true,"desc":"The key of the node getting the newly loaded child nodes","examples":["'New Node'"]},"done":{"type":"Function","required":true,"desc":"The callback to be carried out when the loading is successful","params":{"children":{"type":"Array","desc":"Array of nodes","default":"[]","required":false}},"returns":null},"fail":{"type":"Function","required":true,"desc":"The callback to be carried out should the loading fails","params":null,"returns":null}}}}},"update:ticked":{"desc":"Emitted when nodes are ticked/unticked via the checkbox; Used by Vue on 'v-model:ticked' to update its value","params":{"target":{"type":"Array","desc":"The ticked node keys","examples":["[ 'Node 1', 'Node 2' ]"]}}},"update:selected":{"desc":"Emitted when selected node changes; Used by Vue on 'v-model:selected' to update its value","params":{"target":{"type":"Any","desc":"The selected node key","examples":["'Node 1'"]}}},"after-show":{"desc":"Emitted when component show animation is finished"},"after-hide":{"desc":"Emitted when component hide animation is finished"}},"methods":{"getNodeByKey":{"desc":"Get the node with the given key","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["'Node 1'"]}},"returns":{"type":"Object","desc":"Requested node"}},"getTickedNodes":{"desc":"Get array of nodes that are ticked","returns":{"type":"Array","desc":"Ticked node objects"}},"getExpandedNodes":{"desc":"Get array of nodes that are expanded","returns":{"type":"Array","desc":"Expanded node objects"}},"isExpanded":{"desc":"Determine if a node is expanded","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["'Node 1'"]}},"returns":{"type":"Boolean","desc":"Is specified node expanded?"}},"expandAll":{"desc":"Use to expand all branches of the tree"},"collapseAll":{"desc":"Use to collapse all branches of the tree"},"setExpanded":{"desc":"Expands the tree at the point of the node with the key given","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["'Node 1'"]},"state":{"type":"Boolean","required":true,"desc":"Set to 'true' to expand the branch of the tree, otherwise 'false' collapses it"}}},"isTicked":{"desc":"Method to check if a node's checkbox is selected or not","params":{"key":{"type":"Any","required":true,"desc":"The key of a node","examples":["'Node 1'"]}},"returns":{"type":"Boolean","desc":"Is specified node ticked?"}},"setTicked":{"desc":"Method to set a node's checkbox programmatically","params":{"keys":{"type":"Array","required":true,"desc":"The keys of nodes to tick/untick","examples":["[ 'Node 1', 'Node 2' ]"]},"state":{"type":"Boolean","required":true,"desc":"Set to 'true' to tick the checkbox of nodes, otherwise 'false' unticks them"}}}}}
|
package/dist/api/QUploader.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/uploader"},"props":{"factory":{"type":"Function","tsType":"QUploaderFactoryFn","desc":"Function which should return an Object or a Promise resolving with an Object; For best performance, reference it from your scope and do not define it inline","params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":["Object","Promise<any>"],"desc":"Optional configuration for the upload process; You can override QUploader props in this Object (url, method, headers, formFields, fieldName, withCredentials, sendRaw); Props of these Object can also be Functions with the form of (file[s]) => value"},"category":"upload"},"url":{"type":["String","Function"],"desc":"URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["https://example.com/path","files => `https://example.com?count=${files.length}`"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"URL or path to the server which handles the upload"},"category":"upload"},"method":{"type":["String","Function"],"default":"POST","desc":"HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","values":["POST","PUT"],"examples":["POST",":method=\"files => files.length > 10 ? 'POST' : 'PUT'\""],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"HTTP method to use for upload"},"category":"upload","required":false},"field-name":{"type":["String","Function"],"desc":"Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"; If using a function then for best performance, reference it from your scope and do not define it inline","default":"(file) => file.name","examples":["backgroundFile",":field-name=\"(file) => 'background' + file.name\""],"params":{"files":{"type":"File","desc":"The current file being processed"}},"returns":{"type":"String","desc":"Field name for the current file upload"},"category":"upload","required":false},"headers":{"type":["Array","Function"],"desc":"Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","definition":{"name":{"type":"String","required":true,"desc":"Header name","examples":["Content-Type","Accept","Cache-Control"]},"value":{"type":"String","required":true,"desc":"Header value","examples":["application/json","no-cache"]}},"examples":["[{name: 'Content-Type', value: 'application/json'}, {name: 'Accept', value: 'application/json'}]","() => [{name: 'X-Custom-Timestamp', value: Date.now()}]","files => [{name: 'X-Custom-Count', value: files.length}]"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"An array consisting of objects with header definitions"},"category":"upload"},"form-fields":{"type":["Array","Function"],"desc":"Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","definition":{"name":{"type":"String","required":true,"desc":"Field name","examples":["Some field"]},"value":{"type":"String","required":true,"desc":"Field value","examples":["some-value"]}},"examples":["[{name: 'my-field', value: 'my-value'}]","() => [{name: 'my-field', value: 'my-value'}]","files => [{name: 'my-field', value: 'my-value' + files.length}]"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"An array consists of objects with additional fields definitions (used by Form to be uploaded)"},"category":"upload"},"with-credentials":{"type":["Boolean","Function"],"desc":"Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["with-credentials",":with-credentials=\"files => ...\""],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"Boolean","desc":"If true, withCredentials will be set to true on the XHR that manages the upload"},"category":"upload"},"send-raw":{"type":["Boolean","Function"],"desc":"Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["send-raw",":send-raw=\"files => ...\""],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"Boolean","desc":"If true, raw files will get sent without wrapping into a Form()"},"category":"upload"},"batch":{"type":["Boolean","Function"],"desc":"Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["files => files.length > 10"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"Boolean","desc":"If true, files will be uploaded in a batch (in one XHR request)"},"category":"upload"},"multiple":{"type":"Boolean","desc":"Allow multiple file uploads","category":"behavior"},"accept":{"type":"String","desc":"Comma separated list of unique file type specifiers. Maps to 'accept' attribute of native input type=file element","examples":[".jpg, .pdf, image/*","image/jpeg, .pdf"],"category":"behavior"},"capture":{"type":"String","desc":"Optionally, specify that a new file should be captured, and which device should be used to capture that new media of a type defined by the 'accept' prop. Maps to 'capture' attribute of native input type=file element","values":["user","environment"],"category":"behavior"},"max-file-size":{"type":["Number","String"],"desc":"Maximum size of individual file in bytes","examples":[1024,1048576],"category":"behavior"},"max-total-size":{"type":["Number","String"],"desc":"Maximum size of all files combined in bytes","category":"behavior"},"max-files":{"type":["Number","String"],"desc":"Maximum number of files to contain","category":"behavior"},"filter":{"type":"Function","desc":"Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline","params":{"files":{"type":["FileList","Array"],"desc":"Candidate files to be added to queue"}},"returns":{"type":"Array","desc":"Filtered files to be added to queue"},"examples":[":filter=\"files => files.filter(file => file.size === 1024)\""],"category":"behavior"},"label":{"type":"String","desc":"Label for the uploader","examples":["Upload photo here"],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"dark":{"type":["Boolean","null"],"default":null,"desc":"Notify the component that the background is a dark color","category":"style","required":false},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no default shadow)","category":"style"},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"no-thumbnails":{"type":"Boolean","desc":"Don't display thumbnails for image files","category":"content"},"auto-upload":{"type":"Boolean","desc":"Upload files immediately when added","category":"behavior"},"hide-upload-btn":{"type":"Boolean","desc":"Don't show the upload button","category":"behavior"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"}},"slots":{"header":{"desc":"Slot for custom header; Scope is the QUploader instance itself","scope":{"...self":{"type":"Component","tsType":"QUploader","desc":"QUploader instance"}}},"list":{"desc":"Slot for custom list; Scope is the QUploader instance itself","scope":{"...self":{"type":"Component","tsType":"QUploader","desc":"QUploader instance"}}}},"events":{"uploaded":{"desc":"Emitted when file or batch of files is uploaded","params":{"info":{"type":"Object","desc":"Object containing information about the event","definition":{"files":{"type":"Array","required":true,"desc":"Uploaded files"},"xhr":{"type":"Object","required":true,"desc":"XMLHttpRequest that has been used to upload this batch of files"}}}}},"failed":{"desc":"Emitted when file or batch of files has encountered error while uploading","params":{"info":{"type":"Object","desc":"Object containing information about the event","definition":{"files":{"type":"Array","required":true,"desc":"Files which encountered error"},"xhr":{"type":"Object","required":true,"desc":"XMLHttpRequest that has been used to upload this batch of files"}}}}},"uploading":{"desc":"Emitted when file or batch of files started uploading","params":{"info":{"type":"Object","desc":"Object containing information about the event","definition":{"files":{"type":"Array","required":true,"desc":"Files which are now uploading"},"xhr":{"type":"Object","required":true,"desc":"XMLHttpRequest used for uploading"}}}}},"factory-failed":{"desc":"Emitted when factory function is supplied with a Promise which is rejected","params":{"err":{"type":"Error","desc":"Error object which is the Promise rejection reason"},"files":{"type":"Array","desc":"Files which were to get uploaded"}}},"rejected":{"desc":"Emitted after files are picked and some do not pass the validation props (accept, max-file-size, max-total-size, filter, etc)","params":{"rejectedEntries":{"type":"Array","tsType":"QRejectedEntry","desc":"Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation"}}},"added":{"desc":"Emitted when files are added into the list","params":{"files":{"type":"Array","desc":"Array of files that were added"}}},"removed":{"desc":"Emitted when files are removed from the list","params":{"files":{"type":"Array","desc":"Array of files that were removed"}}},"start":{"desc":"Started working"},"finish":{"desc":"Finished working (regardless of success or fail)"}},"methods":{"pickFiles":{"desc":"Trigger the file picker dialog; The event must come from a user interaction event handler","params":{"evt":{"type":"Event","desc":"JS event object of the original user interaction handler","required":true}}},"addFiles":{"desc":"Manually add files to the queue","params":{"files":{"type":"Array","desc":"Must be an array of instances of JS File type","required":true}}},"upload":{"desc":"Start uploading (same as clicking the upload button)"},"abort":{"desc":"Abort upload of all files (same as clicking the abort button)"},"reset":{"desc":"Resets uploader to default; Empties queue, aborts current uploads"},"removeUploadedFiles":{"desc":"Removes already uploaded files from the list"},"removeQueuedFiles":{"desc":"Remove files that are waiting for upload to start (same as clicking the left clear button)"},"removeFile":{"desc":"Remove specified file from the queue","params":{"file":{"type":"File","desc":"The file to remove","required":true}}},"updateFileStatus":{"desc":"Update the status of a file","params":{"file":{"type":"File","desc":"The file to update","required":true},"status":{"type":"String","desc":"Status of file","values":["idle","failed","uploading","uploaded"],"required":true},"uploadedSize":{"type":"Number","desc":"The number of uploaded bytes of the file; Is required explicitly only when status is NOT 'uploaded'","required":true}}},"isAlive":{"desc":"Is the component alive (activated but not unmounted); Useful to determine if you still need to compute anything going further","returns":{"type":"Boolean","desc":"If true, the current component is still activated and mounted"}}},"computedProps":{"files":{"type":"Array","desc":"List of all files"},"queuedFiles":{"type":"Array","desc":"List of files that are waiting to be uploaded"},"uploadedFiles":{"type":"Array","desc":"List of files that have been uploaded"},"uploadedSize":{"type":"Number","desc":"Size of all uploaded files in bytes"},"uploadSizeLabel":{"type":"String","desc":"Label for the size total of all files","examples":["1.0MB"]},"uploadProgressLabel":{"type":"String","desc":"Label for the upload progress (in %)","examples":["52.76%"]},"canAddFiles":{"type":"Boolean","desc":"Whether new files can be added to the list"},"canUpload":{"type":"Boolean","desc":"Whether the files can be uploaded"},"isBusy":{"type":"Boolean","desc":"The component state is set as busy; User should not be able to interact with the component"},"isUploading":{"type":"Boolean","desc":"The component is uploading files"}}}
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/uploader"},"props":{"factory":{"type":"Function","tsType":"QUploaderFactoryFn","desc":"Function which should return an Object or a Promise resolving with an Object; For best performance, reference it from your scope and do not define it inline","params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":["Object","Promise<any>"],"desc":"Optional configuration for the upload process; You can override QUploader props in this Object (url, method, headers, formFields, fieldName, withCredentials, sendRaw); Props of these Object can also be Functions with the form of (file[s]) => value"},"category":"upload"},"url":{"type":["String","Function"],"desc":"URL or path to the server which handles the upload. Takes String or factory function, which returns String. Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["'https://example.com/path'","files => `https://example.com?count=${files.length}`"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"URL or path to the server which handles the upload"},"category":"upload"},"method":{"type":["String","Function"],"default":"'POST'","desc":"HTTP method to use for upload; Takes String or factory function which returns a String; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","values":["'POST'","'PUT'"],"examples":["'POST'","files => (files.length > 10 ? 'POST' : 'PUT')"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"HTTP method to use for upload"},"category":"upload","required":false},"field-name":{"type":["String","Function"],"desc":"Field name for each file upload; This goes into the following header: 'Content-Disposition: form-data; name=\"__HERE__\"; filename=\"somefile.png\"; If using a function then for best performance, reference it from your scope and do not define it inline","default":"(file) => file.name","examples":["'backgroundFile'","(file) => ('background' + file.name)"],"params":{"files":{"type":"File","desc":"The current file being processed"}},"returns":{"type":"String","desc":"Field name for the current file upload"},"category":"upload","required":false},"headers":{"type":["Array","Function"],"desc":"Array or a factory function which returns an array; Array consists of objects with header definitions; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","definition":{"name":{"type":"String","required":true,"desc":"Header name","examples":["'Content-Type'","'Accept'","'Cache-Control'"]},"value":{"type":"String","required":true,"desc":"Header value","examples":["'application/json'","'no-cache'"]}},"examples":["[{name: 'Content-Type', value: 'application/json'}, {name: 'Accept', value: 'application/json'}]","() => [{name: 'X-Custom-Timestamp', value: Date.now()}]","files => [{name: 'X-Custom-Count', value: files.length}]"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"An array consisting of objects with header definitions"},"category":"upload"},"form-fields":{"type":["Array","Function"],"desc":"Array or a factory function which returns an array; Array consists of objects with additional fields definitions (used by Form to be uploaded); Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","definition":{"name":{"type":"String","required":true,"desc":"Field name","examples":["'Some field'"]},"value":{"type":"String","required":true,"desc":"Field value","examples":["'some-value'"]}},"examples":["[{name: 'my-field', value: 'my-value'}]","() => [{name: 'my-field', value: 'my-value'}]","files => [{name: 'my-field', value: 'my-value' + files.length}]"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"String","desc":"An array consists of objects with additional fields definitions (used by Form to be uploaded)"},"category":"upload"},"with-credentials":{"type":["Boolean","Function"],"desc":"Sets withCredentials to true on the XHR that manages the upload; Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["true","files => (files.length === 2)"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"Boolean","desc":"If true, withCredentials will be set to true on the XHR that manages the upload"},"category":"upload"},"send-raw":{"type":["Boolean","Function"],"desc":"Send raw files without wrapping into a Form(); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["true","files => (files.length > 2)"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"Boolean","desc":"If true, raw files will get sent without wrapping into a Form()"},"category":"upload"},"batch":{"type":["Boolean","Function"],"desc":"Upload files in batch (in one XHR request); Takes boolean or factory function for Boolean; Function is called right before upload; If using a function then for best performance, reference it from your scope and do not define it inline","examples":["files => files.length > 10"],"params":{"files":{"type":"Array","desc":"Uploaded files"}},"returns":{"type":"Boolean","desc":"If true, files will be uploaded in a batch (in one XHR request)"},"category":"upload"},"multiple":{"type":"Boolean","desc":"Allow multiple file uploads","category":"behavior"},"accept":{"type":"String","desc":"Comma separated list of unique file type specifiers. Maps to 'accept' attribute of native input type=file element","examples":["'.jpg, .pdf, image/*'","'image/jpeg, .pdf'"],"category":"behavior"},"capture":{"type":"String","desc":"Optionally, specify that a new file should be captured, and which device should be used to capture that new media of a type defined by the 'accept' prop. Maps to 'capture' attribute of native input type=file element","values":["'user'","'environment'"],"category":"behavior"},"max-file-size":{"type":["Number","String"],"desc":"Maximum size of individual file in bytes","examples":["1024","'1048576'"],"category":"behavior"},"max-total-size":{"type":["Number","String"],"desc":"Maximum size of all files combined in bytes","category":"behavior"},"max-files":{"type":["Number","String"],"desc":"Maximum number of files to contain","category":"behavior"},"filter":{"type":"Function","desc":"Custom filter for added files; Only files that pass this filter will be added to the queue and uploaded; For best performance, reference it from your scope and do not define it inline","params":{"files":{"type":["Array","FileList"],"desc":"Candidate files to be added to queue"}},"returns":{"type":"Array","desc":"Filtered files to be added to queue"},"examples":["files => files.filter(file => file.size === 1024)"],"category":"behavior"},"label":{"type":"String","desc":"Label for the uploader","examples":["'Upload photo here'"],"category":"content"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"text-color":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style"},"dark":{"type":["Boolean","null"],"default":"null","desc":"Notify the component that the background is a dark color","category":"style","required":false},"square":{"type":"Boolean","desc":"Removes border-radius so borders are squared","category":"style"},"flat":{"type":"Boolean","desc":"Applies a 'flat' design (no default shadow)","category":"style"},"bordered":{"type":"Boolean","desc":"Applies a default border to the component","category":"style"},"no-thumbnails":{"type":"Boolean","desc":"Don't display thumbnails for image files","category":"content"},"auto-upload":{"type":"Boolean","desc":"Upload files immediately when added","category":"behavior"},"hide-upload-btn":{"type":"Boolean","desc":"Don't show the upload button","category":"behavior"},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"readonly":{"type":"Boolean","desc":"Put component in readonly mode","category":"state"}},"slots":{"header":{"desc":"Slot for custom header; Scope is the QUploader instance itself","scope":{"...self":{"type":"Component","tsType":"QUploader","desc":"QUploader instance"}}},"list":{"desc":"Slot for custom list; Scope is the QUploader instance itself","scope":{"...self":{"type":"Component","tsType":"QUploader","desc":"QUploader instance"}}}},"events":{"uploaded":{"desc":"Emitted when file or batch of files is uploaded","params":{"info":{"type":"Object","desc":"Object containing information about the event","definition":{"files":{"type":"Array","required":true,"desc":"Uploaded files"},"xhr":{"type":"Object","required":true,"desc":"XMLHttpRequest that has been used to upload this batch of files"}}}}},"failed":{"desc":"Emitted when file or batch of files has encountered error while uploading","params":{"info":{"type":"Object","desc":"Object containing information about the event","definition":{"files":{"type":"Array","required":true,"desc":"Files which encountered error"},"xhr":{"type":"Object","required":true,"desc":"XMLHttpRequest that has been used to upload this batch of files"}}}}},"uploading":{"desc":"Emitted when file or batch of files started uploading","params":{"info":{"type":"Object","desc":"Object containing information about the event","definition":{"files":{"type":"Array","required":true,"desc":"Files which are now uploading"},"xhr":{"type":"Object","required":true,"desc":"XMLHttpRequest used for uploading"}}}}},"factory-failed":{"desc":"Emitted when factory function is supplied with a Promise which is rejected","params":{"err":{"type":"Error","desc":"Error object which is the Promise rejection reason"},"files":{"type":"Array","desc":"Files which were to get uploaded"}}},"rejected":{"desc":"Emitted after files are picked and some do not pass the validation props (accept, max-file-size, max-total-size, filter, etc)","params":{"rejectedEntries":{"type":"Array","tsType":"QRejectedEntry","desc":"Array of { failedPropValidation: string, file: File } Objects for files that do not pass the validation"}}},"added":{"desc":"Emitted when files are added into the list","params":{"files":{"type":"Array","desc":"Array of files that were added"}}},"removed":{"desc":"Emitted when files are removed from the list","params":{"files":{"type":"Array","desc":"Array of files that were removed"}}},"start":{"desc":"Started working"},"finish":{"desc":"Finished working (regardless of success or fail)"}},"methods":{"pickFiles":{"desc":"Trigger the file picker dialog; The event must come from a user interaction event handler","params":{"evt":{"type":"Event","desc":"JS event object of the original user interaction handler","required":true}}},"addFiles":{"desc":"Manually add files to the queue","params":{"files":{"type":"Array","desc":"Must be an array of instances of JS File type","required":true}}},"upload":{"desc":"Start uploading (same as clicking the upload button)"},"abort":{"desc":"Abort upload of all files (same as clicking the abort button)"},"reset":{"desc":"Resets uploader to default; Empties queue, aborts current uploads"},"removeUploadedFiles":{"desc":"Removes already uploaded files from the list"},"removeQueuedFiles":{"desc":"Remove files that are waiting for upload to start (same as clicking the left clear button)"},"removeFile":{"desc":"Remove specified file from the queue","params":{"file":{"type":"File","desc":"The file to remove","required":true}}},"updateFileStatus":{"desc":"Update the status of a file","params":{"file":{"type":"File","desc":"The file to update","required":true},"status":{"type":"String","desc":"Status of file","values":["'idle'","'failed'","'uploading'","'uploaded'"],"required":true},"uploadedSize":{"type":"Number","desc":"The number of uploaded bytes of the file; Is required explicitly only when status is NOT 'uploaded'","required":true}}},"isAlive":{"desc":"Is the component alive (activated but not unmounted); Useful to determine if you still need to compute anything going further","returns":{"type":"Boolean","desc":"If true, the current component is still activated and mounted"}}},"computedProps":{"files":{"type":"Array","desc":"List of all files"},"queuedFiles":{"type":"Array","desc":"List of files that are waiting to be uploaded"},"uploadedFiles":{"type":"Array","desc":"List of files that have been uploaded"},"uploadedSize":{"type":"Number","desc":"Size of all uploaded files in bytes"},"uploadSizeLabel":{"type":"String","desc":"Label for the size total of all files","examples":["'1.0MB'"]},"uploadProgressLabel":{"type":"String","desc":"Label for the upload progress (in %)","examples":["'52.76%'"]},"canAddFiles":{"type":"Boolean","desc":"Whether new files can be added to the list"},"canUpload":{"type":"Boolean","desc":"Whether the files can be uploaded"},"isBusy":{"type":"Boolean","desc":"The component state is set as busy; User should not be able to interact with the component"},"isUploading":{"type":"Boolean","desc":"The component is uploading files"}}}
|
package/dist/api/QVideo.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/video"},"props":{"ratio":{"type":["String","Number"],"desc":"Aspect ratio for the content; If value is a String, then avoid using a computational statement (like '16/9') and instead specify the String value of the result directly (eg. '1.7777')","examples":[":ratio=\"4/3\"",":ratio=\"16/9\""
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/video"},"props":{"ratio":{"type":["String","Number"],"desc":"Aspect ratio for the content; If value is a String, then avoid using a computational statement (like '16/9') and instead specify the String value of the result directly (eg. '1.7777')","examples":["1","'1.7778'","# :ratio=\"4/3\"","# :ratio=\"16/9\""],"category":"style"},"src":{"type":"String","desc":"The source url to display in an iframe","required":true,"examples":["'https://www.youtube.com/embed/k3_tw44QsZQ'"],"category":"model"},"title":{"type":"String","desc":"(Accessibility) Set the native 'title' attribute value of the inner iframe being used","required":false,"examples":["'My Daily Marathon'"],"category":"accessibility","addedIn":"v2.4.3"},"fetchpriority":{"type":"String","desc":"Provides a hint of the relative priority to use when fetching the iframe document","default":"'auto'","values":["'high'","'low'","'auto'"],"category":"behavior","addedIn":"v2.6.6","required":false},"loading":{"type":"String","desc":"Indicates how the browser should load the iframe","default":"'eager'","values":["'eager'","'lazy'"],"category":"behavior","addedIn":"v2.6.6","required":false},"referrerpolicy":{"type":"String","desc":"Indicates which referrer to send when fetching the frame's resource","default":"'strict-origin-when-cross-origin'","values":["'no-referrer'","'no-referrer-when-downgrade'","'origin'","'origin-when-cross-origin'","'same-origin'","'strict-origin'","'strict-origin-when-cross-origin'","'unsafe-url'"],"category":"behavior","addedIn":"v2.6.6","required":false}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/virtual-scroll"},"props":{"virtual-scroll-horizontal":{"type":"Boolean","desc":"Make virtual list work in horizontal mode","category":"behavior"},"virtual-scroll-slice-size":{"type":["Number","String","null"],"desc":"Minimum number of items to render in the virtual list","default":"30","examples":["
|
|
1
|
+
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/virtual-scroll"},"props":{"virtual-scroll-horizontal":{"type":"Boolean","desc":"Make virtual list work in horizontal mode","category":"behavior"},"virtual-scroll-slice-size":{"type":["Number","String","null"],"desc":"Minimum number of items to render in the virtual list","default":"30","examples":["60","'60'"],"category":"virtual-scroll","required":false},"virtual-scroll-slice-ratio-before":{"type":["Number","String"],"desc":"Ratio of number of items in visible zone to render before it","default":"1","category":"virtual-scroll","required":false},"virtual-scroll-slice-ratio-after":{"type":["Number","String"],"desc":"Ratio of number of items in visible zone to render after it","default":"1","category":"virtual-scroll","required":false},"virtual-scroll-item-size":{"type":["Number","String"],"desc":"Default size in pixels (height if vertical, width if horizontal) of an item; This value is used for rendering the initial list; Try to use a value close to the minimum size of an item","default":"24","category":"virtual-scroll","required":false},"virtual-scroll-sticky-size-start":{"type":["Number","String"],"desc":"Size in pixels (height if vertical, width if horizontal) of the sticky part (if using one) at the start of the list; A correct value will improve scroll precision","default":"0","category":"virtual-scroll","required":false},"virtual-scroll-sticky-size-end":{"type":["Number","String"],"desc":"Size in pixels (height if vertical, width if horizontal) of the sticky part (if using one) at the end of the list; A correct value will improve scroll precision","default":"0","category":"virtual-scroll","required":false},"table-colspan":{"type":["Number","String"],"desc":"The number of columns in the table (you need this if you use table-layout: fixed)","category":"virtual-scroll|content"},"type":{"type":"String","desc":"The type of content: list (default) or table","default":"'list'","values":["'list'","'table'"],"category":"content","required":false},"items":{"type":"Array","desc":"Available list items that will be passed to the scoped slot; For best performance freeze the list of items; Required if 'itemsFn' is not supplied","default":"[]","examples":["[ 'Tesla', 'iPhone' ]","[ { label: 'Tesla', value: 'car' }, { label: 'iPhone', value: 'phone' } ]"],"category":"content","required":false},"items-size":{"type":"Number","desc":"Number of available items in the list; Required and used only if 'itemsFn' is provided","default":"# void 0","examples":["100000"],"category":"content","required":false},"items-fn":{"type":"Function","desc":"Function to return the scope for the items to be displayed; Should return an array for items starting from 'from' index for size length; For best performance, reference it from your scope and do not define it inline","params":{"from":{"type":"Number","desc":"Index of the first item (0 based)"},"size":{"type":"Number","desc":"Number of items to return"}},"returns":{"type":"Array","desc":"List of scope for items to be displayed"},"examples":["(from, size) => { const items = []; for (let i = 0; i < size; i++) { items.push('Item ' + i) }; return items }"],"category":"content"},"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-class","#scroll-target-id","$refs.scrollTarget","body"],"category":"behavior"}},"slots":{"before":{"desc":"Template slot for the elements that should be rendered before the list; Suggestion: thead before a table"},"after":{"desc":"Template slot for the elements that should be rendered after the list; Suggestion: tfoot after a table"},"default":{"desc":"Template slot for defining the list item; Suggestion: QItem","scope":{"index":{"type":"Number","desc":"Item index in the items list"},"item":{"type":"Any","desc":"Item data -- its value is taken from 'items' prop"}}}},"events":{"virtual-scroll":{"desc":"Emitted when the virtual scroll occurs","params":{"details":{"type":"Object","desc":"Object of properties on the new scroll position","definition":{"index":{"type":"Number","required":true,"desc":"Index of the list item that was scrolled into view (0 based)"},"from":{"type":"Number","required":true,"desc":"The index of the first list item that is rendered (0 based)"},"to":{"type":"Number","required":true,"desc":"The index of the last list item that is rendered (0 based)"},"direction":{"type":"String","required":true,"desc":"Direction of change","values":["'increase'","'decrease'"]},"ref":{"type":"Component","required":true,"desc":"Vue reference to the QVirtualScroll","tsType":"QVirtualScroll"}}}}}},"methods":{"scrollTo":{"desc":"Scroll the virtual scroll list to the item with the specified index (0 based)","params":{"index":{"type":["Number","String"],"desc":"The index of the list item (0 based)","required":true},"edge":{"type":"String","desc":"The edge to align to if the item is not visible already (by default it aligns to end if scrolling towards the end and to start otherwise); If the '-force' version is used then it always aligns","values":["'start'","'center'","'end'","'start-force'","'center-force'","'end-force'"]}}},"reset":{"desc":"Resets the virtual scroll computations; Needed for custom edge-cases"},"refresh":{"desc":"Refreshes the virtual scroll list; Use it after appending items","params":{"index":{"type":["String","Number"],"desc":"The index of the list item to scroll to after refresh (0 based); If it's not specified the scroll position is not changed; Use a negative value to keep scroll position","examples":["5"]}}}}}
|
package/dist/api/Ripple.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/material-ripple"},"quasarConfOptions":{"propName":"ripple","type":["Boolean","Object"],"definition":{"early":{"type":"Boolean","desc":"Trigger early/immediately on user interaction"},"stop":{"type":"Boolean","desc":"Stop click/touch event propagation"},"center":{"type":"Boolean","desc":"Ripple starts from the absolute center"},"color":{"type":"String","desc":"Color name from Quasar Color Palette; Overrides default dynamic color","examples":["orange-5"]},"keyCodes":{"type":["Array","Number"],"desc":"List of keyCode that should trigger the ripple","examples":["[]","[13, 32]"]}}},"value":{"type":["Boolean","Object"],"desc":"Boolean (if just wanting to enable/disable) or Object for configuring more options","definition":{"early":{"type":"Boolean","desc":"Trigger early/immediately on user interaction"},"stop":{"type":"Boolean","desc":"Stop click/touch event propagation"},"center":{"type":"Boolean","desc":"Ripple starts from the absolute center"},"color":{"type":"String","desc":"Color name from Quasar Color Palette; Overrides default dynamic color","examples":["orange-5"]},"keyCodes":{"type":["Array","Number"],"desc":"List of keyCode that should trigger the ripple","examples":["[]","[13, 32]"]}},"examples":["v-ripple=\"booleanState\"","v-ripple=\"{ center: true, color: 'primary', keyCodes: [] }\""]},"arg":{"type":"String","desc":"Color name from Quasar Color Palette; Overrides default dynamic color","examples":["v-ripple:orange-5"]},"modifiers":{"early":{"type":"Boolean","desc":"Trigger early/immediately on user interaction"},"stop":{"type":"Boolean","desc":"Stop click/touch event propagation","examples":["v-ripple.stop"]},"center":{"type":"Boolean","desc":"Ripple starts from the absolute center","examples":["v-ripple.center"]}}}
|
|
1
|
+
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/material-ripple"},"quasarConfOptions":{"propName":"ripple","type":["Boolean","Object"],"definition":{"early":{"type":"Boolean","desc":"Trigger early/immediately on user interaction"},"stop":{"type":"Boolean","desc":"Stop click/touch event propagation"},"center":{"type":"Boolean","desc":"Ripple starts from the absolute center"},"color":{"type":"String","desc":"Color name from Quasar Color Palette; Overrides default dynamic color","examples":["'orange-5'"]},"keyCodes":{"type":["Array","Number"],"desc":"List of keyCode that should trigger the ripple","examples":["[]","[13, 32]"]}}},"value":{"type":["Boolean","Object"],"desc":"Boolean (if just wanting to enable/disable) or Object for configuring more options","definition":{"early":{"type":"Boolean","desc":"Trigger early/immediately on user interaction"},"stop":{"type":"Boolean","desc":"Stop click/touch event propagation"},"center":{"type":"Boolean","desc":"Ripple starts from the absolute center"},"color":{"type":"String","desc":"Color name from Quasar Color Palette; Overrides default dynamic color","examples":["'orange-5'"]},"keyCodes":{"type":["Array","Number"],"desc":"List of keyCode that should trigger the ripple","examples":["[]","[13, 32]"]}},"examples":["# v-ripple=\"booleanState\"","# v-ripple=\"{ center: true, color: 'primary', keyCodes: [] }\""]},"arg":{"type":"String","desc":"Color name from Quasar Color Palette; Overrides default dynamic color","examples":["# v-ripple:orange-5"]},"modifiers":{"early":{"type":"Boolean","desc":"Trigger early/immediately on user interaction"},"stop":{"type":"Boolean","desc":"Stop click/touch event propagation","examples":["# v-ripple.stop"]},"center":{"type":"Boolean","desc":"Ripple starts from the absolute center","examples":["# v-ripple.center"]}}}
|
package/dist/api/Screen.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"plugin","meta":{"docsUrl":"https://v2.quasar.dev/options/screen-plugin"},"injection":"$q.screen","quasarConfOptions":{"propName":"screen","type":"Object","definition":{"bodyClasses":{"type":"Boolean","desc":"Whether to apply CSS classes for the current window breakpoint to the body element"}}},"props":{"width":{"type":"Number","desc":"Screen width (in pixels)","reactive":true,"examples":[452]},"height":{"type":"Number","desc":"Screen height (in pixels)","reactive":true,"examples":[721]},"name":{"type":"String","desc":"Tells current window breakpoint","values":["xs","sm","md","lg","xl"],"reactive":true},"sizes":{"type":"Object","desc":"Breakpoints (in pixels)","definition":{"sm":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"md":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"lg":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"xl":{"type":"Number","desc":"Breakpoint width size (minimum size)"}},"reactive":true,"examples":["{ sm: 600, md: 1024, lg: 1440, xl: 1920 }"]},"lt":{"type":"Object","desc":"Tells if current screen width is lower than breakpoint-name","reactive":true,"definition":{"sm":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"},"md":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"},"lg":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"},"xl":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"}},"examples":["{ sm: false, md: true, lg: true, xl: true }"]},"gt":{"type":"Object","desc":"Tells if current screen width is greater than breakpoint-name","reactive":true,"definition":{"xs":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"},"sm":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"},"md":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"},"lg":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"}},"examples":["{ xs: true, sm: true, md: false, lg: false, xl: false }"]},"xs":{"type":"Boolean","desc":"Current screen width fits exactly 'xs' breakpoint","reactive":true},"sm":{"type":"Boolean","desc":"Current screen width fits exactly 'sm' breakpoint","reactive":true},"md":{"type":"Boolean","desc":"Current screen width fits exactly 'md' breakpoint","reactive":true},"lg":{"type":"Boolean","desc":"Current screen width fits exactly 'lg' breakpoint","reactive":true},"xl":{"type":"Boolean","desc":"Current screen width fits exactly 'xl' breakpoint","reactive":true}},"methods":{"setSizes":{"desc":"Override default breakpoint sizes","params":{"breakpoints":{"type":"Object","desc":"Pick what you want to override","definition":{"sm":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"md":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"lg":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"xl":{"type":"Number","desc":"Breakpoint width size (minimum size)"}},"required":true}}},"setDebounce":{"desc":"Debounce update of all props when screen width/height changes","params":{"amount":{"type":"Number","desc":"Amount in milliseconds","required":true}}}}}
|
|
1
|
+
{"type":"plugin","meta":{"docsUrl":"https://v2.quasar.dev/options/screen-plugin"},"injection":"$q.screen","quasarConfOptions":{"propName":"screen","type":"Object","definition":{"bodyClasses":{"type":"Boolean","desc":"Whether to apply CSS classes for the current window breakpoint to the body element"}}},"props":{"width":{"type":"Number","desc":"Screen width (in pixels)","reactive":true,"examples":["452"]},"height":{"type":"Number","desc":"Screen height (in pixels)","reactive":true,"examples":["721"]},"name":{"type":"String","desc":"Tells current window breakpoint","values":["'xs'","'sm'","'md'","'lg'","'xl'"],"reactive":true},"sizes":{"type":"Object","desc":"Breakpoints (in pixels)","definition":{"sm":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"md":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"lg":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"xl":{"type":"Number","desc":"Breakpoint width size (minimum size)"}},"reactive":true,"examples":["{ sm: 600, md: 1024, lg: 1440, xl: 1920 }"]},"lt":{"type":"Object","desc":"Tells if current screen width is lower than breakpoint-name","reactive":true,"definition":{"sm":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"},"md":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"},"lg":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"},"xl":{"type":"Boolean","desc":"Is current screen width lower than this breakpoint's lowest limit?"}},"examples":["{ sm: false, md: true, lg: true, xl: true }"]},"gt":{"type":"Object","desc":"Tells if current screen width is greater than breakpoint-name","reactive":true,"definition":{"xs":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"},"sm":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"},"md":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"},"lg":{"type":"Boolean","desc":"Is current screen width greater than this breakpoint's max limit?"}},"examples":["{ xs: true, sm: true, md: false, lg: false, xl: false }"]},"xs":{"type":"Boolean","desc":"Current screen width fits exactly 'xs' breakpoint","reactive":true},"sm":{"type":"Boolean","desc":"Current screen width fits exactly 'sm' breakpoint","reactive":true},"md":{"type":"Boolean","desc":"Current screen width fits exactly 'md' breakpoint","reactive":true},"lg":{"type":"Boolean","desc":"Current screen width fits exactly 'lg' breakpoint","reactive":true},"xl":{"type":"Boolean","desc":"Current screen width fits exactly 'xl' breakpoint","reactive":true}},"methods":{"setSizes":{"desc":"Override default breakpoint sizes","params":{"breakpoints":{"type":"Object","desc":"Pick what you want to override","definition":{"sm":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"md":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"lg":{"type":"Number","desc":"Breakpoint width size (minimum size)"},"xl":{"type":"Number","desc":"Breakpoint width size (minimum size)"}},"required":true}}},"setDebounce":{"desc":"Debounce update of all props when screen width/height changes","params":{"amount":{"type":"Number","desc":"Amount in milliseconds","required":true}}}}}
|
package/dist/api/Scroll.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/scroll"},"value":{"type":["Function","undefined"],"desc":"Function to call when scrolling occurs (use undefined to disable)","params":{"verticalScrollPosition":{"type":"Number","desc":"Scroll offset from top"},"horizontalScrollPosition":{"type":"Number","desc":"Scroll offset from left"}},"returns":null,"examples":["
|
|
1
|
+
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/scroll"},"value":{"type":["Function","undefined"],"desc":"Function to call when scrolling occurs (use undefined to disable)","params":{"verticalScrollPosition":{"type":"Number","desc":"Scroll offset from top"},"horizontalScrollPosition":{"type":"Number","desc":"Scroll offset from left"}},"returns":null,"examples":["(verticalScrollPosition, horizontalScrollPosition) => { /* ... */ }"]}}
|
package/dist/api/ScrollFire.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/scroll-fire"},"value":{"type":["Function","undefined"],"desc":"Function to call when scrolling and element comes into the viewport (use undefined to disable)","params":{"el":{"type":"Element","desc":"DOM element that scroll-fire is applied to"}},"returns":null,"examples":["
|
|
1
|
+
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/scroll-fire"},"value":{"type":["Function","undefined"],"desc":"Function to call when scrolling and element comes into the viewport (use undefined to disable)","params":{"el":{"type":"Element","desc":"DOM element that scroll-fire is applied to"}},"returns":null,"examples":["(el) => { console.log('Element:', el) }"]}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"plugin","meta":{"docsUrl":"https://v2.quasar.dev/quasar-plugins/web-storage"},"injection":"$q.sessionStorage","methods":{"has":{"desc":"Check if storage item exists","params":{"key":{"type":"String","desc":"Entry key","required":true,"examples":["userId"]}},"returns":{"type":"Boolean","desc":"Does the item exists or not?"}},"getLength":{"desc":"Get storage number of entries","returns":{"type":"Number","desc":"Number of entries"}},"getItem":{"tsType":"WebStorageGetItemMethodType","desc":"Get a storage item value","params":{"key":{"type":"String","desc":"Entry key","required":true,"examples":["userId"]}},"returns":{"type":["Date","RegExp","Number","Boolean","Function","Object","Array","String","null"],"desc":"Storage item value","examples":["john12",702]}},"getIndex":{"tsType":"WebStorageGetIndexMethodType","desc":"Get the storage item value at specific index","params":{"index":{"type":"Number","desc":"Entry index","required":true}},"returns":{"type":["Number","null"],"desc":"Storage item index"}},"getKey":{"tsType":"WebStorageGetKeyMethodType","desc":"Get the storage key at specific index","params":{"index":{"type":"Number","desc":"Entry index","required":true}},"returns":{"type":["String","null"],"desc":"Storage key","examples":["userId"]}},"getAll":{"desc":"Retrieve all items in storage","returns":{"type":"Object","desc":"Object syntax: item name as Object key and its value","examples":["{ userId: 'jon12', timesLoggedIn: 14 }"]}},"getAllKeys":{"tsType":"WebStorageGetAllKeysMethodType","desc":"Retrieve all keys in storage","returns":{"type":"Array","desc":"Storage keys (Array of Strings)","examples":["['userId', 'password']"]}},"set":{"desc":"Set item in storage","params":{"key":{"type":"String","desc":"Entry key","required":true,"examples":["userId"]},"value":{"type":["Date","RegExp","Number","Boolean","Function","Object","Array","String","null"],"desc":"Entry value","required":true,"params":{"...params":{"type":"Any"}},"returns":{"type":"Any"},"examples":["john12"]}}},"remove":{"desc":"Remove a storage item","params":{"key":{"type":"String","desc":"Storage key","required":true,"examples":["userId"]}}},"clear":{"desc":"Remove everything from the storage"},"isEmpty":{"desc":"Determine if storage has any items","returns":{"type":"Boolean","desc":"Tells if storage is empty or not"}}}}
|
|
1
|
+
{"type":"plugin","meta":{"docsUrl":"https://v2.quasar.dev/quasar-plugins/web-storage"},"injection":"$q.sessionStorage","methods":{"has":{"desc":"Check if storage item exists","params":{"key":{"type":"String","desc":"Entry key","required":true,"examples":["'userId'"]}},"returns":{"type":"Boolean","desc":"Does the item exists or not?"}},"getLength":{"desc":"Get storage number of entries","returns":{"type":"Number","desc":"Number of entries"}},"getItem":{"tsType":"WebStorageGetItemMethodType","desc":"Get a storage item value","params":{"key":{"type":"String","desc":"Entry key","required":true,"examples":["'userId'"]}},"returns":{"type":["Date","RegExp","Number","Boolean","Function","Object","Array","String","null"],"desc":"Storage item value","examples":["'john12'","702"]}},"getIndex":{"tsType":"WebStorageGetIndexMethodType","desc":"Get the storage item value at specific index","params":{"index":{"type":"Number","desc":"Entry index","required":true}},"returns":{"type":["Number","null"],"desc":"Storage item index"}},"getKey":{"tsType":"WebStorageGetKeyMethodType","desc":"Get the storage key at specific index","params":{"index":{"type":"Number","desc":"Entry index","required":true}},"returns":{"type":["String","null"],"desc":"Storage key","examples":["'userId'"]}},"getAll":{"desc":"Retrieve all items in storage","returns":{"type":"Object","desc":"Object syntax: item name as Object key and its value","examples":["{ userId: 'jon12', timesLoggedIn: 14 }"]}},"getAllKeys":{"tsType":"WebStorageGetAllKeysMethodType","desc":"Retrieve all keys in storage","returns":{"type":"Array","desc":"Storage keys (Array of Strings)","examples":["['userId', 'password']"]}},"set":{"desc":"Set item in storage","params":{"key":{"type":"String","desc":"Entry key","required":true,"examples":["'userId'"]},"value":{"type":["Date","RegExp","Number","Boolean","Function","Object","Array","String","null"],"desc":"Entry value","required":true,"params":{"...params":{"type":"Any"}},"returns":{"type":"Any"},"examples":["'john12'"]}}},"remove":{"desc":"Remove a storage item","params":{"key":{"type":"String","desc":"Storage key","required":true,"examples":["'userId'"]}}},"clear":{"desc":"Remove everything from the storage"},"isEmpty":{"desc":"Determine if storage has any items","returns":{"type":"Boolean","desc":"Tells if storage is empty or not"}}}}
|
package/dist/api/TouchHold.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/touch-hold"},"value":{"type":["Function","undefined"],"desc":"Function to call after user has hold touch/click for the specified amount of time (use undefined to disable)","params":{"details":{"type":"Object","desc":"Event details","definition":{"evt":{"type":"Event","desc":"Original JS event Object"},"touch":{"type":"Boolean","desc":"Triggered by a touch event"},"mouse":{"type":"Boolean","desc":"Triggered by a mouse event"},"position":{"type":"Object","desc":"Event Position Object","definition":{"top":{"type":"Number","desc":"Vertical offset from top of window"},"left":{"type":"Number","desc":"Horizontal offset from left of window"}}},"duration":{"type":"Number","desc":"How long it took to trigger the event (in milliseconds)"}}}},"returns":null,"examples":["
|
|
1
|
+
{"type":"directive","meta":{"docsUrl":"https://v2.quasar.dev/vue-directives/touch-hold"},"value":{"type":["Function","undefined"],"desc":"Function to call after user has hold touch/click for the specified amount of time (use undefined to disable)","params":{"details":{"type":"Object","desc":"Event details","definition":{"evt":{"type":"Event","desc":"Original JS event Object"},"touch":{"type":"Boolean","desc":"Triggered by a touch event"},"mouse":{"type":"Boolean","desc":"Triggered by a mouse event"},"position":{"type":"Object","desc":"Event Position Object","definition":{"top":{"type":"Number","desc":"Vertical offset from top of window"},"left":{"type":"Number","desc":"Horizontal offset from left of window"}}},"duration":{"type":"Number","desc":"How long it took to trigger the event (in milliseconds)"}}}},"returns":null,"examples":["({ evt, touch, mouse, position, duration }) => { /* ... */ }"]},"arg":{"type":"String","desc":"x:y:z, where x is the amount of time to wait (in milliseconds), y is the touch event sensitivity (in pixels) and z is the mouse event sensitivity (in pixels)","default":"'600:5:7'","examples":["# v-touch-hold:400=\"fnToCall\"","# v-touch-hold:400:15=\"fnToCall\"","# v-touch-hold:400:10:10=\"fnToCall\""],"required":false},"modifiers":{"capture":{"type":"Boolean","desc":"Use capture for touchstart event"},"mouse":{"type":"Boolean","desc":"Listen for mouse events too"},"mouseCapture":{"type":"Boolean","desc":"Use capture for mousedown event"}}}
|