@vuetify/nightly 4.0.0-dev-20230206.0 → 4.0.0-dev-20230211.0

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230206.0
2
+ * Vuetify v4.0.0-dev-20230211.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18428,16 +18428,6 @@ html.overflow-y-hidden {
18428
18428
  font-weight: normal;
18429
18429
  padding: 0.2em 0.4rem;
18430
18430
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18431
- }.v-virtual-scroll {
18432
- display: block;
18433
- flex: 1 1 auto;
18434
- height: 100%;
18435
- max-width: 100%;
18436
- overflow: auto;
18437
- position: relative;
18438
- }
18439
- .v-virtual-scroll__container {
18440
- display: block;
18441
18431
  }.v-data-table {
18442
18432
  width: 100%;
18443
18433
  }
@@ -18577,6 +18567,25 @@ html.overflow-y-hidden {
18577
18567
  .v-data-table-footer__info {
18578
18568
  display: flex;
18579
18569
  padding-inline-end: 24px;
18570
+ }
18571
+
18572
+ .v-data-table-footer__pagination {
18573
+ display: flex;
18574
+ align-items: center;
18575
+ }
18576
+
18577
+ .v-data-table-footer__page {
18578
+ padding: 0 8px;
18579
+ }.v-virtual-scroll {
18580
+ display: block;
18581
+ flex: 1 1 auto;
18582
+ height: 100%;
18583
+ max-width: 100%;
18584
+ overflow: auto;
18585
+ position: relative;
18586
+ }
18587
+ .v-virtual-scroll__container {
18588
+ display: block;
18580
18589
  }.v-application {
18581
18590
  display: flex;
18582
18591
  background: rgb(var(--v-theme-background));
@@ -18604,89 +18613,6 @@ html.overflow-y-hidden {
18604
18613
  }
18605
18614
  .v-app-bar:not(.v-toolbar--absolute) {
18606
18615
  padding-inline-end: var(--v-scrollbar-offset);
18607
- }.v-input--density-default {
18608
- --autocomplete-chips-margin-bottom: 0px;
18609
- }
18610
-
18611
- .v-input--density-comfortable {
18612
- --autocomplete-chips-margin-bottom: 2px;
18613
- }
18614
-
18615
- .v-input--density-compact {
18616
- --autocomplete-chips-margin-bottom: 4px;
18617
- }
18618
-
18619
- .v-autocomplete .v-field .v-text-field__prefix,
18620
- .v-autocomplete .v-field .v-text-field__suffix,
18621
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18622
- cursor: text;
18623
- }
18624
- .v-autocomplete .v-field .v-field__input > input {
18625
- align-self: flex-start;
18626
- flex: 1 1;
18627
- }
18628
- .v-autocomplete .v-field .v-field__append-inner > .v-icon {
18629
- margin-inline-start: 4px;
18630
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18631
- }
18632
- .v-autocomplete .v-field:not(.v-field--focused) input {
18633
- min-width: 0;
18634
- }
18635
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18636
- margin-inline-end: 2px;
18637
- }
18638
- .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
18639
- overflow: hidden;
18640
- text-overflow: ellipsis;
18641
- white-space: nowrap;
18642
- }
18643
-
18644
- .v-autocomplete__content {
18645
- overflow: hidden;
18646
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18647
- border-radius: 4px;
18648
- }
18649
- .v-autocomplete__mask {
18650
- background: rgb(var(--v-theme-on-surface-variant));
18651
- }
18652
- .v-autocomplete__selection {
18653
- display: inline-flex;
18654
- letter-spacing: inherit;
18655
- line-height: inherit;
18656
- max-width: 100%;
18657
- }
18658
- .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
18659
- opacity: var(--v-high-emphasis-opacity);
18660
- transform: rotate(180deg);
18661
- }
18662
- .v-autocomplete--chips .v-autocomplete__selection {
18663
- margin-top: 2px;
18664
- margin-bottom: var(--autocomplete-chips-margin-bottom);
18665
- }
18666
- .v-autocomplete--chips .v-autocomplete__selection:first-child {
18667
- margin-inline-start: 0;
18668
- }
18669
- .v-autocomplete--single.v-text-field input {
18670
- flex: 1 1;
18671
- position: absolute;
18672
- left: 0;
18673
- right: 0;
18674
- width: 100%;
18675
- padding-inline-start: inherit;
18676
- padding-inline-end: inherit;
18677
- }
18678
- .v-autocomplete--single .v-field--active input {
18679
- transition: none;
18680
- }
18681
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18682
- opacity: 0;
18683
- }
18684
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
18685
- opacity: 0;
18686
- }
18687
- .v-autocomplete--selection-slot.v-text-field input {
18688
- position: relative;
18689
- padding-inline-start: 0;
18690
18616
  }.v-alert {
18691
18617
  display: grid;
18692
18618
  flex: 1 1;
@@ -18897,6 +18823,89 @@ html.overflow-y-hidden {
18897
18823
  text-transform: none;
18898
18824
  word-break: normal;
18899
18825
  word-wrap: break-word;
18826
+ }.v-input--density-default {
18827
+ --autocomplete-chips-margin-bottom: 0px;
18828
+ }
18829
+
18830
+ .v-input--density-comfortable {
18831
+ --autocomplete-chips-margin-bottom: 2px;
18832
+ }
18833
+
18834
+ .v-input--density-compact {
18835
+ --autocomplete-chips-margin-bottom: 4px;
18836
+ }
18837
+
18838
+ .v-autocomplete .v-field .v-text-field__prefix,
18839
+ .v-autocomplete .v-field .v-text-field__suffix,
18840
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
18841
+ cursor: text;
18842
+ }
18843
+ .v-autocomplete .v-field .v-field__input > input {
18844
+ align-self: flex-start;
18845
+ flex: 1 1;
18846
+ }
18847
+ .v-autocomplete .v-field .v-field__append-inner > .v-icon {
18848
+ margin-inline-start: 4px;
18849
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18850
+ }
18851
+ .v-autocomplete .v-field:not(.v-field--focused) input {
18852
+ min-width: 0;
18853
+ }
18854
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
18855
+ margin-inline-end: 2px;
18856
+ }
18857
+ .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
18858
+ overflow: hidden;
18859
+ text-overflow: ellipsis;
18860
+ white-space: nowrap;
18861
+ }
18862
+
18863
+ .v-autocomplete__content {
18864
+ overflow: hidden;
18865
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18866
+ border-radius: 4px;
18867
+ }
18868
+ .v-autocomplete__mask {
18869
+ background: rgb(var(--v-theme-on-surface-variant));
18870
+ }
18871
+ .v-autocomplete__selection {
18872
+ display: inline-flex;
18873
+ letter-spacing: inherit;
18874
+ line-height: inherit;
18875
+ max-width: 100%;
18876
+ }
18877
+ .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
18878
+ opacity: var(--v-high-emphasis-opacity);
18879
+ transform: rotate(180deg);
18880
+ }
18881
+ .v-autocomplete--chips .v-autocomplete__selection {
18882
+ margin-top: 2px;
18883
+ margin-bottom: var(--autocomplete-chips-margin-bottom);
18884
+ }
18885
+ .v-autocomplete--chips .v-autocomplete__selection:first-child {
18886
+ margin-inline-start: 0;
18887
+ }
18888
+ .v-autocomplete--single.v-text-field input {
18889
+ flex: 1 1;
18890
+ position: absolute;
18891
+ left: 0;
18892
+ right: 0;
18893
+ width: 100%;
18894
+ padding-inline-start: inherit;
18895
+ padding-inline-end: inherit;
18896
+ }
18897
+ .v-autocomplete--single .v-field--active input {
18898
+ transition: none;
18899
+ }
18900
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
18901
+ opacity: 0;
18902
+ }
18903
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
18904
+ opacity: 0;
18905
+ }
18906
+ .v-autocomplete--selection-slot.v-text-field input {
18907
+ position: relative;
18908
+ padding-inline-start: 0;
18900
18909
  }.v-avatar {
18901
18910
  flex: none;
18902
18911
  align-items: center;
@@ -21960,30 +21969,6 @@ html.overflow-y-hidden {
21960
21969
  }
21961
21970
  .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21962
21971
  max-width: calc(100% - 32px);
21963
- }.v-input--density-default {
21964
- --file-input-chips-margin-bottom: 0px;
21965
- }
21966
-
21967
- .v-input--density-comfortable {
21968
- --file-input-chips-margin-bottom: 2px;
21969
- }
21970
-
21971
- .v-input--density-compact {
21972
- --file-input-chips-margin-bottom: 4px;
21973
- }
21974
-
21975
- .v-file-input input[type=file] {
21976
- height: 100%;
21977
- left: 0;
21978
- opacity: 0;
21979
- position: absolute;
21980
- top: 0;
21981
- width: 100%;
21982
- z-index: 1;
21983
- }
21984
- .v-file-input .v-chip {
21985
- margin-top: 2px;
21986
- margin-bottom: var(--file-input-chips-margin-bottom);
21987
21972
  }/* region INPUT */
21988
21973
  .v-field {
21989
21974
  display: grid;
@@ -22415,7 +22400,31 @@ textarea.v-field__input::placeholder {
22415
22400
  opacity: 0;
22416
22401
  }
22417
22402
 
22418
- /* endregion */.v-footer {
22403
+ /* endregion */.v-input--density-default {
22404
+ --file-input-chips-margin-bottom: 0px;
22405
+ }
22406
+
22407
+ .v-input--density-comfortable {
22408
+ --file-input-chips-margin-bottom: 2px;
22409
+ }
22410
+
22411
+ .v-input--density-compact {
22412
+ --file-input-chips-margin-bottom: 4px;
22413
+ }
22414
+
22415
+ .v-file-input input[type=file] {
22416
+ height: 100%;
22417
+ left: 0;
22418
+ opacity: 0;
22419
+ position: absolute;
22420
+ top: 0;
22421
+ width: 100%;
22422
+ z-index: 1;
22423
+ }
22424
+ .v-file-input .v-chip {
22425
+ margin-top: 2px;
22426
+ margin-bottom: var(--file-input-chips-margin-bottom);
22427
+ }.v-footer {
22419
22428
  align-items: center;
22420
22429
  display: flex;
22421
22430
  flex: 1 1 auto;
@@ -22638,6 +22647,20 @@ textarea.v-field__input::placeholder {
22638
22647
  max-width: 100%;
22639
22648
  position: relative;
22640
22649
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22650
+ }.v-label {
22651
+ align-items: center;
22652
+ display: inline-flex;
22653
+ font-size: 1rem;
22654
+ letter-spacing: 0.009375em;
22655
+ min-width: 0;
22656
+ opacity: var(--v-medium-emphasis-opacity);
22657
+ overflow: hidden;
22658
+ text-overflow: ellipsis;
22659
+ white-space: nowrap;
22660
+ }
22661
+
22662
+ .v-label--clickable {
22663
+ cursor: pointer;
22641
22664
  }.v-layout {
22642
22665
  --v-scrollbar-offset: 0px;
22643
22666
  display: flex;
@@ -22653,20 +22676,6 @@ textarea.v-field__input::placeholder {
22653
22676
 
22654
22677
  .v-layout-item--absolute {
22655
22678
  position: absolute;
22656
- }.v-label {
22657
- align-items: center;
22658
- display: inline-flex;
22659
- font-size: 1rem;
22660
- letter-spacing: 0.009375em;
22661
- min-width: 0;
22662
- opacity: var(--v-medium-emphasis-opacity);
22663
- overflow: hidden;
22664
- text-overflow: ellipsis;
22665
- white-space: nowrap;
22666
- }
22667
-
22668
- .v-label--clickable {
22669
- cursor: pointer;
22670
22679
  }.v-list {
22671
22680
  overflow: auto;
22672
22681
  padding: 8px 0;
@@ -23831,6 +23840,68 @@ html.v-overlay-scroll-blocked {
23831
23840
  flex: 1 0 0px;
23832
23841
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23833
23842
  pointer-events: none;
23843
+ }.v-input--density-default {
23844
+ --select-chips-margin-bottom: 0px;
23845
+ }
23846
+
23847
+ .v-input--density-comfortable {
23848
+ --select-chips-margin-bottom: 2px;
23849
+ }
23850
+
23851
+ .v-input--density-compact {
23852
+ --select-chips-margin-bottom: 4px;
23853
+ }
23854
+
23855
+ .v-select .v-field .v-text-field__prefix,
23856
+ .v-select .v-field .v-text-field__suffix,
23857
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23858
+ cursor: pointer;
23859
+ }
23860
+ .v-select .v-field .v-field__input > input {
23861
+ align-self: flex-start;
23862
+ opacity: 1;
23863
+ flex: 0 0;
23864
+ position: absolute;
23865
+ width: 100%;
23866
+ transition: none;
23867
+ pointer-events: none;
23868
+ }
23869
+ .v-select .v-field .v-field__append-inner > .v-icon {
23870
+ margin-inline-start: 4px;
23871
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23872
+ }
23873
+ .v-select .v-field--dirty .v-select__selection {
23874
+ margin-inline-end: 2px;
23875
+ }
23876
+ .v-select .v-field--single-line .v-select__selection-text {
23877
+ overflow: hidden;
23878
+ text-overflow: ellipsis;
23879
+ white-space: nowrap;
23880
+ }
23881
+ .v-select__content {
23882
+ overflow: hidden;
23883
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23884
+ border-radius: 4px;
23885
+ }
23886
+ .v-select__selection {
23887
+ display: inline-flex;
23888
+ letter-spacing: inherit;
23889
+ line-height: inherit;
23890
+ max-width: 100%;
23891
+ }
23892
+ .v-select--active-menu .v-field__append-inner > .v-icon {
23893
+ opacity: var(--v-high-emphasis-opacity);
23894
+ transform: rotate(180deg);
23895
+ }
23896
+ .v-select--chips .v-select__selection {
23897
+ margin-top: 2px;
23898
+ margin-bottom: var(--select-chips-margin-bottom);
23899
+ }
23900
+ .v-select--chips .v-select__selection:first-child {
23901
+ margin-inline-start: 0;
23902
+ }
23903
+ .v-select--selected .v-field .v-field__input > input {
23904
+ opacity: 0;
23834
23905
  }.v-selection-control {
23835
23906
  align-items: center;
23836
23907
  contain: layout;
@@ -23933,68 +24004,6 @@ html.v-overlay-scroll-blocked {
23933
24004
  }
23934
24005
  .v-selection-control--focus-visible .v-selection-control__input::before {
23935
24006
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23936
- }.v-input--density-default {
23937
- --select-chips-margin-bottom: 0px;
23938
- }
23939
-
23940
- .v-input--density-comfortable {
23941
- --select-chips-margin-bottom: 2px;
23942
- }
23943
-
23944
- .v-input--density-compact {
23945
- --select-chips-margin-bottom: 4px;
23946
- }
23947
-
23948
- .v-select .v-field .v-text-field__prefix,
23949
- .v-select .v-field .v-text-field__suffix,
23950
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23951
- cursor: pointer;
23952
- }
23953
- .v-select .v-field .v-field__input > input {
23954
- align-self: flex-start;
23955
- opacity: 1;
23956
- flex: 0 0;
23957
- position: absolute;
23958
- width: 100%;
23959
- transition: none;
23960
- pointer-events: none;
23961
- }
23962
- .v-select .v-field .v-field__append-inner > .v-icon {
23963
- margin-inline-start: 4px;
23964
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23965
- }
23966
- .v-select .v-field--dirty .v-select__selection {
23967
- margin-inline-end: 2px;
23968
- }
23969
- .v-select .v-field--single-line .v-select__selection-text {
23970
- overflow: hidden;
23971
- text-overflow: ellipsis;
23972
- white-space: nowrap;
23973
- }
23974
- .v-select__content {
23975
- overflow: hidden;
23976
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23977
- border-radius: 4px;
23978
- }
23979
- .v-select__selection {
23980
- display: inline-flex;
23981
- letter-spacing: inherit;
23982
- line-height: inherit;
23983
- max-width: 100%;
23984
- }
23985
- .v-select--active-menu .v-field__append-inner > .v-icon {
23986
- opacity: var(--v-high-emphasis-opacity);
23987
- transform: rotate(180deg);
23988
- }
23989
- .v-select--chips .v-select__selection {
23990
- margin-top: 2px;
23991
- margin-bottom: var(--select-chips-margin-bottom);
23992
- }
23993
- .v-select--chips .v-select__selection:first-child {
23994
- margin-inline-start: 0;
23995
- }
23996
- .v-select--selected .v-field .v-field__input > input {
23997
- opacity: 0;
23998
24007
  }.v-selection-control-group {
23999
24008
  grid-area: control;
24000
24009
  display: flex;
@@ -24624,7 +24633,10 @@ html.v-overlay-scroll-blocked {
24624
24633
  padding: 0;
24625
24634
  }
24626
24635
 
24627
- /* endregion */.v-timeline .v-timeline-divider__dot {
24636
+ /* endregion */.v-theme-provider {
24637
+ background: rgb(var(--v-theme-background));
24638
+ color: rgb(var(--v-theme-on-background));
24639
+ }.v-timeline .v-timeline-divider__dot {
24628
24640
  background: rgb(var(--v-theme-on-surface-variant));
24629
24641
  }
24630
24642
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25288,9 +25300,6 @@ html.v-overlay-scroll-blocked {
25288
25300
  }
25289
25301
  .v-window-y-reverse-transition-leave-to {
25290
25302
  transform: translateY(100%);
25291
- }.v-theme-provider {
25292
- background: rgb(var(--v-theme-background));
25293
- color: rgb(var(--v-theme-on-background));
25294
25303
  }.v-color-picker-canvas {
25295
25304
  position: relative;
25296
25305
  overflow: hidden;
@@ -26395,6 +26395,30 @@ declare const VDataTableFooter: vue.DefineComponent<{
26395
26395
  type: StringConstructor;
26396
26396
  default: string;
26397
26397
  };
26398
+ itemsPerPageText: {
26399
+ type: StringConstructor;
26400
+ default: string;
26401
+ };
26402
+ pageText: {
26403
+ type: StringConstructor;
26404
+ default: string;
26405
+ };
26406
+ firstPageLabel: {
26407
+ type: StringConstructor;
26408
+ default: string;
26409
+ };
26410
+ prevPageLabel: {
26411
+ type: StringConstructor;
26412
+ default: string;
26413
+ };
26414
+ nextPageLabel: {
26415
+ type: StringConstructor;
26416
+ default: string;
26417
+ };
26418
+ lastPageLabel: {
26419
+ type: StringConstructor;
26420
+ default: string;
26421
+ };
26398
26422
  itemsPerPageOptions: {
26399
26423
  type: PropType<InternalItem<any>[]>;
26400
26424
  default: () => {
@@ -26420,6 +26444,30 @@ declare const VDataTableFooter: vue.DefineComponent<{
26420
26444
  type: StringConstructor;
26421
26445
  default: string;
26422
26446
  };
26447
+ itemsPerPageText: {
26448
+ type: StringConstructor;
26449
+ default: string;
26450
+ };
26451
+ pageText: {
26452
+ type: StringConstructor;
26453
+ default: string;
26454
+ };
26455
+ firstPageLabel: {
26456
+ type: StringConstructor;
26457
+ default: string;
26458
+ };
26459
+ prevPageLabel: {
26460
+ type: StringConstructor;
26461
+ default: string;
26462
+ };
26463
+ nextPageLabel: {
26464
+ type: StringConstructor;
26465
+ default: string;
26466
+ };
26467
+ lastPageLabel: {
26468
+ type: StringConstructor;
26469
+ default: string;
26470
+ };
26423
26471
  itemsPerPageOptions: {
26424
26472
  type: PropType<InternalItem<any>[]>;
26425
26473
  default: () => {
@@ -26429,10 +26477,16 @@ declare const VDataTableFooter: vue.DefineComponent<{
26429
26477
  };
26430
26478
  showCurrentPage: BooleanConstructor;
26431
26479
  }>>, {
26480
+ itemsPerPageText: string;
26481
+ pageText: string;
26432
26482
  nextIcon: string;
26433
26483
  prevIcon: string;
26434
26484
  firstIcon: string;
26435
26485
  lastIcon: string;
26486
+ firstPageLabel: string;
26487
+ prevPageLabel: string;
26488
+ nextPageLabel: string;
26489
+ lastPageLabel: string;
26436
26490
  itemsPerPageOptions: InternalItem<any>[];
26437
26491
  showCurrentPage: boolean;
26438
26492
  }>;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230206.0
2
+ * Vuetify v4.0.0-dev-20230211.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19114,6 +19114,30 @@ const VDataTableFooter = defineComponent({
19114
19114
  type: String,
19115
19115
  default: '$last'
19116
19116
  },
19117
+ itemsPerPageText: {
19118
+ type: String,
19119
+ default: '$vuetify.dataFooter.itemsPerPageText'
19120
+ },
19121
+ pageText: {
19122
+ type: String,
19123
+ default: '$vuetify.dataFooter.pageText'
19124
+ },
19125
+ firstPageLabel: {
19126
+ type: String,
19127
+ default: '$vuetify.dataFooter.firstPage'
19128
+ },
19129
+ prevPageLabel: {
19130
+ type: String,
19131
+ default: '$vuetify.dataFooter.prevPage'
19132
+ },
19133
+ nextPageLabel: {
19134
+ type: String,
19135
+ default: '$vuetify.dataFooter.nextPage'
19136
+ },
19137
+ lastPageLabel: {
19138
+ type: String,
19139
+ default: '$vuetify.dataFooter.lastPage'
19140
+ },
19117
19141
  itemsPerPageOptions: {
19118
19142
  type: Array,
19119
19143
  default: () => [{
@@ -19130,7 +19154,7 @@ const VDataTableFooter = defineComponent({
19130
19154
  title: '100'
19131
19155
  }, {
19132
19156
  value: -1,
19133
- title: 'All'
19157
+ title: '$vuetify.dataFooter.itemsPerPageAll'
19134
19158
  }]
19135
19159
  },
19136
19160
  showCurrentPage: Boolean
@@ -19139,6 +19163,9 @@ const VDataTableFooter = defineComponent({
19139
19163
  let {
19140
19164
  slots
19141
19165
  } = _ref;
19166
+ const {
19167
+ t
19168
+ } = useLocale();
19142
19169
  const {
19143
19170
  page,
19144
19171
  pageCount,
@@ -19147,14 +19174,18 @@ const VDataTableFooter = defineComponent({
19147
19174
  itemsLength,
19148
19175
  itemsPerPage
19149
19176
  } = usePagination();
19177
+ const itemsPerPageOptions = computed(() => props.itemsPerPageOptions.map(option => ({
19178
+ ...option,
19179
+ title: t(option.title)
19180
+ })));
19150
19181
  return () => {
19151
19182
  var _slots$prepend;
19152
19183
  return createVNode("div", {
19153
19184
  "class": "v-data-table-footer"
19154
19185
  }, [(_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots), createVNode("div", {
19155
19186
  "class": "v-data-table-footer__items-per-page"
19156
- }, [createVNode("span", null, [createTextVNode("Items per page:")]), createVNode(VSelect, {
19157
- "items": props.itemsPerPageOptions,
19187
+ }, [createVNode("span", null, [t(props.itemsPerPageText)]), createVNode(VSelect, {
19188
+ "items": itemsPerPageOptions.value,
19158
19189
  "modelValue": itemsPerPage.value,
19159
19190
  "onUpdate:modelValue": v => itemsPerPage.value = Number(v),
19160
19191
  "density": "compact",
@@ -19162,30 +19193,35 @@ const VDataTableFooter = defineComponent({
19162
19193
  "hide-details": true
19163
19194
  }, null)]), createVNode("div", {
19164
19195
  "class": "v-data-table-footer__info"
19165
- }, [createVNode("div", null, [!itemsLength.value ? 0 : startIndex.value + 1, createTextVNode(" - "), stopIndex.value, createTextVNode(" of "), itemsLength.value])]), createVNode("div", {
19196
+ }, [createVNode("div", null, [t(props.pageText, !itemsLength.value ? 0 : startIndex.value + 1, stopIndex.value, itemsLength.value)])]), createVNode("div", {
19166
19197
  "class": "v-data-table-footer__pagination"
19167
19198
  }, [createVNode(VBtn, {
19168
19199
  "icon": props.firstIcon,
19169
19200
  "variant": "plain",
19170
19201
  "onClick": () => page.value = 1,
19171
- "disabled": page.value === 1
19202
+ "disabled": page.value === 1,
19203
+ "aria-label": t(props.firstPageLabel)
19172
19204
  }, null), createVNode(VBtn, {
19173
19205
  "icon": props.prevIcon,
19174
19206
  "variant": "plain",
19175
19207
  "onClick": () => page.value = Math.max(1, page.value - 1),
19176
- "disabled": page.value === 1
19177
- }, null), props.showCurrentPage && createVNode("div", {
19178
- "key": "page"
19179
- }, [createTextVNode("page.value")]), createVNode(VBtn, {
19208
+ "disabled": page.value === 1,
19209
+ "aria-label": t(props.prevPageLabel)
19210
+ }, null), props.showCurrentPage && createVNode("span", {
19211
+ "key": "page",
19212
+ "class": "v-data-table-footer__page"
19213
+ }, [page.value]), createVNode(VBtn, {
19180
19214
  "icon": props.nextIcon,
19181
19215
  "variant": "plain",
19182
19216
  "onClick": () => page.value = Math.min(pageCount.value, page.value + 1),
19183
- "disabled": page.value === pageCount.value
19217
+ "disabled": page.value === pageCount.value,
19218
+ "aria-label": t(props.nextPageLabel)
19184
19219
  }, null), createVNode(VBtn, {
19185
19220
  "icon": props.lastIcon,
19186
19221
  "variant": "plain",
19187
19222
  "onClick": () => page.value = pageCount.value,
19188
- "disabled": page.value === pageCount.value
19223
+ "disabled": page.value === pageCount.value,
19224
+ "aria-label": t(props.lastPageLabel)
19189
19225
  }, null)])]);
19190
19226
  };
19191
19227
  }
@@ -20214,7 +20250,7 @@ function createVuetify$1() {
20214
20250
  locale
20215
20251
  };
20216
20252
  }
20217
- const version$1 = "4.0.0-dev-20230206.0";
20253
+ const version$1 = "4.0.0-dev-20230211.0";
20218
20254
  createVuetify$1.version = version$1;
20219
20255
 
20220
20256
  // Vue's inject() can only be used in setup
@@ -20227,7 +20263,7 @@ function inject(key) {
20227
20263
  }
20228
20264
  }
20229
20265
 
20230
- const version = "4.0.0-dev-20230206.0";
20266
+ const version = "4.0.0-dev-20230211.0";
20231
20267
 
20232
20268
  const createVuetify = function () {
20233
20269
  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};