quasar 2.1.0
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/LICENSE +21 -0
- package/README.md +47 -0
- package/dist/api/AddressbarColor.json +22 -0
- package/dist/api/AppFullscreen.json +71 -0
- package/dist/api/AppVisibility.json +15 -0
- package/dist/api/BottomSheet.json +212 -0
- package/dist/api/ClosePopup.json +21 -0
- package/dist/api/Cookies.json +189 -0
- package/dist/api/Dark.json +50 -0
- package/dist/api/Dialog.json +471 -0
- package/dist/api/Intersection.json +279 -0
- package/dist/api/Loading.json +256 -0
- package/dist/api/LoadingBar.json +55 -0
- package/dist/api/LocalStorage.json +191 -0
- package/dist/api/Meta.json +6 -0
- package/dist/api/Morph.json +193 -0
- package/dist/api/Mutation.json +122 -0
- package/dist/api/Notify.json +1068 -0
- package/dist/api/Platform.json +70 -0
- package/dist/api/QAjaxBar.json +91 -0
- package/dist/api/QAvatar.json +72 -0
- package/dist/api/QBadge.json +78 -0
- package/dist/api/QBanner.json +39 -0
- package/dist/api/QBar.json +23 -0
- package/dist/api/QBreadcrumbs.json +83 -0
- package/dist/api/QBreadcrumbsEl.json +101 -0
- package/dist/api/QBtn.json +288 -0
- package/dist/api/QBtnDropdown.json +484 -0
- package/dist/api/QBtnGroup.json +53 -0
- package/dist/api/QBtnToggle.json +249 -0
- package/dist/api/QCard.json +45 -0
- package/dist/api/QCardActions.json +33 -0
- package/dist/api/QCardSection.json +30 -0
- package/dist/api/QCarousel.json +393 -0
- package/dist/api/QCarouselControl.json +42 -0
- package/dist/api/QCarouselSlide.json +44 -0
- package/dist/api/QChatMessage.json +128 -0
- package/dist/api/QCheckbox.json +172 -0
- package/dist/api/QChip.json +206 -0
- package/dist/api/QCircularProgress.json +135 -0
- package/dist/api/QColor.json +131 -0
- package/dist/api/QDate.json +550 -0
- package/dist/api/QDialog.json +210 -0
- package/dist/api/QDrawer.json +262 -0
- package/dist/api/QEditor.json +385 -0
- package/dist/api/QExpansionItem.json +339 -0
- package/dist/api/QFab.json +310 -0
- package/dist/api/QFabAction.json +222 -0
- package/dist/api/QField.json +417 -0
- package/dist/api/QFile.json +623 -0
- package/dist/api/QFooter.json +61 -0
- package/dist/api/QForm.json +102 -0
- package/dist/api/QFormChildMixin.json +24 -0
- package/dist/api/QHeader.json +70 -0
- package/dist/api/QIcon.json +64 -0
- package/dist/api/QImg.json +236 -0
- package/dist/api/QInfiniteScroll.json +120 -0
- package/dist/api/QInnerLoading.json +77 -0
- package/dist/api/QInput.json +494 -0
- package/dist/api/QIntersection.json +91 -0
- package/dist/api/QItem.json +119 -0
- package/dist/api/QItemLabel.json +41 -0
- package/dist/api/QItemSection.json +38 -0
- package/dist/api/QKnob.json +196 -0
- package/dist/api/QLayout.json +110 -0
- package/dist/api/QLinearProgress.json +94 -0
- package/dist/api/QList.json +38 -0
- package/dist/api/QMarkupTable.json +58 -0
- package/dist/api/QMenu.json +323 -0
- package/dist/api/QNoSsr.json +37 -0
- package/dist/api/QOptionGroup.json +109 -0
- package/dist/api/QPage.json +47 -0
- package/dist/api/QPageContainer.json +11 -0
- package/dist/api/QPageScroller.json +73 -0
- package/dist/api/QPageSticky.json +46 -0
- package/dist/api/QPagination.json +324 -0
- package/dist/api/QParallax.json +85 -0
- package/dist/api/QPopupEdit.json +337 -0
- package/dist/api/QPopupProxy.json +147 -0
- package/dist/api/QPullToRefresh.json +87 -0
- package/dist/api/QRadio.json +133 -0
- package/dist/api/QRange.json +269 -0
- package/dist/api/QRating.json +167 -0
- package/dist/api/QResizeObserver.json +59 -0
- package/dist/api/QResponsive.json +26 -0
- package/dist/api/QRouteTab.json +190 -0
- package/dist/api/QScrollArea.json +338 -0
- package/dist/api/QScrollObserver.json +146 -0
- package/dist/api/QSelect.json +1341 -0
- package/dist/api/QSeparator.json +62 -0
- package/dist/api/QSkeleton.json +104 -0
- package/dist/api/QSlideItem.json +202 -0
- package/dist/api/QSlideTransition.json +36 -0
- package/dist/api/QSlider.json +196 -0
- package/dist/api/QSpace.json +6 -0
- package/dist/api/QSpinner.json +38 -0
- package/dist/api/QSpinnerAudio.json +28 -0
- package/dist/api/QSpinnerBall.json +28 -0
- package/dist/api/QSpinnerBars.json +28 -0
- package/dist/api/QSpinnerBox.json +28 -0
- package/dist/api/QSpinnerClock.json +28 -0
- package/dist/api/QSpinnerComment.json +28 -0
- package/dist/api/QSpinnerCube.json +28 -0
- package/dist/api/QSpinnerDots.json +28 -0
- package/dist/api/QSpinnerFacebook.json +28 -0
- package/dist/api/QSpinnerGears.json +28 -0
- package/dist/api/QSpinnerGrid.json +28 -0
- package/dist/api/QSpinnerHearts.json +28 -0
- package/dist/api/QSpinnerHourglass.json +28 -0
- package/dist/api/QSpinnerInfinity.json +28 -0
- package/dist/api/QSpinnerIos.json +28 -0
- package/dist/api/QSpinnerOrbit.json +28 -0
- package/dist/api/QSpinnerOval.json +28 -0
- package/dist/api/QSpinnerPie.json +28 -0
- package/dist/api/QSpinnerPuff.json +28 -0
- package/dist/api/QSpinnerRadio.json +28 -0
- package/dist/api/QSpinnerRings.json +28 -0
- package/dist/api/QSpinnerTail.json +28 -0
- package/dist/api/QSplitter.json +142 -0
- package/dist/api/QStep.json +158 -0
- package/dist/api/QStepper.json +317 -0
- package/dist/api/QStepperNavigation.json +11 -0
- package/dist/api/QTab.json +111 -0
- package/dist/api/QTabPanel.json +34 -0
- package/dist/api/QTabPanels.json +193 -0
- package/dist/api/QTable.json +2645 -0
- package/dist/api/QTabs.json +165 -0
- package/dist/api/QTd.json +31 -0
- package/dist/api/QTh.json +26 -0
- package/dist/api/QTime.json +278 -0
- package/dist/api/QTimeline.json +48 -0
- package/dist/api/QTimelineEntry.json +101 -0
- package/dist/api/QToggle.json +216 -0
- package/dist/api/QToolbar.json +18 -0
- package/dist/api/QToolbarTitle.json +18 -0
- package/dist/api/QTooltip.json +274 -0
- package/dist/api/QTr.json +26 -0
- package/dist/api/QTree.json +552 -0
- package/dist/api/QUploader.json +481 -0
- package/dist/api/QUploaderAddTrigger.json +6 -0
- package/dist/api/QVideo.json +30 -0
- package/dist/api/QVirtualScroll.json +291 -0
- package/dist/api/Ripple.json +111 -0
- package/dist/api/Screen.json +207 -0
- package/dist/api/Scroll.json +31 -0
- package/dist/api/ScrollFire.json +21 -0
- package/dist/api/SessionStorage.json +191 -0
- package/dist/api/TouchHold.json +86 -0
- package/dist/api/TouchPan.json +200 -0
- package/dist/api/TouchRepeat.json +156 -0
- package/dist/api/TouchSwipe.json +118 -0
- package/dist/icon-set/bootstrap-icons.umd.prod.js +6 -0
- package/dist/icon-set/eva-icons.umd.prod.js +6 -0
- package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +6 -0
- package/dist/icon-set/fontawesome-v5.umd.prod.js +6 -0
- package/dist/icon-set/ionicons-v4.umd.prod.js +6 -0
- package/dist/icon-set/line-awesome.umd.prod.js +6 -0
- package/dist/icon-set/material-icons-outlined.umd.prod.js +6 -0
- package/dist/icon-set/material-icons-round.umd.prod.js +6 -0
- package/dist/icon-set/material-icons-sharp.umd.prod.js +6 -0
- package/dist/icon-set/material-icons.umd.prod.js +6 -0
- package/dist/icon-set/mdi-v3.umd.prod.js +6 -0
- package/dist/icon-set/mdi-v4.umd.prod.js +6 -0
- package/dist/icon-set/mdi-v5.umd.prod.js +6 -0
- package/dist/icon-set/mdi-v6.umd.prod.js +6 -0
- package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +6 -0
- package/dist/icon-set/svg-eva-icons.umd.prod.js +6 -0
- package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +6 -0
- package/dist/icon-set/svg-ionicons-v4.umd.prod.js +6 -0
- package/dist/icon-set/svg-ionicons-v5.umd.prod.js +6 -0
- package/dist/icon-set/svg-line-awesome.umd.prod.js +6 -0
- package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +6 -0
- package/dist/icon-set/svg-material-icons-round.umd.prod.js +6 -0
- package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +6 -0
- package/dist/icon-set/svg-material-icons.umd.prod.js +6 -0
- package/dist/icon-set/svg-mdi-v4.umd.prod.js +6 -0
- package/dist/icon-set/svg-mdi-v5.umd.prod.js +6 -0
- package/dist/icon-set/svg-mdi-v6.umd.prod.js +6 -0
- package/dist/icon-set/svg-themify.umd.prod.js +6 -0
- package/dist/icon-set/themify.umd.prod.js +6 -0
- package/dist/lang/ar.umd.prod.js +6 -0
- package/dist/lang/az-Latn.umd.prod.js +6 -0
- package/dist/lang/bg.umd.prod.js +6 -0
- package/dist/lang/bn.umd.prod.js +6 -0
- package/dist/lang/ca.umd.prod.js +6 -0
- package/dist/lang/cs.umd.prod.js +6 -0
- package/dist/lang/da.umd.prod.js +6 -0
- package/dist/lang/de.umd.prod.js +6 -0
- package/dist/lang/el.umd.prod.js +6 -0
- package/dist/lang/en-GB.umd.prod.js +6 -0
- package/dist/lang/en-US.umd.prod.js +6 -0
- package/dist/lang/eo.umd.prod.js +6 -0
- package/dist/lang/es.umd.prod.js +6 -0
- package/dist/lang/et.umd.prod.js +6 -0
- package/dist/lang/fa-IR.umd.prod.js +6 -0
- package/dist/lang/fa.umd.prod.js +6 -0
- package/dist/lang/fi.umd.prod.js +6 -0
- package/dist/lang/fr.umd.prod.js +6 -0
- package/dist/lang/gn.umd.prod.js +6 -0
- package/dist/lang/he.umd.prod.js +6 -0
- package/dist/lang/hr.umd.prod.js +6 -0
- package/dist/lang/hu.umd.prod.js +6 -0
- package/dist/lang/id.umd.prod.js +6 -0
- package/dist/lang/is.umd.prod.js +6 -0
- package/dist/lang/it.umd.prod.js +6 -0
- package/dist/lang/ja.umd.prod.js +6 -0
- package/dist/lang/km.umd.prod.js +6 -0
- package/dist/lang/ko-KR.umd.prod.js +6 -0
- package/dist/lang/kur-CKB.umd.prod.js +6 -0
- package/dist/lang/lu.umd.prod.js +6 -0
- package/dist/lang/lv.umd.prod.js +6 -0
- package/dist/lang/ml.umd.prod.js +6 -0
- package/dist/lang/ms.umd.prod.js +6 -0
- package/dist/lang/nb-NO.umd.prod.js +6 -0
- package/dist/lang/nl.umd.prod.js +6 -0
- package/dist/lang/pl.umd.prod.js +6 -0
- package/dist/lang/pt-BR.umd.prod.js +6 -0
- package/dist/lang/pt.umd.prod.js +6 -0
- package/dist/lang/ro.umd.prod.js +6 -0
- package/dist/lang/ru.umd.prod.js +6 -0
- package/dist/lang/sk.umd.prod.js +6 -0
- package/dist/lang/sl.umd.prod.js +6 -0
- package/dist/lang/sr.umd.prod.js +6 -0
- package/dist/lang/sv.umd.prod.js +6 -0
- package/dist/lang/ta.umd.prod.js +6 -0
- package/dist/lang/th.umd.prod.js +6 -0
- package/dist/lang/tr.umd.prod.js +6 -0
- package/dist/lang/ug.umd.prod.js +6 -0
- package/dist/lang/uk.umd.prod.js +6 -0
- package/dist/lang/vi.umd.prod.js +6 -0
- package/dist/lang/zh-CN.umd.prod.js +6 -0
- package/dist/lang/zh-TW.umd.prod.js +6 -0
- package/dist/quasar.addon.css +6291 -0
- package/dist/quasar.addon.prod.css +1 -0
- package/dist/quasar.addon.rtl.css +9286 -0
- package/dist/quasar.addon.rtl.prod.css +1 -0
- package/dist/quasar.cjs.prod.js +6 -0
- package/dist/quasar.css +11392 -0
- package/dist/quasar.esm.prod.js +6 -0
- package/dist/quasar.prod.css +1 -0
- package/dist/quasar.rtl.css +13790 -0
- package/dist/quasar.rtl.prod.css +1 -0
- package/dist/quasar.sass +7314 -0
- package/dist/quasar.umd.js +38430 -0
- package/dist/quasar.umd.prod.js +6 -0
- package/dist/ssr-directives/Morph.js +55 -0
- package/dist/ssr-directives/index.js +14 -0
- package/dist/transforms/api-list.json +151 -0
- package/dist/transforms/auto-import.json +267 -0
- package/dist/transforms/import-map.json +178 -0
- package/dist/transforms/import-transformation.js +9 -0
- package/dist/transforms/loader-asset-urls.json +40 -0
- package/dist/types/api/cookies.d.ts +1 -0
- package/dist/types/api/web-storage.d.ts +30 -0
- package/dist/types/api.d.ts +2 -0
- package/dist/types/composables.d.ts +30 -0
- package/dist/types/extras/animations.d.ts +106 -0
- package/dist/types/extras/fonts.d.ts +1 -0
- package/dist/types/extras/icon-set.d.ts +123 -0
- package/dist/types/extras.d.ts +3 -0
- package/dist/types/feature-flag.d.ts +57 -0
- package/dist/types/globals.d.ts +69 -0
- package/dist/types/index.d.ts +8818 -0
- package/dist/types/lang.d.ts +131 -0
- package/dist/types/meta.d.ts +16 -0
- package/dist/types/plugin.d.ts +17 -0
- package/dist/types/shim-icon-set.d.ts +7 -0
- package/dist/types/shim-lang.d.ts +7 -0
- package/dist/types/ts-helpers.d.ts +22 -0
- package/dist/types/tsconfig.json +7 -0
- package/dist/types/typings.json +4 -0
- package/dist/types/utils/colors.d.ts +28 -0
- package/dist/types/utils/date.d.ts +50 -0
- package/dist/types/utils/dom.d.ts +14 -0
- package/dist/types/utils/event.d.ts +28 -0
- package/dist/types/utils/format.d.ts +7 -0
- package/dist/types/utils/scroll.d.ts +20 -0
- package/dist/types/utils.d.ts +138 -0
- package/dist/vetur/quasar-attributes.json +5522 -0
- package/dist/vetur/quasar-tags.json +1992 -0
- package/dist/web-types/web-types.json +18572 -0
- package/icon-set/bootstrap-icons.js +136 -0
- package/icon-set/eva-icons.js +186 -0
- package/icon-set/fontawesome-v5-pro.js +128 -0
- package/icon-set/fontawesome-v5.js +128 -0
- package/icon-set/ionicons-v4.js +180 -0
- package/icon-set/line-awesome.js +128 -0
- package/icon-set/material-icons-outlined.js +128 -0
- package/icon-set/material-icons-round.js +128 -0
- package/icon-set/material-icons-sharp.js +128 -0
- package/icon-set/material-icons.js +128 -0
- package/icon-set/mdi-v3.js +141 -0
- package/icon-set/mdi-v4.js +141 -0
- package/icon-set/mdi-v5.js +141 -0
- package/icon-set/mdi-v6.js +141 -0
- package/icon-set/svg-bootstrap-icons.js +211 -0
- package/icon-set/svg-eva-icons.js +234 -0
- package/icon-set/svg-fontawesome-v5.js +198 -0
- package/icon-set/svg-ionicons-v4.js +235 -0
- package/icon-set/svg-ionicons-v5.js +225 -0
- package/icon-set/svg-line-awesome.js +198 -0
- package/icon-set/svg-material-icons-outlined.js +203 -0
- package/icon-set/svg-material-icons-round.js +203 -0
- package/icon-set/svg-material-icons-sharp.js +203 -0
- package/icon-set/svg-material-icons.js +203 -0
- package/icon-set/svg-mdi-v4.js +218 -0
- package/icon-set/svg-mdi-v5.js +225 -0
- package/icon-set/svg-mdi-v6.js +225 -0
- package/icon-set/svg-themify.js +232 -0
- package/icon-set/themify.js +169 -0
- package/lang/ar.js +96 -0
- package/lang/az-Latn.js +91 -0
- package/lang/bg.js +91 -0
- package/lang/bn.js +91 -0
- package/lang/ca.js +91 -0
- package/lang/cs.js +102 -0
- package/lang/da.js +91 -0
- package/lang/de.js +91 -0
- package/lang/el.js +91 -0
- package/lang/en-GB.js +91 -0
- package/lang/en-US.js +91 -0
- package/lang/eo.js +91 -0
- package/lang/es.js +91 -0
- package/lang/et.js +91 -0
- package/lang/fa-IR.js +92 -0
- package/lang/fa.js +92 -0
- package/lang/fi.js +92 -0
- package/lang/fr.js +94 -0
- package/lang/gn.js +91 -0
- package/lang/he.js +92 -0
- package/lang/hr.js +91 -0
- package/lang/hu.js +91 -0
- package/lang/id.js +91 -0
- package/lang/index.json +210 -0
- package/lang/is.js +91 -0
- package/lang/it.js +91 -0
- package/lang/ja.js +90 -0
- package/lang/km.js +91 -0
- package/lang/ko-KR.js +91 -0
- package/lang/kur-CKB.js +101 -0
- package/lang/lu.js +91 -0
- package/lang/lv.js +91 -0
- package/lang/ml.js +95 -0
- package/lang/ms.js +91 -0
- package/lang/nb-NO.js +92 -0
- package/lang/nl.js +91 -0
- package/lang/pl.js +91 -0
- package/lang/pt-BR.js +91 -0
- package/lang/pt.js +91 -0
- package/lang/ro.js +91 -0
- package/lang/ru.js +95 -0
- package/lang/sk.js +91 -0
- package/lang/sl.js +91 -0
- package/lang/sr.js +91 -0
- package/lang/sv.js +91 -0
- package/lang/ta.js +91 -0
- package/lang/th.js +91 -0
- package/lang/tr.js +87 -0
- package/lang/ug.js +92 -0
- package/lang/uk.js +95 -0
- package/lang/vi.js +91 -0
- package/lang/zh-CN.js +90 -0
- package/lang/zh-TW.js +90 -0
- package/package.json +108 -0
- package/src/api-file-example.json +94 -0
- package/src/api.extends.json +264 -0
- package/src/body.js +109 -0
- package/src/components/ajax-bar/QAjaxBar.js +238 -0
- package/src/components/ajax-bar/QAjaxBar.json +76 -0
- package/src/components/ajax-bar/QAjaxBar.sass +27 -0
- package/src/components/ajax-bar/index.js +5 -0
- package/src/components/avatar/QAvatar.js +61 -0
- package/src/components/avatar/QAvatar.json +42 -0
- package/src/components/avatar/QAvatar.sass +22 -0
- package/src/components/avatar/index.js +5 -0
- package/src/components/badge/QBadge.js +59 -0
- package/src/components/badge/QBadge.json +65 -0
- package/src/components/badge/QBadge.sass +32 -0
- package/src/components/badge/index.js +5 -0
- package/src/components/banner/QBanner.js +57 -0
- package/src/components/banner/QBanner.json +39 -0
- package/src/components/banner/QBanner.sass +38 -0
- package/src/components/banner/index.js +5 -0
- package/src/components/bar/QBar.js +30 -0
- package/src/components/bar/QBar.json +22 -0
- package/src/components/bar/QBar.sass +31 -0
- package/src/components/bar/index.js +5 -0
- package/src/components/breadcrumbs/QBreadcrumbs.js +90 -0
- package/src/components/breadcrumbs/QBreadcrumbs.json +57 -0
- package/src/components/breadcrumbs/QBreadcrumbs.sass +16 -0
- package/src/components/breadcrumbs/QBreadcrumbsEl.js +57 -0
- package/src/components/breadcrumbs/QBreadcrumbsEl.json +36 -0
- package/src/components/breadcrumbs/index.js +7 -0
- package/src/components/btn/QBtn.js +362 -0
- package/src/components/btn/QBtn.json +70 -0
- package/src/components/btn/QBtn.sass +157 -0
- package/src/components/btn/index.js +5 -0
- package/src/components/btn/use-btn.js +195 -0
- package/src/components/btn/use-btn.json +172 -0
- package/src/components/btn-dropdown/QBtnDropdown.js +215 -0
- package/src/components/btn-dropdown/QBtnDropdown.json +138 -0
- package/src/components/btn-dropdown/QBtnDropdown.sass +15 -0
- package/src/components/btn-dropdown/index.js +5 -0
- package/src/components/btn-group/QBtnGroup.js +31 -0
- package/src/components/btn-group/QBtnGroup.json +61 -0
- package/src/components/btn-group/QBtnGroup.sass +85 -0
- package/src/components/btn-group/index.js +5 -0
- package/src/components/btn-toggle/QBtnToggle.js +166 -0
- package/src/components/btn-toggle/QBtnToggle.json +194 -0
- package/src/components/btn-toggle/QBtnToggle.sass +2 -0
- package/src/components/btn-toggle/index.js +5 -0
- package/src/components/card/QCard.js +37 -0
- package/src/components/card/QCard.json +35 -0
- package/src/components/card/QCard.sass +96 -0
- package/src/components/card/QCardActions.js +25 -0
- package/src/components/card/QCardActions.json +27 -0
- package/src/components/card/QCardSection.js +25 -0
- package/src/components/card/QCardSection.json +25 -0
- package/src/components/card/index.js +9 -0
- package/src/components/carousel/QCarousel.js +267 -0
- package/src/components/carousel/QCarousel.json +150 -0
- package/src/components/carousel/QCarousel.sass +126 -0
- package/src/components/carousel/QCarouselControl.js +36 -0
- package/src/components/carousel/QCarouselControl.json +34 -0
- package/src/components/carousel/QCarouselSlide.js +27 -0
- package/src/components/carousel/QCarouselSlide.json +36 -0
- package/src/components/carousel/index.js +9 -0
- package/src/components/chat/QChatMessage.js +155 -0
- package/src/components/chat/QChatMessage.json +115 -0
- package/src/components/chat/QChatMessage.sass +75 -0
- package/src/components/chat/index.js +5 -0
- package/src/components/checkbox/QCheckbox.js +35 -0
- package/src/components/checkbox/QCheckbox.json +7 -0
- package/src/components/checkbox/QCheckbox.sass +114 -0
- package/src/components/checkbox/index.js +5 -0
- package/src/components/checkbox/use-checkbox.js +236 -0
- package/src/components/checkbox/use-checkbox.json +127 -0
- package/src/components/chip/QChip.js +197 -0
- package/src/components/chip/QChip.json +146 -0
- package/src/components/chip/QChip.sass +83 -0
- package/src/components/chip/index.js +5 -0
- package/src/components/circular-progress/QCircularProgress.js +135 -0
- package/src/components/circular-progress/QCircularProgress.json +107 -0
- package/src/components/circular-progress/QCircularProgress.sass +38 -0
- package/src/components/circular-progress/index.js +5 -0
- package/src/components/circular-progress/use-circular-progress.js +38 -0
- package/src/components/color/QColor.js +830 -0
- package/src/components/color/QColor.json +96 -0
- package/src/components/color/QColor.sass +188 -0
- package/src/components/color/index.js +5 -0
- package/src/components/date/QDate.js +1450 -0
- package/src/components/date/QDate.json +439 -0
- package/src/components/date/QDate.sass +249 -0
- package/src/components/date/index.js +5 -0
- package/src/components/date/use-datetime.js +95 -0
- package/src/components/date/use-datetime.json +86 -0
- package/src/components/dialog/QDialog.js +402 -0
- package/src/components/dialog/QDialog.json +126 -0
- package/src/components/dialog/QDialog.sass +106 -0
- package/src/components/dialog/index.js +5 -0
- package/src/components/dialog-bottom-sheet/BottomSheet.js +177 -0
- package/src/components/dialog-bottom-sheet/BottomSheet.sass +37 -0
- package/src/components/dialog-plugin/DialogPlugin.js +323 -0
- package/src/components/dialog-plugin/DialogPlugin.sass +11 -0
- package/src/components/drawer/QDrawer.js +693 -0
- package/src/components/drawer/QDrawer.json +164 -0
- package/src/components/drawer/index.js +5 -0
- package/src/components/editor/QEditor.js +539 -0
- package/src/components/editor/QEditor.json +301 -0
- package/src/components/editor/QEditor.sass +83 -0
- package/src/components/editor/editor-caret.js +363 -0
- package/src/components/editor/editor-utils.js +287 -0
- package/src/components/editor/index.js +5 -0
- package/src/components/expansion-item/QExpansionItem.js +337 -0
- package/src/components/expansion-item/QExpansionItem.json +175 -0
- package/src/components/expansion-item/QExpansionItem.sass +72 -0
- package/src/components/expansion-item/index.js +5 -0
- package/src/components/fab/QFab.js +136 -0
- package/src/components/fab/QFab.json +73 -0
- package/src/components/fab/QFab.sass +154 -0
- package/src/components/fab/QFabAction.js +96 -0
- package/src/components/fab/QFabAction.json +59 -0
- package/src/components/fab/index.js +7 -0
- package/src/components/fab/use-fab.js +90 -0
- package/src/components/fab/use-fab.json +123 -0
- package/src/components/field/QField.js +17 -0
- package/src/components/field/QField.json +112 -0
- package/src/components/field/QField.sass +535 -0
- package/src/components/field/index.js +5 -0
- package/src/components/file/QFile.js +273 -0
- package/src/components/file/QFile.json +179 -0
- package/src/components/file/QFile.sass +19 -0
- package/src/components/file/index.js +5 -0
- package/src/components/footer/QFooter.js +200 -0
- package/src/components/footer/QFooter.json +60 -0
- package/src/components/footer/index.js +5 -0
- package/src/components/form/QForm.js +184 -0
- package/src/components/form/QForm.json +120 -0
- package/src/components/form/QForm.sass +2 -0
- package/src/components/form/QFormChildMixin.js +40 -0
- package/src/components/form/QFormChildMixin.json +22 -0
- package/src/components/form/index.js +7 -0
- package/src/components/header/QHeader.js +179 -0
- package/src/components/header/QHeader.json +70 -0
- package/src/components/header/index.js +5 -0
- package/src/components/icon/QIcon.js +202 -0
- package/src/components/icon/QIcon.json +45 -0
- package/src/components/icon/QIcon.sass +38 -0
- package/src/components/icon/index.js +5 -0
- package/src/components/img/QImg.js +287 -0
- package/src/components/img/QImg.json +225 -0
- package/src/components/img/QImg.sass +40 -0
- package/src/components/img/index.js +5 -0
- package/src/components/infinite-scroll/QInfiniteScroll.js +215 -0
- package/src/components/infinite-scroll/QInfiniteScroll.json +109 -0
- package/src/components/infinite-scroll/index.js +5 -0
- package/src/components/inner-loading/QInnerLoading.js +57 -0
- package/src/components/inner-loading/QInnerLoading.json +35 -0
- package/src/components/inner-loading/QInnerLoading.sass +4 -0
- package/src/components/inner-loading/index.js +5 -0
- package/src/components/input/QInput.js +394 -0
- package/src/components/input/QInput.json +131 -0
- package/src/components/input/QInput.sass +58 -0
- package/src/components/input/index.js +5 -0
- package/src/components/input/use-mask.js +543 -0
- package/src/components/input/use-mask.json +31 -0
- package/src/components/intersection/QIntersection.js +97 -0
- package/src/components/intersection/QIntersection.json +78 -0
- package/src/components/intersection/QIntersection.sass +2 -0
- package/src/components/intersection/index.js +5 -0
- package/src/components/item/QItem.js +156 -0
- package/src/components/item/QItem.json +65 -0
- package/src/components/item/QItem.sass +119 -0
- package/src/components/item/QItemLabel.js +42 -0
- package/src/components/item/QItemLabel.json +38 -0
- package/src/components/item/QItemSection.js +28 -0
- package/src/components/item/QItemSection.json +43 -0
- package/src/components/item/QList.js +34 -0
- package/src/components/item/QList.json +37 -0
- package/src/components/item/index.js +13 -0
- package/src/components/knob/QKnob.js +278 -0
- package/src/components/knob/QKnob.json +140 -0
- package/src/components/knob/QKnob.sass +21 -0
- package/src/components/knob/index.js +5 -0
- package/src/components/layout/QLayout.js +208 -0
- package/src/components/layout/QLayout.json +102 -0
- package/src/components/layout/QLayout.sass +181 -0
- package/src/components/layout/index.js +5 -0
- package/src/components/linear-progress/QLinearProgress.js +115 -0
- package/src/components/linear-progress/QLinearProgress.json +77 -0
- package/src/components/linear-progress/QLinearProgress.sass +71 -0
- package/src/components/linear-progress/index.js +5 -0
- package/src/components/markup-table/QMarkupTable.js +49 -0
- package/src/components/markup-table/QMarkupTable.json +48 -0
- package/src/components/markup-table/index.js +5 -0
- package/src/components/menu/QMenu.js +369 -0
- package/src/components/menu/QMenu.json +142 -0
- package/src/components/menu/QMenu.sass +16 -0
- package/src/components/menu/index.js +5 -0
- package/src/components/no-ssr/QNoSsr.js +46 -0
- package/src/components/no-ssr/QNoSsr.json +30 -0
- package/src/components/no-ssr/index.js +5 -0
- package/src/components/option-group/QOptionGroup.js +114 -0
- package/src/components/option-group/QOptionGroup.json +80 -0
- package/src/components/option-group/QOptionGroup.sass +5 -0
- package/src/components/option-group/index.js +5 -0
- package/src/components/page/QPage.js +55 -0
- package/src/components/page/QPage.json +44 -0
- package/src/components/page/QPageContainer.js +42 -0
- package/src/components/page/QPageContainer.json +11 -0
- package/src/components/page/index.js +7 -0
- package/src/components/page-scroller/QPageScroller.js +116 -0
- package/src/components/page-scroller/QPageScroller.json +36 -0
- package/src/components/page-scroller/index.js +5 -0
- package/src/components/page-sticky/QPageSticky.js +14 -0
- package/src/components/page-sticky/QPageSticky.json +39 -0
- package/src/components/page-sticky/index.js +5 -0
- package/src/components/page-sticky/use-page-sticky.js +117 -0
- package/src/components/pagination/QPagination.js +374 -0
- package/src/components/pagination/QPagination.json +254 -0
- package/src/components/pagination/QPagination.sass +9 -0
- package/src/components/pagination/index.js +5 -0
- package/src/components/parallax/QParallax.js +166 -0
- package/src/components/parallax/QParallax.json +73 -0
- package/src/components/parallax/QParallax.sass +15 -0
- package/src/components/parallax/index.js +5 -0
- package/src/components/popup-edit/QPopupEdit.js +193 -0
- package/src/components/popup-edit/QPopupEdit.json +283 -0
- package/src/components/popup-edit/QPopupEdit.sass +8 -0
- package/src/components/popup-edit/index.js +5 -0
- package/src/components/popup-proxy/QPopupProxy.js +104 -0
- package/src/components/popup-proxy/QPopupProxy.json +65 -0
- package/src/components/popup-proxy/index.js +5 -0
- package/src/components/pull-to-refresh/QPullToRefresh.js +213 -0
- package/src/components/pull-to-refresh/QPullToRefresh.json +66 -0
- package/src/components/pull-to-refresh/QPullToRefresh.sass +13 -0
- package/src/components/pull-to-refresh/index.js +5 -0
- package/src/components/radio/QRadio.js +179 -0
- package/src/components/radio/QRadio.json +94 -0
- package/src/components/radio/QRadio.sass +95 -0
- package/src/components/radio/index.js +5 -0
- package/src/components/range/QRange.js +529 -0
- package/src/components/range/QRange.json +208 -0
- package/src/components/range/index.js +5 -0
- package/src/components/rating/QRating.js +216 -0
- package/src/components/rating/QRating.json +110 -0
- package/src/components/rating/QRating.sass +29 -0
- package/src/components/rating/index.js +5 -0
- package/src/components/resize-observer/QResizeObserver.js +139 -0
- package/src/components/resize-observer/QResizeObserver.json +51 -0
- package/src/components/resize-observer/index.js +5 -0
- package/src/components/responsive/QResponsive.js +29 -0
- package/src/components/responsive/QResponsive.json +13 -0
- package/src/components/responsive/QResponsive.sass +19 -0
- package/src/components/responsive/index.js +5 -0
- package/src/components/scroll-area/QScrollArea.js +446 -0
- package/src/components/scroll-area/QScrollArea.json +300 -0
- package/src/components/scroll-area/QScrollArea.sass +37 -0
- package/src/components/scroll-area/index.js +5 -0
- package/src/components/scroll-observer/QScrollObserver.js +135 -0
- package/src/components/scroll-observer/QScrollObserver.json +115 -0
- package/src/components/scroll-observer/index.js +5 -0
- package/src/components/select/QSelect.js +1556 -0
- package/src/components/select/QSelect.json +789 -0
- package/src/components/select/QSelect.sass +64 -0
- package/src/components/select/index.js +5 -0
- package/src/components/separator/QSeparator.js +85 -0
- package/src/components/separator/QSeparator.json +42 -0
- package/src/components/separator/QSeparator.sass +32 -0
- package/src/components/separator/index.js +5 -0
- package/src/components/skeleton/QSkeleton.js +72 -0
- package/src/components/skeleton/QSkeleton.json +76 -0
- package/src/components/skeleton/QSkeleton.sass +140 -0
- package/src/components/skeleton/index.js +5 -0
- package/src/components/slide-item/QSlideItem.js +232 -0
- package/src/components/slide-item/QSlideItem.json +186 -0
- package/src/components/slide-item/QSlideItem.sass +41 -0
- package/src/components/slide-item/index.js +5 -0
- package/src/components/slide-transition/QSlideTransition.js +113 -0
- package/src/components/slide-transition/QSlideTransition.json +37 -0
- package/src/components/slide-transition/index.js +5 -0
- package/src/components/slider/QSlider.js +239 -0
- package/src/components/slider/QSlider.json +147 -0
- package/src/components/slider/QSlider.sass +225 -0
- package/src/components/slider/index.js +5 -0
- package/src/components/slider/use-slider.js +304 -0
- package/src/components/space/QSpace.js +11 -0
- package/src/components/space/QSpace.json +5 -0
- package/src/components/space/QSpace.sass +2 -0
- package/src/components/space/index.js +5 -0
- package/src/components/spinner/QSpinner.js +38 -0
- package/src/components/spinner/QSpinner.json +21 -0
- package/src/components/spinner/QSpinner.sass +34 -0
- package/src/components/spinner/QSpinnerAudio.js +88 -0
- package/src/components/spinner/QSpinnerAudio.json +3 -0
- package/src/components/spinner/QSpinnerBall.js +104 -0
- package/src/components/spinner/QSpinnerBall.json +3 -0
- package/src/components/spinner/QSpinnerBars.js +143 -0
- package/src/components/spinner/QSpinnerBars.json +3 -0
- package/src/components/spinner/QSpinnerBox.js +61 -0
- package/src/components/spinner/QSpinnerBox.json +3 -0
- package/src/components/spinner/QSpinnerClock.js +72 -0
- package/src/components/spinner/QSpinnerClock.json +3 -0
- package/src/components/spinner/QSpinnerComment.js +84 -0
- package/src/components/spinner/QSpinnerComment.json +3 -0
- package/src/components/spinner/QSpinnerCube.js +132 -0
- package/src/components/spinner/QSpinnerCube.json +3 -0
- package/src/components/spinner/QSpinnerDots.js +104 -0
- package/src/components/spinner/QSpinnerDots.json +3 -0
- package/src/components/spinner/QSpinnerFacebook.js +103 -0
- package/src/components/spinner/QSpinnerFacebook.json +3 -0
- package/src/components/spinner/QSpinnerGears.js +59 -0
- package/src/components/spinner/QSpinnerGears.json +3 -0
- package/src/components/spinner/QSpinnerGrid.js +152 -0
- package/src/components/spinner/QSpinnerGrid.json +3 -0
- package/src/components/spinner/QSpinnerHearts.js +54 -0
- package/src/components/spinner/QSpinnerHearts.json +3 -0
- package/src/components/spinner/QSpinnerHourglass.js +112 -0
- package/src/components/spinner/QSpinnerHourglass.json +3 -0
- package/src/components/spinner/QSpinnerInfinity.js +42 -0
- package/src/components/spinner/QSpinnerInfinity.json +3 -0
- package/src/components/spinner/QSpinnerIos.js +174 -0
- package/src/components/spinner/QSpinnerIos.json +3 -0
- package/src/components/spinner/QSpinnerOrbit.js +51 -0
- package/src/components/spinner/QSpinnerOrbit.json +3 -0
- package/src/components/spinner/QSpinnerOval.js +50 -0
- package/src/components/spinner/QSpinnerOval.json +3 -0
- package/src/components/spinner/QSpinnerPie.js +81 -0
- package/src/components/spinner/QSpinnerPie.json +3 -0
- package/src/components/spinner/QSpinnerPuff.js +83 -0
- package/src/components/spinner/QSpinnerPuff.json +3 -0
- package/src/components/spinner/QSpinnerRadio.js +76 -0
- package/src/components/spinner/QSpinnerRadio.json +3 -0
- package/src/components/spinner/QSpinnerRings.js +106 -0
- package/src/components/spinner/QSpinnerRings.json +3 -0
- package/src/components/spinner/QSpinnerTail.js +83 -0
- package/src/components/spinner/QSpinnerTail.json +3 -0
- package/src/components/spinner/__spinner-mixin.json +13 -0
- package/src/components/spinner/index.js +51 -0
- package/src/components/spinner/use-spinner.js +24 -0
- package/src/components/splitter/QSplitter.js +205 -0
- package/src/components/splitter/QSplitter.json +129 -0
- package/src/components/splitter/QSplitter.sass +54 -0
- package/src/components/splitter/index.js +5 -0
- package/src/components/stepper/QStep.js +132 -0
- package/src/components/stepper/QStep.json +101 -0
- package/src/components/stepper/QStepper.js +133 -0
- package/src/components/stepper/QStepper.json +108 -0
- package/src/components/stepper/QStepper.sass +210 -0
- package/src/components/stepper/QStepperNavigation.js +11 -0
- package/src/components/stepper/QStepperNavigation.json +11 -0
- package/src/components/stepper/StepHeader.js +165 -0
- package/src/components/stepper/index.js +9 -0
- package/src/components/tab-panels/QTabPanel.js +14 -0
- package/src/components/tab-panels/QTabPanel.json +19 -0
- package/src/components/tab-panels/QTabPanel.sass +5 -0
- package/src/components/tab-panels/QTabPanels.js +42 -0
- package/src/components/tab-panels/QTabPanels.json +13 -0
- package/src/components/tab-panels/index.js +7 -0
- package/src/components/table/QTable.js +1068 -0
- package/src/components/table/QTable.json +2318 -0
- package/src/components/table/QTable.sass +283 -0
- package/src/components/table/QTd.js +43 -0
- package/src/components/table/QTd.json +32 -0
- package/src/components/table/QTh.js +69 -0
- package/src/components/table/QTh.json +26 -0
- package/src/components/table/QTr.js +22 -0
- package/src/components/table/QTr.json +26 -0
- package/src/components/table/get-table-middle.js +7 -0
- package/src/components/table/index.js +11 -0
- package/src/components/table/table-column-selection.js +88 -0
- package/src/components/table/table-filter.js +35 -0
- package/src/components/table/table-pagination.js +213 -0
- package/src/components/table/table-row-expand.js +56 -0
- package/src/components/table/table-row-selection.js +87 -0
- package/src/components/table/table-sort.js +124 -0
- package/src/components/tabs/QRouteTab.js +36 -0
- package/src/components/tabs/QRouteTab.json +55 -0
- package/src/components/tabs/QTab.js +16 -0
- package/src/components/tabs/QTab.json +78 -0
- package/src/components/tabs/QTabs.js +465 -0
- package/src/components/tabs/QTabs.json +141 -0
- package/src/components/tabs/QTabs.sass +189 -0
- package/src/components/tabs/index.js +9 -0
- package/src/components/tabs/use-tab.js +199 -0
- package/src/components/time/QTime.js +918 -0
- package/src/components/time/QTime.json +174 -0
- package/src/components/time/QTime.sass +186 -0
- package/src/components/time/index.js +5 -0
- package/src/components/timeline/QTimeline.js +43 -0
- package/src/components/timeline/QTimeline.json +37 -0
- package/src/components/timeline/QTimeline.sass +243 -0
- package/src/components/timeline/QTimelineEntry.js +110 -0
- package/src/components/timeline/QTimelineEntry.json +84 -0
- package/src/components/timeline/index.js +7 -0
- package/src/components/toggle/QToggle.js +56 -0
- package/src/components/toggle/QToggle.json +39 -0
- package/src/components/toggle/QToggle.sass +132 -0
- package/src/components/toggle/index.js +5 -0
- package/src/components/toolbar/QToolbar.js +20 -0
- package/src/components/toolbar/QToolbar.json +19 -0
- package/src/components/toolbar/QToolbar.sass +25 -0
- package/src/components/toolbar/QToolbarTitle.js +20 -0
- package/src/components/toolbar/QToolbarTitle.json +19 -0
- package/src/components/toolbar/index.js +7 -0
- package/src/components/tooltip/QTooltip.js +309 -0
- package/src/components/tooltip/QTooltip.json +113 -0
- package/src/components/tooltip/QTooltip.sass +18 -0
- package/src/components/tooltip/index.js +5 -0
- package/src/components/tree/QTree.js +694 -0
- package/src/components/tree/QTree.json +524 -0
- package/src/components/tree/QTree.sass +132 -0
- package/src/components/tree/index.js +5 -0
- package/src/components/uploader/QUploader.js +4 -0
- package/src/components/uploader/QUploader.json +144 -0
- package/src/components/uploader/QUploader.sass +134 -0
- package/src/components/uploader/QUploaderAddTrigger.js +13 -0
- package/src/components/uploader/QUploaderAddTrigger.json +5 -0
- package/src/components/uploader/index.js +7 -0
- package/src/components/uploader/uploader-core.js +481 -0
- package/src/components/uploader/xhr-uploader-plugin.js +258 -0
- package/src/components/uploader/xhr-uploader-plugin.json +203 -0
- package/src/components/video/QVideo.js +36 -0
- package/src/components/video/QVideo.json +19 -0
- package/src/components/video/QVideo.sass +24 -0
- package/src/components/video/index.js +5 -0
- package/src/components/virtual-scroll/QVirtualScroll.js +161 -0
- package/src/components/virtual-scroll/QVirtualScroll.json +95 -0
- package/src/components/virtual-scroll/QVirtualScroll.sass +40 -0
- package/src/components/virtual-scroll/index.js +5 -0
- package/src/components/virtual-scroll/use-virtual-scroll.js +727 -0
- package/src/components/virtual-scroll/use-virtual-scroll.json +141 -0
- package/src/components.js +79 -0
- package/src/composables/private/use-align.js +31 -0
- package/src/composables/private/use-anchor.js +208 -0
- package/src/composables/private/use-anchor.json +29 -0
- package/src/composables/private/use-cache.js +21 -0
- package/src/composables/private/use-can-render.js +16 -0
- package/src/composables/private/use-dark.js +17 -0
- package/src/composables/private/use-field.js +589 -0
- package/src/composables/private/use-field.json +246 -0
- package/src/composables/private/use-file-dom-props.js +44 -0
- package/src/composables/private/use-file.js +201 -0
- package/src/composables/private/use-file.json +106 -0
- package/src/composables/private/use-form.js +29 -0
- package/src/composables/private/use-form.json +10 -0
- package/src/composables/private/use-fullscreen.js +101 -0
- package/src/composables/private/use-fullscreen.json +32 -0
- package/src/composables/private/use-history.js +31 -0
- package/src/composables/private/use-key-composition.js +26 -0
- package/src/composables/private/use-model-toggle.js +151 -0
- package/src/composables/private/use-model-toggle.json +51 -0
- package/src/composables/private/use-panel.child.json +17 -0
- package/src/composables/private/use-panel.js +277 -0
- package/src/composables/private/use-panel.json +142 -0
- package/src/composables/private/use-panel.sass +11 -0
- package/src/composables/private/use-portal.js +100 -0
- package/src/composables/private/use-portal.json +3 -0
- package/src/composables/private/use-prevent-scroll.js +17 -0
- package/src/composables/private/use-ratio.js +18 -0
- package/src/composables/private/use-ratio.json +14 -0
- package/src/composables/private/use-refocus-target.js +33 -0
- package/src/composables/private/use-router-link.js +213 -0
- package/src/composables/private/use-router-link.json +43 -0
- package/src/composables/private/use-scroll-target.js +46 -0
- package/src/composables/private/use-size.js +22 -0
- package/src/composables/private/use-size.json +10 -0
- package/src/composables/private/use-split-attrs.js +33 -0
- package/src/composables/private/use-tick.js +39 -0
- package/src/composables/private/use-timeout.js +20 -0
- package/src/composables/private/use-transition.js +35 -0
- package/src/composables/private/use-transition.json +21 -0
- package/src/composables/private/use-validate.js +215 -0
- package/src/composables/private/use-validate.json +77 -0
- package/src/composables/use-dialog-plugin-component.js +39 -0
- package/src/composables/use-form-child.js +35 -0
- package/src/composables/use-meta.js +49 -0
- package/src/composables/use-quasar.js +10 -0
- package/src/composables.js +11 -0
- package/src/css/core/animations.sass +90 -0
- package/src/css/core/colors.sass +1788 -0
- package/src/css/core/dark.sass +7 -0
- package/src/css/core/elevation.sass +27 -0
- package/src/css/core/flex.sass +158 -0
- package/src/css/core/helpers.sass +61 -0
- package/src/css/core/mouse.sass +40 -0
- package/src/css/core/orientation.sass +18 -0
- package/src/css/core/positioning.sass +101 -0
- package/src/css/core/size.sass +75 -0
- package/src/css/core/touch.sass +9 -0
- package/src/css/core/transitions.sass +153 -0
- package/src/css/core/typography.sass +70 -0
- package/src/css/core/visibility.sass +163 -0
- package/src/css/flex-addon.sass +212 -0
- package/src/css/helpers/math.sass +42 -0
- package/src/css/helpers/string.sass +17 -0
- package/src/css/index.sass +102 -0
- package/src/css/normalize.sass +177 -0
- package/src/css/variables.sass +550 -0
- package/src/directives/ClosePopup.js +66 -0
- package/src/directives/ClosePopup.json +17 -0
- package/src/directives/Intersection.js +90 -0
- package/src/directives/Intersection.json +231 -0
- package/src/directives/Morph.js +211 -0
- package/src/directives/Morph.json +177 -0
- package/src/directives/Morph.sass +7 -0
- package/src/directives/Morph.ssr.js +45 -0
- package/src/directives/Mutation.js +63 -0
- package/src/directives/Mutation.json +124 -0
- package/src/directives/Ripple.js +141 -0
- package/src/directives/Ripple.json +105 -0
- package/src/directives/Ripple.sass +29 -0
- package/src/directives/Scroll.js +49 -0
- package/src/directives/Scroll.json +24 -0
- package/src/directives/ScrollFire.js +65 -0
- package/src/directives/ScrollFire.json +19 -0
- package/src/directives/TouchHold.js +159 -0
- package/src/directives/TouchHold.json +82 -0
- package/src/directives/TouchPan.js +410 -0
- package/src/directives/TouchPan.json +187 -0
- package/src/directives/TouchRepeat.js +241 -0
- package/src/directives/TouchRepeat.json +153 -0
- package/src/directives/TouchSwipe.js +265 -0
- package/src/directives/TouchSwipe.json +113 -0
- package/src/directives.js +25 -0
- package/src/history.js +118 -0
- package/src/icon-set.js +60 -0
- package/src/index.all.js +25 -0
- package/src/index.umd.js +28 -0
- package/src/install-quasar.js +137 -0
- package/src/lang.js +100 -0
- package/src/plugins/AddressbarColor.js +69 -0
- package/src/plugins/AddressbarColor.json +21 -0
- package/src/plugins/AppFullscreen.js +110 -0
- package/src/plugins/AppFullscreen.json +74 -0
- package/src/plugins/AppVisibility.js +40 -0
- package/src/plugins/AppVisibility.json +16 -0
- package/src/plugins/BottomSheet.js +13 -0
- package/src/plugins/BottomSheet.json +91 -0
- package/src/plugins/Cookies.js +204 -0
- package/src/plugins/Cookies.json +160 -0
- package/src/plugins/Dark.js +98 -0
- package/src/plugins/Dark.json +40 -0
- package/src/plugins/Dialog.js +13 -0
- package/src/plugins/Dialog.json +322 -0
- package/src/plugins/Loading.js +151 -0
- package/src/plugins/Loading.json +182 -0
- package/src/plugins/Loading.sass +26 -0
- package/src/plugins/LoadingBar.js +67 -0
- package/src/plugins/LoadingBar.json +58 -0
- package/src/plugins/LocalStorage.js +16 -0
- package/src/plugins/LocalStorage.json +5 -0
- package/src/plugins/Meta.js +257 -0
- package/src/plugins/Meta.json +5 -0
- package/src/plugins/Notify.js +513 -0
- package/src/plugins/Notify.json +838 -0
- package/src/plugins/Notify.sass +203 -0
- package/src/plugins/Platform.js +366 -0
- package/src/plugins/Platform.json +73 -0
- package/src/plugins/Screen.js +176 -0
- package/src/plugins/Screen.json +192 -0
- package/src/plugins/SessionStorage.js +16 -0
- package/src/plugins/SessionStorage.json +5 -0
- package/src/plugins.js +33 -0
- package/src/utils/clone.js +6 -0
- package/src/utils/colors.js +295 -0
- package/src/utils/copy-to-clipboard.js +29 -0
- package/src/utils/create-meta-mixin.js +67 -0
- package/src/utils/create-uploader-component.js +21 -0
- package/src/utils/date.js +888 -0
- package/src/utils/debounce.js +26 -0
- package/src/utils/dom.js +98 -0
- package/src/utils/event.js +170 -0
- package/src/utils/export-file.js +65 -0
- package/src/utils/extend.js +83 -0
- package/src/utils/format.js +56 -0
- package/src/utils/frame-debounce.js +22 -0
- package/src/utils/get-css-var.js +11 -0
- package/src/utils/morph.js +987 -0
- package/src/utils/open-url.js +62 -0
- package/src/utils/patterns.js +31 -0
- package/src/utils/prevent-scroll.js +195 -0
- package/src/utils/private/click-outside.js +81 -0
- package/src/utils/private/date-persian.js +281 -0
- package/src/utils/private/define-reactive-plugin.js +21 -0
- package/src/utils/private/escape-key.js +53 -0
- package/src/utils/private/focus-manager.js +36 -0
- package/src/utils/private/focusout.js +28 -0
- package/src/utils/private/global-config.js +7 -0
- package/src/utils/private/global-dialog.js +161 -0
- package/src/utils/private/global-dialog.json +123 -0
- package/src/utils/private/global-nodes.js +43 -0
- package/src/utils/private/is.js +150 -0
- package/src/utils/private/key-composition.js +18 -0
- package/src/utils/private/noop-ssr-directive-transform.js +1 -0
- package/src/utils/private/option-sizes.js +7 -0
- package/src/utils/private/portal.js +56 -0
- package/src/utils/private/position-engine.js +244 -0
- package/src/utils/private/render.js +63 -0
- package/src/utils/private/selection.js +17 -0
- package/src/utils/private/sort.js +20 -0
- package/src/utils/private/symbols.js +9 -0
- package/src/utils/private/touch.js +55 -0
- package/src/utils/private/vm.js +38 -0
- package/src/utils/private/web-storage.js +135 -0
- package/src/utils/private/web-storage.json +150 -0
- package/src/utils/scroll.js +198 -0
- package/src/utils/set-css-var.js +13 -0
- package/src/utils/throttle.js +13 -0
- package/src/utils/uid.js +72 -0
- package/src/utils.js +46 -0
- package/src/vue-plugin.js +10 -0
- package/wrappers/index.js +31 -0
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
{
|
|
2
|
+
"type": "directive",
|
|
3
|
+
"meta": {
|
|
4
|
+
"docsUrl": "https://v2.quasar.dev/vue-directives/mutation"
|
|
5
|
+
},
|
|
6
|
+
"value": {
|
|
7
|
+
"type": [
|
|
8
|
+
"Function"
|
|
9
|
+
],
|
|
10
|
+
"desc": "Function to call when mutation occurs; It is HIGHLY recommended to reference it from your vue component scope, otherwise the directive update cycle will continuously recreate the observer which hits performance hard",
|
|
11
|
+
"examples": [
|
|
12
|
+
"v-intersection=\"myHandler\""
|
|
13
|
+
],
|
|
14
|
+
"returns": {
|
|
15
|
+
"type": "Boolean",
|
|
16
|
+
"desc": "If you return Boolean false from the handler, the observer stops"
|
|
17
|
+
},
|
|
18
|
+
"params": {
|
|
19
|
+
"mutationList": {
|
|
20
|
+
"type": "Array",
|
|
21
|
+
"desc": "Array of MutationRecord items",
|
|
22
|
+
"definition": {
|
|
23
|
+
"type": {
|
|
24
|
+
"type": "String",
|
|
25
|
+
"desc": "Type of mutation",
|
|
26
|
+
"values": [
|
|
27
|
+
"childList",
|
|
28
|
+
"attributes",
|
|
29
|
+
"characterData"
|
|
30
|
+
]
|
|
31
|
+
},
|
|
32
|
+
"target": {
|
|
33
|
+
"type": "Object",
|
|
34
|
+
"desc": "The DOM element that the mutation affected, depending on the mutation type"
|
|
35
|
+
},
|
|
36
|
+
"addedNodes": {
|
|
37
|
+
"type": "Array",
|
|
38
|
+
"desc": "The NodeList of the nodes that have been added"
|
|
39
|
+
},
|
|
40
|
+
"removedNodes": {
|
|
41
|
+
"type": "Array",
|
|
42
|
+
"desc": "The NodeList of the nodes that have been removed"
|
|
43
|
+
},
|
|
44
|
+
"previousSibling": {
|
|
45
|
+
"type": "Object",
|
|
46
|
+
"desc": "The previous sibling of the added or removed nodes, or null"
|
|
47
|
+
},
|
|
48
|
+
"nextSibling": {
|
|
49
|
+
"type": "Object",
|
|
50
|
+
"desc": "The next sibling of the added or removed nodes, or null"
|
|
51
|
+
},
|
|
52
|
+
"attributeName": {
|
|
53
|
+
"type": "String",
|
|
54
|
+
"desc": "The local name of the changed attribute, or null",
|
|
55
|
+
"examples": [
|
|
56
|
+
"some-attribute"
|
|
57
|
+
]
|
|
58
|
+
},
|
|
59
|
+
"attributeNamespace": {
|
|
60
|
+
"type": "String",
|
|
61
|
+
"desc": "The namespace of the changed attribute, or null"
|
|
62
|
+
},
|
|
63
|
+
"oldValue": {
|
|
64
|
+
"type": "String",
|
|
65
|
+
"desc": "Value depends on the mutation type; For attributes, it is the value of the changed attribute before the change; For characterData it is data of the changed node before the change; For childList it is null; Note that for this to work as expected, attributeOldValue or characterDataOldValue must be set"
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"modifiers": {
|
|
72
|
+
"once": {
|
|
73
|
+
"type": "Boolean",
|
|
74
|
+
"desc": "Call handler only once, when the first mutation was triggered, then stop monitoring",
|
|
75
|
+
"examples": [
|
|
76
|
+
"v-mutation.once"
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
"childList": {
|
|
80
|
+
"type": "Boolean",
|
|
81
|
+
"desc": "Monitor the target node (and, if 'subtree' is also set, its descendants) for the addition of new child nodes or removal of existing child nodes",
|
|
82
|
+
"examples": [
|
|
83
|
+
"v-mutation.childList"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
"subtree": {
|
|
87
|
+
"type": "Boolean",
|
|
88
|
+
"desc": "Extend monitoring to the entire subtree of nodes rooted at target",
|
|
89
|
+
"examples": [
|
|
90
|
+
"v-mutation.subtree"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
"attributes": {
|
|
94
|
+
"type": "Boolean",
|
|
95
|
+
"desc": "Watch for changes to the value of attributes on the node or nodes being monitored",
|
|
96
|
+
"examples": [
|
|
97
|
+
"v-mutation.attributes"
|
|
98
|
+
]
|
|
99
|
+
},
|
|
100
|
+
"characterData": {
|
|
101
|
+
"type": "Boolean",
|
|
102
|
+
"desc": "Monitor the specified target node or subtree for changes to the character data contained within the node or nodes",
|
|
103
|
+
"examples": [
|
|
104
|
+
"v-mutation.characterData"
|
|
105
|
+
]
|
|
106
|
+
},
|
|
107
|
+
"attributeOldValue": {
|
|
108
|
+
"type": "Boolean",
|
|
109
|
+
"desc": "Record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes",
|
|
110
|
+
"examples": [
|
|
111
|
+
"v-mutation.attributeOldValue"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
"characterDataOldValue": {
|
|
115
|
+
"type": "Boolean",
|
|
116
|
+
"desc": "Record the previous value of a node's text whenever the text changes on nodes being monitored",
|
|
117
|
+
"examples": [
|
|
118
|
+
"v-mutation.characterDataOldValue"
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
@@ -0,0 +1,1068 @@
|
|
|
1
|
+
{
|
|
2
|
+
"type": "plugin",
|
|
3
|
+
"meta": {
|
|
4
|
+
"docsUrl": "https://v2.quasar.dev/quasar-plugins/notify"
|
|
5
|
+
},
|
|
6
|
+
"injection": "$q.notify",
|
|
7
|
+
"quasarConfOptions": {
|
|
8
|
+
"propName": "notify",
|
|
9
|
+
"definition": {
|
|
10
|
+
"type": {
|
|
11
|
+
"type": "String",
|
|
12
|
+
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
13
|
+
"examples": [
|
|
14
|
+
"negative",
|
|
15
|
+
"custom-type"
|
|
16
|
+
]
|
|
17
|
+
},
|
|
18
|
+
"color": {
|
|
19
|
+
"type": "String",
|
|
20
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
21
|
+
"examples": [
|
|
22
|
+
"primary",
|
|
23
|
+
"teal-10"
|
|
24
|
+
],
|
|
25
|
+
"category": "style"
|
|
26
|
+
},
|
|
27
|
+
"textColor": {
|
|
28
|
+
"type": "String",
|
|
29
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
30
|
+
"examples": [
|
|
31
|
+
"primary",
|
|
32
|
+
"teal-10"
|
|
33
|
+
],
|
|
34
|
+
"category": "style"
|
|
35
|
+
},
|
|
36
|
+
"message": {
|
|
37
|
+
"type": "String",
|
|
38
|
+
"desc": "The content of your message",
|
|
39
|
+
"examples": [
|
|
40
|
+
"John Doe pinged you"
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
"caption": {
|
|
44
|
+
"type": "String",
|
|
45
|
+
"desc": "The content of your optional caption",
|
|
46
|
+
"examples": [
|
|
47
|
+
"5 minutes ago"
|
|
48
|
+
]
|
|
49
|
+
},
|
|
50
|
+
"html": {
|
|
51
|
+
"type": "Boolean",
|
|
52
|
+
"desc": "Render the message as HTML; This can lead to XSS attacks so make sure that you sanitize the message first"
|
|
53
|
+
},
|
|
54
|
+
"icon": {
|
|
55
|
+
"type": "String",
|
|
56
|
+
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
|
|
57
|
+
"examples": [
|
|
58
|
+
"map",
|
|
59
|
+
"ion-add",
|
|
60
|
+
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
61
|
+
"img:statics/path/to/some_image.png"
|
|
62
|
+
],
|
|
63
|
+
"category": "content"
|
|
64
|
+
},
|
|
65
|
+
"avatar": {
|
|
66
|
+
"type": "String",
|
|
67
|
+
"desc": "URL to an avatar/image; Suggestion: use statics folder",
|
|
68
|
+
"examples": [
|
|
69
|
+
"(statics folder) statics/img/something.png",
|
|
70
|
+
"(relative path format) require('./my_img.jpg')",
|
|
71
|
+
"(URL) https://some-site.net/some-img.gif"
|
|
72
|
+
]
|
|
73
|
+
},
|
|
74
|
+
"spinner": {
|
|
75
|
+
"type": "Boolean",
|
|
76
|
+
"desc": "Useful for notifications that are updated; Displays the default Quasar spinner instead of an avatar or icon"
|
|
77
|
+
},
|
|
78
|
+
"position": {
|
|
79
|
+
"type": "String",
|
|
80
|
+
"desc": "Window side/corner to stick to",
|
|
81
|
+
"default": "bottom",
|
|
82
|
+
"values": [
|
|
83
|
+
"top-left",
|
|
84
|
+
"top-right",
|
|
85
|
+
"bottom-left",
|
|
86
|
+
"bottom-right",
|
|
87
|
+
"top",
|
|
88
|
+
"bottom",
|
|
89
|
+
"left",
|
|
90
|
+
"right",
|
|
91
|
+
"center"
|
|
92
|
+
],
|
|
93
|
+
"examples": [
|
|
94
|
+
"top-right"
|
|
95
|
+
]
|
|
96
|
+
},
|
|
97
|
+
"group": {
|
|
98
|
+
"type": [
|
|
99
|
+
"Boolean",
|
|
100
|
+
"String",
|
|
101
|
+
"Number"
|
|
102
|
+
],
|
|
103
|
+
"desc": "Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered",
|
|
104
|
+
"default": "(message + caption + multiline + actions labels + position)",
|
|
105
|
+
"examples": [
|
|
106
|
+
"my-group"
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
"badgeColor": {
|
|
110
|
+
"type": "String",
|
|
111
|
+
"desc": "Color name for the badge from the Quasar Color Palette",
|
|
112
|
+
"examples": [
|
|
113
|
+
"primary",
|
|
114
|
+
"teal-10"
|
|
115
|
+
],
|
|
116
|
+
"category": "style"
|
|
117
|
+
},
|
|
118
|
+
"badgeTextColor": {
|
|
119
|
+
"type": "String",
|
|
120
|
+
"desc": "Color name for the badge text from the Quasar Color Palette",
|
|
121
|
+
"examples": [
|
|
122
|
+
"primary",
|
|
123
|
+
"teal-10"
|
|
124
|
+
],
|
|
125
|
+
"category": "style"
|
|
126
|
+
},
|
|
127
|
+
"badgePosition": {
|
|
128
|
+
"type": "String",
|
|
129
|
+
"desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
|
|
130
|
+
"default": "(top-left/top-right)",
|
|
131
|
+
"values": [
|
|
132
|
+
"top-left",
|
|
133
|
+
"top-right",
|
|
134
|
+
"bottom-left",
|
|
135
|
+
"bottom-right"
|
|
136
|
+
],
|
|
137
|
+
"examples": [
|
|
138
|
+
"bottom-right"
|
|
139
|
+
]
|
|
140
|
+
},
|
|
141
|
+
"badgeStyle": {
|
|
142
|
+
"type": "String",
|
|
143
|
+
"desc": "Style definitions to be attributed to the badge",
|
|
144
|
+
"examples": [
|
|
145
|
+
"background-color: #ff0000"
|
|
146
|
+
]
|
|
147
|
+
},
|
|
148
|
+
"badgeClass": {
|
|
149
|
+
"type": "String",
|
|
150
|
+
"desc": "Class definitions to be attributed to the badge",
|
|
151
|
+
"examples": [
|
|
152
|
+
"my-special-class"
|
|
153
|
+
]
|
|
154
|
+
},
|
|
155
|
+
"progress": {
|
|
156
|
+
"type": "Boolean",
|
|
157
|
+
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
158
|
+
},
|
|
159
|
+
"progressClass": {
|
|
160
|
+
"type": "String",
|
|
161
|
+
"desc": "Class definitions to be attributed to the progress bar",
|
|
162
|
+
"examples": [
|
|
163
|
+
"my-special-class"
|
|
164
|
+
]
|
|
165
|
+
},
|
|
166
|
+
"classes": {
|
|
167
|
+
"type": "String",
|
|
168
|
+
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
169
|
+
"examples": [
|
|
170
|
+
"my-notif-class"
|
|
171
|
+
]
|
|
172
|
+
},
|
|
173
|
+
"attrs": {
|
|
174
|
+
"type": "Object",
|
|
175
|
+
"desc": "Key-value for attributes to be set on the notification",
|
|
176
|
+
"examples": [
|
|
177
|
+
"{ role: 'alertdialog' }"
|
|
178
|
+
]
|
|
179
|
+
},
|
|
180
|
+
"timeout": {
|
|
181
|
+
"type": "Number",
|
|
182
|
+
"desc": "Amount of time to display (in milliseconds)",
|
|
183
|
+
"default": 5000,
|
|
184
|
+
"examples": [
|
|
185
|
+
2500
|
|
186
|
+
]
|
|
187
|
+
},
|
|
188
|
+
"closeBtn": {
|
|
189
|
+
"type": [
|
|
190
|
+
"Boolean",
|
|
191
|
+
"String"
|
|
192
|
+
],
|
|
193
|
+
"desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' convoluted prop",
|
|
194
|
+
"examples": [
|
|
195
|
+
"Close me"
|
|
196
|
+
]
|
|
197
|
+
},
|
|
198
|
+
"multiLine": {
|
|
199
|
+
"type": "Boolean",
|
|
200
|
+
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
"methods": {
|
|
205
|
+
"create": {
|
|
206
|
+
"tsInjectionPoint": true,
|
|
207
|
+
"desc": "Creates a notification; Same as calling $q.notify(...)",
|
|
208
|
+
"params": {
|
|
209
|
+
"opts": {
|
|
210
|
+
"type": [
|
|
211
|
+
"Object",
|
|
212
|
+
"String"
|
|
213
|
+
],
|
|
214
|
+
"desc": "Notification options",
|
|
215
|
+
"definition": {
|
|
216
|
+
"type": {
|
|
217
|
+
"type": "String",
|
|
218
|
+
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
219
|
+
"examples": [
|
|
220
|
+
"negative",
|
|
221
|
+
"custom-type"
|
|
222
|
+
]
|
|
223
|
+
},
|
|
224
|
+
"color": {
|
|
225
|
+
"type": "String",
|
|
226
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
227
|
+
"examples": [
|
|
228
|
+
"primary",
|
|
229
|
+
"teal-10"
|
|
230
|
+
],
|
|
231
|
+
"category": "style"
|
|
232
|
+
},
|
|
233
|
+
"textColor": {
|
|
234
|
+
"type": "String",
|
|
235
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
236
|
+
"examples": [
|
|
237
|
+
"primary",
|
|
238
|
+
"teal-10"
|
|
239
|
+
],
|
|
240
|
+
"category": "style"
|
|
241
|
+
},
|
|
242
|
+
"message": {
|
|
243
|
+
"type": "String",
|
|
244
|
+
"desc": "The content of your message",
|
|
245
|
+
"examples": [
|
|
246
|
+
"John Doe pinged you"
|
|
247
|
+
]
|
|
248
|
+
},
|
|
249
|
+
"caption": {
|
|
250
|
+
"type": "String",
|
|
251
|
+
"desc": "The content of your optional caption",
|
|
252
|
+
"examples": [
|
|
253
|
+
"5 minutes ago"
|
|
254
|
+
]
|
|
255
|
+
},
|
|
256
|
+
"html": {
|
|
257
|
+
"type": "Boolean",
|
|
258
|
+
"desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
|
|
259
|
+
},
|
|
260
|
+
"icon": {
|
|
261
|
+
"type": "String",
|
|
262
|
+
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
|
|
263
|
+
"examples": [
|
|
264
|
+
"map",
|
|
265
|
+
"ion-add",
|
|
266
|
+
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
267
|
+
"img:statics/path/to/some_image.png"
|
|
268
|
+
],
|
|
269
|
+
"category": "content"
|
|
270
|
+
},
|
|
271
|
+
"avatar": {
|
|
272
|
+
"type": "String",
|
|
273
|
+
"desc": "URL to an avatar/image; Suggestion: use statics folder",
|
|
274
|
+
"examples": [
|
|
275
|
+
"(statics folder) statics/img/something.png",
|
|
276
|
+
"(relative path format) require('./my_img.jpg')",
|
|
277
|
+
"(URL) https://some-site.net/some-img.gif"
|
|
278
|
+
]
|
|
279
|
+
},
|
|
280
|
+
"spinner": {
|
|
281
|
+
"type": [
|
|
282
|
+
"Boolean",
|
|
283
|
+
"Component"
|
|
284
|
+
],
|
|
285
|
+
"desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
|
|
286
|
+
},
|
|
287
|
+
"position": {
|
|
288
|
+
"type": "String",
|
|
289
|
+
"desc": "Window side/corner to stick to",
|
|
290
|
+
"default": "bottom",
|
|
291
|
+
"values": [
|
|
292
|
+
"top-left",
|
|
293
|
+
"top-right",
|
|
294
|
+
"bottom-left",
|
|
295
|
+
"bottom-right",
|
|
296
|
+
"top",
|
|
297
|
+
"bottom",
|
|
298
|
+
"left",
|
|
299
|
+
"right",
|
|
300
|
+
"center"
|
|
301
|
+
],
|
|
302
|
+
"examples": [
|
|
303
|
+
"top-right"
|
|
304
|
+
]
|
|
305
|
+
},
|
|
306
|
+
"group": {
|
|
307
|
+
"type": [
|
|
308
|
+
"Boolean",
|
|
309
|
+
"String",
|
|
310
|
+
"Number"
|
|
311
|
+
],
|
|
312
|
+
"desc": "Override the auto generated group with custom one; Grouped notifications cannot be updated; String or number value inform this is part of a specific group, regardless of its options; When a new notification is triggered with same group name, it replaces the old one and shows a badge with how many times the notification was triggered",
|
|
313
|
+
"default": "(message + caption + multiline + actions labels + position)",
|
|
314
|
+
"examples": [
|
|
315
|
+
"my-group"
|
|
316
|
+
]
|
|
317
|
+
},
|
|
318
|
+
"badgeColor": {
|
|
319
|
+
"type": "String",
|
|
320
|
+
"desc": "Color name for the badge from the Quasar Color Palette",
|
|
321
|
+
"examples": [
|
|
322
|
+
"primary",
|
|
323
|
+
"teal-10"
|
|
324
|
+
],
|
|
325
|
+
"category": "style"
|
|
326
|
+
},
|
|
327
|
+
"badgeTextColor": {
|
|
328
|
+
"type": "String",
|
|
329
|
+
"desc": "Color name for the badge text from the Quasar Color Palette",
|
|
330
|
+
"examples": [
|
|
331
|
+
"primary",
|
|
332
|
+
"teal-10"
|
|
333
|
+
],
|
|
334
|
+
"category": "style"
|
|
335
|
+
},
|
|
336
|
+
"badgePosition": {
|
|
337
|
+
"type": "String",
|
|
338
|
+
"desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
|
|
339
|
+
"default": "(top-left/top-right)",
|
|
340
|
+
"values": [
|
|
341
|
+
"top-left",
|
|
342
|
+
"top-right",
|
|
343
|
+
"bottom-left",
|
|
344
|
+
"bottom-right"
|
|
345
|
+
],
|
|
346
|
+
"examples": [
|
|
347
|
+
"bottom-right"
|
|
348
|
+
]
|
|
349
|
+
},
|
|
350
|
+
"badgeStyle": {
|
|
351
|
+
"type": [
|
|
352
|
+
"Array",
|
|
353
|
+
"String",
|
|
354
|
+
"Object"
|
|
355
|
+
],
|
|
356
|
+
"desc": "Style definitions to be attributed to the badge",
|
|
357
|
+
"examples": [
|
|
358
|
+
"background-color: #ff0000",
|
|
359
|
+
":content-style=\"{ backgroundColor: '#ff0000' }\""
|
|
360
|
+
]
|
|
361
|
+
},
|
|
362
|
+
"badgeClass": {
|
|
363
|
+
"type": [
|
|
364
|
+
"Array",
|
|
365
|
+
"String",
|
|
366
|
+
"Object"
|
|
367
|
+
],
|
|
368
|
+
"desc": "Class definitions to be attributed to the badge",
|
|
369
|
+
"examples": [
|
|
370
|
+
"my-special-class",
|
|
371
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
372
|
+
]
|
|
373
|
+
},
|
|
374
|
+
"progress": {
|
|
375
|
+
"type": "Boolean",
|
|
376
|
+
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
377
|
+
},
|
|
378
|
+
"progressClass": {
|
|
379
|
+
"type": [
|
|
380
|
+
"Array",
|
|
381
|
+
"String",
|
|
382
|
+
"Object"
|
|
383
|
+
],
|
|
384
|
+
"desc": "Class definitions to be attributed to the progress bar",
|
|
385
|
+
"examples": [
|
|
386
|
+
"my-special-class",
|
|
387
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
388
|
+
]
|
|
389
|
+
},
|
|
390
|
+
"classes": {
|
|
391
|
+
"type": "String",
|
|
392
|
+
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
393
|
+
"examples": [
|
|
394
|
+
"my-notif-class"
|
|
395
|
+
]
|
|
396
|
+
},
|
|
397
|
+
"attrs": {
|
|
398
|
+
"type": "Object",
|
|
399
|
+
"desc": "Key-value for attributes to be set on the notification",
|
|
400
|
+
"examples": [
|
|
401
|
+
"{ role: 'alertdialog' }"
|
|
402
|
+
]
|
|
403
|
+
},
|
|
404
|
+
"timeout": {
|
|
405
|
+
"type": "Number",
|
|
406
|
+
"desc": "Amount of time to display (in milliseconds)",
|
|
407
|
+
"default": 5000,
|
|
408
|
+
"examples": [
|
|
409
|
+
2500
|
|
410
|
+
]
|
|
411
|
+
},
|
|
412
|
+
"actions": {
|
|
413
|
+
"type": "Array",
|
|
414
|
+
"desc": "Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop",
|
|
415
|
+
"examples": [
|
|
416
|
+
"[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: (Function) } ]"
|
|
417
|
+
]
|
|
418
|
+
},
|
|
419
|
+
"onDismiss": {
|
|
420
|
+
"type": "Function",
|
|
421
|
+
"desc": "Function to call when notification gets dismissed",
|
|
422
|
+
"params": null,
|
|
423
|
+
"returns": null,
|
|
424
|
+
"examples": [
|
|
425
|
+
"() => { console.log('Dismissed') }"
|
|
426
|
+
]
|
|
427
|
+
},
|
|
428
|
+
"closeBtn": {
|
|
429
|
+
"type": [
|
|
430
|
+
"Boolean",
|
|
431
|
+
"String"
|
|
432
|
+
],
|
|
433
|
+
"desc": "Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language",
|
|
434
|
+
"examples": [
|
|
435
|
+
"Close me"
|
|
436
|
+
]
|
|
437
|
+
},
|
|
438
|
+
"multiLine": {
|
|
439
|
+
"type": "Boolean",
|
|
440
|
+
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
441
|
+
},
|
|
442
|
+
"ignoreDefaults": {
|
|
443
|
+
"type": "Boolean",
|
|
444
|
+
"desc": "Ignore the default configuration (set by setDefaults()) for this instance only"
|
|
445
|
+
}
|
|
446
|
+
},
|
|
447
|
+
"required": true
|
|
448
|
+
}
|
|
449
|
+
},
|
|
450
|
+
"returns": {
|
|
451
|
+
"type": "Function",
|
|
452
|
+
"desc": "Calling this function with no parameters hides the notification; When called with one Object parameter (the original notification must NOT be grouped), it updates the notification (specified properties are shallow merged with previous ones; note that group and position cannot be changed while updating and so they are ignored)",
|
|
453
|
+
"params": {
|
|
454
|
+
"props": {
|
|
455
|
+
"type": "Object",
|
|
456
|
+
"desc": "Notification properties that will be shallow merged to previous ones in order to update the non-grouped notification",
|
|
457
|
+
"definition": {
|
|
458
|
+
"type": {
|
|
459
|
+
"type": "String",
|
|
460
|
+
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
461
|
+
"examples": [
|
|
462
|
+
"negative",
|
|
463
|
+
"custom-type"
|
|
464
|
+
]
|
|
465
|
+
},
|
|
466
|
+
"color": {
|
|
467
|
+
"type": "String",
|
|
468
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
469
|
+
"examples": [
|
|
470
|
+
"primary",
|
|
471
|
+
"teal-10"
|
|
472
|
+
],
|
|
473
|
+
"category": "style"
|
|
474
|
+
},
|
|
475
|
+
"textColor": {
|
|
476
|
+
"type": "String",
|
|
477
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
478
|
+
"examples": [
|
|
479
|
+
"primary",
|
|
480
|
+
"teal-10"
|
|
481
|
+
],
|
|
482
|
+
"category": "style"
|
|
483
|
+
},
|
|
484
|
+
"message": {
|
|
485
|
+
"type": "String",
|
|
486
|
+
"desc": "The content of your message",
|
|
487
|
+
"examples": [
|
|
488
|
+
"John Doe pinged you"
|
|
489
|
+
]
|
|
490
|
+
},
|
|
491
|
+
"caption": {
|
|
492
|
+
"type": "String",
|
|
493
|
+
"desc": "The content of your optional caption",
|
|
494
|
+
"examples": [
|
|
495
|
+
"5 minutes ago"
|
|
496
|
+
]
|
|
497
|
+
},
|
|
498
|
+
"html": {
|
|
499
|
+
"type": "Boolean",
|
|
500
|
+
"desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
|
|
501
|
+
},
|
|
502
|
+
"icon": {
|
|
503
|
+
"type": "String",
|
|
504
|
+
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
|
|
505
|
+
"examples": [
|
|
506
|
+
"map",
|
|
507
|
+
"ion-add",
|
|
508
|
+
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
509
|
+
"img:statics/path/to/some_image.png"
|
|
510
|
+
],
|
|
511
|
+
"category": "content"
|
|
512
|
+
},
|
|
513
|
+
"avatar": {
|
|
514
|
+
"type": "String",
|
|
515
|
+
"desc": "URL to an avatar/image; Suggestion: use statics folder",
|
|
516
|
+
"examples": [
|
|
517
|
+
"(statics folder) statics/img/something.png",
|
|
518
|
+
"(relative path format) require('./my_img.jpg')",
|
|
519
|
+
"(URL) https://some-site.net/some-img.gif"
|
|
520
|
+
]
|
|
521
|
+
},
|
|
522
|
+
"spinner": {
|
|
523
|
+
"type": [
|
|
524
|
+
"Boolean",
|
|
525
|
+
"Component"
|
|
526
|
+
],
|
|
527
|
+
"desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
|
|
528
|
+
},
|
|
529
|
+
"progress": {
|
|
530
|
+
"type": "Boolean",
|
|
531
|
+
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
532
|
+
},
|
|
533
|
+
"progressClass": {
|
|
534
|
+
"type": [
|
|
535
|
+
"Array",
|
|
536
|
+
"String",
|
|
537
|
+
"Object"
|
|
538
|
+
],
|
|
539
|
+
"desc": "Class definitions to be attributed to the progress bar",
|
|
540
|
+
"examples": [
|
|
541
|
+
"my-special-class",
|
|
542
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
543
|
+
]
|
|
544
|
+
},
|
|
545
|
+
"classes": {
|
|
546
|
+
"type": "String",
|
|
547
|
+
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
548
|
+
"examples": [
|
|
549
|
+
"my-notif-class"
|
|
550
|
+
]
|
|
551
|
+
},
|
|
552
|
+
"attrs": {
|
|
553
|
+
"type": "Object",
|
|
554
|
+
"desc": "Key-value for attributes to be set on the notification",
|
|
555
|
+
"examples": [
|
|
556
|
+
"{ role: 'alertdialog' }"
|
|
557
|
+
]
|
|
558
|
+
},
|
|
559
|
+
"timeout": {
|
|
560
|
+
"type": "Number",
|
|
561
|
+
"desc": "Amount of time to display (in milliseconds)",
|
|
562
|
+
"default": 5000,
|
|
563
|
+
"examples": [
|
|
564
|
+
2500
|
|
565
|
+
]
|
|
566
|
+
},
|
|
567
|
+
"actions": {
|
|
568
|
+
"type": "Array",
|
|
569
|
+
"desc": "Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop",
|
|
570
|
+
"examples": [
|
|
571
|
+
"[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: (Function) } ]"
|
|
572
|
+
]
|
|
573
|
+
},
|
|
574
|
+
"onDismiss": {
|
|
575
|
+
"type": "Function",
|
|
576
|
+
"desc": "Function to call when notification gets dismissed",
|
|
577
|
+
"params": null,
|
|
578
|
+
"returns": null,
|
|
579
|
+
"examples": [
|
|
580
|
+
"() => { console.log('Dismissed') }"
|
|
581
|
+
]
|
|
582
|
+
},
|
|
583
|
+
"closeBtn": {
|
|
584
|
+
"type": [
|
|
585
|
+
"Boolean",
|
|
586
|
+
"String"
|
|
587
|
+
],
|
|
588
|
+
"desc": "Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language",
|
|
589
|
+
"examples": [
|
|
590
|
+
"Close me"
|
|
591
|
+
]
|
|
592
|
+
},
|
|
593
|
+
"multiLine": {
|
|
594
|
+
"type": "Boolean",
|
|
595
|
+
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
596
|
+
},
|
|
597
|
+
"ignoreDefaults": {
|
|
598
|
+
"type": "Boolean",
|
|
599
|
+
"desc": "Ignore the default configuration (set by setDefaults()) for this instance only"
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
}
|
|
603
|
+
},
|
|
604
|
+
"returns": null
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"setDefaults": {
|
|
608
|
+
"desc": "Merge options into the default ones",
|
|
609
|
+
"params": {
|
|
610
|
+
"opts": {
|
|
611
|
+
"type": "Object",
|
|
612
|
+
"desc": "Notification options",
|
|
613
|
+
"definition": {
|
|
614
|
+
"type": {
|
|
615
|
+
"type": "String",
|
|
616
|
+
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
617
|
+
"examples": [
|
|
618
|
+
"negative",
|
|
619
|
+
"custom-type"
|
|
620
|
+
]
|
|
621
|
+
},
|
|
622
|
+
"color": {
|
|
623
|
+
"type": "String",
|
|
624
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
625
|
+
"examples": [
|
|
626
|
+
"primary",
|
|
627
|
+
"teal-10"
|
|
628
|
+
],
|
|
629
|
+
"category": "style"
|
|
630
|
+
},
|
|
631
|
+
"textColor": {
|
|
632
|
+
"type": "String",
|
|
633
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
634
|
+
"examples": [
|
|
635
|
+
"primary",
|
|
636
|
+
"teal-10"
|
|
637
|
+
],
|
|
638
|
+
"category": "style"
|
|
639
|
+
},
|
|
640
|
+
"message": {
|
|
641
|
+
"type": "String",
|
|
642
|
+
"desc": "The content of your message",
|
|
643
|
+
"examples": [
|
|
644
|
+
"John Doe pinged you"
|
|
645
|
+
]
|
|
646
|
+
},
|
|
647
|
+
"caption": {
|
|
648
|
+
"type": "String",
|
|
649
|
+
"desc": "The content of your optional caption",
|
|
650
|
+
"examples": [
|
|
651
|
+
"5 minutes ago"
|
|
652
|
+
]
|
|
653
|
+
},
|
|
654
|
+
"html": {
|
|
655
|
+
"type": "Boolean",
|
|
656
|
+
"desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
|
|
657
|
+
},
|
|
658
|
+
"icon": {
|
|
659
|
+
"type": "String",
|
|
660
|
+
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
|
|
661
|
+
"examples": [
|
|
662
|
+
"map",
|
|
663
|
+
"ion-add",
|
|
664
|
+
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
665
|
+
"img:statics/path/to/some_image.png"
|
|
666
|
+
],
|
|
667
|
+
"category": "content"
|
|
668
|
+
},
|
|
669
|
+
"avatar": {
|
|
670
|
+
"type": "String",
|
|
671
|
+
"desc": "URL to an avatar/image; Suggestion: use statics folder",
|
|
672
|
+
"examples": [
|
|
673
|
+
"(statics folder) statics/img/something.png",
|
|
674
|
+
"(relative path format) require('./my_img.jpg')",
|
|
675
|
+
"(URL) https://some-site.net/some-img.gif"
|
|
676
|
+
]
|
|
677
|
+
},
|
|
678
|
+
"spinner": {
|
|
679
|
+
"type": [
|
|
680
|
+
"Boolean",
|
|
681
|
+
"Component"
|
|
682
|
+
],
|
|
683
|
+
"desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
|
|
684
|
+
},
|
|
685
|
+
"position": {
|
|
686
|
+
"type": "String",
|
|
687
|
+
"desc": "Window side/corner to stick to",
|
|
688
|
+
"default": "bottom",
|
|
689
|
+
"values": [
|
|
690
|
+
"top-left",
|
|
691
|
+
"top-right",
|
|
692
|
+
"bottom-left",
|
|
693
|
+
"bottom-right",
|
|
694
|
+
"top",
|
|
695
|
+
"bottom",
|
|
696
|
+
"left",
|
|
697
|
+
"right",
|
|
698
|
+
"center"
|
|
699
|
+
],
|
|
700
|
+
"examples": [
|
|
701
|
+
"top-right"
|
|
702
|
+
]
|
|
703
|
+
},
|
|
704
|
+
"badgeColor": {
|
|
705
|
+
"type": "String",
|
|
706
|
+
"desc": "Color name for the badge from the Quasar Color Palette",
|
|
707
|
+
"examples": [
|
|
708
|
+
"primary",
|
|
709
|
+
"teal-10"
|
|
710
|
+
],
|
|
711
|
+
"category": "style"
|
|
712
|
+
},
|
|
713
|
+
"badgeTextColor": {
|
|
714
|
+
"type": "String",
|
|
715
|
+
"desc": "Color name for the badge text from the Quasar Color Palette",
|
|
716
|
+
"examples": [
|
|
717
|
+
"primary",
|
|
718
|
+
"teal-10"
|
|
719
|
+
],
|
|
720
|
+
"category": "style"
|
|
721
|
+
},
|
|
722
|
+
"badgePosition": {
|
|
723
|
+
"type": "String",
|
|
724
|
+
"desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
|
|
725
|
+
"default": "(top-left/top-right)",
|
|
726
|
+
"values": [
|
|
727
|
+
"top-left",
|
|
728
|
+
"top-right",
|
|
729
|
+
"bottom-left",
|
|
730
|
+
"bottom-right"
|
|
731
|
+
],
|
|
732
|
+
"examples": [
|
|
733
|
+
"bottom-right"
|
|
734
|
+
]
|
|
735
|
+
},
|
|
736
|
+
"badgeStyle": {
|
|
737
|
+
"type": [
|
|
738
|
+
"Array",
|
|
739
|
+
"String",
|
|
740
|
+
"Object"
|
|
741
|
+
],
|
|
742
|
+
"desc": "Style definitions to be attributed to the badge",
|
|
743
|
+
"examples": [
|
|
744
|
+
"background-color: #ff0000",
|
|
745
|
+
":content-style=\"{ backgroundColor: '#ff0000' }\""
|
|
746
|
+
]
|
|
747
|
+
},
|
|
748
|
+
"badgeClass": {
|
|
749
|
+
"type": [
|
|
750
|
+
"Array",
|
|
751
|
+
"String",
|
|
752
|
+
"Object"
|
|
753
|
+
],
|
|
754
|
+
"desc": "Class definitions to be attributed to the badge",
|
|
755
|
+
"examples": [
|
|
756
|
+
"my-special-class",
|
|
757
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
758
|
+
]
|
|
759
|
+
},
|
|
760
|
+
"progress": {
|
|
761
|
+
"type": "Boolean",
|
|
762
|
+
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
763
|
+
},
|
|
764
|
+
"progressClass": {
|
|
765
|
+
"type": [
|
|
766
|
+
"Array",
|
|
767
|
+
"String",
|
|
768
|
+
"Object"
|
|
769
|
+
],
|
|
770
|
+
"desc": "Class definitions to be attributed to the progress bar",
|
|
771
|
+
"examples": [
|
|
772
|
+
"my-special-class",
|
|
773
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
774
|
+
]
|
|
775
|
+
},
|
|
776
|
+
"classes": {
|
|
777
|
+
"type": "String",
|
|
778
|
+
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
779
|
+
"examples": [
|
|
780
|
+
"my-notif-class"
|
|
781
|
+
]
|
|
782
|
+
},
|
|
783
|
+
"attrs": {
|
|
784
|
+
"type": "Object",
|
|
785
|
+
"desc": "Key-value for attributes to be set on the notification",
|
|
786
|
+
"examples": [
|
|
787
|
+
"{ role: 'alertdialog' }"
|
|
788
|
+
]
|
|
789
|
+
},
|
|
790
|
+
"timeout": {
|
|
791
|
+
"type": "Number",
|
|
792
|
+
"desc": "Amount of time to display (in milliseconds)",
|
|
793
|
+
"default": 5000,
|
|
794
|
+
"examples": [
|
|
795
|
+
2500
|
|
796
|
+
]
|
|
797
|
+
},
|
|
798
|
+
"actions": {
|
|
799
|
+
"type": "Array",
|
|
800
|
+
"desc": "Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop",
|
|
801
|
+
"examples": [
|
|
802
|
+
"[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' } ]"
|
|
803
|
+
]
|
|
804
|
+
},
|
|
805
|
+
"onDismiss": {
|
|
806
|
+
"type": "Function",
|
|
807
|
+
"desc": "Function to call when notification gets dismissed",
|
|
808
|
+
"params": null,
|
|
809
|
+
"returns": null,
|
|
810
|
+
"examples": [
|
|
811
|
+
"() => { console.log('Dismissed') }"
|
|
812
|
+
]
|
|
813
|
+
},
|
|
814
|
+
"closeBtn": {
|
|
815
|
+
"type": [
|
|
816
|
+
"Boolean",
|
|
817
|
+
"String"
|
|
818
|
+
],
|
|
819
|
+
"desc": "Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language",
|
|
820
|
+
"examples": [
|
|
821
|
+
"Close me"
|
|
822
|
+
]
|
|
823
|
+
},
|
|
824
|
+
"multiLine": {
|
|
825
|
+
"type": "Boolean",
|
|
826
|
+
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
827
|
+
}
|
|
828
|
+
},
|
|
829
|
+
"required": true
|
|
830
|
+
}
|
|
831
|
+
}
|
|
832
|
+
},
|
|
833
|
+
"registerType": {
|
|
834
|
+
"desc": "Register a new type of notification (or override an existing one)",
|
|
835
|
+
"params": {
|
|
836
|
+
"typeName": {
|
|
837
|
+
"type": "String",
|
|
838
|
+
"desc": "Name of the type (to be used as 'type' prop later on)",
|
|
839
|
+
"required": true,
|
|
840
|
+
"examples": [
|
|
841
|
+
"my-type"
|
|
842
|
+
]
|
|
843
|
+
},
|
|
844
|
+
"typeOpts": {
|
|
845
|
+
"type": "Object",
|
|
846
|
+
"desc": "Notification options",
|
|
847
|
+
"definition": {
|
|
848
|
+
"type": {
|
|
849
|
+
"type": "String",
|
|
850
|
+
"desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
|
|
851
|
+
"examples": [
|
|
852
|
+
"negative",
|
|
853
|
+
"custom-type"
|
|
854
|
+
]
|
|
855
|
+
},
|
|
856
|
+
"color": {
|
|
857
|
+
"type": "String",
|
|
858
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
859
|
+
"examples": [
|
|
860
|
+
"primary",
|
|
861
|
+
"teal-10"
|
|
862
|
+
],
|
|
863
|
+
"category": "style"
|
|
864
|
+
},
|
|
865
|
+
"textColor": {
|
|
866
|
+
"type": "String",
|
|
867
|
+
"desc": "Color name for component from the Quasar Color Palette",
|
|
868
|
+
"examples": [
|
|
869
|
+
"primary",
|
|
870
|
+
"teal-10"
|
|
871
|
+
],
|
|
872
|
+
"category": "style"
|
|
873
|
+
},
|
|
874
|
+
"message": {
|
|
875
|
+
"type": "String",
|
|
876
|
+
"desc": "The content of your message",
|
|
877
|
+
"examples": [
|
|
878
|
+
"John Doe pinged you"
|
|
879
|
+
]
|
|
880
|
+
},
|
|
881
|
+
"caption": {
|
|
882
|
+
"type": "String",
|
|
883
|
+
"desc": "The content of your optional caption",
|
|
884
|
+
"examples": [
|
|
885
|
+
"5 minutes ago"
|
|
886
|
+
]
|
|
887
|
+
},
|
|
888
|
+
"html": {
|
|
889
|
+
"type": "Boolean",
|
|
890
|
+
"desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
|
|
891
|
+
},
|
|
892
|
+
"icon": {
|
|
893
|
+
"type": "String",
|
|
894
|
+
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix",
|
|
895
|
+
"examples": [
|
|
896
|
+
"map",
|
|
897
|
+
"ion-add",
|
|
898
|
+
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
|
|
899
|
+
"img:statics/path/to/some_image.png"
|
|
900
|
+
],
|
|
901
|
+
"category": "content"
|
|
902
|
+
},
|
|
903
|
+
"avatar": {
|
|
904
|
+
"type": "String",
|
|
905
|
+
"desc": "URL to an avatar/image; Suggestion: use statics folder",
|
|
906
|
+
"examples": [
|
|
907
|
+
"(statics folder) statics/img/something.png",
|
|
908
|
+
"(relative path format) require('./my_img.jpg')",
|
|
909
|
+
"(URL) https://some-site.net/some-img.gif"
|
|
910
|
+
]
|
|
911
|
+
},
|
|
912
|
+
"spinner": {
|
|
913
|
+
"type": [
|
|
914
|
+
"Boolean",
|
|
915
|
+
"Component"
|
|
916
|
+
],
|
|
917
|
+
"desc": "Useful for notifications that are updated; Displays a Quasar spinner instead of an avatar or icon; If value is Boolean 'true' then the default QSpinner is shown"
|
|
918
|
+
},
|
|
919
|
+
"position": {
|
|
920
|
+
"type": "String",
|
|
921
|
+
"desc": "Window side/corner to stick to",
|
|
922
|
+
"default": "bottom",
|
|
923
|
+
"values": [
|
|
924
|
+
"top-left",
|
|
925
|
+
"top-right",
|
|
926
|
+
"bottom-left",
|
|
927
|
+
"bottom-right",
|
|
928
|
+
"top",
|
|
929
|
+
"bottom",
|
|
930
|
+
"left",
|
|
931
|
+
"right",
|
|
932
|
+
"center"
|
|
933
|
+
],
|
|
934
|
+
"examples": [
|
|
935
|
+
"top-right"
|
|
936
|
+
]
|
|
937
|
+
},
|
|
938
|
+
"badgeColor": {
|
|
939
|
+
"type": "String",
|
|
940
|
+
"desc": "Color name for the badge from the Quasar Color Palette",
|
|
941
|
+
"examples": [
|
|
942
|
+
"primary",
|
|
943
|
+
"teal-10"
|
|
944
|
+
],
|
|
945
|
+
"category": "style"
|
|
946
|
+
},
|
|
947
|
+
"badgeTextColor": {
|
|
948
|
+
"type": "String",
|
|
949
|
+
"desc": "Color name for the badge text from the Quasar Color Palette",
|
|
950
|
+
"examples": [
|
|
951
|
+
"primary",
|
|
952
|
+
"teal-10"
|
|
953
|
+
],
|
|
954
|
+
"category": "style"
|
|
955
|
+
},
|
|
956
|
+
"badgePosition": {
|
|
957
|
+
"type": "String",
|
|
958
|
+
"desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
|
|
959
|
+
"default": "(top-left/top-right)",
|
|
960
|
+
"values": [
|
|
961
|
+
"top-left",
|
|
962
|
+
"top-right",
|
|
963
|
+
"bottom-left",
|
|
964
|
+
"bottom-right"
|
|
965
|
+
],
|
|
966
|
+
"examples": [
|
|
967
|
+
"bottom-right"
|
|
968
|
+
]
|
|
969
|
+
},
|
|
970
|
+
"badgeStyle": {
|
|
971
|
+
"type": [
|
|
972
|
+
"Array",
|
|
973
|
+
"String",
|
|
974
|
+
"Object"
|
|
975
|
+
],
|
|
976
|
+
"desc": "Style definitions to be attributed to the badge",
|
|
977
|
+
"examples": [
|
|
978
|
+
"background-color: #ff0000",
|
|
979
|
+
":content-style=\"{ backgroundColor: '#ff0000' }\""
|
|
980
|
+
]
|
|
981
|
+
},
|
|
982
|
+
"badgeClass": {
|
|
983
|
+
"type": [
|
|
984
|
+
"Array",
|
|
985
|
+
"String",
|
|
986
|
+
"Object"
|
|
987
|
+
],
|
|
988
|
+
"desc": "Class definitions to be attributed to the badge",
|
|
989
|
+
"examples": [
|
|
990
|
+
"my-special-class",
|
|
991
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
992
|
+
]
|
|
993
|
+
},
|
|
994
|
+
"progress": {
|
|
995
|
+
"type": "Boolean",
|
|
996
|
+
"desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
|
|
997
|
+
},
|
|
998
|
+
"progressClass": {
|
|
999
|
+
"type": [
|
|
1000
|
+
"Array",
|
|
1001
|
+
"String",
|
|
1002
|
+
"Object"
|
|
1003
|
+
],
|
|
1004
|
+
"desc": "Class definitions to be attributed to the progress bar",
|
|
1005
|
+
"examples": [
|
|
1006
|
+
"my-special-class",
|
|
1007
|
+
":content-class=\"{ 'my-special-class': <condition> }\""
|
|
1008
|
+
]
|
|
1009
|
+
},
|
|
1010
|
+
"classes": {
|
|
1011
|
+
"type": "String",
|
|
1012
|
+
"desc": "Add CSS class(es) to the notification for easier customization",
|
|
1013
|
+
"examples": [
|
|
1014
|
+
"my-notif-class"
|
|
1015
|
+
]
|
|
1016
|
+
},
|
|
1017
|
+
"attrs": {
|
|
1018
|
+
"type": "Object",
|
|
1019
|
+
"desc": "Key-value for attributes to be set on the notification",
|
|
1020
|
+
"examples": [
|
|
1021
|
+
"{ role: 'alertdialog' }"
|
|
1022
|
+
]
|
|
1023
|
+
},
|
|
1024
|
+
"timeout": {
|
|
1025
|
+
"type": "Number",
|
|
1026
|
+
"desc": "Amount of time to display (in milliseconds)",
|
|
1027
|
+
"default": 5000,
|
|
1028
|
+
"examples": [
|
|
1029
|
+
2500
|
|
1030
|
+
]
|
|
1031
|
+
},
|
|
1032
|
+
"actions": {
|
|
1033
|
+
"type": "Array",
|
|
1034
|
+
"desc": "Notification actions (buttons); If a 'handler' is specified or not, clicking/tapping on the button will also close the notification; Also check 'closeBtn' convenience prop",
|
|
1035
|
+
"examples": [
|
|
1036
|
+
"[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' } ]"
|
|
1037
|
+
]
|
|
1038
|
+
},
|
|
1039
|
+
"onDismiss": {
|
|
1040
|
+
"type": "Function",
|
|
1041
|
+
"desc": "Function to call when notification gets dismissed",
|
|
1042
|
+
"params": null,
|
|
1043
|
+
"returns": null,
|
|
1044
|
+
"examples": [
|
|
1045
|
+
"() => { console.log('Dismissed') }"
|
|
1046
|
+
]
|
|
1047
|
+
},
|
|
1048
|
+
"closeBtn": {
|
|
1049
|
+
"type": [
|
|
1050
|
+
"Boolean",
|
|
1051
|
+
"String"
|
|
1052
|
+
],
|
|
1053
|
+
"desc": "Convenience way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label accordding to the current Quasar language",
|
|
1054
|
+
"examples": [
|
|
1055
|
+
"Close me"
|
|
1056
|
+
]
|
|
1057
|
+
},
|
|
1058
|
+
"multiLine": {
|
|
1059
|
+
"type": "Boolean",
|
|
1060
|
+
"desc": "Put notification into multi-line mode; If this prop isn't used and more than one 'action' is specified then notification goes into multi-line mode by default"
|
|
1061
|
+
}
|
|
1062
|
+
},
|
|
1063
|
+
"required": true
|
|
1064
|
+
}
|
|
1065
|
+
}
|
|
1066
|
+
}
|
|
1067
|
+
}
|
|
1068
|
+
}
|