@vuetify/nightly 3.6.8-master.2024-06-11 → 3.6.9-master.2024-06-12

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 (45) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/dist/json/attributes.json +4 -4
  3. package/dist/json/importMap-labs.json +24 -24
  4. package/dist/json/importMap.json +132 -132
  5. package/dist/json/web-types.json +12 -13
  6. package/dist/vuetify-labs.css +2088 -2088
  7. package/dist/vuetify-labs.d.ts +44 -45
  8. package/dist/vuetify-labs.esm.js +32 -19
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +32 -19
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +489 -489
  13. package/dist/vuetify.d.ts +84 -91
  14. package/dist/vuetify.esm.js +20 -13
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +20 -13
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +31 -28
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VFab/VFab.mjs +4 -7
  22. package/lib/components/VFab/VFab.mjs.map +1 -1
  23. package/lib/components/VFab/index.d.mts +46 -49
  24. package/lib/components/VList/VList.mjs +1 -0
  25. package/lib/components/VList/VList.mjs.map +1 -1
  26. package/lib/components/VList/index.d.mts +2 -0
  27. package/lib/components/VMenu/VMenu.mjs +1 -1
  28. package/lib/components/VMenu/VMenu.mjs.map +1 -1
  29. package/lib/components/VOverlay/VOverlay.mjs +4 -3
  30. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  31. package/lib/components/index.d.mts +38 -45
  32. package/lib/composables/scroll.mjs +6 -0
  33. package/lib/composables/scroll.mjs.map +1 -1
  34. package/lib/entry-bundler.mjs +1 -1
  35. package/lib/framework.mjs +1 -1
  36. package/lib/index.d.mts +46 -46
  37. package/lib/labs/VTimePicker/VTimePickerClock.mjs +3 -1
  38. package/lib/labs/VTimePicker/VTimePickerClock.mjs.map +1 -1
  39. package/lib/labs/VTimePicker/VTimePickerControls.mjs +7 -2
  40. package/lib/labs/VTimePicker/VTimePickerControls.mjs.map +1 -1
  41. package/lib/labs/VTreeview/VTreeview.mjs +3 -4
  42. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -1
  43. package/lib/labs/VTreeview/index.d.mts +6 -0
  44. package/lib/labs/components.d.mts +6 -0
  45. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.8-master.2024-06-11
2
+ * Vuetify v3.6.9-master.2024-06-12
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17484,87 +17484,6 @@ html.overflow-y-hidden {
17484
17484
  }
17485
17485
  .v-app-bar:not(.v-toolbar--absolute) {
17486
17486
  padding-inline-end: var(--v-scrollbar-offset);
17487
- }.v-autocomplete .v-field .v-text-field__prefix,
17488
- .v-autocomplete .v-field .v-text-field__suffix,
17489
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17490
- cursor: text;
17491
- }
17492
- .v-autocomplete .v-field .v-field__input > input {
17493
- flex: 1 1;
17494
- }
17495
- .v-autocomplete .v-field input {
17496
- min-width: 64px;
17497
- }
17498
- .v-autocomplete .v-field:not(.v-field--focused) input {
17499
- min-width: 0;
17500
- }
17501
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17502
- margin-inline-end: 2px;
17503
- }
17504
- .v-autocomplete .v-autocomplete__selection-text {
17505
- overflow: hidden;
17506
- text-overflow: ellipsis;
17507
- white-space: nowrap;
17508
- }
17509
-
17510
- .v-autocomplete__content {
17511
- overflow: hidden;
17512
- 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));
17513
- border-radius: 4px;
17514
- }
17515
- .v-autocomplete__mask {
17516
- background: rgb(var(--v-theme-surface-light));
17517
- }
17518
- .v-autocomplete__selection {
17519
- display: inline-flex;
17520
- align-items: center;
17521
- height: 1.5rem;
17522
- letter-spacing: inherit;
17523
- line-height: inherit;
17524
- max-width: calc(100% - 2px - 2px);
17525
- }
17526
- .v-autocomplete__selection:first-child {
17527
- margin-inline-start: 0;
17528
- }
17529
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17530
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17531
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17532
- .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17533
- top: 0px;
17534
- }
17535
- .v-autocomplete--selecting-index .v-autocomplete__selection {
17536
- opacity: var(--v-medium-emphasis-opacity);
17537
- }
17538
- .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17539
- opacity: 1;
17540
- }
17541
- .v-autocomplete--selecting-index .v-field__input > input {
17542
- caret-color: transparent;
17543
- }
17544
- .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17545
- flex: 1 1;
17546
- position: absolute;
17547
- left: 0;
17548
- right: 0;
17549
- width: 100%;
17550
- padding-inline: inherit;
17551
- }
17552
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17553
- transition: none;
17554
- }
17555
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17556
- opacity: 0;
17557
- }
17558
- .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17559
- opacity: 0;
17560
- }
17561
- .v-autocomplete__menu-icon {
17562
- margin-inline-start: 4px;
17563
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17564
- }
17565
- .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17566
- opacity: var(--v-high-emphasis-opacity);
17567
- transform: rotate(180deg);
17568
17487
  }.v-alert {
17569
17488
  display: grid;
17570
17489
  flex: 1 1;
@@ -17777,6 +17696,87 @@ html.overflow-y-hidden {
17777
17696
  text-transform: none;
17778
17697
  word-break: normal;
17779
17698
  word-wrap: break-word;
17699
+ }.v-autocomplete .v-field .v-text-field__prefix,
17700
+ .v-autocomplete .v-field .v-text-field__suffix,
17701
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
17702
+ cursor: text;
17703
+ }
17704
+ .v-autocomplete .v-field .v-field__input > input {
17705
+ flex: 1 1;
17706
+ }
17707
+ .v-autocomplete .v-field input {
17708
+ min-width: 64px;
17709
+ }
17710
+ .v-autocomplete .v-field:not(.v-field--focused) input {
17711
+ min-width: 0;
17712
+ }
17713
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
17714
+ margin-inline-end: 2px;
17715
+ }
17716
+ .v-autocomplete .v-autocomplete__selection-text {
17717
+ overflow: hidden;
17718
+ text-overflow: ellipsis;
17719
+ white-space: nowrap;
17720
+ }
17721
+
17722
+ .v-autocomplete__content {
17723
+ overflow: hidden;
17724
+ 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));
17725
+ border-radius: 4px;
17726
+ }
17727
+ .v-autocomplete__mask {
17728
+ background: rgb(var(--v-theme-surface-light));
17729
+ }
17730
+ .v-autocomplete__selection {
17731
+ display: inline-flex;
17732
+ align-items: center;
17733
+ height: 1.5rem;
17734
+ letter-spacing: inherit;
17735
+ line-height: inherit;
17736
+ max-width: calc(100% - 2px - 2px);
17737
+ }
17738
+ .v-autocomplete__selection:first-child {
17739
+ margin-inline-start: 0;
17740
+ }
17741
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
17742
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
17743
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
17744
+ .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
17745
+ top: 0px;
17746
+ }
17747
+ .v-autocomplete--selecting-index .v-autocomplete__selection {
17748
+ opacity: var(--v-medium-emphasis-opacity);
17749
+ }
17750
+ .v-autocomplete--selecting-index .v-autocomplete__selection--selected {
17751
+ opacity: 1;
17752
+ }
17753
+ .v-autocomplete--selecting-index .v-field__input > input {
17754
+ caret-color: transparent;
17755
+ }
17756
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot).v-text-field input {
17757
+ flex: 1 1;
17758
+ position: absolute;
17759
+ left: 0;
17760
+ right: 0;
17761
+ width: 100%;
17762
+ padding-inline: inherit;
17763
+ }
17764
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--active input {
17765
+ transition: none;
17766
+ }
17767
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--dirty:not(.v-field--focused) input {
17768
+ opacity: 0;
17769
+ }
17770
+ .v-autocomplete--single:not(.v-autocomplete--selection-slot) .v-field--focused .v-autocomplete__selection {
17771
+ opacity: 0;
17772
+ }
17773
+ .v-autocomplete__menu-icon {
17774
+ margin-inline-start: 4px;
17775
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
17776
+ }
17777
+ .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17778
+ opacity: var(--v-high-emphasis-opacity);
17779
+ transform: rotate(180deg);
17780
17780
  }.v-avatar {
17781
17781
  flex: none;
17782
17782
  align-items: center;
@@ -17872,6 +17872,77 @@ html.overflow-y-hidden {
17872
17872
  .v-avatar .v-img {
17873
17873
  height: 100%;
17874
17874
  width: 100%;
17875
+ }.v-badge {
17876
+ display: inline-block;
17877
+ line-height: 1;
17878
+ }
17879
+
17880
+ .v-badge__badge {
17881
+ align-items: center;
17882
+ display: inline-flex;
17883
+ border-radius: 10px;
17884
+ font-size: 0.75rem;
17885
+ font-weight: 500;
17886
+ height: 1.25rem;
17887
+ justify-content: center;
17888
+ min-width: 20px;
17889
+ padding: 4px 6px;
17890
+ pointer-events: auto;
17891
+ position: absolute;
17892
+ text-align: center;
17893
+ text-indent: 0;
17894
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17895
+ white-space: nowrap;
17896
+ background: rgb(var(--v-theme-surface-variant));
17897
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17898
+ }
17899
+ .v-badge--bordered .v-badge__badge::after {
17900
+ border-radius: inherit;
17901
+ border-style: solid;
17902
+ border-width: 2px;
17903
+ bottom: 0;
17904
+ color: rgb(var(--v-theme-background));
17905
+ content: "";
17906
+ left: 0;
17907
+ position: absolute;
17908
+ right: 0;
17909
+ top: 0;
17910
+ transform: scale(1.05);
17911
+ }
17912
+ .v-badge--dot .v-badge__badge {
17913
+ border-radius: 4.5px;
17914
+ height: 9px;
17915
+ min-width: 0;
17916
+ padding: 0;
17917
+ width: 9px;
17918
+ }
17919
+ .v-badge--dot .v-badge__badge::after {
17920
+ border-width: 1.5px;
17921
+ }
17922
+ .v-badge--inline .v-badge__badge {
17923
+ position: relative;
17924
+ vertical-align: middle;
17925
+ }
17926
+ .v-badge__badge .v-icon {
17927
+ color: inherit;
17928
+ font-size: 0.75rem;
17929
+ margin: 0 -2px;
17930
+ }
17931
+ .v-badge__badge img,
17932
+ .v-badge__badge .v-img {
17933
+ height: 100%;
17934
+ width: 100%;
17935
+ }
17936
+
17937
+ .v-badge__wrapper {
17938
+ display: flex;
17939
+ position: relative;
17940
+ }
17941
+ .v-badge--inline .v-badge__wrapper {
17942
+ align-items: center;
17943
+ display: inline-flex;
17944
+ justify-content: center;
17945
+ margin: 0 4px;
17875
17946
  }.v-banner {
17876
17947
  display: grid;
17877
17948
  flex: 1 1;
@@ -18030,77 +18101,6 @@ html.overflow-y-hidden {
18030
18101
  }
18031
18102
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18032
18103
  align-self: flex-start;
18033
- }.v-badge {
18034
- display: inline-block;
18035
- line-height: 1;
18036
- }
18037
-
18038
- .v-badge__badge {
18039
- align-items: center;
18040
- display: inline-flex;
18041
- border-radius: 10px;
18042
- font-size: 0.75rem;
18043
- font-weight: 500;
18044
- height: 1.25rem;
18045
- justify-content: center;
18046
- min-width: 20px;
18047
- padding: 4px 6px;
18048
- pointer-events: auto;
18049
- position: absolute;
18050
- text-align: center;
18051
- text-indent: 0;
18052
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18053
- white-space: nowrap;
18054
- background: rgb(var(--v-theme-surface-variant));
18055
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18056
- }
18057
- .v-badge--bordered .v-badge__badge::after {
18058
- border-radius: inherit;
18059
- border-style: solid;
18060
- border-width: 2px;
18061
- bottom: 0;
18062
- color: rgb(var(--v-theme-background));
18063
- content: "";
18064
- left: 0;
18065
- position: absolute;
18066
- right: 0;
18067
- top: 0;
18068
- transform: scale(1.05);
18069
- }
18070
- .v-badge--dot .v-badge__badge {
18071
- border-radius: 4.5px;
18072
- height: 9px;
18073
- min-width: 0;
18074
- padding: 0;
18075
- width: 9px;
18076
- }
18077
- .v-badge--dot .v-badge__badge::after {
18078
- border-width: 1.5px;
18079
- }
18080
- .v-badge--inline .v-badge__badge {
18081
- position: relative;
18082
- vertical-align: middle;
18083
- }
18084
- .v-badge__badge .v-icon {
18085
- color: inherit;
18086
- font-size: 0.75rem;
18087
- margin: 0 -2px;
18088
- }
18089
- .v-badge__badge img,
18090
- .v-badge__badge .v-img {
18091
- height: 100%;
18092
- width: 100%;
18093
- }
18094
-
18095
- .v-badge__wrapper {
18096
- display: flex;
18097
- position: relative;
18098
- }
18099
- .v-badge--inline .v-badge__wrapper {
18100
- align-items: center;
18101
- display: inline-flex;
18102
- justify-content: center;
18103
- margin: 0 4px;
18104
18104
  }.v-bottom-navigation {
18105
18105
  display: flex;
18106
18106
  max-width: 100%;
@@ -18719,6 +18719,19 @@ html.overflow-y-hidden {
18719
18719
  }
18720
18720
  .v-btn-group--tile {
18721
18721
  border-radius: 0;
18722
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18723
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18724
+ }
18725
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18726
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18727
+ }
18728
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18729
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18730
+ }
18731
+ @supports not selector(:focus-visible) {
18732
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18733
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18734
+ }
18722
18735
  }.v-card {
18723
18736
  display: block;
18724
18737
  overflow: hidden;
@@ -19018,19 +19031,6 @@ html.overflow-y-hidden {
19018
19031
  pointer-events: none;
19019
19032
  opacity: 0;
19020
19033
  transition: opacity 0.2s ease-in-out;
19021
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19022
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19023
- }
19024
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19025
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19026
- }
19027
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19028
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19029
- }
19030
- @supports not selector(:focus-visible) {
19031
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19032
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19033
- }
19034
19034
  }.v-carousel {
19035
19035
  overflow: hidden;
19036
19036
  position: relative;
@@ -19094,6 +19094,11 @@ html.overflow-y-hidden {
19094
19094
  flex-direction: column;
19095
19095
  height: 100% !important;
19096
19096
  width: 50px;
19097
+ }.v-checkbox.v-input {
19098
+ flex: 0 1 auto;
19099
+ }
19100
+ .v-checkbox .v-selection-control {
19101
+ min-height: var(--v-input-control-height);
19097
19102
  }.v-chip {
19098
19103
  align-items: center;
19099
19104
  display: inline-flex;
@@ -19506,11 +19511,6 @@ html.overflow-y-hidden {
19506
19511
 
19507
19512
  .v-chip--label {
19508
19513
  border-radius: 4px;
19509
- }.v-checkbox.v-input {
19510
- flex: 0 1 auto;
19511
- }
19512
- .v-checkbox .v-selection-control {
19513
- min-height: var(--v-input-control-height);
19514
19514
  }.v-chip-group {
19515
19515
  display: flex;
19516
19516
  max-width: 100%;
@@ -19859,61 +19859,6 @@ html.overflow-y-hidden {
19859
19859
  }
19860
19860
  .v-date-picker--show-week {
19861
19861
  width: 368px;
19862
- }.v-date-picker-month {
19863
- display: flex;
19864
- justify-content: center;
19865
- padding: 0 12px 8px;
19866
- --v-date-picker-month-day-diff: 4px;
19867
- }
19868
-
19869
- .v-date-picker-month__weeks {
19870
- display: grid;
19871
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
19872
- column-gap: 4px;
19873
- font-size: 0.85rem;
19874
- }
19875
- .v-date-picker-month__weeks + .v-date-picker-month__days {
19876
- grid-row-gap: 0;
19877
- }
19878
-
19879
- .v-date-picker-month__weekday {
19880
- font-size: 0.85rem;
19881
- }
19882
-
19883
- .v-date-picker-month__days {
19884
- display: grid;
19885
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
19886
- column-gap: 4px;
19887
- flex: 1 1;
19888
- justify-content: space-around;
19889
- }
19890
-
19891
- .v-date-picker-month__day {
19892
- align-items: center;
19893
- display: flex;
19894
- justify-content: center;
19895
- position: relative;
19896
- height: 40px;
19897
- width: 40px;
19898
- }
19899
- .v-date-picker-month__day--selected .v-btn {
19900
- background-color: rgb(var(--v-theme-surface-variant));
19901
- color: rgb(var(--v-theme-on-surface-variant));
19902
- }
19903
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
19904
- --v-btn-height: 24px;
19905
- --v-btn-size: 0.85rem;
19906
- }
19907
- .v-date-picker-month__day--week {
19908
- font-size: var(--v-btn-size);
19909
- }
19910
-
19911
- .v-date-picker-month__day--adjacent {
19912
- opacity: 0.5;
19913
- }
19914
-
19915
- .v-date-picker-month__day--hide-adjacent {
19916
- opacity: 0;
19917
19862
  }.v-date-picker-controls {
19918
19863
  display: flex;
19919
19864
  align-items: center;
@@ -20005,31 +19950,105 @@ html.overflow-y-hidden {
20005
19950
  opacity: 0.7;
20006
19951
  }
20007
19952
 
20008
- .date-picker-header-transition-enter-active,
20009
- .date-picker-header-reverse-transition-enter-active {
20010
- transition-duration: 0.3s;
20011
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19953
+ .date-picker-header-transition-enter-active,
19954
+ .date-picker-header-reverse-transition-enter-active {
19955
+ transition-duration: 0.3s;
19956
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19957
+ }
19958
+ .date-picker-header-transition-leave-active,
19959
+ .date-picker-header-reverse-transition-leave-active {
19960
+ transition-duration: 0.3s;
19961
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
19962
+ }
19963
+
19964
+ .date-picker-header-transition-enter-from {
19965
+ transform: translate(0, 100%);
19966
+ }
19967
+ .date-picker-header-transition-leave-to {
19968
+ opacity: 0;
19969
+ transform: translate(0, -100%);
19970
+ }
19971
+
19972
+ .date-picker-header-reverse-transition-enter-from {
19973
+ transform: translate(0, -100%);
19974
+ }
19975
+ .date-picker-header-reverse-transition-leave-to {
19976
+ opacity: 0;
19977
+ transform: translate(0, 100%);
19978
+ }.v-date-picker-months {
19979
+ height: 288px;
19980
+ }
19981
+
19982
+ .v-date-picker-months__content {
19983
+ align-items: center;
19984
+ display: grid;
19985
+ flex: 1 1;
19986
+ height: inherit;
19987
+ justify-content: space-around;
19988
+ grid-template-columns: repeat(2, 1fr);
19989
+ grid-gap: 0px 24px;
19990
+ padding-inline-start: 36px;
19991
+ padding-inline-end: 36px;
19992
+ }
19993
+ .v-date-picker-months__content .v-btn {
19994
+ text-transform: none;
19995
+ padding-inline-start: 8px;
19996
+ padding-inline-end: 8px;
19997
+ }.v-date-picker-month {
19998
+ display: flex;
19999
+ justify-content: center;
20000
+ padding: 0 12px 8px;
20001
+ --v-date-picker-month-day-diff: 4px;
20002
+ }
20003
+
20004
+ .v-date-picker-month__weeks {
20005
+ display: grid;
20006
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20007
+ column-gap: 4px;
20008
+ font-size: 0.85rem;
20009
+ }
20010
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20011
+ grid-row-gap: 0;
20012
+ }
20013
+
20014
+ .v-date-picker-month__weekday {
20015
+ font-size: 0.85rem;
20016
+ }
20017
+
20018
+ .v-date-picker-month__days {
20019
+ display: grid;
20020
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20021
+ column-gap: 4px;
20022
+ flex: 1 1;
20023
+ justify-content: space-around;
20024
+ }
20025
+
20026
+ .v-date-picker-month__day {
20027
+ align-items: center;
20028
+ display: flex;
20029
+ justify-content: center;
20030
+ position: relative;
20031
+ height: 40px;
20032
+ width: 40px;
20012
20033
  }
20013
- .date-picker-header-transition-leave-active,
20014
- .date-picker-header-reverse-transition-leave-active {
20015
- transition-duration: 0.3s;
20016
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20034
+ .v-date-picker-month__day--selected .v-btn {
20035
+ background-color: rgb(var(--v-theme-surface-variant));
20036
+ color: rgb(var(--v-theme-on-surface-variant));
20017
20037
  }
20018
-
20019
- .date-picker-header-transition-enter-from {
20020
- transform: translate(0, 100%);
20038
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20039
+ --v-btn-height: 24px;
20040
+ --v-btn-size: 0.85rem;
20021
20041
  }
20022
- .date-picker-header-transition-leave-to {
20023
- opacity: 0;
20024
- transform: translate(0, -100%);
20042
+ .v-date-picker-month__day--week {
20043
+ font-size: var(--v-btn-size);
20025
20044
  }
20026
20045
 
20027
- .date-picker-header-reverse-transition-enter-from {
20028
- transform: translate(0, -100%);
20046
+ .v-date-picker-month__day--adjacent {
20047
+ opacity: 0.5;
20029
20048
  }
20030
- .date-picker-header-reverse-transition-leave-to {
20049
+
20050
+ .v-date-picker-month__day--hide-adjacent {
20031
20051
  opacity: 0;
20032
- transform: translate(0, 100%);
20033
20052
  }.v-date-picker-years {
20034
20053
  height: 288px;
20035
20054
  overflow-y: scroll;
@@ -20045,25 +20064,56 @@ html.overflow-y-hidden {
20045
20064
  }
20046
20065
  .v-date-picker-years__content .v-btn {
20047
20066
  padding-inline: 8px;
20048
- }.v-date-picker-months {
20049
- height: 288px;
20067
+ }.v-divider {
20068
+ display: block;
20069
+ flex: 1 1 100%;
20070
+ height: 0px;
20071
+ max-height: 0px;
20072
+ opacity: var(--v-border-opacity);
20073
+ transition: inherit;
20074
+ border-style: solid;
20075
+ border-width: thin 0 0 0;
20076
+ }
20077
+ .v-divider--vertical {
20078
+ align-self: stretch;
20079
+ border-width: 0 thin 0 0;
20080
+ display: inline-flex;
20081
+ height: auto;
20082
+ margin-left: -1px;
20083
+ max-height: 100%;
20084
+ max-width: 0px;
20085
+ vertical-align: text-bottom;
20086
+ width: 0px;
20087
+ }
20088
+ .v-divider--inset:not(.v-divider--vertical) {
20089
+ max-width: calc(100% - 72px);
20090
+ margin-inline-start: 72px;
20091
+ }
20092
+ .v-divider--inset.v-divider--vertical {
20093
+ margin-bottom: 8px;
20094
+ margin-top: 8px;
20095
+ max-height: calc(100% - 16px);
20050
20096
  }
20051
20097
 
20052
- .v-date-picker-months__content {
20098
+ .v-divider__content {
20099
+ padding: 0 16px;
20100
+ text-wrap: nowrap;
20101
+ }
20102
+ .v-divider__wrapper--vertical .v-divider__content {
20103
+ padding: 4px 0;
20104
+ }
20105
+
20106
+ .v-divider__wrapper {
20107
+ display: flex;
20053
20108
  align-items: center;
20054
- display: grid;
20055
- flex: 1 1;
20056
- height: inherit;
20057
- justify-content: space-around;
20058
- grid-template-columns: repeat(2, 1fr);
20059
- grid-gap: 0px 24px;
20060
- padding-inline-start: 36px;
20061
- padding-inline-end: 36px;
20109
+ justify-content: center;
20062
20110
  }
20063
- .v-date-picker-months__content .v-btn {
20064
- text-transform: none;
20065
- padding-inline-start: 8px;
20066
- padding-inline-end: 8px;
20111
+ .v-divider__wrapper--vertical {
20112
+ flex-direction: column;
20113
+ height: 100%;
20114
+ }
20115
+ .v-divider__wrapper--vertical .v-divider {
20116
+ margin: 0 auto;
20067
20117
  }.v-dialog {
20068
20118
  align-items: center;
20069
20119
  justify-content: center;
@@ -20156,56 +20206,6 @@ html.overflow-y-hidden {
20156
20206
  -webkit-backface-visibility: hidden;
20157
20207
  backface-visibility: hidden;
20158
20208
  overflow-y: auto;
20159
- }.v-divider {
20160
- display: block;
20161
- flex: 1 1 100%;
20162
- height: 0px;
20163
- max-height: 0px;
20164
- opacity: var(--v-border-opacity);
20165
- transition: inherit;
20166
- border-style: solid;
20167
- border-width: thin 0 0 0;
20168
- }
20169
- .v-divider--vertical {
20170
- align-self: stretch;
20171
- border-width: 0 thin 0 0;
20172
- display: inline-flex;
20173
- height: auto;
20174
- margin-left: -1px;
20175
- max-height: 100%;
20176
- max-width: 0px;
20177
- vertical-align: text-bottom;
20178
- width: 0px;
20179
- }
20180
- .v-divider--inset:not(.v-divider--vertical) {
20181
- max-width: calc(100% - 72px);
20182
- margin-inline-start: 72px;
20183
- }
20184
- .v-divider--inset.v-divider--vertical {
20185
- margin-bottom: 8px;
20186
- margin-top: 8px;
20187
- max-height: calc(100% - 16px);
20188
- }
20189
-
20190
- .v-divider__content {
20191
- padding: 0 16px;
20192
- text-wrap: nowrap;
20193
- }
20194
- .v-divider__wrapper--vertical .v-divider__content {
20195
- padding: 4px 0;
20196
- }
20197
-
20198
- .v-divider__wrapper {
20199
- display: flex;
20200
- align-items: center;
20201
- justify-content: center;
20202
- }
20203
- .v-divider__wrapper--vertical {
20204
- flex-direction: column;
20205
- height: 100%;
20206
- }
20207
- .v-divider__wrapper--vertical .v-divider {
20208
- margin: 0 auto;
20209
20209
  }.v-empty-state {
20210
20210
  align-items: center;
20211
20211
  display: flex;
@@ -20483,6 +20483,35 @@ html.overflow-y-hidden {
20483
20483
  }
20484
20484
  .v-expansion-panels--tile > .v-expansion-panel {
20485
20485
  border-radius: 0;
20486
+ }.v-file-input--hide.v-input .v-field,
20487
+ .v-file-input--hide.v-input .v-input__control,
20488
+ .v-file-input--hide.v-input .v-input__details {
20489
+ display: none;
20490
+ }
20491
+ .v-file-input--hide.v-input .v-input__prepend {
20492
+ grid-area: control;
20493
+ margin: 0 auto;
20494
+ }
20495
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20496
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20497
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20498
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20499
+ top: 0px;
20500
+ }
20501
+ .v-file-input input[type=file] {
20502
+ height: 100%;
20503
+ left: 0;
20504
+ opacity: 0;
20505
+ position: absolute;
20506
+ top: 0;
20507
+ width: 100%;
20508
+ z-index: 1;
20509
+ }
20510
+ .v-file-input .v-input__details {
20511
+ padding-inline: 16px;
20512
+ }
20513
+ .v-input--plain-underlined.v-file-input .v-input__details {
20514
+ padding-inline: 0;
20486
20515
  }.v-fab {
20487
20516
  align-items: center;
20488
20517
  display: inline-flex;
@@ -21151,35 +21180,6 @@ textarea.v-field__input::placeholder {
21151
21180
  }
21152
21181
  .v-footer--rounded {
21153
21182
  border-radius: 4px;
21154
- }.v-file-input--hide.v-input .v-field,
21155
- .v-file-input--hide.v-input .v-input__control,
21156
- .v-file-input--hide.v-input .v-input__details {
21157
- display: none;
21158
- }
21159
- .v-file-input--hide.v-input .v-input__prepend {
21160
- grid-area: control;
21161
- margin: 0 auto;
21162
- }
21163
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21164
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21165
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21166
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21167
- top: 0px;
21168
- }
21169
- .v-file-input input[type=file] {
21170
- height: 100%;
21171
- left: 0;
21172
- opacity: 0;
21173
- position: absolute;
21174
- top: 0;
21175
- width: 100%;
21176
- z-index: 1;
21177
- }
21178
- .v-file-input .v-input__details {
21179
- padding-inline: 16px;
21180
- }
21181
- .v-input--plain-underlined.v-file-input .v-input__details {
21182
- padding-inline: 0;
21183
21183
  }.v-container {
21184
21184
  width: 100%;
21185
21185
  padding: 16px;
@@ -21941,31 +21941,6 @@ textarea.v-field__input::placeholder {
21941
21941
 
21942
21942
  .v-img__gradient {
21943
21943
  background-repeat: no-repeat;
21944
- }.v-infinite-scroll--horizontal {
21945
- display: flex;
21946
- flex-direction: row;
21947
- overflow-x: auto;
21948
- }
21949
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21950
- height: 100%;
21951
- width: 1px;
21952
- }
21953
-
21954
- .v-infinite-scroll--vertical {
21955
- display: flex;
21956
- flex-direction: column;
21957
- overflow-y: auto;
21958
- }
21959
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21960
- height: 1px;
21961
- width: 100%;
21962
- }
21963
-
21964
- .v-infinite-scroll__side {
21965
- align-items: center;
21966
- display: flex;
21967
- justify-content: center;
21968
- padding: 8px;
21969
21944
  }.v-input {
21970
21945
  display: grid;
21971
21946
  flex: 1 1 auto;
@@ -22108,6 +22083,31 @@ textarea.v-field__input::placeholder {
22108
22083
 
22109
22084
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22110
22085
  padding-top: calc(var(--v-input-padding-top) + 0px);
22086
+ }.v-infinite-scroll--horizontal {
22087
+ display: flex;
22088
+ flex-direction: row;
22089
+ overflow-x: auto;
22090
+ }
22091
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
22092
+ height: 100%;
22093
+ width: 1px;
22094
+ }
22095
+
22096
+ .v-infinite-scroll--vertical {
22097
+ display: flex;
22098
+ flex-direction: column;
22099
+ overflow-y: auto;
22100
+ }
22101
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
22102
+ height: 1px;
22103
+ width: 100%;
22104
+ }
22105
+
22106
+ .v-infinite-scroll__side {
22107
+ align-items: center;
22108
+ display: flex;
22109
+ justify-content: center;
22110
+ padding: 8px;
22111
22111
  }.v-item-group {
22112
22112
  flex: 0 1 auto;
22113
22113
  max-width: 100%;
@@ -22700,6 +22700,8 @@ textarea.v-field__input::placeholder {
22700
22700
  }
22701
22701
  .v-list-group__header:not(.v-treeview-item--activetable-group-activator).v-list-item--active:hover .v-list-item__overlay {
22702
22702
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22703
+ }.v-locale-provider {
22704
+ display: contents;
22703
22705
  }.v-main {
22704
22706
  flex: 1 0 auto;
22705
22707
  max-width: 100%;
@@ -22728,8 +22730,6 @@ textarea.v-field__input::placeholder {
22728
22730
  --v-layout-right: 0px;
22729
22731
  --v-layout-top: 0px;
22730
22732
  --v-layout-bottom: 0px;
22731
- }.v-locale-provider {
22732
- display: contents;
22733
22733
  }.v-menu > .v-overlay__content {
22734
22734
  display: flex;
22735
22735
  flex-direction: column;
@@ -23504,14 +23504,6 @@ html.v-overlay-scroll-blocked {
23504
23504
  .v-select--active-menu .v-select__menu-icon {
23505
23505
  opacity: var(--v-high-emphasis-opacity);
23506
23506
  transform: rotate(180deg);
23507
- }.v-selection-control-group {
23508
- grid-area: control;
23509
- display: flex;
23510
- flex-direction: column;
23511
- }
23512
- .v-selection-control-group--inline {
23513
- flex-direction: row;
23514
- flex-wrap: wrap;
23515
23507
  }.v-selection-control {
23516
23508
  align-items: center;
23517
23509
  contain: layout;
@@ -23613,6 +23605,14 @@ html.v-overlay-scroll-blocked {
23613
23605
  }
23614
23606
  .v-selection-control--focus-visible .v-selection-control__input::before {
23615
23607
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23608
+ }.v-selection-control-group {
23609
+ grid-area: control;
23610
+ display: flex;
23611
+ flex-direction: column;
23612
+ }
23613
+ .v-selection-control-group--inline {
23614
+ flex-direction: row;
23615
+ flex-wrap: wrap;
23616
23616
  }.v-sheet {
23617
23617
  display: block;
23618
23618
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -24444,6 +24444,43 @@ html.v-overlay-scroll-blocked {
24444
24444
  .v-switch.v-switch--loading.v-switch--inset .v-switch__thumb, .v-switch.v-switch--loading.v-switch--indeterminate .v-switch__thumb {
24445
24445
  border-width: 0;
24446
24446
  }
24447
+ }.v-system-bar {
24448
+ align-items: center;
24449
+ display: flex;
24450
+ flex: 1 1 auto;
24451
+ height: 24px;
24452
+ justify-content: flex-end;
24453
+ max-width: 100%;
24454
+ padding-inline: 8px;
24455
+ position: relative;
24456
+ text-align: end;
24457
+ width: 100%;
24458
+ 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));
24459
+ background: rgba(var(--v-theme-surface-light));
24460
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24461
+ font-size: 0.75rem;
24462
+ font-weight: 400;
24463
+ letter-spacing: 0.0333333333em;
24464
+ line-height: 1.667;
24465
+ text-transform: none;
24466
+ }
24467
+ .v-system-bar .v-icon {
24468
+ opacity: var(--v-medium-emphasis-opacity);
24469
+ }
24470
+ .v-system-bar--absolute {
24471
+ position: absolute;
24472
+ }
24473
+ .v-system-bar--fixed {
24474
+ position: fixed;
24475
+ }
24476
+ .v-system-bar--rounded {
24477
+ border-radius: 0;
24478
+ }
24479
+ .v-system-bar--window {
24480
+ height: 32px;
24481
+ }
24482
+ .v-system-bar:not(.v-system-bar--absolute) {
24483
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24447
24484
  }.v-tab.v-tab.v-btn {
24448
24485
  height: var(--v-tabs-height);
24449
24486
  border-radius: 0;
@@ -24539,43 +24576,6 @@ html.v-overlay-scroll-blocked {
24539
24576
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24540
24577
  margin-inline-end: 52px;
24541
24578
  }
24542
- }.v-system-bar {
24543
- align-items: center;
24544
- display: flex;
24545
- flex: 1 1 auto;
24546
- height: 24px;
24547
- justify-content: flex-end;
24548
- max-width: 100%;
24549
- padding-inline: 8px;
24550
- position: relative;
24551
- text-align: end;
24552
- width: 100%;
24553
- 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));
24554
- background: rgba(var(--v-theme-surface-light));
24555
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24556
- font-size: 0.75rem;
24557
- font-weight: 400;
24558
- letter-spacing: 0.0333333333em;
24559
- line-height: 1.667;
24560
- text-transform: none;
24561
- }
24562
- .v-system-bar .v-icon {
24563
- opacity: var(--v-medium-emphasis-opacity);
24564
- }
24565
- .v-system-bar--absolute {
24566
- position: absolute;
24567
- }
24568
- .v-system-bar--fixed {
24569
- position: fixed;
24570
- }
24571
- .v-system-bar--rounded {
24572
- border-radius: 0;
24573
- }
24574
- .v-system-bar--window {
24575
- height: 32px;
24576
- }
24577
- .v-system-bar:not(.v-system-bar--absolute) {
24578
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24579
24579
  }.v-table {
24580
24580
  background: rgb(var(--v-theme-surface));
24581
24581
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -25239,6 +25239,28 @@ html.v-overlay-scroll-blocked {
25239
25239
 
25240
25240
  .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 {
25241
25241
  padding-inline-end: 0;
25242
+ }.v-tooltip > .v-overlay__content {
25243
+ background: rgb(var(--v-theme-surface-variant));
25244
+ color: rgb(var(--v-theme-on-surface-variant));
25245
+ border-radius: 4px;
25246
+ font-size: 0.875rem;
25247
+ line-height: 1.6;
25248
+ display: inline-block;
25249
+ padding: 5px 16px;
25250
+ text-transform: initial;
25251
+ width: auto;
25252
+ opacity: 1;
25253
+ pointer-events: none;
25254
+ transition-property: opacity, transform;
25255
+ overflow-wrap: break-word;
25256
+ }
25257
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
25258
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25259
+ transition-duration: 150ms;
25260
+ }
25261
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
25262
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25263
+ transition-duration: 75ms;
25242
25264
  }.v-toolbar {
25243
25265
  align-items: flex-start;
25244
25266
  display: flex;
@@ -25368,28 +25390,6 @@ html.v-overlay-scroll-blocked {
25368
25390
  }
25369
25391
  .v-toolbar-items > .v-btn {
25370
25392
  border-radius: 0;
25371
- }.v-tooltip > .v-overlay__content {
25372
- background: rgb(var(--v-theme-surface-variant));
25373
- color: rgb(var(--v-theme-on-surface-variant));
25374
- border-radius: 4px;
25375
- font-size: 0.875rem;
25376
- line-height: 1.6;
25377
- display: inline-block;
25378
- padding: 5px 16px;
25379
- text-transform: initial;
25380
- width: auto;
25381
- opacity: 1;
25382
- pointer-events: none;
25383
- transition-property: opacity, transform;
25384
- overflow-wrap: break-word;
25385
- }
25386
- .v-tooltip > .v-overlay__content[class*=enter-active] {
25387
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25388
- transition-duration: 150ms;
25389
- }
25390
- .v-tooltip > .v-overlay__content[class*=leave-active] {
25391
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25392
- transition-duration: 75ms;
25393
25393
  }.v-virtual-scroll {
25394
25394
  display: block;
25395
25395
  flex: 1 1 auto;
@@ -25497,63 +25497,6 @@ html.v-overlay-scroll-blocked {
25497
25497
  }
25498
25498
  .v-color-picker-edit__input span {
25499
25499
  font-size: 0.75rem;
25500
- }.v-color-picker-canvas {
25501
- display: flex;
25502
- position: relative;
25503
- overflow: hidden;
25504
- contain: content;
25505
- touch-action: none;
25506
- }
25507
- .v-color-picker-canvas__dot {
25508
- position: absolute;
25509
- top: 0;
25510
- left: 0;
25511
- width: 15px;
25512
- height: 15px;
25513
- background: transparent;
25514
- border-radius: 50%;
25515
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25516
- }
25517
- .v-color-picker-canvas__dot--disabled {
25518
- 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);
25519
- }
25520
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25521
- will-change: transform;
25522
- }.v-color-picker-swatches {
25523
- overflow-y: auto;
25524
- }
25525
- .v-color-picker-swatches > div {
25526
- display: flex;
25527
- flex-wrap: wrap;
25528
- justify-content: center;
25529
- padding: 8px;
25530
- }
25531
-
25532
- .v-color-picker-swatches__swatch {
25533
- display: flex;
25534
- flex-direction: column;
25535
- margin-bottom: 10px;
25536
- }
25537
-
25538
- .v-color-picker-swatches__color {
25539
- position: relative;
25540
- height: 18px;
25541
- max-height: 18px;
25542
- width: 45px;
25543
- margin: 2px 4px;
25544
- border-radius: 2px;
25545
- -webkit-user-select: none;
25546
- user-select: none;
25547
- overflow: hidden;
25548
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25549
- cursor: pointer;
25550
- }
25551
- .v-color-picker-swatches__color > div {
25552
- display: flex;
25553
- align-items: center;
25554
- justify-content: center;
25555
- width: 100%;
25556
- height: 100%;
25557
25500
  }.v-color-picker-preview__alpha .v-slider-track__background {
25558
25501
  background-color: transparent !important;
25559
25502
  }
@@ -25624,6 +25567,63 @@ html.v-overlay-scroll-blocked {
25624
25567
  .v-color-picker-preview__eye-dropper {
25625
25568
  position: relative;
25626
25569
  margin-right: 12px;
25570
+ }.v-color-picker-canvas {
25571
+ display: flex;
25572
+ position: relative;
25573
+ overflow: hidden;
25574
+ contain: content;
25575
+ touch-action: none;
25576
+ }
25577
+ .v-color-picker-canvas__dot {
25578
+ position: absolute;
25579
+ top: 0;
25580
+ left: 0;
25581
+ width: 15px;
25582
+ height: 15px;
25583
+ background: transparent;
25584
+ border-radius: 50%;
25585
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25586
+ }
25587
+ .v-color-picker-canvas__dot--disabled {
25588
+ 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);
25589
+ }
25590
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25591
+ will-change: transform;
25592
+ }.v-color-picker-swatches {
25593
+ overflow-y: auto;
25594
+ }
25595
+ .v-color-picker-swatches > div {
25596
+ display: flex;
25597
+ flex-wrap: wrap;
25598
+ justify-content: center;
25599
+ padding: 8px;
25600
+ }
25601
+
25602
+ .v-color-picker-swatches__swatch {
25603
+ display: flex;
25604
+ flex-direction: column;
25605
+ margin-bottom: 10px;
25606
+ }
25607
+
25608
+ .v-color-picker-swatches__color {
25609
+ position: relative;
25610
+ height: 18px;
25611
+ max-height: 18px;
25612
+ width: 45px;
25613
+ margin: 2px 4px;
25614
+ border-radius: 2px;
25615
+ -webkit-user-select: none;
25616
+ user-select: none;
25617
+ overflow: hidden;
25618
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25619
+ cursor: pointer;
25620
+ }
25621
+ .v-color-picker-swatches__color > div {
25622
+ display: flex;
25623
+ align-items: center;
25624
+ justify-content: center;
25625
+ width: 100%;
25626
+ height: 100%;
25627
25627
  }.v-picker.v-sheet {
25628
25628
  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));
25629
25629
  border-radius: 4px;