quasar 2.12.7 → 2.13.1

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 (210) hide show
  1. package/dist/api/BottomSheet.json +7 -2
  2. package/dist/api/Dialog.json +7 -2
  3. package/dist/api/QBanner.json +7 -2
  4. package/dist/api/QBar.json +7 -2
  5. package/dist/api/QBtn.json +7 -2
  6. package/dist/api/QBtnDropdown.json +7 -2
  7. package/dist/api/QCard.json +7 -2
  8. package/dist/api/QCarousel.json +7 -2
  9. package/dist/api/QCheckbox.json +8 -3
  10. package/dist/api/QChip.json +13 -3
  11. package/dist/api/QColor.json +7 -2
  12. package/dist/api/QDate.json +7 -2
  13. package/dist/api/QDrawer.json +7 -2
  14. package/dist/api/QEditor.json +7 -2
  15. package/dist/api/QExpansionItem.json +7 -2
  16. package/dist/api/QFab.json +7 -2
  17. package/dist/api/QFabAction.json +7 -2
  18. package/dist/api/QField.json +28 -7
  19. package/dist/api/QFile.json +14 -4
  20. package/dist/api/QImg.json +1 -1
  21. package/dist/api/QInnerLoading.json +7 -2
  22. package/dist/api/QInput.json +16 -5
  23. package/dist/api/QIntersection.json +7 -2
  24. package/dist/api/QItem.json +12 -4
  25. package/dist/api/QLinearProgress.json +7 -2
  26. package/dist/api/QList.json +7 -2
  27. package/dist/api/QMarkupTable.json +7 -2
  28. package/dist/api/QMenu.json +21 -6
  29. package/dist/api/QOptionGroup.json +7 -2
  30. package/dist/api/QPagination.json +37 -11
  31. package/dist/api/QRadio.json +7 -2
  32. package/dist/api/QRange.json +7 -2
  33. package/dist/api/QScrollArea.json +14 -4
  34. package/dist/api/QSelect.json +24 -8
  35. package/dist/api/QSeparator.json +7 -2
  36. package/dist/api/QSkeleton.json +7 -2
  37. package/dist/api/QSlideItem.json +7 -2
  38. package/dist/api/QSlider.json +7 -2
  39. package/dist/api/QStepper.json +7 -2
  40. package/dist/api/QTabPanel.json +7 -2
  41. package/dist/api/QTable.json +124 -21
  42. package/dist/api/QTime.json +17 -6
  43. package/dist/api/QTimeline.json +7 -2
  44. package/dist/api/QToggle.json +8 -3
  45. package/dist/api/QTooltip.json +14 -4
  46. package/dist/api/QTree.json +7 -2
  47. package/dist/api/QUploader.json +7 -2
  48. package/dist/api/QVirtualScroll.json +2 -1
  49. package/dist/icon-set/bootstrap-icons.umd.prod.js +1 -1
  50. package/dist/icon-set/eva-icons.umd.prod.js +1 -1
  51. package/dist/icon-set/fontawesome-v5-pro.umd.prod.js +1 -1
  52. package/dist/icon-set/fontawesome-v5.umd.prod.js +1 -1
  53. package/dist/icon-set/fontawesome-v6-pro.umd.prod.js +1 -1
  54. package/dist/icon-set/fontawesome-v6.umd.prod.js +1 -1
  55. package/dist/icon-set/ionicons-v4.umd.prod.js +1 -1
  56. package/dist/icon-set/line-awesome.umd.prod.js +1 -1
  57. package/dist/icon-set/material-icons-outlined.umd.prod.js +1 -1
  58. package/dist/icon-set/material-icons-round.umd.prod.js +1 -1
  59. package/dist/icon-set/material-icons-sharp.umd.prod.js +1 -1
  60. package/dist/icon-set/material-icons.umd.prod.js +1 -1
  61. package/dist/icon-set/material-symbols-outlined.umd.prod.js +1 -1
  62. package/dist/icon-set/material-symbols-rounded.umd.prod.js +1 -1
  63. package/dist/icon-set/material-symbols-sharp.umd.prod.js +1 -1
  64. package/dist/icon-set/mdi-v3.umd.prod.js +1 -1
  65. package/dist/icon-set/mdi-v4.umd.prod.js +1 -1
  66. package/dist/icon-set/mdi-v5.umd.prod.js +1 -1
  67. package/dist/icon-set/mdi-v6.umd.prod.js +1 -1
  68. package/dist/icon-set/mdi-v7.umd.prod.js +1 -1
  69. package/dist/icon-set/svg-bootstrap-icons.umd.prod.js +1 -1
  70. package/dist/icon-set/svg-eva-icons.umd.prod.js +1 -1
  71. package/dist/icon-set/svg-fontawesome-v5.umd.prod.js +1 -1
  72. package/dist/icon-set/svg-fontawesome-v6.umd.prod.js +1 -1
  73. package/dist/icon-set/svg-ionicons-v4.umd.prod.js +1 -1
  74. package/dist/icon-set/svg-ionicons-v5.umd.prod.js +1 -1
  75. package/dist/icon-set/svg-ionicons-v6.umd.prod.js +1 -1
  76. package/dist/icon-set/svg-line-awesome.umd.prod.js +1 -1
  77. package/dist/icon-set/svg-material-icons-outlined.umd.prod.js +2 -2
  78. package/dist/icon-set/svg-material-icons-round.umd.prod.js +2 -2
  79. package/dist/icon-set/svg-material-icons-sharp.umd.prod.js +2 -2
  80. package/dist/icon-set/svg-material-icons.umd.prod.js +2 -2
  81. package/dist/icon-set/svg-material-symbols-outlined.umd.prod.js +2 -2
  82. package/dist/icon-set/svg-material-symbols-rounded.umd.prod.js +2 -2
  83. package/dist/icon-set/svg-material-symbols-sharp.umd.prod.js +2 -2
  84. package/dist/icon-set/svg-mdi-v6.umd.prod.js +1 -1
  85. package/dist/icon-set/svg-mdi-v7.umd.prod.js +1 -1
  86. package/dist/icon-set/svg-themify.umd.prod.js +1 -1
  87. package/dist/icon-set/themify.umd.prod.js +1 -1
  88. package/dist/lang/ar-TN.umd.prod.js +1 -1
  89. package/dist/lang/ar.umd.prod.js +1 -1
  90. package/dist/lang/az-Latn.umd.prod.js +1 -1
  91. package/dist/lang/bg.umd.prod.js +1 -1
  92. package/dist/lang/bn.umd.prod.js +1 -1
  93. package/dist/lang/ca.umd.prod.js +1 -1
  94. package/dist/lang/cs.umd.prod.js +1 -1
  95. package/dist/lang/da.umd.prod.js +1 -1
  96. package/dist/lang/de-CH.umd.prod.js +6 -0
  97. package/dist/lang/de-DE.umd.prod.js +6 -0
  98. package/dist/lang/de.umd.prod.js +1 -1
  99. package/dist/lang/el.umd.prod.js +1 -1
  100. package/dist/lang/en-GB.umd.prod.js +1 -1
  101. package/dist/lang/en-US.umd.prod.js +1 -1
  102. package/dist/lang/eo.umd.prod.js +1 -1
  103. package/dist/lang/es.umd.prod.js +1 -1
  104. package/dist/lang/et.umd.prod.js +1 -1
  105. package/dist/lang/eu.umd.prod.js +1 -1
  106. package/dist/lang/fa-IR.umd.prod.js +1 -1
  107. package/dist/lang/fa.umd.prod.js +1 -1
  108. package/dist/lang/fi.umd.prod.js +1 -1
  109. package/dist/lang/fr.umd.prod.js +1 -1
  110. package/dist/lang/gn.umd.prod.js +1 -1
  111. package/dist/lang/he.umd.prod.js +1 -1
  112. package/dist/lang/hi.umd.prod.js +1 -1
  113. package/dist/lang/hr.umd.prod.js +1 -1
  114. package/dist/lang/hu.umd.prod.js +1 -1
  115. package/dist/lang/id.umd.prod.js +1 -1
  116. package/dist/lang/is.umd.prod.js +1 -1
  117. package/dist/lang/it.umd.prod.js +1 -1
  118. package/dist/lang/ja.umd.prod.js +1 -1
  119. package/dist/lang/kk.umd.prod.js +1 -1
  120. package/dist/lang/km.umd.prod.js +1 -1
  121. package/dist/lang/ko-KR.umd.prod.js +1 -1
  122. package/dist/lang/kur-CKB.umd.prod.js +1 -1
  123. package/dist/lang/lt.umd.prod.js +1 -1
  124. package/dist/lang/lu.umd.prod.js +1 -1
  125. package/dist/lang/lv.umd.prod.js +1 -1
  126. package/dist/lang/mk.umd.prod.js +2 -2
  127. package/dist/lang/ml.umd.prod.js +1 -1
  128. package/dist/lang/mm.umd.prod.js +1 -1
  129. package/dist/lang/ms.umd.prod.js +1 -1
  130. package/dist/lang/my.umd.prod.js +1 -1
  131. package/dist/lang/nb-NO.umd.prod.js +1 -1
  132. package/dist/lang/nl.umd.prod.js +1 -1
  133. package/dist/lang/pl.umd.prod.js +1 -1
  134. package/dist/lang/pt-BR.umd.prod.js +1 -1
  135. package/dist/lang/pt.umd.prod.js +1 -1
  136. package/dist/lang/ro.umd.prod.js +1 -1
  137. package/dist/lang/ru.umd.prod.js +1 -1
  138. package/dist/lang/sk.umd.prod.js +1 -1
  139. package/dist/lang/sl.umd.prod.js +1 -1
  140. package/dist/lang/sm.umd.prod.js +1 -1
  141. package/dist/lang/sr-CYR.umd.prod.js +1 -1
  142. package/dist/lang/sr.umd.prod.js +1 -1
  143. package/dist/lang/sv.umd.prod.js +1 -1
  144. package/dist/lang/ta.umd.prod.js +1 -1
  145. package/dist/lang/th.umd.prod.js +1 -1
  146. package/dist/lang/tr.umd.prod.js +1 -1
  147. package/dist/lang/ug.umd.prod.js +1 -1
  148. package/dist/lang/uk.umd.prod.js +1 -1
  149. package/dist/lang/uz-Cyrl.umd.prod.js +1 -1
  150. package/dist/lang/uz-Latn.umd.prod.js +1 -1
  151. package/dist/lang/vi.umd.prod.js +1 -1
  152. package/dist/lang/zh-CN.umd.prod.js +1 -1
  153. package/dist/lang/zh-TW.umd.prod.js +1 -1
  154. package/dist/quasar.addon.prod.css +1 -1
  155. package/dist/quasar.addon.rtl.prod.css +1 -1
  156. package/dist/quasar.cjs.prod.js +2 -2
  157. package/dist/quasar.esm.js +136 -43
  158. package/dist/quasar.esm.prod.js +2 -2
  159. package/dist/quasar.prod.css +1 -1
  160. package/dist/quasar.rtl.prod.css +1 -1
  161. package/dist/quasar.sass +1 -1
  162. package/dist/quasar.umd.js +136 -43
  163. package/dist/quasar.umd.prod.js +2 -2
  164. package/dist/types/api/qtree.d.ts +115 -21
  165. package/dist/types/index.d.ts +98 -83
  166. package/dist/vetur/quasar-attributes.json +70 -66
  167. package/dist/vetur/quasar-tags.json +2 -1
  168. package/dist/web-types/web-types.json +134 -184
  169. package/lang/de-CH.js +98 -0
  170. package/lang/de-CH.mjs +93 -0
  171. package/lang/de-DE.js +98 -0
  172. package/lang/de-DE.mjs +93 -0
  173. package/lang/index.json +8 -0
  174. package/lang/mk.js +4 -4
  175. package/lang/mk.mjs +4 -4
  176. package/package.json +4 -3
  177. package/src/api.extends.json +2 -1
  178. package/src/components/btn/use-btn.json +2 -1
  179. package/src/components/checkbox/use-checkbox.json +1 -1
  180. package/src/components/chip/QChip.json +2 -1
  181. package/src/components/date/QDate.js +4 -4
  182. package/src/components/fab/use-fab.json +2 -1
  183. package/src/components/field/QField.js +14 -2
  184. package/src/components/field/QField.json +7 -0
  185. package/src/components/field/__tests__/QField.cy.js +156 -0
  186. package/src/components/img/QImg.json +1 -1
  187. package/src/components/input/QInput.json +2 -1
  188. package/src/components/input/use-mask.js +6 -1
  189. package/src/components/intersection/QIntersection.json +2 -1
  190. package/src/components/item/QItem.js +1 -1
  191. package/src/components/item/QItem.json +3 -3
  192. package/src/components/menu/QMenu.json +4 -0
  193. package/src/components/pagination/QPagination.json +9 -5
  194. package/src/components/scroll-area/QScrollArea.js +16 -1
  195. package/src/components/scroll-area/QScrollArea.json +2 -1
  196. package/src/components/select/QSelect.js +42 -17
  197. package/src/components/select/QSelect.json +3 -2
  198. package/src/components/select/__tests__/QSelect.cy.js +2 -1
  199. package/src/components/table/QTable.json +38 -1
  200. package/src/components/table/table-sort.js +5 -0
  201. package/src/components/time/QTime.js +16 -3
  202. package/src/components/time/QTime.json +4 -3
  203. package/src/components/tooltip/QTooltip.json +4 -0
  204. package/src/components/tree/QTree.js +8 -3
  205. package/src/components/virtual-scroll/use-virtual-scroll.json +1 -1
  206. package/src/composables/private/__tests__/FieldWrapper.vue +17 -2
  207. package/src/composables/private/__tests__/use-field.cy.js +334 -137
  208. package/src/composables/private/__tests__/use-validate.cy.js +162 -15
  209. package/src/composables/private/use-field.js +21 -8
  210. package/src/composables/private/use-validate.json +2 -1
@@ -115,7 +115,7 @@ export interface BottomSheet {
115
115
  /**
116
116
  * Apply dark mode
117
117
  */
118
- dark?: boolean;
118
+ dark?: boolean | null;
119
119
  /**
120
120
  * Put Bottom Sheet into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too
121
121
  */
@@ -1828,7 +1828,7 @@ export interface QBannerProps {
1828
1828
  /**
1829
1829
  * Notify the component that the background is a dark color
1830
1830
  */
1831
- dark?: boolean | undefined;
1831
+ dark?: boolean | null | undefined;
1832
1832
  }
1833
1833
 
1834
1834
  export interface QBannerSlots {
@@ -1856,7 +1856,7 @@ export interface QBarProps {
1856
1856
  /**
1857
1857
  * The component background color lights up the parent's background (as opposed to default behavior which is to darken it); Works unless you specify a CSS background color for it
1858
1858
  */
1859
- dark?: boolean | undefined;
1859
+ dark?: boolean | null | undefined;
1860
1860
  }
1861
1861
 
1862
1862
  export interface QBarSlots {
@@ -2126,7 +2126,7 @@ export interface QBtnProps {
2126
2126
  /**
2127
2127
  * Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)
2128
2128
  */
2129
- loading?: boolean | undefined;
2129
+ loading?: boolean | null | undefined;
2130
2130
  /**
2131
2131
  * Put component in disabled mode
2132
2132
  */
@@ -2335,7 +2335,7 @@ export interface QBtnDropdownProps {
2335
2335
  /**
2336
2336
  * Put button into loading state (displays a QSpinner -- can be overridden by using a 'loading' slot)
2337
2337
  */
2338
- loading?: boolean | undefined;
2338
+ loading?: boolean | null | undefined;
2339
2339
  /**
2340
2340
  * Put component in disabled mode
2341
2341
  */
@@ -2704,7 +2704,7 @@ export interface QCardProps {
2704
2704
  /**
2705
2705
  * Notify the component that the background is a dark color
2706
2706
  */
2707
- dark?: boolean | undefined;
2707
+ dark?: boolean | null | undefined;
2708
2708
  /**
2709
2709
  * Removes border-radius so borders are squared
2710
2710
  */
@@ -2848,7 +2848,7 @@ export interface QCarouselProps {
2848
2848
  /**
2849
2849
  * Notify the component that the background is a dark color
2850
2850
  */
2851
- dark?: boolean | undefined;
2851
+ dark?: boolean | null | undefined;
2852
2852
  /**
2853
2853
  * Height of Carousel in CSS units, including unit name
2854
2854
  */
@@ -3217,7 +3217,7 @@ export interface QCheckboxProps {
3217
3217
  /**
3218
3218
  * Notify the component that the background is a dark color
3219
3219
  */
3220
- dark?: boolean | undefined;
3220
+ dark?: boolean | null | undefined;
3221
3221
  /**
3222
3222
  * Dense mode; occupies less space
3223
3223
  */
@@ -3264,7 +3264,7 @@ export interface QChipProps {
3264
3264
  /**
3265
3265
  * Notify the component that the background is a dark color
3266
3266
  */
3267
- dark?: boolean | undefined;
3267
+ dark?: boolean | null | undefined;
3268
3268
  /**
3269
3269
  * 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)
3270
3270
  */
@@ -3301,7 +3301,7 @@ export interface QChipProps {
3301
3301
  /**
3302
3302
  * Model for QChip if it's selected or not
3303
3303
  */
3304
- selected?: boolean | undefined;
3304
+ selected?: boolean | null | undefined;
3305
3305
  /**
3306
3306
  * Sets a low value for border-radius instead of the default one, making it close to a square
3307
3307
  */
@@ -3505,7 +3505,7 @@ export interface QColorProps {
3505
3505
  /**
3506
3506
  * Notify the component that the background is a dark color
3507
3507
  */
3508
- dark?: boolean | undefined;
3508
+ dark?: boolean | null | undefined;
3509
3509
  /**
3510
3510
  * Emitted when the component needs to change the model; Is also used by v-model
3511
3511
  * @param value New model value
@@ -3575,7 +3575,7 @@ export interface QDateProps {
3575
3575
  /**
3576
3576
  * Notify the component that the background is a dark color
3577
3577
  */
3578
- dark?: boolean | undefined;
3578
+ dark?: boolean | null | undefined;
3579
3579
  /**
3580
3580
  * Removes border-radius so borders are squared
3581
3581
  */
@@ -4076,7 +4076,7 @@ export interface QDrawerProps {
4076
4076
  /**
4077
4077
  * Notify the component that the background is a dark color
4078
4078
  */
4079
- dark?: boolean | undefined;
4079
+ dark?: boolean | null | undefined;
4080
4080
  /**
4081
4081
  * Breakpoint (in pixels) of layout width up to which mobile mode is used
4082
4082
  * Default value: 1023
@@ -4228,7 +4228,7 @@ export interface QEditorProps {
4228
4228
  /**
4229
4229
  * Notify the component that the background is a dark color
4230
4230
  */
4231
- dark?: boolean | undefined;
4231
+ dark?: boolean | null | undefined;
4232
4232
  /**
4233
4233
  * Put component in disabled mode
4234
4234
  */
@@ -4472,7 +4472,7 @@ export interface QExpansionItemProps {
4472
4472
  /**
4473
4473
  * Notify the component that the background is a dark color
4474
4474
  */
4475
- dark?: boolean | undefined;
4475
+ dark?: boolean | null | undefined;
4476
4476
  /**
4477
4477
  * Dense mode; occupies less space
4478
4478
  */
@@ -4673,7 +4673,7 @@ export interface QFabProps {
4673
4673
  /**
4674
4674
  * Hide the label; Useful for animation purposes where you toggle the visibility of the label
4675
4675
  */
4676
- hideLabel?: boolean | undefined;
4676
+ hideLabel?: boolean | null | undefined;
4677
4677
  /**
4678
4678
  * Class definitions to be attributed to the label container
4679
4679
  */
@@ -4863,7 +4863,7 @@ export interface QFabActionProps {
4863
4863
  /**
4864
4864
  * Hide the label; Useful for animation purposes where you toggle the visibility of the label
4865
4865
  */
4866
- hideLabel?: boolean | undefined;
4866
+ hideLabel?: boolean | null | undefined;
4867
4867
  /**
4868
4868
  * Class definitions to be attributed to the label container
4869
4869
  */
@@ -4938,7 +4938,7 @@ export interface QFieldProps {
4938
4938
  /**
4939
4939
  * Does field have validation errors?
4940
4940
  */
4941
- error?: boolean | undefined;
4941
+ error?: boolean | null | undefined;
4942
4942
  /**
4943
4943
  * Validation error message (gets displayed only if 'error' is set to 'true')
4944
4944
  */
@@ -4998,7 +4998,7 @@ export interface QFieldProps {
4998
4998
  /**
4999
4999
  * Notify the component that the background is a dark color
5000
5000
  */
5001
- dark?: boolean | undefined;
5001
+ dark?: boolean | null | undefined;
5002
5002
  /**
5003
5003
  * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
5004
5004
  */
@@ -5083,6 +5083,11 @@ export interface QFieldProps {
5083
5083
  * Specify a max length of model
5084
5084
  */
5085
5085
  maxlength?: string | number | undefined;
5086
+ /**
5087
+ * HTML tag to use
5088
+ * Default value: label
5089
+ */
5090
+ tag?: string | undefined;
5086
5091
  /**
5087
5092
  * When using the 'clearable' property, this event is emitted when the clear icon is clicked
5088
5093
  * @param value The previous value before clearing it
@@ -5181,7 +5186,6 @@ export interface QFieldSlots {
5181
5186
  */
5182
5187
  emitValue: (value: any) => void;
5183
5188
  }) => VNode[];
5184
- rawControl: () => VNode[];
5185
5189
  }
5186
5190
 
5187
5191
  export interface QField extends ComponentPublicInstance<QFieldProps> {
@@ -5251,7 +5255,7 @@ export interface QFileProps {
5251
5255
  /**
5252
5256
  * Does field have validation errors?
5253
5257
  */
5254
- error?: boolean | undefined;
5258
+ error?: boolean | null | undefined;
5255
5259
  /**
5256
5260
  * Validation error message (gets displayed only if 'error' is set to 'true')
5257
5261
  */
@@ -5311,7 +5315,7 @@ export interface QFileProps {
5311
5315
  /**
5312
5316
  * Notify the component that the background is a dark color
5313
5317
  */
5314
- dark?: boolean | undefined;
5318
+ dark?: boolean | null | undefined;
5315
5319
  /**
5316
5320
  * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
5317
5321
  */
@@ -5910,9 +5914,9 @@ export interface QImgProps {
5910
5914
  onLoad?: (src: string) => void;
5911
5915
  /**
5912
5916
  * Emitted when browser could not load the image
5913
- * @param src JS Error object
5917
+ * @param err JS Error object
5914
5918
  */
5915
- onError?: (src: Error) => void;
5919
+ onError?: (err: Error) => void;
5916
5920
  }
5917
5921
 
5918
5922
  export interface QImgSlots {
@@ -6055,7 +6059,7 @@ export interface QInnerLoadingProps {
6055
6059
  /**
6056
6060
  * Notify the component that the background is a dark color
6057
6061
  */
6058
- dark?: boolean | undefined;
6062
+ dark?: boolean | null | undefined;
6059
6063
  }
6060
6064
 
6061
6065
  export interface QInnerLoadingSlots {
@@ -6096,7 +6100,7 @@ export interface QInputProps {
6096
6100
  /**
6097
6101
  * Does field have validation errors?
6098
6102
  */
6099
- error?: boolean | undefined;
6103
+ error?: boolean | null | undefined;
6100
6104
  /**
6101
6105
  * Validation error message (gets displayed only if 'error' is set to 'true')
6102
6106
  */
@@ -6156,7 +6160,7 @@ export interface QInputProps {
6156
6160
  /**
6157
6161
  * Notify the component that the background is a dark color
6158
6162
  */
6159
- dark?: boolean | undefined;
6163
+ dark?: boolean | null | undefined;
6160
6164
  /**
6161
6165
  * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
6162
6166
  */
@@ -6253,6 +6257,7 @@ export interface QInputProps {
6253
6257
  | "url"
6254
6258
  | "time"
6255
6259
  | "date"
6260
+ | "datetime-local"
6256
6261
  | undefined;
6257
6262
  /**
6258
6263
  * Debounce amount (in milliseconds) when updating model
@@ -6394,7 +6399,7 @@ export interface QIntersectionProps {
6394
6399
  /**
6395
6400
  * [Intersection API root prop] Lets you define an alternative to the viewport as your root (through its DOM element); It is important to keep in mind that root needs to be an ancestor of the observed element
6396
6401
  */
6397
- root?: Element | undefined;
6402
+ root?: Element | null | undefined;
6398
6403
  /**
6399
6404
  * [Intersection API rootMargin prop] Allows you to specify the margins for the root, effectively allowing you to either grow or shrink the area used for intersections
6400
6405
  */
@@ -6473,11 +6478,11 @@ export interface QItemProps {
6473
6478
  /**
6474
6479
  * Put item into 'active' state
6475
6480
  */
6476
- active?: boolean | undefined;
6481
+ active?: boolean | null | undefined;
6477
6482
  /**
6478
6483
  * Notify the component that the background is a dark color
6479
6484
  */
6480
- dark?: boolean | undefined;
6485
+ dark?: boolean | null | undefined;
6481
6486
  /**
6482
6487
  * Is QItem clickable? If it's the case, then it will add hover effects and emit 'click' events
6483
6488
  */
@@ -6617,7 +6622,7 @@ export interface QListProps {
6617
6622
  /**
6618
6623
  * Notify the component that the background is a dark color
6619
6624
  */
6620
- dark?: boolean | undefined;
6625
+ dark?: boolean | null | undefined;
6621
6626
  /**
6622
6627
  * Applies a material design-like padding on top and bottom
6623
6628
  */
@@ -6838,7 +6843,7 @@ export interface QLinearProgressProps {
6838
6843
  /**
6839
6844
  * Notify the component that the background is a dark color
6840
6845
  */
6841
- dark?: boolean | undefined;
6846
+ dark?: boolean | null | undefined;
6842
6847
  /**
6843
6848
  * Reverse direction of progress
6844
6849
  */
@@ -6888,7 +6893,7 @@ export interface QMarkupTableProps {
6888
6893
  /**
6889
6894
  * Notify the component that the background is a dark color
6890
6895
  */
6891
- dark?: boolean | undefined;
6896
+ dark?: boolean | null | undefined;
6892
6897
  /**
6893
6898
  * Applies a 'flat' design (no default shadow)
6894
6899
  */
@@ -6958,7 +6963,7 @@ export interface QMenuProps {
6958
6963
  /**
6959
6964
  * Notify the component that the background is a dark color
6960
6965
  */
6961
- dark?: boolean | undefined;
6966
+ dark?: boolean | null | undefined;
6962
6967
  /**
6963
6968
  * Allows the menu to match at least the full width of its target
6964
6969
  */
@@ -7050,11 +7055,11 @@ export interface QMenuProps {
7050
7055
  /**
7051
7056
  * The maximum height of the menu; Size in CSS units, including unit name
7052
7057
  */
7053
- maxHeight?: string | undefined;
7058
+ maxHeight?: string | null | undefined;
7054
7059
  /**
7055
7060
  * The maximum width of the menu; Size in CSS units, including unit name
7056
7061
  */
7057
- maxWidth?: string | undefined;
7062
+ maxWidth?: string | null | undefined;
7058
7063
  /**
7059
7064
  * Emitted when showing/hidden state changes; Is also used by v-model
7060
7065
  * @param value New state (showing/hidden)
@@ -7198,7 +7203,7 @@ export interface QOptionGroupProps {
7198
7203
  /**
7199
7204
  * Notify the component that the background is a dark color
7200
7205
  */
7201
- dark?: boolean | undefined;
7206
+ dark?: boolean | null | undefined;
7202
7207
  /**
7203
7208
  * Dense mode; occupies less space
7204
7209
  */
@@ -7410,7 +7415,7 @@ export interface QPaginationProps {
7410
7415
  /**
7411
7416
  * Notify the component that the background is a dark color (useful when you are using it along with the 'input' prop)
7412
7417
  */
7413
- dark?: boolean | undefined;
7418
+ dark?: boolean | null | undefined;
7414
7419
  /**
7415
7420
  * Button size in CSS units, including unit name
7416
7421
  */
@@ -7448,19 +7453,19 @@ export interface QPaginationProps {
7448
7453
  /**
7449
7454
  * Show boundary button links
7450
7455
  */
7451
- boundaryLinks?: boolean | undefined;
7456
+ boundaryLinks?: boolean | null | undefined;
7452
7457
  /**
7453
7458
  * Always show first and last page buttons (if not using 'input')
7454
7459
  */
7455
- boundaryNumbers?: boolean | undefined;
7460
+ boundaryNumbers?: boolean | null | undefined;
7456
7461
  /**
7457
7462
  * Show direction buttons
7458
7463
  */
7459
- directionLinks?: boolean | undefined;
7464
+ directionLinks?: boolean | null | undefined;
7460
7465
  /**
7461
7466
  * Show ellipses (...) when pages are available
7462
7467
  */
7463
- ellipses?: boolean | undefined;
7468
+ ellipses?: boolean | null | undefined;
7464
7469
  /**
7465
7470
  * Maximum number of page links to display at a time; 0 means Infinite
7466
7471
  */
@@ -7536,7 +7541,7 @@ export interface QPaginationProps {
7536
7541
  * Configure buttons material ripple (disable it by setting it to 'false' or supply a config object); Does not applies to boundary and ellipsis buttons
7537
7542
  * Default value: true
7538
7543
  */
7539
- ripple?: boolean | any | undefined;
7544
+ ripple?: boolean | any | null | undefined;
7540
7545
  /**
7541
7546
  * Emitted when the component needs to change the model; Is also used by v-model
7542
7547
  * @param value New model value
@@ -8002,7 +8007,7 @@ export interface QRadioProps {
8002
8007
  /**
8003
8008
  * Notify the component that the background is a dark color
8004
8009
  */
8005
- dark?: boolean | undefined;
8010
+ dark?: boolean | null | undefined;
8006
8011
  /**
8007
8012
  * Dense mode; occupies less space
8008
8013
  */
@@ -8164,7 +8169,7 @@ export interface QRangeProps {
8164
8169
  /**
8165
8170
  * Notify the component that the background is a dark color
8166
8171
  */
8167
- dark?: boolean | undefined;
8172
+ dark?: boolean | null | undefined;
8168
8173
  /**
8169
8174
  * Dense mode; occupies less space
8170
8175
  */
@@ -8443,7 +8448,7 @@ export interface QScrollAreaProps {
8443
8448
  /**
8444
8449
  * Notify the component that the background is a dark color
8445
8450
  */
8446
- dark?: boolean | undefined;
8451
+ dark?: boolean | null | undefined;
8447
8452
  /**
8448
8453
  * Object with CSS properties and values for custom styling the scrollbars (both vertical and horizontal)
8449
8454
  */
@@ -8479,7 +8484,7 @@ export interface QScrollAreaProps {
8479
8484
  /**
8480
8485
  * Manually control the visibility of the scrollbar; Overrides default mouse over/leave behavior
8481
8486
  */
8482
- visible?: boolean | undefined;
8487
+ visible?: boolean | null | undefined;
8483
8488
  /**
8484
8489
  * When content changes, the scrollbar appears; this delay defines the amount of time (in milliseconds) before scrollbars disappear again (if component is not hovered)
8485
8490
  * Default value: 1000
@@ -8733,7 +8738,7 @@ export interface QSelectProps {
8733
8738
  * Minimum number of items to render in the virtual list
8734
8739
  * Default value: 30
8735
8740
  */
8736
- virtualScrollSliceSize?: number | string | undefined;
8741
+ virtualScrollSliceSize?: number | string | null | undefined;
8737
8742
  /**
8738
8743
  * Ratio of number of items in visible zone to render before it
8739
8744
  * Default value: 1
@@ -8770,7 +8775,7 @@ export interface QSelectProps {
8770
8775
  /**
8771
8776
  * Does field have validation errors?
8772
8777
  */
8773
- error?: boolean | undefined;
8778
+ error?: boolean | null | undefined;
8774
8779
  /**
8775
8780
  * Validation error message (gets displayed only if 'error' is set to 'true')
8776
8781
  */
@@ -8830,7 +8835,7 @@ export interface QSelectProps {
8830
8835
  /**
8831
8836
  * Notify the component that the background is a dark color
8832
8837
  */
8833
- dark?: boolean | undefined;
8838
+ dark?: boolean | null | undefined;
8834
8839
  /**
8835
8840
  * Signals the user a process is in progress by displaying a spinner; Spinner can be customized by using the 'loading' slot.
8836
8841
  */
@@ -8968,7 +8973,7 @@ export interface QSelectProps {
8968
8973
  /**
8969
8974
  * Options menu will be colored with a dark color
8970
8975
  */
8971
- optionsDark?: boolean | undefined;
8976
+ optionsDark?: boolean | null | undefined;
8972
8977
  /**
8973
8978
  * CSS class name for options that are active/selected; Set it to an empty string to stop applying the default (which is text-* where * is the 'color' prop value)
8974
8979
  */
@@ -9062,7 +9067,7 @@ export interface QSelectProps {
9062
9067
  */
9063
9068
  emitValue?: boolean | undefined;
9064
9069
  /**
9065
- * Debounce the input model update with an amount of milliseconds
9070
+ * Debounce the input model update with an amount of milliseconds (also affects the 'filter' event, if used)
9066
9071
  * Default value: 500
9067
9072
  */
9068
9073
  inputDebounce?: number | string | undefined;
@@ -9479,7 +9484,7 @@ export interface QSeparatorProps {
9479
9484
  /**
9480
9485
  * Notify the component that the background is a dark color
9481
9486
  */
9482
- dark?: boolean | undefined;
9487
+ dark?: boolean | null | undefined;
9483
9488
  /**
9484
9489
  * If set to true, the corresponding direction margins will be set to 8px; It can also be set to a size in CSS units, including unit name, or one of the xs|sm|md|lg|xl predefined sizes
9485
9490
  * Default value: md
@@ -9511,7 +9516,7 @@ export interface QSkeletonProps {
9511
9516
  /**
9512
9517
  * Notify the component that the background is a dark color
9513
9518
  */
9514
- dark?: boolean | undefined;
9519
+ dark?: boolean | null | undefined;
9515
9520
  /**
9516
9521
  * Type of skeleton placeholder
9517
9522
  * Default value: rect
@@ -9606,7 +9611,7 @@ export interface QSlideItemProps {
9606
9611
  /**
9607
9612
  * Notify the component that the background is a dark color
9608
9613
  */
9609
- dark?: boolean | undefined;
9614
+ dark?: boolean | null | undefined;
9610
9615
  /**
9611
9616
  * Emitted when user finished sliding the item to the left
9612
9617
  * @param details Details
@@ -9868,7 +9873,7 @@ export interface QSliderProps {
9868
9873
  /**
9869
9874
  * Notify the component that the background is a dark color
9870
9875
  */
9871
- dark?: boolean | undefined;
9876
+ dark?: boolean | null | undefined;
9872
9877
  /**
9873
9878
  * Dense mode; occupies less space
9874
9879
  */
@@ -10556,7 +10561,7 @@ export interface QStepperProps {
10556
10561
  /**
10557
10562
  * Notify the component that the background is a dark color
10558
10563
  */
10559
- dark?: boolean | undefined;
10564
+ dark?: boolean | null | undefined;
10560
10565
  /**
10561
10566
  * Applies a 'flat' design (no default shadow)
10562
10567
  */
@@ -10690,7 +10695,7 @@ export interface QTabPanelProps {
10690
10695
  /**
10691
10696
  * Notify the component that the background is a dark color
10692
10697
  */
10693
- dark?: boolean | undefined;
10698
+ dark?: boolean | null | undefined;
10694
10699
  }
10695
10700
 
10696
10701
  export interface QTabPanelSlots {
@@ -10927,7 +10932,7 @@ export interface QTableProps {
10927
10932
  */
10928
10933
  sortable?: boolean;
10929
10934
  /**
10930
- * Compare function if you have some custom data or want a specific way to compare two rows
10935
+ * Compare function if you have some custom data or want a specific way to compare two rows; rows with null/undefined values will get sorted without triggering this method (use 'rawSort' instead if you want to handle those values too)
10931
10936
  * @param a Value of the first comparison term
10932
10937
  * @param b Value of the second comparison term
10933
10938
  * @param rowA Full Row object in which is contained the first term
@@ -10935,6 +10940,15 @@ export interface QTableProps {
10935
10940
  * @returns Comparison result of term 'a' with term 'b'. Less than 0 when 'a' should come first; greater than 0 if 'b' should come first; equal to 0 if their position must not be changed with respect to each other
10936
10941
  */
10937
10942
  sort?: (a: any, b: any, rowA: any, rowB: any) => number;
10943
+ /**
10944
+ * Compare function if you have some custom data or want a specific way to compare two rows; includes rows with null/undefined values (use 'sort' instead if you don't want that)
10945
+ * @param a Value of the first comparison term
10946
+ * @param b Value of the second comparison term
10947
+ * @param rowA Full Row object in which is contained the first term
10948
+ * @param rowB Full Row object in which is contained the second term
10949
+ * @returns Comparison result of term 'a' with term 'b'. Less than 0 when 'a' should come first; greater than 0 if 'b' should come first; equal to 0 if their position must not be changed with respect to each other
10950
+ */
10951
+ rawSort?: (a: any, b: any, rowA: any, rowB: any) => number;
10938
10952
  /**
10939
10953
  * Set column sort order: 'ad' (ascending-descending) or 'da' (descending-ascending); Overrides the 'column-sort-order' prop
10940
10954
  * Default value: ad
@@ -11002,7 +11016,7 @@ export interface QTableProps {
11002
11016
  /**
11003
11017
  * Notify the component that the background is a dark color
11004
11018
  */
11005
- dark?: boolean | undefined;
11019
+ dark?: boolean | null | undefined;
11006
11020
  /**
11007
11021
  * Applies a 'flat' design (no default shadow)
11008
11022
  */
@@ -11392,7 +11406,7 @@ export interface QTableSlots {
11392
11406
  /**
11393
11407
  * Notify the component that the background is a dark color
11394
11408
  */
11395
- dark: boolean;
11409
+ dark?: boolean | null;
11396
11410
  /**
11397
11411
  * Dense mode; occupies less space
11398
11412
  */
@@ -11447,7 +11461,7 @@ export interface QTableSlots {
11447
11461
  /**
11448
11462
  * Notify the component that the background is a dark color
11449
11463
  */
11450
- dark: boolean;
11464
+ dark?: boolean | null;
11451
11465
  /**
11452
11466
  * Dense mode; occupies less space
11453
11467
  */
@@ -11514,7 +11528,7 @@ export interface QTableSlots {
11514
11528
  /**
11515
11529
  * Notify the component that the background is a dark color
11516
11530
  */
11517
- dark: boolean;
11531
+ dark?: boolean | null;
11518
11532
  /**
11519
11533
  * Dense mode; occupies less space
11520
11534
  */
@@ -11577,7 +11591,7 @@ export interface QTableSlots {
11577
11591
  /**
11578
11592
  * Notify the component that the background is a dark color
11579
11593
  */
11580
- dark: boolean;
11594
+ dark?: boolean | null;
11581
11595
  /**
11582
11596
  * Dense mode; occupies less space
11583
11597
  */
@@ -11616,7 +11630,7 @@ export interface QTableSlots {
11616
11630
  /**
11617
11631
  * Notify the component that the background is a dark color
11618
11632
  */
11619
- dark: boolean;
11633
+ dark?: boolean | null;
11620
11634
  /**
11621
11635
  * Dense mode; occupies less space
11622
11636
  */
@@ -11667,7 +11681,7 @@ export interface QTableSlots {
11667
11681
  /**
11668
11682
  * Notify the component that the background is a dark color
11669
11683
  */
11670
- dark: boolean;
11684
+ dark?: boolean | null;
11671
11685
  /**
11672
11686
  * Dense mode; occupies less space
11673
11687
  */
@@ -11710,7 +11724,7 @@ export interface QTableSlots {
11710
11724
  /**
11711
11725
  * Notify the component that the background is a dark color
11712
11726
  */
11713
- dark: boolean;
11727
+ dark?: boolean | null;
11714
11728
  /**
11715
11729
  * Dense mode; occupies less space
11716
11730
  */
@@ -11765,7 +11779,7 @@ export interface QTableSlots {
11765
11779
  /**
11766
11780
  * Notify the component that the background is a dark color
11767
11781
  */
11768
- dark: boolean;
11782
+ dark?: boolean | null;
11769
11783
  /**
11770
11784
  * Dense mode; occupies less space
11771
11785
  */
@@ -11804,7 +11818,7 @@ export interface QTableSlots {
11804
11818
  /**
11805
11819
  * Notify the component that the background is a dark color
11806
11820
  */
11807
- dark: boolean;
11821
+ dark?: boolean | null;
11808
11822
  /**
11809
11823
  * Dense mode; occupies less space
11810
11824
  */
@@ -12717,7 +12731,7 @@ export interface QTimeProps {
12717
12731
  * Mask (formatting string) used for parsing and formatting value
12718
12732
  * Default value: HH:mm
12719
12733
  */
12720
- mask?: string | undefined;
12734
+ mask?: string | null | undefined;
12721
12735
  /**
12722
12736
  * Locale formatting options
12723
12737
  */
@@ -12757,7 +12771,7 @@ export interface QTimeProps {
12757
12771
  /**
12758
12772
  * Notify the component that the background is a dark color
12759
12773
  */
12760
- dark?: boolean | undefined;
12774
+ dark?: boolean | null | undefined;
12761
12775
  /**
12762
12776
  * Removes border-radius so borders are squared
12763
12777
  */
@@ -12783,10 +12797,9 @@ export interface QTimeProps {
12783
12797
  */
12784
12798
  modelValue: string | null | undefined;
12785
12799
  /**
12786
- * Forces 24 hour time display instead of AM/PM system
12787
- * Default value: (based on Quasar lang language being used)
12800
+ * Forces 24 hour time display instead of AM/PM system; If prop is not set, then the default is based on Quasar lang language being used
12788
12801
  */
12789
- format24h?: boolean | undefined;
12802
+ format24h?: boolean | null | undefined;
12790
12803
  /**
12791
12804
  * The default date to use (in YYYY/MM/DD format) when model is unfilled (undefined or null)
12792
12805
  * Default value: current day
@@ -12897,7 +12910,7 @@ export interface QTimelineProps {
12897
12910
  /**
12898
12911
  * Notify the component that the background is a dark color
12899
12912
  */
12900
- dark?: boolean | undefined;
12913
+ dark?: boolean | null | undefined;
12901
12914
  }
12902
12915
 
12903
12916
  export interface QTimelineSlots {
@@ -13038,7 +13051,7 @@ export interface QToggleProps {
13038
13051
  /**
13039
13052
  * Notify the component that the background is a dark color
13040
13053
  */
13041
- dark?: boolean | undefined;
13054
+ dark?: boolean | null | undefined;
13042
13055
  /**
13043
13056
  * Dense mode; occupies less space
13044
13057
  */
@@ -13137,11 +13150,11 @@ export interface QTooltipProps {
13137
13150
  /**
13138
13151
  * The maximum height of the Tooltip; Size in CSS units, including unit name
13139
13152
  */
13140
- maxHeight?: string | undefined;
13153
+ maxHeight?: string | null | undefined;
13141
13154
  /**
13142
13155
  * The maximum width of the Tooltip; Size in CSS units, including unit name
13143
13156
  */
13144
- maxWidth?: string | undefined;
13157
+ maxWidth?: string | null | undefined;
13145
13158
  /**
13146
13159
  * Two values setting the starting position or anchor point of the Tooltip relative to its target
13147
13160
  * Default value: bottom middle
@@ -13316,7 +13329,7 @@ export interface QTreeProps {
13316
13329
  /**
13317
13330
  * Notify the component that the background is a dark color
13318
13331
  */
13319
- dark?: boolean | undefined;
13332
+ dark?: boolean | null | undefined;
13320
13333
  /**
13321
13334
  * 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)
13322
13335
  */
@@ -13743,7 +13756,7 @@ export interface QUploaderProps {
13743
13756
  /**
13744
13757
  * Notify the component that the background is a dark color
13745
13758
  */
13746
- dark?: boolean | undefined;
13759
+ dark?: boolean | null | undefined;
13747
13760
  /**
13748
13761
  * Removes border-radius so borders are squared
13749
13762
  */
@@ -14015,7 +14028,7 @@ export interface QVirtualScrollProps {
14015
14028
  * Minimum number of items to render in the virtual list
14016
14029
  * Default value: 30
14017
14030
  */
14018
- virtualScrollSliceSize?: number | string | undefined;
14031
+ virtualScrollSliceSize?: number | string | null | undefined;
14019
14032
  /**
14020
14033
  * Ratio of number of items in visible zone to render before it
14021
14034
  * Default value: 1
@@ -14279,7 +14292,7 @@ export interface QDialogOptions {
14279
14292
  /**
14280
14293
  * Apply dark mode
14281
14294
  */
14282
- dark?: boolean;
14295
+ dark?: boolean | null;
14283
14296
  /**
14284
14297
  * User cannot dismiss Dialog if clicking outside of it or hitting ESC key; Also, an app route change won't dismiss it
14285
14298
  */
@@ -14669,7 +14682,7 @@ declare module "./globals" {
14669
14682
  /**
14670
14683
  * Apply dark mode
14671
14684
  */
14672
- dark?: boolean;
14685
+ dark?: boolean | null;
14673
14686
  /**
14674
14687
  * Put Bottom Sheet into seamless mode; Does not use a backdrop so user is able to interact with the rest of the page too
14675
14688
  */
@@ -15579,6 +15592,8 @@ declare module "./lang" {
15579
15592
  ca: true;
15580
15593
  cs: true;
15581
15594
  da: true;
15595
+ "de-CH": true;
15596
+ "de-DE": true;
15582
15597
  de: true;
15583
15598
  el: true;
15584
15599
  "en-GB": true;