vuetify 3.3.6 → 3.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/dist/json/attributes.json +14 -10
  2. package/dist/json/importMap.json +76 -76
  3. package/dist/json/tags.json +1 -0
  4. package/dist/json/web-types.json +26 -24
  5. package/dist/vuetify-labs.css +127 -111
  6. package/dist/vuetify-labs.d.ts +178 -76
  7. package/dist/vuetify-labs.esm.js +486 -337
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +485 -336
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +36 -20
  12. package/dist/vuetify.d.ts +157 -93
  13. package/dist/vuetify.esm.js +469 -326
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +468 -325
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +688 -669
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/components/VAutocomplete/VAutocomplete.mjs +48 -35
  21. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  22. package/lib/components/VBtn/VBtn.mjs +1 -1
  23. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  24. package/lib/components/VCheckbox/index.d.mts +28 -16
  25. package/lib/components/VCombobox/VCombobox.mjs +48 -35
  26. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  27. package/lib/components/VField/VField.css +17 -6
  28. package/lib/components/VField/VField.sass +17 -6
  29. package/lib/components/VField/_variables.scss +2 -2
  30. package/lib/components/VIcon/VIcon.css +1 -0
  31. package/lib/components/VIcon/VIcon.sass +1 -0
  32. package/lib/components/VImg/VImg.css +4 -2
  33. package/lib/components/VImg/VImg.mjs +4 -2
  34. package/lib/components/VImg/VImg.mjs.map +1 -1
  35. package/lib/components/VImg/VImg.sass +3 -4
  36. package/lib/components/VOverlay/VOverlay.css +2 -0
  37. package/lib/components/VOverlay/VOverlay.sass +3 -1
  38. package/lib/components/VOverlay/scrollStrategies.mjs +3 -1
  39. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  40. package/lib/components/VRadio/index.d.mts +14 -8
  41. package/lib/components/VRadioGroup/index.d.mts +14 -8
  42. package/lib/components/VResponsive/VResponsive.css +6 -11
  43. package/lib/components/VResponsive/VResponsive.sass +5 -10
  44. package/lib/components/VSelect/VSelect.mjs +43 -31
  45. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  46. package/lib/components/VSelect/useScrolling.mjs +69 -0
  47. package/lib/components/VSelect/useScrolling.mjs.map +1 -0
  48. package/lib/components/VSelectionControl/VSelectionControl.mjs +2 -2
  49. package/lib/components/VSelectionControl/VSelectionControl.mjs.map +1 -1
  50. package/lib/components/VSelectionControl/index.d.mts +14 -8
  51. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs +4 -1
  52. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.mjs.map +1 -1
  53. package/lib/components/VSelectionControlGroup/index.d.mts +14 -8
  54. package/lib/components/VSwitch/index.d.mts +14 -8
  55. package/lib/components/VTextField/VTextField.css +5 -0
  56. package/lib/components/VTextField/VTextField.mjs +6 -2
  57. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  58. package/lib/components/VTextField/VTextField.sass +5 -0
  59. package/lib/components/VTextField/_variables.scss +1 -0
  60. package/lib/components/VVirtualScroll/VVirtualScroll.mjs +50 -24
  61. package/lib/components/VVirtualScroll/VVirtualScroll.mjs.map +1 -1
  62. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs +13 -23
  63. package/lib/components/VVirtualScroll/VVirtualScrollItem.mjs.map +1 -1
  64. package/lib/components/VVirtualScroll/index.d.mts +37 -15
  65. package/lib/components/index.d.mts +134 -70
  66. package/lib/composables/filter.mjs +9 -7
  67. package/lib/composables/filter.mjs.map +1 -1
  68. package/lib/composables/resizeObserver.mjs +6 -1
  69. package/lib/composables/resizeObserver.mjs.map +1 -1
  70. package/lib/composables/virtual.mjs +17 -17
  71. package/lib/composables/virtual.mjs.map +1 -1
  72. package/lib/entry-bundler.mjs +1 -1
  73. package/lib/framework.mjs +1 -1
  74. package/lib/index.d.mts +23 -23
  75. package/lib/labs/VDataTable/VDataTableVirtual.mjs +12 -10
  76. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  77. package/lib/labs/VDataTable/composables/headers.mjs +6 -2
  78. package/lib/labs/VDataTable/composables/headers.mjs.map +1 -1
  79. package/lib/labs/VDataTable/index.d.mts +44 -6
  80. package/lib/labs/components.d.mts +44 -6
  81. package/lib/util/getScrollParent.mjs +7 -1
  82. package/lib/util/getScrollParent.mjs.map +1 -1
  83. package/package.json +2 -2
@@ -3782,6 +3782,7 @@ declare const VDataTableVirtual: {
3782
3782
  selectStrategy?: "all" | "page" | "single" | undefined;
3783
3783
  itemValue?: SelectItemKey | undefined;
3784
3784
  returnObject?: boolean | undefined;
3785
+ itemHeight?: string | number | undefined;
3785
3786
  hideNoData?: boolean | undefined;
3786
3787
  filterMode?: FilterMode | undefined;
3787
3788
  noFilter?: boolean | undefined;
@@ -3842,6 +3843,8 @@ declare const VDataTableVirtual: {
3842
3843
  toggleSelect: (item: SelectableItem) => void;
3843
3844
  } & {
3844
3845
  props: Record<string, any>;
3846
+ } & {
3847
+ itemRef: Ref<HTMLElement | undefined>;
3845
3848
  }) => vue.VNodeChild) | undefined;
3846
3849
  loading?: (() => vue.VNodeChild) | undefined;
3847
3850
  'group-header'?: ((arg: {
@@ -3950,6 +3953,8 @@ declare const VDataTableVirtual: {
3950
3953
  toggleSelect: (item: SelectableItem) => void;
3951
3954
  } & {
3952
3955
  props: Record<string, any>;
3956
+ } & {
3957
+ itemRef: Ref<HTMLElement | undefined>;
3953
3958
  }) => vue.VNodeChild) | undefined;
3954
3959
  loading?: false | (() => vue.VNodeChild) | undefined;
3955
3960
  'group-header'?: false | ((arg: {
@@ -4066,6 +4071,8 @@ declare const VDataTableVirtual: {
4066
4071
  toggleSelect: (item: SelectableItem) => void;
4067
4072
  } & {
4068
4073
  props: Record<string, any>;
4074
+ } & {
4075
+ itemRef: Ref<HTMLElement | undefined>;
4069
4076
  }) => vue.VNodeChild) | undefined;
4070
4077
  "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
4071
4078
  customFilter?: FilterFunction | undefined;
@@ -4073,7 +4080,6 @@ declare const VDataTableVirtual: {
4073
4080
  filterKeys?: FilterKeys | undefined;
4074
4081
  "v-slot:top"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
4075
4082
  "v-slot:bottom"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
4076
- itemHeight?: string | number | undefined;
4077
4083
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
4078
4084
  "onUpdate:sortBy"?: ((value: any) => any) | undefined;
4079
4085
  "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -4168,6 +4174,8 @@ declare const VDataTableVirtual: {
4168
4174
  toggleSelect: (item: SelectableItem) => void;
4169
4175
  } & {
4170
4176
  props: Record<string, any>;
4177
+ } & {
4178
+ itemRef: Ref<HTMLElement | undefined>;
4171
4179
  }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
4172
4180
  [key: string]: any;
4173
4181
  }>[]) | undefined;
@@ -4281,6 +4289,7 @@ declare const VDataTableVirtual: {
4281
4289
  selectStrategy: "all" | "page" | "single";
4282
4290
  itemValue: SelectItemKey;
4283
4291
  returnObject: boolean;
4292
+ itemHeight: string | number;
4284
4293
  hideNoData: boolean;
4285
4294
  filterMode: FilterMode;
4286
4295
  noFilter: boolean;
@@ -4307,7 +4316,6 @@ declare const VDataTableVirtual: {
4307
4316
  customFilter?: FilterFunction | undefined;
4308
4317
  customKeyFilter?: FilterKeyFunctions | undefined;
4309
4318
  filterKeys?: FilterKeys | undefined;
4310
- itemHeight?: string | number | undefined;
4311
4319
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
4312
4320
  rowHeight?: number | undefined;
4313
4321
  'onClick:row'?: ((e: Event, value: {
@@ -4352,6 +4360,8 @@ declare const VDataTableVirtual: {
4352
4360
  toggleSelect: (item: SelectableItem) => void;
4353
4361
  } & {
4354
4362
  props: Record<string, any>;
4363
+ } & {
4364
+ itemRef: Ref<HTMLElement | undefined>;
4355
4365
  }) => vue.VNodeChild) | undefined;
4356
4366
  loading?: (() => vue.VNodeChild) | undefined;
4357
4367
  'group-header'?: ((arg: {
@@ -4456,6 +4466,8 @@ declare const VDataTableVirtual: {
4456
4466
  toggleSelect: (item: SelectableItem) => void;
4457
4467
  } & {
4458
4468
  props: Record<string, any>;
4469
+ } & {
4470
+ itemRef: Ref<HTMLElement | undefined>;
4459
4471
  }) => vue.VNodeChild) | undefined;
4460
4472
  loading?: false | (() => vue.VNodeChild) | undefined;
4461
4473
  'group-header'?: false | ((arg: {
@@ -4560,6 +4572,8 @@ declare const VDataTableVirtual: {
4560
4572
  toggleSelect: (item: SelectableItem) => void;
4561
4573
  } & {
4562
4574
  props: Record<string, any>;
4575
+ } & {
4576
+ itemRef: Ref<HTMLElement | undefined>;
4563
4577
  }) => vue.VNodeChild) | undefined;
4564
4578
  "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
4565
4579
  "v-slot:group-header"?: false | ((arg: {
@@ -4658,6 +4672,7 @@ declare const VDataTableVirtual: {
4658
4672
  selectStrategy: "all" | "page" | "single";
4659
4673
  itemValue: SelectItemKey;
4660
4674
  returnObject: boolean;
4675
+ itemHeight: string | number;
4661
4676
  hideNoData: boolean;
4662
4677
  filterMode: FilterMode;
4663
4678
  noFilter: boolean;
@@ -4719,6 +4734,8 @@ declare const VDataTableVirtual: {
4719
4734
  toggleSelect: (item: SelectableItem) => void;
4720
4735
  } & {
4721
4736
  props: Record<string, any>;
4737
+ } & {
4738
+ itemRef: Ref<HTMLElement | undefined>;
4722
4739
  }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
4723
4740
  [key: string]: any;
4724
4741
  }>[];
@@ -4845,6 +4862,7 @@ declare const VDataTableVirtual: {
4845
4862
  selectStrategy: "all" | "page" | "single";
4846
4863
  itemValue: SelectItemKey;
4847
4864
  returnObject: boolean;
4865
+ itemHeight: string | number;
4848
4866
  hideNoData: boolean;
4849
4867
  filterMode: FilterMode;
4850
4868
  noFilter: boolean;
@@ -4871,7 +4889,6 @@ declare const VDataTableVirtual: {
4871
4889
  customFilter?: FilterFunction | undefined;
4872
4890
  customKeyFilter?: FilterKeyFunctions | undefined;
4873
4891
  filterKeys?: FilterKeys | undefined;
4874
- itemHeight?: string | number | undefined;
4875
4892
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
4876
4893
  rowHeight?: number | undefined;
4877
4894
  'onClick:row'?: ((e: Event, value: {
@@ -4916,6 +4933,8 @@ declare const VDataTableVirtual: {
4916
4933
  toggleSelect: (item: SelectableItem) => void;
4917
4934
  } & {
4918
4935
  props: Record<string, any>;
4936
+ } & {
4937
+ itemRef: Ref<HTMLElement | undefined>;
4919
4938
  }) => vue.VNodeChild) | undefined;
4920
4939
  loading?: (() => vue.VNodeChild) | undefined;
4921
4940
  'group-header'?: ((arg: {
@@ -5020,6 +5039,8 @@ declare const VDataTableVirtual: {
5020
5039
  toggleSelect: (item: SelectableItem) => void;
5021
5040
  } & {
5022
5041
  props: Record<string, any>;
5042
+ } & {
5043
+ itemRef: Ref<HTMLElement | undefined>;
5023
5044
  }) => vue.VNodeChild) | undefined;
5024
5045
  loading?: false | (() => vue.VNodeChild) | undefined;
5025
5046
  'group-header'?: false | ((arg: {
@@ -5124,6 +5145,8 @@ declare const VDataTableVirtual: {
5124
5145
  toggleSelect: (item: SelectableItem) => void;
5125
5146
  } & {
5126
5147
  props: Record<string, any>;
5148
+ } & {
5149
+ itemRef: Ref<HTMLElement | undefined>;
5127
5150
  }) => vue.VNodeChild) | undefined;
5128
5151
  "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
5129
5152
  "v-slot:group-header"?: false | ((arg: {
@@ -5217,6 +5240,7 @@ declare const VDataTableVirtual: {
5217
5240
  selectStrategy: "all" | "page" | "single";
5218
5241
  itemValue: SelectItemKey;
5219
5242
  returnObject: boolean;
5243
+ itemHeight: string | number;
5220
5244
  hideNoData: boolean;
5221
5245
  filterMode: FilterMode;
5222
5246
  noFilter: boolean;
@@ -5243,7 +5267,6 @@ declare const VDataTableVirtual: {
5243
5267
  customFilter?: FilterFunction | undefined;
5244
5268
  customKeyFilter?: FilterKeyFunctions | undefined;
5245
5269
  filterKeys?: FilterKeys | undefined;
5246
- itemHeight?: string | number | undefined;
5247
5270
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
5248
5271
  rowHeight?: number | undefined;
5249
5272
  'onClick:row'?: ((e: Event, value: {
@@ -5288,6 +5311,8 @@ declare const VDataTableVirtual: {
5288
5311
  toggleSelect: (item: SelectableItem) => void;
5289
5312
  } & {
5290
5313
  props: Record<string, any>;
5314
+ } & {
5315
+ itemRef: Ref<HTMLElement | undefined>;
5291
5316
  }) => vue.VNodeChild) | undefined;
5292
5317
  loading?: (() => vue.VNodeChild) | undefined;
5293
5318
  'group-header'?: ((arg: {
@@ -5392,6 +5417,8 @@ declare const VDataTableVirtual: {
5392
5417
  toggleSelect: (item: SelectableItem) => void;
5393
5418
  } & {
5394
5419
  props: Record<string, any>;
5420
+ } & {
5421
+ itemRef: Ref<HTMLElement | undefined>;
5395
5422
  }) => vue.VNodeChild) | undefined;
5396
5423
  loading?: false | (() => vue.VNodeChild) | undefined;
5397
5424
  'group-header'?: false | ((arg: {
@@ -5496,6 +5523,8 @@ declare const VDataTableVirtual: {
5496
5523
  toggleSelect: (item: SelectableItem) => void;
5497
5524
  } & {
5498
5525
  props: Record<string, any>;
5526
+ } & {
5527
+ itemRef: Ref<HTMLElement | undefined>;
5499
5528
  }) => vue.VNodeChild) | undefined;
5500
5529
  "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
5501
5530
  "v-slot:group-header"?: false | ((arg: {
@@ -5594,6 +5623,7 @@ declare const VDataTableVirtual: {
5594
5623
  selectStrategy: "all" | "page" | "single";
5595
5624
  itemValue: SelectItemKey;
5596
5625
  returnObject: boolean;
5626
+ itemHeight: string | number;
5597
5627
  hideNoData: boolean;
5598
5628
  filterMode: FilterMode;
5599
5629
  noFilter: boolean;
@@ -5655,6 +5685,8 @@ declare const VDataTableVirtual: {
5655
5685
  toggleSelect: (item: SelectableItem) => void;
5656
5686
  } & {
5657
5687
  props: Record<string, any>;
5688
+ } & {
5689
+ itemRef: Ref<HTMLElement | undefined>;
5658
5690
  }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
5659
5691
  [key: string]: any;
5660
5692
  }>[];
@@ -5755,7 +5787,10 @@ declare const VDataTableVirtual: {
5755
5787
  default: string;
5756
5788
  };
5757
5789
  noFilter: BooleanConstructor;
5758
- itemHeight: (StringConstructor | NumberConstructor)[];
5790
+ itemHeight: {
5791
+ type: (StringConstructor | NumberConstructor)[];
5792
+ default: number;
5793
+ };
5759
5794
  groupBy: {
5760
5795
  type: vue.PropType<readonly SortItem[]>;
5761
5796
  default: () => never[];
@@ -5853,7 +5888,10 @@ declare const VDataTableVirtual: {
5853
5888
  default: string;
5854
5889
  };
5855
5890
  noFilter: BooleanConstructor;
5856
- itemHeight: (StringConstructor | NumberConstructor)[];
5891
+ itemHeight: {
5892
+ type: (StringConstructor | NumberConstructor)[];
5893
+ default: number;
5894
+ };
5857
5895
  groupBy: {
5858
5896
  type: vue.PropType<readonly SortItem[]>;
5859
5897
  default: () => never[];
@@ -5171,6 +5171,7 @@ declare const VDataTableVirtual: {
5171
5171
  selectStrategy?: "all" | "page" | "single" | undefined;
5172
5172
  itemValue?: SelectItemKey | undefined;
5173
5173
  returnObject?: boolean | undefined;
5174
+ itemHeight?: string | number | undefined;
5174
5175
  hideNoData?: boolean | undefined;
5175
5176
  filterMode?: FilterMode | undefined;
5176
5177
  noFilter?: boolean | undefined;
@@ -5231,6 +5232,8 @@ declare const VDataTableVirtual: {
5231
5232
  toggleSelect: (item: SelectableItem) => void;
5232
5233
  } & {
5233
5234
  props: Record<string, any>;
5235
+ } & {
5236
+ itemRef: Ref<HTMLElement | undefined>;
5234
5237
  }) => vue.VNodeChild) | undefined;
5235
5238
  loading?: (() => vue.VNodeChild) | undefined;
5236
5239
  'group-header'?: ((arg: {
@@ -5339,6 +5342,8 @@ declare const VDataTableVirtual: {
5339
5342
  toggleSelect: (item: SelectableItem) => void;
5340
5343
  } & {
5341
5344
  props: Record<string, any>;
5345
+ } & {
5346
+ itemRef: Ref<HTMLElement | undefined>;
5342
5347
  }) => vue.VNodeChild) | undefined;
5343
5348
  loading?: false | (() => vue.VNodeChild) | undefined;
5344
5349
  'group-header'?: false | ((arg: {
@@ -5455,6 +5460,8 @@ declare const VDataTableVirtual: {
5455
5460
  toggleSelect: (item: SelectableItem) => void;
5456
5461
  } & {
5457
5462
  props: Record<string, any>;
5463
+ } & {
5464
+ itemRef: Ref<HTMLElement | undefined>;
5458
5465
  }) => vue.VNodeChild) | undefined;
5459
5466
  "v-slot:no-data"?: false | (() => vue.VNodeChild) | undefined;
5460
5467
  customFilter?: FilterFunction | undefined;
@@ -5462,7 +5469,6 @@ declare const VDataTableVirtual: {
5462
5469
  filterKeys?: FilterKeys | undefined;
5463
5470
  "v-slot:top"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
5464
5471
  "v-slot:bottom"?: false | ((arg: VDataTableVirtualSlotProps) => vue.VNodeChild) | undefined;
5465
- itemHeight?: string | number | undefined;
5466
5472
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
5467
5473
  "onUpdate:sortBy"?: ((value: any) => any) | undefined;
5468
5474
  "onUpdate:groupBy"?: ((value: any) => any) | undefined;
@@ -5557,6 +5563,8 @@ declare const VDataTableVirtual: {
5557
5563
  toggleSelect: (item: SelectableItem) => void;
5558
5564
  } & {
5559
5565
  props: Record<string, any>;
5566
+ } & {
5567
+ itemRef: Ref<HTMLElement | undefined>;
5560
5568
  }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
5561
5569
  [key: string]: any;
5562
5570
  }>[]) | undefined;
@@ -5670,6 +5678,7 @@ declare const VDataTableVirtual: {
5670
5678
  selectStrategy: "all" | "page" | "single";
5671
5679
  itemValue: SelectItemKey;
5672
5680
  returnObject: boolean;
5681
+ itemHeight: string | number;
5673
5682
  hideNoData: boolean;
5674
5683
  filterMode: FilterMode;
5675
5684
  noFilter: boolean;
@@ -5696,7 +5705,6 @@ declare const VDataTableVirtual: {
5696
5705
  customFilter?: FilterFunction | undefined;
5697
5706
  customKeyFilter?: FilterKeyFunctions | undefined;
5698
5707
  filterKeys?: FilterKeys | undefined;
5699
- itemHeight?: string | number | undefined;
5700
5708
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
5701
5709
  rowHeight?: number | undefined;
5702
5710
  'onClick:row'?: ((e: Event, value: {
@@ -5741,6 +5749,8 @@ declare const VDataTableVirtual: {
5741
5749
  toggleSelect: (item: SelectableItem) => void;
5742
5750
  } & {
5743
5751
  props: Record<string, any>;
5752
+ } & {
5753
+ itemRef: Ref<HTMLElement | undefined>;
5744
5754
  }) => vue.VNodeChild) | undefined;
5745
5755
  loading?: (() => vue.VNodeChild) | undefined;
5746
5756
  'group-header'?: ((arg: {
@@ -5845,6 +5855,8 @@ declare const VDataTableVirtual: {
5845
5855
  toggleSelect: (item: SelectableItem) => void;
5846
5856
  } & {
5847
5857
  props: Record<string, any>;
5858
+ } & {
5859
+ itemRef: Ref<HTMLElement | undefined>;
5848
5860
  }) => vue.VNodeChild) | undefined;
5849
5861
  loading?: false | (() => vue.VNodeChild) | undefined;
5850
5862
  'group-header'?: false | ((arg: {
@@ -5949,6 +5961,8 @@ declare const VDataTableVirtual: {
5949
5961
  toggleSelect: (item: SelectableItem) => void;
5950
5962
  } & {
5951
5963
  props: Record<string, any>;
5964
+ } & {
5965
+ itemRef: Ref<HTMLElement | undefined>;
5952
5966
  }) => vue.VNodeChild) | undefined;
5953
5967
  "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
5954
5968
  "v-slot:group-header"?: false | ((arg: {
@@ -6047,6 +6061,7 @@ declare const VDataTableVirtual: {
6047
6061
  selectStrategy: "all" | "page" | "single";
6048
6062
  itemValue: SelectItemKey;
6049
6063
  returnObject: boolean;
6064
+ itemHeight: string | number;
6050
6065
  hideNoData: boolean;
6051
6066
  filterMode: FilterMode;
6052
6067
  noFilter: boolean;
@@ -6108,6 +6123,8 @@ declare const VDataTableVirtual: {
6108
6123
  toggleSelect: (item: SelectableItem) => void;
6109
6124
  } & {
6110
6125
  props: Record<string, any>;
6126
+ } & {
6127
+ itemRef: Ref<HTMLElement | undefined>;
6111
6128
  }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
6112
6129
  [key: string]: any;
6113
6130
  }>[];
@@ -6234,6 +6251,7 @@ declare const VDataTableVirtual: {
6234
6251
  selectStrategy: "all" | "page" | "single";
6235
6252
  itemValue: SelectItemKey;
6236
6253
  returnObject: boolean;
6254
+ itemHeight: string | number;
6237
6255
  hideNoData: boolean;
6238
6256
  filterMode: FilterMode;
6239
6257
  noFilter: boolean;
@@ -6260,7 +6278,6 @@ declare const VDataTableVirtual: {
6260
6278
  customFilter?: FilterFunction | undefined;
6261
6279
  customKeyFilter?: FilterKeyFunctions | undefined;
6262
6280
  filterKeys?: FilterKeys | undefined;
6263
- itemHeight?: string | number | undefined;
6264
6281
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
6265
6282
  rowHeight?: number | undefined;
6266
6283
  'onClick:row'?: ((e: Event, value: {
@@ -6305,6 +6322,8 @@ declare const VDataTableVirtual: {
6305
6322
  toggleSelect: (item: SelectableItem) => void;
6306
6323
  } & {
6307
6324
  props: Record<string, any>;
6325
+ } & {
6326
+ itemRef: Ref<HTMLElement | undefined>;
6308
6327
  }) => vue.VNodeChild) | undefined;
6309
6328
  loading?: (() => vue.VNodeChild) | undefined;
6310
6329
  'group-header'?: ((arg: {
@@ -6409,6 +6428,8 @@ declare const VDataTableVirtual: {
6409
6428
  toggleSelect: (item: SelectableItem) => void;
6410
6429
  } & {
6411
6430
  props: Record<string, any>;
6431
+ } & {
6432
+ itemRef: Ref<HTMLElement | undefined>;
6412
6433
  }) => vue.VNodeChild) | undefined;
6413
6434
  loading?: false | (() => vue.VNodeChild) | undefined;
6414
6435
  'group-header'?: false | ((arg: {
@@ -6513,6 +6534,8 @@ declare const VDataTableVirtual: {
6513
6534
  toggleSelect: (item: SelectableItem) => void;
6514
6535
  } & {
6515
6536
  props: Record<string, any>;
6537
+ } & {
6538
+ itemRef: Ref<HTMLElement | undefined>;
6516
6539
  }) => vue.VNodeChild) | undefined;
6517
6540
  "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
6518
6541
  "v-slot:group-header"?: false | ((arg: {
@@ -6606,6 +6629,7 @@ declare const VDataTableVirtual: {
6606
6629
  selectStrategy: "all" | "page" | "single";
6607
6630
  itemValue: SelectItemKey;
6608
6631
  returnObject: boolean;
6632
+ itemHeight: string | number;
6609
6633
  hideNoData: boolean;
6610
6634
  filterMode: FilterMode;
6611
6635
  noFilter: boolean;
@@ -6632,7 +6656,6 @@ declare const VDataTableVirtual: {
6632
6656
  customFilter?: FilterFunction | undefined;
6633
6657
  customKeyFilter?: FilterKeyFunctions | undefined;
6634
6658
  filterKeys?: FilterKeys | undefined;
6635
- itemHeight?: string | number | undefined;
6636
6659
  customKeySort?: Record<string, DataTableCompareFunction> | undefined;
6637
6660
  rowHeight?: number | undefined;
6638
6661
  'onClick:row'?: ((e: Event, value: {
@@ -6677,6 +6700,8 @@ declare const VDataTableVirtual: {
6677
6700
  toggleSelect: (item: SelectableItem) => void;
6678
6701
  } & {
6679
6702
  props: Record<string, any>;
6703
+ } & {
6704
+ itemRef: Ref<HTMLElement | undefined>;
6680
6705
  }) => vue.VNodeChild) | undefined;
6681
6706
  loading?: (() => vue.VNodeChild) | undefined;
6682
6707
  'group-header'?: ((arg: {
@@ -6781,6 +6806,8 @@ declare const VDataTableVirtual: {
6781
6806
  toggleSelect: (item: SelectableItem) => void;
6782
6807
  } & {
6783
6808
  props: Record<string, any>;
6809
+ } & {
6810
+ itemRef: Ref<HTMLElement | undefined>;
6784
6811
  }) => vue.VNodeChild) | undefined;
6785
6812
  loading?: false | (() => vue.VNodeChild) | undefined;
6786
6813
  'group-header'?: false | ((arg: {
@@ -6885,6 +6912,8 @@ declare const VDataTableVirtual: {
6885
6912
  toggleSelect: (item: SelectableItem) => void;
6886
6913
  } & {
6887
6914
  props: Record<string, any>;
6915
+ } & {
6916
+ itemRef: Ref<HTMLElement | undefined>;
6888
6917
  }) => vue.VNodeChild) | undefined;
6889
6918
  "v-slot:loading"?: false | (() => vue.VNodeChild) | undefined;
6890
6919
  "v-slot:group-header"?: false | ((arg: {
@@ -6983,6 +7012,7 @@ declare const VDataTableVirtual: {
6983
7012
  selectStrategy: "all" | "page" | "single";
6984
7013
  itemValue: SelectItemKey;
6985
7014
  returnObject: boolean;
7015
+ itemHeight: string | number;
6986
7016
  hideNoData: boolean;
6987
7017
  filterMode: FilterMode;
6988
7018
  noFilter: boolean;
@@ -7044,6 +7074,8 @@ declare const VDataTableVirtual: {
7044
7074
  toggleSelect: (item: SelectableItem) => void;
7045
7075
  } & {
7046
7076
  props: Record<string, any>;
7077
+ } & {
7078
+ itemRef: Ref<HTMLElement | undefined>;
7047
7079
  }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
7048
7080
  [key: string]: any;
7049
7081
  }>[];
@@ -7144,7 +7176,10 @@ declare const VDataTableVirtual: {
7144
7176
  default: string;
7145
7177
  };
7146
7178
  noFilter: BooleanConstructor;
7147
- itemHeight: (StringConstructor | NumberConstructor)[];
7179
+ itemHeight: {
7180
+ type: (StringConstructor | NumberConstructor)[];
7181
+ default: number;
7182
+ };
7148
7183
  groupBy: {
7149
7184
  type: vue.PropType<readonly SortItem[]>;
7150
7185
  default: () => never[];
@@ -7242,7 +7277,10 @@ declare const VDataTableVirtual: {
7242
7277
  default: string;
7243
7278
  };
7244
7279
  noFilter: BooleanConstructor;
7245
- itemHeight: (StringConstructor | NumberConstructor)[];
7280
+ itemHeight: {
7281
+ type: (StringConstructor | NumberConstructor)[];
7282
+ default: number;
7283
+ };
7246
7284
  groupBy: {
7247
7285
  type: vue.PropType<readonly SortItem[]>;
7248
7286
  default: () => never[];
@@ -1,6 +1,7 @@
1
1
  export function getScrollParent(el) {
2
+ let includeHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
2
3
  while (el) {
3
- if (hasScrollbar(el)) return el;
4
+ if (includeHidden ? isPotentiallyScrollable(el) : hasScrollbar(el)) return el;
4
5
  el = el.parentElement;
5
6
  }
6
7
  return document.scrollingElement;
@@ -20,4 +21,9 @@ export function hasScrollbar(el) {
20
21
  const style = window.getComputedStyle(el);
21
22
  return style.overflowY === 'scroll' || style.overflowY === 'auto' && el.scrollHeight > el.clientHeight;
22
23
  }
24
+ function isPotentiallyScrollable(el) {
25
+ if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
26
+ const style = window.getComputedStyle(el);
27
+ return ['scroll', 'auto'].includes(style.overflowY);
28
+ }
23
29
  //# sourceMappingURL=getScrollParent.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"getScrollParent.mjs","names":["getScrollParent","el","hasScrollbar","parentElement","document","scrollingElement","getScrollParents","stopAt","elements","contains","push","nodeType","Node","ELEMENT_NODE","style","window","getComputedStyle","overflowY","scrollHeight","clientHeight"],"sources":["../../src/util/getScrollParent.ts"],"sourcesContent":["export function getScrollParent (el?: HTMLElement) {\n while (el) {\n if (hasScrollbar(el)) return el\n el = el.parentElement!\n }\n\n return document.scrollingElement as HTMLElement\n}\n\nexport function getScrollParents (el?: Element | null, stopAt?: Element | null) {\n const elements: HTMLElement[] = []\n\n if (stopAt && el && !stopAt.contains(el)) return elements\n\n while (el) {\n if (hasScrollbar(el)) elements.push(el as HTMLElement)\n if (el === stopAt) break\n el = el.parentElement!\n }\n\n return elements\n}\n\nexport function hasScrollbar (el?: Element | null) {\n if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n const style = window.getComputedStyle(el)\n return style.overflowY === 'scroll' || (style.overflowY === 'auto' && el.scrollHeight > el.clientHeight)\n}\n"],"mappings":"AAAA,OAAO,SAASA,eAAeA,CAAEC,EAAgB,EAAE;EACjD,OAAOA,EAAE,EAAE;IACT,IAAIC,YAAY,CAACD,EAAE,CAAC,EAAE,OAAOA,EAAE;IAC/BA,EAAE,GAAGA,EAAE,CAACE,aAAc;EACxB;EAEA,OAAOC,QAAQ,CAACC,gBAAgB;AAClC;AAEA,OAAO,SAASC,gBAAgBA,CAAEL,EAAmB,EAAEM,MAAuB,EAAE;EAC9E,MAAMC,QAAuB,GAAG,EAAE;EAElC,IAAID,MAAM,IAAIN,EAAE,IAAI,CAACM,MAAM,CAACE,QAAQ,CAACR,EAAE,CAAC,EAAE,OAAOO,QAAQ;EAEzD,OAAOP,EAAE,EAAE;IACT,IAAIC,YAAY,CAACD,EAAE,CAAC,EAAEO,QAAQ,CAACE,IAAI,CAACT,EAAE,CAAgB;IACtD,IAAIA,EAAE,KAAKM,MAAM,EAAE;IACnBN,EAAE,GAAGA,EAAE,CAACE,aAAc;EACxB;EAEA,OAAOK,QAAQ;AACjB;AAEA,OAAO,SAASN,YAAYA,CAAED,EAAmB,EAAE;EACjD,IAAI,CAACA,EAAE,IAAIA,EAAE,CAACU,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE,OAAO,KAAK;EAE1D,MAAMC,KAAK,GAAGC,MAAM,CAACC,gBAAgB,CAACf,EAAE,CAAC;EACzC,OAAOa,KAAK,CAACG,SAAS,KAAK,QAAQ,IAAKH,KAAK,CAACG,SAAS,KAAK,MAAM,IAAIhB,EAAE,CAACiB,YAAY,GAAGjB,EAAE,CAACkB,YAAa;AAC1G"}
1
+ {"version":3,"file":"getScrollParent.mjs","names":["getScrollParent","el","includeHidden","arguments","length","undefined","isPotentiallyScrollable","hasScrollbar","parentElement","document","scrollingElement","getScrollParents","stopAt","elements","contains","push","nodeType","Node","ELEMENT_NODE","style","window","getComputedStyle","overflowY","scrollHeight","clientHeight","includes"],"sources":["../../src/util/getScrollParent.ts"],"sourcesContent":["export function getScrollParent (el?: HTMLElement, includeHidden = false) {\n while (el) {\n if (includeHidden ? isPotentiallyScrollable(el) : hasScrollbar(el)) return el\n el = el.parentElement!\n }\n\n return document.scrollingElement as HTMLElement\n}\n\nexport function getScrollParents (el?: Element | null, stopAt?: Element | null) {\n const elements: HTMLElement[] = []\n\n if (stopAt && el && !stopAt.contains(el)) return elements\n\n while (el) {\n if (hasScrollbar(el)) elements.push(el as HTMLElement)\n if (el === stopAt) break\n el = el.parentElement!\n }\n\n return elements\n}\n\nexport function hasScrollbar (el?: Element | null) {\n if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n const style = window.getComputedStyle(el)\n return style.overflowY === 'scroll' || (style.overflowY === 'auto' && el.scrollHeight > el.clientHeight)\n}\n\nfunction isPotentiallyScrollable (el?: Element | null) {\n if (!el || el.nodeType !== Node.ELEMENT_NODE) return false\n\n const style = window.getComputedStyle(el)\n return ['scroll', 'auto'].includes(style.overflowY)\n}\n"],"mappings":"AAAA,OAAO,SAASA,eAAeA,CAAEC,EAAgB,EAAyB;EAAA,IAAvBC,aAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EACtE,OAAOF,EAAE,EAAE;IACT,IAAIC,aAAa,GAAGI,uBAAuB,CAACL,EAAE,CAAC,GAAGM,YAAY,CAACN,EAAE,CAAC,EAAE,OAAOA,EAAE;IAC7EA,EAAE,GAAGA,EAAE,CAACO,aAAc;EACxB;EAEA,OAAOC,QAAQ,CAACC,gBAAgB;AAClC;AAEA,OAAO,SAASC,gBAAgBA,CAAEV,EAAmB,EAAEW,MAAuB,EAAE;EAC9E,MAAMC,QAAuB,GAAG,EAAE;EAElC,IAAID,MAAM,IAAIX,EAAE,IAAI,CAACW,MAAM,CAACE,QAAQ,CAACb,EAAE,CAAC,EAAE,OAAOY,QAAQ;EAEzD,OAAOZ,EAAE,EAAE;IACT,IAAIM,YAAY,CAACN,EAAE,CAAC,EAAEY,QAAQ,CAACE,IAAI,CAACd,EAAE,CAAgB;IACtD,IAAIA,EAAE,KAAKW,MAAM,EAAE;IACnBX,EAAE,GAAGA,EAAE,CAACO,aAAc;EACxB;EAEA,OAAOK,QAAQ;AACjB;AAEA,OAAO,SAASN,YAAYA,CAAEN,EAAmB,EAAE;EACjD,IAAI,CAACA,EAAE,IAAIA,EAAE,CAACe,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE,OAAO,KAAK;EAE1D,MAAMC,KAAK,GAAGC,MAAM,CAACC,gBAAgB,CAACpB,EAAE,CAAC;EACzC,OAAOkB,KAAK,CAACG,SAAS,KAAK,QAAQ,IAAKH,KAAK,CAACG,SAAS,KAAK,MAAM,IAAIrB,EAAE,CAACsB,YAAY,GAAGtB,EAAE,CAACuB,YAAa;AAC1G;AAEA,SAASlB,uBAAuBA,CAAEL,EAAmB,EAAE;EACrD,IAAI,CAACA,EAAE,IAAIA,EAAE,CAACe,QAAQ,KAAKC,IAAI,CAACC,YAAY,EAAE,OAAO,KAAK;EAE1D,MAAMC,KAAK,GAAGC,MAAM,CAACC,gBAAgB,CAACpB,EAAE,CAAC;EACzC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAACwB,QAAQ,CAACN,KAAK,CAACG,SAAS,CAAC;AACrD"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vuetify",
3
3
  "description": "Vue Material Component Framework",
4
- "version": "3.3.6",
4
+ "version": "3.3.7",
5
5
  "author": {
6
6
  "name": "John Leider",
7
7
  "email": "john@vuetifyjs.com"
@@ -199,5 +199,5 @@
199
199
  "attributes": "dist/json/attributes.json"
200
200
  },
201
201
  "web-types": "dist/json/web-types.json",
202
- "gitHead": "f5c6a529808c8c06254fc2cc5574bd26d5abf76a"
202
+ "gitHead": "376d5db1f2e4a6af2c2d7c66bcc81c22b9473504"
203
203
  }