@vuetify/nightly 3.6.1-master.2024-05-01 → 3.6.3-dev.2024-05-03

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 (59) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/json/attributes.json +91 -91
  3. package/dist/json/importMap-labs.json +10 -10
  4. package/dist/json/importMap.json +156 -156
  5. package/dist/json/web-types.json +192 -191
  6. package/dist/vuetify-labs.css +2775 -2761
  7. package/dist/vuetify-labs.d.ts +275 -233
  8. package/dist/vuetify-labs.esm.js +17 -13
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +17 -13
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +692 -678
  13. package/dist/vuetify.d.ts +328 -286
  14. package/dist/vuetify.esm.js +17 -13
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +17 -13
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +18 -19
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAlert/VAlert.css +3 -1
  22. package/lib/components/VAutocomplete/index.d.mts +18 -18
  23. package/lib/components/VAvatar/VAvatar.css +3 -1
  24. package/lib/components/VBottomSheet/index.d.mts +15 -9
  25. package/lib/components/VBtn/VBtn.css +3 -1
  26. package/lib/components/VCard/VCard.css +3 -1
  27. package/lib/components/VChip/VChip.css +3 -1
  28. package/lib/components/VCombobox/index.d.mts +18 -18
  29. package/lib/components/VDataTable/VDataTableHeaders.mjs +2 -0
  30. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  31. package/lib/components/VDataTable/composables/select.mjs +7 -8
  32. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  33. package/lib/components/VDialog/index.d.mts +33 -27
  34. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  35. package/lib/components/VFileInput/index.d.mts +6 -6
  36. package/lib/components/VHover/VHover.mjs +1 -1
  37. package/lib/components/VHover/VHover.mjs.map +1 -1
  38. package/lib/components/VHover/index.d.mts +24 -24
  39. package/lib/components/VList/VListItem.css +3 -1
  40. package/lib/components/VMenu/index.d.mts +33 -27
  41. package/lib/components/VOverlay/VOverlay.mjs +5 -2
  42. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  43. package/lib/components/VOverlay/index.d.mts +15 -9
  44. package/lib/components/VSelect/index.d.mts +18 -18
  45. package/lib/components/VSnackbar/VSnackbar.css +3 -1
  46. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  47. package/lib/components/VSnackbar/index.d.mts +47 -41
  48. package/lib/components/VSpeedDial/index.d.mts +15 -9
  49. package/lib/components/VTooltip/index.d.mts +33 -27
  50. package/lib/components/index.d.mts +275 -233
  51. package/lib/entry-bundler.mjs +1 -1
  52. package/lib/entry-bundler.mjs.map +1 -1
  53. package/lib/framework.mjs +1 -1
  54. package/lib/framework.mjs.map +1 -1
  55. package/lib/index.d.mts +53 -53
  56. package/lib/labs/VSnackbarQueue/index.d.mts +47 -41
  57. package/lib/labs/components.d.mts +47 -41
  58. package/lib/styles/tools/_variant.sass +3 -1
  59. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.1-master.2024-05-01
2
+ * Vuetify v3.6.3-dev.2024-05-03
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17461,13 +17461,15 @@ html.overflow-y-hidden {
17461
17461
  background: currentColor;
17462
17462
  opacity: var(--v-activated-opacity);
17463
17463
  border-radius: inherit;
17464
- position: absolute;
17465
17464
  top: 0;
17466
17465
  right: 0;
17467
17466
  bottom: 0;
17468
17467
  left: 0;
17469
17468
  pointer-events: none;
17470
17469
  }
17470
+ .v-alert .v-alert__underlay {
17471
+ position: absolute;
17472
+ }
17471
17473
  .v-alert--prominent {
17472
17474
  grid-template-areas: "prepend content append close" "prepend content . .";
17473
17475
  }
@@ -17618,87 +17620,6 @@ html.overflow-y-hidden {
17618
17620
  text-transform: none;
17619
17621
  word-break: normal;
17620
17622
  word-wrap: break-word;
17621
- }.v-autocomplete .v-field .v-text-field__prefix,
17622
- .v-autocomplete .v-field .v-text-field__suffix,
17623
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17624
- cursor: text;
17625
- }
17626
- .v-autocomplete .v-field .v-field__input > input {
17627
- flex: 1 1;
17628
- }
17629
- .v-autocomplete .v-field input {
17630
- min-width: 64px;
17631
- }
17632
- .v-autocomplete .v-field:not(.v-field--focused) input {
17633
- min-width: 0;
17634
- }
17635
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17636
- margin-inline-end: 2px;
17637
- }
17638
- .v-autocomplete .v-autocomplete__selection-text {
17639
- overflow: hidden;
17640
- text-overflow: ellipsis;
17641
- white-space: nowrap;
17642
- }
17643
-
17644
- .v-autocomplete__content {
17645
- overflow: hidden;
17646
- 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));
17647
- border-radius: 4px;
17648
- }
17649
- .v-autocomplete__mask {
17650
- background: rgb(var(--v-theme-surface-light));
17651
- }
17652
- .v-autocomplete__selection {
17653
- display: inline-flex;
17654
- align-items: center;
17655
- height: 1.5rem;
17656
- letter-spacing: inherit;
17657
- line-height: inherit;
17658
- max-width: calc(100% - 2px - 2px);
17659
- }
17660
- .v-autocomplete__selection:first-child {
17661
- margin-inline-start: 0;
17662
- }
17663
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17664
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17665
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17666
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17667
- top: 0px;
17668
- }
17669
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17670
- opacity: var(--v-medium-emphasis-opacity);
17671
- }
17672
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17673
- opacity: 1;
17674
- }
17675
- .v-autocomplete--selecting-index .v-field__input > input {
17676
- caret-color: transparent;
17677
- }
17678
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17679
- flex: 1 1;
17680
- position: absolute;
17681
- left: 0;
17682
- right: 0;
17683
- width: 100%;
17684
- padding-inline: inherit;
17685
- }
17686
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17687
- transition: none;
17688
- }
17689
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17690
- opacity: 0;
17691
- }
17692
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17693
- opacity: 0;
17694
- }
17695
- .v-autocomplete__menu-icon {
17696
- margin-inline-start: 4px;
17697
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17698
- }
17699
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17700
- opacity: var(--v-high-emphasis-opacity);
17701
- transform: rotate(180deg);
17702
17623
  }.v-avatar {
17703
17624
  flex: none;
17704
17625
  align-items: center;
@@ -17773,13 +17694,15 @@ html.overflow-y-hidden {
17773
17694
  background: currentColor;
17774
17695
  opacity: var(--v-activated-opacity);
17775
17696
  border-radius: inherit;
17776
- position: absolute;
17777
17697
  top: 0;
17778
17698
  right: 0;
17779
17699
  bottom: 0;
17780
17700
  left: 0;
17781
17701
  pointer-events: none;
17782
17702
  }
17703
+ .v-avatar .v-avatar__underlay {
17704
+ position: absolute;
17705
+ }
17783
17706
  .v-avatar--rounded {
17784
17707
  border-radius: 4px;
17785
17708
  }
@@ -17792,6 +17715,87 @@ html.overflow-y-hidden {
17792
17715
  .v-avatar .v-img {
17793
17716
  height: 100%;
17794
17717
  width: 100%;
17718
+ }.v-autocomplete .v-field .v-text-field__prefix,
17719
+ .v-autocomplete .v-field .v-text-field__suffix,
17720
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17721
+ cursor: text;
17722
+ }
17723
+ .v-autocomplete .v-field .v-field__input > input {
17724
+ flex: 1 1;
17725
+ }
17726
+ .v-autocomplete .v-field input {
17727
+ min-width: 64px;
17728
+ }
17729
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17730
+ min-width: 0;
17731
+ }
17732
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17733
+ margin-inline-end: 2px;
17734
+ }
17735
+ .v-autocomplete .v-autocomplete__selection-text {
17736
+ overflow: hidden;
17737
+ text-overflow: ellipsis;
17738
+ white-space: nowrap;
17739
+ }
17740
+
17741
+ .v-autocomplete__content {
17742
+ overflow: hidden;
17743
+ 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));
17744
+ border-radius: 4px;
17745
+ }
17746
+ .v-autocomplete__mask {
17747
+ background: rgb(var(--v-theme-surface-light));
17748
+ }
17749
+ .v-autocomplete__selection {
17750
+ display: inline-flex;
17751
+ align-items: center;
17752
+ height: 1.5rem;
17753
+ letter-spacing: inherit;
17754
+ line-height: inherit;
17755
+ max-width: calc(100% - 2px - 2px);
17756
+ }
17757
+ .v-autocomplete__selection:first-child {
17758
+ margin-inline-start: 0;
17759
+ }
17760
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17761
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17762
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17763
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17764
+ top: 0px;
17765
+ }
17766
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17767
+ opacity: var(--v-medium-emphasis-opacity);
17768
+ }
17769
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17770
+ opacity: 1;
17771
+ }
17772
+ .v-autocomplete--selecting-index .v-field__input > input {
17773
+ caret-color: transparent;
17774
+ }
17775
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17776
+ flex: 1 1;
17777
+ position: absolute;
17778
+ left: 0;
17779
+ right: 0;
17780
+ width: 100%;
17781
+ padding-inline: inherit;
17782
+ }
17783
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17784
+ transition: none;
17785
+ }
17786
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17787
+ opacity: 0;
17788
+ }
17789
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17790
+ opacity: 0;
17791
+ }
17792
+ .v-autocomplete__menu-icon {
17793
+ margin-inline-start: 4px;
17794
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17795
+ }
17796
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17797
+ opacity: var(--v-high-emphasis-opacity);
17798
+ transform: rotate(180deg);
17795
17799
  }.v-badge {
17796
17800
  display: inline-block;
17797
17801
  line-height: 1;
@@ -18075,6 +18079,38 @@ html.overflow-y-hidden {
18075
18079
  }
18076
18080
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18077
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
+ }
18078
18114
  }.v-breadcrumbs {
18079
18115
  display: flex;
18080
18116
  align-items: center;
@@ -18279,13 +18315,15 @@ html.overflow-y-hidden {
18279
18315
  background: currentColor;
18280
18316
  opacity: var(--v-activated-opacity);
18281
18317
  border-radius: inherit;
18282
- position: absolute;
18283
18318
  top: 0;
18284
18319
  right: 0;
18285
18320
  bottom: 0;
18286
18321
  left: 0;
18287
18322
  pointer-events: none;
18288
18323
  }
18324
+ .v-btn .v-btn__underlay {
18325
+ position: absolute;
18326
+ }
18289
18327
  @supports selector(:focus-visible) {
18290
18328
  .v-btn::after {
18291
18329
  content: "";
@@ -18598,61 +18636,137 @@ html.overflow-y-hidden {
18598
18636
  }
18599
18637
  .v-btn-group--tile {
18600
18638
  border-radius: 0;
18601
- }.v-card {
18602
- display: block;
18603
- overflow: hidden;
18604
- overflow-wrap: break-word;
18605
- position: relative;
18606
- padding: 0;
18607
- text-decoration: none;
18608
- transition-duration: 0.28s;
18609
- transition-property: box-shadow, opacity, background;
18610
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18611
- z-index: 0;
18612
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18613
- border-style: solid;
18614
- border-width: 0;
18615
- border-radius: 4px;
18616
- }
18617
- .v-card--border {
18618
- border-width: thin;
18619
- box-shadow: none;
18620
- }
18621
- .v-card--absolute {
18622
- position: absolute;
18623
- }
18624
- .v-card--fixed {
18625
- position: fixed;
18626
- }
18627
- .v-card:hover > .v-card__overlay {
18628
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18629
- }
18630
- .v-card:focus-visible > .v-card__overlay {
18631
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18632
- }
18633
- @supports not selector(:focus-visible) {
18634
- .v-card:focus > .v-card__overlay {
18635
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18636
- }
18637
- }
18638
- .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18639
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18639
18640
  opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18640
18641
  }
18641
- .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18642
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18642
18643
  opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18643
18644
  }
18644
- .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18645
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18645
18646
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18646
18647
  }
18647
18648
  @supports not selector(:focus-visible) {
18648
- .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18649
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18649
18650
  opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18650
18651
  }
18652
+ }.v-carousel {
18653
+ overflow: hidden;
18654
+ position: relative;
18655
+ width: 100%;
18656
+ }
18657
+ .v-carousel__controls {
18658
+ align-items: center;
18659
+ bottom: 0;
18660
+ display: flex;
18661
+ height: 50px;
18662
+ justify-content: center;
18663
+ list-style-type: none;
18664
+ position: absolute;
18665
+ width: 100%;
18666
+ z-index: 1;
18667
+ background: rgba(var(--v-theme-surface-variant), 0.3);
18668
+ color: rgb(var(--v-theme-on-surface-variant));
18669
+ }
18670
+ .v-carousel__controls > .v-item-group {
18671
+ flex: 0 1 auto;
18672
+ }
18673
+ .v-carousel__controls__item {
18674
+ margin: 0 8px;
18675
+ }
18676
+ .v-carousel__controls__item .v-icon {
18677
+ opacity: 0.5;
18678
+ }
18679
+ .v-carousel__controls__item--active .v-icon {
18680
+ opacity: 1;
18681
+ vertical-align: middle;
18682
+ }
18683
+ .v-carousel__controls__item:hover {
18684
+ background: none;
18685
+ }
18686
+ .v-carousel__controls__item:hover .v-icon {
18687
+ opacity: 0.8;
18688
+ }
18689
+
18690
+ .v-carousel__progress {
18691
+ margin: 0;
18692
+ position: absolute;
18693
+ bottom: 0;
18694
+ left: 0;
18695
+ right: 0;
18696
+ }
18697
+
18698
+ .v-carousel-item {
18699
+ display: block;
18700
+ height: inherit;
18701
+ text-decoration: none;
18702
+ }
18703
+ .v-carousel-item > .v-img {
18704
+ height: inherit;
18705
+ }
18706
+
18707
+ .v-carousel--hide-delimiter-background .v-carousel__controls {
18708
+ background: transparent;
18709
+ }
18710
+
18711
+ .v-carousel--vertical-delimiters .v-carousel__controls {
18712
+ flex-direction: column;
18713
+ height: 100% !important;
18714
+ width: 50px;
18715
+ }.v-card {
18716
+ display: block;
18717
+ overflow: hidden;
18718
+ overflow-wrap: break-word;
18719
+ position: relative;
18720
+ padding: 0;
18721
+ text-decoration: none;
18722
+ transition-duration: 0.28s;
18723
+ transition-property: box-shadow, opacity, background;
18724
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
18725
+ z-index: 0;
18726
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18727
+ border-style: solid;
18728
+ border-width: 0;
18729
+ border-radius: 4px;
18730
+ }
18731
+ .v-card--border {
18732
+ border-width: thin;
18733
+ box-shadow: none;
18734
+ }
18735
+ .v-card--absolute {
18736
+ position: absolute;
18737
+ }
18738
+ .v-card--fixed {
18739
+ position: fixed;
18740
+ }
18741
+ .v-card:hover > .v-card__overlay {
18742
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
18743
+ }
18744
+ .v-card:focus-visible > .v-card__overlay {
18745
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18746
+ }
18747
+ @supports not selector(:focus-visible) {
18748
+ .v-card:focus > .v-card__overlay {
18749
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
18750
+ }
18751
+ }
18752
+ .v-card--active > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true] > .v-card__overlay {
18753
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18754
+ }
18755
+ .v-card--active:hover > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:hover > .v-card__overlay {
18756
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18757
+ }
18758
+ .v-card--active:focus-visible > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus-visible > .v-card__overlay {
18759
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18760
+ }
18761
+ @supports not selector(:focus-visible) {
18762
+ .v-card--active:focus > .v-card__overlay, .v-card[aria-haspopup=menu][aria-expanded=true]:focus > .v-card__overlay {
18763
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18764
+ }
18765
+ }
18766
+ .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18767
+ background: transparent;
18768
+ color: inherit;
18651
18769
  }
18652
- .v-card--variant-plain, .v-card--variant-outlined, .v-card--variant-text, .v-card--variant-tonal {
18653
- background: transparent;
18654
- color: inherit;
18655
- }
18656
18770
  .v-card--variant-plain {
18657
18771
  opacity: 0.62;
18658
18772
  }
@@ -18682,13 +18796,15 @@ html.overflow-y-hidden {
18682
18796
  background: currentColor;
18683
18797
  opacity: var(--v-activated-opacity);
18684
18798
  border-radius: inherit;
18685
- position: absolute;
18686
18799
  top: 0;
18687
18800
  right: 0;
18688
18801
  bottom: 0;
18689
18802
  left: 0;
18690
18803
  pointer-events: none;
18691
18804
  }
18805
+ .v-card .v-card__underlay {
18806
+ position: absolute;
18807
+ }
18692
18808
  .v-card--disabled {
18693
18809
  pointer-events: none;
18694
18810
  -webkit-user-select: none;
@@ -18895,82 +19011,6 @@ html.overflow-y-hidden {
18895
19011
  pointer-events: none;
18896
19012
  opacity: 0;
18897
19013
  transition: opacity 0.2s ease-in-out;
18898
- }.v-carousel {
18899
- overflow: hidden;
18900
- position: relative;
18901
- width: 100%;
18902
- }
18903
- .v-carousel__controls {
18904
- align-items: center;
18905
- bottom: 0;
18906
- display: flex;
18907
- height: 50px;
18908
- justify-content: center;
18909
- list-style-type: none;
18910
- position: absolute;
18911
- width: 100%;
18912
- z-index: 1;
18913
- background: rgba(var(--v-theme-surface-variant), 0.3);
18914
- color: rgb(var(--v-theme-on-surface-variant));
18915
- }
18916
- .v-carousel__controls > .v-item-group {
18917
- flex: 0 1 auto;
18918
- }
18919
- .v-carousel__controls__item {
18920
- margin: 0 8px;
18921
- }
18922
- .v-carousel__controls__item .v-icon {
18923
- opacity: 0.5;
18924
- }
18925
- .v-carousel__controls__item--active .v-icon {
18926
- opacity: 1;
18927
- vertical-align: middle;
18928
- }
18929
- .v-carousel__controls__item:hover {
18930
- background: none;
18931
- }
18932
- .v-carousel__controls__item:hover .v-icon {
18933
- opacity: 0.8;
18934
- }
18935
-
18936
- .v-carousel__progress {
18937
- margin: 0;
18938
- position: absolute;
18939
- bottom: 0;
18940
- left: 0;
18941
- right: 0;
18942
- }
18943
-
18944
- .v-carousel-item {
18945
- display: block;
18946
- height: inherit;
18947
- text-decoration: none;
18948
- }
18949
- .v-carousel-item > .v-img {
18950
- height: inherit;
18951
- }
18952
-
18953
- .v-carousel--hide-delimiter-background .v-carousel__controls {
18954
- background: transparent;
18955
- }
18956
-
18957
- .v-carousel--vertical-delimiters .v-carousel__controls {
18958
- flex-direction: column;
18959
- height: 100% !important;
18960
- width: 50px;
18961
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18962
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18963
- }
18964
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18965
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18966
- }
18967
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18968
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18969
- }
18970
- @supports not selector(:focus-visible) {
18971
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18972
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18973
- }
18974
19014
  }.v-checkbox.v-input {
18975
19015
  flex: 0 1 auto;
18976
19016
  }
@@ -19310,13 +19350,15 @@ html.overflow-y-hidden {
19310
19350
  background: currentColor;
19311
19351
  opacity: var(--v-activated-opacity);
19312
19352
  border-radius: inherit;
19313
- position: absolute;
19314
19353
  top: 0;
19315
19354
  right: 0;
19316
19355
  bottom: 0;
19317
19356
  left: 0;
19318
19357
  pointer-events: none;
19319
19358
  }
19359
+ .v-chip .v-chip__underlay {
19360
+ position: absolute;
19361
+ }
19320
19362
  .v-chip--border {
19321
19363
  border-width: thin;
19322
19364
  }
@@ -20395,12 +20437,6 @@ html.overflow-y-hidden {
20395
20437
  }
20396
20438
  .v-data-table-footer__page {
20397
20439
  padding: 0 8px;
20398
- }.v-date-picker {
20399
- overflow: hidden;
20400
- width: 328px;
20401
- }
20402
- .v-date-picker--show-week {
20403
- width: 368px;
20404
20440
  }.v-date-picker-header {
20405
20441
  align-items: flex-end;
20406
20442
  height: 70px;
@@ -20517,6 +20553,31 @@ html.overflow-y-hidden {
20517
20553
 
20518
20554
  .v-date-picker__title {
20519
20555
  display: inline-block;
20556
+ }.v-date-picker {
20557
+ overflow: hidden;
20558
+ width: 328px;
20559
+ }
20560
+ .v-date-picker--show-week {
20561
+ width: 368px;
20562
+ }.v-date-picker-months {
20563
+ height: 288px;
20564
+ }
20565
+
20566
+ .v-date-picker-months__content {
20567
+ 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;
20576
+ }
20577
+ .v-date-picker-months__content .v-btn {
20578
+ text-transform: none;
20579
+ padding-inline-start: 8px;
20580
+ padding-inline-end: 8px;
20520
20581
  }.v-date-picker-month {
20521
20582
  display: flex;
20522
20583
  justify-content: center;
@@ -20572,25 +20633,6 @@ html.overflow-y-hidden {
20572
20633
 
20573
20634
  .v-date-picker-month__day--hide-adjacent {
20574
20635
  opacity: 0;
20575
- }.v-date-picker-months {
20576
- height: 288px;
20577
- }
20578
-
20579
- .v-date-picker-months__content {
20580
- align-items: center;
20581
- display: grid;
20582
- flex: 1 1;
20583
- height: inherit;
20584
- justify-content: space-around;
20585
- grid-template-columns: repeat(2, 1fr);
20586
- grid-gap: 0px 24px;
20587
- padding-inline-start: 36px;
20588
- padding-inline-end: 36px;
20589
- }
20590
- .v-date-picker-months__content .v-btn {
20591
- text-transform: none;
20592
- padding-inline-start: 8px;
20593
- padding-inline-end: 8px;
20594
20636
  }.v-date-picker-years {
20595
20637
  height: 288px;
20596
20638
  overflow-y: scroll;
@@ -20606,17 +20648,109 @@ html.overflow-y-hidden {
20606
20648
  }
20607
20649
  .v-date-picker-years__content .v-btn {
20608
20650
  padding-inline: 8px;
20609
- }.v-divider {
20610
- display: block;
20611
- flex: 1 1 100%;
20612
- height: 0px;
20613
- max-height: 0px;
20614
- opacity: var(--v-border-opacity);
20615
- transition: inherit;
20616
- border-style: solid;
20617
- border-width: thin 0 0 0;
20618
- }
20619
- .v-divider--vertical {
20651
+ }.v-dialog {
20652
+ align-items: center;
20653
+ justify-content: center;
20654
+ margin: auto;
20655
+ }
20656
+ .v-dialog > .v-overlay__content {
20657
+ max-height: calc(100% - 48px);
20658
+ width: calc(100% - 48px);
20659
+ max-width: calc(100% - 48px);
20660
+ margin: 24px;
20661
+ }
20662
+ .v-dialog > .v-overlay__content,
20663
+ .v-dialog > .v-overlay__content > form {
20664
+ display: flex;
20665
+ flex-direction: column;
20666
+ min-height: 0;
20667
+ }
20668
+ .v-dialog > .v-overlay__content > .v-card,
20669
+ .v-dialog > .v-overlay__content > .v-sheet,
20670
+ .v-dialog > .v-overlay__content > form > .v-card,
20671
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20672
+ --v-scrollbar-offset: 0px;
20673
+ border-radius: 4px;
20674
+ overflow-y: auto;
20675
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20676
+ }
20677
+ .v-dialog > .v-overlay__content > .v-card,
20678
+ .v-dialog > .v-overlay__content > form > .v-card {
20679
+ display: flex;
20680
+ flex-direction: column;
20681
+ }
20682
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20683
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20684
+ padding: 16px 24px;
20685
+ }
20686
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20687
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20688
+ padding-top: 0;
20689
+ }
20690
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20691
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20692
+ font-size: inherit;
20693
+ letter-spacing: 0.03125em;
20694
+ line-height: inherit;
20695
+ padding: 16px 24px 24px;
20696
+ }
20697
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20698
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20699
+ justify-content: flex-end;
20700
+ }
20701
+
20702
+ .v-dialog--fullscreen {
20703
+ --v-scrollbar-offset: 0px;
20704
+ }
20705
+ .v-dialog--fullscreen > .v-overlay__content {
20706
+ border-radius: 0;
20707
+ margin: 0;
20708
+ padding: 0;
20709
+ width: 100%;
20710
+ height: 100%;
20711
+ max-width: 100%;
20712
+ max-height: 100%;
20713
+ overflow-y: auto;
20714
+ top: 0;
20715
+ left: 0;
20716
+ }
20717
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20718
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20719
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20720
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20721
+ min-height: 100%;
20722
+ min-width: 100%;
20723
+ border-radius: 0;
20724
+ }
20725
+
20726
+ .v-dialog--scrollable > .v-overlay__content,
20727
+ .v-dialog--scrollable > .v-overlay__content > form {
20728
+ display: flex;
20729
+ }
20730
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20731
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20732
+ display: flex;
20733
+ flex: 1 1 100%;
20734
+ flex-direction: column;
20735
+ max-height: 100%;
20736
+ max-width: 100%;
20737
+ }
20738
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20739
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20740
+ -webkit-backface-visibility: hidden;
20741
+ backface-visibility: hidden;
20742
+ overflow-y: auto;
20743
+ }.v-divider {
20744
+ display: block;
20745
+ flex: 1 1 100%;
20746
+ height: 0px;
20747
+ max-height: 0px;
20748
+ opacity: var(--v-border-opacity);
20749
+ transition: inherit;
20750
+ border-style: solid;
20751
+ border-width: thin 0 0 0;
20752
+ }
20753
+ .v-divider--vertical {
20620
20754
  align-self: stretch;
20621
20755
  border-width: 0 thin 0 0;
20622
20756
  display: inline-flex;
@@ -21628,98 +21762,6 @@ textarea.v-field__input::placeholder {
21628
21762
  }
21629
21763
  .v-footer--rounded {
21630
21764
  border-radius: 4px;
21631
- }.v-dialog {
21632
- align-items: center;
21633
- justify-content: center;
21634
- margin: auto;
21635
- }
21636
- .v-dialog > .v-overlay__content {
21637
- max-height: calc(100% - 48px);
21638
- width: calc(100% - 48px);
21639
- max-width: calc(100% - 48px);
21640
- margin: 24px;
21641
- }
21642
- .v-dialog > .v-overlay__content,
21643
- .v-dialog > .v-overlay__content > form {
21644
- display: flex;
21645
- flex-direction: column;
21646
- min-height: 0;
21647
- }
21648
- .v-dialog > .v-overlay__content > .v-card,
21649
- .v-dialog > .v-overlay__content > .v-sheet,
21650
- .v-dialog > .v-overlay__content > form > .v-card,
21651
- .v-dialog > .v-overlay__content > form > .v-sheet {
21652
- --v-scrollbar-offset: 0px;
21653
- border-radius: 4px;
21654
- overflow-y: auto;
21655
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21656
- }
21657
- .v-dialog > .v-overlay__content > .v-card,
21658
- .v-dialog > .v-overlay__content > form > .v-card {
21659
- display: flex;
21660
- flex-direction: column;
21661
- }
21662
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21663
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21664
- padding: 16px 24px;
21665
- }
21666
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21667
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21668
- padding-top: 0;
21669
- }
21670
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21671
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21672
- font-size: inherit;
21673
- letter-spacing: 0.03125em;
21674
- line-height: inherit;
21675
- padding: 16px 24px 24px;
21676
- }
21677
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21678
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21679
- justify-content: flex-end;
21680
- }
21681
-
21682
- .v-dialog--fullscreen {
21683
- --v-scrollbar-offset: 0px;
21684
- }
21685
- .v-dialog--fullscreen > .v-overlay__content {
21686
- border-radius: 0;
21687
- margin: 0;
21688
- padding: 0;
21689
- width: 100%;
21690
- height: 100%;
21691
- max-width: 100%;
21692
- max-height: 100%;
21693
- overflow-y: auto;
21694
- top: 0;
21695
- left: 0;
21696
- }
21697
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21698
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21699
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21700
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21701
- min-height: 100%;
21702
- min-width: 100%;
21703
- border-radius: 0;
21704
- }
21705
-
21706
- .v-dialog--scrollable > .v-overlay__content,
21707
- .v-dialog--scrollable > .v-overlay__content > form {
21708
- display: flex;
21709
- }
21710
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21711
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21712
- display: flex;
21713
- flex: 1 1 100%;
21714
- flex-direction: column;
21715
- max-height: 100%;
21716
- max-width: 100%;
21717
- }
21718
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21719
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21720
- -webkit-backface-visibility: hidden;
21721
- backface-visibility: hidden;
21722
- overflow-y: auto;
21723
21765
  }.v-icon {
21724
21766
  --v-icon-size-multiplier: 1;
21725
21767
  align-items: center;
@@ -21981,6 +22023,21 @@ textarea.v-field__input::placeholder {
21981
22023
  max-width: 100%;
21982
22024
  position: relative;
21983
22025
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22026
+ }.v-label {
22027
+ align-items: center;
22028
+ color: inherit;
22029
+ display: inline-flex;
22030
+ font-size: 1rem;
22031
+ letter-spacing: 0.009375em;
22032
+ min-width: 0;
22033
+ opacity: var(--v-medium-emphasis-opacity);
22034
+ overflow: hidden;
22035
+ text-overflow: ellipsis;
22036
+ white-space: nowrap;
22037
+ }
22038
+
22039
+ .v-label--clickable {
22040
+ cursor: pointer;
21984
22041
  }.v-layout-item {
21985
22042
  position: absolute;
21986
22043
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -22175,13 +22232,15 @@ textarea.v-field__input::placeholder {
22175
22232
  background: currentColor;
22176
22233
  opacity: var(--v-activated-opacity);
22177
22234
  border-radius: inherit;
22178
- position: absolute;
22179
22235
  top: 0;
22180
22236
  right: 0;
22181
22237
  bottom: 0;
22182
22238
  left: 0;
22183
22239
  pointer-events: none;
22184
22240
  }
22241
+ .v-list-item .v-list-item__underlay {
22242
+ position: absolute;
22243
+ }
22185
22244
  @supports selector(:focus-visible) {
22186
22245
  .v-list-item::after {
22187
22246
  content: "";
@@ -22594,21 +22653,22 @@ textarea.v-field__input::placeholder {
22594
22653
  overflow: auto;
22595
22654
  height: 100%;
22596
22655
  box-shadow: 0px 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
22597
- }.v-label {
22598
- align-items: center;
22599
- color: inherit;
22600
- display: inline-flex;
22601
- font-size: 1rem;
22602
- letter-spacing: 0.009375em;
22603
- min-width: 0;
22656
+ }.v-messages {
22657
+ flex: 1 1 auto;
22658
+ font-size: 12px;
22659
+ min-height: 14px;
22660
+ min-width: 1px;
22604
22661
  opacity: var(--v-medium-emphasis-opacity);
22605
- overflow: hidden;
22606
- text-overflow: ellipsis;
22607
- white-space: nowrap;
22662
+ position: relative;
22608
22663
  }
22609
-
22610
- .v-label--clickable {
22611
- cursor: pointer;
22664
+ .v-messages__message {
22665
+ line-height: 12px;
22666
+ word-break: break-word;
22667
+ overflow-wrap: break-word;
22668
+ word-wrap: break-word;
22669
+ -webkit-hyphens: auto;
22670
+ hyphens: auto;
22671
+ transition-duration: 150ms;
22612
22672
  }.v-navigation-drawer {
22613
22673
  -webkit-overflow-scrolling: touch;
22614
22674
  background: rgb(var(--v-theme-surface));
@@ -22711,22 +22771,6 @@ textarea.v-field__input::placeholder {
22711
22771
  .v-navigation-drawer__append {
22712
22772
  flex: none;
22713
22773
  overflow: hidden;
22714
- }.v-messages {
22715
- flex: 1 1 auto;
22716
- font-size: 12px;
22717
- min-height: 14px;
22718
- min-width: 1px;
22719
- opacity: var(--v-medium-emphasis-opacity);
22720
- position: relative;
22721
- }
22722
- .v-messages__message {
22723
- line-height: 12px;
22724
- word-break: break-word;
22725
- overflow-wrap: break-word;
22726
- word-wrap: break-word;
22727
- -webkit-hyphens: auto;
22728
- hyphens: auto;
22729
- transition-duration: 150ms;
22730
22774
  }.v-otp-input {
22731
22775
  border-radius: 4px;
22732
22776
  align-items: center;
@@ -23838,13 +23882,15 @@ html.v-overlay-scroll-blocked {
23838
23882
  background: currentColor;
23839
23883
  opacity: var(--v-activated-opacity);
23840
23884
  border-radius: inherit;
23841
- position: absolute;
23842
23885
  top: 0;
23843
23886
  right: 0;
23844
23887
  bottom: 0;
23845
23888
  left: 0;
23846
23889
  pointer-events: none;
23847
23890
  }
23891
+ .v-snackbar .v-snackbar__underlay {
23892
+ position: absolute;
23893
+ }
23848
23894
 
23849
23895
  .v-snackbar__content {
23850
23896
  flex-grow: 1;
@@ -24251,173 +24297,6 @@ html.v-overlay-scroll-blocked {
24251
24297
  }
24252
24298
  .v-system-bar:not(.v-system-bar--absolute) {
24253
24299
  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24254
- }.v-table {
24255
- background: rgb(var(--v-theme-surface));
24256
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24257
- font-size: 0.875rem;
24258
- transition-duration: 0.28s;
24259
- transition-property: box-shadow, opacity, background, height;
24260
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24261
- }
24262
- .v-table .v-table-divider {
24263
- border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24264
- }
24265
- .v-table .v-table__wrapper > table > thead > tr > th {
24266
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24267
- }
24268
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24269
- .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24270
- border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24271
- }
24272
- .v-table .v-table__wrapper > table > tfoot > tr > td,
24273
- .v-table .v-table__wrapper > table > tfoot > tr > th {
24274
- border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24275
- }
24276
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24277
- position: relative;
24278
- }
24279
- .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24280
- content: "";
24281
- position: absolute;
24282
- top: 0;
24283
- left: 0;
24284
- width: 100%;
24285
- height: 100%;
24286
- background: rgba(var(--v-border-color), var(--v-hover-opacity));
24287
- pointer-events: none;
24288
- }
24289
- .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24290
- background: rgb(var(--v-theme-surface));
24291
- box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24292
- z-index: 1;
24293
- }
24294
- .v-table.v-table--fixed-footer > tfoot > tr > th,
24295
- .v-table.v-table--fixed-footer > tfoot > tr > td {
24296
- background: rgb(var(--v-theme-surface));
24297
- box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24298
- }
24299
-
24300
- .v-table {
24301
- border-radius: inherit;
24302
- line-height: 1.5;
24303
- max-width: 100%;
24304
- display: flex;
24305
- flex-direction: column;
24306
- }
24307
- .v-table > .v-table__wrapper > table {
24308
- width: 100%;
24309
- border-spacing: 0;
24310
- }
24311
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24312
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24313
- .v-table > .v-table__wrapper > table > thead > tr > td,
24314
- .v-table > .v-table__wrapper > table > thead > tr > th,
24315
- .v-table > .v-table__wrapper > table > tfoot > tr > td,
24316
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24317
- padding: 0 16px;
24318
- transition-duration: 0.28s;
24319
- transition-property: box-shadow, opacity, background, height;
24320
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24321
- }
24322
- .v-table > .v-table__wrapper > table > tbody > tr > td,
24323
- .v-table > .v-table__wrapper > table > thead > tr > td,
24324
- .v-table > .v-table__wrapper > table > tfoot > tr > td {
24325
- height: var(--v-table-row-height);
24326
- }
24327
- .v-table > .v-table__wrapper > table > tbody > tr > th,
24328
- .v-table > .v-table__wrapper > table > thead > tr > th,
24329
- .v-table > .v-table__wrapper > table > tfoot > tr > th {
24330
- height: var(--v-table-header-height);
24331
- font-weight: 500;
24332
- -webkit-user-select: none;
24333
- user-select: none;
24334
- text-align: start;
24335
- }
24336
- .v-table--density-default {
24337
- --v-table-header-height: 56px;
24338
- --v-table-row-height: 52px;
24339
- }
24340
-
24341
- .v-table--density-comfortable {
24342
- --v-table-header-height: 48px;
24343
- --v-table-row-height: 44px;
24344
- }
24345
-
24346
- .v-table--density-compact {
24347
- --v-table-header-height: 40px;
24348
- --v-table-row-height: 36px;
24349
- }
24350
-
24351
- .v-table__wrapper {
24352
- border-radius: inherit;
24353
- overflow: auto;
24354
- flex: 1 1 auto;
24355
- }
24356
-
24357
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24358
- border-top-left-radius: 0;
24359
- }
24360
- .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24361
- border-top-right-radius: 0;
24362
- }
24363
-
24364
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24365
- border-bottom-left-radius: 0;
24366
- }
24367
- .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24368
- border-bottom-right-radius: 0;
24369
- }
24370
-
24371
- .v-table--fixed-height > .v-table__wrapper {
24372
- overflow-y: auto;
24373
- }
24374
-
24375
- .v-table--fixed-header > .v-table__wrapper > table > thead {
24376
- position: sticky;
24377
- top: 0;
24378
- z-index: 2;
24379
- }
24380
- .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24381
- border-bottom: 0px !important;
24382
- }
24383
-
24384
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24385
- position: sticky;
24386
- bottom: 0;
24387
- z-index: 1;
24388
- }
24389
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24390
- .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24391
- border-top: 0px !important;
24392
- }.v-tab.v-tab.v-btn {
24393
- height: var(--v-tabs-height);
24394
- border-radius: 0;
24395
- min-width: 90px;
24396
- }
24397
- .v-slide-group--horizontal .v-tab {
24398
- max-width: 360px;
24399
- }
24400
- .v-slide-group--vertical .v-tab {
24401
- justify-content: start;
24402
- }
24403
-
24404
- .v-tab__slider {
24405
- position: absolute;
24406
- bottom: 0;
24407
- left: 0;
24408
- height: 2px;
24409
- width: 100%;
24410
- background: currentColor;
24411
- pointer-events: none;
24412
- opacity: 0;
24413
- }
24414
- .v-tab--selected .v-tab__slider {
24415
- opacity: 1;
24416
- }
24417
- .v-slide-group--vertical .v-tab__slider {
24418
- top: 0;
24419
- height: 100%;
24420
- width: 2px;
24421
24300
  }.v-tabs {
24422
24301
  display: flex;
24423
24302
  height: var(--v-tabs-height);
@@ -24484,6 +24363,74 @@ html.v-overlay-scroll-blocked {
24484
24363
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24485
24364
  margin-inline-end: 52px;
24486
24365
  }
24366
+ }.v-tab.v-tab.v-btn {
24367
+ height: var(--v-tabs-height);
24368
+ border-radius: 0;
24369
+ min-width: 90px;
24370
+ }
24371
+ .v-slide-group--horizontal .v-tab {
24372
+ max-width: 360px;
24373
+ }
24374
+ .v-slide-group--vertical .v-tab {
24375
+ justify-content: start;
24376
+ }
24377
+
24378
+ .v-tab__slider {
24379
+ position: absolute;
24380
+ bottom: 0;
24381
+ left: 0;
24382
+ height: 2px;
24383
+ width: 100%;
24384
+ background: currentColor;
24385
+ pointer-events: none;
24386
+ opacity: 0;
24387
+ }
24388
+ .v-tab--selected .v-tab__slider {
24389
+ opacity: 1;
24390
+ }
24391
+ .v-slide-group--vertical .v-tab__slider {
24392
+ top: 0;
24393
+ height: 100%;
24394
+ width: 2px;
24395
+ }.v-textarea .v-field {
24396
+ --v-textarea-control-height: var(--v-input-control-height);
24397
+ }
24398
+ .v-textarea .v-field__field {
24399
+ --v-input-control-height: var(--v-textarea-control-height);
24400
+ }
24401
+ .v-textarea .v-field__input {
24402
+ flex: 1 1 auto;
24403
+ outline: none;
24404
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24405
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24406
+ }
24407
+ .v-textarea .v-field__input.v-textarea__sizer {
24408
+ visibility: hidden;
24409
+ position: absolute;
24410
+ top: 0;
24411
+ left: 0;
24412
+ height: 0 !important;
24413
+ min-height: 0 !important;
24414
+ pointer-events: none;
24415
+ }
24416
+ .v-textarea--no-resize .v-field__input {
24417
+ resize: none;
24418
+ }
24419
+ .v-textarea .v-field--no-label textarea,
24420
+ .v-textarea .v-field--active textarea {
24421
+ opacity: 1;
24422
+ }
24423
+ .v-textarea textarea {
24424
+ opacity: 0;
24425
+ flex: 1;
24426
+ min-width: 0;
24427
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24428
+ }
24429
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24430
+ outline: none;
24431
+ }
24432
+ .v-textarea textarea:invalid {
24433
+ box-shadow: none;
24487
24434
  }/* region BLOCK */
24488
24435
  .v-text-field input {
24489
24436
  color: inherit;
@@ -24544,52 +24491,151 @@ html.v-overlay-scroll-blocked {
24544
24491
  .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
24545
24492
  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
24546
24493
  }
24547
- .v-text-field__prefix {
24548
- padding-inline-start: var(--v-field-padding-start);
24494
+ .v-text-field__prefix {
24495
+ padding-inline-start: var(--v-field-padding-start);
24496
+ }
24497
+ .v-text-field__suffix {
24498
+ padding-inline-end: var(--v-field-padding-end);
24499
+ }
24500
+
24501
+ /* endregion */.v-table {
24502
+ background: rgb(var(--v-theme-surface));
24503
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24504
+ font-size: 0.875rem;
24505
+ transition-duration: 0.28s;
24506
+ transition-property: box-shadow, opacity, background, height;
24507
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24508
+ }
24509
+ .v-table .v-table-divider {
24510
+ border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24511
+ }
24512
+ .v-table .v-table__wrapper > table > thead > tr > th {
24513
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24514
+ }
24515
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
24516
+ .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
24517
+ border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24518
+ }
24519
+ .v-table .v-table__wrapper > table > tfoot > tr > td,
24520
+ .v-table .v-table__wrapper > table > tfoot > tr > th {
24521
+ border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
24522
+ }
24523
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
24524
+ position: relative;
24525
+ }
24526
+ .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
24527
+ content: "";
24528
+ position: absolute;
24529
+ top: 0;
24530
+ left: 0;
24531
+ width: 100%;
24532
+ height: 100%;
24533
+ background: rgba(var(--v-border-color), var(--v-hover-opacity));
24534
+ pointer-events: none;
24535
+ }
24536
+ .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24537
+ background: rgb(var(--v-theme-surface));
24538
+ box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24539
+ z-index: 1;
24540
+ }
24541
+ .v-table.v-table--fixed-footer > tfoot > tr > th,
24542
+ .v-table.v-table--fixed-footer > tfoot > tr > td {
24543
+ background: rgb(var(--v-theme-surface));
24544
+ box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
24545
+ }
24546
+
24547
+ .v-table {
24548
+ border-radius: inherit;
24549
+ line-height: 1.5;
24550
+ max-width: 100%;
24551
+ display: flex;
24552
+ flex-direction: column;
24553
+ }
24554
+ .v-table > .v-table__wrapper > table {
24555
+ width: 100%;
24556
+ border-spacing: 0;
24557
+ }
24558
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24559
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24560
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24561
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24562
+ .v-table > .v-table__wrapper > table > tfoot > tr > td,
24563
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24564
+ padding: 0 16px;
24565
+ transition-duration: 0.28s;
24566
+ transition-property: box-shadow, opacity, background, height;
24567
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24568
+ }
24569
+ .v-table > .v-table__wrapper > table > tbody > tr > td,
24570
+ .v-table > .v-table__wrapper > table > thead > tr > td,
24571
+ .v-table > .v-table__wrapper > table > tfoot > tr > td {
24572
+ height: var(--v-table-row-height);
24573
+ }
24574
+ .v-table > .v-table__wrapper > table > tbody > tr > th,
24575
+ .v-table > .v-table__wrapper > table > thead > tr > th,
24576
+ .v-table > .v-table__wrapper > table > tfoot > tr > th {
24577
+ height: var(--v-table-header-height);
24578
+ font-weight: 500;
24579
+ -webkit-user-select: none;
24580
+ user-select: none;
24581
+ text-align: start;
24582
+ }
24583
+ .v-table--density-default {
24584
+ --v-table-header-height: 56px;
24585
+ --v-table-row-height: 52px;
24586
+ }
24587
+
24588
+ .v-table--density-comfortable {
24589
+ --v-table-header-height: 48px;
24590
+ --v-table-row-height: 44px;
24591
+ }
24592
+
24593
+ .v-table--density-compact {
24594
+ --v-table-header-height: 40px;
24595
+ --v-table-row-height: 36px;
24549
24596
  }
24550
- .v-text-field__suffix {
24551
- padding-inline-end: var(--v-field-padding-end);
24597
+
24598
+ .v-table__wrapper {
24599
+ border-radius: inherit;
24600
+ overflow: auto;
24601
+ flex: 1 1 auto;
24552
24602
  }
24553
24603
 
24554
- /* endregion */.v-textarea .v-field {
24555
- --v-textarea-control-height: var(--v-input-control-height);
24604
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:first-child {
24605
+ border-top-left-radius: 0;
24556
24606
  }
24557
- .v-textarea .v-field__field {
24558
- --v-input-control-height: var(--v-textarea-control-height);
24607
+ .v-table--has-top > .v-table__wrapper > table > tbody > tr:first-child:hover > td:last-child {
24608
+ border-top-right-radius: 0;
24559
24609
  }
24560
- .v-textarea .v-field__input {
24561
- flex: 1 1 auto;
24562
- outline: none;
24563
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24564
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24610
+
24611
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:first-child {
24612
+ border-bottom-left-radius: 0;
24565
24613
  }
24566
- .v-textarea .v-field__input.v-textarea__sizer {
24567
- visibility: hidden;
24568
- position: absolute;
24569
- top: 0;
24570
- left: 0;
24571
- height: 0 !important;
24572
- min-height: 0 !important;
24573
- pointer-events: none;
24614
+ .v-table--has-bottom > .v-table__wrapper > table > tbody > tr:last-child:hover > td:last-child {
24615
+ border-bottom-right-radius: 0;
24574
24616
  }
24575
- .v-textarea--no-resize .v-field__input {
24576
- resize: none;
24617
+
24618
+ .v-table--fixed-height > .v-table__wrapper {
24619
+ overflow-y: auto;
24577
24620
  }
24578
- .v-textarea .v-field--no-label textarea,
24579
- .v-textarea .v-field--active textarea {
24580
- opacity: 1;
24621
+
24622
+ .v-table--fixed-header > .v-table__wrapper > table > thead {
24623
+ position: sticky;
24624
+ top: 0;
24625
+ z-index: 2;
24581
24626
  }
24582
- .v-textarea textarea {
24583
- opacity: 0;
24584
- flex: 1;
24585
- min-width: 0;
24586
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24627
+ .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
24628
+ border-bottom: 0px !important;
24587
24629
  }
24588
- .v-textarea textarea:focus, .v-textarea textarea:active {
24589
- outline: none;
24630
+
24631
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
24632
+ position: sticky;
24633
+ bottom: 0;
24634
+ z-index: 1;
24590
24635
  }
24591
- .v-textarea textarea:invalid {
24592
- box-shadow: none;
24636
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24637
+ .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24638
+ border-top: 0px !important;
24593
24639
  }.v-theme-provider {
24594
24640
  background: rgb(var(--v-theme-background));
24595
24641
  color: rgb(var(--v-theme-on-background));
@@ -25239,101 +25285,28 @@ html.v-overlay-scroll-blocked {
25239
25285
  }
25240
25286
  .v-window-y-reverse-transition-leave-to {
25241
25287
  transform: translateY(100%);
25242
- }.bottom-sheet-transition-enter-from {
25243
- transform: translateY(100%);
25244
- }
25245
- .bottom-sheet-transition-leave-to {
25246
- transform: translateY(100%);
25247
- }
25248
-
25249
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
25250
- align-self: flex-end;
25251
- border-radius: 0;
25252
- flex: 0 1 auto;
25253
- left: 0;
25254
- right: 0;
25255
- margin-inline: 0;
25256
- margin-bottom: 0;
25257
- transition-duration: 0.2s;
25258
- width: 100%;
25259
- max-width: 100%;
25260
- overflow: visible;
25261
- 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));
25262
- }
25263
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
25264
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
25265
- border-radius: 0;
25266
- }
25267
- .v-bottom-sheet.v-bottom-sheet--inset {
25268
- max-width: none;
25269
- }
25270
- @media (min-width: 600px) {
25271
- .v-bottom-sheet.v-bottom-sheet--inset {
25272
- max-width: 70%;
25273
- }
25274
- }.v-color-picker-edit {
25275
- display: flex;
25276
- margin-top: 24px;
25277
- }
25278
-
25279
- .v-color-picker-edit__input {
25280
- width: 100%;
25281
- display: flex;
25282
- flex-wrap: wrap;
25283
- justify-content: center;
25284
- text-align: center;
25285
- }
25286
- .v-color-picker-edit__input:not(:last-child) {
25287
- margin-inline-end: 8px;
25288
- }
25289
- .v-color-picker-edit__input input {
25290
- border-radius: 4px;
25291
- margin-bottom: 8px;
25292
- min-width: 0;
25293
- outline: none;
25294
- text-align: center;
25295
- width: 100%;
25296
- height: 32px;
25297
- background: rgba(var(--v-theme-surface-variant), 0.2);
25298
- color: rgba(var(--v-theme-on-surface));
25299
- }
25300
- .v-color-picker-edit__input span {
25301
- font-size: 0.75rem;
25302
- }.v-color-picker-swatches {
25303
- overflow-y: auto;
25304
- }
25305
- .v-color-picker-swatches > div {
25306
- display: flex;
25307
- flex-wrap: wrap;
25308
- justify-content: center;
25309
- padding: 8px;
25310
- }
25311
-
25312
- .v-color-picker-swatches__swatch {
25288
+ }.v-color-picker-canvas {
25313
25289
  display: flex;
25314
- flex-direction: column;
25315
- margin-bottom: 10px;
25316
- }
25317
-
25318
- .v-color-picker-swatches__color {
25319
25290
  position: relative;
25320
- height: 18px;
25321
- max-height: 18px;
25322
- width: 45px;
25323
- margin: 2px 4px;
25324
- border-radius: 2px;
25325
- -webkit-user-select: none;
25326
- user-select: none;
25327
25291
  overflow: hidden;
25328
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25329
- cursor: pointer;
25292
+ contain: content;
25293
+ touch-action: none;
25330
25294
  }
25331
- .v-color-picker-swatches__color > div {
25332
- display: flex;
25333
- align-items: center;
25334
- justify-content: center;
25335
- width: 100%;
25336
- height: 100%;
25295
+ .v-color-picker-canvas__dot {
25296
+ position: absolute;
25297
+ top: 0;
25298
+ left: 0;
25299
+ width: 15px;
25300
+ height: 15px;
25301
+ background: transparent;
25302
+ border-radius: 50%;
25303
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25304
+ }
25305
+ .v-color-picker-canvas__dot--disabled {
25306
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25307
+ }
25308
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25309
+ will-change: transform;
25337
25310
  }.v-color-picker-preview__alpha .v-slider-track__background {
25338
25311
  background-color: transparent !important;
25339
25312
  }
@@ -25404,28 +25377,69 @@ html.v-overlay-scroll-blocked {
25404
25377
  .v-color-picker-preview__eye-dropper {
25405
25378
  position: relative;
25406
25379
  margin-right: 12px;
25407
- }.v-color-picker-canvas {
25380
+ }.v-color-picker-edit {
25408
25381
  display: flex;
25409
- position: relative;
25410
- overflow: hidden;
25411
- contain: content;
25412
- touch-action: none;
25382
+ margin-top: 24px;
25413
25383
  }
25414
- .v-color-picker-canvas__dot {
25415
- position: absolute;
25416
- top: 0;
25417
- left: 0;
25418
- width: 15px;
25419
- height: 15px;
25420
- background: transparent;
25421
- border-radius: 50%;
25422
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25384
+
25385
+ .v-color-picker-edit__input {
25386
+ width: 100%;
25387
+ display: flex;
25388
+ flex-wrap: wrap;
25389
+ justify-content: center;
25390
+ text-align: center;
25423
25391
  }
25424
- .v-color-picker-canvas__dot--disabled {
25425
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25392
+ .v-color-picker-edit__input:not(:last-child) {
25393
+ margin-inline-end: 8px;
25426
25394
  }
25427
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25428
- will-change: transform;
25395
+ .v-color-picker-edit__input input {
25396
+ border-radius: 4px;
25397
+ margin-bottom: 8px;
25398
+ min-width: 0;
25399
+ outline: none;
25400
+ text-align: center;
25401
+ width: 100%;
25402
+ height: 32px;
25403
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25404
+ color: rgba(var(--v-theme-on-surface));
25405
+ }
25406
+ .v-color-picker-edit__input span {
25407
+ font-size: 0.75rem;
25408
+ }.v-color-picker-swatches {
25409
+ overflow-y: auto;
25410
+ }
25411
+ .v-color-picker-swatches > div {
25412
+ display: flex;
25413
+ flex-wrap: wrap;
25414
+ justify-content: center;
25415
+ padding: 8px;
25416
+ }
25417
+
25418
+ .v-color-picker-swatches__swatch {
25419
+ display: flex;
25420
+ flex-direction: column;
25421
+ margin-bottom: 10px;
25422
+ }
25423
+
25424
+ .v-color-picker-swatches__color {
25425
+ position: relative;
25426
+ height: 18px;
25427
+ max-height: 18px;
25428
+ width: 45px;
25429
+ margin: 2px 4px;
25430
+ border-radius: 2px;
25431
+ -webkit-user-select: none;
25432
+ user-select: none;
25433
+ overflow: hidden;
25434
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25435
+ cursor: pointer;
25436
+ }
25437
+ .v-color-picker-swatches__color > div {
25438
+ display: flex;
25439
+ align-items: center;
25440
+ justify-content: center;
25441
+ width: 100%;
25442
+ height: 100%;
25429
25443
  }.v-picker.v-sheet {
25430
25444
  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));
25431
25445
  border-radius: 4px;