@vuetify/nightly 3.2.2-master-20230429.0 → 3.2.2-master-20230501.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 +6 -2
- package/dist/json/attributes.json +3 -3
- package/dist/json/importMap.json +4 -4
- package/dist/json/web-types.json +4 -4
- package/dist/vuetify-labs.css +53 -53
- package/dist/vuetify-labs.esm.js +20 -4
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +20 -4
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +180 -180
- package/dist/vuetify.d.ts +1 -1
- package/dist/vuetify.esm.js +15 -4
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +15 -4
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +91 -91
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.mjs +4 -0
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VCheckbox/VCheckboxBtn.mjs +0 -1
- package/lib/components/VCheckbox/VCheckboxBtn.mjs.map +1 -1
- package/lib/components/VCombobox/VCombobox.mjs +4 -0
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VSelect/VSelect.mjs +4 -0
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/labs/VDataTable/composables/paginate.mjs +6 -1
- package/lib/labs/VDataTable/composables/paginate.mjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
# [](https://github.com/vuetifyjs/vuetify/compare/v3.2.2-master-
|
|
1
|
+
# [](https://github.com/vuetifyjs/vuetify/compare/v3.2.2-master-20230501.0...v) (2023-05-01)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
## [3.2.2-master-
|
|
5
|
+
## [3.2.2-master-20230501.0](https://github.com/vuetifyjs/vuetify/compare/v3.2.1...v3.2.2-master-20230501.0) (2023-05-01)
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
### Bug Fixes
|
|
9
9
|
|
|
10
|
+
* **docs:** linting ([8445f46](https://github.com/vuetifyjs/vuetify/commit/8445f46ac40c85fdcf152519dbf6a9b35a9cc7b1))
|
|
10
11
|
* **types:** re-export DateInstance interface ([4fa3c60](https://github.com/vuetifyjs/vuetify/commit/4fa3c60d504b6b03e4b925b067cb3e905343035a)), closes [#17242](https://github.com/vuetifyjs/vuetify/issues/17242)
|
|
12
|
+
* **VDataTable:** checkbox vertical alignment ([96f8a9e](https://github.com/vuetifyjs/vuetify/commit/96f8a9e725f4afb8b73cbe11e138848c4e06d8d5)), closes [#17235](https://github.com/vuetifyjs/vuetify/issues/17235)
|
|
13
|
+
* **VDataTable:** switch page if beyond page count ([a6f9e3e](https://github.com/vuetifyjs/vuetify/commit/a6f9e3e3601b48acff2eba9733837c2d666974cb)), closes [#17226](https://github.com/vuetifyjs/vuetify/issues/17226)
|
|
14
|
+
* **VSelects:** prevent menu from opening when closing chips ([7805988](https://github.com/vuetifyjs/vuetify/commit/7805988c502ca58c7056304427b21eb448ab20dc)), closes [#17253](https://github.com/vuetifyjs/vuetify/issues/17253)
|
|
11
15
|
|
|
12
16
|
|
|
13
17
|
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
},
|
|
182
182
|
"v-app-bar/scroll-behavior": {
|
|
183
183
|
"type": "string",
|
|
184
|
-
"description": "
|
|
184
|
+
"description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space."
|
|
185
185
|
},
|
|
186
186
|
"v-app-bar/collapse": {
|
|
187
187
|
"type": "boolean",
|
|
@@ -205,11 +205,11 @@
|
|
|
205
205
|
},
|
|
206
206
|
"v-app-bar/scroll-target": {
|
|
207
207
|
"type": "string",
|
|
208
|
-
"description": "
|
|
208
|
+
"description": "The element to target for scrolling events. Uses `window` by default."
|
|
209
209
|
},
|
|
210
210
|
"v-app-bar/scroll-threshold": {
|
|
211
211
|
"type": "string | number",
|
|
212
|
-
"description": "
|
|
212
|
+
"description": "The amount of scroll distance down before **scroll-behavior** activates."
|
|
213
213
|
},
|
|
214
214
|
"v-app-bar-nav-icon/icon": {
|
|
215
215
|
"type": "string | (string | [string, number])[] | (new () => any) | FunctionalComponent",
|
package/dist/json/importMap.json
CHANGED
|
@@ -264,10 +264,6 @@
|
|
|
264
264
|
"from": "components/VMain/index.mjs",
|
|
265
265
|
"styles": []
|
|
266
266
|
},
|
|
267
|
-
"VMenu": {
|
|
268
|
-
"from": "components/VMenu/index.mjs",
|
|
269
|
-
"styles": []
|
|
270
|
-
},
|
|
271
267
|
"VMessages": {
|
|
272
268
|
"from": "components/VMessages/index.mjs",
|
|
273
269
|
"styles": []
|
|
@@ -531,6 +527,10 @@
|
|
|
531
527
|
"VDialogTransition": {
|
|
532
528
|
"from": "components/transitions/index.mjs",
|
|
533
529
|
"styles": []
|
|
530
|
+
},
|
|
531
|
+
"VMenu": {
|
|
532
|
+
"from": "components/VMenu/index.mjs",
|
|
533
|
+
"styles": []
|
|
534
534
|
}
|
|
535
535
|
},
|
|
536
536
|
"directives": [
|
package/dist/json/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "vuetify",
|
|
5
|
-
"version": "3.2.2-master-
|
|
5
|
+
"version": "3.2.2-master-20230501.0",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"types-syntax": "typescript",
|
|
@@ -571,7 +571,7 @@
|
|
|
571
571
|
},
|
|
572
572
|
{
|
|
573
573
|
"name": "scrollBehavior",
|
|
574
|
-
"description": "
|
|
574
|
+
"description": "Specify an action to take when the scroll position of **scroll-target** reaches **scroll-threshold**. Accepts any combination of hide, inverted, collapse, elevate, and fade-image. Multiple values can be used, separated by a space.",
|
|
575
575
|
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
|
|
576
576
|
"value": {
|
|
577
577
|
"kind": "expression",
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
},
|
|
634
634
|
{
|
|
635
635
|
"name": "scrollTarget",
|
|
636
|
-
"description": "
|
|
636
|
+
"description": "The element to target for scrolling events. Uses `window` by default.",
|
|
637
637
|
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
|
|
638
638
|
"value": {
|
|
639
639
|
"kind": "expression",
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
},
|
|
643
643
|
{
|
|
644
644
|
"name": "scrollThreshold",
|
|
645
|
-
"description": "
|
|
645
|
+
"description": "The amount of scroll distance down before **scroll-behavior** activates.",
|
|
646
646
|
"doc-url": "https://vuetifyjs.com/api/v-app-bar#props",
|
|
647
647
|
"value": {
|
|
648
648
|
"kind": "expression",
|
package/dist/vuetify-labs.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.2.2-master-
|
|
2
|
+
* Vuetify v3.2.2-master-20230501.0
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -15954,6 +15954,31 @@ html.overflow-y-hidden {
|
|
|
15954
15954
|
font-weight: normal;
|
|
15955
15955
|
padding: 0.2em 0.4rem;
|
|
15956
15956
|
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));
|
|
15957
|
+
}.v-infinite-scroll--horizontal {
|
|
15958
|
+
display: flex;
|
|
15959
|
+
flex-direction: row;
|
|
15960
|
+
overflow-x: auto;
|
|
15961
|
+
}
|
|
15962
|
+
.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
|
|
15963
|
+
height: 100%;
|
|
15964
|
+
width: 1px;
|
|
15965
|
+
}
|
|
15966
|
+
|
|
15967
|
+
.v-infinite-scroll--vertical {
|
|
15968
|
+
display: flex;
|
|
15969
|
+
flex-direction: column;
|
|
15970
|
+
overflow-y: auto;
|
|
15971
|
+
}
|
|
15972
|
+
.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
|
|
15973
|
+
height: 1px;
|
|
15974
|
+
width: 100%;
|
|
15975
|
+
}
|
|
15976
|
+
|
|
15977
|
+
.v-infinite-scroll__side {
|
|
15978
|
+
align-items: center;
|
|
15979
|
+
display: flex;
|
|
15980
|
+
justify-content: center;
|
|
15981
|
+
padding: 8px;
|
|
15957
15982
|
}.v-data-table {
|
|
15958
15983
|
width: 100%;
|
|
15959
15984
|
}
|
|
@@ -16117,31 +16142,6 @@ html.overflow-y-hidden {
|
|
|
16117
16142
|
|
|
16118
16143
|
.v-data-table-footer__page {
|
|
16119
16144
|
padding: 0 8px;
|
|
16120
|
-
}.v-infinite-scroll--horizontal {
|
|
16121
|
-
display: flex;
|
|
16122
|
-
flex-direction: row;
|
|
16123
|
-
overflow-x: auto;
|
|
16124
|
-
}
|
|
16125
|
-
.v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
|
|
16126
|
-
height: 100%;
|
|
16127
|
-
width: 1px;
|
|
16128
|
-
}
|
|
16129
|
-
|
|
16130
|
-
.v-infinite-scroll--vertical {
|
|
16131
|
-
display: flex;
|
|
16132
|
-
flex-direction: column;
|
|
16133
|
-
overflow-y: auto;
|
|
16134
|
-
}
|
|
16135
|
-
.v-infinite-scroll--vertical .v-infinite-scroll-intersect {
|
|
16136
|
-
height: 1px;
|
|
16137
|
-
width: 100%;
|
|
16138
|
-
}
|
|
16139
|
-
|
|
16140
|
-
.v-infinite-scroll__side {
|
|
16141
|
-
align-items: center;
|
|
16142
|
-
display: flex;
|
|
16143
|
-
justify-content: center;
|
|
16144
|
-
padding: 8px;
|
|
16145
16145
|
}.v-skeleton-loader {
|
|
16146
16146
|
align-items: center;
|
|
16147
16147
|
background: rgb(var(--v-theme-surface));
|
|
@@ -16378,18 +16378,6 @@ html.overflow-y-hidden {
|
|
|
16378
16378
|
min-height: 100vh;
|
|
16379
16379
|
min-height: 100dvh;
|
|
16380
16380
|
position: relative;
|
|
16381
|
-
}.v-app-bar {
|
|
16382
|
-
display: flex;
|
|
16383
|
-
}
|
|
16384
|
-
.v-app-bar.v-toolbar {
|
|
16385
|
-
background: rgb(var(--v-theme-surface));
|
|
16386
|
-
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
16387
|
-
}
|
|
16388
|
-
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
|
|
16389
|
-
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));
|
|
16390
|
-
}
|
|
16391
|
-
.v-app-bar:not(.v-toolbar--absolute) {
|
|
16392
|
-
padding-inline-end: var(--v-scrollbar-offset);
|
|
16393
16381
|
}.v-alert {
|
|
16394
16382
|
display: grid;
|
|
16395
16383
|
flex: 1 1;
|
|
@@ -16600,6 +16588,18 @@ html.overflow-y-hidden {
|
|
|
16600
16588
|
text-transform: none;
|
|
16601
16589
|
word-break: normal;
|
|
16602
16590
|
word-wrap: break-word;
|
|
16591
|
+
}.v-app-bar {
|
|
16592
|
+
display: flex;
|
|
16593
|
+
}
|
|
16594
|
+
.v-app-bar.v-toolbar {
|
|
16595
|
+
background: rgb(var(--v-theme-surface));
|
|
16596
|
+
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
16597
|
+
}
|
|
16598
|
+
.v-app-bar.v-toolbar:not(.v-toolbar--flat) {
|
|
16599
|
+
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));
|
|
16600
|
+
}
|
|
16601
|
+
.v-app-bar:not(.v-toolbar--absolute) {
|
|
16602
|
+
padding-inline-end: var(--v-scrollbar-offset);
|
|
16603
16603
|
}.v-input--density-default {
|
|
16604
16604
|
--autocomplete-chips-margin-bottom: 0px;
|
|
16605
16605
|
}
|
|
@@ -20370,11 +20370,6 @@ textarea.v-field__input::placeholder {
|
|
|
20370
20370
|
.v-input__control {
|
|
20371
20371
|
display: flex;
|
|
20372
20372
|
grid-area: control;
|
|
20373
|
-
}.v-item-group {
|
|
20374
|
-
flex: 0 1 auto;
|
|
20375
|
-
max-width: 100%;
|
|
20376
|
-
position: relative;
|
|
20377
|
-
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
20378
20373
|
}.v-label {
|
|
20379
20374
|
align-items: center;
|
|
20380
20375
|
display: inline-flex;
|
|
@@ -20389,6 +20384,11 @@ textarea.v-field__input::placeholder {
|
|
|
20389
20384
|
|
|
20390
20385
|
.v-label--clickable {
|
|
20391
20386
|
cursor: pointer;
|
|
20387
|
+
}.v-item-group {
|
|
20388
|
+
flex: 0 1 auto;
|
|
20389
|
+
max-width: 100%;
|
|
20390
|
+
position: relative;
|
|
20391
|
+
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
20392
20392
|
}.v-layout {
|
|
20393
20393
|
--v-scrollbar-offset: 0px;
|
|
20394
20394
|
display: flex;
|
|
@@ -20899,8 +20899,6 @@ textarea.v-field__input::placeholder {
|
|
|
20899
20899
|
|
|
20900
20900
|
.v-list-group__header.v-list-item--active:not(:focus-visible) .v-list-item__overlay {
|
|
20901
20901
|
opacity: 0;
|
|
20902
|
-
}.v-locale-provider {
|
|
20903
|
-
display: contents;
|
|
20904
20902
|
}.v-main {
|
|
20905
20903
|
flex: 1 0 auto;
|
|
20906
20904
|
max-width: 100%;
|
|
@@ -20958,6 +20956,8 @@ textarea.v-field__input::placeholder {
|
|
|
20958
20956
|
-webkit-hyphens: auto;
|
|
20959
20957
|
hyphens: auto;
|
|
20960
20958
|
transition-duration: 150ms;
|
|
20959
|
+
}.v-locale-provider {
|
|
20960
|
+
display: contents;
|
|
20961
20961
|
}.v-navigation-drawer {
|
|
20962
20962
|
-webkit-overflow-scrolling: touch;
|
|
20963
20963
|
background: rgb(var(--v-theme-surface));
|
|
@@ -21440,14 +21440,6 @@ html.v-overlay-scroll-blocked {
|
|
|
21440
21440
|
0% {
|
|
21441
21441
|
background-position-x: var(--v-progress-linear-height);
|
|
21442
21442
|
}
|
|
21443
|
-
}.v-radio-group > .v-input__control {
|
|
21444
|
-
flex-direction: column;
|
|
21445
|
-
}
|
|
21446
|
-
.v-radio-group > .v-input__control > .v-label {
|
|
21447
|
-
margin-inline-start: 8px;
|
|
21448
|
-
}
|
|
21449
|
-
.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
|
|
21450
|
-
margin-top: 8px;
|
|
21451
21443
|
}.v-slider .v-slider__container input {
|
|
21452
21444
|
cursor: default;
|
|
21453
21445
|
padding: 0;
|
|
@@ -21505,6 +21497,14 @@ html.v-overlay-scroll-blocked {
|
|
|
21505
21497
|
|
|
21506
21498
|
.v-slider__label {
|
|
21507
21499
|
margin-inline-end: 12px;
|
|
21500
|
+
}.v-radio-group > .v-input__control {
|
|
21501
|
+
flex-direction: column;
|
|
21502
|
+
}
|
|
21503
|
+
.v-radio-group > .v-input__control > .v-label {
|
|
21504
|
+
margin-inline-start: 8px;
|
|
21505
|
+
}
|
|
21506
|
+
.v-radio-group > .v-input__control > .v-label + .v-selection-control-group {
|
|
21507
|
+
margin-top: 8px;
|
|
21508
21508
|
}.v-rating {
|
|
21509
21509
|
max-width: 100%;
|
|
21510
21510
|
display: inline-flex;
|
package/dist/vuetify-labs.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.2.2-master-
|
|
2
|
+
* Vuetify v3.2.2-master-20230501.0
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -6877,7 +6877,6 @@ const VCheckboxBtn = genericComponent()({
|
|
|
6877
6877
|
"class": ['v-checkbox-btn', props.class],
|
|
6878
6878
|
"style": props.style,
|
|
6879
6879
|
"type": "checkbox",
|
|
6880
|
-
"inline": true,
|
|
6881
6880
|
"falseIcon": falseIcon.value,
|
|
6882
6881
|
"trueIcon": trueIcon.value,
|
|
6883
6882
|
"aria-checked": props.indeterminate ? 'mixed' : undefined
|
|
@@ -10393,6 +10392,10 @@ const VSelect = genericComponent()({
|
|
|
10393
10392
|
}
|
|
10394
10393
|
const slotProps = {
|
|
10395
10394
|
'onClick:close': onChipClose,
|
|
10395
|
+
onMousedown(e) {
|
|
10396
|
+
e.preventDefault();
|
|
10397
|
+
e.stopPropagation();
|
|
10398
|
+
},
|
|
10396
10399
|
modelValue: true,
|
|
10397
10400
|
'onUpdate:modelValue': undefined
|
|
10398
10401
|
};
|
|
@@ -10834,6 +10837,10 @@ const VAutocomplete = genericComponent()({
|
|
|
10834
10837
|
}
|
|
10835
10838
|
const slotProps = {
|
|
10836
10839
|
'onClick:close': onChipClose,
|
|
10840
|
+
onMousedown(e) {
|
|
10841
|
+
e.preventDefault();
|
|
10842
|
+
e.stopPropagation();
|
|
10843
|
+
},
|
|
10837
10844
|
modelValue: true,
|
|
10838
10845
|
'onUpdate:modelValue': undefined
|
|
10839
10846
|
};
|
|
@@ -14279,6 +14286,10 @@ const VCombobox = genericComponent()({
|
|
|
14279
14286
|
}
|
|
14280
14287
|
const slotProps = {
|
|
14281
14288
|
'onClick:close': onChipClose,
|
|
14289
|
+
onMousedown(e) {
|
|
14290
|
+
e.preventDefault();
|
|
14291
|
+
e.stopPropagation();
|
|
14292
|
+
},
|
|
14282
14293
|
modelValue: true,
|
|
14283
14294
|
'onUpdate:modelValue': undefined
|
|
14284
14295
|
};
|
|
@@ -19666,6 +19677,11 @@ function providePagination(options) {
|
|
|
19666
19677
|
if (itemsPerPage.value === -1 || itemsLength.value === 0) return 1;
|
|
19667
19678
|
return Math.ceil(itemsLength.value / itemsPerPage.value);
|
|
19668
19679
|
});
|
|
19680
|
+
watchEffect(() => {
|
|
19681
|
+
if (page.value > pageCount.value) {
|
|
19682
|
+
page.value = pageCount.value;
|
|
19683
|
+
}
|
|
19684
|
+
});
|
|
19669
19685
|
function setItemsPerPage(value) {
|
|
19670
19686
|
itemsPerPage.value = value;
|
|
19671
19687
|
page.value = 1;
|
|
@@ -21541,7 +21557,7 @@ function createVuetify$1() {
|
|
|
21541
21557
|
date
|
|
21542
21558
|
};
|
|
21543
21559
|
}
|
|
21544
|
-
const version$1 = "3.2.2-master-
|
|
21560
|
+
const version$1 = "3.2.2-master-20230501.0";
|
|
21545
21561
|
createVuetify$1.version = version$1;
|
|
21546
21562
|
|
|
21547
21563
|
// Vue's inject() can only be used in setup
|
|
@@ -21553,7 +21569,7 @@ function inject(key) {
|
|
|
21553
21569
|
}
|
|
21554
21570
|
}
|
|
21555
21571
|
|
|
21556
|
-
const version = "3.2.2-master-
|
|
21572
|
+
const version = "3.2.2-master-20230501.0";
|
|
21557
21573
|
|
|
21558
21574
|
const createVuetify = function () {
|
|
21559
21575
|
let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|