@vuetify/nightly 3.6.5-master.2024-05-14 → 3.6.6-master.2024-05-16

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 (42) hide show
  1. package/CHANGELOG.md +3 -11
  2. package/dist/json/importMap-labs.json +20 -20
  3. package/dist/json/importMap.json +104 -104
  4. package/dist/json/web-types.json +5 -5
  5. package/dist/vuetify-labs.css +2749 -2748
  6. package/dist/vuetify-labs.d.ts +60 -36
  7. package/dist/vuetify-labs.esm.js +23 -17
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +23 -17
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +932 -931
  12. package/dist/vuetify.d.ts +97 -73
  13. package/dist/vuetify.esm.js +11 -7
  14. package/dist/vuetify.esm.js.map +1 -1
  15. package/dist/vuetify.js +11 -7
  16. package/dist/vuetify.js.map +1 -1
  17. package/dist/vuetify.min.css +2 -2
  18. package/dist/vuetify.min.js +8 -8
  19. package/dist/vuetify.min.js.map +1 -1
  20. package/lib/components/VBanner/VBanner.mjs +3 -1
  21. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  22. package/lib/components/VBanner/index.d.mts +15 -9
  23. package/lib/components/VChipGroup/index.d.mts +15 -9
  24. package/lib/components/VDivider/VDivider.css +1 -0
  25. package/lib/components/VDivider/VDivider.sass +1 -0
  26. package/lib/components/VMenu/VMenu.mjs +1 -1
  27. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  28. package/lib/components/VSelect/VSelect.mjs +1 -1
  29. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  30. package/lib/components/VSlideGroup/VSlideGroup.mjs +3 -1
  31. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  32. package/lib/components/VSlideGroup/index.d.mts +15 -9
  33. package/lib/components/VTabs/index.d.mts +15 -9
  34. package/lib/components/index.d.mts +60 -36
  35. package/lib/entry-bundler.mjs +1 -1
  36. package/lib/framework.mjs +1 -1
  37. package/lib/index.d.mts +37 -37
  38. package/lib/labs/VTreeview/VTreeviewChildren.mjs +12 -10
  39. package/lib/labs/VTreeview/VTreeviewChildren.mjs.map +1 -1
  40. package/lib/locale/de.mjs +4 -4
  41. package/lib/locale/de.mjs.map +1 -1
  42. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.5-master.2024-05-14
2
+ * Vuetify v3.6.6-master.2024-05-16
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17796,77 +17796,6 @@ html.overflow-y-hidden {
17796
17796
  .v-avatar .v-img {
17797
17797
  height: 100%;
17798
17798
  width: 100%;
17799
- }.v-badge {
17800
- display: inline-block;
17801
- line-height: 1;
17802
- }
17803
-
17804
- .v-badge__badge {
17805
- align-items: center;
17806
- display: inline-flex;
17807
- border-radius: 10px;
17808
- font-size: 0.75rem;
17809
- font-weight: 500;
17810
- height: 1.25rem;
17811
- justify-content: center;
17812
- min-width: 20px;
17813
- padding: 4px 6px;
17814
- pointer-events: auto;
17815
- position: absolute;
17816
- text-align: center;
17817
- text-indent: 0;
17818
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17819
- white-space: nowrap;
17820
- background: rgb(var(--v-theme-surface-variant));
17821
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17822
- }
17823
- .v-badge--bordered .v-badge__badge::after {
17824
- border-radius: inherit;
17825
- border-style: solid;
17826
- border-width: 2px;
17827
- bottom: 0;
17828
- color: rgb(var(--v-theme-background));
17829
- content: "";
17830
- left: 0;
17831
- position: absolute;
17832
- right: 0;
17833
- top: 0;
17834
- transform: scale(1.05);
17835
- }
17836
- .v-badge--dot .v-badge__badge {
17837
- border-radius: 4.5px;
17838
- height: 9px;
17839
- min-width: 0;
17840
- padding: 0;
17841
- width: 9px;
17842
- }
17843
- .v-badge--dot .v-badge__badge::after {
17844
- border-width: 1.5px;
17845
- }
17846
- .v-badge--inline .v-badge__badge {
17847
- position: relative;
17848
- vertical-align: middle;
17849
- }
17850
- .v-badge__badge .v-icon {
17851
- color: inherit;
17852
- font-size: 0.75rem;
17853
- margin: 0 -2px;
17854
- }
17855
- .v-badge__badge img,
17856
- .v-badge__badge .v-img {
17857
- height: 100%;
17858
- width: 100%;
17859
- }
17860
-
17861
- .v-badge__wrapper {
17862
- display: flex;
17863
- position: relative;
17864
- }
17865
- .v-badge--inline .v-badge__wrapper {
17866
- align-items: center;
17867
- display: inline-flex;
17868
- justify-content: center;
17869
- margin: 0 4px;
17870
17799
  }.v-banner {
17871
17800
  display: grid;
17872
17801
  flex: 1 1;
@@ -18024,6 +17953,77 @@ html.overflow-y-hidden {
18024
17953
  }
18025
17954
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18026
17955
  align-self: flex-start;
17956
+ }.v-badge {
17957
+ display: inline-block;
17958
+ line-height: 1;
17959
+ }
17960
+
17961
+ .v-badge__badge {
17962
+ align-items: center;
17963
+ display: inline-flex;
17964
+ border-radius: 10px;
17965
+ font-size: 0.75rem;
17966
+ font-weight: 500;
17967
+ height: 1.25rem;
17968
+ justify-content: center;
17969
+ min-width: 20px;
17970
+ padding: 4px 6px;
17971
+ pointer-events: auto;
17972
+ position: absolute;
17973
+ text-align: center;
17974
+ text-indent: 0;
17975
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17976
+ white-space: nowrap;
17977
+ background: rgb(var(--v-theme-surface-variant));
17978
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17979
+ }
17980
+ .v-badge--bordered .v-badge__badge::after {
17981
+ border-radius: inherit;
17982
+ border-style: solid;
17983
+ border-width: 2px;
17984
+ bottom: 0;
17985
+ color: rgb(var(--v-theme-background));
17986
+ content: "";
17987
+ left: 0;
17988
+ position: absolute;
17989
+ right: 0;
17990
+ top: 0;
17991
+ transform: scale(1.05);
17992
+ }
17993
+ .v-badge--dot .v-badge__badge {
17994
+ border-radius: 4.5px;
17995
+ height: 9px;
17996
+ min-width: 0;
17997
+ padding: 0;
17998
+ width: 9px;
17999
+ }
18000
+ .v-badge--dot .v-badge__badge::after {
18001
+ border-width: 1.5px;
18002
+ }
18003
+ .v-badge--inline .v-badge__badge {
18004
+ position: relative;
18005
+ vertical-align: middle;
18006
+ }
18007
+ .v-badge__badge .v-icon {
18008
+ color: inherit;
18009
+ font-size: 0.75rem;
18010
+ margin: 0 -2px;
18011
+ }
18012
+ .v-badge__badge img,
18013
+ .v-badge__badge .v-img {
18014
+ height: 100%;
18015
+ width: 100%;
18016
+ }
18017
+
18018
+ .v-badge__wrapper {
18019
+ display: flex;
18020
+ position: relative;
18021
+ }
18022
+ .v-badge--inline .v-badge__wrapper {
18023
+ align-items: center;
18024
+ display: inline-flex;
18025
+ justify-content: center;
18026
+ margin: 0 4px;
18027
18027
  }.v-bottom-navigation {
18028
18028
  display: flex;
18029
18029
  max-width: 100%;
@@ -18079,6 +18079,38 @@ html.overflow-y-hidden {
18079
18079
  }
18080
18080
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18081
18081
  transform: translateY(0.5rem);
18082
+ }.bottom-sheet-transition-enter-from {
18083
+ transform: translateY(100%);
18084
+ }
18085
+ .bottom-sheet-transition-leave-to {
18086
+ transform: translateY(100%);
18087
+ }
18088
+
18089
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18090
+ align-self: flex-end;
18091
+ border-radius: 0;
18092
+ flex: 0 1 auto;
18093
+ left: 0;
18094
+ right: 0;
18095
+ margin-inline: 0;
18096
+ margin-bottom: 0;
18097
+ transition-duration: 0.2s;
18098
+ width: 100%;
18099
+ max-width: 100%;
18100
+ overflow: visible;
18101
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18102
+ }
18103
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18104
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18105
+ border-radius: 0;
18106
+ }
18107
+ .v-bottom-sheet.v-bottom-sheet--inset {
18108
+ max-width: none;
18109
+ }
18110
+ @media (min-width: 600px) {
18111
+ .v-bottom-sheet.v-bottom-sheet--inset {
18112
+ max-width: 70%;
18113
+ }
18082
18114
  }.v-breadcrumbs {
18083
18115
  display: flex;
18084
18116
  align-items: center;
@@ -18136,135 +18168,47 @@ html.overflow-y-hidden {
18136
18168
  display: inline-block;
18137
18169
  padding: 0 8px;
18138
18170
  vertical-align: middle;
18139
- }.bottom-sheet-transition-enter-from {
18140
- transform: translateY(100%);
18141
- }
18142
- .bottom-sheet-transition-leave-to {
18143
- transform: translateY(100%);
18144
- }
18145
-
18146
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18147
- align-self: flex-end;
18148
- border-radius: 0;
18149
- flex: 0 1 auto;
18150
- left: 0;
18151
- right: 0;
18152
- margin-inline: 0;
18153
- margin-bottom: 0;
18154
- transition-duration: 0.2s;
18155
- width: 100%;
18156
- max-width: 100%;
18157
- overflow: visible;
18158
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18159
- }
18160
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18161
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18162
- border-radius: 0;
18163
- }
18164
- .v-bottom-sheet.v-bottom-sheet--inset {
18165
- max-width: none;
18166
- }
18167
- @media (min-width: 600px) {
18168
- .v-bottom-sheet.v-bottom-sheet--inset {
18169
- max-width: 70%;
18170
- }
18171
- }.v-btn-group {
18172
- display: inline-flex;
18173
- flex-wrap: nowrap;
18171
+ }.v-btn {
18172
+ align-items: center;
18173
+ border-radius: 4px;
18174
+ display: inline-grid;
18175
+ grid-template-areas: "prepend content append";
18176
+ grid-template-columns: max-content auto max-content;
18177
+ font-weight: 500;
18178
+ justify-content: center;
18179
+ letter-spacing: 0.0892857143em;
18180
+ line-height: normal;
18174
18181
  max-width: 100%;
18175
- min-width: 0;
18176
- overflow: hidden;
18182
+ outline: none;
18183
+ position: relative;
18184
+ text-decoration: none;
18185
+ text-indent: 0.0892857143em;
18186
+ text-transform: uppercase;
18187
+ transition-property: box-shadow, transform, opacity, background;
18188
+ transition-duration: 0.28s;
18189
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18190
+ -webkit-user-select: none;
18191
+ user-select: none;
18177
18192
  vertical-align: middle;
18193
+ flex-shrink: 0;
18178
18194
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18179
18195
  border-style: solid;
18180
18196
  border-width: 0;
18181
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18182
- border-radius: 4px;
18183
- background: transparent;
18184
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18185
- }
18186
- .v-btn-group--border {
18187
- border-width: thin;
18188
- box-shadow: none;
18189
18197
  }
18190
- .v-btn-group--density-default.v-btn-group {
18191
- height: 48px;
18198
+ .v-btn--size-x-small {
18199
+ --v-btn-size: 0.625rem;
18200
+ --v-btn-height: 20px;
18201
+ font-size: var(--v-btn-size);
18202
+ min-width: 36px;
18203
+ padding: 0 8px;
18192
18204
  }
18193
18205
 
18194
- .v-btn-group--density-comfortable.v-btn-group {
18195
- height: 40px;
18196
- }
18197
-
18198
- .v-btn-group--density-compact.v-btn-group {
18199
- height: 36px;
18200
- }
18201
-
18202
- .v-btn-group .v-btn {
18203
- border-radius: 0;
18204
- border-color: inherit;
18205
- }
18206
- .v-btn-group .v-btn:not(:last-child) {
18207
- border-inline-end: none;
18208
- }
18209
- .v-btn-group .v-btn:not(:first-child) {
18210
- border-inline-start: none;
18211
- }
18212
- .v-btn-group .v-btn:first-child {
18213
- border-start-start-radius: inherit;
18214
- border-end-start-radius: inherit;
18215
- }
18216
- .v-btn-group .v-btn:last-child {
18217
- border-start-end-radius: inherit;
18218
- border-end-end-radius: inherit;
18219
- }
18220
- .v-btn-group--divided .v-btn:not(:last-child) {
18221
- border-inline-end-width: thin;
18222
- border-inline-end-style: solid;
18223
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18224
- }
18225
- .v-btn-group--tile {
18226
- border-radius: 0;
18227
- }.v-btn {
18228
- align-items: center;
18229
- border-radius: 4px;
18230
- display: inline-grid;
18231
- grid-template-areas: "prepend content append";
18232
- grid-template-columns: max-content auto max-content;
18233
- font-weight: 500;
18234
- justify-content: center;
18235
- letter-spacing: 0.0892857143em;
18236
- line-height: normal;
18237
- max-width: 100%;
18238
- outline: none;
18239
- position: relative;
18240
- text-decoration: none;
18241
- text-indent: 0.0892857143em;
18242
- text-transform: uppercase;
18243
- transition-property: box-shadow, transform, opacity, background;
18244
- transition-duration: 0.28s;
18245
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18246
- -webkit-user-select: none;
18247
- user-select: none;
18248
- vertical-align: middle;
18249
- flex-shrink: 0;
18250
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18251
- border-style: solid;
18252
- border-width: 0;
18253
- }
18254
- .v-btn--size-x-small {
18255
- --v-btn-size: 0.625rem;
18256
- --v-btn-height: 20px;
18257
- font-size: var(--v-btn-size);
18258
- min-width: 36px;
18259
- padding: 0 8px;
18260
- }
18261
-
18262
- .v-btn--size-small {
18263
- --v-btn-size: 0.75rem;
18264
- --v-btn-height: 28px;
18265
- font-size: var(--v-btn-size);
18266
- min-width: 50px;
18267
- padding: 0 12px;
18206
+ .v-btn--size-small {
18207
+ --v-btn-size: 0.75rem;
18208
+ --v-btn-height: 28px;
18209
+ font-size: var(--v-btn-size);
18210
+ min-width: 50px;
18211
+ padding: 0 12px;
18268
18212
  }
18269
18213
 
18270
18214
  .v-btn--size-default {
@@ -18948,11 +18892,62 @@ html.overflow-y-hidden {
18948
18892
  pointer-events: none;
18949
18893
  opacity: 0;
18950
18894
  transition: opacity 0.2s ease-in-out;
18951
- }.v-checkbox.v-input {
18952
- flex: 0 1 auto;
18895
+ }.v-btn-group {
18896
+ display: inline-flex;
18897
+ flex-wrap: nowrap;
18898
+ max-width: 100%;
18899
+ min-width: 0;
18900
+ overflow: hidden;
18901
+ vertical-align: middle;
18902
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18903
+ border-style: solid;
18904
+ border-width: 0;
18905
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18906
+ border-radius: 4px;
18907
+ background: transparent;
18908
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18953
18909
  }
18954
- .v-checkbox .v-selection-control {
18955
- min-height: var(--v-input-control-height);
18910
+ .v-btn-group--border {
18911
+ border-width: thin;
18912
+ box-shadow: none;
18913
+ }
18914
+ .v-btn-group--density-default.v-btn-group {
18915
+ height: 48px;
18916
+ }
18917
+
18918
+ .v-btn-group--density-comfortable.v-btn-group {
18919
+ height: 40px;
18920
+ }
18921
+
18922
+ .v-btn-group--density-compact.v-btn-group {
18923
+ height: 36px;
18924
+ }
18925
+
18926
+ .v-btn-group .v-btn {
18927
+ border-radius: 0;
18928
+ border-color: inherit;
18929
+ }
18930
+ .v-btn-group .v-btn:not(:last-child) {
18931
+ border-inline-end: none;
18932
+ }
18933
+ .v-btn-group .v-btn:not(:first-child) {
18934
+ border-inline-start: none;
18935
+ }
18936
+ .v-btn-group .v-btn:first-child {
18937
+ border-start-start-radius: inherit;
18938
+ border-end-start-radius: inherit;
18939
+ }
18940
+ .v-btn-group .v-btn:last-child {
18941
+ border-start-end-radius: inherit;
18942
+ border-end-end-radius: inherit;
18943
+ }
18944
+ .v-btn-group--divided .v-btn:not(:last-child) {
18945
+ border-inline-end-width: thin;
18946
+ border-inline-end-style: solid;
18947
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18948
+ }
18949
+ .v-btn-group--tile {
18950
+ border-radius: 0;
18956
18951
  }.v-carousel {
18957
18952
  overflow: hidden;
18958
18953
  position: relative;
@@ -19016,6 +19011,11 @@ html.overflow-y-hidden {
19016
19011
  flex-direction: column;
19017
19012
  height: 100% !important;
19018
19013
  width: 50px;
19014
+ }.v-checkbox.v-input {
19015
+ flex: 0 1 auto;
19016
+ }
19017
+ .v-checkbox .v-selection-control {
19018
+ min-height: var(--v-input-control-height);
19019
19019
  }.v-chip {
19020
19020
  align-items: center;
19021
19021
  display: inline-flex;
@@ -20118,6 +20118,26 @@ html.overflow-y-hidden {
20118
20118
  .offset-xxl-11 {
20119
20119
  margin-inline-start: 91.6666666667%;
20120
20120
  }
20121
+ }.v-color-picker {
20122
+ align-self: flex-start;
20123
+ contain: content;
20124
+ }
20125
+ .v-color-picker.v-sheet {
20126
+ 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-ambient-opacity, rgba(0, 0, 0, 0.12));
20127
+ border-radius: 4px;
20128
+ }
20129
+
20130
+ .v-color-picker__controls {
20131
+ display: flex;
20132
+ flex-direction: column;
20133
+ padding: 16px;
20134
+ }
20135
+
20136
+ .v-color-picker--flat {
20137
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20138
+ }
20139
+ .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20140
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20121
20141
  }.v-combobox .v-field .v-text-field__prefix,
20122
20142
  .v-combobox .v-field .v-text-field__suffix,
20123
20143
  .v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
@@ -20199,26 +20219,6 @@ html.overflow-y-hidden {
20199
20219
  .v-combobox--active-menu .v-combobox__menu-icon {
20200
20220
  opacity: var(--v-high-emphasis-opacity);
20201
20221
  transform: rotate(180deg);
20202
- }.v-color-picker {
20203
- align-self: flex-start;
20204
- contain: content;
20205
- }
20206
- .v-color-picker.v-sheet {
20207
- 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-ambient-opacity, rgba(0, 0, 0, 0.12));
20208
- border-radius: 4px;
20209
- }
20210
-
20211
- .v-color-picker__controls {
20212
- display: flex;
20213
- flex-direction: column;
20214
- padding: 16px;
20215
- }
20216
-
20217
- .v-color-picker--flat {
20218
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20219
- }
20220
- .v-color-picker--flat .v-color-picker__track:not(.v-input--is-disabled) .v-slider__thumb {
20221
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20222
20222
  }.v-counter {
20223
20223
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20224
20224
  flex: 0 1 auto;
@@ -20443,62 +20443,6 @@ html.overflow-y-hidden {
20443
20443
  }
20444
20444
  .v-date-picker--show-week {
20445
20445
  width: 368px;
20446
- }.v-date-picker-controls {
20447
- display: flex;
20448
- align-items: center;
20449
- justify-content: space-between;
20450
- font-size: 0.875rem;
20451
- padding-top: 4px;
20452
- padding-bottom: 4px;
20453
- padding-inline-start: 6px;
20454
- padding-inline-end: 12px;
20455
- }
20456
- .v-date-picker-controls > .v-btn:first-child {
20457
- text-transform: none;
20458
- font-weight: 400;
20459
- line-height: initial;
20460
- letter-spacing: initial;
20461
- }
20462
- .v-date-picker-controls--variant-classic {
20463
- padding-inline-start: 12px;
20464
- }
20465
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20466
- opacity: 0.7;
20467
- }
20468
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20469
- cursor: pointer;
20470
- }
20471
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20472
- opacity: 1;
20473
- }
20474
- .v-date-picker-controls .v-btn:last-child {
20475
- margin-inline-start: 4px;
20476
- }
20477
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20478
- transform: rotate(180deg);
20479
- }
20480
-
20481
- .v-date-picker-controls__date {
20482
- margin-inline-end: 4px;
20483
- }
20484
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20485
- margin: auto;
20486
- text-align: center;
20487
- }
20488
-
20489
- .v-date-picker-controls__month {
20490
- display: flex;
20491
- }
20492
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20493
- flex-direction: row-reverse;
20494
- }
20495
-
20496
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20497
- flex: 1 0 auto;
20498
- }
20499
-
20500
- .v-date-picker__title {
20501
- display: inline-block;
20502
20446
  }.v-date-picker-header {
20503
20447
  align-items: flex-end;
20504
20448
  height: 70px;
@@ -20559,40 +20503,62 @@ html.overflow-y-hidden {
20559
20503
  .date-picker-header-reverse-transition-leave-to {
20560
20504
  opacity: 0;
20561
20505
  transform: translate(0, 100%);
20562
- }.v-date-picker-months {
20563
- height: 288px;
20564
- }
20565
-
20566
- .v-date-picker-months__content {
20506
+ }.v-date-picker-controls {
20507
+ display: flex;
20567
20508
  align-items: center;
20568
- display: grid;
20569
- flex: 1 1;
20570
- height: inherit;
20571
- justify-content: space-around;
20572
- grid-template-columns: repeat(2, 1fr);
20573
- grid-gap: 0px 24px;
20574
- padding-inline-start: 36px;
20575
- padding-inline-end: 36px;
20509
+ justify-content: space-between;
20510
+ font-size: 0.875rem;
20511
+ padding-top: 4px;
20512
+ padding-bottom: 4px;
20513
+ padding-inline-start: 6px;
20514
+ padding-inline-end: 12px;
20576
20515
  }
20577
- .v-date-picker-months__content .v-btn {
20516
+ .v-date-picker-controls > .v-btn:first-child {
20578
20517
  text-transform: none;
20579
- padding-inline-start: 8px;
20580
- padding-inline-end: 8px;
20581
- }.v-date-picker-years {
20582
- height: 288px;
20583
- overflow-y: scroll;
20518
+ font-weight: 400;
20519
+ line-height: initial;
20520
+ letter-spacing: initial;
20521
+ }
20522
+ .v-date-picker-controls--variant-classic {
20523
+ padding-inline-start: 12px;
20524
+ }
20525
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20526
+ opacity: 0.7;
20527
+ }
20528
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20529
+ cursor: pointer;
20530
+ }
20531
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20532
+ opacity: 1;
20533
+ }
20534
+ .v-date-picker-controls .v-btn:last-child {
20535
+ margin-inline-start: 4px;
20536
+ }
20537
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20538
+ transform: rotate(180deg);
20584
20539
  }
20585
20540
 
20586
- .v-date-picker-years__content {
20587
- display: grid;
20588
- flex: 1 1;
20589
- justify-content: space-around;
20590
- grid-template-columns: repeat(3, 1fr);
20591
- gap: 8px 24px;
20592
- padding-inline: 32px;
20541
+ .v-date-picker-controls__date {
20542
+ margin-inline-end: 4px;
20593
20543
  }
20594
- .v-date-picker-years__content .v-btn {
20595
- padding-inline: 8px;
20544
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20545
+ margin: auto;
20546
+ text-align: center;
20547
+ }
20548
+
20549
+ .v-date-picker-controls__month {
20550
+ display: flex;
20551
+ }
20552
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20553
+ flex-direction: row-reverse;
20554
+ }
20555
+
20556
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20557
+ flex: 1 0 auto;
20558
+ }
20559
+
20560
+ .v-date-picker__title {
20561
+ display: inline-block;
20596
20562
  }.v-date-picker-month {
20597
20563
  display: flex;
20598
20564
  justify-content: center;
@@ -20648,6 +20614,40 @@ html.overflow-y-hidden {
20648
20614
 
20649
20615
  .v-date-picker-month__day--hide-adjacent {
20650
20616
  opacity: 0;
20617
+ }.v-date-picker-months {
20618
+ height: 288px;
20619
+ }
20620
+
20621
+ .v-date-picker-months__content {
20622
+ align-items: center;
20623
+ display: grid;
20624
+ flex: 1 1;
20625
+ height: inherit;
20626
+ justify-content: space-around;
20627
+ grid-template-columns: repeat(2, 1fr);
20628
+ grid-gap: 0px 24px;
20629
+ padding-inline-start: 36px;
20630
+ padding-inline-end: 36px;
20631
+ }
20632
+ .v-date-picker-months__content .v-btn {
20633
+ text-transform: none;
20634
+ padding-inline-start: 8px;
20635
+ padding-inline-end: 8px;
20636
+ }.v-date-picker-years {
20637
+ height: 288px;
20638
+ overflow-y: scroll;
20639
+ }
20640
+
20641
+ .v-date-picker-years__content {
20642
+ display: grid;
20643
+ flex: 1 1;
20644
+ justify-content: space-around;
20645
+ grid-template-columns: repeat(3, 1fr);
20646
+ gap: 8px 24px;
20647
+ padding-inline: 32px;
20648
+ }
20649
+ .v-date-picker-years__content .v-btn {
20650
+ padding-inline: 8px;
20651
20651
  }.v-dialog {
20652
20652
  align-items: center;
20653
20653
  justify-content: center;
@@ -20773,6 +20773,7 @@ html.overflow-y-hidden {
20773
20773
 
20774
20774
  .v-divider__content {
20775
20775
  padding: 0 16px;
20776
+ text-wrap: nowrap;
20776
20777
  }
20777
20778
  .v-divider__wrapper--vertical .v-divider__content {
20778
20779
  padding: 4px 0;
@@ -21066,6 +21067,75 @@ html.overflow-y-hidden {
21066
21067
  }
21067
21068
  .v-expansion-panels--tile > .v-expansion-panel {
21068
21069
  border-radius: 0;
21070
+ }.v-fab {
21071
+ align-items: center;
21072
+ display: inline-flex;
21073
+ flex: 1 1 auto;
21074
+ pointer-events: none;
21075
+ position: relative;
21076
+ transition-duration: 0.2s;
21077
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21078
+ vertical-align: middle;
21079
+ }
21080
+ .v-fab .v-btn {
21081
+ pointer-events: auto;
21082
+ }
21083
+ .v-fab .v-btn--variant-elevated {
21084
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21085
+ }
21086
+ .v-fab--app, .v-fab--absolute {
21087
+ display: flex;
21088
+ }
21089
+ .v-fab--start, .v-fab--left {
21090
+ justify-content: flex-start;
21091
+ }
21092
+ .v-fab--center {
21093
+ align-items: center;
21094
+ justify-content: center;
21095
+ }
21096
+ .v-fab--end, .v-fab--right {
21097
+ justify-content: flex-end;
21098
+ }
21099
+ .v-fab--bottom {
21100
+ align-items: flex-end;
21101
+ }
21102
+ .v-fab--top {
21103
+ align-items: flex-start;
21104
+ }
21105
+ .v-fab--extended .v-btn {
21106
+ border-radius: 9999px !important;
21107
+ }
21108
+
21109
+ .v-fab__container {
21110
+ align-self: center;
21111
+ display: inline-flex;
21112
+ position: absolute;
21113
+ vertical-align: middle;
21114
+ }
21115
+ .v-fab--app .v-fab__container {
21116
+ margin: 12px;
21117
+ }
21118
+ .v-fab--absolute .v-fab__container {
21119
+ position: absolute;
21120
+ z-index: 4;
21121
+ }
21122
+ .v-fab--offset.v-fab--top .v-fab__container {
21123
+ transform: translateY(-50%);
21124
+ }
21125
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21126
+ transform: translateY(50%);
21127
+ }
21128
+ .v-fab--top .v-fab__container {
21129
+ top: 0;
21130
+ }
21131
+ .v-fab--bottom .v-fab__container {
21132
+ bottom: 0;
21133
+ }
21134
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21135
+ left: 0;
21136
+ }
21137
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21138
+ right: 0;
21069
21139
  }/* region INPUT */
21070
21140
  .v-field {
21071
21141
  display: grid;
@@ -21636,7 +21706,35 @@ textarea.v-field__input::placeholder {
21636
21706
  opacity: 0;
21637
21707
  }
21638
21708
 
21639
- /* endregion */.v-file-input--hide.v-input .v-field,
21709
+ /* endregion */.v-footer {
21710
+ align-items: center;
21711
+ display: flex;
21712
+ flex: 1 1 auto;
21713
+ padding: 8px 16px;
21714
+ position: relative;
21715
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21716
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21717
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21718
+ border-style: solid;
21719
+ border-width: 0;
21720
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21721
+ border-radius: 0;
21722
+ background: rgb(var(--v-theme-surface));
21723
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21724
+ }
21725
+ .v-footer--border {
21726
+ border-width: thin;
21727
+ box-shadow: none;
21728
+ }
21729
+ .v-footer--absolute {
21730
+ position: absolute;
21731
+ }
21732
+ .v-footer--fixed {
21733
+ position: fixed;
21734
+ }
21735
+ .v-footer--rounded {
21736
+ border-radius: 4px;
21737
+ }.v-file-input--hide.v-input .v-field,
21640
21738
  .v-file-input--hide.v-input .v-input__control,
21641
21739
  .v-file-input--hide.v-input .v-input__details {
21642
21740
  display: none;
@@ -21665,139 +21763,42 @@ textarea.v-field__input::placeholder {
21665
21763
  }
21666
21764
  .v-input--plain-underlined.v-file-input .v-input__details {
21667
21765
  padding-inline: 0;
21668
- }.v-footer {
21669
- align-items: center;
21670
- display: flex;
21671
- flex: 1 1 auto;
21672
- padding: 8px 16px;
21673
- position: relative;
21674
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21675
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21676
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21677
- border-style: solid;
21678
- border-width: 0;
21679
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21680
- border-radius: 0;
21681
- background: rgb(var(--v-theme-surface));
21682
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21683
- }
21684
- .v-footer--border {
21685
- border-width: thin;
21686
- box-shadow: none;
21687
- }
21688
- .v-footer--absolute {
21689
- position: absolute;
21690
- }
21691
- .v-footer--fixed {
21692
- position: fixed;
21693
- }
21694
- .v-footer--rounded {
21695
- border-radius: 4px;
21696
- }.v-fab {
21766
+ }.v-icon {
21767
+ --v-icon-size-multiplier: 1;
21697
21768
  align-items: center;
21698
21769
  display: inline-flex;
21699
- flex: 1 1 auto;
21700
- pointer-events: none;
21770
+ font-feature-settings: "liga";
21771
+ height: 1em;
21772
+ justify-content: center;
21773
+ letter-spacing: normal;
21774
+ line-height: 1;
21701
21775
  position: relative;
21702
- transition-duration: 0.2s;
21703
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21776
+ text-indent: 0;
21777
+ text-align: center;
21778
+ -webkit-user-select: none;
21779
+ user-select: none;
21704
21780
  vertical-align: middle;
21781
+ width: 1em;
21782
+ min-width: 1em;
21705
21783
  }
21706
- .v-fab .v-btn {
21707
- pointer-events: auto;
21784
+ .v-icon--clickable {
21785
+ cursor: pointer;
21708
21786
  }
21709
- .v-fab .v-btn--variant-elevated {
21710
- box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21787
+ .v-icon--disabled {
21788
+ pointer-events: none;
21789
+ opacity: 0.38;
21711
21790
  }
21712
- .v-fab--app, .v-fab--absolute {
21713
- display: flex;
21791
+ .v-icon--size-x-small {
21792
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
21714
21793
  }
21715
- .v-fab--start, .v-fab--left {
21716
- justify-content: flex-start;
21794
+ .v-icon--size-small {
21795
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21717
21796
  }
21718
- .v-fab--center {
21719
- align-items: center;
21720
- justify-content: center;
21797
+ .v-icon--size-default {
21798
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21721
21799
  }
21722
- .v-fab--end, .v-fab--right {
21723
- justify-content: flex-end;
21724
- }
21725
- .v-fab--bottom {
21726
- align-items: flex-end;
21727
- }
21728
- .v-fab--top {
21729
- align-items: flex-start;
21730
- }
21731
- .v-fab--extended .v-btn {
21732
- border-radius: 9999px !important;
21733
- }
21734
-
21735
- .v-fab__container {
21736
- align-self: center;
21737
- display: inline-flex;
21738
- position: absolute;
21739
- vertical-align: middle;
21740
- }
21741
- .v-fab--app .v-fab__container {
21742
- margin: 12px;
21743
- }
21744
- .v-fab--absolute .v-fab__container {
21745
- position: absolute;
21746
- z-index: 4;
21747
- }
21748
- .v-fab--offset.v-fab--top .v-fab__container {
21749
- transform: translateY(-50%);
21750
- }
21751
- .v-fab--offset.v-fab--bottom .v-fab__container {
21752
- transform: translateY(50%);
21753
- }
21754
- .v-fab--top .v-fab__container {
21755
- top: 0;
21756
- }
21757
- .v-fab--bottom .v-fab__container {
21758
- bottom: 0;
21759
- }
21760
- .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21761
- left: 0;
21762
- }
21763
- .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21764
- right: 0;
21765
- }.v-icon {
21766
- --v-icon-size-multiplier: 1;
21767
- align-items: center;
21768
- display: inline-flex;
21769
- font-feature-settings: "liga";
21770
- height: 1em;
21771
- justify-content: center;
21772
- letter-spacing: normal;
21773
- line-height: 1;
21774
- position: relative;
21775
- text-indent: 0;
21776
- text-align: center;
21777
- -webkit-user-select: none;
21778
- user-select: none;
21779
- vertical-align: middle;
21780
- width: 1em;
21781
- min-width: 1em;
21782
- }
21783
- .v-icon--clickable {
21784
- cursor: pointer;
21785
- }
21786
- .v-icon--disabled {
21787
- pointer-events: none;
21788
- opacity: 0.38;
21789
- }
21790
- .v-icon--size-x-small {
21791
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
21792
- }
21793
- .v-icon--size-small {
21794
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21795
- }
21796
- .v-icon--size-default {
21797
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21798
- }
21799
- .v-icon--size-large {
21800
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21800
+ .v-icon--size-large {
21801
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21801
21802
  }
21802
21803
  .v-icon--size-x-large {
21803
21804
  font-size: calc(var(--v-icon-size-multiplier) * 2em);
@@ -21851,6 +21852,31 @@ textarea.v-field__input::placeholder {
21851
21852
 
21852
21853
  .v-img__gradient {
21853
21854
  background-repeat: no-repeat;
21855
+ }.v-infinite-scroll--horizontal {
21856
+ display: flex;
21857
+ flex-direction: row;
21858
+ overflow-x: auto;
21859
+ }
21860
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21861
+ height: 100%;
21862
+ width: 1px;
21863
+ }
21864
+
21865
+ .v-infinite-scroll--vertical {
21866
+ display: flex;
21867
+ flex-direction: column;
21868
+ overflow-y: auto;
21869
+ }
21870
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21871
+ height: 1px;
21872
+ width: 100%;
21873
+ }
21874
+
21875
+ .v-infinite-scroll__side {
21876
+ align-items: center;
21877
+ display: flex;
21878
+ justify-content: center;
21879
+ padding: 8px;
21854
21880
  }.v-input {
21855
21881
  display: grid;
21856
21882
  flex: 1 1 auto;
@@ -21998,31 +22024,6 @@ textarea.v-field__input::placeholder {
21998
22024
  max-width: 100%;
21999
22025
  position: relative;
22000
22026
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22001
- }.v-infinite-scroll--horizontal {
22002
- display: flex;
22003
- flex-direction: row;
22004
- overflow-x: auto;
22005
- }
22006
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22007
- height: 100%;
22008
- width: 1px;
22009
- }
22010
-
22011
- .v-infinite-scroll--vertical {
22012
- display: flex;
22013
- flex-direction: column;
22014
- overflow-y: auto;
22015
- }
22016
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22017
- height: 1px;
22018
- width: 100%;
22019
- }
22020
-
22021
- .v-infinite-scroll__side {
22022
- align-items: center;
22023
- display: flex;
22024
- justify-content: center;
22025
- padding: 8px;
22026
22027
  }.v-label {
22027
22028
  align-items: center;
22028
22029
  color: inherit;
@@ -22053,6 +22054,8 @@ textarea.v-field__input::placeholder {
22053
22054
 
22054
22055
  .v-layout-item--absolute {
22055
22056
  position: absolute;
22057
+ }.v-locale-provider {
22058
+ display: contents;
22056
22059
  }.v-list {
22057
22060
  overflow: auto;
22058
22061
  padding: 8px 0;
@@ -22610,8 +22613,6 @@ textarea.v-field__input::placeholder {
22610
22613
  }
22611
22614
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22612
22615
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22613
- }.v-locale-provider {
22614
- display: contents;
22615
22616
  }.v-main {
22616
22617
  flex: 1 0 auto;
22617
22618
  max-width: 100%;
@@ -23366,6 +23367,54 @@ html.v-overlay-scroll-blocked {
23366
23367
  flex: 1 0 0px;
23367
23368
  transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23368
23369
  pointer-events: none;
23370
+ }.v-select .v-field .v-text-field__prefix,
23371
+ .v-select .v-field .v-text-field__suffix,
23372
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
23373
+ cursor: pointer;
23374
+ }
23375
+ .v-select .v-field .v-field__input > input {
23376
+ align-self: flex-start;
23377
+ opacity: 1;
23378
+ flex: 0 0;
23379
+ position: absolute;
23380
+ width: 100%;
23381
+ transition: none;
23382
+ pointer-events: none;
23383
+ caret-color: transparent;
23384
+ }
23385
+ .v-select .v-field--dirty .v-select__selection {
23386
+ margin-inline-end: 2px;
23387
+ }
23388
+ .v-select .v-select__selection-text {
23389
+ overflow: hidden;
23390
+ text-overflow: ellipsis;
23391
+ white-space: nowrap;
23392
+ }
23393
+ .v-select__content {
23394
+ overflow: hidden;
23395
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
23396
+ border-radius: 4px;
23397
+ }
23398
+ .v-select__selection {
23399
+ display: inline-flex;
23400
+ align-items: center;
23401
+ letter-spacing: inherit;
23402
+ line-height: inherit;
23403
+ max-width: 100%;
23404
+ }
23405
+ .v-select .v-select__selection:first-child {
23406
+ margin-inline-start: 0;
23407
+ }
23408
+ .v-select--selected .v-field .v-field__input > input {
23409
+ opacity: 0;
23410
+ }
23411
+ .v-select__menu-icon {
23412
+ margin-inline-start: 4px;
23413
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23414
+ }
23415
+ .v-select--active-menu .v-select__menu-icon {
23416
+ opacity: var(--v-high-emphasis-opacity);
23417
+ transform: rotate(180deg);
23369
23418
  }.v-selection-control {
23370
23419
  align-items: center;
23371
23420
  contain: layout;
@@ -23503,6 +23552,61 @@ html.v-overlay-scroll-blocked {
23503
23552
  }
23504
23553
  .v-sheet--rounded {
23505
23554
  border-radius: 4px;
23555
+ }.v-slide-group {
23556
+ display: flex;
23557
+ overflow: hidden;
23558
+ }
23559
+
23560
+ .v-slide-group__next,
23561
+ .v-slide-group__prev {
23562
+ align-items: center;
23563
+ display: flex;
23564
+ flex: 0 1 52px;
23565
+ justify-content: center;
23566
+ min-width: 52px;
23567
+ cursor: pointer;
23568
+ }
23569
+ .v-slide-group__next--disabled,
23570
+ .v-slide-group__prev--disabled {
23571
+ pointer-events: none;
23572
+ opacity: var(--v-disabled-opacity);
23573
+ }
23574
+
23575
+ .v-slide-group__content {
23576
+ display: flex;
23577
+ flex: 1 0 auto;
23578
+ position: relative;
23579
+ transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23580
+ white-space: nowrap;
23581
+ }
23582
+ .v-slide-group__content > * {
23583
+ white-space: initial;
23584
+ }
23585
+
23586
+ .v-slide-group__container {
23587
+ contain: content;
23588
+ display: flex;
23589
+ flex: 1 1 auto;
23590
+ overflow-x: auto;
23591
+ overflow-y: hidden;
23592
+ scrollbar-width: none;
23593
+ scrollbar-color: rgba(0, 0, 0, 0);
23594
+ }
23595
+ .v-slide-group__container::-webkit-scrollbar {
23596
+ display: none;
23597
+ }
23598
+
23599
+ .v-slide-group--vertical {
23600
+ max-height: inherit;
23601
+ }
23602
+ .v-slide-group--vertical,
23603
+ .v-slide-group--vertical .v-slide-group__container,
23604
+ .v-slide-group--vertical .v-slide-group__content {
23605
+ flex-direction: column;
23606
+ }
23607
+ .v-slide-group--vertical .v-slide-group__container {
23608
+ overflow-x: hidden;
23609
+ overflow-y: auto;
23506
23610
  }.v-skeleton-loader {
23507
23611
  align-items: center;
23508
23612
  background: rgb(var(--v-theme-surface));
@@ -23726,72 +23830,17 @@ html.v-overlay-scroll-blocked {
23726
23830
  100% {
23727
23831
  transform: translateX(100%);
23728
23832
  }
23729
- }.v-slide-group {
23730
- display: flex;
23731
- overflow: hidden;
23833
+ }.v-snackbar {
23834
+ justify-content: center;
23835
+ z-index: 10000;
23836
+ margin: 8px;
23837
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23838
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
23732
23839
  }
23733
-
23734
- .v-slide-group__next,
23735
- .v-slide-group__prev {
23736
- align-items: center;
23737
- display: flex;
23738
- flex: 0 1 52px;
23739
- justify-content: center;
23740
- min-width: 52px;
23741
- cursor: pointer;
23742
- }
23743
- .v-slide-group__next--disabled,
23744
- .v-slide-group__prev--disabled {
23745
- pointer-events: none;
23746
- opacity: var(--v-disabled-opacity);
23747
- }
23748
-
23749
- .v-slide-group__content {
23750
- display: flex;
23751
- flex: 1 0 auto;
23752
- position: relative;
23753
- transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
23754
- white-space: nowrap;
23755
- }
23756
- .v-slide-group__content > * {
23757
- white-space: initial;
23758
- }
23759
-
23760
- .v-slide-group__container {
23761
- contain: content;
23762
- display: flex;
23763
- flex: 1 1 auto;
23764
- overflow-x: auto;
23765
- overflow-y: hidden;
23766
- scrollbar-width: none;
23767
- scrollbar-color: rgba(0, 0, 0, 0);
23768
- }
23769
- .v-slide-group__container::-webkit-scrollbar {
23770
- display: none;
23771
- }
23772
-
23773
- .v-slide-group--vertical {
23774
- max-height: inherit;
23775
- }
23776
- .v-slide-group--vertical,
23777
- .v-slide-group--vertical .v-slide-group__container,
23778
- .v-slide-group--vertical .v-slide-group__content {
23779
- flex-direction: column;
23780
- }
23781
- .v-slide-group--vertical .v-slide-group__container {
23782
- overflow-x: hidden;
23783
- overflow-y: auto;
23784
- }.v-snackbar {
23785
- justify-content: center;
23786
- z-index: 10000;
23787
- margin: 8px;
23788
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
23789
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
23790
- }
23791
- .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23792
- align-items: flex-end;
23793
- }
23794
- .v-snackbar__wrapper {
23840
+ .v-snackbar:not(.v-snackbar--centered):not(.v-snackbar--top) {
23841
+ align-items: flex-end;
23842
+ }
23843
+ .v-snackbar__wrapper {
23795
23844
  align-items: center;
23796
23845
  display: flex;
23797
23846
  max-width: 672px;
@@ -24682,6 +24731,135 @@ html.v-overlay-scroll-blocked {
24682
24731
  /* endregion */.v-theme-provider {
24683
24732
  background: rgb(var(--v-theme-background));
24684
24733
  color: rgb(var(--v-theme-on-background));
24734
+ }.v-toolbar {
24735
+ align-items: flex-start;
24736
+ display: flex;
24737
+ flex: none;
24738
+ flex-direction: column;
24739
+ justify-content: space-between;
24740
+ max-width: 100%;
24741
+ position: relative;
24742
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
24743
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
24744
+ width: 100%;
24745
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
24746
+ border-style: solid;
24747
+ border-width: 0;
24748
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24749
+ border-radius: 0;
24750
+ background: rgb(var(--v-theme-surface-light));
24751
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24752
+ }
24753
+ .v-toolbar--border {
24754
+ border-width: thin;
24755
+ box-shadow: none;
24756
+ }
24757
+ .v-toolbar--absolute {
24758
+ position: absolute;
24759
+ }
24760
+ .v-toolbar--collapse {
24761
+ max-width: 112px;
24762
+ overflow: hidden;
24763
+ border-end-end-radius: 24px;
24764
+ }
24765
+ .v-toolbar--collapse .v-toolbar-title {
24766
+ display: none;
24767
+ }
24768
+ .v-toolbar--flat {
24769
+ box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
24770
+ }
24771
+ .v-toolbar--floating {
24772
+ display: inline-flex;
24773
+ }
24774
+ .v-toolbar--rounded {
24775
+ border-radius: 4px;
24776
+ }
24777
+
24778
+ .v-toolbar__content,
24779
+ .v-toolbar__extension {
24780
+ align-items: center;
24781
+ display: flex;
24782
+ flex: 0 0 auto;
24783
+ position: relative;
24784
+ transition: inherit;
24785
+ width: 100%;
24786
+ }
24787
+
24788
+ .v-toolbar__content {
24789
+ overflow: hidden;
24790
+ }
24791
+ .v-toolbar__content > .v-btn:first-child {
24792
+ margin-inline-start: 4px;
24793
+ }
24794
+ .v-toolbar__content > .v-btn:last-child {
24795
+ margin-inline-end: 4px;
24796
+ }
24797
+ .v-toolbar__content > .v-toolbar-title {
24798
+ margin-inline-start: 20px;
24799
+ }
24800
+ .v-toolbar--density-prominent .v-toolbar__content {
24801
+ align-items: flex-start;
24802
+ }
24803
+
24804
+ .v-toolbar__image {
24805
+ position: absolute;
24806
+ top: 0;
24807
+ left: 0;
24808
+ width: 100%;
24809
+ height: 100%;
24810
+ display: flex;
24811
+ opacity: var(--v-toolbar-image-opacity, 1);
24812
+ transition-property: opacity;
24813
+ }
24814
+
24815
+ .v-toolbar__prepend,
24816
+ .v-toolbar__append {
24817
+ align-items: center;
24818
+ align-self: stretch;
24819
+ display: flex;
24820
+ }
24821
+
24822
+ .v-toolbar__prepend {
24823
+ margin-inline: 4px auto;
24824
+ }
24825
+
24826
+ .v-toolbar__append {
24827
+ margin-inline: auto 4px;
24828
+ }
24829
+
24830
+ .v-toolbar-title {
24831
+ flex: 1 1;
24832
+ font-size: 1.25rem;
24833
+ min-width: 0;
24834
+ font-size: 1.25rem;
24835
+ font-weight: 400;
24836
+ letter-spacing: 0;
24837
+ line-height: 1.75rem;
24838
+ text-transform: none;
24839
+ }
24840
+ .v-toolbar--density-prominent .v-toolbar-title {
24841
+ align-self: flex-end;
24842
+ padding-bottom: 6px;
24843
+ font-size: 1.5rem;
24844
+ font-weight: 400;
24845
+ letter-spacing: 0;
24846
+ line-height: 2.25rem;
24847
+ text-transform: none;
24848
+ }
24849
+
24850
+ .v-toolbar-title__placeholder {
24851
+ overflow: hidden;
24852
+ text-overflow: ellipsis;
24853
+ white-space: nowrap;
24854
+ }
24855
+
24856
+ .v-toolbar-items {
24857
+ display: flex;
24858
+ height: inherit;
24859
+ align-self: stretch;
24860
+ }
24861
+ .v-toolbar-items > .v-btn {
24862
+ border-radius: 0;
24685
24863
  }.v-timeline .v-timeline-divider__dot {
24686
24864
  background: rgb(var(--v-theme-surface-light));
24687
24865
  }
@@ -25098,240 +25276,63 @@ html.v-overlay-scroll-blocked {
25098
25276
 
25099
25277
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
25100
25278
  padding-inline-end: 0;
25101
- }.v-toolbar {
25102
- align-items: flex-start;
25103
- display: flex;
25104
- flex: none;
25105
- flex-direction: column;
25106
- justify-content: space-between;
25279
+ }.v-tooltip > .v-overlay__content {
25280
+ background: rgb(var(--v-theme-surface-variant));
25281
+ color: rgb(var(--v-theme-on-surface-variant));
25282
+ border-radius: 4px;
25283
+ font-size: 0.875rem;
25284
+ line-height: 1.6;
25285
+ display: inline-block;
25286
+ padding: 5px 16px;
25287
+ text-transform: initial;
25288
+ width: auto;
25289
+ opacity: 1;
25290
+ pointer-events: none;
25291
+ transition-property: opacity, transform;
25292
+ overflow-wrap: break-word;
25293
+ }
25294
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25295
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25296
+ transition-duration: 150ms;
25297
+ }
25298
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25299
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25300
+ transition-duration: 75ms;
25301
+ }.v-virtual-scroll {
25302
+ display: block;
25303
+ flex: 1 1 auto;
25107
25304
  max-width: 100%;
25305
+ overflow: auto;
25108
25306
  position: relative;
25109
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25110
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
25111
- width: 100%;
25112
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25113
- border-style: solid;
25114
- border-width: 0;
25115
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25116
- border-radius: 0;
25117
- background: rgb(var(--v-theme-surface-light));
25118
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
25119
25307
  }
25120
- .v-toolbar--border {
25121
- border-width: thin;
25122
- box-shadow: none;
25308
+ .v-virtual-scroll__container {
25309
+ display: block;
25310
+ }.v-window {
25311
+ overflow: hidden;
25123
25312
  }
25124
- .v-toolbar--absolute {
25313
+ .v-window__container {
25314
+ display: flex;
25315
+ flex-direction: column;
25316
+ height: inherit;
25317
+ position: relative;
25318
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25319
+ }
25320
+ .v-window__controls {
25125
25321
  position: absolute;
25322
+ left: 0;
25323
+ top: 0;
25324
+ width: 100%;
25325
+ height: 100%;
25326
+ display: flex;
25327
+ align-items: center;
25328
+ justify-content: space-between;
25329
+ padding: 0 16px;
25330
+ pointer-events: none;
25126
25331
  }
25127
- .v-toolbar--collapse {
25128
- max-width: 112px;
25129
- overflow: hidden;
25130
- border-end-end-radius: 24px;
25131
- }
25132
- .v-toolbar--collapse .v-toolbar-title {
25133
- display: none;
25134
- }
25135
- .v-toolbar--flat {
25136
- box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25137
- }
25138
- .v-toolbar--floating {
25139
- display: inline-flex;
25140
- }
25141
- .v-toolbar--rounded {
25142
- border-radius: 4px;
25143
- }
25144
-
25145
- .v-toolbar__content,
25146
- .v-toolbar__extension {
25147
- align-items: center;
25148
- display: flex;
25149
- flex: 0 0 auto;
25150
- position: relative;
25151
- transition: inherit;
25152
- width: 100%;
25153
- }
25154
-
25155
- .v-toolbar__content {
25156
- overflow: hidden;
25157
- }
25158
- .v-toolbar__content > .v-btn:first-child {
25159
- margin-inline-start: 4px;
25160
- }
25161
- .v-toolbar__content > .v-btn:last-child {
25162
- margin-inline-end: 4px;
25163
- }
25164
- .v-toolbar__content > .v-toolbar-title {
25165
- margin-inline-start: 20px;
25166
- }
25167
- .v-toolbar--density-prominent .v-toolbar__content {
25168
- align-items: flex-start;
25169
- }
25170
-
25171
- .v-toolbar__image {
25172
- position: absolute;
25173
- top: 0;
25174
- left: 0;
25175
- width: 100%;
25176
- height: 100%;
25177
- display: flex;
25178
- opacity: var(--v-toolbar-image-opacity, 1);
25179
- transition-property: opacity;
25180
- }
25181
-
25182
- .v-toolbar__prepend,
25183
- .v-toolbar__append {
25184
- align-items: center;
25185
- align-self: stretch;
25186
- display: flex;
25187
- }
25188
-
25189
- .v-toolbar__prepend {
25190
- margin-inline: 4px auto;
25191
- }
25192
-
25193
- .v-toolbar__append {
25194
- margin-inline: auto 4px;
25195
- }
25196
-
25197
- .v-toolbar-title {
25198
- flex: 1 1;
25199
- font-size: 1.25rem;
25200
- min-width: 0;
25201
- font-size: 1.25rem;
25202
- font-weight: 400;
25203
- letter-spacing: 0;
25204
- line-height: 1.75rem;
25205
- text-transform: none;
25206
- }
25207
- .v-toolbar--density-prominent .v-toolbar-title {
25208
- align-self: flex-end;
25209
- padding-bottom: 6px;
25210
- font-size: 1.5rem;
25211
- font-weight: 400;
25212
- letter-spacing: 0;
25213
- line-height: 2.25rem;
25214
- text-transform: none;
25215
- }
25216
-
25217
- .v-toolbar-title__placeholder {
25218
- overflow: hidden;
25219
- text-overflow: ellipsis;
25220
- white-space: nowrap;
25221
- }
25222
-
25223
- .v-toolbar-items {
25224
- display: flex;
25225
- height: inherit;
25226
- align-self: stretch;
25227
- }
25228
- .v-toolbar-items > .v-btn {
25229
- border-radius: 0;
25230
- }.v-tooltip > .v-overlay__content {
25231
- background: rgb(var(--v-theme-surface-variant));
25232
- color: rgb(var(--v-theme-on-surface-variant));
25233
- border-radius: 4px;
25234
- font-size: 0.875rem;
25235
- line-height: 1.6;
25236
- display: inline-block;
25237
- padding: 5px 16px;
25238
- text-transform: initial;
25239
- width: auto;
25240
- opacity: 1;
25241
- pointer-events: none;
25242
- transition-property: opacity, transform;
25243
- overflow-wrap: break-word;
25244
- }
25245
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25246
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25247
- transition-duration: 150ms;
25248
- }
25249
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25250
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25251
- transition-duration: 75ms;
25252
- }.v-virtual-scroll {
25253
- display: block;
25254
- flex: 1 1 auto;
25255
- max-width: 100%;
25256
- overflow: auto;
25257
- position: relative;
25258
- }
25259
- .v-virtual-scroll__container {
25260
- display: block;
25261
- }.v-select .v-field .v-text-field__prefix,
25262
- .v-select .v-field .v-text-field__suffix,
25263
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
25264
- cursor: pointer;
25265
- }
25266
- .v-select .v-field .v-field__input > input {
25267
- align-self: flex-start;
25268
- opacity: 1;
25269
- flex: 0 0;
25270
- position: absolute;
25271
- width: 100%;
25272
- transition: none;
25273
- pointer-events: none;
25274
- caret-color: transparent;
25275
- }
25276
- .v-select .v-field--dirty .v-select__selection {
25277
- margin-inline-end: 2px;
25278
- }
25279
- .v-select .v-select__selection-text {
25280
- overflow: hidden;
25281
- text-overflow: ellipsis;
25282
- white-space: nowrap;
25283
- }
25284
- .v-select__content {
25285
- overflow: hidden;
25286
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25287
- border-radius: 4px;
25288
- }
25289
- .v-select__selection {
25290
- display: inline-flex;
25291
- align-items: center;
25292
- letter-spacing: inherit;
25293
- line-height: inherit;
25294
- max-width: 100%;
25295
- }
25296
- .v-select .v-select__selection:first-child {
25297
- margin-inline-start: 0;
25298
- }
25299
- .v-select--selected .v-field .v-field__input > input {
25300
- opacity: 0;
25301
- }
25302
- .v-select__menu-icon {
25303
- margin-inline-start: 4px;
25304
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
25305
- }
25306
- .v-select--active-menu .v-select__menu-icon {
25307
- opacity: var(--v-high-emphasis-opacity);
25308
- transform: rotate(180deg);
25309
- }.v-window {
25310
- overflow: hidden;
25311
- }
25312
- .v-window__container {
25313
- display: flex;
25314
- flex-direction: column;
25315
- height: inherit;
25316
- position: relative;
25317
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25318
- }
25319
- .v-window__controls {
25320
- position: absolute;
25321
- left: 0;
25322
- top: 0;
25323
- width: 100%;
25324
- height: 100%;
25325
- display: flex;
25326
- align-items: center;
25327
- justify-content: space-between;
25328
- padding: 0 16px;
25329
- pointer-events: none;
25330
- }
25331
- .v-window__controls > * {
25332
- pointer-events: auto;
25333
- }
25334
- .v-window--show-arrows-on-hover {
25332
+ .v-window__controls > * {
25333
+ pointer-events: auto;
25334
+ }
25335
+ .v-window--show-arrows-on-hover {
25335
25336
  overflow: hidden;
25336
25337
  }
25337
25338
  .v-window--show-arrows-on-hover .v-window__left {
@@ -25584,45 +25585,204 @@ html.v-overlay-scroll-blocked {
25584
25585
  padding-bottom: 16px;
25585
25586
  font-weight: 400;
25586
25587
  letter-spacing: 0.1666666667em;
25587
- }.v-slider-track__background {
25588
- background-color: rgb(var(--v-theme-surface-variant));
25588
+ }.v-slider-thumb {
25589
+ touch-action: none;
25590
+ color: rgb(var(--v-theme-surface-variant));
25589
25591
  }
25590
- @media (forced-colors: active) {
25591
- .v-slider-track__background {
25592
- background-color: highlight;
25593
- }
25592
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25593
+ color: inherit;
25594
25594
  }
25595
25595
 
25596
- .v-slider-track__fill {
25597
- background-color: rgb(var(--v-theme-surface-variant));
25596
+ .v-slider-thumb__label {
25597
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25598
+ color: rgb(var(--v-theme-on-surface-variant));
25598
25599
  }
25599
- @media (forced-colors: active) {
25600
- .v-slider-track__fill {
25601
- background-color: highlight;
25602
- }
25600
+ .v-slider-thumb__label::before {
25601
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25603
25602
  }
25604
25603
 
25605
- .v-slider-track__tick {
25606
- background-color: rgb(var(--v-theme-surface-variant));
25607
- }
25608
- .v-slider-track__tick--filled {
25609
- background-color: rgb(var(--v-theme-surface-light));
25604
+ .v-slider-thumb {
25605
+ outline: none;
25606
+ position: absolute;
25607
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25610
25608
  }
25611
25609
 
25612
- .v-slider-track {
25613
- border-radius: 6px;
25610
+ .v-slider-thumb__surface {
25611
+ cursor: pointer;
25612
+ width: var(--v-slider-thumb-size);
25613
+ height: var(--v-slider-thumb-size);
25614
+ border-radius: 50%;
25615
+ -webkit-user-select: none;
25616
+ user-select: none;
25617
+ background-color: currentColor;
25614
25618
  }
25615
25619
  @media (forced-colors: active) {
25616
- .v-slider-track {
25617
- border: thin solid buttontext;
25620
+ .v-slider-thumb__surface {
25621
+ background-color: highlight;
25618
25622
  }
25619
25623
  }
25620
-
25621
- .v-slider-track__background, .v-slider-track__fill {
25622
- position: absolute;
25623
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25624
- border-radius: inherit;
25625
- }
25624
+ .v-slider-thumb__surface::before {
25625
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25626
+ content: "";
25627
+ color: inherit;
25628
+ top: 0;
25629
+ left: 0;
25630
+ width: 100%;
25631
+ height: 100%;
25632
+ border-radius: 50%;
25633
+ background: currentColor;
25634
+ position: absolute;
25635
+ pointer-events: none;
25636
+ opacity: 0;
25637
+ }
25638
+ .v-slider-thumb__surface::after {
25639
+ content: "";
25640
+ width: 42px;
25641
+ height: 42px;
25642
+ position: absolute;
25643
+ top: 50%;
25644
+ left: 50%;
25645
+ transform: translate(-50%, -50%);
25646
+ }
25647
+
25648
+ .v-slider-thumb__label-container {
25649
+ position: absolute;
25650
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25651
+ }
25652
+
25653
+ .v-slider-thumb__label {
25654
+ display: flex;
25655
+ align-items: center;
25656
+ justify-content: center;
25657
+ font-size: 0.75rem;
25658
+ min-width: 35px;
25659
+ height: 25px;
25660
+ border-radius: 4px;
25661
+ padding: 6px;
25662
+ position: absolute;
25663
+ -webkit-user-select: none;
25664
+ user-select: none;
25665
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25666
+ }
25667
+ .v-slider-thumb__label::before {
25668
+ content: "";
25669
+ width: 0;
25670
+ height: 0;
25671
+ position: absolute;
25672
+ }
25673
+
25674
+ .v-slider-thumb__ripple {
25675
+ position: absolute;
25676
+ left: calc(var(--v-slider-thumb-size) / -2);
25677
+ top: calc(var(--v-slider-thumb-size) / -2);
25678
+ width: calc(var(--v-slider-thumb-size) * 2);
25679
+ height: calc(var(--v-slider-thumb-size) * 2);
25680
+ background: inherit;
25681
+ }
25682
+
25683
+ .v-slider.v-input--horizontal .v-slider-thumb {
25684
+ top: 50%;
25685
+ transform: translateY(-50%);
25686
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25687
+ }
25688
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25689
+ left: calc(var(--v-slider-thumb-size) / 2);
25690
+ top: 0;
25691
+ }
25692
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25693
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25694
+ }
25695
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25696
+ transform: translateX(-50%);
25697
+ }
25698
+
25699
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25700
+ transform: translateX(50%);
25701
+ }
25702
+
25703
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25704
+ border-left: 6px solid transparent;
25705
+ border-right: 6px solid transparent;
25706
+ border-top: 6px solid currentColor;
25707
+ bottom: -6px;
25708
+ }
25709
+
25710
+ .v-slider.v-input--vertical .v-slider-thumb {
25711
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25712
+ }
25713
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25714
+ top: calc(var(--v-slider-thumb-size) / 2);
25715
+ right: 0;
25716
+ }
25717
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25718
+ top: -12.5px;
25719
+ left: calc(var(--v-slider-thumb-size) / 2);
25720
+ }
25721
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25722
+ border-right: 6px solid currentColor;
25723
+ border-top: 6px solid transparent;
25724
+ border-bottom: 6px solid transparent;
25725
+ left: -6px;
25726
+ }
25727
+
25728
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25729
+ transform: scale(2);
25730
+ opacity: var(--v-focus-opacity);
25731
+ }
25732
+
25733
+ .v-slider-thumb--pressed {
25734
+ transition: none;
25735
+ }
25736
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25737
+ opacity: var(--v-pressed-opacity);
25738
+ }
25739
+
25740
+ @media (hover: hover) {
25741
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25742
+ transform: scale(2);
25743
+ }
25744
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25745
+ opacity: var(--v-hover-opacity);
25746
+ }
25747
+ }.v-slider-track__background {
25748
+ background-color: rgb(var(--v-theme-surface-variant));
25749
+ }
25750
+ @media (forced-colors: active) {
25751
+ .v-slider-track__background {
25752
+ background-color: highlight;
25753
+ }
25754
+ }
25755
+
25756
+ .v-slider-track__fill {
25757
+ background-color: rgb(var(--v-theme-surface-variant));
25758
+ }
25759
+ @media (forced-colors: active) {
25760
+ .v-slider-track__fill {
25761
+ background-color: highlight;
25762
+ }
25763
+ }
25764
+
25765
+ .v-slider-track__tick {
25766
+ background-color: rgb(var(--v-theme-surface-variant));
25767
+ }
25768
+ .v-slider-track__tick--filled {
25769
+ background-color: rgb(var(--v-theme-surface-light));
25770
+ }
25771
+
25772
+ .v-slider-track {
25773
+ border-radius: 6px;
25774
+ }
25775
+ @media (forced-colors: active) {
25776
+ .v-slider-track {
25777
+ border: thin solid buttontext;
25778
+ }
25779
+ }
25780
+
25781
+ .v-slider-track__background, .v-slider-track__fill {
25782
+ position: absolute;
25783
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25784
+ border-radius: inherit;
25785
+ }
25626
25786
  .v-slider--pressed .v-slider-track__background, .v-slider--pressed .v-slider-track__fill {
25627
25787
  transition: none;
25628
25788
  }
@@ -25762,163 +25922,4 @@ html.v-overlay-scroll-blocked {
25762
25922
 
25763
25923
  .v-slider-track__background--opacity {
25764
25924
  opacity: 0.38;
25765
- }.v-slider-thumb {
25766
- touch-action: none;
25767
- color: rgb(var(--v-theme-surface-variant));
25768
- }
25769
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25770
- color: inherit;
25771
- }
25772
-
25773
- .v-slider-thumb__label {
25774
- background: rgba(var(--v-theme-surface-variant), 0.7);
25775
- color: rgb(var(--v-theme-on-surface-variant));
25776
- }
25777
- .v-slider-thumb__label::before {
25778
- color: rgba(var(--v-theme-surface-variant), 0.7);
25779
- }
25780
-
25781
- .v-slider-thumb {
25782
- outline: none;
25783
- position: absolute;
25784
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25785
- }
25786
-
25787
- .v-slider-thumb__surface {
25788
- cursor: pointer;
25789
- width: var(--v-slider-thumb-size);
25790
- height: var(--v-slider-thumb-size);
25791
- border-radius: 50%;
25792
- -webkit-user-select: none;
25793
- user-select: none;
25794
- background-color: currentColor;
25795
- }
25796
- @media (forced-colors: active) {
25797
- .v-slider-thumb__surface {
25798
- background-color: highlight;
25799
- }
25800
- }
25801
- .v-slider-thumb__surface::before {
25802
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25803
- content: "";
25804
- color: inherit;
25805
- top: 0;
25806
- left: 0;
25807
- width: 100%;
25808
- height: 100%;
25809
- border-radius: 50%;
25810
- background: currentColor;
25811
- position: absolute;
25812
- pointer-events: none;
25813
- opacity: 0;
25814
- }
25815
- .v-slider-thumb__surface::after {
25816
- content: "";
25817
- width: 42px;
25818
- height: 42px;
25819
- position: absolute;
25820
- top: 50%;
25821
- left: 50%;
25822
- transform: translate(-50%, -50%);
25823
- }
25824
-
25825
- .v-slider-thumb__label-container {
25826
- position: absolute;
25827
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25828
- }
25829
-
25830
- .v-slider-thumb__label {
25831
- display: flex;
25832
- align-items: center;
25833
- justify-content: center;
25834
- font-size: 0.75rem;
25835
- min-width: 35px;
25836
- height: 25px;
25837
- border-radius: 4px;
25838
- padding: 6px;
25839
- position: absolute;
25840
- -webkit-user-select: none;
25841
- user-select: none;
25842
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25843
- }
25844
- .v-slider-thumb__label::before {
25845
- content: "";
25846
- width: 0;
25847
- height: 0;
25848
- position: absolute;
25849
- }
25850
-
25851
- .v-slider-thumb__ripple {
25852
- position: absolute;
25853
- left: calc(var(--v-slider-thumb-size) / -2);
25854
- top: calc(var(--v-slider-thumb-size) / -2);
25855
- width: calc(var(--v-slider-thumb-size) * 2);
25856
- height: calc(var(--v-slider-thumb-size) * 2);
25857
- background: inherit;
25858
- }
25859
-
25860
- .v-slider.v-input--horizontal .v-slider-thumb {
25861
- top: 50%;
25862
- transform: translateY(-50%);
25863
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25864
- }
25865
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25866
- left: calc(var(--v-slider-thumb-size) / 2);
25867
- top: 0;
25868
- }
25869
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25870
- bottom: calc(var(--v-slider-thumb-size) / 2);
25871
- }
25872
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25873
- transform: translateX(-50%);
25874
- }
25875
-
25876
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25877
- transform: translateX(50%);
25878
- }
25879
-
25880
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25881
- border-left: 6px solid transparent;
25882
- border-right: 6px solid transparent;
25883
- border-top: 6px solid currentColor;
25884
- bottom: -6px;
25885
- }
25886
-
25887
- .v-slider.v-input--vertical .v-slider-thumb {
25888
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25889
- }
25890
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25891
- top: calc(var(--v-slider-thumb-size) / 2);
25892
- right: 0;
25893
- }
25894
- .v-slider.v-input--vertical .v-slider-thumb__label {
25895
- top: -12.5px;
25896
- left: calc(var(--v-slider-thumb-size) / 2);
25897
- }
25898
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25899
- border-right: 6px solid currentColor;
25900
- border-top: 6px solid transparent;
25901
- border-bottom: 6px solid transparent;
25902
- left: -6px;
25903
- }
25904
-
25905
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25906
- transform: scale(2);
25907
- opacity: var(--v-focus-opacity);
25908
- }
25909
-
25910
- .v-slider-thumb--pressed {
25911
- transition: none;
25912
- }
25913
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25914
- opacity: var(--v-pressed-opacity);
25915
- }
25916
-
25917
- @media (hover: hover) {
25918
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25919
- transform: scale(2);
25920
- }
25921
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25922
- opacity: var(--v-hover-opacity);
25923
- }
25924
25925
  }