@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.
Files changed (39) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/dist/json/importMap.json +4 -4
  3. package/dist/json/web-types.json +1 -1
  4. package/dist/vuetify-labs.css +188 -188
  5. package/dist/vuetify-labs.esm.js +52 -9
  6. package/dist/vuetify-labs.esm.js.map +1 -1
  7. package/dist/vuetify-labs.js +52 -9
  8. package/dist/vuetify-labs.min.css +2 -2
  9. package/dist/vuetify.css +222 -222
  10. package/dist/vuetify.d.ts +1 -1
  11. package/dist/vuetify.esm.js +52 -9
  12. package/dist/vuetify.esm.js.map +1 -1
  13. package/dist/vuetify.js +52 -9
  14. package/dist/vuetify.js.map +1 -1
  15. package/dist/vuetify.min.css +2 -2
  16. package/dist/vuetify.min.js +716 -713
  17. package/dist/vuetify.min.js.map +1 -1
  18. package/lib/components/VAutocomplete/VAutocomplete.css +8 -8
  19. package/lib/components/VAutocomplete/VAutocomplete.mjs +20 -3
  20. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  21. package/lib/components/VAutocomplete/VAutocomplete.sass +8 -11
  22. package/lib/components/VColorPicker/VColorPicker.mjs +1 -1
  23. package/lib/components/VColorPicker/VColorPicker.mjs.map +1 -1
  24. package/lib/components/VCombobox/VCombobox.css +8 -8
  25. package/lib/components/VCombobox/VCombobox.mjs +20 -3
  26. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  27. package/lib/components/VCombobox/VCombobox.sass +8 -11
  28. package/lib/components/VImg/VImg.mjs.map +1 -1
  29. package/lib/components/VList/VListItem.mjs.map +1 -1
  30. package/lib/components/VSelect/VSelect.css +8 -8
  31. package/lib/components/VSelect/VSelect.mjs +10 -2
  32. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  33. package/lib/components/VSelect/VSelect.sass +7 -11
  34. package/lib/entry-bundler.mjs +1 -1
  35. package/lib/framework.mjs +1 -1
  36. package/lib/index.d.mts +1 -1
  37. package/lib/util/helpers.mjs +1 -0
  38. package/lib/util/helpers.mjs.map +1 -1
  39. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230513.0
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']
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v4.0.0-dev-20230513.0
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-20230513.0";
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-20230513.0";
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 };