@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 };
|