@vuetify/nightly 4.0.0-dev-20230513.0 → 4.0.0-dev-20230515.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 +5 -2
- package/dist/json/importMap.json +4 -4
- package/dist/json/web-types.json +1 -1
- package/dist/vuetify-labs.css +188 -188
- package/dist/vuetify-labs.esm.js +52 -9
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +52 -9
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +222 -222
- package/dist/vuetify.d.ts +1 -1
- package/dist/vuetify.esm.js +52 -9
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +52 -9
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +716 -713
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.css +8 -8
- package/lib/components/VAutocomplete/VAutocomplete.mjs +20 -3
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.sass +8 -11
- package/lib/components/VColorPicker/VColorPicker.mjs +1 -1
- package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
- package/lib/components/VCombobox/VCombobox.css +8 -8
- package/lib/components/VCombobox/VCombobox.mjs +20 -3
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VCombobox/VCombobox.sass +8 -11
- package/lib/components/VImg/VImg.mjs.map +1 -1
- package/lib/components/VList/VListItem.mjs.map +1 -1
- package/lib/components/VSelect/VSelect.css +8 -8
- package/lib/components/VSelect/VSelect.mjs +10 -2
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSelect/VSelect.sass +7 -11
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/index.d.mts +1 -1
- package/lib/util/helpers.mjs +1 -0
- package/lib/util/helpers.mjs.map +1 -1
- package/package.json +1 -1
package/dist/vuetify.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v4.0.0-dev-
|
|
2
|
+
* Vuetify v4.0.0-dev-20230515.0
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -16213,10 +16213,6 @@ html.overflow-y-hidden {
|
|
|
16213
16213
|
align-self: flex-start;
|
|
16214
16214
|
flex: 1 1;
|
|
16215
16215
|
}
|
|
16216
|
-
.v-autocomplete .v-field .v-field__append-inner > .v-icon {
|
|
16217
|
-
margin-inline-start: 4px;
|
|
16218
|
-
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
16219
|
-
}
|
|
16220
16216
|
.v-autocomplete .v-field:not(.v-field--focused) input {
|
|
16221
16217
|
min-width: 0;
|
|
16222
16218
|
}
|
|
@@ -16243,10 +16239,6 @@ html.overflow-y-hidden {
|
|
|
16243
16239
|
line-height: inherit;
|
|
16244
16240
|
max-width: 100%;
|
|
16245
16241
|
}
|
|
16246
|
-
.v-autocomplete--active-menu .v-field__append-inner > .v-icon {
|
|
16247
|
-
opacity: var(--v-high-emphasis-opacity);
|
|
16248
|
-
transform: rotate(180deg);
|
|
16249
|
-
}
|
|
16250
16242
|
.v-autocomplete--chips .v-autocomplete__selection {
|
|
16251
16243
|
margin-top: 2px;
|
|
16252
16244
|
margin-bottom: var(--autocomplete-chips-margin-bottom);
|
|
@@ -16280,6 +16272,14 @@ html.overflow-y-hidden {
|
|
|
16280
16272
|
}
|
|
16281
16273
|
.v-autocomplete--single .v-field--focused .v-autocomplete__selection {
|
|
16282
16274
|
opacity: 0;
|
|
16275
|
+
}
|
|
16276
|
+
.v-autocomplete__menu-icon {
|
|
16277
|
+
margin-inline-start: 4px;
|
|
16278
|
+
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
16279
|
+
}
|
|
16280
|
+
.v-autocomplete--active-menu .v-autocomplete__menu-icon {
|
|
16281
|
+
opacity: var(--v-high-emphasis-opacity);
|
|
16282
|
+
transform: rotate(180deg);
|
|
16283
16283
|
}.v-avatar {
|
|
16284
16284
|
flex: none;
|
|
16285
16285
|
align-items: center;
|
|
@@ -18869,10 +18869,6 @@ html.overflow-y-hidden {
|
|
|
18869
18869
|
align-self: flex-start;
|
|
18870
18870
|
flex: 1 1;
|
|
18871
18871
|
}
|
|
18872
|
-
.v-combobox .v-field .v-field__append-inner > .v-icon {
|
|
18873
|
-
margin-inline-start: 4px;
|
|
18874
|
-
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
18875
|
-
}
|
|
18876
18872
|
.v-combobox .v-field:not(.v-field--focused) input {
|
|
18877
18873
|
min-width: 0;
|
|
18878
18874
|
}
|
|
@@ -18899,10 +18895,6 @@ html.overflow-y-hidden {
|
|
|
18899
18895
|
line-height: inherit;
|
|
18900
18896
|
max-width: 100%;
|
|
18901
18897
|
}
|
|
18902
|
-
.v-combobox--active-menu .v-field__append-inner > .v-icon {
|
|
18903
|
-
opacity: var(--v-high-emphasis-opacity);
|
|
18904
|
-
transform: rotate(180deg);
|
|
18905
|
-
}
|
|
18906
18898
|
.v-combobox--chips .v-combobox__selection {
|
|
18907
18899
|
margin-top: 2px;
|
|
18908
18900
|
margin-bottom: var(--combobox-chips-margin-bottom);
|
|
@@ -18936,6 +18928,14 @@ html.overflow-y-hidden {
|
|
|
18936
18928
|
}
|
|
18937
18929
|
.v-combobox--single .v-field--focused .v-combobox__selection {
|
|
18938
18930
|
opacity: 0;
|
|
18931
|
+
}
|
|
18932
|
+
.v-combobox__menu-icon {
|
|
18933
|
+
margin-inline-start: 4px;
|
|
18934
|
+
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
18935
|
+
}
|
|
18936
|
+
.v-combobox--active-menu .v-combobox__menu-icon {
|
|
18937
|
+
opacity: var(--v-high-emphasis-opacity);
|
|
18938
|
+
transform: rotate(180deg);
|
|
18939
18939
|
}.v-counter {
|
|
18940
18940
|
color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
|
|
18941
18941
|
flex: 0 1 auto;
|
|
@@ -19046,203 +19046,6 @@ html.overflow-y-hidden {
|
|
|
19046
19046
|
margin-bottom: 8px;
|
|
19047
19047
|
margin-top: 8px;
|
|
19048
19048
|
max-height: calc(100% - 16px);
|
|
19049
|
-
}.v-expansion-panel {
|
|
19050
|
-
background-color: rgb(var(--v-theme-surface));
|
|
19051
|
-
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
19052
|
-
}
|
|
19053
|
-
.v-expansion-panel:not(:first-child)::after {
|
|
19054
|
-
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
19055
|
-
}
|
|
19056
|
-
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
19057
|
-
color: rgba(var(--v-theme-on-surface), 0.26);
|
|
19058
|
-
}
|
|
19059
|
-
.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
|
|
19060
|
-
opacity: 0.4615384615;
|
|
19061
|
-
}
|
|
19062
|
-
|
|
19063
|
-
.v-expansion-panels {
|
|
19064
|
-
display: flex;
|
|
19065
|
-
flex-wrap: wrap;
|
|
19066
|
-
justify-content: center;
|
|
19067
|
-
list-style-type: none;
|
|
19068
|
-
padding: 0;
|
|
19069
|
-
width: 100%;
|
|
19070
|
-
position: relative;
|
|
19071
|
-
z-index: 1;
|
|
19072
|
-
}
|
|
19073
|
-
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
|
|
19074
|
-
border-bottom-left-radius: 0 !important;
|
|
19075
|
-
border-bottom-right-radius: 0 !important;
|
|
19076
|
-
}
|
|
19077
|
-
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
|
|
19078
|
-
border-top-left-radius: 0 !important;
|
|
19079
|
-
border-top-right-radius: 0 !important;
|
|
19080
|
-
}
|
|
19081
|
-
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
|
|
19082
|
-
border-bottom-left-radius: 0 !important;
|
|
19083
|
-
border-bottom-right-radius: 0 !important;
|
|
19084
|
-
}
|
|
19085
|
-
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
|
|
19086
|
-
border-top-left-radius: 0 !important;
|
|
19087
|
-
border-top-right-radius: 0 !important;
|
|
19088
|
-
}
|
|
19089
|
-
.v-expansion-panels--variant-accordion > :first-child {
|
|
19090
|
-
border-bottom-left-radius: 0 !important;
|
|
19091
|
-
border-bottom-right-radius: 0 !important;
|
|
19092
|
-
}
|
|
19093
|
-
.v-expansion-panels--variant-accordion > :last-child {
|
|
19094
|
-
border-top-left-radius: 0 !important;
|
|
19095
|
-
border-top-right-radius: 0 !important;
|
|
19096
|
-
}
|
|
19097
|
-
.v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
|
|
19098
|
-
border-bottom-left-radius: initial;
|
|
19099
|
-
border-bottom-right-radius: initial;
|
|
19100
|
-
}
|
|
19101
|
-
.v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
|
|
19102
|
-
border-radius: 0 !important;
|
|
19103
|
-
}
|
|
19104
|
-
.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
|
|
19105
|
-
transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
|
|
19106
|
-
}
|
|
19107
|
-
|
|
19108
|
-
.v-expansion-panel {
|
|
19109
|
-
flex: 1 0 100%;
|
|
19110
|
-
max-width: 100%;
|
|
19111
|
-
position: relative;
|
|
19112
|
-
transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
|
|
19113
|
-
transition-property: margin-top, border-radius, border, max-width;
|
|
19114
|
-
border-radius: 4px;
|
|
19115
|
-
}
|
|
19116
|
-
.v-expansion-panel:not(:first-child)::after {
|
|
19117
|
-
border-top-style: solid;
|
|
19118
|
-
border-top-width: thin;
|
|
19119
|
-
content: "";
|
|
19120
|
-
left: 0;
|
|
19121
|
-
position: absolute;
|
|
19122
|
-
right: 0;
|
|
19123
|
-
top: 0;
|
|
19124
|
-
transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
19125
|
-
}
|
|
19126
|
-
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
19127
|
-
pointer-events: none;
|
|
19128
|
-
}
|
|
19129
|
-
.v-expansion-panel--active:not(:first-child),
|
|
19130
|
-
.v-expansion-panel--active + .v-expansion-panel {
|
|
19131
|
-
margin-top: 16px;
|
|
19132
|
-
}
|
|
19133
|
-
.v-expansion-panel--active:not(:first-child)::after,
|
|
19134
|
-
.v-expansion-panel--active + .v-expansion-panel::after {
|
|
19135
|
-
opacity: 0;
|
|
19136
|
-
}
|
|
19137
|
-
.v-expansion-panel--active > .v-expansion-panel-title {
|
|
19138
|
-
border-bottom-left-radius: 0;
|
|
19139
|
-
border-bottom-right-radius: 0;
|
|
19140
|
-
min-height: 64px;
|
|
19141
|
-
}
|
|
19142
|
-
|
|
19143
|
-
.v-expansion-panel__shadow {
|
|
19144
|
-
position: absolute;
|
|
19145
|
-
top: 0;
|
|
19146
|
-
left: 0;
|
|
19147
|
-
width: 100%;
|
|
19148
|
-
height: 100%;
|
|
19149
|
-
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));
|
|
19150
|
-
border-radius: inherit;
|
|
19151
|
-
z-index: -1;
|
|
19152
|
-
}
|
|
19153
|
-
|
|
19154
|
-
.v-expansion-panel-title {
|
|
19155
|
-
align-items: center;
|
|
19156
|
-
text-align: start;
|
|
19157
|
-
border-radius: inherit;
|
|
19158
|
-
display: flex;
|
|
19159
|
-
font-size: 0.9375rem;
|
|
19160
|
-
line-height: 1;
|
|
19161
|
-
min-height: 48px;
|
|
19162
|
-
outline: none;
|
|
19163
|
-
padding: 16px 24px;
|
|
19164
|
-
position: relative;
|
|
19165
|
-
transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
|
|
19166
|
-
width: 100%;
|
|
19167
|
-
justify-content: space-between;
|
|
19168
|
-
}
|
|
19169
|
-
.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
|
|
19170
|
-
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
19171
|
-
}
|
|
19172
|
-
.v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
|
|
19173
|
-
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
19174
|
-
}
|
|
19175
|
-
@supports not selector(:focus-visible) {
|
|
19176
|
-
.v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
|
|
19177
|
-
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
19178
|
-
}
|
|
19179
|
-
}
|
|
19180
|
-
.v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
|
|
19181
|
-
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
19182
|
-
}
|
|
19183
|
-
.v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
|
|
19184
|
-
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
19185
|
-
}
|
|
19186
|
-
.v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
|
|
19187
|
-
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
19188
|
-
}
|
|
19189
|
-
@supports not selector(:focus-visible) {
|
|
19190
|
-
.v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
|
|
19191
|
-
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
19192
|
-
}
|
|
19193
|
-
}
|
|
19194
|
-
.v-expansion-panel-title--active::before {
|
|
19195
|
-
opacity: 0.12;
|
|
19196
|
-
}
|
|
19197
|
-
|
|
19198
|
-
.v-expansion-panel-title__overlay {
|
|
19199
|
-
position: absolute;
|
|
19200
|
-
top: 0;
|
|
19201
|
-
left: 0;
|
|
19202
|
-
width: 100%;
|
|
19203
|
-
height: 100%;
|
|
19204
|
-
background-color: currentColor;
|
|
19205
|
-
border-radius: inherit;
|
|
19206
|
-
opacity: 0;
|
|
19207
|
-
}
|
|
19208
|
-
|
|
19209
|
-
.v-expansion-panel-title__icon {
|
|
19210
|
-
display: inline-flex;
|
|
19211
|
-
margin-bottom: -4px;
|
|
19212
|
-
margin-top: -4px;
|
|
19213
|
-
-webkit-user-select: none;
|
|
19214
|
-
user-select: none;
|
|
19215
|
-
margin-inline-start: auto;
|
|
19216
|
-
}
|
|
19217
|
-
|
|
19218
|
-
.v-expansion-panel-text {
|
|
19219
|
-
display: flex;
|
|
19220
|
-
}
|
|
19221
|
-
.v-expansion-panel-text__wrapper {
|
|
19222
|
-
padding: 8px 24px 16px;
|
|
19223
|
-
flex: 1 1 auto;
|
|
19224
|
-
max-width: 100%;
|
|
19225
|
-
}
|
|
19226
|
-
|
|
19227
|
-
.v-expansion-panels--variant-accordion > .v-expansion-panel {
|
|
19228
|
-
margin-top: 0;
|
|
19229
|
-
}
|
|
19230
|
-
.v-expansion-panels--variant-accordion > .v-expansion-panel::after {
|
|
19231
|
-
opacity: 1;
|
|
19232
|
-
}
|
|
19233
|
-
|
|
19234
|
-
.v-expansion-panels--variant-popout > .v-expansion-panel {
|
|
19235
|
-
max-width: calc(100% - 32px);
|
|
19236
|
-
}
|
|
19237
|
-
.v-expansion-panels--variant-popout > .v-expansion-panel--active {
|
|
19238
|
-
max-width: calc(100% + 16px);
|
|
19239
|
-
}
|
|
19240
|
-
|
|
19241
|
-
.v-expansion-panels--variant-inset > .v-expansion-panel {
|
|
19242
|
-
max-width: 100%;
|
|
19243
|
-
}
|
|
19244
|
-
.v-expansion-panels--variant-inset > .v-expansion-panel--active {
|
|
19245
|
-
max-width: calc(100% - 32px);
|
|
19246
19049
|
}/* region INPUT */
|
|
19247
19050
|
.v-field {
|
|
19248
19051
|
display: grid;
|
|
@@ -19773,6 +19576,203 @@ textarea.v-field__input::placeholder {
|
|
|
19773
19576
|
}
|
|
19774
19577
|
.v-footer--rounded {
|
|
19775
19578
|
border-radius: 4px;
|
|
19579
|
+
}.v-expansion-panel {
|
|
19580
|
+
background-color: rgb(var(--v-theme-surface));
|
|
19581
|
+
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
19582
|
+
}
|
|
19583
|
+
.v-expansion-panel:not(:first-child)::after {
|
|
19584
|
+
border-color: rgba(var(--v-border-color), var(--v-border-opacity));
|
|
19585
|
+
}
|
|
19586
|
+
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
19587
|
+
color: rgba(var(--v-theme-on-surface), 0.26);
|
|
19588
|
+
}
|
|
19589
|
+
.v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
|
|
19590
|
+
opacity: 0.4615384615;
|
|
19591
|
+
}
|
|
19592
|
+
|
|
19593
|
+
.v-expansion-panels {
|
|
19594
|
+
display: flex;
|
|
19595
|
+
flex-wrap: wrap;
|
|
19596
|
+
justify-content: center;
|
|
19597
|
+
list-style-type: none;
|
|
19598
|
+
padding: 0;
|
|
19599
|
+
width: 100%;
|
|
19600
|
+
position: relative;
|
|
19601
|
+
z-index: 1;
|
|
19602
|
+
}
|
|
19603
|
+
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
|
|
19604
|
+
border-bottom-left-radius: 0 !important;
|
|
19605
|
+
border-bottom-right-radius: 0 !important;
|
|
19606
|
+
}
|
|
19607
|
+
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
|
|
19608
|
+
border-top-left-radius: 0 !important;
|
|
19609
|
+
border-top-right-radius: 0 !important;
|
|
19610
|
+
}
|
|
19611
|
+
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
|
|
19612
|
+
border-bottom-left-radius: 0 !important;
|
|
19613
|
+
border-bottom-right-radius: 0 !important;
|
|
19614
|
+
}
|
|
19615
|
+
.v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
|
|
19616
|
+
border-top-left-radius: 0 !important;
|
|
19617
|
+
border-top-right-radius: 0 !important;
|
|
19618
|
+
}
|
|
19619
|
+
.v-expansion-panels--variant-accordion > :first-child {
|
|
19620
|
+
border-bottom-left-radius: 0 !important;
|
|
19621
|
+
border-bottom-right-radius: 0 !important;
|
|
19622
|
+
}
|
|
19623
|
+
.v-expansion-panels--variant-accordion > :last-child {
|
|
19624
|
+
border-top-left-radius: 0 !important;
|
|
19625
|
+
border-top-right-radius: 0 !important;
|
|
19626
|
+
}
|
|
19627
|
+
.v-expansion-panels--variant-accordion > :last-child .v-expansion-panel-title--active {
|
|
19628
|
+
border-bottom-left-radius: initial;
|
|
19629
|
+
border-bottom-right-radius: initial;
|
|
19630
|
+
}
|
|
19631
|
+
.v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
|
|
19632
|
+
border-radius: 0 !important;
|
|
19633
|
+
}
|
|
19634
|
+
.v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
|
|
19635
|
+
transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
|
|
19636
|
+
}
|
|
19637
|
+
|
|
19638
|
+
.v-expansion-panel {
|
|
19639
|
+
flex: 1 0 100%;
|
|
19640
|
+
max-width: 100%;
|
|
19641
|
+
position: relative;
|
|
19642
|
+
transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
|
|
19643
|
+
transition-property: margin-top, border-radius, border, max-width;
|
|
19644
|
+
border-radius: 4px;
|
|
19645
|
+
}
|
|
19646
|
+
.v-expansion-panel:not(:first-child)::after {
|
|
19647
|
+
border-top-style: solid;
|
|
19648
|
+
border-top-width: thin;
|
|
19649
|
+
content: "";
|
|
19650
|
+
left: 0;
|
|
19651
|
+
position: absolute;
|
|
19652
|
+
right: 0;
|
|
19653
|
+
top: 0;
|
|
19654
|
+
transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
19655
|
+
}
|
|
19656
|
+
.v-expansion-panel--disabled .v-expansion-panel-title {
|
|
19657
|
+
pointer-events: none;
|
|
19658
|
+
}
|
|
19659
|
+
.v-expansion-panel--active:not(:first-child),
|
|
19660
|
+
.v-expansion-panel--active + .v-expansion-panel {
|
|
19661
|
+
margin-top: 16px;
|
|
19662
|
+
}
|
|
19663
|
+
.v-expansion-panel--active:not(:first-child)::after,
|
|
19664
|
+
.v-expansion-panel--active + .v-expansion-panel::after {
|
|
19665
|
+
opacity: 0;
|
|
19666
|
+
}
|
|
19667
|
+
.v-expansion-panel--active > .v-expansion-panel-title {
|
|
19668
|
+
border-bottom-left-radius: 0;
|
|
19669
|
+
border-bottom-right-radius: 0;
|
|
19670
|
+
min-height: 64px;
|
|
19671
|
+
}
|
|
19672
|
+
|
|
19673
|
+
.v-expansion-panel__shadow {
|
|
19674
|
+
position: absolute;
|
|
19675
|
+
top: 0;
|
|
19676
|
+
left: 0;
|
|
19677
|
+
width: 100%;
|
|
19678
|
+
height: 100%;
|
|
19679
|
+
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));
|
|
19680
|
+
border-radius: inherit;
|
|
19681
|
+
z-index: -1;
|
|
19682
|
+
}
|
|
19683
|
+
|
|
19684
|
+
.v-expansion-panel-title {
|
|
19685
|
+
align-items: center;
|
|
19686
|
+
text-align: start;
|
|
19687
|
+
border-radius: inherit;
|
|
19688
|
+
display: flex;
|
|
19689
|
+
font-size: 0.9375rem;
|
|
19690
|
+
line-height: 1;
|
|
19691
|
+
min-height: 48px;
|
|
19692
|
+
outline: none;
|
|
19693
|
+
padding: 16px 24px;
|
|
19694
|
+
position: relative;
|
|
19695
|
+
transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
|
|
19696
|
+
width: 100%;
|
|
19697
|
+
justify-content: space-between;
|
|
19698
|
+
}
|
|
19699
|
+
.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
|
|
19700
|
+
opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
|
|
19701
|
+
}
|
|
19702
|
+
.v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
|
|
19703
|
+
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
19704
|
+
}
|
|
19705
|
+
@supports not selector(:focus-visible) {
|
|
19706
|
+
.v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
|
|
19707
|
+
opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
|
|
19708
|
+
}
|
|
19709
|
+
}
|
|
19710
|
+
.v-expansion-panel-title--active > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true] > .v-expansion-panel-title__overlay {
|
|
19711
|
+
opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
|
|
19712
|
+
}
|
|
19713
|
+
.v-expansion-panel-title--active:hover > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:hover > .v-expansion-panel-title__overlay {
|
|
19714
|
+
opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
|
|
19715
|
+
}
|
|
19716
|
+
.v-expansion-panel-title--active:focus-visible > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-expansion-panel-title__overlay {
|
|
19717
|
+
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
19718
|
+
}
|
|
19719
|
+
@supports not selector(:focus-visible) {
|
|
19720
|
+
.v-expansion-panel-title--active:focus > .v-expansion-panel-title__overlay, .v-expansion-panel-title[aria-haspopup=menu][aria-expanded=true]:focus > .v-expansion-panel-title__overlay {
|
|
19721
|
+
opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
|
|
19722
|
+
}
|
|
19723
|
+
}
|
|
19724
|
+
.v-expansion-panel-title--active::before {
|
|
19725
|
+
opacity: 0.12;
|
|
19726
|
+
}
|
|
19727
|
+
|
|
19728
|
+
.v-expansion-panel-title__overlay {
|
|
19729
|
+
position: absolute;
|
|
19730
|
+
top: 0;
|
|
19731
|
+
left: 0;
|
|
19732
|
+
width: 100%;
|
|
19733
|
+
height: 100%;
|
|
19734
|
+
background-color: currentColor;
|
|
19735
|
+
border-radius: inherit;
|
|
19736
|
+
opacity: 0;
|
|
19737
|
+
}
|
|
19738
|
+
|
|
19739
|
+
.v-expansion-panel-title__icon {
|
|
19740
|
+
display: inline-flex;
|
|
19741
|
+
margin-bottom: -4px;
|
|
19742
|
+
margin-top: -4px;
|
|
19743
|
+
-webkit-user-select: none;
|
|
19744
|
+
user-select: none;
|
|
19745
|
+
margin-inline-start: auto;
|
|
19746
|
+
}
|
|
19747
|
+
|
|
19748
|
+
.v-expansion-panel-text {
|
|
19749
|
+
display: flex;
|
|
19750
|
+
}
|
|
19751
|
+
.v-expansion-panel-text__wrapper {
|
|
19752
|
+
padding: 8px 24px 16px;
|
|
19753
|
+
flex: 1 1 auto;
|
|
19754
|
+
max-width: 100%;
|
|
19755
|
+
}
|
|
19756
|
+
|
|
19757
|
+
.v-expansion-panels--variant-accordion > .v-expansion-panel {
|
|
19758
|
+
margin-top: 0;
|
|
19759
|
+
}
|
|
19760
|
+
.v-expansion-panels--variant-accordion > .v-expansion-panel::after {
|
|
19761
|
+
opacity: 1;
|
|
19762
|
+
}
|
|
19763
|
+
|
|
19764
|
+
.v-expansion-panels--variant-popout > .v-expansion-panel {
|
|
19765
|
+
max-width: calc(100% - 32px);
|
|
19766
|
+
}
|
|
19767
|
+
.v-expansion-panels--variant-popout > .v-expansion-panel--active {
|
|
19768
|
+
max-width: calc(100% + 16px);
|
|
19769
|
+
}
|
|
19770
|
+
|
|
19771
|
+
.v-expansion-panels--variant-inset > .v-expansion-panel {
|
|
19772
|
+
max-width: 100%;
|
|
19773
|
+
}
|
|
19774
|
+
.v-expansion-panels--variant-inset > .v-expansion-panel--active {
|
|
19775
|
+
max-width: calc(100% - 32px);
|
|
19776
19776
|
}.v-icon {
|
|
19777
19777
|
--v-icon-size-multiplier: 1;
|
|
19778
19778
|
align-items: center;
|
|
@@ -21208,10 +21208,6 @@ html.v-overlay-scroll-blocked {
|
|
|
21208
21208
|
transition: none;
|
|
21209
21209
|
pointer-events: none;
|
|
21210
21210
|
}
|
|
21211
|
-
.v-select .v-field .v-field__append-inner > .v-icon {
|
|
21212
|
-
margin-inline-start: 4px;
|
|
21213
|
-
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
21214
|
-
}
|
|
21215
21211
|
.v-select .v-field--dirty .v-select__selection {
|
|
21216
21212
|
margin-inline-end: 2px;
|
|
21217
21213
|
}
|
|
@@ -21231,10 +21227,6 @@ html.v-overlay-scroll-blocked {
|
|
|
21231
21227
|
line-height: inherit;
|
|
21232
21228
|
max-width: 100%;
|
|
21233
21229
|
}
|
|
21234
|
-
.v-select--active-menu .v-field__append-inner > .v-icon {
|
|
21235
|
-
opacity: var(--v-high-emphasis-opacity);
|
|
21236
|
-
transform: rotate(180deg);
|
|
21237
|
-
}
|
|
21238
21230
|
.v-select--chips .v-select__selection {
|
|
21239
21231
|
margin-top: 2px;
|
|
21240
21232
|
margin-bottom: var(--select-chips-margin-bottom);
|
|
@@ -21244,6 +21236,14 @@ html.v-overlay-scroll-blocked {
|
|
|
21244
21236
|
}
|
|
21245
21237
|
.v-select--selected .v-field .v-field__input > input {
|
|
21246
21238
|
opacity: 0;
|
|
21239
|
+
}
|
|
21240
|
+
.v-select__menu-icon {
|
|
21241
|
+
margin-inline-start: 4px;
|
|
21242
|
+
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
21243
|
+
}
|
|
21244
|
+
.v-select--active-menu .v-select__menu-icon {
|
|
21245
|
+
opacity: var(--v-high-emphasis-opacity);
|
|
21246
|
+
transform: rotate(180deg);
|
|
21247
21247
|
}.v-selection-control {
|
|
21248
21248
|
align-items: center;
|
|
21249
21249
|
contain: layout;
|
package/dist/vuetify.d.ts
CHANGED
|
@@ -59389,7 +59389,6 @@ declare module '@vue/runtime-core' {
|
|
|
59389
59389
|
VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
|
|
59390
59390
|
VListSubheader: typeof import('vuetify/components')['VListSubheader']
|
|
59391
59391
|
VMain: typeof import('vuetify/components')['VMain']
|
|
59392
|
-
VMenu: typeof import('vuetify/components')['VMenu']
|
|
59393
59392
|
VMessages: typeof import('vuetify/components')['VMessages']
|
|
59394
59393
|
VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
|
|
59395
59394
|
VOverlay: typeof import('vuetify/components')['VOverlay']
|
|
@@ -59410,6 +59409,7 @@ declare module '@vue/runtime-core' {
|
|
|
59410
59409
|
VSystemBar: typeof import('vuetify/components')['VSystemBar']
|
|
59411
59410
|
VTabs: typeof import('vuetify/components')['VTabs']
|
|
59412
59411
|
VTab: typeof import('vuetify/components')['VTab']
|
|
59412
|
+
VMenu: typeof import('vuetify/components')['VMenu']
|
|
59413
59413
|
VTable: typeof import('vuetify/components')['VTable']
|
|
59414
59414
|
VTextarea: typeof import('vuetify/components')['VTextarea']
|
|
59415
59415
|
VTextField: typeof import('vuetify/components')['VTextField']
|
package/dist/vuetify.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v4.0.0-dev-
|
|
2
|
+
* Vuetify v4.0.0-dev-20230515.0
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -385,6 +385,7 @@ function focusChild(el, location) {
|
|
|
385
385
|
if (_el) _el.focus();else focusChild(el, location === 'next' ? 'first' : 'last');
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
|
+
function noop() {}
|
|
388
389
|
|
|
389
390
|
const block = ['top', 'bottom'];
|
|
390
391
|
const inline = ['start', 'end', 'left', 'right'];
|
|
@@ -10350,7 +10351,6 @@ const VSelect = genericComponent()({
|
|
|
10350
10351
|
'v-select--selected': model.value.length
|
|
10351
10352
|
}, props.class],
|
|
10352
10353
|
"style": props.style,
|
|
10353
|
-
"appendInnerIcon": props.menuIcon,
|
|
10354
10354
|
"readonly": true,
|
|
10355
10355
|
"placeholder": placeholder,
|
|
10356
10356
|
"onClick:clear": onClear,
|
|
@@ -10457,7 +10457,16 @@ const VSelect = genericComponent()({
|
|
|
10457
10457
|
}, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
|
|
10458
10458
|
"class": "v-select__selection-comma"
|
|
10459
10459
|
}, [createTextVNode(",")])])]);
|
|
10460
|
-
})])
|
|
10460
|
+
})]),
|
|
10461
|
+
'append-inner': function () {
|
|
10462
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
10463
|
+
args[_key] = arguments[_key];
|
|
10464
|
+
}
|
|
10465
|
+
return createVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
|
|
10466
|
+
"class": "v-select__menu-icon",
|
|
10467
|
+
"icon": props.menuIcon
|
|
10468
|
+
}, null) : undefined]);
|
|
10469
|
+
}
|
|
10461
10470
|
});
|
|
10462
10471
|
});
|
|
10463
10472
|
return forwardRefs({
|
|
@@ -10672,6 +10681,13 @@ const VAutocomplete = genericComponent()({
|
|
|
10672
10681
|
if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
|
|
10673
10682
|
menu.value = true;
|
|
10674
10683
|
}
|
|
10684
|
+
function onMousedownMenuIcon(e) {
|
|
10685
|
+
if (isFocused.value) {
|
|
10686
|
+
e.preventDefault();
|
|
10687
|
+
e.stopPropagation();
|
|
10688
|
+
}
|
|
10689
|
+
menu.value = !menu.value;
|
|
10690
|
+
}
|
|
10675
10691
|
function onKeydown(e) {
|
|
10676
10692
|
if (props.readonly || form?.isReadonly.value) return;
|
|
10677
10693
|
const selectionStart = vTextFieldRef.value.selectionStart;
|
|
@@ -10799,7 +10815,6 @@ const VAutocomplete = genericComponent()({
|
|
|
10799
10815
|
'v-autocomplete--selecting-index': selectionIndex.value > -1
|
|
10800
10816
|
}, props.class],
|
|
10801
10817
|
"style": props.style,
|
|
10802
|
-
"appendInnerIcon": props.menuIcon,
|
|
10803
10818
|
"readonly": props.readonly,
|
|
10804
10819
|
"placeholder": isDirty ? undefined : props.placeholder,
|
|
10805
10820
|
"onClick:clear": onClear,
|
|
@@ -10904,7 +10919,18 @@ const VAutocomplete = genericComponent()({
|
|
|
10904
10919
|
}, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
|
|
10905
10920
|
"class": "v-autocomplete__selection-comma"
|
|
10906
10921
|
}, [createTextVNode(",")])])]);
|
|
10907
|
-
})])
|
|
10922
|
+
})]),
|
|
10923
|
+
'append-inner': function () {
|
|
10924
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
10925
|
+
args[_key] = arguments[_key];
|
|
10926
|
+
}
|
|
10927
|
+
return createVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
|
|
10928
|
+
"class": "v-autocomplete__menu-icon",
|
|
10929
|
+
"icon": props.menuIcon,
|
|
10930
|
+
"onMousedown": onMousedownMenuIcon,
|
|
10931
|
+
"onClick": noop
|
|
10932
|
+
}, null) : undefined]);
|
|
10933
|
+
}
|
|
10908
10934
|
});
|
|
10909
10935
|
});
|
|
10910
10936
|
return forwardRefs({
|
|
@@ -14138,6 +14164,13 @@ const VCombobox = genericComponent()({
|
|
|
14138
14164
|
if (props.hideNoData && !items.value.length || props.readonly || form?.isReadonly.value) return;
|
|
14139
14165
|
menu.value = true;
|
|
14140
14166
|
}
|
|
14167
|
+
function onMousedownMenuIcon(e) {
|
|
14168
|
+
if (isFocused.value) {
|
|
14169
|
+
e.preventDefault();
|
|
14170
|
+
e.stopPropagation();
|
|
14171
|
+
}
|
|
14172
|
+
menu.value = !menu.value;
|
|
14173
|
+
}
|
|
14141
14174
|
function onKeydown(e) {
|
|
14142
14175
|
if (props.readonly || form?.isReadonly.value) return;
|
|
14143
14176
|
const selectionStart = vTextFieldRef.value.selectionStart;
|
|
@@ -14261,7 +14294,6 @@ const VCombobox = genericComponent()({
|
|
|
14261
14294
|
[`v-combobox--${props.multiple ? 'multiple' : 'single'}`]: true
|
|
14262
14295
|
}, props.class],
|
|
14263
14296
|
"style": props.style,
|
|
14264
|
-
"appendInnerIcon": props.items.length ? props.menuIcon : undefined,
|
|
14265
14297
|
"readonly": props.readonly,
|
|
14266
14298
|
"placeholder": isDirty ? undefined : props.placeholder,
|
|
14267
14299
|
"onClick:clear": onClear,
|
|
@@ -14366,7 +14398,18 @@ const VCombobox = genericComponent()({
|
|
|
14366
14398
|
}, [item.title, props.multiple && index < selections.value.length - 1 && createVNode("span", {
|
|
14367
14399
|
"class": "v-combobox__selection-comma"
|
|
14368
14400
|
}, [createTextVNode(",")])])]);
|
|
14369
|
-
})])
|
|
14401
|
+
})]),
|
|
14402
|
+
'append-inner': function () {
|
|
14403
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
14404
|
+
args[_key] = arguments[_key];
|
|
14405
|
+
}
|
|
14406
|
+
return createVNode(Fragment, null, [slots['append-inner']?.(...args), (!props.hideNoData || props.items.length) && props.menuIcon ? createVNode(VIcon, {
|
|
14407
|
+
"class": "v-combobox__menu-icon",
|
|
14408
|
+
"icon": props.menuIcon,
|
|
14409
|
+
"onMousedown": onMousedownMenuIcon,
|
|
14410
|
+
"onClick": noop
|
|
14411
|
+
}, null) : undefined]);
|
|
14412
|
+
}
|
|
14370
14413
|
});
|
|
14371
14414
|
});
|
|
14372
14415
|
return forwardRefs({
|
|
@@ -19554,7 +19597,7 @@ function createVuetify$1() {
|
|
|
19554
19597
|
date
|
|
19555
19598
|
};
|
|
19556
19599
|
}
|
|
19557
|
-
const version$1 = "4.0.0-dev-
|
|
19600
|
+
const version$1 = "4.0.0-dev-20230515.0";
|
|
19558
19601
|
createVuetify$1.version = version$1;
|
|
19559
19602
|
|
|
19560
19603
|
// Vue's inject() can only be used in setup
|
|
@@ -19574,7 +19617,7 @@ const createVuetify = function () {
|
|
|
19574
19617
|
...options
|
|
19575
19618
|
});
|
|
19576
19619
|
};
|
|
19577
|
-
const version = "4.0.0-dev-
|
|
19620
|
+
const version = "4.0.0-dev-20230515.0";
|
|
19578
19621
|
createVuetify.version = version;
|
|
19579
19622
|
|
|
19580
19623
|
export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };
|