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

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 (55) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/dist/json/attributes.json +91 -91
  3. package/dist/json/importMap-labs.json +18 -18
  4. package/dist/json/importMap.json +138 -138
  5. package/dist/json/web-types.json +192 -191
  6. package/dist/vuetify-labs.css +1323 -1323
  7. package/dist/vuetify-labs.d.ts +275 -233
  8. package/dist/vuetify-labs.esm.js +20 -15
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +20 -15
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +629 -629
  13. package/dist/vuetify.d.ts +326 -284
  14. package/dist/vuetify.esm.js +20 -15
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +20 -15
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +20 -21
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.mts +18 -18
  22. package/lib/components/VBottomSheet/index.d.mts +15 -9
  23. package/lib/components/VCombobox/index.d.mts +18 -18
  24. package/lib/components/VDataTable/VDataTableHeaders.mjs +2 -0
  25. package/lib/components/VDataTable/VDataTableHeaders.mjs.map +1 -1
  26. package/lib/components/VDataTable/composables/select.mjs +7 -8
  27. package/lib/components/VDataTable/composables/select.mjs.map +1 -1
  28. package/lib/components/VDatePicker/VDatePicker.mjs +2 -2
  29. package/lib/components/VDatePicker/VDatePicker.mjs.map +1 -1
  30. package/lib/components/VDialog/index.d.mts +33 -27
  31. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  32. package/lib/components/VFileInput/index.d.mts +6 -6
  33. package/lib/components/VHover/VHover.mjs +1 -1
  34. package/lib/components/VHover/VHover.mjs.map +1 -1
  35. package/lib/components/VHover/index.d.mts +24 -24
  36. package/lib/components/VMenu/index.d.mts +33 -27
  37. package/lib/components/VOverlay/VOverlay.mjs +5 -2
  38. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  39. package/lib/components/VOverlay/index.d.mts +15 -9
  40. package/lib/components/VSelect/index.d.mts +18 -18
  41. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  42. package/lib/components/VSnackbar/index.d.mts +47 -41
  43. package/lib/components/VSpeedDial/index.d.mts +15 -9
  44. package/lib/components/VTooltip/index.d.mts +33 -27
  45. package/lib/components/index.d.mts +275 -233
  46. package/lib/composables/date/adapters/vuetify.mjs +1 -0
  47. package/lib/composables/date/adapters/vuetify.mjs.map +1 -1
  48. package/lib/entry-bundler.mjs +1 -1
  49. package/lib/entry-bundler.mjs.map +1 -1
  50. package/lib/framework.mjs +1 -1
  51. package/lib/framework.mjs.map +1 -1
  52. package/lib/index.d.mts +51 -51
  53. package/lib/labs/VSnackbarQueue/index.d.mts +47 -41
  54. package/lib/labs/components.d.mts +47 -41
  55. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.1-dev.2024-05-01
2
+ * Vuetify v3.6.3-master.2024-05-02
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17380,6 +17380,22 @@ html.overflow-y-hidden {
17380
17380
  .v-ripple__animation--out {
17381
17381
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17382
  opacity: 0;
17383
+ }.v-application {
17384
+ display: flex;
17385
+ background: rgb(var(--v-theme-background));
17386
+ color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
17387
+ }
17388
+
17389
+ .v-application__wrap {
17390
+ -webkit-backface-visibility: hidden;
17391
+ backface-visibility: hidden;
17392
+ display: flex;
17393
+ flex-direction: column;
17394
+ flex: 1 1 auto;
17395
+ max-width: 100%;
17396
+ min-height: 100vh;
17397
+ min-height: 100dvh;
17398
+ position: relative;
17383
17399
  }.v-app-bar {
17384
17400
  display: flex;
17385
17401
  }
@@ -18558,6 +18574,19 @@ html.overflow-y-hidden {
18558
18574
  }
18559
18575
  .v-pagination__item--is-active .v-btn__overlay {
18560
18576
  opacity: var(--v-border-opacity);
18577
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18578
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18579
+ }
18580
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18581
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18582
+ }
18583
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18584
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18585
+ }
18586
+ @supports not selector(:focus-visible) {
18587
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18588
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18589
+ }
18561
18590
  }.v-btn-group {
18562
18591
  display: inline-flex;
18563
18592
  flex-wrap: nowrap;
@@ -18614,19 +18643,6 @@ html.overflow-y-hidden {
18614
18643
  }
18615
18644
  .v-btn-group--tile {
18616
18645
  border-radius: 0;
18617
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18618
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18619
- }
18620
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18621
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18622
- }
18623
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18624
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18625
- }
18626
- @supports not selector(:focus-visible) {
18627
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18628
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18629
- }
18630
18646
  }.v-card {
18631
18647
  display: block;
18632
18648
  overflow: hidden;
@@ -20411,62 +20427,6 @@ html.overflow-y-hidden {
20411
20427
  }
20412
20428
  .v-data-table-footer__page {
20413
20429
  padding: 0 8px;
20414
- }.v-date-picker-controls {
20415
- display: flex;
20416
- align-items: center;
20417
- justify-content: space-between;
20418
- font-size: 0.875rem;
20419
- padding-top: 4px;
20420
- padding-bottom: 4px;
20421
- padding-inline-start: 6px;
20422
- padding-inline-end: 12px;
20423
- }
20424
- .v-date-picker-controls > .v-btn:first-child {
20425
- text-transform: none;
20426
- font-weight: 400;
20427
- line-height: initial;
20428
- letter-spacing: initial;
20429
- }
20430
- .v-date-picker-controls--variant-classic {
20431
- padding-inline-start: 12px;
20432
- }
20433
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20434
- opacity: 0.7;
20435
- }
20436
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20437
- cursor: pointer;
20438
- }
20439
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20440
- opacity: 1;
20441
- }
20442
- .v-date-picker-controls .v-btn:last-child {
20443
- margin-inline-start: 4px;
20444
- }
20445
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20446
- transform: rotate(180deg);
20447
- }
20448
-
20449
- .v-date-picker-controls__date {
20450
- margin-inline-end: 4px;
20451
- }
20452
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20453
- margin: auto;
20454
- text-align: center;
20455
- }
20456
-
20457
- .v-date-picker-controls__month {
20458
- display: flex;
20459
- }
20460
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20461
- flex-direction: row-reverse;
20462
- }
20463
-
20464
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20465
- flex: 1 0 auto;
20466
- }
20467
-
20468
- .v-date-picker__title {
20469
- display: inline-block;
20470
20430
  }.v-date-picker {
20471
20431
  overflow: hidden;
20472
20432
  width: 328px;
@@ -20533,6 +20493,96 @@ html.overflow-y-hidden {
20533
20493
  .date-picker-header-reverse-transition-leave-to {
20534
20494
  opacity: 0;
20535
20495
  transform: translate(0, 100%);
20496
+ }.v-date-picker-controls {
20497
+ display: flex;
20498
+ align-items: center;
20499
+ justify-content: space-between;
20500
+ font-size: 0.875rem;
20501
+ padding-top: 4px;
20502
+ padding-bottom: 4px;
20503
+ padding-inline-start: 6px;
20504
+ padding-inline-end: 12px;
20505
+ }
20506
+ .v-date-picker-controls > .v-btn:first-child {
20507
+ text-transform: none;
20508
+ font-weight: 400;
20509
+ line-height: initial;
20510
+ letter-spacing: initial;
20511
+ }
20512
+ .v-date-picker-controls--variant-classic {
20513
+ padding-inline-start: 12px;
20514
+ }
20515
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20516
+ opacity: 0.7;
20517
+ }
20518
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20519
+ cursor: pointer;
20520
+ }
20521
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20522
+ opacity: 1;
20523
+ }
20524
+ .v-date-picker-controls .v-btn:last-child {
20525
+ margin-inline-start: 4px;
20526
+ }
20527
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20528
+ transform: rotate(180deg);
20529
+ }
20530
+
20531
+ .v-date-picker-controls__date {
20532
+ margin-inline-end: 4px;
20533
+ }
20534
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20535
+ margin: auto;
20536
+ text-align: center;
20537
+ }
20538
+
20539
+ .v-date-picker-controls__month {
20540
+ display: flex;
20541
+ }
20542
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20543
+ flex-direction: row-reverse;
20544
+ }
20545
+
20546
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20547
+ flex: 1 0 auto;
20548
+ }
20549
+
20550
+ .v-date-picker__title {
20551
+ display: inline-block;
20552
+ }.v-date-picker-months {
20553
+ height: 288px;
20554
+ }
20555
+
20556
+ .v-date-picker-months__content {
20557
+ align-items: center;
20558
+ display: grid;
20559
+ flex: 1 1;
20560
+ height: inherit;
20561
+ justify-content: space-around;
20562
+ grid-template-columns: repeat(2, 1fr);
20563
+ grid-gap: 0px 24px;
20564
+ padding-inline-start: 36px;
20565
+ padding-inline-end: 36px;
20566
+ }
20567
+ .v-date-picker-months__content .v-btn {
20568
+ text-transform: none;
20569
+ padding-inline-start: 8px;
20570
+ padding-inline-end: 8px;
20571
+ }.v-date-picker-years {
20572
+ height: 288px;
20573
+ overflow-y: scroll;
20574
+ }
20575
+
20576
+ .v-date-picker-years__content {
20577
+ display: grid;
20578
+ flex: 1 1;
20579
+ justify-content: space-around;
20580
+ grid-template-columns: repeat(3, 1fr);
20581
+ gap: 8px 24px;
20582
+ padding-inline: 32px;
20583
+ }
20584
+ .v-date-picker-years__content .v-btn {
20585
+ padding-inline: 8px;
20536
20586
  }.v-date-picker-month {
20537
20587
  display: flex;
20538
20588
  justify-content: center;
@@ -20588,40 +20638,6 @@ html.overflow-y-hidden {
20588
20638
 
20589
20639
  .v-date-picker-month__day--hide-adjacent {
20590
20640
  opacity: 0;
20591
- }.v-date-picker-years {
20592
- height: 288px;
20593
- overflow-y: scroll;
20594
- }
20595
-
20596
- .v-date-picker-years__content {
20597
- display: grid;
20598
- flex: 1 1;
20599
- justify-content: space-around;
20600
- grid-template-columns: repeat(3, 1fr);
20601
- gap: 8px 24px;
20602
- padding-inline: 32px;
20603
- }
20604
- .v-date-picker-years__content .v-btn {
20605
- padding-inline: 8px;
20606
- }.v-date-picker-months {
20607
- height: 288px;
20608
- }
20609
-
20610
- .v-date-picker-months__content {
20611
- align-items: center;
20612
- display: grid;
20613
- flex: 1 1;
20614
- height: inherit;
20615
- justify-content: space-around;
20616
- grid-template-columns: repeat(2, 1fr);
20617
- grid-gap: 0px 24px;
20618
- padding-inline-start: 36px;
20619
- padding-inline-end: 36px;
20620
- }
20621
- .v-date-picker-months__content .v-btn {
20622
- text-transform: none;
20623
- padding-inline-start: 8px;
20624
- padding-inline-end: 8px;
20625
20641
  }.v-dialog {
20626
20642
  align-items: center;
20627
20643
  justify-content: center;
@@ -20714,21 +20730,70 @@ html.overflow-y-hidden {
20714
20730
  -webkit-backface-visibility: hidden;
20715
20731
  backface-visibility: hidden;
20716
20732
  overflow-y: auto;
20717
- }.v-empty-state {
20718
- align-items: center;
20719
- display: flex;
20720
- flex-direction: column;
20721
- justify-content: center;
20722
- min-height: 100%;
20723
- padding: 16px;
20733
+ }.v-divider {
20734
+ display: block;
20735
+ flex: 1 1 100%;
20736
+ height: 0px;
20737
+ max-height: 0px;
20738
+ opacity: var(--v-border-opacity);
20739
+ transition: inherit;
20740
+ border-style: solid;
20741
+ border-width: thin 0 0 0;
20724
20742
  }
20725
- .v-empty-state--start {
20726
- align-items: flex-start;
20743
+ .v-divider--vertical {
20744
+ align-self: stretch;
20745
+ border-width: 0 thin 0 0;
20746
+ display: inline-flex;
20747
+ height: 100%;
20748
+ margin-left: -1px;
20749
+ max-height: 100%;
20750
+ max-width: 0px;
20751
+ vertical-align: text-bottom;
20752
+ width: 0px;
20727
20753
  }
20728
- .v-empty-state--center {
20729
- align-items: center;
20754
+ .v-divider--inset:not(.v-divider--vertical) {
20755
+ max-width: calc(100% - 72px);
20756
+ margin-inline-start: 72px;
20730
20757
  }
20731
- .v-empty-state--end {
20758
+ .v-divider--inset.v-divider--vertical {
20759
+ margin-bottom: 8px;
20760
+ margin-top: 8px;
20761
+ max-height: calc(100% - 16px);
20762
+ }
20763
+
20764
+ .v-divider__content {
20765
+ padding: 0 16px;
20766
+ }
20767
+ .v-divider__wrapper--vertical .v-divider__content {
20768
+ padding: 4px 0;
20769
+ }
20770
+
20771
+ .v-divider__wrapper {
20772
+ display: flex;
20773
+ align-items: center;
20774
+ justify-content: center;
20775
+ }
20776
+ .v-divider__wrapper--vertical {
20777
+ flex-direction: column;
20778
+ height: 100%;
20779
+ }
20780
+ .v-divider__wrapper--vertical .v-divider {
20781
+ margin: 0 auto;
20782
+ }.v-empty-state {
20783
+ align-items: center;
20784
+ display: flex;
20785
+ flex-direction: column;
20786
+ justify-content: center;
20787
+ min-height: 100%;
20788
+ padding: 16px;
20789
+ }
20790
+ .v-empty-state--start {
20791
+ align-items: flex-start;
20792
+ }
20793
+ .v-empty-state--center {
20794
+ align-items: center;
20795
+ }
20796
+ .v-empty-state--end {
20732
20797
  align-items: flex-end;
20733
20798
  }
20734
20799
 
@@ -20781,55 +20846,6 @@ html.overflow-y-hidden {
20781
20846
  .v-empty-state__action-btn.v-btn {
20782
20847
  background-color: rgb(var(--v-theme-surface-variant));
20783
20848
  color: rgb(var(--v-theme-on-surface-variant));
20784
- }.v-divider {
20785
- display: block;
20786
- flex: 1 1 100%;
20787
- height: 0px;
20788
- max-height: 0px;
20789
- opacity: var(--v-border-opacity);
20790
- transition: inherit;
20791
- border-style: solid;
20792
- border-width: thin 0 0 0;
20793
- }
20794
- .v-divider--vertical {
20795
- align-self: stretch;
20796
- border-width: 0 thin 0 0;
20797
- display: inline-flex;
20798
- height: 100%;
20799
- margin-left: -1px;
20800
- max-height: 100%;
20801
- max-width: 0px;
20802
- vertical-align: text-bottom;
20803
- width: 0px;
20804
- }
20805
- .v-divider--inset:not(.v-divider--vertical) {
20806
- max-width: calc(100% - 72px);
20807
- margin-inline-start: 72px;
20808
- }
20809
- .v-divider--inset.v-divider--vertical {
20810
- margin-bottom: 8px;
20811
- margin-top: 8px;
20812
- max-height: calc(100% - 16px);
20813
- }
20814
-
20815
- .v-divider__content {
20816
- padding: 0 16px;
20817
- }
20818
- .v-divider__wrapper--vertical .v-divider__content {
20819
- padding: 4px 0;
20820
- }
20821
-
20822
- .v-divider__wrapper {
20823
- display: flex;
20824
- align-items: center;
20825
- justify-content: center;
20826
- }
20827
- .v-divider__wrapper--vertical {
20828
- flex-direction: column;
20829
- height: 100%;
20830
- }
20831
- .v-divider__wrapper--vertical .v-divider {
20832
- margin: 0 auto;
20833
20849
  }.v-expansion-panel {
20834
20850
  background-color: rgb(var(--v-theme-surface));
20835
20851
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21679,35 +21695,7 @@ textarea.v-field__input::placeholder {
21679
21695
  opacity: 0;
21680
21696
  }
21681
21697
 
21682
- /* endregion */.v-footer {
21683
- align-items: center;
21684
- display: flex;
21685
- flex: 1 1 auto;
21686
- padding: 8px 16px;
21687
- position: relative;
21688
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21689
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21690
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21691
- border-style: solid;
21692
- border-width: 0;
21693
- 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));
21694
- border-radius: 0;
21695
- background: rgb(var(--v-theme-surface));
21696
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21697
- }
21698
- .v-footer--border {
21699
- border-width: thin;
21700
- box-shadow: none;
21701
- }
21702
- .v-footer--absolute {
21703
- position: absolute;
21704
- }
21705
- .v-footer--fixed {
21706
- position: fixed;
21707
- }
21708
- .v-footer--rounded {
21709
- border-radius: 4px;
21710
- }.v-file-input--hide.v-input .v-field,
21698
+ /* endregion */.v-file-input--hide.v-input .v-field,
21711
21699
  .v-file-input--hide.v-input .v-input__control,
21712
21700
  .v-file-input--hide.v-input .v-input__details {
21713
21701
  display: none;
@@ -21736,6 +21724,34 @@ textarea.v-field__input::placeholder {
21736
21724
  }
21737
21725
  .v-input--plain-underlined.v-file-input .v-input__details {
21738
21726
  padding-inline: 0;
21727
+ }.v-footer {
21728
+ align-items: center;
21729
+ display: flex;
21730
+ flex: 1 1 auto;
21731
+ padding: 8px 16px;
21732
+ position: relative;
21733
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21734
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
21735
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21736
+ border-style: solid;
21737
+ border-width: 0;
21738
+ 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));
21739
+ border-radius: 0;
21740
+ background: rgb(var(--v-theme-surface));
21741
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21742
+ }
21743
+ .v-footer--border {
21744
+ border-width: thin;
21745
+ box-shadow: none;
21746
+ }
21747
+ .v-footer--absolute {
21748
+ position: absolute;
21749
+ }
21750
+ .v-footer--fixed {
21751
+ position: fixed;
21752
+ }
21753
+ .v-footer--rounded {
21754
+ border-radius: 4px;
21739
21755
  }.v-icon {
21740
21756
  --v-icon-size-multiplier: 1;
21741
21757
  align-items: center;
@@ -21825,6 +21841,31 @@ textarea.v-field__input::placeholder {
21825
21841
 
21826
21842
  .v-img__gradient {
21827
21843
  background-repeat: no-repeat;
21844
+ }.v-infinite-scroll--horizontal {
21845
+ display: flex;
21846
+ flex-direction: row;
21847
+ overflow-x: auto;
21848
+ }
21849
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21850
+ height: 100%;
21851
+ width: 1px;
21852
+ }
21853
+
21854
+ .v-infinite-scroll--vertical {
21855
+ display: flex;
21856
+ flex-direction: column;
21857
+ overflow-y: auto;
21858
+ }
21859
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21860
+ height: 1px;
21861
+ width: 100%;
21862
+ }
21863
+
21864
+ .v-infinite-scroll__side {
21865
+ align-items: center;
21866
+ display: flex;
21867
+ justify-content: center;
21868
+ padding: 8px;
21828
21869
  }.v-input {
21829
21870
  display: grid;
21830
21871
  flex: 1 1 auto;
@@ -21972,31 +22013,6 @@ textarea.v-field__input::placeholder {
21972
22013
  max-width: 100%;
21973
22014
  position: relative;
21974
22015
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21975
- }.v-infinite-scroll--horizontal {
21976
- display: flex;
21977
- flex-direction: row;
21978
- overflow-x: auto;
21979
- }
21980
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21981
- height: 100%;
21982
- width: 1px;
21983
- }
21984
-
21985
- .v-infinite-scroll--vertical {
21986
- display: flex;
21987
- flex-direction: column;
21988
- overflow-y: auto;
21989
- }
21990
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21991
- height: 1px;
21992
- width: 100%;
21993
- }
21994
-
21995
- .v-infinite-scroll__side {
21996
- align-items: center;
21997
- display: flex;
21998
- justify-content: center;
21999
- padding: 8px;
22000
22016
  }.v-label {
22001
22017
  align-items: center;
22002
22018
  color: inherit;
@@ -22584,19 +22600,6 @@ textarea.v-field__input::placeholder {
22584
22600
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22585
22601
  }.v-locale-provider {
22586
22602
  display: contents;
22587
- }.v-menu > .v-overlay__content {
22588
- display: flex;
22589
- flex-direction: column;
22590
- border-radius: 4px;
22591
- }
22592
- .v-menu > .v-overlay__content > .v-card,
22593
- .v-menu > .v-overlay__content > .v-sheet,
22594
- .v-menu > .v-overlay__content > .v-list {
22595
- background: rgb(var(--v-theme-surface));
22596
- border-radius: inherit;
22597
- overflow: auto;
22598
- height: 100%;
22599
- 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));
22600
22603
  }.v-main {
22601
22604
  flex: 1 0 auto;
22602
22605
  max-width: 100%;
@@ -22625,6 +22628,19 @@ textarea.v-field__input::placeholder {
22625
22628
  --v-layout-right: 0px;
22626
22629
  --v-layout-top: 0px;
22627
22630
  --v-layout-bottom: 0px;
22631
+ }.v-menu > .v-overlay__content {
22632
+ display: flex;
22633
+ flex-direction: column;
22634
+ border-radius: 4px;
22635
+ }
22636
+ .v-menu > .v-overlay__content > .v-card,
22637
+ .v-menu > .v-overlay__content > .v-sheet,
22638
+ .v-menu > .v-overlay__content > .v-list {
22639
+ background: rgb(var(--v-theme-surface));
22640
+ border-radius: inherit;
22641
+ overflow: auto;
22642
+ height: 100%;
22643
+ 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));
22628
22644
  }.v-messages {
22629
22645
  flex: 1 1 auto;
22630
22646
  font-size: 12px;
@@ -22876,39 +22892,141 @@ html.v-overlay-scroll-blocked {
22876
22892
  }
22877
22893
  .v-parallax--active > .v-img__img {
22878
22894
  will-change: transform;
22879
- }.v-progress-linear {
22880
- background: transparent;
22881
- overflow: hidden;
22895
+ }.v-progress-circular {
22896
+ align-items: center;
22897
+ display: inline-flex;
22898
+ justify-content: center;
22882
22899
  position: relative;
22883
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22884
- width: 100%;
22885
- }
22886
- .v-progress-linear--rounded {
22887
- border-radius: 9999px;
22900
+ vertical-align: middle;
22888
22901
  }
22889
-
22890
- .v-progress-linear__background,
22891
- .v-progress-linear__buffer {
22892
- background: currentColor;
22893
- bottom: 0;
22894
- left: 0;
22895
- opacity: var(--v-border-opacity);
22902
+ .v-progress-circular > svg {
22903
+ width: 100%;
22904
+ height: 100%;
22905
+ margin: auto;
22896
22906
  position: absolute;
22897
22907
  top: 0;
22898
- width: 100%;
22899
- transition-property: width, left, right;
22900
- transition: inherit;
22908
+ bottom: 0;
22909
+ left: 0;
22910
+ right: 0;
22911
+ z-index: 0;
22901
22912
  }
22902
22913
 
22903
- .v-progress-linear__content {
22914
+ .v-progress-circular__content {
22904
22915
  align-items: center;
22905
22916
  display: flex;
22906
- height: 100%;
22907
22917
  justify-content: center;
22908
- left: 0;
22909
- pointer-events: none;
22910
- position: absolute;
22911
- top: 0;
22918
+ }
22919
+
22920
+ .v-progress-circular__underlay {
22921
+ color: rgba(var(--v-border-color), var(--v-border-opacity));
22922
+ stroke: currentColor;
22923
+ z-index: 1;
22924
+ }
22925
+
22926
+ .v-progress-circular__overlay {
22927
+ stroke: currentColor;
22928
+ transition: all 0.2s ease-in-out, stroke-width 0s;
22929
+ z-index: 2;
22930
+ }
22931
+
22932
+ .v-progress-circular--size-x-small {
22933
+ height: 16px;
22934
+ width: 16px;
22935
+ }
22936
+ .v-progress-circular--size-small {
22937
+ height: 24px;
22938
+ width: 24px;
22939
+ }
22940
+ .v-progress-circular--size-default {
22941
+ height: 32px;
22942
+ width: 32px;
22943
+ }
22944
+ .v-progress-circular--size-large {
22945
+ height: 48px;
22946
+ width: 48px;
22947
+ }
22948
+ .v-progress-circular--size-x-large {
22949
+ height: 64px;
22950
+ width: 64px;
22951
+ }
22952
+
22953
+ .v-progress-circular--indeterminate > svg {
22954
+ animation: progress-circular-rotate 1.4s linear infinite;
22955
+ transform-origin: center center;
22956
+ transition: all 0.2s ease-in-out;
22957
+ }
22958
+ .v-progress-circular--indeterminate .v-progress-circular__overlay {
22959
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
22960
+ stroke-dasharray: 25, 200;
22961
+ stroke-dashoffset: 0;
22962
+ stroke-linecap: round;
22963
+ transform-origin: center center;
22964
+ transform: rotate(-90deg);
22965
+ }
22966
+
22967
+ .v-progress-circular--disable-shrink > svg {
22968
+ animation-duration: 0.7s;
22969
+ }
22970
+ .v-progress-circular--disable-shrink .v-progress-circular__overlay {
22971
+ animation: none;
22972
+ }
22973
+
22974
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
22975
+ .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
22976
+ animation-play-state: paused !important;
22977
+ }
22978
+
22979
+ @keyframes progress-circular-dash {
22980
+ 0% {
22981
+ stroke-dasharray: 1, 200;
22982
+ stroke-dashoffset: 0px;
22983
+ }
22984
+ 50% {
22985
+ stroke-dasharray: 100, 200;
22986
+ stroke-dashoffset: -15px;
22987
+ }
22988
+ 100% {
22989
+ stroke-dasharray: 100, 200;
22990
+ stroke-dashoffset: -124px;
22991
+ }
22992
+ }
22993
+ @keyframes progress-circular-rotate {
22994
+ 100% {
22995
+ transform: rotate(270deg);
22996
+ }
22997
+ }.v-progress-linear {
22998
+ background: transparent;
22999
+ overflow: hidden;
23000
+ position: relative;
23001
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23002
+ width: 100%;
23003
+ }
23004
+ .v-progress-linear--rounded {
23005
+ border-radius: 9999px;
23006
+ }
23007
+
23008
+ .v-progress-linear__background,
23009
+ .v-progress-linear__buffer {
23010
+ background: currentColor;
23011
+ bottom: 0;
23012
+ left: 0;
23013
+ opacity: var(--v-border-opacity);
23014
+ position: absolute;
23015
+ top: 0;
23016
+ width: 100%;
23017
+ transition-property: width, left, right;
23018
+ transition: inherit;
23019
+ }
23020
+
23021
+ .v-progress-linear__content {
23022
+ align-items: center;
23023
+ display: flex;
23024
+ height: 100%;
23025
+ justify-content: center;
23026
+ left: 0;
23027
+ pointer-events: none;
23028
+ position: absolute;
23029
+ top: 0;
22912
23030
  width: 100%;
22913
23031
  }
22914
23032
 
@@ -23087,108 +23205,6 @@ html.v-overlay-scroll-blocked {
23087
23205
  0% {
23088
23206
  background-position-x: var(--v-progress-linear-height);
23089
23207
  }
23090
- }.v-progress-circular {
23091
- align-items: center;
23092
- display: inline-flex;
23093
- justify-content: center;
23094
- position: relative;
23095
- vertical-align: middle;
23096
- }
23097
- .v-progress-circular > svg {
23098
- width: 100%;
23099
- height: 100%;
23100
- margin: auto;
23101
- position: absolute;
23102
- top: 0;
23103
- bottom: 0;
23104
- left: 0;
23105
- right: 0;
23106
- z-index: 0;
23107
- }
23108
-
23109
- .v-progress-circular__content {
23110
- align-items: center;
23111
- display: flex;
23112
- justify-content: center;
23113
- }
23114
-
23115
- .v-progress-circular__underlay {
23116
- color: rgba(var(--v-border-color), var(--v-border-opacity));
23117
- stroke: currentColor;
23118
- z-index: 1;
23119
- }
23120
-
23121
- .v-progress-circular__overlay {
23122
- stroke: currentColor;
23123
- transition: all 0.2s ease-in-out, stroke-width 0s;
23124
- z-index: 2;
23125
- }
23126
-
23127
- .v-progress-circular--size-x-small {
23128
- height: 16px;
23129
- width: 16px;
23130
- }
23131
- .v-progress-circular--size-small {
23132
- height: 24px;
23133
- width: 24px;
23134
- }
23135
- .v-progress-circular--size-default {
23136
- height: 32px;
23137
- width: 32px;
23138
- }
23139
- .v-progress-circular--size-large {
23140
- height: 48px;
23141
- width: 48px;
23142
- }
23143
- .v-progress-circular--size-x-large {
23144
- height: 64px;
23145
- width: 64px;
23146
- }
23147
-
23148
- .v-progress-circular--indeterminate > svg {
23149
- animation: progress-circular-rotate 1.4s linear infinite;
23150
- transform-origin: center center;
23151
- transition: all 0.2s ease-in-out;
23152
- }
23153
- .v-progress-circular--indeterminate .v-progress-circular__overlay {
23154
- animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
23155
- stroke-dasharray: 25, 200;
23156
- stroke-dashoffset: 0;
23157
- stroke-linecap: round;
23158
- transform-origin: center center;
23159
- transform: rotate(-90deg);
23160
- }
23161
-
23162
- .v-progress-circular--disable-shrink > svg {
23163
- animation-duration: 0.7s;
23164
- }
23165
- .v-progress-circular--disable-shrink .v-progress-circular__overlay {
23166
- animation: none;
23167
- }
23168
-
23169
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) > svg,
23170
- .v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay {
23171
- animation-play-state: paused !important;
23172
- }
23173
-
23174
- @keyframes progress-circular-dash {
23175
- 0% {
23176
- stroke-dasharray: 1, 200;
23177
- stroke-dashoffset: 0px;
23178
- }
23179
- 50% {
23180
- stroke-dasharray: 100, 200;
23181
- stroke-dashoffset: -15px;
23182
- }
23183
- 100% {
23184
- stroke-dasharray: 100, 200;
23185
- stroke-dashoffset: -124px;
23186
- }
23187
- }
23188
- @keyframes progress-circular-rotate {
23189
- 100% {
23190
- transform: rotate(270deg);
23191
- }
23192
23208
  }.v-radio-group > .v-input__control {
23193
23209
  flex-direction: column;
23194
23210
  }
@@ -24230,43 +24246,6 @@ html.v-overlay-scroll-blocked {
24230
24246
  }
24231
24247
  .v-switch.v-input--vertical .v-selection-control__wrapper {
24232
24248
  transform: rotate(-90deg);
24233
- }.v-system-bar {
24234
- align-items: center;
24235
- display: flex;
24236
- flex: 1 1 auto;
24237
- height: 24px;
24238
- justify-content: flex-end;
24239
- max-width: 100%;
24240
- padding-inline: 8px;
24241
- position: relative;
24242
- text-align: end;
24243
- width: 100%;
24244
- 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));
24245
- background: rgba(var(--v-theme-surface-light));
24246
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24247
- font-size: 0.75rem;
24248
- font-weight: 400;
24249
- letter-spacing: 0.0333333333em;
24250
- line-height: 1.667;
24251
- text-transform: none;
24252
- }
24253
- .v-system-bar .v-icon {
24254
- opacity: var(--v-medium-emphasis-opacity);
24255
- }
24256
- .v-system-bar--absolute {
24257
- position: absolute;
24258
- }
24259
- .v-system-bar--fixed {
24260
- position: fixed;
24261
- }
24262
- .v-system-bar--rounded {
24263
- border-radius: 0;
24264
- }
24265
- .v-system-bar--window {
24266
- height: 32px;
24267
- }
24268
- .v-system-bar:not(.v-system-bar--absolute) {
24269
- padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24270
24249
  }.v-tab.v-tab.v-btn {
24271
24250
  height: var(--v-tabs-height);
24272
24251
  border-radius: 0;
@@ -24362,11 +24341,48 @@ html.v-overlay-scroll-blocked {
24362
24341
  .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24363
24342
  margin-inline-end: 52px;
24364
24343
  }
24365
- }.v-table {
24366
- background: rgb(var(--v-theme-surface));
24367
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24368
- font-size: 0.875rem;
24369
- transition-duration: 0.28s;
24344
+ }.v-system-bar {
24345
+ align-items: center;
24346
+ display: flex;
24347
+ flex: 1 1 auto;
24348
+ height: 24px;
24349
+ justify-content: flex-end;
24350
+ max-width: 100%;
24351
+ padding-inline: 8px;
24352
+ position: relative;
24353
+ text-align: end;
24354
+ width: 100%;
24355
+ 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));
24356
+ background: rgba(var(--v-theme-surface-light));
24357
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
24358
+ font-size: 0.75rem;
24359
+ font-weight: 400;
24360
+ letter-spacing: 0.0333333333em;
24361
+ line-height: 1.667;
24362
+ text-transform: none;
24363
+ }
24364
+ .v-system-bar .v-icon {
24365
+ opacity: var(--v-medium-emphasis-opacity);
24366
+ }
24367
+ .v-system-bar--absolute {
24368
+ position: absolute;
24369
+ }
24370
+ .v-system-bar--fixed {
24371
+ position: fixed;
24372
+ }
24373
+ .v-system-bar--rounded {
24374
+ border-radius: 0;
24375
+ }
24376
+ .v-system-bar--window {
24377
+ height: 32px;
24378
+ }
24379
+ .v-system-bar:not(.v-system-bar--absolute) {
24380
+ padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
24381
+ }.v-table {
24382
+ background: rgb(var(--v-theme-surface));
24383
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
24384
+ font-size: 0.875rem;
24385
+ transition-duration: 0.28s;
24370
24386
  transition-property: box-shadow, opacity, background, height;
24371
24387
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
24372
24388
  }
@@ -24606,7 +24622,10 @@ html.v-overlay-scroll-blocked {
24606
24622
  padding-inline-end: var(--v-field-padding-end);
24607
24623
  }
24608
24624
 
24609
- /* endregion */.v-timeline .v-timeline-divider__dot {
24625
+ /* endregion */.v-theme-provider {
24626
+ background: rgb(var(--v-theme-background));
24627
+ color: rgb(var(--v-theme-on-background));
24628
+ }.v-timeline .v-timeline-divider__dot {
24610
24629
  background: rgb(var(--v-theme-surface-light));
24611
24630
  }
24612
24631
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25022,9 +25041,6 @@ html.v-overlay-scroll-blocked {
25022
25041
 
25023
25042
  .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 {
25024
25043
  padding-inline-end: 0;
25025
- }.v-theme-provider {
25026
- background: rgb(var(--v-theme-background));
25027
- color: rgb(var(--v-theme-on-background));
25028
25044
  }.v-toolbar {
25029
25045
  align-items: flex-start;
25030
25046
  display: flex;
@@ -25255,22 +25271,28 @@ html.v-overlay-scroll-blocked {
25255
25271
  }
25256
25272
  .v-window-y-reverse-transition-leave-to {
25257
25273
  transform: translateY(100%);
25258
- }.v-application {
25259
- display: flex;
25260
- background: rgb(var(--v-theme-background));
25261
- color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
25262
- }
25263
-
25264
- .v-application__wrap {
25265
- -webkit-backface-visibility: hidden;
25266
- backface-visibility: hidden;
25274
+ }.v-color-picker-canvas {
25267
25275
  display: flex;
25268
- flex-direction: column;
25269
- flex: 1 1 auto;
25270
- max-width: 100%;
25271
- min-height: 100vh;
25272
- min-height: 100dvh;
25273
25276
  position: relative;
25277
+ overflow: hidden;
25278
+ contain: content;
25279
+ touch-action: none;
25280
+ }
25281
+ .v-color-picker-canvas__dot {
25282
+ position: absolute;
25283
+ top: 0;
25284
+ left: 0;
25285
+ width: 15px;
25286
+ height: 15px;
25287
+ background: transparent;
25288
+ border-radius: 50%;
25289
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25290
+ }
25291
+ .v-color-picker-canvas__dot--disabled {
25292
+ 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);
25293
+ }
25294
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25295
+ will-change: transform;
25274
25296
  }.v-color-picker-edit {
25275
25297
  display: flex;
25276
25298
  margin-top: 24px;
@@ -25299,63 +25321,6 @@ html.v-overlay-scroll-blocked {
25299
25321
  }
25300
25322
  .v-color-picker-edit__input span {
25301
25323
  font-size: 0.75rem;
25302
- }.v-color-picker-canvas {
25303
- display: flex;
25304
- position: relative;
25305
- overflow: hidden;
25306
- contain: content;
25307
- touch-action: none;
25308
- }
25309
- .v-color-picker-canvas__dot {
25310
- position: absolute;
25311
- top: 0;
25312
- left: 0;
25313
- width: 15px;
25314
- height: 15px;
25315
- background: transparent;
25316
- border-radius: 50%;
25317
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25318
- }
25319
- .v-color-picker-canvas__dot--disabled {
25320
- 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);
25321
- }
25322
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25323
- will-change: transform;
25324
- }.v-color-picker-swatches {
25325
- overflow-y: auto;
25326
- }
25327
- .v-color-picker-swatches > div {
25328
- display: flex;
25329
- flex-wrap: wrap;
25330
- justify-content: center;
25331
- padding: 8px;
25332
- }
25333
-
25334
- .v-color-picker-swatches__swatch {
25335
- display: flex;
25336
- flex-direction: column;
25337
- margin-bottom: 10px;
25338
- }
25339
-
25340
- .v-color-picker-swatches__color {
25341
- position: relative;
25342
- height: 18px;
25343
- max-height: 18px;
25344
- width: 45px;
25345
- margin: 2px 4px;
25346
- border-radius: 2px;
25347
- -webkit-user-select: none;
25348
- user-select: none;
25349
- overflow: hidden;
25350
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25351
- cursor: pointer;
25352
- }
25353
- .v-color-picker-swatches__color > div {
25354
- display: flex;
25355
- align-items: center;
25356
- justify-content: center;
25357
- width: 100%;
25358
- height: 100%;
25359
25324
  }.v-color-picker-preview__alpha .v-slider-track__background {
25360
25325
  background-color: transparent !important;
25361
25326
  }
@@ -25426,6 +25391,41 @@ html.v-overlay-scroll-blocked {
25426
25391
  .v-color-picker-preview__eye-dropper {
25427
25392
  position: relative;
25428
25393
  margin-right: 12px;
25394
+ }.v-color-picker-swatches {
25395
+ overflow-y: auto;
25396
+ }
25397
+ .v-color-picker-swatches > div {
25398
+ display: flex;
25399
+ flex-wrap: wrap;
25400
+ justify-content: center;
25401
+ padding: 8px;
25402
+ }
25403
+
25404
+ .v-color-picker-swatches__swatch {
25405
+ display: flex;
25406
+ flex-direction: column;
25407
+ margin-bottom: 10px;
25408
+ }
25409
+
25410
+ .v-color-picker-swatches__color {
25411
+ position: relative;
25412
+ height: 18px;
25413
+ max-height: 18px;
25414
+ width: 45px;
25415
+ margin: 2px 4px;
25416
+ border-radius: 2px;
25417
+ -webkit-user-select: none;
25418
+ user-select: none;
25419
+ overflow: hidden;
25420
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25421
+ cursor: pointer;
25422
+ }
25423
+ .v-color-picker-swatches__color > div {
25424
+ display: flex;
25425
+ align-items: center;
25426
+ justify-content: center;
25427
+ width: 100%;
25428
+ height: 100%;
25429
25429
  }.v-picker.v-sheet {
25430
25430
  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
25431
  border-radius: 4px;
@@ -25479,6 +25479,160 @@ html.v-overlay-scroll-blocked {
25479
25479
  padding-bottom: 16px;
25480
25480
  font-weight: 400;
25481
25481
  letter-spacing: 0.1666666667em;
25482
+ }.v-slider-thumb {
25483
+ touch-action: none;
25484
+ color: rgb(var(--v-theme-surface-variant));
25485
+ }
25486
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25487
+ color: inherit;
25488
+ }
25489
+
25490
+ .v-slider-thumb__label {
25491
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25492
+ color: rgb(var(--v-theme-on-surface-variant));
25493
+ }
25494
+ .v-slider-thumb__label::before {
25495
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25496
+ }
25497
+
25498
+ .v-slider-thumb {
25499
+ outline: none;
25500
+ position: absolute;
25501
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25502
+ }
25503
+
25504
+ .v-slider-thumb__surface {
25505
+ cursor: pointer;
25506
+ width: var(--v-slider-thumb-size);
25507
+ height: var(--v-slider-thumb-size);
25508
+ border-radius: 50%;
25509
+ -webkit-user-select: none;
25510
+ user-select: none;
25511
+ background-color: currentColor;
25512
+ }
25513
+ .v-slider-thumb__surface::before {
25514
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25515
+ content: "";
25516
+ color: inherit;
25517
+ top: 0;
25518
+ left: 0;
25519
+ width: 100%;
25520
+ height: 100%;
25521
+ border-radius: 50%;
25522
+ background: currentColor;
25523
+ position: absolute;
25524
+ pointer-events: none;
25525
+ opacity: 0;
25526
+ }
25527
+ .v-slider-thumb__surface::after {
25528
+ content: "";
25529
+ width: 42px;
25530
+ height: 42px;
25531
+ position: absolute;
25532
+ top: 50%;
25533
+ left: 50%;
25534
+ transform: translate(-50%, -50%);
25535
+ }
25536
+
25537
+ .v-slider-thumb__label-container {
25538
+ position: absolute;
25539
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25540
+ }
25541
+
25542
+ .v-slider-thumb__label {
25543
+ display: flex;
25544
+ align-items: center;
25545
+ justify-content: center;
25546
+ font-size: 0.75rem;
25547
+ min-width: 35px;
25548
+ height: 25px;
25549
+ border-radius: 4px;
25550
+ padding: 6px;
25551
+ position: absolute;
25552
+ -webkit-user-select: none;
25553
+ user-select: none;
25554
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25555
+ }
25556
+ .v-slider-thumb__label::before {
25557
+ content: "";
25558
+ width: 0;
25559
+ height: 0;
25560
+ position: absolute;
25561
+ }
25562
+
25563
+ .v-slider-thumb__ripple {
25564
+ position: absolute;
25565
+ left: calc(var(--v-slider-thumb-size) / -2);
25566
+ top: calc(var(--v-slider-thumb-size) / -2);
25567
+ width: calc(var(--v-slider-thumb-size) * 2);
25568
+ height: calc(var(--v-slider-thumb-size) * 2);
25569
+ background: inherit;
25570
+ }
25571
+
25572
+ .v-slider.v-input--horizontal .v-slider-thumb {
25573
+ top: 50%;
25574
+ transform: translateY(-50%);
25575
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25576
+ }
25577
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25578
+ left: calc(var(--v-slider-thumb-size) / 2);
25579
+ top: 0;
25580
+ }
25581
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25582
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25583
+ }
25584
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25585
+ transform: translateX(-50%);
25586
+ }
25587
+
25588
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25589
+ transform: translateX(50%);
25590
+ }
25591
+
25592
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25593
+ border-left: 6px solid transparent;
25594
+ border-right: 6px solid transparent;
25595
+ border-top: 6px solid currentColor;
25596
+ bottom: -6px;
25597
+ }
25598
+
25599
+ .v-slider.v-input--vertical .v-slider-thumb {
25600
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25601
+ }
25602
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25603
+ top: calc(var(--v-slider-thumb-size) / 2);
25604
+ right: 0;
25605
+ }
25606
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25607
+ top: -12.5px;
25608
+ left: calc(var(--v-slider-thumb-size) / 2);
25609
+ }
25610
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25611
+ border-right: 6px solid currentColor;
25612
+ border-top: 6px solid transparent;
25613
+ border-bottom: 6px solid transparent;
25614
+ left: -6px;
25615
+ }
25616
+
25617
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25618
+ transform: scale(2);
25619
+ opacity: var(--v-focus-opacity);
25620
+ }
25621
+
25622
+ .v-slider-thumb--pressed {
25623
+ transition: none;
25624
+ }
25625
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25626
+ opacity: var(--v-pressed-opacity);
25627
+ }
25628
+
25629
+ @media (hover: hover) {
25630
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25631
+ transform: scale(2);
25632
+ }
25633
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25634
+ opacity: var(--v-hover-opacity);
25635
+ }
25482
25636
  }.v-slider-track__background {
25483
25637
  background-color: rgb(var(--v-theme-surface-variant));
25484
25638
  }
@@ -25642,158 +25796,4 @@ html.v-overlay-scroll-blocked {
25642
25796
 
25643
25797
  .v-slider-track__background--opacity {
25644
25798
  opacity: 0.38;
25645
- }.v-slider-thumb {
25646
- touch-action: none;
25647
- color: rgb(var(--v-theme-surface-variant));
25648
- }
25649
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25650
- color: inherit;
25651
- }
25652
-
25653
- .v-slider-thumb__label {
25654
- background: rgba(var(--v-theme-surface-variant), 0.7);
25655
- color: rgb(var(--v-theme-on-surface-variant));
25656
- }
25657
- .v-slider-thumb__label::before {
25658
- color: rgba(var(--v-theme-surface-variant), 0.7);
25659
- }
25660
-
25661
- .v-slider-thumb {
25662
- outline: none;
25663
- position: absolute;
25664
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25665
- }
25666
-
25667
- .v-slider-thumb__surface {
25668
- cursor: pointer;
25669
- width: var(--v-slider-thumb-size);
25670
- height: var(--v-slider-thumb-size);
25671
- border-radius: 50%;
25672
- -webkit-user-select: none;
25673
- user-select: none;
25674
- background-color: currentColor;
25675
- }
25676
- .v-slider-thumb__surface::before {
25677
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25678
- content: "";
25679
- color: inherit;
25680
- top: 0;
25681
- left: 0;
25682
- width: 100%;
25683
- height: 100%;
25684
- border-radius: 50%;
25685
- background: currentColor;
25686
- position: absolute;
25687
- pointer-events: none;
25688
- opacity: 0;
25689
- }
25690
- .v-slider-thumb__surface::after {
25691
- content: "";
25692
- width: 42px;
25693
- height: 42px;
25694
- position: absolute;
25695
- top: 50%;
25696
- left: 50%;
25697
- transform: translate(-50%, -50%);
25698
- }
25699
-
25700
- .v-slider-thumb__label-container {
25701
- position: absolute;
25702
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25703
- }
25704
-
25705
- .v-slider-thumb__label {
25706
- display: flex;
25707
- align-items: center;
25708
- justify-content: center;
25709
- font-size: 0.75rem;
25710
- min-width: 35px;
25711
- height: 25px;
25712
- border-radius: 4px;
25713
- padding: 6px;
25714
- position: absolute;
25715
- -webkit-user-select: none;
25716
- user-select: none;
25717
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25718
- }
25719
- .v-slider-thumb__label::before {
25720
- content: "";
25721
- width: 0;
25722
- height: 0;
25723
- position: absolute;
25724
- }
25725
-
25726
- .v-slider-thumb__ripple {
25727
- position: absolute;
25728
- left: calc(var(--v-slider-thumb-size) / -2);
25729
- top: calc(var(--v-slider-thumb-size) / -2);
25730
- width: calc(var(--v-slider-thumb-size) * 2);
25731
- height: calc(var(--v-slider-thumb-size) * 2);
25732
- background: inherit;
25733
- }
25734
-
25735
- .v-slider.v-input--horizontal .v-slider-thumb {
25736
- top: 50%;
25737
- transform: translateY(-50%);
25738
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25739
- }
25740
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25741
- left: calc(var(--v-slider-thumb-size) / 2);
25742
- top: 0;
25743
- }
25744
- .v-slider.v-input--horizontal .v-slider-thumb__label {
25745
- bottom: calc(var(--v-slider-thumb-size) / 2);
25746
- }
25747
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25748
- transform: translateX(-50%);
25749
- }
25750
-
25751
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25752
- transform: translateX(50%);
25753
- }
25754
-
25755
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25756
- border-left: 6px solid transparent;
25757
- border-right: 6px solid transparent;
25758
- border-top: 6px solid currentColor;
25759
- bottom: -6px;
25760
- }
25761
-
25762
- .v-slider.v-input--vertical .v-slider-thumb {
25763
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25764
- }
25765
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
25766
- top: calc(var(--v-slider-thumb-size) / 2);
25767
- right: 0;
25768
- }
25769
- .v-slider.v-input--vertical .v-slider-thumb__label {
25770
- top: -12.5px;
25771
- left: calc(var(--v-slider-thumb-size) / 2);
25772
- }
25773
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
25774
- border-right: 6px solid currentColor;
25775
- border-top: 6px solid transparent;
25776
- border-bottom: 6px solid transparent;
25777
- left: -6px;
25778
- }
25779
-
25780
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
25781
- transform: scale(2);
25782
- opacity: var(--v-focus-opacity);
25783
- }
25784
-
25785
- .v-slider-thumb--pressed {
25786
- transition: none;
25787
- }
25788
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25789
- opacity: var(--v-pressed-opacity);
25790
- }
25791
-
25792
- @media (hover: hover) {
25793
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
25794
- transform: scale(2);
25795
- }
25796
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25797
- opacity: var(--v-hover-opacity);
25798
- }
25799
25799
  }