@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.
- package/CHANGELOG.md +7 -2
- package/dist/json/importMap.json +98 -98
- package/dist/json/web-types.json +1 -1
- package/dist/vuetify-labs.css +208 -199
- package/dist/vuetify-labs.d.ts +54 -0
- package/dist/vuetify-labs.esm.js +50 -14
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +50 -14
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +156 -156
- package/dist/vuetify.d.ts +26 -26
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.ts +26 -26
- package/lib/labs/VDataTable/VDataTableFooter.css +9 -0
- package/lib/labs/VDataTable/VDataTableFooter.mjs +51 -13
- package/lib/labs/VDataTable/VDataTableFooter.mjs.map +1 -1
- package/lib/labs/VDataTable/VDataTableFooter.sass +7 -0
- package/lib/labs/VDataTable/index.d.ts +54 -0
- package/lib/labs/components.d.ts +54 -0
- package/package.json +1 -1
package/dist/vuetify-labs.css
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Vuetify v4.0.0-dev-
|
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-
|
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-
|
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;
|
package/dist/vuetify-labs.d.ts
CHANGED
@@ -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
|
}>;
|
package/dist/vuetify-labs.esm.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*!
|
2
|
-
* Vuetify v4.0.0-dev-
|
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: '
|
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, [
|
19157
|
-
"items":
|
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,
|
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
|
-
|
19178
|
-
|
19179
|
-
|
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-
|
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-
|
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] : {};
|