quasar 2.6.0 → 2.6.3

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 (315) hide show
  1. package/dist/api/Notify.json +68 -734
  2. package/dist/api/QBreadcrumbsEl.json +5 -5
  3. package/dist/api/QBtn.json +2 -2
  4. package/dist/api/QBtnDropdown.json +2 -2
  5. package/dist/api/QExpansionItem.json +5 -5
  6. package/dist/api/QItem.json +5 -5
  7. package/dist/api/QRouteTab.json +5 -5
  8. package/dist/api/QTable.json +14 -0
  9. package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
  10. package/dist/icon-set/eva-icons.umd.prod.js +1 -1
  11. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
  12. package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
  13. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
  14. package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
  15. package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
  16. package/dist/icon-set/line-awesome.umd.prod.js +1 -1
  17. package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
  18. package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
  19. package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
  20. package/dist/icon-set/material-icons.umd.prod.js +1 -1
  21. package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
  22. package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
  23. package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
  24. package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
  25. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
  26. package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
  27. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
  28. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
  29. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
  30. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
  31. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
  32. package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
  33. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +1 -1
  34. package/dist/icon-set/svg-material-icons-round.umd.prod.js +1 -1
  35. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +1 -1
  36. package/dist/icon-set/svg-material-icons.umd.prod.js +1 -1
  37. package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
  38. package/dist/icon-set/svg-themify.umd.prod.js +1 -1
  39. package/dist/icon-set/themify.umd.prod.js +1 -1
  40. package/dist/lang/ar-TN.umd.prod.js +6 -0
  41. package/dist/lang/ar.umd.prod.js +1 -1
  42. package/dist/lang/az-Latn.umd.prod.js +1 -1
  43. package/dist/lang/bg.umd.prod.js +1 -1
  44. package/dist/lang/bn.umd.prod.js +1 -1
  45. package/dist/lang/ca.umd.prod.js +1 -1
  46. package/dist/lang/cs.umd.prod.js +1 -1
  47. package/dist/lang/da.umd.prod.js +1 -1
  48. package/dist/lang/de.umd.prod.js +1 -1
  49. package/dist/lang/el.umd.prod.js +1 -1
  50. package/dist/lang/en-GB.umd.prod.js +1 -1
  51. package/dist/lang/en-US.umd.prod.js +1 -1
  52. package/dist/lang/eo.umd.prod.js +1 -1
  53. package/dist/lang/es.umd.prod.js +1 -1
  54. package/dist/lang/et.umd.prod.js +1 -1
  55. package/dist/lang/eu.umd.prod.js +1 -1
  56. package/dist/lang/fa-IR.umd.prod.js +1 -1
  57. package/dist/lang/fa.umd.prod.js +1 -1
  58. package/dist/lang/fi.umd.prod.js +1 -1
  59. package/dist/lang/fr.umd.prod.js +1 -1
  60. package/dist/lang/gn.umd.prod.js +1 -1
  61. package/dist/lang/he.umd.prod.js +1 -1
  62. package/dist/lang/hr.umd.prod.js +1 -1
  63. package/dist/lang/hu.umd.prod.js +1 -1
  64. package/dist/lang/id.umd.prod.js +1 -1
  65. package/dist/lang/is.umd.prod.js +1 -1
  66. package/dist/lang/it.umd.prod.js +1 -1
  67. package/dist/lang/ja.umd.prod.js +1 -1
  68. package/dist/lang/km.umd.prod.js +1 -1
  69. package/dist/lang/ko-KR.umd.prod.js +1 -1
  70. package/dist/lang/kur-CKB.umd.prod.js +1 -1
  71. package/dist/lang/kz.umd.prod.js +1 -1
  72. package/dist/lang/lt.umd.prod.js +1 -1
  73. package/dist/lang/lu.umd.prod.js +1 -1
  74. package/dist/lang/lv.umd.prod.js +1 -1
  75. package/dist/lang/ml.umd.prod.js +1 -1
  76. package/dist/lang/ms.umd.prod.js +1 -1
  77. package/dist/lang/my.umd.prod.js +1 -1
  78. package/dist/lang/nb-NO.umd.prod.js +1 -1
  79. package/dist/lang/nl.umd.prod.js +1 -1
  80. package/dist/lang/pl.umd.prod.js +1 -1
  81. package/dist/lang/pt-BR.umd.prod.js +1 -1
  82. package/dist/lang/pt.umd.prod.js +1 -1
  83. package/dist/lang/ro.umd.prod.js +1 -1
  84. package/dist/lang/ru.umd.prod.js +1 -1
  85. package/dist/lang/sk.umd.prod.js +1 -1
  86. package/dist/lang/sl.umd.prod.js +1 -1
  87. package/dist/lang/sr-CYR.umd.prod.js +1 -1
  88. package/dist/lang/sr.umd.prod.js +1 -1
  89. package/dist/lang/sv.umd.prod.js +1 -1
  90. package/dist/lang/ta.umd.prod.js +1 -1
  91. package/dist/lang/th.umd.prod.js +1 -1
  92. package/dist/lang/tr.umd.prod.js +1 -1
  93. package/dist/lang/ug.umd.prod.js +1 -1
  94. package/dist/lang/uk.umd.prod.js +1 -1
  95. package/dist/lang/vi.umd.prod.js +1 -1
  96. package/dist/lang/zh-CN.umd.prod.js +1 -1
  97. package/dist/lang/zh-TW.umd.prod.js +1 -1
  98. package/dist/quasar.cjs.prod.js +2 -2
  99. package/dist/quasar.css +12 -20
  100. package/dist/quasar.esm.prod.js +2 -2
  101. package/dist/quasar.prod.css +1 -1
  102. package/dist/quasar.rtl.css +27 -39
  103. package/dist/quasar.rtl.prod.css +1 -1
  104. package/dist/quasar.sass +9 -15
  105. package/dist/quasar.umd.js +88 -33
  106. package/dist/quasar.umd.prod.js +2 -2
  107. package/dist/types/api/qnotify.d.ts +10 -0
  108. package/dist/types/api.d.ts +1 -0
  109. package/dist/types/index.d.ts +176 -753
  110. package/dist/vetur/quasar-attributes.json +28 -24
  111. package/dist/vetur/quasar-tags.json +1 -0
  112. package/dist/web-types/web-types.json +34 -25
  113. package/icon-set/bootstrap-icons.js +11 -6
  114. package/icon-set/bootstrap-icons.mjs +136 -0
  115. package/icon-set/eva-icons.js +10 -5
  116. package/icon-set/{svg-mdi-v4.js → eva-icons.mjs} +62 -94
  117. package/icon-set/fontawesome-v5-pro.js +6 -1
  118. package/icon-set/fontawesome-v5-pro.mjs +128 -0
  119. package/icon-set/fontawesome-v5.js +6 -1
  120. package/icon-set/fontawesome-v5.mjs +128 -0
  121. package/icon-set/fontawesome-v6-pro.js +6 -1
  122. package/icon-set/fontawesome-v6-pro.mjs +128 -0
  123. package/icon-set/fontawesome-v6.js +6 -1
  124. package/icon-set/fontawesome-v6.mjs +128 -0
  125. package/icon-set/ionicons-v4.js +10 -5
  126. package/icon-set/ionicons-v4.mjs +180 -0
  127. package/icon-set/line-awesome.js +6 -1
  128. package/icon-set/line-awesome.mjs +128 -0
  129. package/icon-set/material-icons-outlined.js +6 -1
  130. package/icon-set/material-icons-outlined.mjs +128 -0
  131. package/icon-set/material-icons-round.js +6 -1
  132. package/icon-set/material-icons-round.mjs +128 -0
  133. package/icon-set/material-icons-sharp.js +6 -1
  134. package/icon-set/material-icons-sharp.mjs +128 -0
  135. package/icon-set/material-icons.js +6 -1
  136. package/icon-set/material-icons.mjs +128 -0
  137. package/icon-set/mdi-v3.js +6 -1
  138. package/icon-set/mdi-v3.mjs +141 -0
  139. package/icon-set/mdi-v4.js +6 -1
  140. package/icon-set/mdi-v4.mjs +141 -0
  141. package/icon-set/mdi-v5.js +6 -1
  142. package/icon-set/mdi-v5.mjs +141 -0
  143. package/icon-set/mdi-v6.js +6 -1
  144. package/icon-set/mdi-v6.mjs +141 -0
  145. package/icon-set/svg-bootstrap-icons.js +10 -11
  146. package/icon-set/svg-bootstrap-icons.mjs +210 -0
  147. package/icon-set/svg-eva-icons.js +9 -10
  148. package/icon-set/svg-eva-icons.mjs +233 -0
  149. package/icon-set/svg-fontawesome-v5.js +5 -6
  150. package/icon-set/svg-fontawesome-v5.mjs +197 -0
  151. package/icon-set/svg-fontawesome-v6.js +5 -5
  152. package/icon-set/svg-fontawesome-v6.mjs +198 -0
  153. package/icon-set/svg-ionicons-v4.js +9 -10
  154. package/icon-set/svg-ionicons-v4.mjs +234 -0
  155. package/icon-set/svg-ionicons-v5.js +7 -7
  156. package/icon-set/svg-ionicons-v5.mjs +225 -0
  157. package/icon-set/svg-ionicons-v6.js +7 -7
  158. package/icon-set/svg-ionicons-v6.mjs +225 -0
  159. package/icon-set/svg-line-awesome.js +5 -5
  160. package/icon-set/svg-line-awesome.mjs +198 -0
  161. package/icon-set/svg-material-icons-outlined.js +5 -5
  162. package/icon-set/svg-material-icons-outlined.mjs +203 -0
  163. package/icon-set/svg-material-icons-round.js +5 -5
  164. package/icon-set/svg-material-icons-round.mjs +203 -0
  165. package/icon-set/svg-material-icons-sharp.js +5 -5
  166. package/icon-set/svg-material-icons-sharp.mjs +203 -0
  167. package/icon-set/svg-material-icons.js +5 -5
  168. package/icon-set/svg-material-icons.mjs +203 -0
  169. package/icon-set/svg-mdi-v6.js +5 -5
  170. package/icon-set/{svg-mdi-v5.js → svg-mdi-v6.mjs} +6 -6
  171. package/icon-set/svg-themify.js +9 -10
  172. package/icon-set/svg-themify.mjs +231 -0
  173. package/icon-set/themify.js +10 -5
  174. package/icon-set/themify.mjs +169 -0
  175. package/lang/ar-TN.js +101 -0
  176. package/lang/ar-TN.mjs +96 -0
  177. package/lang/ar.js +6 -1
  178. package/lang/ar.mjs +96 -0
  179. package/lang/az-Latn.js +6 -1
  180. package/lang/az-Latn.mjs +91 -0
  181. package/lang/bg.js +6 -1
  182. package/lang/bg.mjs +91 -0
  183. package/lang/bn.js +6 -1
  184. package/lang/bn.mjs +91 -0
  185. package/lang/ca.js +6 -1
  186. package/lang/ca.mjs +91 -0
  187. package/lang/cs.js +6 -1
  188. package/lang/cs.mjs +102 -0
  189. package/lang/da.js +6 -1
  190. package/lang/da.mjs +91 -0
  191. package/lang/de.js +6 -1
  192. package/lang/de.mjs +91 -0
  193. package/lang/el.js +6 -1
  194. package/lang/el.mjs +91 -0
  195. package/lang/en-GB.js +6 -1
  196. package/lang/en-GB.mjs +91 -0
  197. package/lang/en-US.js +6 -1
  198. package/lang/en-US.mjs +91 -0
  199. package/lang/eo.js +6 -1
  200. package/lang/eo.mjs +91 -0
  201. package/lang/es.js +6 -1
  202. package/lang/es.mjs +91 -0
  203. package/lang/et.js +6 -1
  204. package/lang/et.mjs +91 -0
  205. package/lang/eu.js +6 -1
  206. package/lang/eu.mjs +91 -0
  207. package/lang/fa-IR.js +6 -1
  208. package/lang/fa-IR.mjs +92 -0
  209. package/lang/fa.js +6 -1
  210. package/lang/fa.mjs +92 -0
  211. package/lang/fi.js +6 -1
  212. package/lang/fi.mjs +92 -0
  213. package/lang/fr.js +6 -1
  214. package/lang/fr.mjs +94 -0
  215. package/lang/gn.js +6 -1
  216. package/lang/gn.mjs +91 -0
  217. package/lang/he.js +6 -1
  218. package/lang/he.mjs +92 -0
  219. package/lang/hr.js +6 -1
  220. package/lang/hr.mjs +91 -0
  221. package/lang/hu.js +6 -1
  222. package/lang/hu.mjs +91 -0
  223. package/lang/id.js +6 -1
  224. package/lang/id.mjs +91 -0
  225. package/lang/index.json +4 -0
  226. package/lang/is.js +6 -1
  227. package/lang/is.mjs +91 -0
  228. package/lang/it.js +6 -1
  229. package/lang/it.mjs +91 -0
  230. package/lang/ja.js +6 -1
  231. package/lang/ja.mjs +90 -0
  232. package/lang/km.js +6 -1
  233. package/lang/km.mjs +91 -0
  234. package/lang/ko-KR.js +6 -1
  235. package/lang/ko-KR.mjs +91 -0
  236. package/lang/kur-CKB.js +6 -1
  237. package/lang/kur-CKB.mjs +101 -0
  238. package/lang/kz.js +6 -1
  239. package/lang/kz.mjs +95 -0
  240. package/lang/lt.js +6 -1
  241. package/lang/lt.mjs +103 -0
  242. package/lang/lu.js +6 -1
  243. package/lang/lu.mjs +91 -0
  244. package/lang/lv.js +6 -1
  245. package/lang/lv.mjs +91 -0
  246. package/lang/ml.js +6 -1
  247. package/lang/ml.mjs +95 -0
  248. package/lang/ms.js +6 -1
  249. package/lang/ms.mjs +91 -0
  250. package/lang/my.js +6 -1
  251. package/lang/my.mjs +90 -0
  252. package/lang/nb-NO.js +6 -1
  253. package/lang/nb-NO.mjs +92 -0
  254. package/lang/nl.js +6 -1
  255. package/lang/nl.mjs +91 -0
  256. package/lang/pl.js +6 -1
  257. package/lang/pl.mjs +91 -0
  258. package/lang/pt-BR.js +6 -1
  259. package/lang/pt-BR.mjs +91 -0
  260. package/lang/pt.js +6 -1
  261. package/lang/pt.mjs +91 -0
  262. package/lang/ro.js +6 -1
  263. package/lang/ro.mjs +91 -0
  264. package/lang/ru.js +6 -1
  265. package/lang/ru.mjs +95 -0
  266. package/lang/sk.js +6 -1
  267. package/lang/sk.mjs +91 -0
  268. package/lang/sl.js +6 -1
  269. package/lang/sl.mjs +91 -0
  270. package/lang/sr-CYR.js +6 -1
  271. package/lang/sr-CYR.mjs +91 -0
  272. package/lang/sr.js +6 -1
  273. package/lang/sr.mjs +91 -0
  274. package/lang/sv.js +6 -1
  275. package/lang/sv.mjs +91 -0
  276. package/lang/ta.js +6 -1
  277. package/lang/ta.mjs +91 -0
  278. package/lang/th.js +6 -1
  279. package/lang/th.mjs +91 -0
  280. package/lang/tr.js +6 -1
  281. package/lang/tr.mjs +87 -0
  282. package/lang/ug.js +6 -1
  283. package/lang/ug.mjs +91 -0
  284. package/lang/uk.js +7 -2
  285. package/lang/uk.mjs +95 -0
  286. package/lang/vi.js +6 -1
  287. package/lang/vi.mjs +91 -0
  288. package/lang/zh-CN.js +6 -1
  289. package/lang/zh-CN.mjs +90 -0
  290. package/lang/zh-TW.js +6 -1
  291. package/lang/zh-TW.mjs +90 -0
  292. package/package.json +7 -5
  293. package/src/components/btn/use-btn.json +2 -2
  294. package/src/components/checkbox/QCheckbox.js +1 -1
  295. package/src/components/checkbox/QCheckbox.sass +5 -9
  296. package/src/components/dialog-plugin/DialogPlugin.js +4 -4
  297. package/src/components/editor/editor-caret.js +1 -1
  298. package/src/components/fab/QFab.js +1 -1
  299. package/src/components/icon/QIcon.js +3 -4
  300. package/src/components/radio/QRadio.js +1 -1
  301. package/src/components/radio/QRadio.sass +5 -9
  302. package/src/components/select/QSelect.js +15 -0
  303. package/src/components/table/QTable.js +4 -0
  304. package/src/components/table/QTable.json +4 -0
  305. package/src/components/table/QTh.js +5 -2
  306. package/src/components/virtual-scroll/QVirtualScroll.js +9 -1
  307. package/src/composables/private/__tests__/use-transition.spec.js +2 -2
  308. package/src/composables/private/use-router-link.json +5 -5
  309. package/src/icon-set.js +2 -1
  310. package/src/lang.js +2 -1
  311. package/src/plugins/Notify.json +55 -533
  312. package/src/utils/date.js +8 -12
  313. package/src/utils/extend.js +33 -5
  314. package/dist/icon-set/svg-mdi-v4.umd.prod.js +0 -6
  315. package/dist/icon-set/svg-mdi-v5.umd.prod.js +0 -6
@@ -49,7 +49,7 @@
49
49
  },
50
50
  "html": {
51
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"
52
+ "desc": "Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
53
53
  },
54
54
  "icon": {
55
55
  "type": "String",
@@ -93,7 +93,11 @@
93
93
  },
94
94
  "spinner": {
95
95
  "type": "Boolean",
96
- "desc": "Useful for notifications that are updated; Displays the default Quasar spinner instead of an avatar or icon"
96
+ "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",
97
+ "examples": [
98
+ true,
99
+ "QSpinnerBars"
100
+ ]
97
101
  },
98
102
  "spinnerColor": {
99
103
  "type": "String",
@@ -130,9 +134,6 @@
130
134
  "right",
131
135
  "center"
132
136
  ],
133
- "examples": [
134
- "top-right"
135
- ],
136
137
  "required": false
137
138
  },
138
139
  "group": {
@@ -176,23 +177,32 @@
176
177
  "bottom-left",
177
178
  "bottom-right"
178
179
  ],
179
- "examples": [
180
- "bottom-right"
181
- ],
182
180
  "required": false
183
181
  },
184
182
  "badgeStyle": {
185
- "type": "String",
183
+ "type": [
184
+ "String",
185
+ "Array",
186
+ "Object"
187
+ ],
188
+ "tsType": "VueStyleProp",
186
189
  "desc": "Style definitions to be attributed to the badge",
187
190
  "examples": [
188
- "background-color: #ff0000"
191
+ "background-color: #ff0000",
192
+ "{ backgroundColor: '#ff0000' }"
189
193
  ]
190
194
  },
191
195
  "badgeClass": {
192
- "type": "String",
196
+ "type": [
197
+ "String",
198
+ "Array",
199
+ "Object"
200
+ ],
201
+ "tsType": "VueClassProp",
193
202
  "desc": "Class definitions to be attributed to the badge",
194
203
  "examples": [
195
- "my-special-class"
204
+ "my-special-class",
205
+ "{ 'my-special-class': <condition> }"
196
206
  ]
197
207
  },
198
208
  "progress": {
@@ -200,10 +210,16 @@
200
210
  "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
201
211
  },
202
212
  "progressClass": {
203
- "type": "String",
213
+ "type": [
214
+ "String",
215
+ "Array",
216
+ "Object"
217
+ ],
218
+ "tsType": "VueClassProp",
204
219
  "desc": "Class definitions to be attributed to the progress bar",
205
220
  "examples": [
206
- "my-special-class"
221
+ "my-special-class",
222
+ "{ 'my-special-class': <condition> }"
207
223
  ]
208
224
  },
209
225
  "classes": {
@@ -234,7 +250,7 @@
234
250
  "Boolean",
235
251
  "String"
236
252
  ],
237
- "desc": "Convenient way to add a dismiss button with a specific label, without using the 'actions' convoluted prop",
253
+ "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",
238
254
  "examples": [
239
255
  "Close me"
240
256
  ]
@@ -255,6 +271,8 @@
255
271
  "Object",
256
272
  "String"
257
273
  ],
274
+ "tsType": "QNotifyCreateOptions",
275
+ "autoDefineTsType": true,
258
276
  "required": true,
259
277
  "desc": "Notification options",
260
278
  "definition": {
@@ -300,7 +318,7 @@
300
318
  },
301
319
  "html": {
302
320
  "type": "Boolean",
303
- "desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
321
+ "desc": "Render the message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
304
322
  },
305
323
  "icon": {
306
324
  "type": "String",
@@ -335,7 +353,7 @@
335
353
  },
336
354
  "avatar": {
337
355
  "type": "String",
338
- "desc": "URL to an avatar/image; Suggestion: public folder",
356
+ "desc": "URL to an avatar/image; Suggestion: use public folder",
339
357
  "examples": [
340
358
  "(public folder) img/something.png",
341
359
  "(relative path format) require('./my_img.jpg')",
@@ -501,9 +519,33 @@
501
519
  },
502
520
  "actions": {
503
521
  "type": "Array",
504
- "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",
522
+ "tsType": "QNotifyActions",
523
+ "desc": "Notification actions (buttons); Unless 'noDismiss' is true, clicking/tapping on the button will close the notification; Also check 'closeBtn' convenience prop",
524
+ "definition": {
525
+ "handler": {
526
+ "type": "Function",
527
+ "desc": "Function to be executed when the button is clicked/tapped",
528
+ "params": null,
529
+ "returns": null,
530
+ "examples": [
531
+ "() => { console.log('button clicked') }"
532
+ ]
533
+ },
534
+ "noDismiss": {
535
+ "type": "Boolean",
536
+ "desc": "Do not dismiss the notification when the button is clicked/tapped"
537
+ },
538
+ "...": {
539
+ "type": "Any",
540
+ "desc": "Any other QBtn prop expect 'onClick' (use 'handler' instead)",
541
+ "examples": [
542
+ "label: 'Learn more'",
543
+ "color: 'primary'"
544
+ ]
545
+ }
546
+ },
505
547
  "examples": [
506
- "[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: (Function) } ]"
548
+ "[ { label: 'Show', handler: () => {}, 'aria-label': 'Button label' }, { icon: 'map', handler: () => {}, color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: () => {} } ]"
507
549
  ]
508
550
  },
509
551
  "onDismiss": {
@@ -520,7 +562,7 @@
520
562
  "Boolean",
521
563
  "String"
522
564
  ],
523
- "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",
565
+ "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",
524
566
  "examples": [
525
567
  "Close me"
526
568
  ]
@@ -542,195 +584,9 @@
542
584
  "params": {
543
585
  "props": {
544
586
  "type": "Object",
587
+ "tsType": "QNotifyUpdateOptions",
545
588
  "required": false,
546
- "desc": "Notification properties that will be shallow merged to previous ones in order to update the non-grouped notification",
547
- "definition": {
548
- "type": {
549
- "type": "String",
550
- "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
551
- "examples": [
552
- "negative",
553
- "custom-type"
554
- ]
555
- },
556
- "color": {
557
- "type": "String",
558
- "desc": "Color name for component from the Quasar Color Palette",
559
- "examples": [
560
- "primary",
561
- "teal-10"
562
- ],
563
- "category": "style"
564
- },
565
- "textColor": {
566
- "type": "String",
567
- "desc": "Color name for component from the Quasar Color Palette",
568
- "examples": [
569
- "primary",
570
- "teal-10"
571
- ],
572
- "category": "style"
573
- },
574
- "message": {
575
- "type": "String",
576
- "desc": "The content of your message",
577
- "examples": [
578
- "John Doe pinged you"
579
- ]
580
- },
581
- "caption": {
582
- "type": "String",
583
- "desc": "The content of your optional caption",
584
- "examples": [
585
- "5 minutes ago"
586
- ]
587
- },
588
- "html": {
589
- "type": "Boolean",
590
- "desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
591
- },
592
- "icon": {
593
- "type": "String",
594
- "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)",
595
- "examples": [
596
- "map",
597
- "ion-add",
598
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
599
- "img:path/to/some_image.png"
600
- ],
601
- "category": "content"
602
- },
603
- "iconColor": {
604
- "type": "String",
605
- "desc": "Color name for component from the Quasar Color Palette",
606
- "examples": [
607
- "primary",
608
- "teal-10"
609
- ],
610
- "category": "style",
611
- "addedIn": "v2.5.5"
612
- },
613
- "iconSize": {
614
- "type": "String",
615
- "desc": "Size in CSS units, including unit name",
616
- "examples": [
617
- "16px",
618
- "2rem"
619
- ],
620
- "category": "style",
621
- "addedIn": "v2.5.5"
622
- },
623
- "avatar": {
624
- "type": "String",
625
- "desc": "URL to an avatar/image; Suggestion: use public folder",
626
- "examples": [
627
- "(public folder) img/something.png",
628
- "(relative path format) require('./my_img.jpg')",
629
- "(URL) https://some-site.net/some-img.gif"
630
- ]
631
- },
632
- "spinner": {
633
- "type": [
634
- "Boolean",
635
- "Component"
636
- ],
637
- "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"
638
- },
639
- "spinnerColor": {
640
- "type": "String",
641
- "desc": "Color name for component from the Quasar Color Palette",
642
- "examples": [
643
- "primary",
644
- "teal-10"
645
- ],
646
- "category": "style",
647
- "addedIn": "v2.5.5"
648
- },
649
- "spinnerSize": {
650
- "type": "String",
651
- "desc": "Size in CSS units, including unit name",
652
- "examples": [
653
- "16px",
654
- "2rem"
655
- ],
656
- "category": "style",
657
- "addedIn": "v2.5.5"
658
- },
659
- "progress": {
660
- "type": "Boolean",
661
- "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
662
- },
663
- "progressClass": {
664
- "type": [
665
- "String",
666
- "Array",
667
- "Object"
668
- ],
669
- "tsType": "VueClassProp",
670
- "desc": "Class definitions to be attributed to the progress bar",
671
- "examples": [
672
- "my-special-class",
673
- "{ 'my-special-class': <condition> }"
674
- ]
675
- },
676
- "classes": {
677
- "type": "String",
678
- "desc": "Add CSS class(es) to the notification for easier customization",
679
- "examples": [
680
- "my-notif-class"
681
- ]
682
- },
683
- "attrs": {
684
- "type": "Object",
685
- "desc": "Key-value for attributes to be set on the notification",
686
- "examples": [
687
- "{ role: 'alertdialog' }"
688
- ]
689
- },
690
- "timeout": {
691
- "type": "Number",
692
- "desc": "Amount of time to display (in milliseconds)",
693
- "default": 5000,
694
- "examples": [
695
- 2500
696
- ],
697
- "required": false
698
- },
699
- "actions": {
700
- "type": "Array",
701
- "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",
702
- "examples": [
703
- "[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' }, { label: 'Learn more', noDismiss: true, handler: (Function) } ]"
704
- ]
705
- },
706
- "onDismiss": {
707
- "type": "Function",
708
- "desc": "Function to call when notification gets dismissed",
709
- "params": null,
710
- "returns": null,
711
- "examples": [
712
- "() => { console.log('Dismissed') }"
713
- ]
714
- },
715
- "closeBtn": {
716
- "type": [
717
- "Boolean",
718
- "String"
719
- ],
720
- "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",
721
- "examples": [
722
- "Close me"
723
- ]
724
- },
725
- "multiLine": {
726
- "type": "Boolean",
727
- "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"
728
- },
729
- "ignoreDefaults": {
730
- "type": "Boolean",
731
- "desc": "Ignore the default configuration (set by setDefaults()) for this instance only"
732
- }
733
- }
589
+ "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')"
734
590
  }
735
591
  },
736
592
  "returns": null
@@ -741,270 +597,9 @@
741
597
  "params": {
742
598
  "opts": {
743
599
  "type": "Object",
600
+ "tsType": "QNotifyOptions",
744
601
  "required": true,
745
- "desc": "Notification options",
746
- "definition": {
747
- "type": {
748
- "type": "String",
749
- "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
750
- "examples": [
751
- "negative",
752
- "custom-type"
753
- ]
754
- },
755
- "color": {
756
- "type": "String",
757
- "desc": "Color name for component from the Quasar Color Palette",
758
- "examples": [
759
- "primary",
760
- "teal-10"
761
- ],
762
- "category": "style"
763
- },
764
- "textColor": {
765
- "type": "String",
766
- "desc": "Color name for component from the Quasar Color Palette",
767
- "examples": [
768
- "primary",
769
- "teal-10"
770
- ],
771
- "category": "style"
772
- },
773
- "message": {
774
- "type": "String",
775
- "desc": "The content of your message",
776
- "examples": [
777
- "John Doe pinged you"
778
- ]
779
- },
780
- "caption": {
781
- "type": "String",
782
- "desc": "The content of your optional caption",
783
- "examples": [
784
- "5 minutes ago"
785
- ]
786
- },
787
- "html": {
788
- "type": "Boolean",
789
- "desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
790
- },
791
- "icon": {
792
- "type": "String",
793
- "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)",
794
- "examples": [
795
- "map",
796
- "ion-add",
797
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
798
- "img:path/to/some_image.png"
799
- ],
800
- "category": "content"
801
- },
802
- "iconColor": {
803
- "type": "String",
804
- "desc": "Color name for component from the Quasar Color Palette",
805
- "examples": [
806
- "primary",
807
- "teal-10"
808
- ],
809
- "category": "style",
810
- "addedIn": "v2.5.5"
811
- },
812
- "iconSize": {
813
- "type": "String",
814
- "desc": "Size in CSS units, including unit name",
815
- "examples": [
816
- "16px",
817
- "2rem"
818
- ],
819
- "category": "style",
820
- "addedIn": "v2.5.5"
821
- },
822
- "avatar": {
823
- "type": "String",
824
- "desc": "URL to an avatar/image; Suggestion: use public folder",
825
- "examples": [
826
- "(public folder) img/something.png",
827
- "(relative path format) require('./my_img.jpg')",
828
- "(URL) https://some-site.net/some-img.gif"
829
- ]
830
- },
831
- "spinner": {
832
- "type": [
833
- "Boolean",
834
- "Component"
835
- ],
836
- "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"
837
- },
838
- "spinnerColor": {
839
- "type": "String",
840
- "desc": "Color name for component from the Quasar Color Palette",
841
- "examples": [
842
- "primary",
843
- "teal-10"
844
- ],
845
- "category": "style",
846
- "addedIn": "v2.5.5"
847
- },
848
- "spinnerSize": {
849
- "type": "String",
850
- "desc": "Size in CSS units, including unit name",
851
- "examples": [
852
- "16px",
853
- "2rem"
854
- ],
855
- "category": "style",
856
- "addedIn": "v2.5.5"
857
- },
858
- "position": {
859
- "type": "String",
860
- "desc": "Window side/corner to stick to",
861
- "default": "bottom",
862
- "values": [
863
- "top-left",
864
- "top-right",
865
- "bottom-left",
866
- "bottom-right",
867
- "top",
868
- "bottom",
869
- "left",
870
- "right",
871
- "center"
872
- ],
873
- "examples": [
874
- "top-right"
875
- ],
876
- "required": false
877
- },
878
- "badgeColor": {
879
- "type": "String",
880
- "desc": "Color name for the badge from the Quasar Color Palette",
881
- "examples": [
882
- "primary",
883
- "teal-10"
884
- ],
885
- "category": "style"
886
- },
887
- "badgeTextColor": {
888
- "type": "String",
889
- "desc": "Color name for the badge text from the Quasar Color Palette",
890
- "examples": [
891
- "primary",
892
- "teal-10"
893
- ],
894
- "category": "style"
895
- },
896
- "badgePosition": {
897
- "type": "String",
898
- "desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
899
- "default": "(top-left/top-right)",
900
- "values": [
901
- "top-left",
902
- "top-right",
903
- "bottom-left",
904
- "bottom-right"
905
- ],
906
- "examples": [
907
- "bottom-right"
908
- ],
909
- "required": false
910
- },
911
- "badgeStyle": {
912
- "type": [
913
- "String",
914
- "Array",
915
- "Object"
916
- ],
917
- "tsType": "VueStyleProp",
918
- "desc": "Style definitions to be attributed to the badge",
919
- "examples": [
920
- "background-color: #ff0000",
921
- "{ backgroundColor: '#ff0000' }"
922
- ]
923
- },
924
- "badgeClass": {
925
- "type": [
926
- "String",
927
- "Array",
928
- "Object"
929
- ],
930
- "tsType": "VueClassProp",
931
- "desc": "Class definitions to be attributed to the badge",
932
- "examples": [
933
- "my-special-class",
934
- "{ 'my-special-class': <condition> }"
935
- ]
936
- },
937
- "progress": {
938
- "type": "Boolean",
939
- "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
940
- },
941
- "progressClass": {
942
- "type": [
943
- "String",
944
- "Array",
945
- "Object"
946
- ],
947
- "tsType": "VueClassProp",
948
- "desc": "Class definitions to be attributed to the progress bar",
949
- "examples": [
950
- "my-special-class",
951
- "{ 'my-special-class': <condition> }"
952
- ]
953
- },
954
- "classes": {
955
- "type": "String",
956
- "desc": "Add CSS class(es) to the notification for easier customization",
957
- "examples": [
958
- "my-notif-class"
959
- ]
960
- },
961
- "attrs": {
962
- "type": "Object",
963
- "desc": "Key-value for attributes to be set on the notification",
964
- "examples": [
965
- "{ role: 'alertdialog' }"
966
- ]
967
- },
968
- "timeout": {
969
- "type": "Number",
970
- "desc": "Amount of time to display (in milliseconds)",
971
- "default": 5000,
972
- "examples": [
973
- 2500
974
- ],
975
- "required": false
976
- },
977
- "actions": {
978
- "type": "Array",
979
- "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",
980
- "examples": [
981
- "[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' } ]"
982
- ]
983
- },
984
- "onDismiss": {
985
- "type": "Function",
986
- "desc": "Function to call when notification gets dismissed",
987
- "params": null,
988
- "returns": null,
989
- "examples": [
990
- "() => { console.log('Dismissed') }"
991
- ]
992
- },
993
- "closeBtn": {
994
- "type": [
995
- "Boolean",
996
- "String"
997
- ],
998
- "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",
999
- "examples": [
1000
- "Close me"
1001
- ]
1002
- },
1003
- "multiLine": {
1004
- "type": "Boolean",
1005
- "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"
1006
- }
1007
- }
602
+ "desc": "Notification options (See 'opts' param of 'create()' for object properties)"
1008
603
  }
1009
604
  }
1010
605
  },
@@ -1021,270 +616,9 @@
1021
616
  },
1022
617
  "typeOpts": {
1023
618
  "type": "Object",
619
+ "tsType": "QNotifyOptions",
1024
620
  "required": true,
1025
- "desc": "Notification options",
1026
- "definition": {
1027
- "type": {
1028
- "type": "String",
1029
- "desc": "Optional type (that has been previously registered) or one of the out of the box ones ('positive', 'negative', 'warning', 'info', 'ongoing')",
1030
- "examples": [
1031
- "negative",
1032
- "custom-type"
1033
- ]
1034
- },
1035
- "color": {
1036
- "type": "String",
1037
- "desc": "Color name for component from the Quasar Color Palette",
1038
- "examples": [
1039
- "primary",
1040
- "teal-10"
1041
- ],
1042
- "category": "style"
1043
- },
1044
- "textColor": {
1045
- "type": "String",
1046
- "desc": "Color name for component from the Quasar Color Palette",
1047
- "examples": [
1048
- "primary",
1049
- "teal-10"
1050
- ],
1051
- "category": "style"
1052
- },
1053
- "message": {
1054
- "type": "String",
1055
- "desc": "The content of your message",
1056
- "examples": [
1057
- "John Doe pinged you"
1058
- ]
1059
- },
1060
- "caption": {
1061
- "type": "String",
1062
- "desc": "The content of your optional caption",
1063
- "examples": [
1064
- "5 minutes ago"
1065
- ]
1066
- },
1067
- "html": {
1068
- "type": "Boolean",
1069
- "desc": "Render message as HTML; This can lead to XSS attacks, so make sure that you sanitize the message first"
1070
- },
1071
- "icon": {
1072
- "type": "String",
1073
- "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)",
1074
- "examples": [
1075
- "map",
1076
- "ion-add",
1077
- "img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
1078
- "img:path/to/some_image.png"
1079
- ],
1080
- "category": "content"
1081
- },
1082
- "iconColor": {
1083
- "type": "String",
1084
- "desc": "Color name for component from the Quasar Color Palette",
1085
- "examples": [
1086
- "primary",
1087
- "teal-10"
1088
- ],
1089
- "category": "style",
1090
- "addedIn": "v2.5.5"
1091
- },
1092
- "iconSize": {
1093
- "type": "String",
1094
- "desc": "Size in CSS units, including unit name",
1095
- "examples": [
1096
- "16px",
1097
- "2rem"
1098
- ],
1099
- "category": "style",
1100
- "addedIn": "v2.5.5"
1101
- },
1102
- "avatar": {
1103
- "type": "String",
1104
- "desc": "URL to an avatar/image; Suggestion: use public folder",
1105
- "examples": [
1106
- "(public folder) img/something.png",
1107
- "(relative path format) require('./my_img.jpg')",
1108
- "(URL) https://some-site.net/some-img.gif"
1109
- ]
1110
- },
1111
- "spinner": {
1112
- "type": [
1113
- "Boolean",
1114
- "Component"
1115
- ],
1116
- "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"
1117
- },
1118
- "spinnerColor": {
1119
- "type": "String",
1120
- "desc": "Color name for component from the Quasar Color Palette",
1121
- "examples": [
1122
- "primary",
1123
- "teal-10"
1124
- ],
1125
- "category": "style",
1126
- "addedIn": "v2.5.5"
1127
- },
1128
- "spinnerSize": {
1129
- "type": "String",
1130
- "desc": "Size in CSS units, including unit name",
1131
- "examples": [
1132
- "16px",
1133
- "2rem"
1134
- ],
1135
- "category": "style",
1136
- "addedIn": "v2.5.5"
1137
- },
1138
- "position": {
1139
- "type": "String",
1140
- "desc": "Window side/corner to stick to",
1141
- "default": "bottom",
1142
- "values": [
1143
- "top-left",
1144
- "top-right",
1145
- "bottom-left",
1146
- "bottom-right",
1147
- "top",
1148
- "bottom",
1149
- "left",
1150
- "right",
1151
- "center"
1152
- ],
1153
- "examples": [
1154
- "top-right"
1155
- ],
1156
- "required": false
1157
- },
1158
- "badgeColor": {
1159
- "type": "String",
1160
- "desc": "Color name for the badge from the Quasar Color Palette",
1161
- "examples": [
1162
- "primary",
1163
- "teal-10"
1164
- ],
1165
- "category": "style"
1166
- },
1167
- "badgeTextColor": {
1168
- "type": "String",
1169
- "desc": "Color name for the badge text from the Quasar Color Palette",
1170
- "examples": [
1171
- "primary",
1172
- "teal-10"
1173
- ],
1174
- "category": "style"
1175
- },
1176
- "badgePosition": {
1177
- "type": "String",
1178
- "desc": "Notification corner to stick badge to; If notification is on the left side then default is top-right otherwise it is top-left",
1179
- "default": "(top-left/top-right)",
1180
- "values": [
1181
- "top-left",
1182
- "top-right",
1183
- "bottom-left",
1184
- "bottom-right"
1185
- ],
1186
- "examples": [
1187
- "bottom-right"
1188
- ],
1189
- "required": false
1190
- },
1191
- "badgeStyle": {
1192
- "type": [
1193
- "String",
1194
- "Array",
1195
- "Object"
1196
- ],
1197
- "tsType": "VueStyleProp",
1198
- "desc": "Style definitions to be attributed to the badge",
1199
- "examples": [
1200
- "background-color: #ff0000",
1201
- "{ backgroundColor: '#ff0000' }"
1202
- ]
1203
- },
1204
- "badgeClass": {
1205
- "type": [
1206
- "String",
1207
- "Array",
1208
- "Object"
1209
- ],
1210
- "tsType": "VueClassProp",
1211
- "desc": "Class definitions to be attributed to the badge",
1212
- "examples": [
1213
- "my-special-class",
1214
- "{ 'my-special-class': <condition> }"
1215
- ]
1216
- },
1217
- "progress": {
1218
- "type": "Boolean",
1219
- "desc": "Show progress bar to detail when notification will disappear automatically (unless timeout is 0)"
1220
- },
1221
- "progressClass": {
1222
- "type": [
1223
- "String",
1224
- "Array",
1225
- "Object"
1226
- ],
1227
- "tsType": "VueClassProp",
1228
- "desc": "Class definitions to be attributed to the progress bar",
1229
- "examples": [
1230
- "my-special-class",
1231
- "{ 'my-special-class': <condition> }"
1232
- ]
1233
- },
1234
- "classes": {
1235
- "type": "String",
1236
- "desc": "Add CSS class(es) to the notification for easier customization",
1237
- "examples": [
1238
- "my-notif-class"
1239
- ]
1240
- },
1241
- "attrs": {
1242
- "type": "Object",
1243
- "desc": "Key-value for attributes to be set on the notification",
1244
- "examples": [
1245
- "{ role: 'alertdialog' }"
1246
- ]
1247
- },
1248
- "timeout": {
1249
- "type": "Number",
1250
- "desc": "Amount of time to display (in milliseconds)",
1251
- "default": 5000,
1252
- "examples": [
1253
- 2500
1254
- ],
1255
- "required": false
1256
- },
1257
- "actions": {
1258
- "type": "Array",
1259
- "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",
1260
- "examples": [
1261
- "[ { label: 'Show', handler: (Function), attrs: { 'aria-label': 'Button label' } }, { icon: 'map', handler: (Function), color: 'yellow' } ]"
1262
- ]
1263
- },
1264
- "onDismiss": {
1265
- "type": "Function",
1266
- "desc": "Function to call when notification gets dismissed",
1267
- "params": null,
1268
- "returns": null,
1269
- "examples": [
1270
- "() => { console.log('Dismissed') }"
1271
- ]
1272
- },
1273
- "closeBtn": {
1274
- "type": [
1275
- "Boolean",
1276
- "String"
1277
- ],
1278
- "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",
1279
- "examples": [
1280
- "Close me"
1281
- ]
1282
- },
1283
- "multiLine": {
1284
- "type": "Boolean",
1285
- "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"
1286
- }
1287
- }
621
+ "desc": "Notification options (See 'opts' param of 'create()' for object properties)"
1288
622
  }
1289
623
  }
1290
624
  }