vuetify 3.0.1 → 3.0.3

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 (71) hide show
  1. package/dist/json/attributes.json +24 -24
  2. package/dist/json/importMap.json +34 -30
  3. package/dist/json/web-types.json +93 -62
  4. package/dist/vuetify.css +204 -205
  5. package/dist/vuetify.d.ts +334 -142
  6. package/dist/vuetify.esm.js +57 -47
  7. package/dist/vuetify.esm.js.map +1 -1
  8. package/dist/vuetify.js +56 -46
  9. package/dist/vuetify.js.map +1 -1
  10. package/dist/vuetify.min.css +2 -2
  11. package/dist/vuetify.min.js +333 -330
  12. package/dist/vuetify.min.js.map +1 -1
  13. package/lib/components/VAppBar/VAppBar.mjs +2 -2
  14. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  15. package/lib/components/VAppBar/index.d.ts +275 -62
  16. package/lib/components/VAutocomplete/index.d.ts +6 -6
  17. package/lib/components/VCard/VCard.css +0 -3
  18. package/lib/components/VCard/VCard.mjs +2 -1
  19. package/lib/components/VCard/VCard.mjs.map +1 -1
  20. package/lib/components/VCard/VCard.sass +0 -3
  21. package/lib/components/VCard/VCardItem.mjs +1 -2
  22. package/lib/components/VCard/VCardItem.mjs.map +1 -1
  23. package/lib/components/VCombobox/index.d.ts +6 -6
  24. package/lib/components/VDefaultsProvider/VDefaultsProvider.mjs +1 -1
  25. package/lib/components/VDefaultsProvider/VDefaultsProvider.mjs.map +1 -1
  26. package/lib/components/VField/index.d.ts +6 -6
  27. package/lib/components/VFileInput/index.d.ts +1 -1
  28. package/lib/components/VFooter/VFooter.mjs +1 -1
  29. package/lib/components/VFooter/VFooter.mjs.map +1 -1
  30. package/lib/components/VLazy/VLazy.mjs +2 -1
  31. package/lib/components/VLazy/VLazy.mjs.map +1 -1
  32. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +2 -2
  33. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  34. package/lib/components/VOverlay/locationStrategies.mjs +3 -1
  35. package/lib/components/VOverlay/locationStrategies.mjs.map +1 -1
  36. package/lib/components/VOverlay/scrollStrategies.mjs +4 -0
  37. package/lib/components/VOverlay/scrollStrategies.mjs.map +1 -1
  38. package/lib/components/VOverlay/useActivator.mjs +4 -0
  39. package/lib/components/VOverlay/useActivator.mjs.map +1 -1
  40. package/lib/components/VProgressLinear/VProgressLinear.mjs +1 -0
  41. package/lib/components/VProgressLinear/VProgressLinear.mjs.map +1 -1
  42. package/lib/components/VProgressLinear/VProgressLinear.sass +1 -1
  43. package/lib/components/VProgressLinear/_variables.scss +1 -1
  44. package/lib/components/VRating/VRating.mjs +7 -6
  45. package/lib/components/VRating/VRating.mjs.map +1 -1
  46. package/lib/components/VRating/index.d.ts +14 -14
  47. package/lib/components/VSelect/index.d.ts +6 -6
  48. package/lib/components/VSelectionControl/index.d.ts +6 -6
  49. package/lib/components/VSlideGroup/VSlideGroup.css +1 -0
  50. package/lib/components/VSlideGroup/VSlideGroup.sass +1 -0
  51. package/lib/components/VTextField/index.d.ts +18 -18
  52. package/lib/components/VTextarea/index.d.ts +1 -1
  53. package/lib/components/VToolbar/VToolbar.css +1 -0
  54. package/lib/components/VToolbar/VToolbar.mjs.map +1 -1
  55. package/lib/components/VToolbar/VToolbar.sass +1 -0
  56. package/lib/components/VToolbar/index.d.ts +9 -8
  57. package/lib/components/index.d.ts +324 -133
  58. package/lib/components/transitions/dialog-transition.mjs +2 -2
  59. package/lib/components/transitions/dialog-transition.mjs.map +1 -1
  60. package/lib/components/transitions/index.mjs +1 -1
  61. package/lib/components/transitions/index.mjs.map +1 -1
  62. package/lib/composables/nested/nested.mjs +2 -2
  63. package/lib/composables/nested/nested.mjs.map +1 -1
  64. package/lib/composables/toggleScope.mjs +6 -2
  65. package/lib/composables/toggleScope.mjs.map +1 -1
  66. package/lib/entry-bundler.mjs +1 -1
  67. package/lib/framework.mjs +1 -1
  68. package/lib/index.d.ts +10 -9
  69. package/lib/util/defineComponent.mjs +8 -13
  70. package/lib/util/defineComponent.mjs.map +1 -1
  71. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.0.1
2
+ * Vuetify v3.0.3
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -19058,6 +19058,59 @@ html.overflow-y-hidden {
19058
19058
  }
19059
19059
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
19060
19060
  align-self: flex-start;
19061
+ }.v-bottom-navigation {
19062
+ display: flex;
19063
+ max-width: 100%;
19064
+ overflow: hidden;
19065
+ position: absolute;
19066
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19067
+ border-style: solid;
19068
+ border-width: 0;
19069
+ border-radius: 0;
19070
+ background: rgb(var(--v-theme-surface));
19071
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19072
+ }
19073
+ .v-bottom-navigation--border {
19074
+ border-width: thin;
19075
+ box-shadow: none;
19076
+ }
19077
+ .v-bottom-navigation--active {
19078
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19079
+ }
19080
+
19081
+ .v-bottom-navigation__content {
19082
+ display: flex;
19083
+ flex: none;
19084
+ font-size: 0.75rem;
19085
+ justify-content: center;
19086
+ transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19087
+ width: 100%;
19088
+ }
19089
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19090
+ font-size: inherit;
19091
+ height: 100%;
19092
+ max-width: 168px;
19093
+ min-width: 80px;
19094
+ text-transform: none;
19095
+ transition: inherit;
19096
+ width: auto;
19097
+ border-radius: 0;
19098
+ }
19099
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19100
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19101
+ transition: inherit;
19102
+ }
19103
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19104
+ font-size: 1.5rem;
19105
+ }
19106
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19107
+ flex-grow: 1;
19108
+ }
19109
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19110
+ opacity: 0;
19111
+ }
19112
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19113
+ transform: translateY(0.5rem);
19061
19114
  }.v-breadcrumbs {
19062
19115
  display: flex;
19063
19116
  align-items: center;
@@ -19112,59 +19165,6 @@ html.overflow-y-hidden {
19112
19165
  display: inline-block;
19113
19166
  padding: 0 8px;
19114
19167
  vertical-align: middle;
19115
- }.v-bottom-navigation {
19116
- display: flex;
19117
- max-width: 100%;
19118
- overflow: hidden;
19119
- position: absolute;
19120
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19121
- border-style: solid;
19122
- border-width: 0;
19123
- border-radius: 0;
19124
- background: rgb(var(--v-theme-surface));
19125
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19126
- }
19127
- .v-bottom-navigation--border {
19128
- border-width: thin;
19129
- box-shadow: none;
19130
- }
19131
- .v-bottom-navigation--active {
19132
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
19133
- }
19134
-
19135
- .v-bottom-navigation__content {
19136
- display: flex;
19137
- flex: none;
19138
- font-size: 0.75rem;
19139
- justify-content: center;
19140
- transition: transform, color 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
19141
- width: 100%;
19142
- }
19143
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
19144
- font-size: inherit;
19145
- height: 100%;
19146
- max-width: 168px;
19147
- min-width: 80px;
19148
- text-transform: none;
19149
- transition: inherit;
19150
- width: auto;
19151
- border-radius: 0;
19152
- }
19153
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
19154
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19155
- transition: inherit;
19156
- }
19157
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
19158
- font-size: 1.5rem;
19159
- }
19160
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
19161
- flex-grow: 1;
19162
- }
19163
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
19164
- opacity: 0;
19165
- }
19166
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
19167
- transform: translateY(0.5rem);
19168
19168
  }/** if false, disabled buttons will be greyed out */
19169
19169
  .v-btn {
19170
19170
  align-items: center;
@@ -19820,13 +19820,10 @@ html.overflow-y-hidden {
19820
19820
  min-width: 0;
19821
19821
  overflow-wrap: normal;
19822
19822
  overflow: hidden;
19823
- overflow: hidden;
19824
19823
  padding: 0.5rem 1rem;
19825
19824
  text-overflow: ellipsis;
19826
- text-overflow: ellipsis;
19827
19825
  text-transform: none;
19828
19826
  white-space: nowrap;
19829
- white-space: nowrap;
19830
19827
  word-break: normal;
19831
19828
  word-wrap: break-word;
19832
19829
  }
@@ -23595,6 +23592,64 @@ html.v-overlay-scroll-blocked {
23595
23592
 
23596
23593
  .v-slider__label {
23597
23594
  margin-inline-end: 12px;
23595
+ }.v-rating {
23596
+ max-width: 100%;
23597
+ display: inline-flex;
23598
+ white-space: nowrap;
23599
+ }
23600
+ .v-rating--readonly {
23601
+ pointer-events: none;
23602
+ }
23603
+
23604
+ .v-rating__wrapper {
23605
+ align-items: center;
23606
+ display: inline-flex;
23607
+ flex-direction: column;
23608
+ }
23609
+ .v-rating__wrapper--bottom {
23610
+ flex-direction: column-reverse;
23611
+ }
23612
+
23613
+ .v-rating__item {
23614
+ display: inline-flex;
23615
+ position: relative;
23616
+ }
23617
+ .v-rating__item label {
23618
+ cursor: pointer;
23619
+ }
23620
+ .v-rating__item .v-btn--variant-plain {
23621
+ opacity: 1;
23622
+ }
23623
+ .v-rating__item .v-btn {
23624
+ transition-property: transform;
23625
+ }
23626
+ .v-rating__item .v-btn .v-icon {
23627
+ transition: inherit;
23628
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23629
+ }
23630
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23631
+ transform: scale(1.25);
23632
+ }
23633
+ .v-rating__item--focused .v-btn__overlay {
23634
+ display: block;
23635
+ opacity: var(--v-hover-opacity);
23636
+ }
23637
+ .v-rating__item--half {
23638
+ overflow: hidden;
23639
+ position: absolute;
23640
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23641
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23642
+ z-index: 1;
23643
+ }
23644
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23645
+ opacity: 0;
23646
+ }
23647
+
23648
+ .v-rating__hidden {
23649
+ height: 0;
23650
+ opacity: 0;
23651
+ position: absolute;
23652
+ width: 0;
23598
23653
  }.v-responsive {
23599
23654
  display: flex;
23600
23655
  flex: 1 0 auto;
@@ -23809,6 +23864,7 @@ html.v-overlay-scroll-blocked {
23809
23864
  border-radius: 4px;
23810
23865
  }.v-slide-group {
23811
23866
  display: flex;
23867
+ overflow: hidden;
23812
23868
  }
23813
23869
 
23814
23870
  .v-slide-group__next,
@@ -24877,154 +24933,6 @@ html.v-overlay-scroll-blocked {
24877
24933
 
24878
24934
  .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 {
24879
24935
  padding-inline-end: 0;
24880
- }.v-window {
24881
- overflow: hidden;
24882
- }
24883
- .v-window__container {
24884
- display: flex;
24885
- flex-direction: column;
24886
- height: inherit;
24887
- position: relative;
24888
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24889
- }
24890
- .v-window__controls {
24891
- position: absolute;
24892
- left: 0;
24893
- top: 0;
24894
- width: 100%;
24895
- height: 100%;
24896
- display: flex;
24897
- align-items: center;
24898
- justify-content: space-between;
24899
- padding: 0 16px;
24900
- pointer-events: none;
24901
- }
24902
- .v-window__controls * {
24903
- pointer-events: auto;
24904
- }
24905
- .v-window--show-arrows-on-hover {
24906
- overflow: hidden;
24907
- }
24908
- .v-window--show-arrows-on-hover .v-window__left {
24909
- transform: translateX(-200%);
24910
- }
24911
- .v-window--show-arrows-on-hover .v-window__right {
24912
- transform: translateX(200%);
24913
- }
24914
- .v-window--show-arrows-on-hover:hover .v-window__left,
24915
- .v-window--show-arrows-on-hover:hover .v-window__right {
24916
- transform: translateX(0);
24917
- }
24918
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
24919
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
24920
- }
24921
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
24922
- position: absolute !important;
24923
- top: 0;
24924
- width: 100%;
24925
- }
24926
- .v-window-x-transition-enter-from {
24927
- transform: translateX(100%);
24928
- }
24929
- .v-window-x-transition-leave-to {
24930
- transform: translateX(-100%);
24931
- }
24932
- .v-window-x-reverse-transition-enter-from {
24933
- transform: translateX(-100%);
24934
- }
24935
- .v-window-x-reverse-transition-leave-to {
24936
- transform: translateX(100%);
24937
- }
24938
- .v-window-y-transition-enter-from {
24939
- transform: translateY(100%);
24940
- }
24941
- .v-window-y-transition-leave-to {
24942
- transform: translateY(-100%);
24943
- }
24944
- .v-window-y-reverse-transition-enter-from {
24945
- transform: translateY(-100%);
24946
- }
24947
- .v-window-y-reverse-transition-leave-to {
24948
- transform: translateY(100%);
24949
- }.v-rating {
24950
- max-width: 100%;
24951
- display: inline-flex;
24952
- white-space: nowrap;
24953
- }
24954
- .v-rating--readonly {
24955
- pointer-events: none;
24956
- }
24957
-
24958
- .v-rating__wrapper {
24959
- align-items: center;
24960
- display: inline-flex;
24961
- flex-direction: column;
24962
- }
24963
- .v-rating__wrapper--bottom {
24964
- flex-direction: column-reverse;
24965
- }
24966
-
24967
- .v-rating__item {
24968
- display: inline-flex;
24969
- position: relative;
24970
- }
24971
- .v-rating__item label {
24972
- cursor: pointer;
24973
- }
24974
- .v-rating__item .v-btn--variant-plain {
24975
- opacity: 1;
24976
- }
24977
- .v-rating__item .v-btn {
24978
- transition-property: transform;
24979
- }
24980
- .v-rating__item .v-btn .v-icon {
24981
- transition: inherit;
24982
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
24983
- }
24984
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
24985
- transform: scale(1.25);
24986
- }
24987
- .v-rating__item--focused .v-btn__overlay {
24988
- display: block;
24989
- opacity: var(--v-hover-opacity);
24990
- }
24991
- .v-rating__item--half {
24992
- overflow: hidden;
24993
- position: absolute;
24994
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24995
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
24996
- z-index: 1;
24997
- }
24998
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
24999
- opacity: 0;
25000
- }
25001
-
25002
- .v-rating__hidden {
25003
- height: 0;
25004
- opacity: 0;
25005
- position: absolute;
25006
- width: 0;
25007
- }.v-tooltip .v-overlay__content {
25008
- background: rgba(var(--v-theme-surface-variant), 0.7);
25009
- color: rgb(var(--v-theme-on-surface-variant));
25010
- border-radius: 4px;
25011
- font-size: 0.875rem;
25012
- line-height: 1.6;
25013
- display: inline-block;
25014
- padding: 5px 16px;
25015
- text-transform: initial;
25016
- width: auto;
25017
- opacity: 1;
25018
- pointer-events: none;
25019
- transition-property: opacity, transform;
25020
- }
25021
- .v-tooltip .v-overlay__content[class*=enter-active] {
25022
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25023
- transition-duration: 150ms;
25024
- }
25025
- .v-tooltip .v-overlay__content[class*=leave-active] {
25026
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25027
- transition-duration: 75ms;
25028
24936
  }.v-toolbar {
25029
24937
  align-items: flex-start;
25030
24938
  display: flex;
@@ -25108,6 +25016,7 @@ html.v-overlay-scroll-blocked {
25108
25016
 
25109
25017
  .v-toolbar__prepend,
25110
25018
  .v-toolbar__append {
25019
+ align-items: center;
25111
25020
  display: flex;
25112
25021
  }
25113
25022
 
@@ -25153,6 +25062,96 @@ html.v-overlay-scroll-blocked {
25153
25062
  }
25154
25063
  .v-toolbar-items > .v-btn {
25155
25064
  border-radius: 0;
25065
+ }.v-tooltip .v-overlay__content {
25066
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25067
+ color: rgb(var(--v-theme-on-surface-variant));
25068
+ border-radius: 4px;
25069
+ font-size: 0.875rem;
25070
+ line-height: 1.6;
25071
+ display: inline-block;
25072
+ padding: 5px 16px;
25073
+ text-transform: initial;
25074
+ width: auto;
25075
+ opacity: 1;
25076
+ pointer-events: none;
25077
+ transition-property: opacity, transform;
25078
+ }
25079
+ .v-tooltip .v-overlay__content[class*=enter-active] {
25080
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
25081
+ transition-duration: 150ms;
25082
+ }
25083
+ .v-tooltip .v-overlay__content[class*=leave-active] {
25084
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25085
+ transition-duration: 75ms;
25086
+ }.v-window {
25087
+ overflow: hidden;
25088
+ }
25089
+ .v-window__container {
25090
+ display: flex;
25091
+ flex-direction: column;
25092
+ height: inherit;
25093
+ position: relative;
25094
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25095
+ }
25096
+ .v-window__controls {
25097
+ position: absolute;
25098
+ left: 0;
25099
+ top: 0;
25100
+ width: 100%;
25101
+ height: 100%;
25102
+ display: flex;
25103
+ align-items: center;
25104
+ justify-content: space-between;
25105
+ padding: 0 16px;
25106
+ pointer-events: none;
25107
+ }
25108
+ .v-window__controls * {
25109
+ pointer-events: auto;
25110
+ }
25111
+ .v-window--show-arrows-on-hover {
25112
+ overflow: hidden;
25113
+ }
25114
+ .v-window--show-arrows-on-hover .v-window__left {
25115
+ transform: translateX(-200%);
25116
+ }
25117
+ .v-window--show-arrows-on-hover .v-window__right {
25118
+ transform: translateX(200%);
25119
+ }
25120
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25121
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25122
+ transform: translateX(0);
25123
+ }
25124
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
25125
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25126
+ }
25127
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
25128
+ position: absolute !important;
25129
+ top: 0;
25130
+ width: 100%;
25131
+ }
25132
+ .v-window-x-transition-enter-from {
25133
+ transform: translateX(100%);
25134
+ }
25135
+ .v-window-x-transition-leave-to {
25136
+ transform: translateX(-100%);
25137
+ }
25138
+ .v-window-x-reverse-transition-enter-from {
25139
+ transform: translateX(-100%);
25140
+ }
25141
+ .v-window-x-reverse-transition-leave-to {
25142
+ transform: translateX(100%);
25143
+ }
25144
+ .v-window-y-transition-enter-from {
25145
+ transform: translateY(100%);
25146
+ }
25147
+ .v-window-y-transition-leave-to {
25148
+ transform: translateY(-100%);
25149
+ }
25150
+ .v-window-y-reverse-transition-enter-from {
25151
+ transform: translateY(-100%);
25152
+ }
25153
+ .v-window-y-reverse-transition-leave-to {
25154
+ transform: translateY(100%);
25156
25155
  }.v-color-picker-canvas {
25157
25156
  position: relative;
25158
25157
  overflow: hidden;