@vuetify/nightly 3.6.1-master.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 (49) hide show
  1. package/CHANGELOG.md +2 -7
  2. package/dist/json/attributes.json +3 -3
  3. package/dist/json/importMap-labs.json +24 -24
  4. package/dist/json/importMap.json +108 -108
  5. package/dist/json/web-types.json +18 -17
  6. package/dist/vuetify-labs.css +3322 -3322
  7. package/dist/vuetify-labs.d.ts +275 -233
  8. package/dist/vuetify-labs.esm.js +17 -13
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +17 -13
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +397 -397
  13. package/dist/vuetify.d.ts +318 -276
  14. package/dist/vuetify.esm.js +17 -13
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +17 -13
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +18 -19
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/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/VDialog/index.d.mts +33 -27
  29. package/lib/components/VFileInput/VFileInput.mjs.map +1 -1
  30. package/lib/components/VFileInput/index.d.mts +6 -6
  31. package/lib/components/VHover/VHover.mjs +1 -1
  32. package/lib/components/VHover/VHover.mjs.map +1 -1
  33. package/lib/components/VHover/index.d.mts +24 -24
  34. package/lib/components/VMenu/index.d.mts +33 -27
  35. package/lib/components/VOverlay/VOverlay.mjs +5 -2
  36. package/lib/components/VOverlay/VOverlay.mjs.map +1 -1
  37. package/lib/components/VOverlay/index.d.mts +15 -9
  38. package/lib/components/VSelect/index.d.mts +18 -18
  39. package/lib/components/VSnackbar/VSnackbar.mjs.map +1 -1
  40. package/lib/components/VSnackbar/index.d.mts +47 -41
  41. package/lib/components/VSpeedDial/index.d.mts +15 -9
  42. package/lib/components/VTooltip/index.d.mts +33 -27
  43. package/lib/components/index.d.mts +275 -233
  44. package/lib/entry-bundler.mjs +1 -1
  45. package/lib/framework.mjs +1 -1
  46. package/lib/index.d.mts +43 -43
  47. package/lib/labs/VSnackbarQueue/index.d.mts +47 -41
  48. package/lib/labs/components.d.mts +47 -41
  49. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.1-master.2024-05-01
2
+ * Vuetify v3.6.3-master.2024-05-02
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -18075,6 +18075,38 @@ html.overflow-y-hidden {
18075
18075
  }
18076
18076
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18077
18077
  transform: translateY(0.5rem);
18078
+ }.bottom-sheet-transition-enter-from {
18079
+ transform: translateY(100%);
18080
+ }
18081
+ .bottom-sheet-transition-leave-to {
18082
+ transform: translateY(100%);
18083
+ }
18084
+
18085
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18086
+ align-self: flex-end;
18087
+ border-radius: 0;
18088
+ flex: 0 1 auto;
18089
+ left: 0;
18090
+ right: 0;
18091
+ margin-inline: 0;
18092
+ margin-bottom: 0;
18093
+ transition-duration: 0.2s;
18094
+ width: 100%;
18095
+ max-width: 100%;
18096
+ overflow: visible;
18097
+ box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
18098
+ }
18099
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18100
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18101
+ border-radius: 0;
18102
+ }
18103
+ .v-bottom-sheet.v-bottom-sheet--inset {
18104
+ max-width: none;
18105
+ }
18106
+ @media (min-width: 600px) {
18107
+ .v-bottom-sheet.v-bottom-sheet--inset {
18108
+ max-width: 70%;
18109
+ }
18078
18110
  }.v-breadcrumbs {
18079
18111
  display: flex;
18080
18112
  align-items: center;
@@ -18542,6 +18574,19 @@ html.overflow-y-hidden {
18542
18574
  }
18543
18575
  .v-pagination__item--is-active .v-btn__overlay {
18544
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
+ }
18545
18590
  }.v-btn-group {
18546
18591
  display: inline-flex;
18547
18592
  flex-wrap: nowrap;
@@ -18958,19 +19003,6 @@ html.overflow-y-hidden {
18958
19003
  flex-direction: column;
18959
19004
  height: 100% !important;
18960
19005
  width: 50px;
18961
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18962
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18963
- }
18964
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18965
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18966
- }
18967
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18968
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18969
- }
18970
- @supports not selector(:focus-visible) {
18971
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18972
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18973
- }
18974
19006
  }.v-checkbox.v-input {
18975
19007
  flex: 0 1 auto;
18976
19008
  }
@@ -20517,6 +20549,40 @@ html.overflow-y-hidden {
20517
20549
 
20518
20550
  .v-date-picker__title {
20519
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;
20520
20586
  }.v-date-picker-month {
20521
20587
  display: flex;
20522
20588
  justify-content: center;
@@ -20572,40 +20638,98 @@ html.overflow-y-hidden {
20572
20638
 
20573
20639
  .v-date-picker-month__day--hide-adjacent {
20574
20640
  opacity: 0;
20575
- }.v-date-picker-months {
20576
- height: 288px;
20641
+ }.v-dialog {
20642
+ align-items: center;
20643
+ justify-content: center;
20644
+ margin: auto;
20645
+ }
20646
+ .v-dialog > .v-overlay__content {
20647
+ max-height: calc(100% - 48px);
20648
+ width: calc(100% - 48px);
20649
+ max-width: calc(100% - 48px);
20650
+ margin: 24px;
20651
+ }
20652
+ .v-dialog > .v-overlay__content,
20653
+ .v-dialog > .v-overlay__content > form {
20654
+ display: flex;
20655
+ flex-direction: column;
20656
+ min-height: 0;
20657
+ }
20658
+ .v-dialog > .v-overlay__content > .v-card,
20659
+ .v-dialog > .v-overlay__content > .v-sheet,
20660
+ .v-dialog > .v-overlay__content > form > .v-card,
20661
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20662
+ --v-scrollbar-offset: 0px;
20663
+ border-radius: 4px;
20664
+ overflow-y: auto;
20665
+ box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20666
+ }
20667
+ .v-dialog > .v-overlay__content > .v-card,
20668
+ .v-dialog > .v-overlay__content > form > .v-card {
20669
+ display: flex;
20670
+ flex-direction: column;
20671
+ }
20672
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20673
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20674
+ padding: 16px 24px;
20675
+ }
20676
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20677
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20678
+ padding-top: 0;
20679
+ }
20680
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20681
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20682
+ font-size: inherit;
20683
+ letter-spacing: 0.03125em;
20684
+ line-height: inherit;
20685
+ padding: 16px 24px 24px;
20686
+ }
20687
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20688
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20689
+ justify-content: flex-end;
20577
20690
  }
20578
20691
 
20579
- .v-date-picker-months__content {
20580
- align-items: center;
20581
- display: grid;
20582
- flex: 1 1;
20583
- height: inherit;
20584
- justify-content: space-around;
20585
- grid-template-columns: repeat(2, 1fr);
20586
- grid-gap: 0px 24px;
20587
- padding-inline-start: 36px;
20588
- padding-inline-end: 36px;
20692
+ .v-dialog--fullscreen {
20693
+ --v-scrollbar-offset: 0px;
20589
20694
  }
20590
- .v-date-picker-months__content .v-btn {
20591
- text-transform: none;
20592
- padding-inline-start: 8px;
20593
- padding-inline-end: 8px;
20594
- }.v-date-picker-years {
20595
- height: 288px;
20596
- overflow-y: scroll;
20695
+ .v-dialog--fullscreen > .v-overlay__content {
20696
+ border-radius: 0;
20697
+ margin: 0;
20698
+ padding: 0;
20699
+ width: 100%;
20700
+ height: 100%;
20701
+ max-width: 100%;
20702
+ max-height: 100%;
20703
+ overflow-y: auto;
20704
+ top: 0;
20705
+ left: 0;
20706
+ }
20707
+ .v-dialog--fullscreen > .v-overlay__content > .v-card,
20708
+ .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
20709
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
20710
+ .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
20711
+ min-height: 100%;
20712
+ min-width: 100%;
20713
+ border-radius: 0;
20597
20714
  }
20598
20715
 
20599
- .v-date-picker-years__content {
20600
- display: grid;
20601
- flex: 1 1;
20602
- justify-content: space-around;
20603
- grid-template-columns: repeat(3, 1fr);
20604
- gap: 8px 24px;
20605
- padding-inline: 32px;
20716
+ .v-dialog--scrollable > .v-overlay__content,
20717
+ .v-dialog--scrollable > .v-overlay__content > form {
20718
+ display: flex;
20606
20719
  }
20607
- .v-date-picker-years__content .v-btn {
20608
- padding-inline: 8px;
20720
+ .v-dialog--scrollable > .v-overlay__content > .v-card,
20721
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card {
20722
+ display: flex;
20723
+ flex: 1 1 100%;
20724
+ flex-direction: column;
20725
+ max-height: 100%;
20726
+ max-width: 100%;
20727
+ }
20728
+ .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
20729
+ .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
20730
+ -webkit-backface-visibility: hidden;
20731
+ backface-visibility: hidden;
20732
+ overflow-y: auto;
20609
20733
  }.v-divider {
20610
20734
  display: block;
20611
20735
  flex: 1 1 100%;
@@ -21628,128 +21752,36 @@ textarea.v-field__input::placeholder {
21628
21752
  }
21629
21753
  .v-footer--rounded {
21630
21754
  border-radius: 4px;
21631
- }.v-dialog {
21755
+ }.v-icon {
21756
+ --v-icon-size-multiplier: 1;
21632
21757
  align-items: center;
21758
+ display: inline-flex;
21759
+ font-feature-settings: "liga";
21760
+ height: 1em;
21633
21761
  justify-content: center;
21634
- margin: auto;
21762
+ letter-spacing: normal;
21763
+ line-height: 1;
21764
+ position: relative;
21765
+ text-indent: 0;
21766
+ text-align: center;
21767
+ -webkit-user-select: none;
21768
+ user-select: none;
21769
+ vertical-align: middle;
21770
+ width: 1em;
21771
+ min-width: 1em;
21635
21772
  }
21636
- .v-dialog > .v-overlay__content {
21637
- max-height: calc(100% - 48px);
21638
- width: calc(100% - 48px);
21639
- max-width: calc(100% - 48px);
21640
- margin: 24px;
21773
+ .v-icon--clickable {
21774
+ cursor: pointer;
21641
21775
  }
21642
- .v-dialog > .v-overlay__content,
21643
- .v-dialog > .v-overlay__content > form {
21644
- display: flex;
21645
- flex-direction: column;
21646
- min-height: 0;
21776
+ .v-icon--disabled {
21777
+ pointer-events: none;
21778
+ opacity: 0.38;
21647
21779
  }
21648
- .v-dialog > .v-overlay__content > .v-card,
21649
- .v-dialog > .v-overlay__content > .v-sheet,
21650
- .v-dialog > .v-overlay__content > form > .v-card,
21651
- .v-dialog > .v-overlay__content > form > .v-sheet {
21652
- --v-scrollbar-offset: 0px;
21653
- border-radius: 4px;
21654
- overflow-y: auto;
21655
- box-shadow: 0px 11px 15px -7px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 24px 38px 3px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 9px 46px 8px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21780
+ .v-icon--size-x-small {
21781
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
21656
21782
  }
21657
- .v-dialog > .v-overlay__content > .v-card,
21658
- .v-dialog > .v-overlay__content > form > .v-card {
21659
- display: flex;
21660
- flex-direction: column;
21661
- }
21662
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
21663
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
21664
- padding: 16px 24px;
21665
- }
21666
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
21667
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
21668
- padding-top: 0;
21669
- }
21670
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
21671
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
21672
- font-size: inherit;
21673
- letter-spacing: 0.03125em;
21674
- line-height: inherit;
21675
- padding: 16px 24px 24px;
21676
- }
21677
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
21678
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
21679
- justify-content: flex-end;
21680
- }
21681
-
21682
- .v-dialog--fullscreen {
21683
- --v-scrollbar-offset: 0px;
21684
- }
21685
- .v-dialog--fullscreen > .v-overlay__content {
21686
- border-radius: 0;
21687
- margin: 0;
21688
- padding: 0;
21689
- width: 100%;
21690
- height: 100%;
21691
- max-width: 100%;
21692
- max-height: 100%;
21693
- overflow-y: auto;
21694
- top: 0;
21695
- left: 0;
21696
- }
21697
- .v-dialog--fullscreen > .v-overlay__content > .v-card,
21698
- .v-dialog--fullscreen > .v-overlay__content > .v-sheet,
21699
- .v-dialog--fullscreen > .v-overlay__content > form > .v-card,
21700
- .v-dialog--fullscreen > .v-overlay__content > form > .v-sheet {
21701
- min-height: 100%;
21702
- min-width: 100%;
21703
- border-radius: 0;
21704
- }
21705
-
21706
- .v-dialog--scrollable > .v-overlay__content,
21707
- .v-dialog--scrollable > .v-overlay__content > form {
21708
- display: flex;
21709
- }
21710
- .v-dialog--scrollable > .v-overlay__content > .v-card,
21711
- .v-dialog--scrollable > .v-overlay__content > form > .v-card {
21712
- display: flex;
21713
- flex: 1 1 100%;
21714
- flex-direction: column;
21715
- max-height: 100%;
21716
- max-width: 100%;
21717
- }
21718
- .v-dialog--scrollable > .v-overlay__content > .v-card > .v-card-text,
21719
- .v-dialog--scrollable > .v-overlay__content > form > .v-card > .v-card-text {
21720
- -webkit-backface-visibility: hidden;
21721
- backface-visibility: hidden;
21722
- overflow-y: auto;
21723
- }.v-icon {
21724
- --v-icon-size-multiplier: 1;
21725
- align-items: center;
21726
- display: inline-flex;
21727
- font-feature-settings: "liga";
21728
- height: 1em;
21729
- justify-content: center;
21730
- letter-spacing: normal;
21731
- line-height: 1;
21732
- position: relative;
21733
- text-indent: 0;
21734
- text-align: center;
21735
- -webkit-user-select: none;
21736
- user-select: none;
21737
- vertical-align: middle;
21738
- width: 1em;
21739
- min-width: 1em;
21740
- }
21741
- .v-icon--clickable {
21742
- cursor: pointer;
21743
- }
21744
- .v-icon--disabled {
21745
- pointer-events: none;
21746
- opacity: 0.38;
21747
- }
21748
- .v-icon--size-x-small {
21749
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
21750
- }
21751
- .v-icon--size-small {
21752
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21783
+ .v-icon--size-small {
21784
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21753
21785
  }
21754
21786
  .v-icon--size-default {
21755
21787
  font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
@@ -21981,13 +22013,21 @@ textarea.v-field__input::placeholder {
21981
22013
  max-width: 100%;
21982
22014
  position: relative;
21983
22015
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21984
- }.v-layout-item {
21985
- position: absolute;
21986
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22016
+ }.v-label {
22017
+ align-items: center;
22018
+ color: inherit;
22019
+ display: inline-flex;
22020
+ font-size: 1rem;
22021
+ letter-spacing: 0.009375em;
22022
+ min-width: 0;
22023
+ opacity: var(--v-medium-emphasis-opacity);
22024
+ overflow: hidden;
22025
+ text-overflow: ellipsis;
22026
+ white-space: nowrap;
21987
22027
  }
21988
22028
 
21989
- .v-layout-item--absolute {
21990
- position: absolute;
22029
+ .v-label--clickable {
22030
+ cursor: pointer;
21991
22031
  }.v-layout {
21992
22032
  --v-scrollbar-offset: 0px;
21993
22033
  display: flex;
@@ -21996,6 +22036,13 @@ textarea.v-field__input::placeholder {
21996
22036
  .v-layout--full-height {
21997
22037
  --v-scrollbar-offset: inherit;
21998
22038
  height: 100%;
22039
+ }.v-layout-item {
22040
+ position: absolute;
22041
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22042
+ }
22043
+
22044
+ .v-layout-item--absolute {
22045
+ position: absolute;
21999
22046
  }.v-list {
22000
22047
  overflow: auto;
22001
22048
  padding: 8px 0;
@@ -22594,21 +22641,22 @@ textarea.v-field__input::placeholder {
22594
22641
  overflow: auto;
22595
22642
  height: 100%;
22596
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));
22597
- }.v-label {
22598
- align-items: center;
22599
- color: inherit;
22600
- display: inline-flex;
22601
- font-size: 1rem;
22602
- letter-spacing: 0.009375em;
22603
- min-width: 0;
22644
+ }.v-messages {
22645
+ flex: 1 1 auto;
22646
+ font-size: 12px;
22647
+ min-height: 14px;
22648
+ min-width: 1px;
22604
22649
  opacity: var(--v-medium-emphasis-opacity);
22605
- overflow: hidden;
22606
- text-overflow: ellipsis;
22607
- white-space: nowrap;
22650
+ position: relative;
22608
22651
  }
22609
-
22610
- .v-label--clickable {
22611
- cursor: pointer;
22652
+ .v-messages__message {
22653
+ line-height: 12px;
22654
+ word-break: break-word;
22655
+ overflow-wrap: break-word;
22656
+ word-wrap: break-word;
22657
+ -webkit-hyphens: auto;
22658
+ hyphens: auto;
22659
+ transition-duration: 150ms;
22612
22660
  }.v-navigation-drawer {
22613
22661
  -webkit-overflow-scrolling: touch;
22614
22662
  background: rgb(var(--v-theme-surface));
@@ -22711,22 +22759,6 @@ textarea.v-field__input::placeholder {
22711
22759
  .v-navigation-drawer__append {
22712
22760
  flex: none;
22713
22761
  overflow: hidden;
22714
- }.v-messages {
22715
- flex: 1 1 auto;
22716
- font-size: 12px;
22717
- min-height: 14px;
22718
- min-width: 1px;
22719
- opacity: var(--v-medium-emphasis-opacity);
22720
- position: relative;
22721
- }
22722
- .v-messages__message {
22723
- line-height: 12px;
22724
- word-break: break-word;
22725
- overflow-wrap: break-word;
22726
- word-wrap: break-word;
22727
- -webkit-hyphens: auto;
22728
- hyphens: auto;
22729
- transition-duration: 150ms;
22730
22762
  }.v-otp-input {
22731
22763
  border-radius: 4px;
22732
22764
  align-items: center;
@@ -24214,6 +24246,101 @@ html.v-overlay-scroll-blocked {
24214
24246
  }
24215
24247
  .v-switch.v-input--vertical .v-selection-control__wrapper {
24216
24248
  transform: rotate(-90deg);
24249
+ }.v-tab.v-tab.v-btn {
24250
+ height: var(--v-tabs-height);
24251
+ border-radius: 0;
24252
+ min-width: 90px;
24253
+ }
24254
+ .v-slide-group--horizontal .v-tab {
24255
+ max-width: 360px;
24256
+ }
24257
+ .v-slide-group--vertical .v-tab {
24258
+ justify-content: start;
24259
+ }
24260
+
24261
+ .v-tab__slider {
24262
+ position: absolute;
24263
+ bottom: 0;
24264
+ left: 0;
24265
+ height: 2px;
24266
+ width: 100%;
24267
+ background: currentColor;
24268
+ pointer-events: none;
24269
+ opacity: 0;
24270
+ }
24271
+ .v-tab--selected .v-tab__slider {
24272
+ opacity: 1;
24273
+ }
24274
+ .v-slide-group--vertical .v-tab__slider {
24275
+ top: 0;
24276
+ height: 100%;
24277
+ width: 2px;
24278
+ }.v-tabs {
24279
+ display: flex;
24280
+ height: var(--v-tabs-height);
24281
+ }
24282
+ .v-tabs--density-default {
24283
+ --v-tabs-height: 48px;
24284
+ }
24285
+ .v-tabs--density-default.v-tabs--stacked {
24286
+ --v-tabs-height: 72px;
24287
+ }
24288
+
24289
+ .v-tabs--density-comfortable {
24290
+ --v-tabs-height: 44px;
24291
+ }
24292
+ .v-tabs--density-comfortable.v-tabs--stacked {
24293
+ --v-tabs-height: 68px;
24294
+ }
24295
+
24296
+ .v-tabs--density-compact {
24297
+ --v-tabs-height: 36px;
24298
+ }
24299
+ .v-tabs--density-compact.v-tabs--stacked {
24300
+ --v-tabs-height: 60px;
24301
+ }
24302
+
24303
+ .v-tabs.v-slide-group--vertical {
24304
+ height: auto;
24305
+ flex: none;
24306
+ --v-tabs-height: 48px;
24307
+ }
24308
+
24309
+ .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24310
+ margin-inline-start: 42px;
24311
+ }
24312
+
24313
+ .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24314
+ .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24315
+ margin-inline-end: auto;
24316
+ }
24317
+ .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24318
+ .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24319
+ margin-inline-start: auto;
24320
+ }
24321
+
24322
+ .v-tabs--grow {
24323
+ flex-grow: 1;
24324
+ }
24325
+ .v-tabs--grow .v-tab {
24326
+ flex: 1 0 auto;
24327
+ max-width: none;
24328
+ }
24329
+
24330
+ .v-tabs--align-tabs-end .v-tab:first-child {
24331
+ margin-inline-start: auto;
24332
+ }
24333
+ .v-tabs--align-tabs-end .v-tab:last-child {
24334
+ margin-inline-end: 0;
24335
+ }
24336
+
24337
+ @media (max-width: 1279.98px) {
24338
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24339
+ margin-inline-start: 52px;
24340
+ }
24341
+ .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24342
+ margin-inline-end: 52px;
24343
+ }
24217
24344
  }.v-system-bar {
24218
24345
  align-items: center;
24219
24346
  display: flex;
@@ -24389,101 +24516,45 @@ html.v-overlay-scroll-blocked {
24389
24516
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24390
24517
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24391
24518
  border-top: 0px !important;
24392
- }.v-tab.v-tab.v-btn {
24393
- height: var(--v-tabs-height);
24394
- border-radius: 0;
24395
- min-width: 90px;
24519
+ }.v-textarea .v-field {
24520
+ --v-textarea-control-height: var(--v-input-control-height);
24396
24521
  }
24397
- .v-slide-group--horizontal .v-tab {
24398
- max-width: 360px;
24522
+ .v-textarea .v-field__field {
24523
+ --v-input-control-height: var(--v-textarea-control-height);
24399
24524
  }
24400
- .v-slide-group--vertical .v-tab {
24401
- justify-content: start;
24525
+ .v-textarea .v-field__input {
24526
+ flex: 1 1 auto;
24527
+ outline: none;
24528
+ -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24529
+ mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24402
24530
  }
24403
-
24404
- .v-tab__slider {
24531
+ .v-textarea .v-field__input.v-textarea__sizer {
24532
+ visibility: hidden;
24405
24533
  position: absolute;
24406
- bottom: 0;
24534
+ top: 0;
24407
24535
  left: 0;
24408
- height: 2px;
24409
- width: 100%;
24410
- background: currentColor;
24536
+ height: 0 !important;
24537
+ min-height: 0 !important;
24411
24538
  pointer-events: none;
24412
- opacity: 0;
24413
- }
24414
- .v-tab--selected .v-tab__slider {
24415
- opacity: 1;
24416
- }
24417
- .v-slide-group--vertical .v-tab__slider {
24418
- top: 0;
24419
- height: 100%;
24420
- width: 2px;
24421
- }.v-tabs {
24422
- display: flex;
24423
- height: var(--v-tabs-height);
24424
- }
24425
- .v-tabs--density-default {
24426
- --v-tabs-height: 48px;
24427
- }
24428
- .v-tabs--density-default.v-tabs--stacked {
24429
- --v-tabs-height: 72px;
24430
- }
24431
-
24432
- .v-tabs--density-comfortable {
24433
- --v-tabs-height: 44px;
24434
- }
24435
- .v-tabs--density-comfortable.v-tabs--stacked {
24436
- --v-tabs-height: 68px;
24437
- }
24438
-
24439
- .v-tabs--density-compact {
24440
- --v-tabs-height: 36px;
24441
- }
24442
- .v-tabs--density-compact.v-tabs--stacked {
24443
- --v-tabs-height: 60px;
24444
- }
24445
-
24446
- .v-tabs.v-slide-group--vertical {
24447
- height: auto;
24448
- flex: none;
24449
- --v-tabs-height: 48px;
24450
- }
24451
-
24452
- .v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
24453
- margin-inline-start: 42px;
24454
- }
24455
-
24456
- .v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
24457
- .v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
24458
- margin-inline-end: auto;
24459
24539
  }
24460
- .v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
24461
- .v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
24462
- margin-inline-start: auto;
24463
- }
24464
-
24465
- .v-tabs--grow {
24466
- flex-grow: 1;
24540
+ .v-textarea--no-resize .v-field__input {
24541
+ resize: none;
24467
24542
  }
24468
- .v-tabs--grow .v-tab {
24469
- flex: 1 0 auto;
24470
- max-width: none;
24543
+ .v-textarea .v-field--no-label textarea,
24544
+ .v-textarea .v-field--active textarea {
24545
+ opacity: 1;
24471
24546
  }
24472
-
24473
- .v-tabs--align-tabs-end .v-tab:first-child {
24474
- margin-inline-start: auto;
24547
+ .v-textarea textarea {
24548
+ opacity: 0;
24549
+ flex: 1;
24550
+ min-width: 0;
24551
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24475
24552
  }
24476
- .v-tabs--align-tabs-end .v-tab:last-child {
24477
- margin-inline-end: 0;
24553
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24554
+ outline: none;
24478
24555
  }
24479
-
24480
- @media (max-width: 1279.98px) {
24481
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
24482
- margin-inline-start: 52px;
24483
- }
24484
- .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
24485
- margin-inline-end: 52px;
24486
- }
24556
+ .v-textarea textarea:invalid {
24557
+ box-shadow: none;
24487
24558
  }/* region BLOCK */
24488
24559
  .v-text-field input {
24489
24560
  color: inherit;
@@ -24551,46 +24622,7 @@ html.v-overlay-scroll-blocked {
24551
24622
  padding-inline-end: var(--v-field-padding-end);
24552
24623
  }
24553
24624
 
24554
- /* endregion */.v-textarea .v-field {
24555
- --v-textarea-control-height: var(--v-input-control-height);
24556
- }
24557
- .v-textarea .v-field__field {
24558
- --v-input-control-height: var(--v-textarea-control-height);
24559
- }
24560
- .v-textarea .v-field__input {
24561
- flex: 1 1 auto;
24562
- outline: none;
24563
- -webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24564
- mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
24565
- }
24566
- .v-textarea .v-field__input.v-textarea__sizer {
24567
- visibility: hidden;
24568
- position: absolute;
24569
- top: 0;
24570
- left: 0;
24571
- height: 0 !important;
24572
- min-height: 0 !important;
24573
- pointer-events: none;
24574
- }
24575
- .v-textarea--no-resize .v-field__input {
24576
- resize: none;
24577
- }
24578
- .v-textarea .v-field--no-label textarea,
24579
- .v-textarea .v-field--active textarea {
24580
- opacity: 1;
24581
- }
24582
- .v-textarea textarea {
24583
- opacity: 0;
24584
- flex: 1;
24585
- min-width: 0;
24586
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24587
- }
24588
- .v-textarea textarea:focus, .v-textarea textarea:active {
24589
- outline: none;
24590
- }
24591
- .v-textarea textarea:invalid {
24592
- box-shadow: none;
24593
- }.v-theme-provider {
24625
+ /* endregion */.v-theme-provider {
24594
24626
  background: rgb(var(--v-theme-background));
24595
24627
  color: rgb(var(--v-theme-on-background));
24596
24628
  }.v-timeline .v-timeline-divider__dot {
@@ -25239,38 +25271,28 @@ html.v-overlay-scroll-blocked {
25239
25271
  }
25240
25272
  .v-window-y-reverse-transition-leave-to {
25241
25273
  transform: translateY(100%);
25242
- }.bottom-sheet-transition-enter-from {
25243
- transform: translateY(100%);
25244
- }
25245
- .bottom-sheet-transition-leave-to {
25246
- transform: translateY(100%);
25274
+ }.v-color-picker-canvas {
25275
+ display: flex;
25276
+ position: relative;
25277
+ overflow: hidden;
25278
+ contain: content;
25279
+ touch-action: none;
25247
25280
  }
25248
-
25249
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
25250
- align-self: flex-end;
25251
- border-radius: 0;
25252
- flex: 0 1 auto;
25281
+ .v-color-picker-canvas__dot {
25282
+ position: absolute;
25283
+ top: 0;
25253
25284
  left: 0;
25254
- right: 0;
25255
- margin-inline: 0;
25256
- margin-bottom: 0;
25257
- transition-duration: 0.2s;
25258
- width: 100%;
25259
- max-width: 100%;
25260
- overflow: visible;
25261
- box-shadow: 0px 7px 8px -4px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 12px 17px 2px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 5px 22px 4px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25262
- }
25263
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
25264
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
25265
- border-radius: 0;
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);
25266
25290
  }
25267
- .v-bottom-sheet.v-bottom-sheet--inset {
25268
- max-width: none;
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);
25269
25293
  }
25270
- @media (min-width: 600px) {
25271
- .v-bottom-sheet.v-bottom-sheet--inset {
25272
- max-width: 70%;
25273
- }
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,41 +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-swatches {
25303
- overflow-y: auto;
25304
- }
25305
- .v-color-picker-swatches > div {
25306
- display: flex;
25307
- flex-wrap: wrap;
25308
- justify-content: center;
25309
- padding: 8px;
25310
- }
25311
-
25312
- .v-color-picker-swatches__swatch {
25313
- display: flex;
25314
- flex-direction: column;
25315
- margin-bottom: 10px;
25316
- }
25317
-
25318
- .v-color-picker-swatches__color {
25319
- position: relative;
25320
- height: 18px;
25321
- max-height: 18px;
25322
- width: 45px;
25323
- margin: 2px 4px;
25324
- border-radius: 2px;
25325
- -webkit-user-select: none;
25326
- user-select: none;
25327
- overflow: hidden;
25328
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25329
- cursor: pointer;
25330
- }
25331
- .v-color-picker-swatches__color > div {
25332
- display: flex;
25333
- align-items: center;
25334
- justify-content: center;
25335
- width: 100%;
25336
- height: 100%;
25337
25324
  }.v-color-picker-preview__alpha .v-slider-track__background {
25338
25325
  background-color: transparent !important;
25339
25326
  }
@@ -25404,28 +25391,41 @@ html.v-overlay-scroll-blocked {
25404
25391
  .v-color-picker-preview__eye-dropper {
25405
25392
  position: relative;
25406
25393
  margin-right: 12px;
25407
- }.v-color-picker-canvas {
25394
+ }.v-color-picker-swatches {
25395
+ overflow-y: auto;
25396
+ }
25397
+ .v-color-picker-swatches > div {
25408
25398
  display: flex;
25409
- position: relative;
25410
- overflow: hidden;
25411
- contain: content;
25412
- touch-action: none;
25399
+ flex-wrap: wrap;
25400
+ justify-content: center;
25401
+ padding: 8px;
25413
25402
  }
25414
- .v-color-picker-canvas__dot {
25415
- position: absolute;
25416
- top: 0;
25417
- left: 0;
25418
- width: 15px;
25419
- height: 15px;
25420
- background: transparent;
25421
- border-radius: 50%;
25422
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
25403
+
25404
+ .v-color-picker-swatches__swatch {
25405
+ display: flex;
25406
+ flex-direction: column;
25407
+ margin-bottom: 10px;
25423
25408
  }
25424
- .v-color-picker-canvas__dot--disabled {
25425
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
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;
25426
25422
  }
25427
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25428
- will-change: transform;
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;