quasar 2.14.5 → 2.14.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (368) hide show
  1. package/dist/api/AddressbarColor.json +1 -22
  2. package/dist/api/AppFullscreen.json +1 -78
  3. package/dist/api/AppVisibility.json +1 -15
  4. package/dist/api/BottomSheet.json +1 -264
  5. package/dist/api/Brand.json +1 -49
  6. package/dist/api/ClosePopup.json +1 -21
  7. package/dist/api/Cookies.json +1 -190
  8. package/dist/api/Dark.json +1 -63
  9. package/dist/api/Dialog.json +1 -479
  10. package/dist/api/Intersection.json +1 -204
  11. package/dist/api/Lang.json +1 -18
  12. package/dist/api/Loading.json +1 -317
  13. package/dist/api/LoadingBar.json +1 -62
  14. package/dist/api/LocalStorage.json +1 -187
  15. package/dist/api/Meta.json +1 -6
  16. package/dist/api/Morph.json +1 -188
  17. package/dist/api/Mutation.json +1 -122
  18. package/dist/api/Notify.json +1 -697
  19. package/dist/api/Platform.json +1 -238
  20. package/dist/api/QAjaxBar.json +1 -117
  21. package/dist/api/QAvatar.json +1 -76
  22. package/dist/api/QBadge.json +1 -82
  23. package/dist/api/QBanner.json +1 -44
  24. package/dist/api/QBar.json +1 -28
  25. package/dist/api/QBreadcrumbs.json +1 -82
  26. package/dist/api/QBreadcrumbsEl.json +1 -162
  27. package/dist/api/QBtn.json +1 -354
  28. package/dist/api/QBtnDropdown.json +1 -560
  29. package/dist/api/QBtnGroup.json +1 -59
  30. package/dist/api/QBtnToggle.json +1 -263
  31. package/dist/api/QCard.json +1 -51
  32. package/dist/api/QCardActions.json +1 -34
  33. package/dist/api/QCardSection.json +1 -31
  34. package/dist/api/QCarousel.json +1 -421
  35. package/dist/api/QCarouselControl.json +1 -41
  36. package/dist/api/QCarouselSlide.json +1 -44
  37. package/dist/api/QChatMessage.json +1 -128
  38. package/dist/api/QCheckbox.json +1 -211
  39. package/dist/api/QChip.json +1 -232
  40. package/dist/api/QCircularProgress.json +1 -145
  41. package/dist/api/QColor.json +1 -150
  42. package/dist/api/QDate.json +1 -637
  43. package/dist/api/QDialog.json +1 -259
  44. package/dist/api/QDrawer.json +1 -272
  45. package/dist/api/QEditor.json +1 -485
  46. package/dist/api/QExpansionItem.json +1 -434
  47. package/dist/api/QFab.json +1 -352
  48. package/dist/api/QFabAction.json +1 -241
  49. package/dist/api/QField.json +1 -448
  50. package/dist/api/QFile.json +1 -643
  51. package/dist/api/QFooter.json +1 -60
  52. package/dist/api/QForm.json +1 -112
  53. package/dist/api/QFormChildMixin.json +1 -24
  54. package/dist/api/QHeader.json +1 -67
  55. package/dist/api/QIcon.json +1 -69
  56. package/dist/api/QImg.json +1 -279
  57. package/dist/api/QInfiniteScroll.json +1 -116
  58. package/dist/api/QInnerLoading.json +1 -117
  59. package/dist/api/QInput.json +1 -521
  60. package/dist/api/QIntersection.json +1 -112
  61. package/dist/api/QItem.json +1 -203
  62. package/dist/api/QItemLabel.json +1 -36
  63. package/dist/api/QItemSection.json +1 -38
  64. package/dist/api/QKnob.json +1 -197
  65. package/dist/api/QLayout.json +1 -100
  66. package/dist/api/QLinearProgress.json +1 -113
  67. package/dist/api/QList.json +1 -58
  68. package/dist/api/QMarkupTable.json +1 -64
  69. package/dist/api/QMenu.json +1 -337
  70. package/dist/api/QNoSsr.json +1 -38
  71. package/dist/api/QOptionGroup.json +1 -242
  72. package/dist/api/QPage.json +1 -42
  73. package/dist/api/QPageContainer.json +1 -11
  74. package/dist/api/QPageScroller.json +1 -68
  75. package/dist/api/QPageSticky.json +1 -44
  76. package/dist/api/QPagination.json +1 -376
  77. package/dist/api/QParallax.json +1 -74
  78. package/dist/api/QPopupEdit.json +1 -335
  79. package/dist/api/QPopupProxy.json +1 -168
  80. package/dist/api/QPullToRefresh.json +1 -91
  81. package/dist/api/QRadio.json +1 -163
  82. package/dist/api/QRange.json +1 -789
  83. package/dist/api/QRating.json +1 -186
  84. package/dist/api/QResizeObserver.json +1 -56
  85. package/dist/api/QResponsive.json +1 -26
  86. package/dist/api/QRouteTab.json +1 -225
  87. package/dist/api/QScrollArea.json +1 -354
  88. package/dist/api/QScrollObserver.json +1 -140
  89. package/dist/api/QSelect.json +1 -1387
  90. package/dist/api/QSeparator.json +1 -72
  91. package/dist/api/QSkeleton.json +1 -127
  92. package/dist/api/QSlideItem.json +1 -219
  93. package/dist/api/QSlideTransition.json +1 -33
  94. package/dist/api/QSlider.json +1 -687
  95. package/dist/api/QSpace.json +1 -6
  96. package/dist/api/QSpinner.json +1 -37
  97. package/dist/api/QSpinnerAudio.json +1 -30
  98. package/dist/api/QSpinnerBall.json +1 -30
  99. package/dist/api/QSpinnerBars.json +1 -30
  100. package/dist/api/QSpinnerBox.json +1 -30
  101. package/dist/api/QSpinnerClock.json +1 -30
  102. package/dist/api/QSpinnerComment.json +1 -30
  103. package/dist/api/QSpinnerCube.json +1 -30
  104. package/dist/api/QSpinnerDots.json +1 -30
  105. package/dist/api/QSpinnerFacebook.json +1 -30
  106. package/dist/api/QSpinnerGears.json +1 -30
  107. package/dist/api/QSpinnerGrid.json +1 -30
  108. package/dist/api/QSpinnerHearts.json +1 -30
  109. package/dist/api/QSpinnerHourglass.json +1 -30
  110. package/dist/api/QSpinnerInfinity.json +1 -30
  111. package/dist/api/QSpinnerIos.json +1 -30
  112. package/dist/api/QSpinnerOrbit.json +1 -30
  113. package/dist/api/QSpinnerOval.json +1 -30
  114. package/dist/api/QSpinnerPie.json +1 -30
  115. package/dist/api/QSpinnerPuff.json +1 -30
  116. package/dist/api/QSpinnerRadio.json +1 -30
  117. package/dist/api/QSpinnerRings.json +1 -30
  118. package/dist/api/QSpinnerTail.json +1 -30
  119. package/dist/api/QSplitter.json +1 -146
  120. package/dist/api/QStep.json +1 -167
  121. package/dist/api/QStepper.json +1 -340
  122. package/dist/api/QStepperNavigation.json +1 -11
  123. package/dist/api/QTab.json +1 -113
  124. package/dist/api/QTabPanel.json +1 -39
  125. package/dist/api/QTabPanels.json +1 -203
  126. package/dist/api/QTable.json +1 -2799
  127. package/dist/api/QTabs.json +1 -179
  128. package/dist/api/QTd.json +1 -31
  129. package/dist/api/QTh.json +1 -26
  130. package/dist/api/QTime.json +1 -317
  131. package/dist/api/QTimeline.json +1 -57
  132. package/dist/api/QTimelineEntry.json +1 -105
  133. package/dist/api/QToggle.json +1 -230
  134. package/dist/api/QToolbar.json +1 -18
  135. package/dist/api/QToolbarTitle.json +1 -18
  136. package/dist/api/QTooltip.json +1 -282
  137. package/dist/api/QTr.json +1 -26
  138. package/dist/api/QTree.json +1 -599
  139. package/dist/api/QUploader.json +1 -665
  140. package/dist/api/QUploaderAddTrigger.json +1 -6
  141. package/dist/api/QVideo.json +1 -83
  142. package/dist/api/QVirtualScroll.json +1 -260
  143. package/dist/api/Ripple.json +1 -115
  144. package/dist/api/Screen.json +1 -190
  145. package/dist/api/Scroll.json +1 -28
  146. package/dist/api/ScrollFire.json +1 -24
  147. package/dist/api/SessionStorage.json +1 -187
  148. package/dist/api/TouchHold.json +1 -81
  149. package/dist/api/TouchPan.json +1 -178
  150. package/dist/api/TouchRepeat.json +1 -142
  151. package/dist/api/TouchSwipe.json +1 -113
  152. package/dist/icon-set/bootstrap-icons.umd.prod.js +3 -2
  153. package/dist/icon-set/eva-icons.umd.prod.js +3 -2
  154. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +3 -2
  155. package/dist/icon-set/fontawesome-v5.umd.prod.js +3 -2
  156. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +3 -2
  157. package/dist/icon-set/fontawesome-v6.umd.prod.js +3 -2
  158. package/dist/icon-set/ionicons-v4.umd.prod.js +3 -2
  159. package/dist/icon-set/line-awesome.umd.prod.js +3 -2
  160. package/dist/icon-set/material-icons-outlined.umd.prod.js +3 -2
  161. package/dist/icon-set/material-icons-round.umd.prod.js +3 -2
  162. package/dist/icon-set/material-icons-sharp.umd.prod.js +3 -2
  163. package/dist/icon-set/material-icons.umd.prod.js +3 -2
  164. package/dist/icon-set/material-symbols-outlined.umd.prod.js +3 -2
  165. package/dist/icon-set/material-symbols-rounded.umd.prod.js +3 -2
  166. package/dist/icon-set/material-symbols-sharp.umd.prod.js +3 -2
  167. package/dist/icon-set/mdi-v3.umd.prod.js +3 -2
  168. package/dist/icon-set/mdi-v4.umd.prod.js +3 -2
  169. package/dist/icon-set/mdi-v5.umd.prod.js +3 -2
  170. package/dist/icon-set/mdi-v6.umd.prod.js +3 -2
  171. package/dist/icon-set/mdi-v7.umd.prod.js +3 -2
  172. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +3 -2
  173. package/dist/icon-set/svg-eva-icons.umd.prod.js +3 -2
  174. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +3 -2
  175. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +3 -2
  176. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +3 -2
  177. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +3 -2
  178. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +3 -2
  179. package/dist/icon-set/svg-line-awesome.umd.prod.js +3 -2
  180. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +3 -2
  181. package/dist/icon-set/svg-material-icons-round.umd.prod.js +3 -2
  182. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +3 -2
  183. package/dist/icon-set/svg-material-icons.umd.prod.js +3 -2
  184. package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +3 -2
  185. package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +3 -2
  186. package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +3 -2
  187. package/dist/icon-set/svg-mdi-v6.umd.prod.js +3 -2
  188. package/dist/icon-set/svg-mdi-v7.umd.prod.js +3 -2
  189. package/dist/icon-set/svg-themify.umd.prod.js +3 -2
  190. package/dist/icon-set/themify.umd.prod.js +3 -2
  191. package/dist/lang/ar-TN.umd.prod.js +3 -2
  192. package/dist/lang/ar.umd.prod.js +3 -2
  193. package/dist/lang/az-Latn.umd.prod.js +3 -2
  194. package/dist/lang/bg.umd.prod.js +3 -2
  195. package/dist/lang/bn.umd.prod.js +3 -2
  196. package/dist/lang/ca.umd.prod.js +3 -2
  197. package/dist/lang/cs.umd.prod.js +3 -2
  198. package/dist/lang/da.umd.prod.js +3 -2
  199. package/dist/lang/de-CH.umd.prod.js +3 -2
  200. package/dist/lang/de-DE.umd.prod.js +3 -2
  201. package/dist/lang/de.umd.prod.js +3 -2
  202. package/dist/lang/el.umd.prod.js +3 -2
  203. package/dist/lang/en-GB.umd.prod.js +3 -2
  204. package/dist/lang/en-US.umd.prod.js +3 -2
  205. package/dist/lang/eo.umd.prod.js +3 -2
  206. package/dist/lang/es.umd.prod.js +3 -2
  207. package/dist/lang/et.umd.prod.js +3 -2
  208. package/dist/lang/eu.umd.prod.js +3 -2
  209. package/dist/lang/fa-IR.umd.prod.js +3 -2
  210. package/dist/lang/fa.umd.prod.js +3 -2
  211. package/dist/lang/fi.umd.prod.js +3 -2
  212. package/dist/lang/fr.umd.prod.js +3 -2
  213. package/dist/lang/gn.umd.prod.js +3 -2
  214. package/dist/lang/he.umd.prod.js +3 -2
  215. package/dist/lang/hi.umd.prod.js +3 -2
  216. package/dist/lang/hr.umd.prod.js +3 -2
  217. package/dist/lang/hu.umd.prod.js +3 -2
  218. package/dist/lang/id.umd.prod.js +3 -2
  219. package/dist/lang/is.umd.prod.js +3 -2
  220. package/dist/lang/it.umd.prod.js +3 -2
  221. package/dist/lang/ja.umd.prod.js +3 -2
  222. package/dist/lang/kk.umd.prod.js +3 -2
  223. package/dist/lang/km.umd.prod.js +3 -2
  224. package/dist/lang/ko-KR.umd.prod.js +3 -2
  225. package/dist/lang/kur-CKB.umd.prod.js +3 -2
  226. package/dist/lang/lt.umd.prod.js +3 -2
  227. package/dist/lang/lu.umd.prod.js +3 -2
  228. package/dist/lang/lv.umd.prod.js +3 -2
  229. package/dist/lang/mk.umd.prod.js +3 -2
  230. package/dist/lang/ml.umd.prod.js +3 -2
  231. package/dist/lang/mm.umd.prod.js +3 -2
  232. package/dist/lang/ms-MY.umd.prod.js +7 -0
  233. package/dist/lang/ms.umd.prod.js +3 -2
  234. package/dist/lang/my.umd.prod.js +3 -2
  235. package/dist/lang/nb-NO.umd.prod.js +3 -2
  236. package/dist/lang/nl.umd.prod.js +3 -2
  237. package/dist/lang/pl.umd.prod.js +3 -2
  238. package/dist/lang/pt-BR.umd.prod.js +3 -2
  239. package/dist/lang/pt.umd.prod.js +3 -2
  240. package/dist/lang/ro.umd.prod.js +3 -2
  241. package/dist/lang/ru.umd.prod.js +3 -2
  242. package/dist/lang/sk.umd.prod.js +3 -2
  243. package/dist/lang/sl.umd.prod.js +3 -2
  244. package/dist/lang/sm.umd.prod.js +3 -2
  245. package/dist/lang/sr-CYR.umd.prod.js +3 -2
  246. package/dist/lang/sr.umd.prod.js +3 -2
  247. package/dist/lang/sv.umd.prod.js +3 -2
  248. package/dist/lang/ta.umd.prod.js +3 -2
  249. package/dist/lang/th.umd.prod.js +3 -2
  250. package/dist/lang/tl.umd.prod.js +7 -0
  251. package/dist/lang/tr.umd.prod.js +3 -2
  252. package/dist/lang/ug.umd.prod.js +3 -2
  253. package/dist/lang/uk.umd.prod.js +3 -2
  254. package/dist/lang/uz-Cyrl.umd.prod.js +3 -2
  255. package/dist/lang/uz-Latn.umd.prod.js +3 -2
  256. package/dist/lang/vi.umd.prod.js +3 -2
  257. package/dist/lang/zh-CN.umd.prod.js +3 -2
  258. package/dist/lang/zh-TW.umd.prod.js +3 -2
  259. package/dist/quasar.addon.prod.css +1 -1
  260. package/dist/quasar.addon.rtl.prod.css +1 -1
  261. package/dist/quasar.cjs.prod.js +123 -2
  262. package/dist/quasar.css +5 -2
  263. package/dist/quasar.esm.js +16928 -26277
  264. package/dist/quasar.esm.prod.js +123 -2
  265. package/dist/quasar.prod.css +1 -1
  266. package/dist/quasar.rtl.css +5 -2
  267. package/dist/quasar.rtl.prod.css +1 -1
  268. package/dist/quasar.sass +9 -7
  269. package/dist/quasar.umd.js +16732 -26521
  270. package/dist/quasar.umd.prod.js +123 -2
  271. package/dist/transforms/api-list.json +1 -153
  272. package/dist/transforms/auto-import.json +1 -267
  273. package/dist/transforms/import-map.json +1 -181
  274. package/dist/transforms/loader-asset-urls.json +1 -60
  275. package/dist/types/api/dialog.d.ts +1 -1
  276. package/dist/types/api/qinput.d.ts +1 -1
  277. package/dist/types/api/qtable.d.ts +1 -1
  278. package/dist/types/api/qtree.d.ts +1 -1
  279. package/dist/types/api/quploader.d.ts +1 -1
  280. package/dist/types/api/validation.d.ts +1 -1
  281. package/dist/types/api/web-storage.d.ts +6 -6
  282. package/dist/types/feature-flag.d.ts +1 -1
  283. package/dist/types/globals.d.ts +22 -15
  284. package/dist/types/index.d.ts +48 -166
  285. package/dist/types/lang.d.ts +3 -3
  286. package/dist/types/plugin.d.ts +3 -1
  287. package/dist/types/ts-helpers.d.ts +3 -3
  288. package/dist/types/utils/colors.d.ts +1 -1
  289. package/dist/types/utils/date.d.ts +10 -10
  290. package/dist/types/utils/dom.d.ts +1 -1
  291. package/dist/types/utils/run-sequential-promises.d.ts +12 -12
  292. package/dist/types/utils/scroll.d.ts +5 -5
  293. package/dist/types/utils.d.ts +15 -13
  294. package/dist/vetur/quasar-attributes.json +1 -5890
  295. package/dist/vetur/quasar-tags.json +1 -2084
  296. package/dist/web-types/web-types.json +1 -19595
  297. package/lang/index.json +1 -266
  298. package/lang/ms-MY.js +101 -0
  299. package/lang/ms-MY.mjs +96 -0
  300. package/lang/tl.js +98 -0
  301. package/lang/tl.mjs +93 -0
  302. package/package.json +17 -21
  303. package/src/body.js +6 -14
  304. package/src/components/ajax-bar/QAjaxBar.js +1 -1
  305. package/src/components/breadcrumbs/QBreadcrumbs.js +1 -1
  306. package/src/components/btn/QBtn.js +6 -6
  307. package/src/components/btn-dropdown/QBtnDropdown.json +1 -1
  308. package/src/components/checkbox/use-checkbox.js +1 -1
  309. package/src/components/chip/QChip.js +1 -1
  310. package/src/components/color/QColor.js +4 -4
  311. package/src/components/color/QColor.sass +1 -1
  312. package/src/components/date/QDate.js +1 -1
  313. package/src/components/dialog/__tests__/DialogWrapper.vue +33 -0
  314. package/src/components/dialog/__tests__/QDialog.cy.js +450 -36
  315. package/src/components/drawer/QDrawer.js +1 -1
  316. package/src/components/drawer/QDrawer.json +1 -1
  317. package/src/components/field/QField.sass +2 -1
  318. package/src/components/file/QFile.js +2 -2
  319. package/src/components/footer/QFooter.js +2 -2
  320. package/src/components/form/QForm.js +3 -3
  321. package/src/components/header/QHeader.js +1 -1
  322. package/src/components/img/QImg.js +47 -39
  323. package/src/components/img/QImg.json +9 -0
  324. package/src/components/input/use-mask.js +3 -3
  325. package/src/components/menu/QMenu.json +1 -1
  326. package/src/components/page-sticky/use-page-sticky.js +4 -4
  327. package/src/components/popup-edit/QPopupEdit.js +1 -1
  328. package/src/components/scroll-area/QScrollArea.js +1 -1
  329. package/src/components/select/QSelect.js +9 -9
  330. package/src/components/table/QTable.sass +2 -2
  331. package/src/components/table/QTd.js +1 -1
  332. package/src/components/table/QTh.js +1 -1
  333. package/src/components/tabs/QTabs.js +3 -3
  334. package/src/components/time/QTime.js +3 -3
  335. package/src/components/tooltip/QTooltip.js +4 -2
  336. package/src/components/tooltip/QTooltip.json +6 -0
  337. package/src/components/tree/QTree.js +1 -1
  338. package/src/components/uploader/uploader-core.js +2 -2
  339. package/src/components/uploader/xhr-uploader-plugin.js +1 -1
  340. package/src/components/virtual-scroll/use-virtual-scroll.js +3 -3
  341. package/src/composables/private/__tests__/use-model-toggle.cy.js +43 -3
  342. package/src/composables/private/use-anchor.js +1 -1
  343. package/src/composables/private/use-key-composition.js +1 -1
  344. package/src/composables/private/use-panel.js +1 -1
  345. package/src/composables/private/use-portal.js +1 -1
  346. package/src/composables/private/use-router-link.js +1 -1
  347. package/src/css/core/colors.sass +0 -2
  348. package/src/css/core/visibility.sass +2 -1
  349. package/src/css/normalize.sass +1 -1
  350. package/src/directives/Intersection.json +13 -0
  351. package/src/directives/TouchPan.js +1 -1
  352. package/src/history.js +1 -1
  353. package/src/index.umd.js +5 -1
  354. package/src/lang.js +1 -1
  355. package/src/plugins/BottomSheet.json +1 -1
  356. package/src/plugins/Cookies.js +1 -1
  357. package/src/plugins/Dark.js +1 -1
  358. package/src/plugins/Loading.js +1 -1
  359. package/src/plugins/LoadingBar.js +1 -1
  360. package/src/plugins/Notify.js +4 -4
  361. package/src/plugins/Platform.js +111 -93
  362. package/src/plugins/Screen.js +1 -1
  363. package/src/utils/event.js +1 -1
  364. package/src/utils/frame-debounce.js +1 -1
  365. package/src/utils/morph.js +1 -1
  366. package/src/utils/private/click-outside.js +1 -1
  367. package/src/utils/private/escape-key.js +1 -1
  368. package/src/utils/private/focusout.js +1 -1
@@ -1,697 +1 @@
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
- "type": "Object",
10
- "definition": {
11
- "type": {
12
- "type": "String",
13
- "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
14
- "examples": [
15
- "negative",
16
- "custom-type"
17
- ]
18
- },
19
- "color": {
20
- "type": "String",
21
- "tsType": "NamedColor",
22
- "desc": "Color name for component from the Quasar Color Palette",
23
- "examples": [
24
- "primary",
25
- "teal",
26
- "teal-10"
27
- ],
28
- "category": "style"
29
- },
30
- "textColor": {
31
- "type": "String",
32
- "tsType": "NamedColor",
33
- "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
34
- "examples": [
35
- "primary",
36
- "teal",
37
- "teal-10"
38
- ],
39
- "category": "style"
40
- },
41
- "message": {
42
- "type": "String",
43
- "desc": "The content of your message",
44
- "examples": [
45
- "John Doe pinged you"
46
- ]
47
- },
48
- "caption": {
49
- "type": "String",
50
- "desc": "The content of your optional caption",
51
- "examples": [
52
- "5 minutes ago"
53
- ]
54
- },
55
- "html": {
56
- "type": "Boolean",
57
- "desc": "Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
58
- },
59
- "icon": {
60
- "type": "String",
61
- "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)",
62
- "examples": [
63
- "map",
64
- "ion-add",
65
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
66
- "img:path/to/some_image.png"
67
- ],
68
- "category": "content"
69
- },
70
- "iconColor": {
71
- "type": "String",
72
- "tsType": "NamedColor",
73
- "desc": "Color name for component from the Quasar Color Palette",
74
- "examples": [
75
- "primary",
76
- "teal",
77
- "teal-10"
78
- ],
79
- "category": "style",
80
- "addedIn": "v2.5.5"
81
- },
82
- "iconSize": {
83
- "type": "String",
84
- "desc": "Size in CSS units, including unit name",
85
- "examples": [
86
- "16px",
87
- "2rem"
88
- ],
89
- "category": "style",
90
- "addedIn": "v2.5.5"
91
- },
92
- "avatar": {
93
- "type": "String",
94
- "desc": "URL to an avatar/image; Suggestion: use public folder",
95
- "examples": [
96
- "(public folder) img/something.png",
97
- "(relative path format) require('./my_img.jpg')",
98
- "(URL) https://some-site.net/some-img.gif"
99
- ]
100
- },
101
- "spinner": {
102
- "type": [
103
- "Boolean",
104
- "Component"
105
- ],
106
- "configFileType": [
107
- "Boolean",
108
- "String"
109
- ],
110
- "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",
111
- "examples": [
112
- true,
113
- "QSpinnerBars"
114
- ]
115
- },
116
- "spinnerColor": {
117
- "type": "String",
118
- "tsType": "NamedColor",
119
- "desc": "Color name for component from the Quasar Color Palette",
120
- "examples": [
121
- "primary",
122
- "teal",
123
- "teal-10"
124
- ],
125
- "category": "style",
126
- "addedIn": "v2.5.5"
127
- },
128
- "spinnerSize": {
129
- "type": "String",
130
- "desc": "Size in CSS units, including unit name",
131
- "examples": [
132
- "16px",
133
- "2rem"
134
- ],
135
- "category": "style",
136
- "addedIn": "v2.5.5"
137
- },
138
- "position": {
139
- "type": "String",
140
- "desc": "Window side/corner to stick to",
141
- "default": "bottom",
142
- "values": [
143
- "top-left",
144
- "top-right",
145
- "bottom-left",
146
- "bottom-right",
147
- "top",
148
- "bottom",
149
- "left",
150
- "right",
151
- "center"
152
- ],
153
- "required": false
154
- },
155
- "group": {
156
- "type": [
157
- "Boolean",
158
- "String",
159
- "Number"
160
- ],
161
- "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",
162
- "default": "(message + caption + multiline + actions labels + position)",
163
- "examples": [
164
- "my-group"
165
- ],
166
- "required": false
167
- },
168
- "badgeColor": {
169
- "type": "String",
170
- "tsType": "NamedColor",
171
- "desc": "Color name for the badge from the Quasar Color Palette",
172
- "examples": [
173
- "primary",
174
- "teal",
175
- "teal-10"
176
- ],
177
- "category": "style"
178
- },
179
- "badgeTextColor": {
180
- "type": "String",
181
- "tsType": "NamedColor",
182
- "desc": "Color name for the badge text from the Quasar Color Palette",
183
- "examples": [
184
- "primary",
185
- "teal",
186
- "teal-10"
187
- ],
188
- "category": "style"
189
- },
190
- "badgePosition": {
191
- "type": "String",
192
- "desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
193
- "default": "(top-left/top-right)",
194
- "values": [
195
- "top-left",
196
- "top-right",
197
- "bottom-left",
198
- "bottom-right"
199
- ],
200
- "required": false
201
- },
202
- "badgeStyle": {
203
- "type": [
204
- "String",
205
- "Array",
206
- "Object"
207
- ],
208
- "tsType": "VueStyleProp",
209
- "desc": "Style definitions to be attributed to the badge",
210
- "examples": [
211
- "background-color: #ff0000",
212
- "{ backgroundColor: '#ff0000' }"
213
- ]
214
- },
215
- "badgeClass": {
216
- "type": [
217
- "String",
218
- "Array",
219
- "Object"
220
- ],
221
- "tsType": "VueClassProp",
222
- "desc": "Class definitions to be attributed to the badge",
223
- "examples": [
224
- "my-special-class",
225
- "{ 'my-special-class': <condition> }"
226
- ]
227
- },
228
- "progress": {
229
- "type": "Boolean",
230
- "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
231
- },
232
- "progressClass": {
233
- "type": [
234
- "String",
235
- "Array",
236
- "Object"
237
- ],
238
- "tsType": "VueClassProp",
239
- "desc": "Class definitions to be attributed to the progress bar",
240
- "examples": [
241
- "my-special-class",
242
- "{ 'my-special-class': <condition> }"
243
- ]
244
- },
245
- "classes": {
246
- "type": "String",
247
- "desc": "Add CSS class(es) to the notification for easier customization",
248
- "examples": [
249
- "my-notif-class"
250
- ]
251
- },
252
- "attrs": {
253
- "type": "Object",
254
- "desc": "Key-value for attributes to be set on the notification",
255
- "examples": [
256
- "{ role: 'alertdialog' }"
257
- ]
258
- },
259
- "timeout": {
260
- "type": "Number",
261
- "desc": "Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.",
262
- "default": 5000,
263
- "required": false
264
- },
265
- "actions": {
266
- "type": "Array",
267
- "tsType": "QNotifyAction",
268
- "desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
269
- "definition": {
270
- "handler": {
271
- "type": "Function",
272
- "configFileType": null,
273
- "desc": "Function to be executed when the button is clicked/tapped",
274
- "params": null,
275
- "returns": null,
276
- "examples": [
277
- "() => { console.log('button clicked') }"
278
- ]
279
- },
280
- "noDismiss": {
281
- "type": "Boolean",
282
- "desc": "Do not dismiss the notification when the button is clicked/tapped"
283
- },
284
- "...": {
285
- "type": "Any",
286
- "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead, only possible with UI config)",
287
- "examples": [
288
- "label: 'Learn more'",
289
- "color: 'primary'"
290
- ]
291
- }
292
- },
293
- "examples": [
294
- "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
295
- ]
296
- },
297
- "onDismiss": {
298
- "type": "Function",
299
- "configFileType": null,
300
- "desc": "Function to call when notification gets dismissed",
301
- "params": null,
302
- "returns": null,
303
- "examples": [
304
- "() => { console.log('Dismissed') }"
305
- ]
306
- },
307
- "closeBtn": {
308
- "type": [
309
- "Boolean",
310
- "String"
311
- ],
312
- "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
313
- "examples": [
314
- "Close me"
315
- ]
316
- },
317
- "multiLine": {
318
- "type": "Boolean",
319
- "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"
320
- }
321
- }
322
- },
323
- "methods": {
324
- "create": {
325
- "tsInjectionPoint": true,
326
- "desc": "Creates a notification; Same as calling $q.notify(...)",
327
- "params": {
328
- "opts": {
329
- "type": [
330
- "Object",
331
- "String"
332
- ],
333
- "tsType": "QNotifyCreateOptions",
334
- "autoDefineTsType": true,
335
- "required": true,
336
- "desc": "Notification options",
337
- "definition": {
338
- "type": {
339
- "type": "String",
340
- "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
341
- "examples": [
342
- "negative",
343
- "custom-type"
344
- ]
345
- },
346
- "color": {
347
- "type": "String",
348
- "tsType": "NamedColor",
349
- "desc": "Color name for component from the Quasar Color Palette",
350
- "examples": [
351
- "primary",
352
- "teal",
353
- "teal-10"
354
- ],
355
- "category": "style"
356
- },
357
- "textColor": {
358
- "type": "String",
359
- "tsType": "NamedColor",
360
- "desc": "Overrides text color (if needed); Color name from the Quasar Color Palette",
361
- "examples": [
362
- "primary",
363
- "teal",
364
- "teal-10"
365
- ],
366
- "category": "style"
367
- },
368
- "message": {
369
- "type": "String",
370
- "desc": "The content of your message",
371
- "examples": [
372
- "John Doe pinged you"
373
- ]
374
- },
375
- "caption": {
376
- "type": "String",
377
- "desc": "The content of your optional caption",
378
- "examples": [
379
- "5 minutes ago"
380
- ]
381
- },
382
- "html": {
383
- "type": "Boolean",
384
- "desc": "Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
385
- },
386
- "icon": {
387
- "type": "String",
388
- "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)",
389
- "examples": [
390
- "map",
391
- "ion-add",
392
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
393
- "img:path/to/some_image.png"
394
- ],
395
- "category": "content"
396
- },
397
- "iconColor": {
398
- "type": "String",
399
- "tsType": "NamedColor",
400
- "desc": "Color name for component from the Quasar Color Palette",
401
- "examples": [
402
- "primary",
403
- "teal",
404
- "teal-10"
405
- ],
406
- "category": "style",
407
- "addedIn": "v2.5.5"
408
- },
409
- "iconSize": {
410
- "type": "String",
411
- "desc": "Size in CSS units, including unit name",
412
- "examples": [
413
- "16px",
414
- "2rem"
415
- ],
416
- "category": "style",
417
- "addedIn": "v2.5.5"
418
- },
419
- "avatar": {
420
- "type": "String",
421
- "desc": "URL to an avatar/image; Suggestion: use public folder",
422
- "examples": [
423
- "(public folder) img/something.png",
424
- "(relative path format) require('./my_img.jpg')",
425
- "(URL) https://some-site.net/some-img.gif"
426
- ]
427
- },
428
- "spinner": {
429
- "type": [
430
- "Boolean",
431
- "Component"
432
- ],
433
- "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",
434
- "examples": [
435
- true,
436
- "QSpinnerBars"
437
- ]
438
- },
439
- "spinnerColor": {
440
- "type": "String",
441
- "tsType": "NamedColor",
442
- "desc": "Color name for component from the Quasar Color Palette",
443
- "examples": [
444
- "primary",
445
- "teal",
446
- "teal-10"
447
- ],
448
- "category": "style",
449
- "addedIn": "v2.5.5"
450
- },
451
- "spinnerSize": {
452
- "type": "String",
453
- "desc": "Size in CSS units, including unit name",
454
- "examples": [
455
- "16px",
456
- "2rem"
457
- ],
458
- "category": "style",
459
- "addedIn": "v2.5.5"
460
- },
461
- "position": {
462
- "type": "String",
463
- "desc": "Window side/corner to stick to",
464
- "default": "bottom",
465
- "values": [
466
- "top-left",
467
- "top-right",
468
- "bottom-left",
469
- "bottom-right",
470
- "top",
471
- "bottom",
472
- "left",
473
- "right",
474
- "center"
475
- ],
476
- "required": false
477
- },
478
- "group": {
479
- "type": [
480
- "Boolean",
481
- "String",
482
- "Number"
483
- ],
484
- "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",
485
- "default": "(message + caption + multiline + actions labels + position)",
486
- "examples": [
487
- "my-group"
488
- ],
489
- "required": false
490
- },
491
- "badgeColor": {
492
- "type": "String",
493
- "tsType": "NamedColor",
494
- "desc": "Color name for the badge from the Quasar Color Palette",
495
- "examples": [
496
- "primary",
497
- "teal",
498
- "teal-10"
499
- ],
500
- "category": "style"
501
- },
502
- "badgeTextColor": {
503
- "type": "String",
504
- "tsType": "NamedColor",
505
- "desc": "Color name for the badge text from the Quasar Color Palette",
506
- "examples": [
507
- "primary",
508
- "teal",
509
- "teal-10"
510
- ],
511
- "category": "style"
512
- },
513
- "badgePosition": {
514
- "type": "String",
515
- "desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
516
- "default": "(top-left/top-right)",
517
- "values": [
518
- "top-left",
519
- "top-right",
520
- "bottom-left",
521
- "bottom-right"
522
- ],
523
- "required": false
524
- },
525
- "badgeStyle": {
526
- "type": [
527
- "String",
528
- "Array",
529
- "Object"
530
- ],
531
- "tsType": "VueStyleProp",
532
- "desc": "Style definitions to be attributed to the badge",
533
- "examples": [
534
- "background-color: #ff0000",
535
- "{ backgroundColor: '#ff0000' }"
536
- ]
537
- },
538
- "badgeClass": {
539
- "type": [
540
- "String",
541
- "Array",
542
- "Object"
543
- ],
544
- "tsType": "VueClassProp",
545
- "desc": "Class definitions to be attributed to the badge",
546
- "examples": [
547
- "my-special-class",
548
- "{ 'my-special-class': <condition> }"
549
- ]
550
- },
551
- "progress": {
552
- "type": "Boolean",
553
- "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
554
- },
555
- "progressClass": {
556
- "type": [
557
- "String",
558
- "Array",
559
- "Object"
560
- ],
561
- "tsType": "VueClassProp",
562
- "desc": "Class definitions to be attributed to the progress bar",
563
- "examples": [
564
- "my-special-class",
565
- "{ 'my-special-class': <condition> }"
566
- ]
567
- },
568
- "classes": {
569
- "type": "String",
570
- "desc": "Add CSS class(es) to the notification for easier customization",
571
- "examples": [
572
- "my-notif-class"
573
- ]
574
- },
575
- "attrs": {
576
- "type": "Object",
577
- "desc": "Key-value for attributes to be set on the notification",
578
- "examples": [
579
- "{ role: 'alertdialog' }"
580
- ]
581
- },
582
- "timeout": {
583
- "type": "Number",
584
- "desc": "Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.",
585
- "default": 5000,
586
- "examples": [
587
- 2500
588
- ],
589
- "required": false
590
- },
591
- "actions": {
592
- "type": "Array",
593
- "tsType": "QNotifyAction",
594
- "desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
595
- "definition": {
596
- "handler": {
597
- "type": "Function",
598
- "desc": "Function to be executed when the button is clicked/tapped",
599
- "params": null,
600
- "returns": null,
601
- "examples": [
602
- "() => { console.log('button clicked') }"
603
- ]
604
- },
605
- "noDismiss": {
606
- "type": "Boolean",
607
- "desc": "Do not dismiss the notification when the button is clicked/tapped"
608
- },
609
- "...": {
610
- "type": "Any",
611
- "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead)",
612
- "examples": [
613
- "label: 'Learn more'",
614
- "color: 'primary'"
615
- ]
616
- }
617
- },
618
- "examples": [
619
- "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
620
- ]
621
- },
622
- "onDismiss": {
623
- "type": "Function",
624
- "desc": "Function to call when notification gets dismissed",
625
- "params": null,
626
- "returns": null,
627
- "examples": [
628
- "() => { console.log('Dismissed') }"
629
- ]
630
- },
631
- "closeBtn": {
632
- "type": [
633
- "Boolean",
634
- "String"
635
- ],
636
- "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language",
637
- "examples": [
638
- "Close me"
639
- ]
640
- },
641
- "multiLine": {
642
- "type": "Boolean",
643
- "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"
644
- },
645
- "ignoreDefaults": {
646
- "type": "Boolean",
647
- "desc": "Ignore the default configuration (set by setDefaults()) for this instance only"
648
- }
649
- }
650
- }
651
- },
652
- "returns": {
653
- "type": "Function",
654
- "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)",
655
- "params": {
656
- "props": {
657
- "type": "Object",
658
- "tsType": "QNotifyUpdateOptions",
659
- "required": false,
660
- "desc": "Notification properties that will be shallow merged to previous ones in order to update the non-grouped notification; (See 'opts' param of 'create()' for object properties, except 'group' and 'position')"
661
- }
662
- },
663
- "returns": null
664
- }
665
- },
666
- "setDefaults": {
667
- "desc": "Merge options into the default ones",
668
- "params": {
669
- "opts": {
670
- "type": "Object",
671
- "tsType": "QNotifyOptions",
672
- "required": true,
673
- "desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"
674
- }
675
- }
676
- },
677
- "registerType": {
678
- "desc": "Register a new type of notification (or override an existing one)",
679
- "params": {
680
- "typeName": {
681
- "type": "String",
682
- "required": true,
683
- "desc": "Name of the type (to be used as 'type' prop later on)",
684
- "examples": [
685
- "my-type"
686
- ]
687
- },
688
- "typeOpts": {
689
- "type": "Object",
690
- "tsType": "QNotifyOptions",
691
- "required": true,
692
- "desc": "Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"
693
- }
694
- }
695
- }
696
- }
697
- }
1
+ {"type":"plugin","meta":{"docsUrl":"https://v2.quasar.dev/quasar-plugins/notify"},"injection":"$q.notify","quasarConfOptions":{"propName":"notify","type":"Object","definition":{"type":{"type":"String","desc":"Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')","examples":["negative","custom-type"]},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"textColor":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"message":{"type":"String","desc":"The content of your message","examples":["John Doe pinged you"]},"caption":{"type":"String","desc":"The content of your optional caption","examples":["5 minutes ago"]},"html":{"type":"Boolean","desc":"Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"},"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"},"iconColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"iconSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"avatar":{"type":"String","desc":"URL to an avatar/image; Suggestion: use public folder","examples":["(public folder) img/something.png","(relative path format) require('./my_img.jpg')","(URL) https://some-site.net/some-img.gif"]},"spinner":{"type":["Boolean","Component"],"configFileType":["Boolean","String"],"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","examples":[true,"QSpinnerBars"]},"spinnerColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"spinnerSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"position":{"type":"String","desc":"Window side/corner to stick to","default":"bottom","values":["top-left","top-right","bottom-left","bottom-right","top","bottom","left","right","center"],"required":false},"group":{"type":["Boolean","String","Number"],"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","default":"(message + caption + multiline + actions labels + position)","examples":["my-group"],"required":false},"badgeColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgeTextColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge text from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgePosition":{"type":"String","desc":"Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left","default":"(top-left/top-right)","values":["top-left","top-right","bottom-left","bottom-right"],"required":false},"badgeStyle":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the badge","examples":["background-color: #ff0000","{ backgroundColor: '#ff0000' }"]},"badgeClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the badge","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"progress":{"type":"Boolean","desc":"Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"},"progressClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the progress bar","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"classes":{"type":"String","desc":"Add CSS class(es) to the notification for easier customization","examples":["my-notif-class"]},"attrs":{"type":"Object","desc":"Key-value for attributes to be set on the notification","examples":["{ role: 'alertdialog' }"]},"timeout":{"type":"Number","desc":"Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.","default":5000,"required":false},"actions":{"type":"Array","tsType":"QNotifyAction","desc":"Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop","definition":{"handler":{"type":"Function","configFileType":null,"desc":"Function to be executed when the button is clicked/tapped","params":null,"returns":null,"examples":["() => { console.log('button clicked') }"]},"noDismiss":{"type":"Boolean","desc":"Do not dismiss the notification when the button is clicked/tapped"},"...":{"type":"Any","desc":"Any other QBtn prop expect 'onClick' (use 'handler' instead, only possible with UI config)","examples":["label: 'Learn more'","color: 'primary'"]}},"examples":["[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"]},"onDismiss":{"type":"Function","configFileType":null,"desc":"Function to call when notification gets dismissed","params":null,"returns":null,"examples":["() => { console.log('Dismissed') }"]},"closeBtn":{"type":["Boolean","String"],"desc":"Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language","examples":["Close me"]},"multiLine":{"type":"Boolean","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"}}},"methods":{"create":{"tsInjectionPoint":true,"desc":"Creates a notification; Same as calling $q.notify(...)","params":{"opts":{"type":["Object","String"],"tsType":"QNotifyCreateOptions","autoDefineTsType":true,"required":true,"desc":"Notification options","definition":{"type":{"type":"String","desc":"Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')","examples":["negative","custom-type"]},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"textColor":{"type":"String","tsType":"NamedColor","desc":"Overrides text color (if needed); Color name from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"message":{"type":"String","desc":"The content of your message","examples":["John Doe pinged you"]},"caption":{"type":"String","desc":"The content of your optional caption","examples":["5 minutes ago"]},"html":{"type":"Boolean","desc":"Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"},"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"},"iconColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"iconSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"avatar":{"type":"String","desc":"URL to an avatar/image; Suggestion: use public folder","examples":["(public folder) img/something.png","(relative path format) require('./my_img.jpg')","(URL) https://some-site.net/some-img.gif"]},"spinner":{"type":["Boolean","Component"],"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","examples":[true,"QSpinnerBars"]},"spinnerColor":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style","addedIn":"v2.5.5"},"spinnerSize":{"type":"String","desc":"Size in CSS units, including unit name","examples":["16px","2rem"],"category":"style","addedIn":"v2.5.5"},"position":{"type":"String","desc":"Window side/corner to stick to","default":"bottom","values":["top-left","top-right","bottom-left","bottom-right","top","bottom","left","right","center"],"required":false},"group":{"type":["Boolean","String","Number"],"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","default":"(message + caption + multiline + actions labels + position)","examples":["my-group"],"required":false},"badgeColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgeTextColor":{"type":"String","tsType":"NamedColor","desc":"Color name for the badge text from the Quasar Color Palette","examples":["primary","teal","teal-10"],"category":"style"},"badgePosition":{"type":"String","desc":"Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left","default":"(top-left/top-right)","values":["top-left","top-right","bottom-left","bottom-right"],"required":false},"badgeStyle":{"type":["String","Array","Object"],"tsType":"VueStyleProp","desc":"Style definitions to be attributed to the badge","examples":["background-color: #ff0000","{ backgroundColor: '#ff0000' }"]},"badgeClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the badge","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"progress":{"type":"Boolean","desc":"Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"},"progressClass":{"type":["String","Array","Object"],"tsType":"VueClassProp","desc":"Class definitions to be attributed to the progress bar","examples":["my-special-class","{ 'my-special-class': <condition> }"]},"classes":{"type":"String","desc":"Add CSS class(es) to the notification for easier customization","examples":["my-notif-class"]},"attrs":{"type":"Object","desc":"Key-value for attributes to be set on the notification","examples":["{ role: 'alertdialog' }"]},"timeout":{"type":"Number","desc":"Amount of time to display (in milliseconds). Set to 0 to never dismiss automatically.","default":5000,"examples":[2500],"required":false},"actions":{"type":"Array","tsType":"QNotifyAction","desc":"Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop","definition":{"handler":{"type":"Function","desc":"Function to be executed when the button is clicked/tapped","params":null,"returns":null,"examples":["() => { console.log('button clicked') }"]},"noDismiss":{"type":"Boolean","desc":"Do not dismiss the notification when the button is clicked/tapped"},"...":{"type":"Any","desc":"Any other QBtn prop expect 'onClick' (use 'handler' instead)","examples":["label: 'Learn more'","color: 'primary'"]}},"examples":["[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"]},"onDismiss":{"type":"Function","desc":"Function to call when notification gets dismissed","params":null,"returns":null,"examples":["() => { console.log('Dismissed') }"]},"closeBtn":{"type":["Boolean","String"],"desc":"Convenient way to add a dismiss button with a specific label, without using the 'actions' prop; If set to true, it uses a label according to the current Quasar language","examples":["Close me"]},"multiLine":{"type":"Boolean","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"},"ignoreDefaults":{"type":"Boolean","desc":"Ignore the default configuration (set by setDefaults()) for this instance only"}}}},"returns":{"type":"Function","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)","params":{"props":{"type":"Object","tsType":"QNotifyUpdateOptions","required":false,"desc":"Notification properties that will be shallow merged to previous ones in order to update the non-grouped notification; (See 'opts' param of 'create()' for object properties, except 'group' and 'position')"}},"returns":null}},"setDefaults":{"desc":"Merge options into the default ones","params":{"opts":{"type":"Object","tsType":"QNotifyOptions","required":true,"desc":"Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"}}},"registerType":{"desc":"Register a new type of notification (or override an existing one)","params":{"typeName":{"type":"String","required":true,"desc":"Name of the type (to be used as 'type' prop later on)","examples":["my-type"]},"typeOpts":{"type":"Object","tsType":"QNotifyOptions","required":true,"desc":"Notification options except 'ignoreDefaults' (See 'opts' param of 'create()' for object properties)"}}}}}