@vuetify/nightly 3.8.3-master.2025-05-05 → 3.8.4-master.2025-05-07

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 (62) hide show
  1. package/CHANGELOG.md +3 -35
  2. package/dist/json/attributes.json +3324 -3324
  3. package/dist/json/importMap-labs.json +28 -28
  4. package/dist/json/importMap.json +162 -162
  5. package/dist/json/web-types.json +6199 -6199
  6. package/dist/vuetify-labs.cjs +54 -44
  7. package/dist/vuetify-labs.css +3363 -3359
  8. package/dist/vuetify-labs.d.ts +98 -98
  9. package/dist/vuetify-labs.esm.js +54 -44
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +54 -44
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.cjs +33 -11
  14. package/dist/vuetify.cjs.map +1 -1
  15. package/dist/vuetify.css +4003 -3999
  16. package/dist/vuetify.d.ts +127 -127
  17. package/dist/vuetify.esm.js +33 -11
  18. package/dist/vuetify.esm.js.map +1 -1
  19. package/dist/vuetify.js +33 -11
  20. package/dist/vuetify.js.map +1 -1
  21. package/dist/vuetify.min.css +2 -2
  22. package/dist/vuetify.min.js +17 -14
  23. package/dist/vuetify.min.js.map +1 -1
  24. package/lib/components/VAutocomplete/VAutocomplete.d.ts +3 -3
  25. package/lib/components/VAutocomplete/VAutocomplete.js +5 -0
  26. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  27. package/lib/components/VBottomNavigation/VBottomNavigation.d.ts +6 -6
  28. package/lib/components/VCombobox/VCombobox.d.ts +3 -3
  29. package/lib/components/VDataTable/VDataTable.d.ts +110 -110
  30. package/lib/components/VDataTable/VDataTableHeaders.js +1 -2
  31. package/lib/components/VDataTable/VDataTableHeaders.js.map +1 -1
  32. package/lib/components/VDataTable/VDataTableServer.d.ts +55 -55
  33. package/lib/components/VDataTable/VDataTableVirtual.d.ts +55 -55
  34. package/lib/components/VDataTable/composables/headers.d.ts +75 -75
  35. package/lib/components/VDatePicker/VDatePicker.d.ts +3 -3
  36. package/lib/components/VDatePicker/VDatePickerMonth.d.ts +6 -6
  37. package/lib/components/VFileInput/VFileInput.css +4 -0
  38. package/lib/components/VFileInput/VFileInput.js +21 -3
  39. package/lib/components/VFileInput/VFileInput.js.map +1 -1
  40. package/lib/components/VFileInput/VFileInput.sass +4 -0
  41. package/lib/components/VNumberInput/VNumberInput.d.ts +3 -3
  42. package/lib/components/VOverlay/locationStrategies.js +1 -1
  43. package/lib/components/VOverlay/locationStrategies.js.map +1 -1
  44. package/lib/components/VSelect/VSelect.d.ts +3 -3
  45. package/lib/components/VTabs/VTabs.d.ts +6 -6
  46. package/lib/components/transitions/dialog-transition.js +3 -3
  47. package/lib/components/transitions/dialog-transition.js.map +1 -1
  48. package/lib/entry-bundler.d.ts +6 -6
  49. package/lib/entry-bundler.js +1 -1
  50. package/lib/framework.d.ts +57 -57
  51. package/lib/framework.js +1 -1
  52. package/lib/labs/VCalendar/VCalendar.d.ts +3 -3
  53. package/lib/labs/VCalendar/VCalendarDay.d.ts +3 -3
  54. package/lib/labs/VCalendar/VCalendarInterval.d.ts +3 -3
  55. package/lib/labs/VCalendar/VCalendarMonthDay.d.ts +3 -3
  56. package/lib/labs/VDateInput/VDateInput.d.ts +9 -9
  57. package/lib/labs/VFileUpload/VFileUpload.js +19 -31
  58. package/lib/labs/VFileUpload/VFileUpload.js.map +1 -1
  59. package/lib/labs/VTimePicker/VTimePickerClock.js +2 -2
  60. package/lib/labs/VTimePicker/VTimePickerClock.js.map +1 -1
  61. package/lib/util/helpers.js.map +1 -1
  62. package/package.json +6 -6
package/lib/components/VDataTable/VDataTable.d.ts CHANGED
@@ -305,14 +305,14 @@ export declare const makeDataTableProps: <Defaults extends {
305
305
  default: unknown extends Defaults["returnObject"] ? boolean : boolean | Defaults["returnObject"];
306
306
  };
307
307
  headers: unknown extends Defaults["headers"] ? import("vue").PropType<readonly {
308
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
308
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
309
309
  readonly value?: SelectItemKey<Record<string, any>>;
310
310
  readonly title?: string | undefined;
311
311
  readonly fixed?: boolean | undefined;
312
- readonly align?: ("start" | "end" | "center") | undefined;
313
- readonly width?: (number | string) | undefined;
314
- readonly minWidth?: (number | string) | undefined;
315
- readonly maxWidth?: (number | string) | undefined;
312
+ readonly align?: "start" | "end" | "center" | undefined;
313
+ readonly width?: number | string | undefined;
314
+ readonly minWidth?: number | string | undefined;
315
+ readonly maxWidth?: number | string | undefined;
316
316
  readonly nowrap?: boolean | undefined;
317
317
  readonly headerProps?: {
318
318
  readonly [x: string]: any;
@@ -325,14 +325,14 @@ export declare const makeDataTableProps: <Defaults extends {
325
325
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
326
326
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
327
327
  readonly children?: readonly {
328
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
328
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
329
329
  readonly value?: SelectItemKey<Record<string, any>>;
330
330
  readonly title?: string | undefined;
331
331
  readonly fixed?: boolean | undefined;
332
- readonly align?: ("start" | "end" | "center") | undefined;
333
- readonly width?: (number | string) | undefined;
334
- readonly minWidth?: (number | string) | undefined;
335
- readonly maxWidth?: (number | string) | undefined;
332
+ readonly align?: "start" | "end" | "center" | undefined;
333
+ readonly width?: number | string | undefined;
334
+ readonly minWidth?: number | string | undefined;
335
+ readonly maxWidth?: number | string | undefined;
336
336
  readonly nowrap?: boolean | undefined;
337
337
  readonly headerProps?: {
338
338
  readonly [x: string]: any;
@@ -344,18 +344,18 @@ export declare const makeDataTableProps: <Defaults extends {
344
344
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
345
345
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
346
346
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
347
- readonly children?: readonly any[] | undefined;
347
+ readonly children?: readonly /*elided*/ any[] | undefined;
348
348
  }[] | undefined;
349
349
  }[]> : {
350
350
  type: import("vue").PropType<unknown extends Defaults["headers"] ? readonly {
351
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
351
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
352
352
  readonly value?: SelectItemKey<Record<string, any>>;
353
353
  readonly title?: string | undefined;
354
354
  readonly fixed?: boolean | undefined;
355
- readonly align?: ("start" | "end" | "center") | undefined;
356
- readonly width?: (number | string) | undefined;
357
- readonly minWidth?: (number | string) | undefined;
358
- readonly maxWidth?: (number | string) | undefined;
355
+ readonly align?: "start" | "end" | "center" | undefined;
356
+ readonly width?: number | string | undefined;
357
+ readonly minWidth?: number | string | undefined;
358
+ readonly maxWidth?: number | string | undefined;
359
359
  readonly nowrap?: boolean | undefined;
360
360
  readonly headerProps?: {
361
361
  readonly [x: string]: any;
@@ -368,14 +368,14 @@ export declare const makeDataTableProps: <Defaults extends {
368
368
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
369
369
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
370
370
  readonly children?: readonly {
371
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
371
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
372
372
  readonly value?: SelectItemKey<Record<string, any>>;
373
373
  readonly title?: string | undefined;
374
374
  readonly fixed?: boolean | undefined;
375
- readonly align?: ("start" | "end" | "center") | undefined;
376
- readonly width?: (number | string) | undefined;
377
- readonly minWidth?: (number | string) | undefined;
378
- readonly maxWidth?: (number | string) | undefined;
375
+ readonly align?: "start" | "end" | "center" | undefined;
376
+ readonly width?: number | string | undefined;
377
+ readonly minWidth?: number | string | undefined;
378
+ readonly maxWidth?: number | string | undefined;
379
379
  readonly nowrap?: boolean | undefined;
380
380
  readonly headerProps?: {
381
381
  readonly [x: string]: any;
@@ -387,17 +387,17 @@ export declare const makeDataTableProps: <Defaults extends {
387
387
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
388
388
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
389
389
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
390
- readonly children?: readonly any[] | undefined;
390
+ readonly children?: readonly /*elided*/ any[] | undefined;
391
391
  }[] | undefined;
392
392
  }[] : readonly {
393
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
393
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
394
394
  readonly value?: SelectItemKey<Record<string, any>>;
395
395
  readonly title?: string | undefined;
396
396
  readonly fixed?: boolean | undefined;
397
- readonly align?: ("start" | "end" | "center") | undefined;
398
- readonly width?: (number | string) | undefined;
399
- readonly minWidth?: (number | string) | undefined;
400
- readonly maxWidth?: (number | string) | undefined;
397
+ readonly align?: "start" | "end" | "center" | undefined;
398
+ readonly width?: number | string | undefined;
399
+ readonly minWidth?: number | string | undefined;
400
+ readonly maxWidth?: number | string | undefined;
401
401
  readonly nowrap?: boolean | undefined;
402
402
  readonly headerProps?: {
403
403
  readonly [x: string]: any;
@@ -410,14 +410,14 @@ export declare const makeDataTableProps: <Defaults extends {
410
410
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
411
411
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
412
412
  readonly children?: readonly {
413
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
413
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
414
414
  readonly value?: SelectItemKey<Record<string, any>>;
415
415
  readonly title?: string | undefined;
416
416
  readonly fixed?: boolean | undefined;
417
- readonly align?: ("start" | "end" | "center") | undefined;
418
- readonly width?: (number | string) | undefined;
419
- readonly minWidth?: (number | string) | undefined;
420
- readonly maxWidth?: (number | string) | undefined;
417
+ readonly align?: "start" | "end" | "center" | undefined;
418
+ readonly width?: number | string | undefined;
419
+ readonly minWidth?: number | string | undefined;
420
+ readonly maxWidth?: number | string | undefined;
421
421
  readonly nowrap?: boolean | undefined;
422
422
  readonly headerProps?: {
423
423
  readonly [x: string]: any;
@@ -429,18 +429,18 @@ export declare const makeDataTableProps: <Defaults extends {
429
429
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
430
430
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
431
431
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
432
- readonly children?: readonly any[] | undefined;
432
+ readonly children?: readonly /*elided*/ any[] | undefined;
433
433
  }[] | undefined;
434
434
  }[] | Defaults["headers"]>;
435
435
  default: unknown extends Defaults["headers"] ? readonly {
436
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
436
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
437
437
  readonly value?: SelectItemKey<Record<string, any>>;
438
438
  readonly title?: string | undefined;
439
439
  readonly fixed?: boolean | undefined;
440
- readonly align?: ("start" | "end" | "center") | undefined;
441
- readonly width?: (number | string) | undefined;
442
- readonly minWidth?: (number | string) | undefined;
443
- readonly maxWidth?: (number | string) | undefined;
440
+ readonly align?: "start" | "end" | "center" | undefined;
441
+ readonly width?: number | string | undefined;
442
+ readonly minWidth?: number | string | undefined;
443
+ readonly maxWidth?: number | string | undefined;
444
444
  readonly nowrap?: boolean | undefined;
445
445
  readonly headerProps?: {
446
446
  readonly [x: string]: any;
@@ -453,14 +453,14 @@ export declare const makeDataTableProps: <Defaults extends {
453
453
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
454
454
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
455
455
  readonly children?: readonly {
456
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
456
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
457
457
  readonly value?: SelectItemKey<Record<string, any>>;
458
458
  readonly title?: string | undefined;
459
459
  readonly fixed?: boolean | undefined;
460
- readonly align?: ("start" | "end" | "center") | undefined;
461
- readonly width?: (number | string) | undefined;
462
- readonly minWidth?: (number | string) | undefined;
463
- readonly maxWidth?: (number | string) | undefined;
460
+ readonly align?: "start" | "end" | "center" | undefined;
461
+ readonly width?: number | string | undefined;
462
+ readonly minWidth?: number | string | undefined;
463
+ readonly maxWidth?: number | string | undefined;
464
464
  readonly nowrap?: boolean | undefined;
465
465
  readonly headerProps?: {
466
466
  readonly [x: string]: any;
@@ -472,17 +472,17 @@ export declare const makeDataTableProps: <Defaults extends {
472
472
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
473
473
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
474
474
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
475
- readonly children?: readonly any[] | undefined;
475
+ readonly children?: readonly /*elided*/ any[] | undefined;
476
476
  }[] | undefined;
477
477
  }[] : readonly {
478
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
478
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
479
479
  readonly value?: SelectItemKey<Record<string, any>>;
480
480
  readonly title?: string | undefined;
481
481
  readonly fixed?: boolean | undefined;
482
- readonly align?: ("start" | "end" | "center") | undefined;
483
- readonly width?: (number | string) | undefined;
484
- readonly minWidth?: (number | string) | undefined;
485
- readonly maxWidth?: (number | string) | undefined;
482
+ readonly align?: "start" | "end" | "center" | undefined;
483
+ readonly width?: number | string | undefined;
484
+ readonly minWidth?: number | string | undefined;
485
+ readonly maxWidth?: number | string | undefined;
486
486
  readonly nowrap?: boolean | undefined;
487
487
  readonly headerProps?: {
488
488
  readonly [x: string]: any;
@@ -495,14 +495,14 @@ export declare const makeDataTableProps: <Defaults extends {
495
495
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
496
496
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
497
497
  readonly children?: readonly {
498
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
498
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
499
499
  readonly value?: SelectItemKey<Record<string, any>>;
500
500
  readonly title?: string | undefined;
501
501
  readonly fixed?: boolean | undefined;
502
- readonly align?: ("start" | "end" | "center") | undefined;
503
- readonly width?: (number | string) | undefined;
504
- readonly minWidth?: (number | string) | undefined;
505
- readonly maxWidth?: (number | string) | undefined;
502
+ readonly align?: "start" | "end" | "center" | undefined;
503
+ readonly width?: number | string | undefined;
504
+ readonly minWidth?: number | string | undefined;
505
+ readonly maxWidth?: number | string | undefined;
506
506
  readonly nowrap?: boolean | undefined;
507
507
  readonly headerProps?: {
508
508
  readonly [x: string]: any;
@@ -514,7 +514,7 @@ export declare const makeDataTableProps: <Defaults extends {
514
514
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
515
515
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
516
516
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
517
- readonly children?: readonly any[] | undefined;
517
+ readonly children?: readonly /*elided*/ any[] | undefined;
518
518
  }[] | undefined;
519
519
  }[] | Defaults["headers"];
520
520
  };
@@ -1034,14 +1034,14 @@ export declare const makeVDataTableProps: <Defaults extends {
1034
1034
  default: unknown extends Defaults["returnObject"] ? boolean : boolean | Defaults["returnObject"];
1035
1035
  };
1036
1036
  headers: unknown extends Defaults["headers"] ? import("vue").PropType<readonly {
1037
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1037
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1038
1038
  readonly value?: SelectItemKey<Record<string, any>>;
1039
1039
  readonly title?: string | undefined;
1040
1040
  readonly fixed?: boolean | undefined;
1041
- readonly align?: ("start" | "end" | "center") | undefined;
1042
- readonly width?: (number | string) | undefined;
1043
- readonly minWidth?: (number | string) | undefined;
1044
- readonly maxWidth?: (number | string) | undefined;
1041
+ readonly align?: "start" | "end" | "center" | undefined;
1042
+ readonly width?: number | string | undefined;
1043
+ readonly minWidth?: number | string | undefined;
1044
+ readonly maxWidth?: number | string | undefined;
1045
1045
  readonly nowrap?: boolean | undefined;
1046
1046
  readonly headerProps?: {
1047
1047
  readonly [x: string]: any;
@@ -1054,14 +1054,14 @@ export declare const makeVDataTableProps: <Defaults extends {
1054
1054
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1055
1055
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1056
1056
  readonly children?: readonly {
1057
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1057
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1058
1058
  readonly value?: SelectItemKey<Record<string, any>>;
1059
1059
  readonly title?: string | undefined;
1060
1060
  readonly fixed?: boolean | undefined;
1061
- readonly align?: ("start" | "end" | "center") | undefined;
1062
- readonly width?: (number | string) | undefined;
1063
- readonly minWidth?: (number | string) | undefined;
1064
- readonly maxWidth?: (number | string) | undefined;
1061
+ readonly align?: "start" | "end" | "center" | undefined;
1062
+ readonly width?: number | string | undefined;
1063
+ readonly minWidth?: number | string | undefined;
1064
+ readonly maxWidth?: number | string | undefined;
1065
1065
  readonly nowrap?: boolean | undefined;
1066
1066
  readonly headerProps?: {
1067
1067
  readonly [x: string]: any;
@@ -1073,18 +1073,18 @@ export declare const makeVDataTableProps: <Defaults extends {
1073
1073
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
1074
1074
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1075
1075
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1076
- readonly children?: readonly any[] | undefined;
1076
+ readonly children?: readonly /*elided*/ any[] | undefined;
1077
1077
  }[] | undefined;
1078
1078
  }[]> : {
1079
1079
  type: import("vue").PropType<unknown extends Defaults["headers"] ? readonly {
1080
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1080
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1081
1081
  readonly value?: SelectItemKey<Record<string, any>>;
1082
1082
  readonly title?: string | undefined;
1083
1083
  readonly fixed?: boolean | undefined;
1084
- readonly align?: ("start" | "end" | "center") | undefined;
1085
- readonly width?: (number | string) | undefined;
1086
- readonly minWidth?: (number | string) | undefined;
1087
- readonly maxWidth?: (number | string) | undefined;
1084
+ readonly align?: "start" | "end" | "center" | undefined;
1085
+ readonly width?: number | string | undefined;
1086
+ readonly minWidth?: number | string | undefined;
1087
+ readonly maxWidth?: number | string | undefined;
1088
1088
  readonly nowrap?: boolean | undefined;
1089
1089
  readonly headerProps?: {
1090
1090
  readonly [x: string]: any;
@@ -1097,14 +1097,14 @@ export declare const makeVDataTableProps: <Defaults extends {
1097
1097
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1098
1098
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1099
1099
  readonly children?: readonly {
1100
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1100
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1101
1101
  readonly value?: SelectItemKey<Record<string, any>>;
1102
1102
  readonly title?: string | undefined;
1103
1103
  readonly fixed?: boolean | undefined;
1104
- readonly align?: ("start" | "end" | "center") | undefined;
1105
- readonly width?: (number | string) | undefined;
1106
- readonly minWidth?: (number | string) | undefined;
1107
- readonly maxWidth?: (number | string) | undefined;
1104
+ readonly align?: "start" | "end" | "center" | undefined;
1105
+ readonly width?: number | string | undefined;
1106
+ readonly minWidth?: number | string | undefined;
1107
+ readonly maxWidth?: number | string | undefined;
1108
1108
  readonly nowrap?: boolean | undefined;
1109
1109
  readonly headerProps?: {
1110
1110
  readonly [x: string]: any;
@@ -1116,17 +1116,17 @@ export declare const makeVDataTableProps: <Defaults extends {
1116
1116
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
1117
1117
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1118
1118
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1119
- readonly children?: readonly any[] | undefined;
1119
+ readonly children?: readonly /*elided*/ any[] | undefined;
1120
1120
  }[] | undefined;
1121
1121
  }[] : readonly {
1122
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1122
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1123
1123
  readonly value?: SelectItemKey<Record<string, any>>;
1124
1124
  readonly title?: string | undefined;
1125
1125
  readonly fixed?: boolean | undefined;
1126
- readonly align?: ("start" | "end" | "center") | undefined;
1127
- readonly width?: (number | string) | undefined;
1128
- readonly minWidth?: (number | string) | undefined;
1129
- readonly maxWidth?: (number | string) | undefined;
1126
+ readonly align?: "start" | "end" | "center" | undefined;
1127
+ readonly width?: number | string | undefined;
1128
+ readonly minWidth?: number | string | undefined;
1129
+ readonly maxWidth?: number | string | undefined;
1130
1130
  readonly nowrap?: boolean | undefined;
1131
1131
  readonly headerProps?: {
1132
1132
  readonly [x: string]: any;
@@ -1139,14 +1139,14 @@ export declare const makeVDataTableProps: <Defaults extends {
1139
1139
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1140
1140
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1141
1141
  readonly children?: readonly {
1142
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1142
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1143
1143
  readonly value?: SelectItemKey<Record<string, any>>;
1144
1144
  readonly title?: string | undefined;
1145
1145
  readonly fixed?: boolean | undefined;
1146
- readonly align?: ("start" | "end" | "center") | undefined;
1147
- readonly width?: (number | string) | undefined;
1148
- readonly minWidth?: (number | string) | undefined;
1149
- readonly maxWidth?: (number | string) | undefined;
1146
+ readonly align?: "start" | "end" | "center" | undefined;
1147
+ readonly width?: number | string | undefined;
1148
+ readonly minWidth?: number | string | undefined;
1149
+ readonly maxWidth?: number | string | undefined;
1150
1150
  readonly nowrap?: boolean | undefined;
1151
1151
  readonly headerProps?: {
1152
1152
  readonly [x: string]: any;
@@ -1158,18 +1158,18 @@ export declare const makeVDataTableProps: <Defaults extends {
1158
1158
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
1159
1159
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1160
1160
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1161
- readonly children?: readonly any[] | undefined;
1161
+ readonly children?: readonly /*elided*/ any[] | undefined;
1162
1162
  }[] | undefined;
1163
1163
  }[] | Defaults["headers"]>;
1164
1164
  default: unknown extends Defaults["headers"] ? readonly {
1165
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1165
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1166
1166
  readonly value?: SelectItemKey<Record<string, any>>;
1167
1167
  readonly title?: string | undefined;
1168
1168
  readonly fixed?: boolean | undefined;
1169
- readonly align?: ("start" | "end" | "center") | undefined;
1170
- readonly width?: (number | string) | undefined;
1171
- readonly minWidth?: (number | string) | undefined;
1172
- readonly maxWidth?: (number | string) | undefined;
1169
+ readonly align?: "start" | "end" | "center" | undefined;
1170
+ readonly width?: number | string | undefined;
1171
+ readonly minWidth?: number | string | undefined;
1172
+ readonly maxWidth?: number | string | undefined;
1173
1173
  readonly nowrap?: boolean | undefined;
1174
1174
  readonly headerProps?: {
1175
1175
  readonly [x: string]: any;
@@ -1182,14 +1182,14 @@ export declare const makeVDataTableProps: <Defaults extends {
1182
1182
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1183
1183
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1184
1184
  readonly children?: readonly {
1185
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1185
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1186
1186
  readonly value?: SelectItemKey<Record<string, any>>;
1187
1187
  readonly title?: string | undefined;
1188
1188
  readonly fixed?: boolean | undefined;
1189
- readonly align?: ("start" | "end" | "center") | undefined;
1190
- readonly width?: (number | string) | undefined;
1191
- readonly minWidth?: (number | string) | undefined;
1192
- readonly maxWidth?: (number | string) | undefined;
1189
+ readonly align?: "start" | "end" | "center" | undefined;
1190
+ readonly width?: number | string | undefined;
1191
+ readonly minWidth?: number | string | undefined;
1192
+ readonly maxWidth?: number | string | undefined;
1193
1193
  readonly nowrap?: boolean | undefined;
1194
1194
  readonly headerProps?: {
1195
1195
  readonly [x: string]: any;
@@ -1201,17 +1201,17 @@ export declare const makeVDataTableProps: <Defaults extends {
1201
1201
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
1202
1202
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1203
1203
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1204
- readonly children?: readonly any[] | undefined;
1204
+ readonly children?: readonly /*elided*/ any[] | undefined;
1205
1205
  }[] | undefined;
1206
1206
  }[] : readonly {
1207
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1207
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1208
1208
  readonly value?: SelectItemKey<Record<string, any>>;
1209
1209
  readonly title?: string | undefined;
1210
1210
  readonly fixed?: boolean | undefined;
1211
- readonly align?: ("start" | "end" | "center") | undefined;
1212
- readonly width?: (number | string) | undefined;
1213
- readonly minWidth?: (number | string) | undefined;
1214
- readonly maxWidth?: (number | string) | undefined;
1211
+ readonly align?: "start" | "end" | "center" | undefined;
1212
+ readonly width?: number | string | undefined;
1213
+ readonly minWidth?: number | string | undefined;
1214
+ readonly maxWidth?: number | string | undefined;
1215
1215
  readonly nowrap?: boolean | undefined;
1216
1216
  readonly headerProps?: {
1217
1217
  readonly [x: string]: any;
@@ -1224,14 +1224,14 @@ export declare const makeVDataTableProps: <Defaults extends {
1224
1224
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1225
1225
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1226
1226
  readonly children?: readonly {
1227
- readonly key?: ("data-table-group" | "data-table-select" | "data-table-expand" | (string & {})) | undefined;
1227
+ readonly key?: "data-table-group" | "data-table-select" | "data-table-expand" | (string & {}) | undefined;
1228
1228
  readonly value?: SelectItemKey<Record<string, any>>;
1229
1229
  readonly title?: string | undefined;
1230
1230
  readonly fixed?: boolean | undefined;
1231
- readonly align?: ("start" | "end" | "center") | undefined;
1232
- readonly width?: (number | string) | undefined;
1233
- readonly minWidth?: (number | string) | undefined;
1234
- readonly maxWidth?: (number | string) | undefined;
1231
+ readonly align?: "start" | "end" | "center" | undefined;
1232
+ readonly width?: number | string | undefined;
1233
+ readonly minWidth?: number | string | undefined;
1234
+ readonly maxWidth?: number | string | undefined;
1235
1235
  readonly nowrap?: boolean | undefined;
1236
1236
  readonly headerProps?: {
1237
1237
  readonly [x: string]: any;
@@ -1243,7 +1243,7 @@ export declare const makeVDataTableProps: <Defaults extends {
1243
1243
  readonly sort?: import("./types.js").DataTableCompareFunction | undefined;
1244
1244
  readonly sortRaw?: import("./types.js").DataTableCompareFunction | undefined;
1245
1245
  readonly filter?: import("../../composables/filter.js").FilterFunction | undefined;
1246
- readonly children?: readonly any[] | undefined;
1246
+ readonly children?: readonly /*elided*/ any[] | undefined;
1247
1247
  }[] | undefined;
1248
1248
  }[] | Defaults["headers"];
1249
1249
  };
package/lib/components/VDataTable/VDataTableHeaders.js CHANGED
@@ -164,7 +164,6 @@ export const VDataTableHeaders = genericComponent()({
164
164
  });
165
165
  };
166
166
  const VDataTableMobileHeaderCell = () => {
167
- const headerProps = mergeProps(props.headerProps ?? {} ?? {});
168
167
  const displayItems = computed(() => {
169
168
  return columns.value.filter(column => column?.sortable && !props.disableSort);
170
169
  });
@@ -177,7 +176,7 @@ export const VDataTableHeaders = genericComponent()({
177
176
  "tag": "th",
178
177
  "class": [...headerCellClasses.value],
179
178
  "colspan": headers.value.length + 1
180
- }, headerProps), {
179
+ }, props.headerProps), {
181
180
  default: () => [_createVNode("div", {
182
181
  "class": "v-data-table-header__content"
183
182
  }, [_createVNode(VSelect, {
package/lib/components/VDataTable/VDataTableHeaders.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"VDataTableHeaders.js","names":["VDataTableColumn","VCheckboxBtn","VChip","VIcon","VSelect","useHeaders","useSelection","useSort","useBackgroundColor","makeDisplayProps","useDisplay","IconValue","LoaderSlot","makeLoaderProps","useLoader","useLocale","computed","mergeProps","convertToUnit","genericComponent","propsFactory","useRender","makeVDataTableHeadersProps","color","String","disableSort","Boolean","fixedHeader","multiSort","sortAscIcon","type","default","sortDescIcon","headerProps","Object","sticky","VDataTableHeaders","name","props","setup","_ref","slots","t","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","columns","headers","loaderClasses","getFixedStyles","column","y","fixed","undefined","position","left","fixedOffset","top","getSortIcon","item","value","find","key","order","backgroundColorClasses","backgroundColorStyles","displayClasses","mobile","slotProps","headerCellClasses","VDataTableHeaderCell","_ref2","x","noPadding","_createVNode","_mergeProps","align","sortable","width","minWidth","maxWidth","colspan","rowspan","nowrap","lastFixed","columnSlotName","columnSlotProps","title","findIndex","VDataTableMobileHeaderCell","displayItems","filter","appendIcon","showSelectColumn","length","onClick:clear","onClick:append","chip","raw","e","preventDefault","stopPropagation","_Fragment","map","row","loading","loader"],"sources":["../../../src/components/VDataTable/VDataTableHeaders.tsx"],"sourcesContent":["// Components\nimport { VDataTableColumn } from './VDataTableColumn'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VIcon } from '@/components/VIcon'\nimport { VSelect } from '@/components/VSelect'\n\n// Composables\nimport { useHeaders } from './composables/headers'\nimport { useSelection } from './composables/select'\nimport { useSort } from './composables/sort'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDisplayProps, useDisplay } from '@/composables/display'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed, mergeProps } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType, UnwrapRef } from 'vue'\nimport type { provideSelection } from './composables/select'\nimport type { provideSort } from './composables/sort'\nimport type { InternalDataTableHeader } from './types'\nimport type { ItemProps } from '@/composables/list-items'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type HeadersSlotProps = {\n headers: InternalDataTableHeader[][]\n columns: InternalDataTableHeader[]\n sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n toggleSort: ReturnType<typeof provideSort>['toggleSort']\n selectAll: ReturnType<typeof provideSelection>['selectAll']\n getSortIcon: (column: InternalDataTableHeader) => IconValue\n isSorted: ReturnType<typeof provideSort>['isSorted']\n}\n\nexport type VDataTableHeaderCellColumnSlotProps = {\n column: InternalDataTableHeader\n selectAll: ReturnType<typeof provideSelection>['selectAll']\n isSorted: ReturnType<typeof provideSort>['isSorted']\n toggleSort: ReturnType<typeof provideSort>['toggleSort']\n sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n getSortIcon: (column: InternalDataTableHeader) => IconValue\n}\n\nexport type VDataTableHeadersSlots = {\n headers: HeadersSlotProps\n loader: LoaderSlotProps\n 'header.data-table-select': VDataTableHeaderCellColumnSlotProps\n 'header.data-table-expand': VDataTableHeaderCellColumnSlotProps\n} & { [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps }\n\nexport const makeVDataTableHeadersProps = propsFactory({\n color: String,\n disableSort: Boolean,\n fixedHeader: Boolean,\n multiSort: Boolean,\n sortAscIcon: {\n type: IconValue,\n default: '$sortAsc',\n },\n sortDescIcon: {\n type: IconValue,\n default: '$sortDesc',\n },\n headerProps: {\n type: Object as PropType<Record<string, any>>,\n },\n\n /** @deprecated */\n sticky: Boolean,\n\n ...makeDisplayProps(),\n ...makeLoaderProps(),\n}, 'VDataTableHeaders')\n\nexport const VDataTableHeaders = genericComponent<VDataTableHeadersSlots>()({\n name: 'VDataTableHeaders',\n\n props: makeVDataTableHeadersProps(),\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const { toggleSort, sortBy, isSorted } = useSort()\n const { someSelected, allSelected, selectAll, showSelectAll } = useSelection()\n const { columns, headers } = useHeaders()\n const { loaderClasses } = useLoader(props)\n\n function getFixedStyles (column: InternalDataTableHeader, y: number): CSSProperties | undefined {\n if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined\n\n return {\n position: 'sticky',\n left: column.fixed ? convertToUnit(column.fixedOffset) : undefined,\n top: (props.sticky || props.fixedHeader) ? `calc(var(--v-table-header-height) * ${y})` : undefined,\n }\n }\n\n function getSortIcon (column: InternalDataTableHeader) {\n const item = sortBy.value.find(item => item.key === column.key)\n\n if (!item) return props.sortAscIcon\n\n return item.order === 'asc' ? props.sortAscIcon : props.sortDescIcon\n }\n\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n\n const { displayClasses, mobile } = useDisplay(props)\n\n const slotProps = computed(() => ({\n headers: headers.value,\n columns: columns.value,\n toggleSort,\n isSorted,\n sortBy: sortBy.value,\n someSelected: someSelected.value,\n allSelected: allSelected.value,\n selectAll,\n getSortIcon,\n } satisfies HeadersSlotProps))\n\n const headerCellClasses = computed(() => ([\n 'v-data-table__th',\n {\n 'v-data-table__th--sticky': (props.sticky || props.fixedHeader),\n },\n displayClasses.value,\n loaderClasses.value,\n ]))\n\n const VDataTableHeaderCell = ({ column, x, y }: { column: InternalDataTableHeader, x: number, y: number }) => {\n const noPadding = column.key === 'data-table-select' || column.key === 'data-table-expand'\n const headerProps = mergeProps(props.headerProps ?? {}, column.headerProps ?? {})\n\n return (\n <VDataTableColumn\n tag=\"th\"\n align={ column.align }\n class={[\n {\n 'v-data-table__th--sortable': column.sortable && !props.disableSort,\n 'v-data-table__th--sorted': isSorted(column),\n 'v-data-table__th--fixed': column.fixed,\n },\n ...headerCellClasses.value,\n ]}\n style={{\n width: convertToUnit(column.width),\n minWidth: convertToUnit(column.minWidth),\n maxWidth: convertToUnit(column.maxWidth),\n ...getFixedStyles(column, y),\n }}\n colspan={ column.colspan }\n rowspan={ column.rowspan }\n onClick={ column.sortable ? () => toggleSort(column) : undefined }\n fixed={ column.fixed }\n nowrap={ column.nowrap }\n lastFixed={ column.lastFixed }\n noPadding={ noPadding }\n { ...headerProps }\n >\n {{\n default: () => {\n const columnSlotName = `header.${column.key}` as const\n const columnSlotProps: VDataTableHeaderCellColumnSlotProps = {\n column,\n selectAll,\n isSorted,\n toggleSort,\n sortBy: sortBy.value,\n someSelected: someSelected.value,\n allSelected: allSelected.value,\n getSortIcon,\n }\n\n if (slots[columnSlotName]) return slots[columnSlotName]!(columnSlotProps)\n\n if (column.key === 'data-table-select') {\n return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && (\n <VCheckboxBtn\n modelValue={ allSelected.value }\n indeterminate={ someSelected.value && !allSelected.value }\n onUpdate:modelValue={ selectAll }\n />\n ))\n }\n\n return (\n <div class=\"v-data-table-header__content\">\n <span>{ column.title }</span>\n { column.sortable && !props.disableSort && (\n <VIcon\n key=\"icon\"\n class=\"v-data-table-header__sort-icon\"\n icon={ getSortIcon(column) }\n />\n )}\n { props.multiSort && isSorted(column) && (\n <div\n key=\"badge\"\n class={[\n 'v-data-table-header__sort-badge',\n ...backgroundColorClasses.value,\n ]}\n style={ backgroundColorStyles.value }\n >\n { sortBy.value.findIndex(x => x.key === column.key) + 1 }\n </div>\n )}\n </div>\n )\n },\n }}\n </VDataTableColumn>\n )\n }\n\n const VDataTableMobileHeaderCell = () => {\n const headerProps = mergeProps(props.headerProps ?? {} ?? {})\n\n const displayItems = computed<ItemProps['items']>(() => {\n return columns.value.filter(column => column?.sortable && !props.disableSort)\n })\n\n const appendIcon = computed(() => {\n const showSelectColumn = columns.value.find(column => column.key === 'data-table-select')\n\n if (showSelectColumn == null) return\n\n return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff'\n })\n\n return (\n <VDataTableColumn\n tag=\"th\"\n class={[\n ...headerCellClasses.value,\n ]}\n colspan={ headers.value.length + 1 }\n { ...headerProps }\n >\n <div class=\"v-data-table-header__content\">\n <VSelect\n chips\n class=\"v-data-table__td-sort-select\"\n clearable\n density=\"default\"\n items={ displayItems.value }\n label={ t('$vuetify.dataTable.sortBy') }\n multiple={ props.multiSort }\n variant=\"underlined\"\n onClick:clear={ () => sortBy.value = [] }\n appendIcon={ appendIcon.value }\n onClick:append={ () => selectAll(!allSelected.value) }\n >\n {{\n ...slots,\n chip: props => (\n <VChip\n onClick={ props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined }\n onMousedown={ (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n }}\n >\n { props.item.title }\n <VIcon\n class={[\n 'v-data-table__td-sort-icon',\n isSorted(props.item.raw) && 'v-data-table__td-sort-icon-active',\n ]}\n icon={ getSortIcon(props.item.raw) }\n size=\"small\"\n />\n </VChip>\n ),\n }}\n </VSelect>\n </div>\n </VDataTableColumn>\n )\n }\n\n useRender(() => {\n return mobile.value ? (\n <tr>\n <VDataTableMobileHeaderCell />\n </tr>\n ) : (\n <>\n { slots.headers\n ? slots.headers(slotProps.value)\n : headers.value.map((row, y) => (\n <tr>\n { row.map((column, x) => (\n <VDataTableHeaderCell column={ column } x={ x } y={ y } />\n ))}\n </tr>\n ))}\n\n { props.loading && (\n <tr class=\"v-data-table-progress\">\n <th colspan={ columns.value.length }>\n <LoaderSlot\n name=\"v-data-table-progress\"\n absolute\n active\n color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n indeterminate\n v-slots={{ default: slots.loader }}\n />\n </th>\n </tr>\n )}\n </>\n )\n })\n },\n})\n\nexport type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"VDataTableHeaders.js","names":["VDataTableColumn","VCheckboxBtn","VChip","VIcon","VSelect","useHeaders","useSelection","useSort","useBackgroundColor","makeDisplayProps","useDisplay","IconValue","LoaderSlot","makeLoaderProps","useLoader","useLocale","computed","mergeProps","convertToUnit","genericComponent","propsFactory","useRender","makeVDataTableHeadersProps","color","String","disableSort","Boolean","fixedHeader","multiSort","sortAscIcon","type","default","sortDescIcon","headerProps","Object","sticky","VDataTableHeaders","name","props","setup","_ref","slots","t","toggleSort","sortBy","isSorted","someSelected","allSelected","selectAll","showSelectAll","columns","headers","loaderClasses","getFixedStyles","column","y","fixed","undefined","position","left","fixedOffset","top","getSortIcon","item","value","find","key","order","backgroundColorClasses","backgroundColorStyles","displayClasses","mobile","slotProps","headerCellClasses","VDataTableHeaderCell","_ref2","x","noPadding","_createVNode","_mergeProps","align","sortable","width","minWidth","maxWidth","colspan","rowspan","nowrap","lastFixed","columnSlotName","columnSlotProps","title","findIndex","VDataTableMobileHeaderCell","displayItems","filter","appendIcon","showSelectColumn","length","onClick:clear","onClick:append","chip","raw","e","preventDefault","stopPropagation","_Fragment","map","row","loading","loader"],"sources":["../../../src/components/VDataTable/VDataTableHeaders.tsx"],"sourcesContent":["// Components\nimport { VDataTableColumn } from './VDataTableColumn'\nimport { VCheckboxBtn } from '@/components/VCheckbox'\nimport { VChip } from '@/components/VChip'\nimport { VIcon } from '@/components/VIcon'\nimport { VSelect } from '@/components/VSelect'\n\n// Composables\nimport { useHeaders } from './composables/headers'\nimport { useSelection } from './composables/select'\nimport { useSort } from './composables/sort'\nimport { useBackgroundColor } from '@/composables/color'\nimport { makeDisplayProps, useDisplay } from '@/composables/display'\nimport { IconValue } from '@/composables/icons'\nimport { LoaderSlot, makeLoaderProps, useLoader } from '@/composables/loader'\nimport { useLocale } from '@/composables/locale'\n\n// Utilities\nimport { computed, mergeProps } from 'vue'\nimport { convertToUnit, genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { CSSProperties, PropType, UnwrapRef } from 'vue'\nimport type { provideSelection } from './composables/select'\nimport type { provideSort } from './composables/sort'\nimport type { InternalDataTableHeader } from './types'\nimport type { ItemProps } from '@/composables/list-items'\nimport type { LoaderSlotProps } from '@/composables/loader'\n\nexport type HeadersSlotProps = {\n headers: InternalDataTableHeader[][]\n columns: InternalDataTableHeader[]\n sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n toggleSort: ReturnType<typeof provideSort>['toggleSort']\n selectAll: ReturnType<typeof provideSelection>['selectAll']\n getSortIcon: (column: InternalDataTableHeader) => IconValue\n isSorted: ReturnType<typeof provideSort>['isSorted']\n}\n\nexport type VDataTableHeaderCellColumnSlotProps = {\n column: InternalDataTableHeader\n selectAll: ReturnType<typeof provideSelection>['selectAll']\n isSorted: ReturnType<typeof provideSort>['isSorted']\n toggleSort: ReturnType<typeof provideSort>['toggleSort']\n sortBy: UnwrapRef<ReturnType<typeof provideSort>['sortBy']>\n someSelected: UnwrapRef<ReturnType<typeof provideSelection>['someSelected']>\n allSelected: UnwrapRef<ReturnType<typeof provideSelection>['allSelected']>\n getSortIcon: (column: InternalDataTableHeader) => IconValue\n}\n\nexport type VDataTableHeadersSlots = {\n headers: HeadersSlotProps\n loader: LoaderSlotProps\n 'header.data-table-select': VDataTableHeaderCellColumnSlotProps\n 'header.data-table-expand': VDataTableHeaderCellColumnSlotProps\n} & { [key: `header.${string}`]: VDataTableHeaderCellColumnSlotProps }\n\nexport const makeVDataTableHeadersProps = propsFactory({\n color: String,\n disableSort: Boolean,\n fixedHeader: Boolean,\n multiSort: Boolean,\n sortAscIcon: {\n type: IconValue,\n default: '$sortAsc',\n },\n sortDescIcon: {\n type: IconValue,\n default: '$sortDesc',\n },\n headerProps: {\n type: Object as PropType<Record<string, any>>,\n },\n\n /** @deprecated */\n sticky: Boolean,\n\n ...makeDisplayProps(),\n ...makeLoaderProps(),\n}, 'VDataTableHeaders')\n\nexport const VDataTableHeaders = genericComponent<VDataTableHeadersSlots>()({\n name: 'VDataTableHeaders',\n\n props: makeVDataTableHeadersProps(),\n\n setup (props, { slots }) {\n const { t } = useLocale()\n const { toggleSort, sortBy, isSorted } = useSort()\n const { someSelected, allSelected, selectAll, showSelectAll } = useSelection()\n const { columns, headers } = useHeaders()\n const { loaderClasses } = useLoader(props)\n\n function getFixedStyles (column: InternalDataTableHeader, y: number): CSSProperties | undefined {\n if (!(props.sticky || props.fixedHeader) && !column.fixed) return undefined\n\n return {\n position: 'sticky',\n left: column.fixed ? convertToUnit(column.fixedOffset) : undefined,\n top: (props.sticky || props.fixedHeader) ? `calc(var(--v-table-header-height) * ${y})` : undefined,\n }\n }\n\n function getSortIcon (column: InternalDataTableHeader) {\n const item = sortBy.value.find(item => item.key === column.key)\n\n if (!item) return props.sortAscIcon\n\n return item.order === 'asc' ? props.sortAscIcon : props.sortDescIcon\n }\n\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.color)\n\n const { displayClasses, mobile } = useDisplay(props)\n\n const slotProps = computed(() => ({\n headers: headers.value,\n columns: columns.value,\n toggleSort,\n isSorted,\n sortBy: sortBy.value,\n someSelected: someSelected.value,\n allSelected: allSelected.value,\n selectAll,\n getSortIcon,\n } satisfies HeadersSlotProps))\n\n const headerCellClasses = computed(() => ([\n 'v-data-table__th',\n {\n 'v-data-table__th--sticky': (props.sticky || props.fixedHeader),\n },\n displayClasses.value,\n loaderClasses.value,\n ]))\n\n const VDataTableHeaderCell = ({ column, x, y }: { column: InternalDataTableHeader, x: number, y: number }) => {\n const noPadding = column.key === 'data-table-select' || column.key === 'data-table-expand'\n const headerProps = mergeProps(props.headerProps ?? {}, column.headerProps ?? {})\n\n return (\n <VDataTableColumn\n tag=\"th\"\n align={ column.align }\n class={[\n {\n 'v-data-table__th--sortable': column.sortable && !props.disableSort,\n 'v-data-table__th--sorted': isSorted(column),\n 'v-data-table__th--fixed': column.fixed,\n },\n ...headerCellClasses.value,\n ]}\n style={{\n width: convertToUnit(column.width),\n minWidth: convertToUnit(column.minWidth),\n maxWidth: convertToUnit(column.maxWidth),\n ...getFixedStyles(column, y),\n }}\n colspan={ column.colspan }\n rowspan={ column.rowspan }\n onClick={ column.sortable ? () => toggleSort(column) : undefined }\n fixed={ column.fixed }\n nowrap={ column.nowrap }\n lastFixed={ column.lastFixed }\n noPadding={ noPadding }\n { ...headerProps }\n >\n {{\n default: () => {\n const columnSlotName = `header.${column.key}` as const\n const columnSlotProps: VDataTableHeaderCellColumnSlotProps = {\n column,\n selectAll,\n isSorted,\n toggleSort,\n sortBy: sortBy.value,\n someSelected: someSelected.value,\n allSelected: allSelected.value,\n getSortIcon,\n }\n\n if (slots[columnSlotName]) return slots[columnSlotName]!(columnSlotProps)\n\n if (column.key === 'data-table-select') {\n return slots['header.data-table-select']?.(columnSlotProps) ?? (showSelectAll.value && (\n <VCheckboxBtn\n modelValue={ allSelected.value }\n indeterminate={ someSelected.value && !allSelected.value }\n onUpdate:modelValue={ selectAll }\n />\n ))\n }\n\n return (\n <div class=\"v-data-table-header__content\">\n <span>{ column.title }</span>\n { column.sortable && !props.disableSort && (\n <VIcon\n key=\"icon\"\n class=\"v-data-table-header__sort-icon\"\n icon={ getSortIcon(column) }\n />\n )}\n { props.multiSort && isSorted(column) && (\n <div\n key=\"badge\"\n class={[\n 'v-data-table-header__sort-badge',\n ...backgroundColorClasses.value,\n ]}\n style={ backgroundColorStyles.value }\n >\n { sortBy.value.findIndex(x => x.key === column.key) + 1 }\n </div>\n )}\n </div>\n )\n },\n }}\n </VDataTableColumn>\n )\n }\n\n const VDataTableMobileHeaderCell = () => {\n const displayItems = computed<ItemProps['items']>(() => {\n return columns.value.filter(column => column?.sortable && !props.disableSort)\n })\n\n const appendIcon = computed(() => {\n const showSelectColumn = columns.value.find(column => column.key === 'data-table-select')\n\n if (showSelectColumn == null) return\n\n return allSelected.value ? '$checkboxOn' : someSelected.value ? '$checkboxIndeterminate' : '$checkboxOff'\n })\n\n return (\n <VDataTableColumn\n tag=\"th\"\n class={[\n ...headerCellClasses.value,\n ]}\n colspan={ headers.value.length + 1 }\n { ...props.headerProps }\n >\n <div class=\"v-data-table-header__content\">\n <VSelect\n chips\n class=\"v-data-table__td-sort-select\"\n clearable\n density=\"default\"\n items={ displayItems.value }\n label={ t('$vuetify.dataTable.sortBy') }\n multiple={ props.multiSort }\n variant=\"underlined\"\n onClick:clear={ () => sortBy.value = [] }\n appendIcon={ appendIcon.value }\n onClick:append={ () => selectAll(!allSelected.value) }\n >\n {{\n ...slots,\n chip: props => (\n <VChip\n onClick={ props.item.raw?.sortable ? () => toggleSort(props.item.raw) : undefined }\n onMousedown={ (e: MouseEvent) => {\n e.preventDefault()\n e.stopPropagation()\n }}\n >\n { props.item.title }\n <VIcon\n class={[\n 'v-data-table__td-sort-icon',\n isSorted(props.item.raw) && 'v-data-table__td-sort-icon-active',\n ]}\n icon={ getSortIcon(props.item.raw) }\n size=\"small\"\n />\n </VChip>\n ),\n }}\n </VSelect>\n </div>\n </VDataTableColumn>\n )\n }\n\n useRender(() => {\n return mobile.value ? (\n <tr>\n <VDataTableMobileHeaderCell />\n </tr>\n ) : (\n <>\n { slots.headers\n ? slots.headers(slotProps.value)\n : headers.value.map((row, y) => (\n <tr>\n { row.map((column, x) => (\n <VDataTableHeaderCell column={ column } x={ x } y={ y } />\n ))}\n </tr>\n ))}\n\n { props.loading && (\n <tr class=\"v-data-table-progress\">\n <th colspan={ columns.value.length }>\n <LoaderSlot\n name=\"v-data-table-progress\"\n absolute\n active\n color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n indeterminate\n v-slots={{ default: slots.loader }}\n />\n </th>\n </tr>\n )}\n </>\n )\n })\n },\n})\n\nexport type VDataTableHeaders = InstanceType<typeof VDataTableHeaders>\n"],"mappings":"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","ignoreList":[]}