@vuetify/nightly 3.6.3-dev.2024-05-06 → 3.6.3-dev.2024-05-14

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 (39) hide show
  1. package/CHANGELOG.md +3 -2
  2. package/dist/json/attributes.json +16 -0
  3. package/dist/json/importMap-labs.json +22 -22
  4. package/dist/json/importMap.json +138 -138
  5. package/dist/json/tags.json +4 -0
  6. package/dist/json/web-types.json +37 -1
  7. package/dist/vuetify-labs.css +2041 -2041
  8. package/dist/vuetify-labs.d.ts +111 -75
  9. package/dist/vuetify-labs.esm.js +6 -4
  10. package/dist/vuetify-labs.esm.js.map +1 -1
  11. package/dist/vuetify-labs.js +6 -4
  12. package/dist/vuetify-labs.min.css +2 -2
  13. package/dist/vuetify.css +994 -994
  14. package/dist/vuetify.d.ts +144 -108
  15. package/dist/vuetify.esm.js +6 -4
  16. package/dist/vuetify.esm.js.map +1 -1
  17. package/dist/vuetify.js +6 -4
  18. package/dist/vuetify.js.map +1 -1
  19. package/dist/vuetify.min.css +2 -2
  20. package/dist/vuetify.min.js +7 -7
  21. package/dist/vuetify.min.js.map +1 -1
  22. package/lib/components/VAppBar/index.d.mts +6 -0
  23. package/lib/components/VAutocomplete/index.d.mts +12 -12
  24. package/lib/components/VBreadcrumbs/index.d.mts +8 -8
  25. package/lib/components/VBtn/VBtn.mjs +3 -1
  26. package/lib/components/VBtn/VBtn.mjs.map +1 -1
  27. package/lib/components/VBtn/index.d.mts +6 -0
  28. package/lib/components/VCombobox/index.d.mts +12 -12
  29. package/lib/components/VFab/index.d.mts +6 -0
  30. package/lib/components/VList/index.d.mts +12 -12
  31. package/lib/components/VSelect/index.d.mts +12 -12
  32. package/lib/components/VTabs/index.d.mts +21 -3
  33. package/lib/components/index.d.mts +95 -59
  34. package/lib/entry-bundler.mjs +1 -1
  35. package/lib/framework.mjs +1 -1
  36. package/lib/index.d.mts +49 -49
  37. package/lib/labs/VTreeview/index.d.mts +16 -16
  38. package/lib/labs/components.d.mts +16 -16
  39. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.3-dev.2024-05-06
2
+ * Vuetify v3.6.3-dev.2024-05-14
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17701,77 +17701,6 @@ html.overflow-y-hidden {
17701
17701
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
17702
17702
  opacity: var(--v-high-emphasis-opacity);
17703
17703
  transform: rotate(180deg);
17704
- }.v-badge {
17705
- display: inline-block;
17706
- line-height: 1;
17707
- }
17708
-
17709
- .v-badge__badge {
17710
- align-items: center;
17711
- display: inline-flex;
17712
- border-radius: 10px;
17713
- font-size: 0.75rem;
17714
- font-weight: 500;
17715
- height: 1.25rem;
17716
- justify-content: center;
17717
- min-width: 20px;
17718
- padding: 4px 6px;
17719
- pointer-events: auto;
17720
- position: absolute;
17721
- text-align: center;
17722
- text-indent: 0;
17723
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17724
- white-space: nowrap;
17725
- background: rgb(var(--v-theme-surface-variant));
17726
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17727
- }
17728
- .v-badge--bordered .v-badge__badge::after {
17729
- border-radius: inherit;
17730
- border-style: solid;
17731
- border-width: 2px;
17732
- bottom: 0;
17733
- color: rgb(var(--v-theme-background));
17734
- content: "";
17735
- left: 0;
17736
- position: absolute;
17737
- right: 0;
17738
- top: 0;
17739
- transform: scale(1.05);
17740
- }
17741
- .v-badge--dot .v-badge__badge {
17742
- border-radius: 4.5px;
17743
- height: 9px;
17744
- min-width: 0;
17745
- padding: 0;
17746
- width: 9px;
17747
- }
17748
- .v-badge--dot .v-badge__badge::after {
17749
- border-width: 1.5px;
17750
- }
17751
- .v-badge--inline .v-badge__badge {
17752
- position: relative;
17753
- vertical-align: middle;
17754
- }
17755
- .v-badge__badge .v-icon {
17756
- color: inherit;
17757
- font-size: 0.75rem;
17758
- margin: 0 -2px;
17759
- }
17760
- .v-badge__badge img,
17761
- .v-badge__badge .v-img {
17762
- height: 100%;
17763
- width: 100%;
17764
- }
17765
-
17766
- .v-badge__wrapper {
17767
- display: flex;
17768
- position: relative;
17769
- }
17770
- .v-badge--inline .v-badge__wrapper {
17771
- align-items: center;
17772
- display: inline-flex;
17773
- justify-content: center;
17774
- margin: 0 4px;
17775
17704
  }.v-avatar {
17776
17705
  flex: none;
17777
17706
  align-items: center;
@@ -17874,6 +17803,77 @@ html.overflow-y-hidden {
17874
17803
  .v-avatar .v-img {
17875
17804
  height: 100%;
17876
17805
  width: 100%;
17806
+ }.v-badge {
17807
+ display: inline-block;
17808
+ line-height: 1;
17809
+ }
17810
+
17811
+ .v-badge__badge {
17812
+ align-items: center;
17813
+ display: inline-flex;
17814
+ border-radius: 10px;
17815
+ font-size: 0.75rem;
17816
+ font-weight: 500;
17817
+ height: 1.25rem;
17818
+ justify-content: center;
17819
+ min-width: 20px;
17820
+ padding: 4px 6px;
17821
+ pointer-events: auto;
17822
+ position: absolute;
17823
+ text-align: center;
17824
+ text-indent: 0;
17825
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
17826
+ white-space: nowrap;
17827
+ background: rgb(var(--v-theme-surface-variant));
17828
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
17829
+ }
17830
+ .v-badge--bordered .v-badge__badge::after {
17831
+ border-radius: inherit;
17832
+ border-style: solid;
17833
+ border-width: 2px;
17834
+ bottom: 0;
17835
+ color: rgb(var(--v-theme-background));
17836
+ content: "";
17837
+ left: 0;
17838
+ position: absolute;
17839
+ right: 0;
17840
+ top: 0;
17841
+ transform: scale(1.05);
17842
+ }
17843
+ .v-badge--dot .v-badge__badge {
17844
+ border-radius: 4.5px;
17845
+ height: 9px;
17846
+ min-width: 0;
17847
+ padding: 0;
17848
+ width: 9px;
17849
+ }
17850
+ .v-badge--dot .v-badge__badge::after {
17851
+ border-width: 1.5px;
17852
+ }
17853
+ .v-badge--inline .v-badge__badge {
17854
+ position: relative;
17855
+ vertical-align: middle;
17856
+ }
17857
+ .v-badge__badge .v-icon {
17858
+ color: inherit;
17859
+ font-size: 0.75rem;
17860
+ margin: 0 -2px;
17861
+ }
17862
+ .v-badge__badge img,
17863
+ .v-badge__badge .v-img {
17864
+ height: 100%;
17865
+ width: 100%;
17866
+ }
17867
+
17868
+ .v-badge__wrapper {
17869
+ display: flex;
17870
+ position: relative;
17871
+ }
17872
+ .v-badge--inline .v-badge__wrapper {
17873
+ align-items: center;
17874
+ display: inline-flex;
17875
+ justify-content: center;
17876
+ margin: 0 4px;
17877
17877
  }.v-banner {
17878
17878
  display: grid;
17879
17879
  flex: 1 1;
@@ -18086,6 +18086,38 @@ html.overflow-y-hidden {
18086
18086
  }
18087
18087
  .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18088
18088
  transform: translateY(0.5rem);
18089
+ }.bottom-sheet-transition-enter-from {
18090
+ transform: translateY(100%);
18091
+ }
18092
+ .bottom-sheet-transition-leave-to {
18093
+ transform: translateY(100%);
18094
+ }
18095
+
18096
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18097
+ align-self: flex-end;
18098
+ border-radius: 0;
18099
+ flex: 0 1 auto;
18100
+ left: 0;
18101
+ right: 0;
18102
+ margin-inline: 0;
18103
+ margin-bottom: 0;
18104
+ transition-duration: 0.2s;
18105
+ width: 100%;
18106
+ max-width: 100%;
18107
+ overflow: visible;
18108
+ 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));
18109
+ }
18110
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18111
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18112
+ border-radius: 0;
18113
+ }
18114
+ .v-bottom-sheet.v-bottom-sheet--inset {
18115
+ max-width: none;
18116
+ }
18117
+ @media (min-width: 600px) {
18118
+ .v-bottom-sheet.v-bottom-sheet--inset {
18119
+ max-width: 70%;
18120
+ }
18089
18121
  }.v-breadcrumbs {
18090
18122
  display: flex;
18091
18123
  align-items: center;
@@ -18143,38 +18175,6 @@ html.overflow-y-hidden {
18143
18175
  display: inline-block;
18144
18176
  padding: 0 8px;
18145
18177
  vertical-align: middle;
18146
- }.bottom-sheet-transition-enter-from {
18147
- transform: translateY(100%);
18148
- }
18149
- .bottom-sheet-transition-leave-to {
18150
- transform: translateY(100%);
18151
- }
18152
-
18153
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18154
- align-self: flex-end;
18155
- border-radius: 0;
18156
- flex: 0 1 auto;
18157
- left: 0;
18158
- right: 0;
18159
- margin-inline: 0;
18160
- margin-bottom: 0;
18161
- transition-duration: 0.2s;
18162
- width: 100%;
18163
- max-width: 100%;
18164
- overflow: visible;
18165
- 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));
18166
- }
18167
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18168
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18169
- border-radius: 0;
18170
- }
18171
- .v-bottom-sheet.v-bottom-sheet--inset {
18172
- max-width: none;
18173
- }
18174
- @media (min-width: 600px) {
18175
- .v-bottom-sheet.v-bottom-sheet--inset {
18176
- max-width: 70%;
18177
- }
18178
18178
  }.v-btn {
18179
18179
  align-items: center;
18180
18180
  border-radius: 4px;
@@ -20231,231 +20231,20 @@ html.overflow-y-hidden {
20231
20231
  flex: 0 1 auto;
20232
20232
  font-size: 12px;
20233
20233
  transition-duration: 150ms;
20234
- }.v-date-picker {
20235
- overflow: hidden;
20236
- width: 328px;
20237
- }
20238
- .v-date-picker--show-week {
20239
- width: 368px;
20240
- }.v-date-picker-controls {
20241
- display: flex;
20242
- align-items: center;
20243
- justify-content: space-between;
20244
- font-size: 0.875rem;
20245
- padding-top: 4px;
20246
- padding-bottom: 4px;
20247
- padding-inline-start: 6px;
20248
- padding-inline-end: 12px;
20249
- }
20250
- .v-date-picker-controls > .v-btn:first-child {
20251
- text-transform: none;
20252
- font-weight: 400;
20253
- line-height: initial;
20254
- letter-spacing: initial;
20234
+ }.v-data-table {
20235
+ width: 100%;
20255
20236
  }
20256
- .v-date-picker-controls--variant-classic {
20257
- padding-inline-start: 12px;
20237
+
20238
+ .v-data-table__table {
20239
+ width: 100%;
20240
+ border-collapse: separate;
20241
+ border-spacing: 0;
20258
20242
  }
20259
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20260
- opacity: 0.7;
20243
+
20244
+ .v-data-table__tr--focus {
20245
+ border: 1px dotted black;
20261
20246
  }
20262
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20263
- cursor: pointer;
20264
- }
20265
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20266
- opacity: 1;
20267
- }
20268
- .v-date-picker-controls .v-btn:last-child {
20269
- margin-inline-start: 4px;
20270
- }
20271
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20272
- transform: rotate(180deg);
20273
- }
20274
-
20275
- .v-date-picker-controls__date {
20276
- margin-inline-end: 4px;
20277
- }
20278
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20279
- margin: auto;
20280
- text-align: center;
20281
- }
20282
-
20283
- .v-date-picker-controls__month {
20284
- display: flex;
20285
- }
20286
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20287
- flex-direction: row-reverse;
20288
- }
20289
-
20290
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20291
- flex: 1 0 auto;
20292
- }
20293
-
20294
- .v-date-picker__title {
20295
- display: inline-block;
20296
- }.v-date-picker-months {
20297
- height: 288px;
20298
- }
20299
-
20300
- .v-date-picker-months__content {
20301
- align-items: center;
20302
- display: grid;
20303
- flex: 1 1;
20304
- height: inherit;
20305
- justify-content: space-around;
20306
- grid-template-columns: repeat(2, 1fr);
20307
- grid-gap: 0px 24px;
20308
- padding-inline-start: 36px;
20309
- padding-inline-end: 36px;
20310
- }
20311
- .v-date-picker-months__content .v-btn {
20312
- text-transform: none;
20313
- padding-inline-start: 8px;
20314
- padding-inline-end: 8px;
20315
- }.v-date-picker-month {
20316
- display: flex;
20317
- justify-content: center;
20318
- padding: 0 12px 8px;
20319
- --v-date-picker-month-day-diff: 4px;
20320
- }
20321
-
20322
- .v-date-picker-month__weeks {
20323
- display: grid;
20324
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20325
- column-gap: 4px;
20326
- font-size: 0.85rem;
20327
- }
20328
- .v-date-picker-month__weeks + .v-date-picker-month__days {
20329
- grid-row-gap: 0;
20330
- }
20331
-
20332
- .v-date-picker-month__weekday {
20333
- font-size: 0.85rem;
20334
- }
20335
-
20336
- .v-date-picker-month__days {
20337
- display: grid;
20338
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20339
- column-gap: 4px;
20340
- flex: 1 1;
20341
- justify-content: space-around;
20342
- }
20343
-
20344
- .v-date-picker-month__day {
20345
- align-items: center;
20346
- display: flex;
20347
- justify-content: center;
20348
- position: relative;
20349
- height: 40px;
20350
- width: 40px;
20351
- }
20352
- .v-date-picker-month__day--selected .v-btn {
20353
- background-color: rgb(var(--v-theme-surface-variant));
20354
- color: rgb(var(--v-theme-on-surface-variant));
20355
- }
20356
- .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20357
- --v-btn-height: 24px;
20358
- --v-btn-size: 0.85rem;
20359
- }
20360
- .v-date-picker-month__day--week {
20361
- font-size: var(--v-btn-size);
20362
- }
20363
-
20364
- .v-date-picker-month__day--adjacent {
20365
- opacity: 0.5;
20366
- }
20367
-
20368
- .v-date-picker-month__day--hide-adjacent {
20369
- opacity: 0;
20370
- }.v-date-picker-header {
20371
- align-items: flex-end;
20372
- height: 70px;
20373
- display: grid;
20374
- grid-template-areas: "prepend content append";
20375
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20376
- overflow: hidden;
20377
- padding-inline: 24px 12px;
20378
- padding-bottom: 12px;
20379
- }
20380
-
20381
- .v-date-picker-header__append {
20382
- grid-area: append;
20383
- }
20384
-
20385
- .v-date-picker-header__prepend {
20386
- grid-area: prepend;
20387
- padding-inline-start: 8px;
20388
- }
20389
-
20390
- .v-date-picker-header__content {
20391
- align-items: center;
20392
- display: inline-flex;
20393
- font-size: 32px;
20394
- line-height: 40px;
20395
- grid-area: content;
20396
- justify-content: space-between;
20397
- }
20398
- .v-date-picker-header--clickable .v-date-picker-header__content {
20399
- cursor: pointer;
20400
- }
20401
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20402
- opacity: 0.7;
20403
- }
20404
-
20405
- .date-picker-header-transition-enter-active,
20406
- .date-picker-header-reverse-transition-enter-active {
20407
- transition-duration: 0.3s;
20408
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20409
- }
20410
- .date-picker-header-transition-leave-active,
20411
- .date-picker-header-reverse-transition-leave-active {
20412
- transition-duration: 0.3s;
20413
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20414
- }
20415
-
20416
- .date-picker-header-transition-enter-from {
20417
- transform: translate(0, 100%);
20418
- }
20419
- .date-picker-header-transition-leave-to {
20420
- opacity: 0;
20421
- transform: translate(0, -100%);
20422
- }
20423
-
20424
- .date-picker-header-reverse-transition-enter-from {
20425
- transform: translate(0, -100%);
20426
- }
20427
- .date-picker-header-reverse-transition-leave-to {
20428
- opacity: 0;
20429
- transform: translate(0, 100%);
20430
- }.v-date-picker-years {
20431
- height: 288px;
20432
- overflow-y: scroll;
20433
- }
20434
-
20435
- .v-date-picker-years__content {
20436
- display: grid;
20437
- flex: 1 1;
20438
- justify-content: space-around;
20439
- grid-template-columns: repeat(3, 1fr);
20440
- gap: 8px 24px;
20441
- padding-inline: 32px;
20442
- }
20443
- .v-date-picker-years__content .v-btn {
20444
- padding-inline: 8px;
20445
- }.v-data-table {
20446
- width: 100%;
20447
- }
20448
-
20449
- .v-data-table__table {
20450
- width: 100%;
20451
- border-collapse: separate;
20452
- border-spacing: 0;
20453
- }
20454
-
20455
- .v-data-table__tr--focus {
20456
- border: 1px dotted black;
20457
- }
20458
- .v-data-table__tr--clickable {
20247
+ .v-data-table__tr--clickable {
20459
20248
  cursor: pointer;
20460
20249
  }
20461
20250
 
@@ -20655,58 +20444,269 @@ html.overflow-y-hidden {
20655
20444
  }
20656
20445
  .v-data-table-footer__page {
20657
20446
  padding: 0 8px;
20658
- }.v-dialog {
20659
- align-items: center;
20660
- justify-content: center;
20661
- margin: auto;
20662
- }
20663
- .v-dialog > .v-overlay__content {
20664
- max-height: calc(100% - 48px);
20665
- width: calc(100% - 48px);
20666
- max-width: calc(100% - 48px);
20667
- margin: 24px;
20447
+ }.v-date-picker {
20448
+ overflow: hidden;
20449
+ width: 328px;
20668
20450
  }
20669
- .v-dialog > .v-overlay__content,
20670
- .v-dialog > .v-overlay__content > form {
20451
+ .v-date-picker--show-week {
20452
+ width: 368px;
20453
+ }.v-date-picker-controls {
20671
20454
  display: flex;
20672
- flex-direction: column;
20673
- min-height: 0;
20455
+ align-items: center;
20456
+ justify-content: space-between;
20457
+ font-size: 0.875rem;
20458
+ padding-top: 4px;
20459
+ padding-bottom: 4px;
20460
+ padding-inline-start: 6px;
20461
+ padding-inline-end: 12px;
20674
20462
  }
20675
- .v-dialog > .v-overlay__content > .v-card,
20676
- .v-dialog > .v-overlay__content > .v-sheet,
20677
- .v-dialog > .v-overlay__content > form > .v-card,
20678
- .v-dialog > .v-overlay__content > form > .v-sheet {
20679
- --v-scrollbar-offset: 0px;
20680
- border-radius: 4px;
20681
- overflow-y: auto;
20682
- 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));
20463
+ .v-date-picker-controls > .v-btn:first-child {
20464
+ text-transform: none;
20465
+ font-weight: 400;
20466
+ line-height: initial;
20467
+ letter-spacing: initial;
20683
20468
  }
20684
- .v-dialog > .v-overlay__content > .v-card,
20685
- .v-dialog > .v-overlay__content > form > .v-card {
20686
- display: flex;
20687
- flex-direction: column;
20469
+ .v-date-picker-controls--variant-classic {
20470
+ padding-inline-start: 12px;
20688
20471
  }
20689
- .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20690
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20691
- padding: 16px 24px;
20472
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20473
+ opacity: 0.7;
20692
20474
  }
20693
- .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20694
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20695
- padding-top: 0;
20475
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20476
+ cursor: pointer;
20696
20477
  }
20697
- .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20698
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20699
- font-size: inherit;
20700
- letter-spacing: 0.03125em;
20701
- line-height: inherit;
20702
- padding: 16px 24px 24px;
20478
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20479
+ opacity: 1;
20703
20480
  }
20704
- .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20705
- .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20706
- justify-content: flex-end;
20481
+ .v-date-picker-controls .v-btn:last-child {
20482
+ margin-inline-start: 4px;
20483
+ }
20484
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20485
+ transform: rotate(180deg);
20707
20486
  }
20708
20487
 
20709
- .v-dialog--fullscreen {
20488
+ .v-date-picker-controls__date {
20489
+ margin-inline-end: 4px;
20490
+ }
20491
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20492
+ margin: auto;
20493
+ text-align: center;
20494
+ }
20495
+
20496
+ .v-date-picker-controls__month {
20497
+ display: flex;
20498
+ }
20499
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20500
+ flex-direction: row-reverse;
20501
+ }
20502
+
20503
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20504
+ flex: 1 0 auto;
20505
+ }
20506
+
20507
+ .v-date-picker__title {
20508
+ display: inline-block;
20509
+ }.v-date-picker-header {
20510
+ align-items: flex-end;
20511
+ height: 70px;
20512
+ display: grid;
20513
+ grid-template-areas: "prepend content append";
20514
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20515
+ overflow: hidden;
20516
+ padding-inline: 24px 12px;
20517
+ padding-bottom: 12px;
20518
+ }
20519
+
20520
+ .v-date-picker-header__append {
20521
+ grid-area: append;
20522
+ }
20523
+
20524
+ .v-date-picker-header__prepend {
20525
+ grid-area: prepend;
20526
+ padding-inline-start: 8px;
20527
+ }
20528
+
20529
+ .v-date-picker-header__content {
20530
+ align-items: center;
20531
+ display: inline-flex;
20532
+ font-size: 32px;
20533
+ line-height: 40px;
20534
+ grid-area: content;
20535
+ justify-content: space-between;
20536
+ }
20537
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20538
+ cursor: pointer;
20539
+ }
20540
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20541
+ opacity: 0.7;
20542
+ }
20543
+
20544
+ .date-picker-header-transition-enter-active,
20545
+ .date-picker-header-reverse-transition-enter-active {
20546
+ transition-duration: 0.3s;
20547
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20548
+ }
20549
+ .date-picker-header-transition-leave-active,
20550
+ .date-picker-header-reverse-transition-leave-active {
20551
+ transition-duration: 0.3s;
20552
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20553
+ }
20554
+
20555
+ .date-picker-header-transition-enter-from {
20556
+ transform: translate(0, 100%);
20557
+ }
20558
+ .date-picker-header-transition-leave-to {
20559
+ opacity: 0;
20560
+ transform: translate(0, -100%);
20561
+ }
20562
+
20563
+ .date-picker-header-reverse-transition-enter-from {
20564
+ transform: translate(0, -100%);
20565
+ }
20566
+ .date-picker-header-reverse-transition-leave-to {
20567
+ opacity: 0;
20568
+ transform: translate(0, 100%);
20569
+ }.v-date-picker-month {
20570
+ display: flex;
20571
+ justify-content: center;
20572
+ padding: 0 12px 8px;
20573
+ --v-date-picker-month-day-diff: 4px;
20574
+ }
20575
+
20576
+ .v-date-picker-month__weeks {
20577
+ display: grid;
20578
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
20579
+ column-gap: 4px;
20580
+ font-size: 0.85rem;
20581
+ }
20582
+ .v-date-picker-month__weeks + .v-date-picker-month__days {
20583
+ grid-row-gap: 0;
20584
+ }
20585
+
20586
+ .v-date-picker-month__weekday {
20587
+ font-size: 0.85rem;
20588
+ }
20589
+
20590
+ .v-date-picker-month__days {
20591
+ display: grid;
20592
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
20593
+ column-gap: 4px;
20594
+ flex: 1 1;
20595
+ justify-content: space-around;
20596
+ }
20597
+
20598
+ .v-date-picker-month__day {
20599
+ align-items: center;
20600
+ display: flex;
20601
+ justify-content: center;
20602
+ position: relative;
20603
+ height: 40px;
20604
+ width: 40px;
20605
+ }
20606
+ .v-date-picker-month__day--selected .v-btn {
20607
+ background-color: rgb(var(--v-theme-surface-variant));
20608
+ color: rgb(var(--v-theme-on-surface-variant));
20609
+ }
20610
+ .v-date-picker-month__day .v-btn.v-date-picker-month__day-btn {
20611
+ --v-btn-height: 24px;
20612
+ --v-btn-size: 0.85rem;
20613
+ }
20614
+ .v-date-picker-month__day--week {
20615
+ font-size: var(--v-btn-size);
20616
+ }
20617
+
20618
+ .v-date-picker-month__day--adjacent {
20619
+ opacity: 0.5;
20620
+ }
20621
+
20622
+ .v-date-picker-month__day--hide-adjacent {
20623
+ opacity: 0;
20624
+ }.v-date-picker-months {
20625
+ height: 288px;
20626
+ }
20627
+
20628
+ .v-date-picker-months__content {
20629
+ align-items: center;
20630
+ display: grid;
20631
+ flex: 1 1;
20632
+ height: inherit;
20633
+ justify-content: space-around;
20634
+ grid-template-columns: repeat(2, 1fr);
20635
+ grid-gap: 0px 24px;
20636
+ padding-inline-start: 36px;
20637
+ padding-inline-end: 36px;
20638
+ }
20639
+ .v-date-picker-months__content .v-btn {
20640
+ text-transform: none;
20641
+ padding-inline-start: 8px;
20642
+ padding-inline-end: 8px;
20643
+ }.v-date-picker-years {
20644
+ height: 288px;
20645
+ overflow-y: scroll;
20646
+ }
20647
+
20648
+ .v-date-picker-years__content {
20649
+ display: grid;
20650
+ flex: 1 1;
20651
+ justify-content: space-around;
20652
+ grid-template-columns: repeat(3, 1fr);
20653
+ gap: 8px 24px;
20654
+ padding-inline: 32px;
20655
+ }
20656
+ .v-date-picker-years__content .v-btn {
20657
+ padding-inline: 8px;
20658
+ }.v-dialog {
20659
+ align-items: center;
20660
+ justify-content: center;
20661
+ margin: auto;
20662
+ }
20663
+ .v-dialog > .v-overlay__content {
20664
+ max-height: calc(100% - 48px);
20665
+ width: calc(100% - 48px);
20666
+ max-width: calc(100% - 48px);
20667
+ margin: 24px;
20668
+ }
20669
+ .v-dialog > .v-overlay__content,
20670
+ .v-dialog > .v-overlay__content > form {
20671
+ display: flex;
20672
+ flex-direction: column;
20673
+ min-height: 0;
20674
+ }
20675
+ .v-dialog > .v-overlay__content > .v-card,
20676
+ .v-dialog > .v-overlay__content > .v-sheet,
20677
+ .v-dialog > .v-overlay__content > form > .v-card,
20678
+ .v-dialog > .v-overlay__content > form > .v-sheet {
20679
+ --v-scrollbar-offset: 0px;
20680
+ border-radius: 4px;
20681
+ overflow-y: auto;
20682
+ 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));
20683
+ }
20684
+ .v-dialog > .v-overlay__content > .v-card,
20685
+ .v-dialog > .v-overlay__content > form > .v-card {
20686
+ display: flex;
20687
+ flex-direction: column;
20688
+ }
20689
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item,
20690
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item {
20691
+ padding: 16px 24px;
20692
+ }
20693
+ .v-dialog > .v-overlay__content > .v-card > .v-card-item + .v-card-text,
20694
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-item + .v-card-text {
20695
+ padding-top: 0;
20696
+ }
20697
+ .v-dialog > .v-overlay__content > .v-card > .v-card-text,
20698
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-text {
20699
+ font-size: inherit;
20700
+ letter-spacing: 0.03125em;
20701
+ line-height: inherit;
20702
+ padding: 16px 24px 24px;
20703
+ }
20704
+ .v-dialog > .v-overlay__content > .v-card > .v-card-actions,
20705
+ .v-dialog > .v-overlay__content > form > .v-card > .v-card-actions {
20706
+ justify-content: flex-end;
20707
+ }
20708
+
20709
+ .v-dialog--fullscreen {
20710
20710
  --v-scrollbar-offset: 0px;
20711
20711
  }
20712
20712
  .v-dialog--fullscreen > .v-overlay__content {
@@ -20747,122 +20747,332 @@ html.overflow-y-hidden {
20747
20747
  -webkit-backface-visibility: hidden;
20748
20748
  backface-visibility: hidden;
20749
20749
  overflow-y: auto;
20750
+ }.v-divider {
20751
+ display: block;
20752
+ flex: 1 1 100%;
20753
+ height: 0px;
20754
+ max-height: 0px;
20755
+ opacity: var(--v-border-opacity);
20756
+ transition: inherit;
20757
+ border-style: solid;
20758
+ border-width: thin 0 0 0;
20759
+ }
20760
+ .v-divider--vertical {
20761
+ align-self: stretch;
20762
+ border-width: 0 thin 0 0;
20763
+ display: inline-flex;
20764
+ height: 100%;
20765
+ margin-left: -1px;
20766
+ max-height: 100%;
20767
+ max-width: 0px;
20768
+ vertical-align: text-bottom;
20769
+ width: 0px;
20770
+ }
20771
+ .v-divider--inset:not(.v-divider--vertical) {
20772
+ max-width: calc(100% - 72px);
20773
+ margin-inline-start: 72px;
20774
+ }
20775
+ .v-divider--inset.v-divider--vertical {
20776
+ margin-bottom: 8px;
20777
+ margin-top: 8px;
20778
+ max-height: calc(100% - 16px);
20779
+ }
20780
+
20781
+ .v-divider__content {
20782
+ padding: 0 16px;
20783
+ }
20784
+ .v-divider__wrapper--vertical .v-divider__content {
20785
+ padding: 4px 0;
20786
+ }
20787
+
20788
+ .v-divider__wrapper {
20789
+ display: flex;
20790
+ align-items: center;
20791
+ justify-content: center;
20792
+ }
20793
+ .v-divider__wrapper--vertical {
20794
+ flex-direction: column;
20795
+ height: 100%;
20796
+ }
20797
+ .v-divider__wrapper--vertical .v-divider {
20798
+ margin: 0 auto;
20750
20799
  }.v-empty-state {
20751
20800
  align-items: center;
20752
20801
  display: flex;
20753
- flex-direction: column;
20754
- justify-content: center;
20755
- min-height: 100%;
20756
- padding: 16px;
20757
- }
20758
- .v-empty-state--start {
20759
- align-items: flex-start;
20802
+ flex-direction: column;
20803
+ justify-content: center;
20804
+ min-height: 100%;
20805
+ padding: 16px;
20806
+ }
20807
+ .v-empty-state--start {
20808
+ align-items: flex-start;
20809
+ }
20810
+ .v-empty-state--center {
20811
+ align-items: center;
20812
+ }
20813
+ .v-empty-state--end {
20814
+ align-items: flex-end;
20815
+ }
20816
+
20817
+ .v-empty-state__media {
20818
+ text-align: center;
20819
+ width: 100%;
20820
+ }
20821
+ .v-empty-state__media .v-icon {
20822
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20823
+ }
20824
+
20825
+ .v-empty-state__headline {
20826
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20827
+ font-size: 3.75rem;
20828
+ font-weight: 300;
20829
+ line-height: 1;
20830
+ text-align: center;
20831
+ margin-bottom: 8px;
20832
+ }
20833
+ .v-empty-state--mobile .v-empty-state__headline {
20834
+ font-size: 2.125rem;
20835
+ }
20836
+
20837
+ .v-empty-state__title {
20838
+ font-size: 1.25rem;
20839
+ font-weight: 500;
20840
+ line-height: 1.6;
20841
+ margin-bottom: 4px;
20842
+ text-align: center;
20843
+ }
20844
+
20845
+ .v-empty-state__text {
20846
+ font-size: 0.875rem;
20847
+ font-weight: 400;
20848
+ line-height: 1.425;
20849
+ padding: 0 16px;
20850
+ text-align: center;
20851
+ }
20852
+
20853
+ .v-empty-state__content {
20854
+ padding: 24px 0;
20855
+ }
20856
+
20857
+ .v-empty-state__actions {
20858
+ display: flex;
20859
+ gap: 8px;
20860
+ padding: 16px;
20861
+ }
20862
+
20863
+ .v-empty-state__action-btn.v-btn {
20864
+ background-color: rgb(var(--v-theme-surface-variant));
20865
+ color: rgb(var(--v-theme-on-surface-variant));
20866
+ }.v-expansion-panel {
20867
+ background-color: rgb(var(--v-theme-surface));
20868
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20869
+ }
20870
+ .v-expansion-panel:not(:first-child)::after {
20871
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20872
+ }
20873
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20874
+ color: rgba(var(--v-theme-on-surface), 0.26);
20875
+ }
20876
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20877
+ opacity: 0.4615384615;
20878
+ }
20879
+
20880
+ .v-expansion-panels {
20881
+ display: flex;
20882
+ flex-wrap: wrap;
20883
+ justify-content: center;
20884
+ list-style-type: none;
20885
+ padding: 0;
20886
+ width: 100%;
20887
+ position: relative;
20888
+ z-index: 1;
20889
+ }
20890
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20891
+ border-bottom-left-radius: 0 !important;
20892
+ border-bottom-right-radius: 0 !important;
20893
+ }
20894
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20895
+ border-top-left-radius: 0 !important;
20896
+ border-top-right-radius: 0 !important;
20897
+ }
20898
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
20899
+ border-bottom-left-radius: 0 !important;
20900
+ border-bottom-right-radius: 0 !important;
20901
+ }
20902
+ .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
20903
+ border-top-left-radius: 0 !important;
20904
+ border-top-right-radius: 0 !important;
20905
+ }
20906
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20907
+ border-bottom-left-radius: 0 !important;
20908
+ border-bottom-right-radius: 0 !important;
20909
+ }
20910
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20911
+ border-top-left-radius: 0 !important;
20912
+ border-top-right-radius: 0 !important;
20913
+ }
20914
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20915
+ border-bottom-left-radius: initial;
20916
+ border-bottom-right-radius: initial;
20917
+ }
20918
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20919
+ border-radius: 0 !important;
20920
+ }
20921
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20922
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20923
+ }
20924
+
20925
+ .v-expansion-panel {
20926
+ flex: 1 0 100%;
20927
+ max-width: 100%;
20928
+ position: relative;
20929
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20930
+ transition-property: margin-top, border-radius, border, max-width;
20931
+ border-radius: 4px;
20932
+ }
20933
+ .v-expansion-panel:not(:first-child)::after {
20934
+ border-top-style: solid;
20935
+ border-top-width: thin;
20936
+ content: "";
20937
+ left: 0;
20938
+ position: absolute;
20939
+ right: 0;
20940
+ top: 0;
20941
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20942
+ }
20943
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20944
+ pointer-events: none;
20945
+ }
20946
+ .v-expansion-panel--active:not(:first-child),
20947
+ .v-expansion-panel--active + .v-expansion-panel {
20948
+ margin-top: 16px;
20949
+ }
20950
+ .v-expansion-panel--active:not(:first-child)::after,
20951
+ .v-expansion-panel--active + .v-expansion-panel::after {
20952
+ opacity: 0;
20953
+ }
20954
+ .v-expansion-panel--active > .v-expansion-panel-title {
20955
+ border-bottom-left-radius: 0;
20956
+ border-bottom-right-radius: 0;
20957
+ }
20958
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20959
+ min-height: 64px;
20960
+ }
20961
+
20962
+ .v-expansion-panel__shadow {
20963
+ position: absolute;
20964
+ top: 0;
20965
+ left: 0;
20966
+ width: 100%;
20967
+ height: 100%;
20968
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
20969
+ border-radius: inherit;
20970
+ z-index: -1;
20971
+ }
20972
+
20973
+ .v-expansion-panel-title {
20974
+ align-items: center;
20975
+ text-align: start;
20976
+ border-radius: inherit;
20977
+ display: flex;
20978
+ font-size: 0.9375rem;
20979
+ line-height: 1;
20980
+ min-height: 48px;
20981
+ outline: none;
20982
+ padding: 16px 24px;
20983
+ position: relative;
20984
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20985
+ width: 100%;
20986
+ justify-content: space-between;
20760
20987
  }
20761
- .v-empty-state--center {
20762
- align-items: center;
20988
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20989
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20763
20990
  }
20764
- .v-empty-state--end {
20765
- align-items: flex-end;
20991
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20992
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20766
20993
  }
20767
-
20768
- .v-empty-state__media {
20769
- text-align: center;
20770
- width: 100%;
20994
+ @supports not selector(:focus-visible) {
20995
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20996
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20997
+ }
20771
20998
  }
20772
- .v-empty-state__media .v-icon {
20773
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20999
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21000
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20774
21001
  }
20775
-
20776
- .v-empty-state__headline {
20777
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20778
- font-size: 3.75rem;
20779
- font-weight: 300;
20780
- line-height: 1;
20781
- text-align: center;
20782
- margin-bottom: 8px;
21002
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21003
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20783
21004
  }
20784
- .v-empty-state--mobile .v-empty-state__headline {
20785
- font-size: 2.125rem;
21005
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21006
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20786
21007
  }
20787
-
20788
- .v-empty-state__title {
20789
- font-size: 1.25rem;
20790
- font-weight: 500;
20791
- line-height: 1.6;
20792
- margin-bottom: 4px;
20793
- text-align: center;
21008
+ @supports not selector(:focus-visible) {
21009
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21010
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21011
+ }
20794
21012
  }
20795
21013
 
20796
- .v-empty-state__text {
20797
- font-size: 0.875rem;
20798
- font-weight: 400;
20799
- line-height: 1.425;
20800
- padding: 0 16px;
20801
- text-align: center;
21014
+ .v-expansion-panel-title__overlay {
21015
+ position: absolute;
21016
+ top: 0;
21017
+ left: 0;
21018
+ width: 100%;
21019
+ height: 100%;
21020
+ background-color: currentColor;
21021
+ border-radius: inherit;
21022
+ opacity: 0;
20802
21023
  }
20803
21024
 
20804
- .v-empty-state__content {
20805
- padding: 24px 0;
21025
+ .v-expansion-panel-title__icon {
21026
+ display: inline-flex;
21027
+ margin-bottom: -4px;
21028
+ margin-top: -4px;
21029
+ -webkit-user-select: none;
21030
+ user-select: none;
21031
+ margin-inline-start: auto;
20806
21032
  }
20807
21033
 
20808
- .v-empty-state__actions {
21034
+ .v-expansion-panel-text {
20809
21035
  display: flex;
20810
- gap: 8px;
20811
- padding: 16px;
21036
+ }
21037
+ .v-expansion-panel-text__wrapper {
21038
+ padding: 8px 24px 16px;
21039
+ flex: 1 1 auto;
21040
+ max-width: 100%;
20812
21041
  }
20813
21042
 
20814
- .v-empty-state__action-btn.v-btn {
20815
- background-color: rgb(var(--v-theme-surface-variant));
20816
- color: rgb(var(--v-theme-on-surface-variant));
20817
- }.v-divider {
20818
- display: block;
20819
- flex: 1 1 100%;
20820
- height: 0px;
20821
- max-height: 0px;
20822
- opacity: var(--v-border-opacity);
20823
- transition: inherit;
20824
- border-style: solid;
20825
- border-width: thin 0 0 0;
21043
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21044
+ margin-top: 0;
20826
21045
  }
20827
- .v-divider--vertical {
20828
- align-self: stretch;
20829
- border-width: 0 thin 0 0;
20830
- display: inline-flex;
20831
- height: 100%;
20832
- margin-left: -1px;
20833
- max-height: 100%;
20834
- max-width: 0px;
20835
- vertical-align: text-bottom;
20836
- width: 0px;
21046
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21047
+ opacity: 1;
20837
21048
  }
20838
- .v-divider--inset:not(.v-divider--vertical) {
20839
- max-width: calc(100% - 72px);
20840
- margin-inline-start: 72px;
21049
+
21050
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21051
+ max-width: calc(100% - 32px);
20841
21052
  }
20842
- .v-divider--inset.v-divider--vertical {
20843
- margin-bottom: 8px;
20844
- margin-top: 8px;
20845
- max-height: calc(100% - 16px);
21053
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21054
+ max-width: calc(100% + 16px);
20846
21055
  }
20847
21056
 
20848
- .v-divider__content {
20849
- padding: 0 16px;
21057
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21058
+ max-width: 100%;
20850
21059
  }
20851
- .v-divider__wrapper--vertical .v-divider__content {
20852
- padding: 4px 0;
21060
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21061
+ max-width: calc(100% - 32px);
20853
21062
  }
20854
21063
 
20855
- .v-divider__wrapper {
20856
- display: flex;
20857
- align-items: center;
20858
- justify-content: center;
21064
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21065
+ border-top: none;
20859
21066
  }
20860
- .v-divider__wrapper--vertical {
20861
- flex-direction: column;
20862
- height: 100%;
21067
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21068
+ display: none;
20863
21069
  }
20864
- .v-divider__wrapper--vertical .v-divider {
20865
- margin: 0 auto;
21070
+
21071
+ .v-expansion-panels--tile {
21072
+ border-radius: 0;
21073
+ }
21074
+ .v-expansion-panels--tile > .v-expansion-panel {
21075
+ border-radius: 0;
20866
21076
  }.v-fab {
20867
21077
  align-items: center;
20868
21078
  display: inline-flex;
@@ -20932,35 +21142,6 @@ html.overflow-y-hidden {
20932
21142
  }
20933
21143
  .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
20934
21144
  right: 0;
20935
- }.v-file-input--hide.v-input .v-field,
20936
- .v-file-input--hide.v-input .v-input__control,
20937
- .v-file-input--hide.v-input .v-input__details {
20938
- display: none;
20939
- }
20940
- .v-file-input--hide.v-input .v-input__prepend {
20941
- grid-area: control;
20942
- margin: 0 auto;
20943
- }
20944
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
20945
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
20946
- .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
20947
- .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
20948
- top: 0px;
20949
- }
20950
- .v-file-input input[type=file] {
20951
- height: 100%;
20952
- left: 0;
20953
- opacity: 0;
20954
- position: absolute;
20955
- top: 0;
20956
- width: 100%;
20957
- z-index: 1;
20958
- }
20959
- .v-file-input .v-input__details {
20960
- padding-inline: 16px;
20961
- }
20962
- .v-input--plain-underlined.v-file-input .v-input__details {
20963
- padding-inline: 0;
20964
21145
  }/* region INPUT */
20965
21146
  .v-field {
20966
21147
  display: grid;
@@ -21531,7 +21712,36 @@ textarea.v-field__input::placeholder {
21531
21712
  opacity: 0;
21532
21713
  }
21533
21714
 
21534
- /* endregion */.v-footer {
21715
+ /* endregion */.v-file-input--hide.v-input .v-field,
21716
+ .v-file-input--hide.v-input .v-input__control,
21717
+ .v-file-input--hide.v-input .v-input__details {
21718
+ display: none;
21719
+ }
21720
+ .v-file-input--hide.v-input .v-input__prepend {
21721
+ grid-area: control;
21722
+ margin: 0 auto;
21723
+ }
21724
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
21725
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
21726
+ .v-file-input--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
21727
+ .v-file-input--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
21728
+ top: 0px;
21729
+ }
21730
+ .v-file-input input[type=file] {
21731
+ height: 100%;
21732
+ left: 0;
21733
+ opacity: 0;
21734
+ position: absolute;
21735
+ top: 0;
21736
+ width: 100%;
21737
+ z-index: 1;
21738
+ }
21739
+ .v-file-input .v-input__details {
21740
+ padding-inline: 16px;
21741
+ }
21742
+ .v-input--plain-underlined.v-file-input .v-input__details {
21743
+ padding-inline: 0;
21744
+ }.v-footer {
21535
21745
  align-items: center;
21536
21746
  display: flex;
21537
21747
  flex: 1 1 auto;
@@ -21559,42 +21769,6 @@ textarea.v-field__input::placeholder {
21559
21769
  }
21560
21770
  .v-footer--rounded {
21561
21771
  border-radius: 4px;
21562
- }.v-img {
21563
- --v-theme-overlay-multiplier: 3;
21564
- z-index: 0;
21565
- }
21566
- .v-img--booting .v-responsive__sizer {
21567
- transition: none;
21568
- }
21569
- .v-img--rounded {
21570
- border-radius: 4px;
21571
- }
21572
-
21573
- .v-img__img,
21574
- .v-img__picture,
21575
- .v-img__gradient,
21576
- .v-img__placeholder,
21577
- .v-img__error {
21578
- z-index: -1;
21579
- position: absolute;
21580
- top: 0;
21581
- left: 0;
21582
- width: 100%;
21583
- height: 100%;
21584
- }
21585
-
21586
- .v-img__img--preload {
21587
- filter: blur(4px);
21588
- }
21589
- .v-img__img--contain {
21590
- object-fit: contain;
21591
- }
21592
- .v-img__img--cover {
21593
- object-fit: cover;
21594
- }
21595
-
21596
- .v-img__gradient {
21597
- background-repeat: no-repeat;
21598
21772
  }.v-icon {
21599
21773
  --v-icon-size-multiplier: 1;
21600
21774
  align-items: center;
@@ -21648,6 +21822,67 @@ textarea.v-field__input::placeholder {
21648
21822
 
21649
21823
  .v-icon--end {
21650
21824
  margin-inline-start: 8px;
21825
+ }.v-img {
21826
+ --v-theme-overlay-multiplier: 3;
21827
+ z-index: 0;
21828
+ }
21829
+ .v-img--booting .v-responsive__sizer {
21830
+ transition: none;
21831
+ }
21832
+ .v-img--rounded {
21833
+ border-radius: 4px;
21834
+ }
21835
+
21836
+ .v-img__img,
21837
+ .v-img__picture,
21838
+ .v-img__gradient,
21839
+ .v-img__placeholder,
21840
+ .v-img__error {
21841
+ z-index: -1;
21842
+ position: absolute;
21843
+ top: 0;
21844
+ left: 0;
21845
+ width: 100%;
21846
+ height: 100%;
21847
+ }
21848
+
21849
+ .v-img__img--preload {
21850
+ filter: blur(4px);
21851
+ }
21852
+ .v-img__img--contain {
21853
+ object-fit: contain;
21854
+ }
21855
+ .v-img__img--cover {
21856
+ object-fit: cover;
21857
+ }
21858
+
21859
+ .v-img__gradient {
21860
+ background-repeat: no-repeat;
21861
+ }.v-infinite-scroll--horizontal {
21862
+ display: flex;
21863
+ flex-direction: row;
21864
+ overflow-x: auto;
21865
+ }
21866
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21867
+ height: 100%;
21868
+ width: 1px;
21869
+ }
21870
+
21871
+ .v-infinite-scroll--vertical {
21872
+ display: flex;
21873
+ flex-direction: column;
21874
+ overflow-y: auto;
21875
+ }
21876
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21877
+ height: 1px;
21878
+ width: 100%;
21879
+ }
21880
+
21881
+ .v-infinite-scroll__side {
21882
+ align-items: center;
21883
+ display: flex;
21884
+ justify-content: center;
21885
+ padding: 8px;
21651
21886
  }.v-input {
21652
21887
  display: grid;
21653
21888
  flex: 1 1 auto;
@@ -21790,51 +22025,11 @@ textarea.v-field__input::placeholder {
21790
22025
 
21791
22026
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
21792
22027
  padding-top: calc(var(--v-input-padding-top) + 0px);
21793
- }.v-infinite-scroll--horizontal {
21794
- display: flex;
21795
- flex-direction: row;
21796
- overflow-x: auto;
21797
- }
21798
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
21799
- height: 100%;
21800
- width: 1px;
21801
- }
21802
-
21803
- .v-infinite-scroll--vertical {
21804
- display: flex;
21805
- flex-direction: column;
21806
- overflow-y: auto;
21807
- }
21808
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
21809
- height: 1px;
21810
- width: 100%;
21811
- }
21812
-
21813
- .v-infinite-scroll__side {
21814
- align-items: center;
21815
- display: flex;
21816
- justify-content: center;
21817
- padding: 8px;
21818
22028
  }.v-item-group {
21819
22029
  flex: 0 1 auto;
21820
22030
  max-width: 100%;
21821
22031
  position: relative;
21822
22032
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21823
- }.v-layout {
21824
- --v-scrollbar-offset: 0px;
21825
- display: flex;
21826
- flex: 1 1 auto;
21827
- }
21828
- .v-layout--full-height {
21829
- --v-scrollbar-offset: inherit;
21830
- height: 100%;
21831
- }.v-layout-item {
21832
- position: absolute;
21833
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21834
- }
21835
-
21836
- .v-layout-item--absolute {
21837
- position: absolute;
21838
22033
  }.v-label {
21839
22034
  align-items: center;
21840
22035
  color: inherit;
@@ -21850,6 +22045,21 @@ textarea.v-field__input::placeholder {
21850
22045
 
21851
22046
  .v-label--clickable {
21852
22047
  cursor: pointer;
22048
+ }.v-layout {
22049
+ --v-scrollbar-offset: 0px;
22050
+ display: flex;
22051
+ flex: 1 1 auto;
22052
+ }
22053
+ .v-layout--full-height {
22054
+ --v-scrollbar-offset: inherit;
22055
+ height: 100%;
22056
+ }.v-layout-item {
22057
+ position: absolute;
22058
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22059
+ }
22060
+
22061
+ .v-layout-item--absolute {
22062
+ position: absolute;
21853
22063
  }.v-list {
21854
22064
  overflow: auto;
21855
22065
  padding: 8px 0;
@@ -22407,6 +22617,8 @@ textarea.v-field__input::placeholder {
22407
22617
  }
22408
22618
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22409
22619
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22620
+ }.v-locale-provider {
22621
+ display: contents;
22410
22622
  }.v-main {
22411
22623
  flex: 1 0 auto;
22412
22624
  max-width: 100%;
@@ -22435,8 +22647,6 @@ textarea.v-field__input::placeholder {
22435
22647
  --v-layout-right: 0px;
22436
22648
  --v-layout-top: 0px;
22437
22649
  --v-layout-bottom: 0px;
22438
- }.v-locale-provider {
22439
- display: contents;
22440
22650
  }.v-menu > .v-overlay__content {
22441
22651
  display: flex;
22442
22652
  flex-direction: column;
@@ -22450,22 +22660,6 @@ textarea.v-field__input::placeholder {
22450
22660
  overflow: auto;
22451
22661
  height: 100%;
22452
22662
  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));
22453
- }.v-messages {
22454
- flex: 1 1 auto;
22455
- font-size: 12px;
22456
- min-height: 14px;
22457
- min-width: 1px;
22458
- opacity: var(--v-medium-emphasis-opacity);
22459
- position: relative;
22460
- }
22461
- .v-messages__message {
22462
- line-height: 12px;
22463
- word-break: break-word;
22464
- overflow-wrap: break-word;
22465
- word-wrap: break-word;
22466
- -webkit-hyphens: auto;
22467
- hyphens: auto;
22468
- transition-duration: 150ms;
22469
22663
  }.v-navigation-drawer {
22470
22664
  -webkit-overflow-scrolling: touch;
22471
22665
  background: rgb(var(--v-theme-surface));
@@ -22568,6 +22762,22 @@ textarea.v-field__input::placeholder {
22568
22762
  .v-navigation-drawer__append {
22569
22763
  flex: none;
22570
22764
  overflow: hidden;
22765
+ }.v-messages {
22766
+ flex: 1 1 auto;
22767
+ font-size: 12px;
22768
+ min-height: 14px;
22769
+ min-width: 1px;
22770
+ opacity: var(--v-medium-emphasis-opacity);
22771
+ position: relative;
22772
+ }
22773
+ .v-messages__message {
22774
+ line-height: 12px;
22775
+ word-break: break-word;
22776
+ overflow-wrap: break-word;
22777
+ word-wrap: break-word;
22778
+ -webkit-hyphens: auto;
22779
+ hyphens: auto;
22780
+ transition-duration: 150ms;
22571
22781
  }.v-otp-input {
22572
22782
  border-radius: 4px;
22573
22783
  align-items: center;
@@ -23026,60 +23236,6 @@ html.v-overlay-scroll-blocked {
23026
23236
  }
23027
23237
  .v-radio-group .v-input__details {
23028
23238
  padding-inline: 16px;
23029
- }.v-rating {
23030
- max-width: 100%;
23031
- display: inline-flex;
23032
- white-space: nowrap;
23033
- }
23034
- .v-rating--readonly {
23035
- pointer-events: none;
23036
- }
23037
-
23038
- .v-rating__wrapper {
23039
- align-items: center;
23040
- display: inline-flex;
23041
- flex-direction: column;
23042
- }
23043
- .v-rating__wrapper--bottom {
23044
- flex-direction: column-reverse;
23045
- }
23046
-
23047
- .v-rating__item {
23048
- display: inline-flex;
23049
- position: relative;
23050
- }
23051
- .v-rating__item label {
23052
- cursor: pointer;
23053
- }
23054
- .v-rating__item .v-btn--variant-plain {
23055
- opacity: 1;
23056
- }
23057
- .v-rating__item .v-btn {
23058
- transition-property: transform;
23059
- }
23060
- .v-rating__item .v-btn .v-icon {
23061
- transition: inherit;
23062
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23063
- }
23064
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23065
- transform: scale(1.25);
23066
- }
23067
- .v-rating__item--half {
23068
- overflow: hidden;
23069
- position: absolute;
23070
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23071
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23072
- z-index: 1;
23073
- }
23074
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23075
- opacity: 0;
23076
- }
23077
-
23078
- .v-rating__hidden {
23079
- height: 0;
23080
- opacity: 0;
23081
- position: absolute;
23082
- width: 0;
23083
23239
  }.v-slider .v-slider__container input {
23084
23240
  cursor: default;
23085
23241
  padding: 0;
@@ -23130,13 +23286,67 @@ html.v-overlay-scroll-blocked {
23130
23286
  .v-slider.v-input--disabled {
23131
23287
  pointer-events: none;
23132
23288
  }
23133
-
23134
- .v-slider--has-labels > .v-input__control {
23135
- margin-bottom: 4px;
23289
+
23290
+ .v-slider--has-labels > .v-input__control {
23291
+ margin-bottom: 4px;
23292
+ }
23293
+
23294
+ .v-slider__label {
23295
+ margin-inline-end: 12px;
23296
+ }.v-rating {
23297
+ max-width: 100%;
23298
+ display: inline-flex;
23299
+ white-space: nowrap;
23300
+ }
23301
+ .v-rating--readonly {
23302
+ pointer-events: none;
23303
+ }
23304
+
23305
+ .v-rating__wrapper {
23306
+ align-items: center;
23307
+ display: inline-flex;
23308
+ flex-direction: column;
23309
+ }
23310
+ .v-rating__wrapper--bottom {
23311
+ flex-direction: column-reverse;
23312
+ }
23313
+
23314
+ .v-rating__item {
23315
+ display: inline-flex;
23316
+ position: relative;
23317
+ }
23318
+ .v-rating__item label {
23319
+ cursor: pointer;
23320
+ }
23321
+ .v-rating__item .v-btn--variant-plain {
23322
+ opacity: 1;
23323
+ }
23324
+ .v-rating__item .v-btn {
23325
+ transition-property: transform;
23326
+ }
23327
+ .v-rating__item .v-btn .v-icon {
23328
+ transition: inherit;
23329
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23330
+ }
23331
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23332
+ transform: scale(1.25);
23333
+ }
23334
+ .v-rating__item--half {
23335
+ overflow: hidden;
23336
+ position: absolute;
23337
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23338
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23339
+ z-index: 1;
23340
+ }
23341
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23342
+ opacity: 0;
23136
23343
  }
23137
23344
 
23138
- .v-slider__label {
23139
- margin-inline-end: 12px;
23345
+ .v-rating__hidden {
23346
+ height: 0;
23347
+ opacity: 0;
23348
+ position: absolute;
23349
+ width: 0;
23140
23350
  }.v-responsive {
23141
23351
  display: flex;
23142
23352
  flex: 1 0 auto;
@@ -24327,6 +24537,45 @@ html.v-overlay-scroll-blocked {
24327
24537
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
24328
24538
  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
24329
24539
  border-top: 0px !important;
24540
+ }.v-textarea .v-field {
24541
+ --v-textarea-control-height: var(--v-input-control-height);
24542
+ }
24543
+ .v-textarea .v-field__field {
24544
+ --v-input-control-height: var(--v-textarea-control-height);
24545
+ }
24546
+ .v-textarea .v-field__input {
24547
+ flex: 1 1 auto;
24548
+ outline: none;
24549
+ -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));
24550
+ 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));
24551
+ }
24552
+ .v-textarea .v-field__input.v-textarea__sizer {
24553
+ visibility: hidden;
24554
+ position: absolute;
24555
+ top: 0;
24556
+ left: 0;
24557
+ height: 0 !important;
24558
+ min-height: 0 !important;
24559
+ pointer-events: none;
24560
+ }
24561
+ .v-textarea--no-resize .v-field__input {
24562
+ resize: none;
24563
+ }
24564
+ .v-textarea .v-field--no-label textarea,
24565
+ .v-textarea .v-field--active textarea {
24566
+ opacity: 1;
24567
+ }
24568
+ .v-textarea textarea {
24569
+ opacity: 0;
24570
+ flex: 1;
24571
+ min-width: 0;
24572
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24573
+ }
24574
+ .v-textarea textarea:focus, .v-textarea textarea:active {
24575
+ outline: none;
24576
+ }
24577
+ .v-textarea textarea:invalid {
24578
+ box-shadow: none;
24330
24579
  }/* region BLOCK */
24331
24580
  .v-text-field input {
24332
24581
  color: inherit;
@@ -24394,46 +24643,7 @@ html.v-overlay-scroll-blocked {
24394
24643
  padding-inline-end: var(--v-field-padding-end);
24395
24644
  }
24396
24645
 
24397
- /* endregion */.v-textarea .v-field {
24398
- --v-textarea-control-height: var(--v-input-control-height);
24399
- }
24400
- .v-textarea .v-field__field {
24401
- --v-input-control-height: var(--v-textarea-control-height);
24402
- }
24403
- .v-textarea .v-field__input {
24404
- flex: 1 1 auto;
24405
- outline: none;
24406
- -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));
24407
- 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));
24408
- }
24409
- .v-textarea .v-field__input.v-textarea__sizer {
24410
- visibility: hidden;
24411
- position: absolute;
24412
- top: 0;
24413
- left: 0;
24414
- height: 0 !important;
24415
- min-height: 0 !important;
24416
- pointer-events: none;
24417
- }
24418
- .v-textarea--no-resize .v-field__input {
24419
- resize: none;
24420
- }
24421
- .v-textarea .v-field--no-label textarea,
24422
- .v-textarea .v-field--active textarea {
24423
- opacity: 1;
24424
- }
24425
- .v-textarea textarea {
24426
- opacity: 0;
24427
- flex: 1;
24428
- min-width: 0;
24429
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
24430
- }
24431
- .v-textarea textarea:focus, .v-textarea textarea:active {
24432
- outline: none;
24433
- }
24434
- .v-textarea textarea:invalid {
24435
- box-shadow: none;
24436
- }.v-theme-provider {
24646
+ /* endregion */.v-theme-provider {
24437
24647
  background: rgb(var(--v-theme-background));
24438
24648
  color: rgb(var(--v-theme-on-background));
24439
24649
  }.v-timeline .v-timeline-divider__dot {
@@ -25003,76 +25213,6 @@ html.v-overlay-scroll-blocked {
25003
25213
  .v-tooltip > .v-overlay__content[class*=leave-active] {
25004
25214
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
25005
25215
  transition-duration: 75ms;
25006
- }.v-window {
25007
- overflow: hidden;
25008
- }
25009
- .v-window__container {
25010
- display: flex;
25011
- flex-direction: column;
25012
- height: inherit;
25013
- position: relative;
25014
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25015
- }
25016
- .v-window__controls {
25017
- position: absolute;
25018
- left: 0;
25019
- top: 0;
25020
- width: 100%;
25021
- height: 100%;
25022
- display: flex;
25023
- align-items: center;
25024
- justify-content: space-between;
25025
- padding: 0 16px;
25026
- pointer-events: none;
25027
- }
25028
- .v-window__controls > * {
25029
- pointer-events: auto;
25030
- }
25031
- .v-window--show-arrows-on-hover {
25032
- overflow: hidden;
25033
- }
25034
- .v-window--show-arrows-on-hover .v-window__left {
25035
- transform: translateX(-200%);
25036
- }
25037
- .v-window--show-arrows-on-hover .v-window__right {
25038
- transform: translateX(200%);
25039
- }
25040
- .v-window--show-arrows-on-hover:hover .v-window__left,
25041
- .v-window--show-arrows-on-hover:hover .v-window__right {
25042
- transform: translateX(0);
25043
- }
25044
-
25045
- .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 {
25046
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25047
- }
25048
- .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 {
25049
- position: absolute !important;
25050
- top: 0;
25051
- width: 100%;
25052
- }
25053
- .v-window-x-transition-enter-from {
25054
- transform: translateX(100%);
25055
- }
25056
- .v-window-x-transition-leave-to {
25057
- transform: translateX(-100%);
25058
- }
25059
- .v-window-x-reverse-transition-enter-from {
25060
- transform: translateX(-100%);
25061
- }
25062
- .v-window-x-reverse-transition-leave-to {
25063
- transform: translateX(100%);
25064
- }
25065
- .v-window-y-transition-enter-from {
25066
- transform: translateY(100%);
25067
- }
25068
- .v-window-y-transition-leave-to {
25069
- transform: translateY(-100%);
25070
- }
25071
- .v-window-y-reverse-transition-enter-from {
25072
- transform: translateY(-100%);
25073
- }
25074
- .v-window-y-reverse-transition-leave-to {
25075
- transform: translateY(100%);
25076
25216
  }.v-virtual-scroll {
25077
25217
  display: block;
25078
25218
  flex: 1 1 auto;
@@ -25082,216 +25222,76 @@ html.v-overlay-scroll-blocked {
25082
25222
  }
25083
25223
  .v-virtual-scroll__container {
25084
25224
  display: block;
25085
- }.v-expansion-panel {
25086
- background-color: rgb(var(--v-theme-surface));
25087
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
25088
- }
25089
- .v-expansion-panel:not(:first-child)::after {
25090
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
25091
- }
25092
- .v-expansion-panel--disabled .v-expansion-panel-title {
25093
- color: rgba(var(--v-theme-on-surface), 0.26);
25094
- }
25095
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
25096
- opacity: 0.4615384615;
25225
+ }.v-window {
25226
+ overflow: hidden;
25097
25227
  }
25098
-
25099
- .v-expansion-panels {
25228
+ .v-window__container {
25100
25229
  display: flex;
25101
- flex-wrap: wrap;
25102
- justify-content: center;
25103
- list-style-type: none;
25104
- padding: 0;
25105
- width: 100%;
25106
- position: relative;
25107
- z-index: 1;
25108
- }
25109
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
25110
- border-bottom-left-radius: 0 !important;
25111
- border-bottom-right-radius: 0 !important;
25112
- }
25113
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :not(:first-child):not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
25114
- border-top-left-radius: 0 !important;
25115
- border-top-right-radius: 0 !important;
25116
- }
25117
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :first-child:not(:last-child):not(.v-expansion-panel--active):not(.v-expansion-panel--before-active) {
25118
- border-bottom-left-radius: 0 !important;
25119
- border-bottom-right-radius: 0 !important;
25120
- }
25121
- .v-expansion-panels:not(.v-expansion-panels--variant-accordion) > :last-child:not(:first-child):not(.v-expansion-panel--active):not(.v-expansion-panel--after-active) {
25122
- border-top-left-radius: 0 !important;
25123
- border-top-right-radius: 0 !important;
25124
- }
25125
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
25126
- border-bottom-left-radius: 0 !important;
25127
- border-bottom-right-radius: 0 !important;
25128
- }
25129
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
25130
- border-top-left-radius: 0 !important;
25131
- border-top-right-radius: 0 !important;
25132
- }
25133
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
25134
- border-bottom-left-radius: initial;
25135
- border-bottom-right-radius: initial;
25136
- }
25137
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
25138
- border-radius: 0 !important;
25139
- }
25140
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
25141
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
25142
- }
25143
-
25144
- .v-expansion-panel {
25145
- flex: 1 0 100%;
25146
- max-width: 100%;
25230
+ flex-direction: column;
25231
+ height: inherit;
25147
25232
  position: relative;
25148
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
25149
- transition-property: margin-top, border-radius, border, max-width;
25150
- border-radius: 4px;
25151
- }
25152
- .v-expansion-panel:not(:first-child)::after {
25153
- border-top-style: solid;
25154
- border-top-width: thin;
25155
- content: "";
25156
- left: 0;
25157
- position: absolute;
25158
- right: 0;
25159
- top: 0;
25160
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
25161
- }
25162
- .v-expansion-panel--disabled .v-expansion-panel-title {
25163
- pointer-events: none;
25164
- }
25165
- .v-expansion-panel--active:not(:first-child),
25166
- .v-expansion-panel--active + .v-expansion-panel {
25167
- margin-top: 16px;
25168
- }
25169
- .v-expansion-panel--active:not(:first-child)::after,
25170
- .v-expansion-panel--active + .v-expansion-panel::after {
25171
- opacity: 0;
25172
- }
25173
- .v-expansion-panel--active > .v-expansion-panel-title {
25174
- border-bottom-left-radius: 0;
25175
- border-bottom-right-radius: 0;
25176
- }
25177
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
25178
- min-height: 64px;
25233
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25179
25234
  }
25180
-
25181
- .v-expansion-panel__shadow {
25235
+ .v-window__controls {
25182
25236
  position: absolute;
25183
- top: 0;
25184
25237
  left: 0;
25238
+ top: 0;
25185
25239
  width: 100%;
25186
25240
  height: 100%;
25187
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25188
- border-radius: inherit;
25189
- z-index: -1;
25190
- }
25191
-
25192
- .v-expansion-panel-title {
25193
- align-items: center;
25194
- text-align: start;
25195
- border-radius: inherit;
25196
25241
  display: flex;
25197
- font-size: 0.9375rem;
25198
- line-height: 1;
25199
- min-height: 48px;
25200
- outline: none;
25201
- padding: 16px 24px;
25202
- position: relative;
25203
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
25204
- width: 100%;
25242
+ align-items: center;
25205
25243
  justify-content: space-between;
25244
+ padding: 0 16px;
25245
+ pointer-events: none;
25206
25246
  }
25207
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
25208
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
25209
- }
25210
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
25211
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25212
- }
25213
- @supports not selector(:focus-visible) {
25214
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
25215
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
25216
- }
25247
+ .v-window__controls > * {
25248
+ pointer-events: auto;
25217
25249
  }
25218
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
25219
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
25250
+ .v-window--show-arrows-on-hover {
25251
+ overflow: hidden;
25220
25252
  }
25221
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
25222
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
25253
+ .v-window--show-arrows-on-hover .v-window__left {
25254
+ transform: translateX(-200%);
25223
25255
  }
25224
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
25225
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25256
+ .v-window--show-arrows-on-hover .v-window__right {
25257
+ transform: translateX(200%);
25226
25258
  }
25227
- @supports not selector(:focus-visible) {
25228
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
25229
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
25230
- }
25259
+ .v-window--show-arrows-on-hover:hover .v-window__left,
25260
+ .v-window--show-arrows-on-hover:hover .v-window__right {
25261
+ transform: translateX(0);
25231
25262
  }
25232
25263
 
25233
- .v-expansion-panel-title__overlay {
25234
- position: absolute;
25264
+ .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 {
25265
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25266
+ }
25267
+ .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 {
25268
+ position: absolute !important;
25235
25269
  top: 0;
25236
- left: 0;
25237
25270
  width: 100%;
25238
- height: 100%;
25239
- background-color: currentColor;
25240
- border-radius: inherit;
25241
- opacity: 0;
25242
- }
25243
-
25244
- .v-expansion-panel-title__icon {
25245
- display: inline-flex;
25246
- margin-bottom: -4px;
25247
- margin-top: -4px;
25248
- -webkit-user-select: none;
25249
- user-select: none;
25250
- margin-inline-start: auto;
25251
- }
25252
-
25253
- .v-expansion-panel-text {
25254
- display: flex;
25255
- }
25256
- .v-expansion-panel-text__wrapper {
25257
- padding: 8px 24px 16px;
25258
- flex: 1 1 auto;
25259
- max-width: 100%;
25260
- }
25261
-
25262
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
25263
- margin-top: 0;
25264
- }
25265
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
25266
- opacity: 1;
25267
25271
  }
25268
-
25269
- .v-expansion-panels--variant-popout > .v-expansion-panel {
25270
- max-width: calc(100% - 32px);
25272
+ .v-window-x-transition-enter-from {
25273
+ transform: translateX(100%);
25271
25274
  }
25272
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
25273
- max-width: calc(100% + 16px);
25275
+ .v-window-x-transition-leave-to {
25276
+ transform: translateX(-100%);
25274
25277
  }
25275
-
25276
- .v-expansion-panels--variant-inset > .v-expansion-panel {
25277
- max-width: 100%;
25278
+ .v-window-x-reverse-transition-enter-from {
25279
+ transform: translateX(-100%);
25278
25280
  }
25279
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
25280
- max-width: calc(100% - 32px);
25281
+ .v-window-x-reverse-transition-leave-to {
25282
+ transform: translateX(100%);
25281
25283
  }
25282
-
25283
- .v-expansion-panels--flat > .v-expansion-panel::after {
25284
- border-top: none;
25284
+ .v-window-y-transition-enter-from {
25285
+ transform: translateY(100%);
25285
25286
  }
25286
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
25287
- display: none;
25287
+ .v-window-y-transition-leave-to {
25288
+ transform: translateY(-100%);
25288
25289
  }
25289
-
25290
- .v-expansion-panels--tile {
25291
- border-radius: 0;
25290
+ .v-window-y-reverse-transition-enter-from {
25291
+ transform: translateY(-100%);
25292
25292
  }
25293
- .v-expansion-panels--tile > .v-expansion-panel {
25294
- border-radius: 0;
25293
+ .v-window-y-reverse-transition-leave-to {
25294
+ transform: translateY(100%);
25295
25295
  }.v-color-picker-canvas {
25296
25296
  display: flex;
25297
25297
  position: relative;
@@ -25314,6 +25314,69 @@ html.v-overlay-scroll-blocked {
25314
25314
  }
25315
25315
  .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
25316
25316
  will-change: transform;
25317
+ }.v-color-picker-swatches {
25318
+ overflow-y: auto;
25319
+ }
25320
+ .v-color-picker-swatches > div {
25321
+ display: flex;
25322
+ flex-wrap: wrap;
25323
+ justify-content: center;
25324
+ padding: 8px;
25325
+ }
25326
+
25327
+ .v-color-picker-swatches__swatch {
25328
+ display: flex;
25329
+ flex-direction: column;
25330
+ margin-bottom: 10px;
25331
+ }
25332
+
25333
+ .v-color-picker-swatches__color {
25334
+ position: relative;
25335
+ height: 18px;
25336
+ max-height: 18px;
25337
+ width: 45px;
25338
+ margin: 2px 4px;
25339
+ border-radius: 2px;
25340
+ -webkit-user-select: none;
25341
+ user-select: none;
25342
+ overflow: hidden;
25343
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25344
+ cursor: pointer;
25345
+ }
25346
+ .v-color-picker-swatches__color > div {
25347
+ display: flex;
25348
+ align-items: center;
25349
+ justify-content: center;
25350
+ width: 100%;
25351
+ height: 100%;
25352
+ }.v-color-picker-edit {
25353
+ display: flex;
25354
+ margin-top: 24px;
25355
+ }
25356
+
25357
+ .v-color-picker-edit__input {
25358
+ width: 100%;
25359
+ display: flex;
25360
+ flex-wrap: wrap;
25361
+ justify-content: center;
25362
+ text-align: center;
25363
+ }
25364
+ .v-color-picker-edit__input:not(:last-child) {
25365
+ margin-inline-end: 8px;
25366
+ }
25367
+ .v-color-picker-edit__input input {
25368
+ border-radius: 4px;
25369
+ margin-bottom: 8px;
25370
+ min-width: 0;
25371
+ outline: none;
25372
+ text-align: center;
25373
+ width: 100%;
25374
+ height: 32px;
25375
+ background: rgba(var(--v-theme-surface-variant), 0.2);
25376
+ color: rgba(var(--v-theme-on-surface));
25377
+ }
25378
+ .v-color-picker-edit__input span {
25379
+ font-size: 0.75rem;
25317
25380
  }.v-color-picker-preview__alpha .v-slider-track__background {
25318
25381
  background-color: transparent !important;
25319
25382
  }
@@ -25384,69 +25447,6 @@ html.v-overlay-scroll-blocked {
25384
25447
  .v-color-picker-preview__eye-dropper {
25385
25448
  position: relative;
25386
25449
  margin-right: 12px;
25387
- }.v-color-picker-swatches {
25388
- overflow-y: auto;
25389
- }
25390
- .v-color-picker-swatches > div {
25391
- display: flex;
25392
- flex-wrap: wrap;
25393
- justify-content: center;
25394
- padding: 8px;
25395
- }
25396
-
25397
- .v-color-picker-swatches__swatch {
25398
- display: flex;
25399
- flex-direction: column;
25400
- margin-bottom: 10px;
25401
- }
25402
-
25403
- .v-color-picker-swatches__color {
25404
- position: relative;
25405
- height: 18px;
25406
- max-height: 18px;
25407
- width: 45px;
25408
- margin: 2px 4px;
25409
- border-radius: 2px;
25410
- -webkit-user-select: none;
25411
- user-select: none;
25412
- overflow: hidden;
25413
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25414
- cursor: pointer;
25415
- }
25416
- .v-color-picker-swatches__color > div {
25417
- display: flex;
25418
- align-items: center;
25419
- justify-content: center;
25420
- width: 100%;
25421
- height: 100%;
25422
- }.v-color-picker-edit {
25423
- display: flex;
25424
- margin-top: 24px;
25425
- }
25426
-
25427
- .v-color-picker-edit__input {
25428
- width: 100%;
25429
- display: flex;
25430
- flex-wrap: wrap;
25431
- justify-content: center;
25432
- text-align: center;
25433
- }
25434
- .v-color-picker-edit__input:not(:last-child) {
25435
- margin-inline-end: 8px;
25436
- }
25437
- .v-color-picker-edit__input input {
25438
- border-radius: 4px;
25439
- margin-bottom: 8px;
25440
- min-width: 0;
25441
- outline: none;
25442
- text-align: center;
25443
- width: 100%;
25444
- height: 32px;
25445
- background: rgba(var(--v-theme-surface-variant), 0.2);
25446
- color: rgba(var(--v-theme-on-surface));
25447
- }
25448
- .v-color-picker-edit__input span {
25449
- font-size: 0.75rem;
25450
25450
  }.v-picker.v-sheet {
25451
25451
  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));
25452
25452
  border-radius: 4px;