vuetify 3.6.0 → 3.6.1

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 (106) hide show
  1. package/dist/_component-variables-labs.sass +0 -2
  2. package/dist/_component-variables.sass +2 -0
  3. package/dist/json/importMap-labs.json +10 -30
  4. package/dist/json/importMap.json +114 -94
  5. package/dist/json/web-types.json +1 -1
  6. package/dist/vuetify-labs.css +2555 -2555
  7. package/dist/vuetify-labs.d.ts +4811 -4811
  8. package/dist/vuetify-labs.esm.js +10050 -10052
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +10050 -10052
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +679 -502
  13. package/dist/vuetify.d.ts +2872 -574
  14. package/dist/vuetify.esm.js +1711 -887
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +1711 -887
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +611 -557
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/{labs → components}/VConfirmEdit/VConfirmEdit.mjs +1 -1
  22. package/lib/components/VConfirmEdit/VConfirmEdit.mjs.map +1 -0
  23. package/lib/components/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs.map +1 -0
  24. package/lib/components/VConfirmEdit/index.mjs.map +1 -0
  25. package/lib/{labs → components}/VEmptyState/VEmptyState.mjs +4 -4
  26. package/lib/components/VEmptyState/VEmptyState.mjs.map +1 -0
  27. package/lib/components/VEmptyState/index.mjs.map +1 -0
  28. package/lib/{labs → components}/VFab/VFab.mjs +1 -1
  29. package/lib/components/VFab/VFab.mjs.map +1 -0
  30. package/lib/components/VFab/index.mjs.map +1 -0
  31. package/lib/components/VSparkline/VBarline.mjs.map +1 -0
  32. package/lib/components/VSparkline/VSparkline.mjs +44 -320
  33. package/lib/components/VSparkline/VSparkline.mjs.map +1 -1
  34. package/lib/components/VSparkline/VTrendline.mjs.map +1 -0
  35. package/lib/components/VSparkline/index.mjs +1 -3
  36. package/lib/components/VSparkline/index.mjs.map +1 -1
  37. package/lib/components/VSparkline/util/line.mjs.map +1 -0
  38. package/lib/components/VSparkline/util/path.mjs.map +1 -0
  39. package/lib/components/VSpeedDial/VSpeedDial.mjs +68 -85
  40. package/lib/components/VSpeedDial/VSpeedDial.mjs.map +1 -1
  41. package/lib/components/VSpeedDial/VSpeedDial.sass +20 -72
  42. package/lib/components/VSpeedDial/index.mjs +1 -3
  43. package/lib/components/VSpeedDial/index.mjs.map +1 -1
  44. package/lib/components/index.d.mts +2840 -547
  45. package/lib/components/index.mjs +6 -2
  46. package/lib/components/index.mjs.map +1 -1
  47. package/lib/composables/directiveComponent.mjs +1 -3
  48. package/lib/composables/directiveComponent.mjs.map +1 -1
  49. package/lib/entry-bundler.mjs +1 -1
  50. package/lib/framework.mjs +1 -1
  51. package/lib/index.d.mts +40 -40
  52. package/lib/labs/VDateInput/VDateInput.mjs +2 -2
  53. package/lib/labs/VDateInput/VDateInput.mjs.map +1 -1
  54. package/lib/labs/VDateInput/index.d.mts +14 -14
  55. package/lib/labs/components.d.mts +1628 -3945
  56. package/lib/labs/components.mjs +0 -5
  57. package/lib/labs/components.mjs.map +1 -1
  58. package/package.json +2 -2
  59. package/lib/components/VSparkline/helpers/core.mjs +0 -49
  60. package/lib/components/VSparkline/helpers/core.mjs.map +0 -1
  61. package/lib/components/VSparkline/helpers/math.mjs +0 -34
  62. package/lib/components/VSparkline/helpers/math.mjs.map +0 -1
  63. package/lib/components/VSparkline/helpers/path.mjs +0 -27
  64. package/lib/components/VSparkline/helpers/path.mjs.map +0 -1
  65. package/lib/components/VSpeedDial/_variables.scss +0 -5
  66. package/lib/labs/VConfirmEdit/VConfirmEdit.mjs.map +0 -1
  67. package/lib/labs/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs.map +0 -1
  68. package/lib/labs/VConfirmEdit/index.mjs.map +0 -1
  69. package/lib/labs/VEmptyState/VEmptyState.mjs.map +0 -1
  70. package/lib/labs/VEmptyState/index.mjs.map +0 -1
  71. package/lib/labs/VFab/VFab.mjs.map +0 -1
  72. package/lib/labs/VFab/index.mjs.map +0 -1
  73. package/lib/labs/VSparkline/VBarline.mjs.map +0 -1
  74. package/lib/labs/VSparkline/VSparkline.mjs +0 -49
  75. package/lib/labs/VSparkline/VSparkline.mjs.map +0 -1
  76. package/lib/labs/VSparkline/VTrendline.mjs.map +0 -1
  77. package/lib/labs/VSparkline/index.mjs +0 -2
  78. package/lib/labs/VSparkline/index.mjs.map +0 -1
  79. package/lib/labs/VSparkline/util/line.mjs.map +0 -1
  80. package/lib/labs/VSparkline/util/path.mjs.map +0 -1
  81. package/lib/labs/VSpeedDial/VSpeedDial.mjs +0 -76
  82. package/lib/labs/VSpeedDial/VSpeedDial.mjs.map +0 -1
  83. package/lib/labs/VSpeedDial/VSpeedDial.sass +0 -27
  84. package/lib/labs/VSpeedDial/index.mjs +0 -2
  85. package/lib/labs/VSpeedDial/index.mjs.map +0 -1
  86. /package/lib/{labs → components}/VConfirmEdit/__test__/VConfirmEdit.spec.cy.mjs +0 -0
  87. /package/lib/{labs → components}/VConfirmEdit/index.d.mts +0 -0
  88. /package/lib/{labs → components}/VConfirmEdit/index.mjs +0 -0
  89. /package/lib/{labs → components}/VEmptyState/VEmptyState.css +0 -0
  90. /package/lib/{labs → components}/VEmptyState/VEmptyState.sass +0 -0
  91. /package/lib/{labs → components}/VEmptyState/_variables.scss +0 -0
  92. /package/lib/{labs → components}/VEmptyState/index.d.mts +0 -0
  93. /package/lib/{labs → components}/VEmptyState/index.mjs +0 -0
  94. /package/lib/{labs → components}/VFab/VFab.css +0 -0
  95. /package/lib/{labs → components}/VFab/VFab.sass +0 -0
  96. /package/lib/{labs → components}/VFab/_mixins.scss +0 -0
  97. /package/lib/{labs → components}/VFab/_variables.scss +0 -0
  98. /package/lib/{labs → components}/VFab/index.d.mts +0 -0
  99. /package/lib/{labs → components}/VFab/index.mjs +0 -0
  100. /package/lib/{labs → components}/VSparkline/VBarline.mjs +0 -0
  101. /package/lib/{labs → components}/VSparkline/VTrendline.mjs +0 -0
  102. /package/lib/{labs → components}/VSparkline/index.d.mts +0 -0
  103. /package/lib/{labs → components}/VSparkline/util/line.mjs +0 -0
  104. /package/lib/{labs → components}/VSparkline/util/path.mjs +0 -0
  105. /package/lib/{labs → components}/VSpeedDial/VSpeedDial.css +0 -0
  106. /package/lib/{labs → components}/VSpeedDial/index.d.mts +0 -0
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.0
2
+ * Vuetify v3.6.1
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17327,14 +17327,6 @@ html.overflow-y-hidden {
17327
17327
  .v-locale--is-ltr .float-print-start {
17328
17328
  float: left !important;
17329
17329
  }
17330
- }.v-code {
17331
- background-color: rgb(var(--v-theme-code));
17332
- color: rgb(var(--v-theme-on-code));
17333
- border-radius: 4px;
17334
- line-height: 1.8;
17335
- font-size: 0.9em;
17336
- font-weight: normal;
17337
- padding: 0.2em 0.4em;
17338
17330
  }.v-kbd {
17339
17331
  background: rgb(var(--v-theme-kbd));
17340
17332
  color: rgb(var(--v-theme-on-kbd));
@@ -17380,6 +17372,26 @@ html.overflow-y-hidden {
17380
17372
  .v-ripple__animation--out {
17381
17373
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17382
17374
  opacity: 0;
17375
+ }.v-code {
17376
+ background-color: rgb(var(--v-theme-code));
17377
+ color: rgb(var(--v-theme-on-code));
17378
+ border-radius: 4px;
17379
+ line-height: 1.8;
17380
+ font-size: 0.9em;
17381
+ font-weight: normal;
17382
+ padding: 0.2em 0.4em;
17383
+ }.v-app-bar {
17384
+ display: flex;
17385
+ }
17386
+ .v-app-bar.v-toolbar {
17387
+ background: rgb(var(--v-theme-surface));
17388
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17389
+ }
17390
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17391
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17392
+ }
17393
+ .v-app-bar:not(.v-toolbar--absolute) {
17394
+ padding-inline-end: var(--v-scrollbar-offset);
17383
17395
  }.v-application {
17384
17396
  display: flex;
17385
17397
  background: rgb(var(--v-theme-background));
@@ -17396,18 +17408,6 @@ html.overflow-y-hidden {
17396
17408
  min-height: 100vh;
17397
17409
  min-height: 100dvh;
17398
17410
  position: relative;
17399
- }.v-app-bar {
17400
- display: flex;
17401
- }
17402
- .v-app-bar.v-toolbar {
17403
- background: rgb(var(--v-theme-surface));
17404
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17405
- }
17406
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17407
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
17408
- }
17409
- .v-app-bar:not(.v-toolbar--absolute) {
17410
- padding-inline-end: var(--v-scrollbar-offset);
17411
17411
  }.v-alert {
17412
17412
  display: grid;
17413
17413
  flex: 1 1;
@@ -20433,66 +20433,6 @@ html.overflow-y-hidden {
20433
20433
  }
20434
20434
  .v-date-picker--show-week {
20435
20435
  width: 368px;
20436
- }.v-date-picker-header {
20437
- align-items: flex-end;
20438
- height: 70px;
20439
- display: grid;
20440
- grid-template-areas: "prepend content append";
20441
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20442
- overflow: hidden;
20443
- padding-inline: 24px 12px;
20444
- padding-bottom: 12px;
20445
- }
20446
-
20447
- .v-date-picker-header__append {
20448
- grid-area: append;
20449
- }
20450
-
20451
- .v-date-picker-header__prepend {
20452
- grid-area: prepend;
20453
- padding-inline-start: 8px;
20454
- }
20455
-
20456
- .v-date-picker-header__content {
20457
- align-items: center;
20458
- display: inline-flex;
20459
- font-size: 32px;
20460
- line-height: 40px;
20461
- grid-area: content;
20462
- justify-content: space-between;
20463
- }
20464
- .v-date-picker-header--clickable .v-date-picker-header__content {
20465
- cursor: pointer;
20466
- }
20467
- .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20468
- opacity: 0.7;
20469
- }
20470
-
20471
- .date-picker-header-transition-enter-active,
20472
- .date-picker-header-reverse-transition-enter-active {
20473
- transition-duration: 0.3s;
20474
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20475
- }
20476
- .date-picker-header-transition-leave-active,
20477
- .date-picker-header-reverse-transition-leave-active {
20478
- transition-duration: 0.3s;
20479
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20480
- }
20481
-
20482
- .date-picker-header-transition-enter-from {
20483
- transform: translate(0, 100%);
20484
- }
20485
- .date-picker-header-transition-leave-to {
20486
- opacity: 0;
20487
- transform: translate(0, -100%);
20488
- }
20489
-
20490
- .date-picker-header-reverse-transition-enter-from {
20491
- transform: translate(0, -100%);
20492
- }
20493
- .date-picker-header-reverse-transition-leave-to {
20494
- opacity: 0;
20495
- transform: translate(0, 100%);
20496
20436
  }.v-date-picker-controls {
20497
20437
  display: flex;
20498
20438
  align-items: center;
@@ -20604,6 +20544,66 @@ html.overflow-y-hidden {
20604
20544
 
20605
20545
  .v-date-picker-month__day--hide-adjacent {
20606
20546
  opacity: 0;
20547
+ }.v-date-picker-header {
20548
+ align-items: flex-end;
20549
+ height: 70px;
20550
+ display: grid;
20551
+ grid-template-areas: "prepend content append";
20552
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20553
+ overflow: hidden;
20554
+ padding-inline: 24px 12px;
20555
+ padding-bottom: 12px;
20556
+ }
20557
+
20558
+ .v-date-picker-header__append {
20559
+ grid-area: append;
20560
+ }
20561
+
20562
+ .v-date-picker-header__prepend {
20563
+ grid-area: prepend;
20564
+ padding-inline-start: 8px;
20565
+ }
20566
+
20567
+ .v-date-picker-header__content {
20568
+ align-items: center;
20569
+ display: inline-flex;
20570
+ font-size: 32px;
20571
+ line-height: 40px;
20572
+ grid-area: content;
20573
+ justify-content: space-between;
20574
+ }
20575
+ .v-date-picker-header--clickable .v-date-picker-header__content {
20576
+ cursor: pointer;
20577
+ }
20578
+ .v-date-picker-header--clickable .v-date-picker-header__content:not(:hover) {
20579
+ opacity: 0.7;
20580
+ }
20581
+
20582
+ .date-picker-header-transition-enter-active,
20583
+ .date-picker-header-reverse-transition-enter-active {
20584
+ transition-duration: 0.3s;
20585
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20586
+ }
20587
+ .date-picker-header-transition-leave-active,
20588
+ .date-picker-header-reverse-transition-leave-active {
20589
+ transition-duration: 0.3s;
20590
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
20591
+ }
20592
+
20593
+ .date-picker-header-transition-enter-from {
20594
+ transform: translate(0, 100%);
20595
+ }
20596
+ .date-picker-header-transition-leave-to {
20597
+ opacity: 0;
20598
+ transform: translate(0, -100%);
20599
+ }
20600
+
20601
+ .date-picker-header-reverse-transition-enter-from {
20602
+ transform: translate(0, -100%);
20603
+ }
20604
+ .date-picker-header-reverse-transition-leave-to {
20605
+ opacity: 0;
20606
+ transform: translate(0, 100%);
20607
20607
  }.v-date-picker-months {
20608
20608
  height: 288px;
20609
20609
  }
@@ -20638,55 +20638,6 @@ html.overflow-y-hidden {
20638
20638
  }
20639
20639
  .v-date-picker-years__content .v-btn {
20640
20640
  padding-inline: 8px;
20641
- }.v-divider {
20642
- display: block;
20643
- flex: 1 1 100%;
20644
- height: 0px;
20645
- max-height: 0px;
20646
- opacity: var(--v-border-opacity);
20647
- transition: inherit;
20648
- border-style: solid;
20649
- border-width: thin 0 0 0;
20650
- }
20651
- .v-divider--vertical {
20652
- align-self: stretch;
20653
- border-width: 0 thin 0 0;
20654
- display: inline-flex;
20655
- height: 100%;
20656
- margin-left: -1px;
20657
- max-height: 100%;
20658
- max-width: 0px;
20659
- vertical-align: text-bottom;
20660
- width: 0px;
20661
- }
20662
- .v-divider--inset:not(.v-divider--vertical) {
20663
- max-width: calc(100% - 72px);
20664
- margin-inline-start: 72px;
20665
- }
20666
- .v-divider--inset.v-divider--vertical {
20667
- margin-bottom: 8px;
20668
- margin-top: 8px;
20669
- max-height: calc(100% - 16px);
20670
- }
20671
-
20672
- .v-divider__content {
20673
- padding: 0 16px;
20674
- }
20675
- .v-divider__wrapper--vertical .v-divider__content {
20676
- padding: 4px 0;
20677
- }
20678
-
20679
- .v-divider__wrapper {
20680
- display: flex;
20681
- align-items: center;
20682
- justify-content: center;
20683
- }
20684
- .v-divider__wrapper--vertical {
20685
- flex-direction: column;
20686
- height: 100%;
20687
- }
20688
- .v-divider__wrapper--vertical .v-divider {
20689
- margin: 0 auto;
20690
20641
  }.v-dialog {
20691
20642
  align-items: center;
20692
20643
  justify-content: center;
@@ -20779,34 +20730,429 @@ html.overflow-y-hidden {
20779
20730
  -webkit-backface-visibility: hidden;
20780
20731
  backface-visibility: hidden;
20781
20732
  overflow-y: auto;
20782
- }/* region INPUT */
20783
- .v-field {
20784
- display: grid;
20785
- grid-template-areas: "prepend-inner field clear append-inner";
20786
- grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
20787
- font-size: 16px;
20788
- letter-spacing: 0.009375em;
20789
- max-width: 100%;
20790
- border-radius: 4px;
20791
- contain: layout;
20792
- flex: 1 0;
20793
- grid-area: control;
20794
- position: relative;
20795
- --v-field-padding-start: 16px;
20796
- --v-field-padding-end: 16px;
20797
- --v-field-padding-top: 8px;
20798
- --v-field-padding-bottom: 4px;
20799
- --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
20800
- --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
20733
+ }.v-divider {
20734
+ display: block;
20735
+ flex: 1 1 100%;
20736
+ height: 0px;
20737
+ max-height: 0px;
20738
+ opacity: var(--v-border-opacity);
20739
+ transition: inherit;
20740
+ border-style: solid;
20741
+ border-width: thin 0 0 0;
20801
20742
  }
20802
- .v-field--disabled {
20803
- opacity: var(--v-disabled-opacity);
20804
- pointer-events: none;
20743
+ .v-divider--vertical {
20744
+ align-self: stretch;
20745
+ border-width: 0 thin 0 0;
20746
+ display: inline-flex;
20747
+ height: 100%;
20748
+ margin-left: -1px;
20749
+ max-height: 100%;
20750
+ max-width: 0px;
20751
+ vertical-align: text-bottom;
20752
+ width: 0px;
20805
20753
  }
20806
- .v-field .v-chip {
20807
- --v-chip-height: 24px;
20754
+ .v-divider--inset:not(.v-divider--vertical) {
20755
+ max-width: calc(100% - 72px);
20756
+ margin-inline-start: 72px;
20808
20757
  }
20809
-
20758
+ .v-divider--inset.v-divider--vertical {
20759
+ margin-bottom: 8px;
20760
+ margin-top: 8px;
20761
+ max-height: calc(100% - 16px);
20762
+ }
20763
+
20764
+ .v-divider__content {
20765
+ padding: 0 16px;
20766
+ }
20767
+ .v-divider__wrapper--vertical .v-divider__content {
20768
+ padding: 4px 0;
20769
+ }
20770
+
20771
+ .v-divider__wrapper {
20772
+ display: flex;
20773
+ align-items: center;
20774
+ justify-content: center;
20775
+ }
20776
+ .v-divider__wrapper--vertical {
20777
+ flex-direction: column;
20778
+ height: 100%;
20779
+ }
20780
+ .v-divider__wrapper--vertical .v-divider {
20781
+ margin: 0 auto;
20782
+ }.v-empty-state {
20783
+ align-items: center;
20784
+ display: flex;
20785
+ flex-direction: column;
20786
+ justify-content: center;
20787
+ min-height: 100%;
20788
+ padding: 16px;
20789
+ }
20790
+ .v-empty-state--start {
20791
+ align-items: flex-start;
20792
+ }
20793
+ .v-empty-state--center {
20794
+ align-items: center;
20795
+ }
20796
+ .v-empty-state--end {
20797
+ align-items: flex-end;
20798
+ }
20799
+
20800
+ .v-empty-state__media {
20801
+ text-align: center;
20802
+ width: 100%;
20803
+ }
20804
+ .v-empty-state__media .v-icon {
20805
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20806
+ }
20807
+
20808
+ .v-empty-state__headline {
20809
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
20810
+ font-size: 3.75rem;
20811
+ font-weight: 300;
20812
+ line-height: 1;
20813
+ text-align: center;
20814
+ margin-bottom: 8px;
20815
+ }
20816
+ .v-empty-state--mobile .v-empty-state__headline {
20817
+ font-size: 2.125rem;
20818
+ }
20819
+
20820
+ .v-empty-state__title {
20821
+ font-size: 1.25rem;
20822
+ font-weight: 500;
20823
+ line-height: 1.6;
20824
+ margin-bottom: 4px;
20825
+ text-align: center;
20826
+ }
20827
+
20828
+ .v-empty-state__text {
20829
+ font-size: 0.875rem;
20830
+ font-weight: 400;
20831
+ line-height: 1.425;
20832
+ padding: 0 16px;
20833
+ text-align: center;
20834
+ }
20835
+
20836
+ .v-empty-state__content {
20837
+ padding: 24px 0;
20838
+ }
20839
+
20840
+ .v-empty-state__actions {
20841
+ display: flex;
20842
+ gap: 8px;
20843
+ padding: 16px;
20844
+ }
20845
+
20846
+ .v-empty-state__action-btn.v-btn {
20847
+ background-color: rgb(var(--v-theme-surface-variant));
20848
+ color: rgb(var(--v-theme-on-surface-variant));
20849
+ }.v-expansion-panel {
20850
+ background-color: rgb(var(--v-theme-surface));
20851
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20852
+ }
20853
+ .v-expansion-panel:not(:first-child)::after {
20854
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
20855
+ }
20856
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20857
+ color: rgba(var(--v-theme-on-surface), 0.26);
20858
+ }
20859
+ .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
20860
+ opacity: 0.4615384615;
20861
+ }
20862
+
20863
+ .v-expansion-panels {
20864
+ display: flex;
20865
+ flex-wrap: wrap;
20866
+ justify-content: center;
20867
+ list-style-type: none;
20868
+ padding: 0;
20869
+ width: 100%;
20870
+ position: relative;
20871
+ z-index: 1;
20872
+ }
20873
+ .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) {
20874
+ border-bottom-left-radius: 0 !important;
20875
+ border-bottom-right-radius: 0 !important;
20876
+ }
20877
+ .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) {
20878
+ border-top-left-radius: 0 !important;
20879
+ border-top-right-radius: 0 !important;
20880
+ }
20881
+ .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) {
20882
+ border-bottom-left-radius: 0 !important;
20883
+ border-bottom-right-radius: 0 !important;
20884
+ }
20885
+ .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) {
20886
+ border-top-left-radius: 0 !important;
20887
+ border-top-right-radius: 0 !important;
20888
+ }
20889
+ .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
20890
+ border-bottom-left-radius: 0 !important;
20891
+ border-bottom-right-radius: 0 !important;
20892
+ }
20893
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
20894
+ border-top-left-radius: 0 !important;
20895
+ border-top-right-radius: 0 !important;
20896
+ }
20897
+ .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
20898
+ border-bottom-left-radius: initial;
20899
+ border-bottom-right-radius: initial;
20900
+ }
20901
+ .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
20902
+ border-radius: 0 !important;
20903
+ }
20904
+ .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
20905
+ transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
20906
+ }
20907
+
20908
+ .v-expansion-panel {
20909
+ flex: 1 0 100%;
20910
+ max-width: 100%;
20911
+ position: relative;
20912
+ transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
20913
+ transition-property: margin-top, border-radius, border, max-width;
20914
+ border-radius: 4px;
20915
+ }
20916
+ .v-expansion-panel:not(:first-child)::after {
20917
+ border-top-style: solid;
20918
+ border-top-width: thin;
20919
+ content: "";
20920
+ left: 0;
20921
+ position: absolute;
20922
+ right: 0;
20923
+ top: 0;
20924
+ transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
20925
+ }
20926
+ .v-expansion-panel--disabled .v-expansion-panel-title {
20927
+ pointer-events: none;
20928
+ }
20929
+ .v-expansion-panel--active:not(:first-child),
20930
+ .v-expansion-panel--active + .v-expansion-panel {
20931
+ margin-top: 16px;
20932
+ }
20933
+ .v-expansion-panel--active:not(:first-child)::after,
20934
+ .v-expansion-panel--active + .v-expansion-panel::after {
20935
+ opacity: 0;
20936
+ }
20937
+ .v-expansion-panel--active > .v-expansion-panel-title {
20938
+ border-bottom-left-radius: 0;
20939
+ border-bottom-right-radius: 0;
20940
+ }
20941
+ .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
20942
+ min-height: 64px;
20943
+ }
20944
+
20945
+ .v-expansion-panel__shadow {
20946
+ position: absolute;
20947
+ top: 0;
20948
+ left: 0;
20949
+ width: 100%;
20950
+ height: 100%;
20951
+ 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));
20952
+ border-radius: inherit;
20953
+ z-index: -1;
20954
+ }
20955
+
20956
+ .v-expansion-panel-title {
20957
+ align-items: center;
20958
+ text-align: start;
20959
+ border-radius: inherit;
20960
+ display: flex;
20961
+ font-size: 0.9375rem;
20962
+ line-height: 1;
20963
+ min-height: 48px;
20964
+ outline: none;
20965
+ padding: 16px 24px;
20966
+ position: relative;
20967
+ transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
20968
+ width: 100%;
20969
+ justify-content: space-between;
20970
+ }
20971
+ .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
20972
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
20973
+ }
20974
+ .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
20975
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20976
+ }
20977
+ @supports not selector(:focus-visible) {
20978
+ .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
20979
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
20980
+ }
20981
+ }
20982
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
20983
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
20984
+ }
20985
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
20986
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
20987
+ }
20988
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
20989
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20990
+ }
20991
+ @supports not selector(:focus-visible) {
20992
+ .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
20993
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
20994
+ }
20995
+ }
20996
+
20997
+ .v-expansion-panel-title__overlay {
20998
+ position: absolute;
20999
+ top: 0;
21000
+ left: 0;
21001
+ width: 100%;
21002
+ height: 100%;
21003
+ background-color: currentColor;
21004
+ border-radius: inherit;
21005
+ opacity: 0;
21006
+ }
21007
+
21008
+ .v-expansion-panel-title__icon {
21009
+ display: inline-flex;
21010
+ margin-bottom: -4px;
21011
+ margin-top: -4px;
21012
+ -webkit-user-select: none;
21013
+ user-select: none;
21014
+ margin-inline-start: auto;
21015
+ }
21016
+
21017
+ .v-expansion-panel-text {
21018
+ display: flex;
21019
+ }
21020
+ .v-expansion-panel-text__wrapper {
21021
+ padding: 8px 24px 16px;
21022
+ flex: 1 1 auto;
21023
+ max-width: 100%;
21024
+ }
21025
+
21026
+ .v-expansion-panels--variant-accordion > .v-expansion-panel {
21027
+ margin-top: 0;
21028
+ }
21029
+ .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21030
+ opacity: 1;
21031
+ }
21032
+
21033
+ .v-expansion-panels--variant-popout > .v-expansion-panel {
21034
+ max-width: calc(100% - 32px);
21035
+ }
21036
+ .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21037
+ max-width: calc(100% + 16px);
21038
+ }
21039
+
21040
+ .v-expansion-panels--variant-inset > .v-expansion-panel {
21041
+ max-width: 100%;
21042
+ }
21043
+ .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21044
+ max-width: calc(100% - 32px);
21045
+ }
21046
+
21047
+ .v-expansion-panels--flat > .v-expansion-panel::after {
21048
+ border-top: none;
21049
+ }
21050
+ .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21051
+ display: none;
21052
+ }
21053
+
21054
+ .v-expansion-panels--tile {
21055
+ border-radius: 0;
21056
+ }
21057
+ .v-expansion-panels--tile > .v-expansion-panel {
21058
+ border-radius: 0;
21059
+ }.v-fab {
21060
+ align-items: center;
21061
+ display: inline-flex;
21062
+ flex: 1 1 auto;
21063
+ pointer-events: none;
21064
+ position: relative;
21065
+ transition-duration: 0.2s;
21066
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
21067
+ vertical-align: middle;
21068
+ }
21069
+ .v-fab .v-btn {
21070
+ pointer-events: auto;
21071
+ }
21072
+ .v-fab .v-btn--variant-elevated {
21073
+ box-shadow: 0px 3px 3px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 3px 4px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 8px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
21074
+ }
21075
+ .v-fab--app, .v-fab--absolute {
21076
+ display: flex;
21077
+ }
21078
+ .v-fab--start, .v-fab--left {
21079
+ justify-content: flex-start;
21080
+ }
21081
+ .v-fab--center {
21082
+ align-items: center;
21083
+ justify-content: center;
21084
+ }
21085
+ .v-fab--end, .v-fab--right {
21086
+ justify-content: flex-end;
21087
+ }
21088
+ .v-fab--bottom {
21089
+ align-items: flex-end;
21090
+ }
21091
+ .v-fab--top {
21092
+ align-items: flex-start;
21093
+ }
21094
+ .v-fab--extended .v-btn {
21095
+ border-radius: 9999px !important;
21096
+ }
21097
+
21098
+ .v-fab__container {
21099
+ align-self: center;
21100
+ display: inline-flex;
21101
+ position: absolute;
21102
+ vertical-align: middle;
21103
+ }
21104
+ .v-fab--app .v-fab__container {
21105
+ margin: 12px;
21106
+ }
21107
+ .v-fab--absolute .v-fab__container {
21108
+ position: absolute;
21109
+ z-index: 4;
21110
+ }
21111
+ .v-fab--offset.v-fab--top .v-fab__container {
21112
+ transform: translateY(-50%);
21113
+ }
21114
+ .v-fab--offset.v-fab--bottom .v-fab__container {
21115
+ transform: translateY(50%);
21116
+ }
21117
+ .v-fab--top .v-fab__container {
21118
+ top: 0;
21119
+ }
21120
+ .v-fab--bottom .v-fab__container {
21121
+ bottom: 0;
21122
+ }
21123
+ .v-fab--left .v-fab__container, .v-fab--start .v-fab__container {
21124
+ left: 0;
21125
+ }
21126
+ .v-fab--right .v-fab__container, .v-fab--end .v-fab__container {
21127
+ right: 0;
21128
+ }/* region INPUT */
21129
+ .v-field {
21130
+ display: grid;
21131
+ grid-template-areas: "prepend-inner field clear append-inner";
21132
+ grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
21133
+ font-size: 16px;
21134
+ letter-spacing: 0.009375em;
21135
+ max-width: 100%;
21136
+ border-radius: 4px;
21137
+ contain: layout;
21138
+ flex: 1 0;
21139
+ grid-area: control;
21140
+ position: relative;
21141
+ --v-field-padding-start: 16px;
21142
+ --v-field-padding-end: 16px;
21143
+ --v-field-padding-top: 8px;
21144
+ --v-field-padding-bottom: 4px;
21145
+ --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0));
21146
+ --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
21147
+ }
21148
+ .v-field--disabled {
21149
+ opacity: var(--v-disabled-opacity);
21150
+ pointer-events: none;
21151
+ }
21152
+ .v-field .v-chip {
21153
+ --v-chip-height: 24px;
21154
+ }
21155
+
20810
21156
  /* endregion */
20811
21157
  /* region MODIFIERS */
20812
21158
  .v-field--prepended {
@@ -21245,321 +21591,111 @@ textarea.v-field__input::placeholder {
21245
21591
  border-start-end-radius: 0;
21246
21592
  border-end-end-radius: 0;
21247
21593
  border-end-start-radius: inherit;
21248
- border-inline-end-width: 0;
21249
- border-inline-start-width: var(--v-field-border-width);
21250
- }
21251
-
21252
- /* endregion */
21253
- /* region LOADER */
21254
- .v-field__loader {
21255
- top: calc(100% - 2px);
21256
- left: 0;
21257
- position: absolute;
21258
- right: 0;
21259
- width: 100%;
21260
- border-top-left-radius: 0;
21261
- border-top-right-radius: 0;
21262
- border-bottom-left-radius: inherit;
21263
- border-bottom-right-radius: inherit;
21264
- overflow: hidden;
21265
- }
21266
- .v-field--variant-outlined .v-field__loader {
21267
- top: calc(100% - 3px);
21268
- width: calc(100% - 1px * 2);
21269
- left: 1px;
21270
- }
21271
-
21272
- /* endregion */
21273
- /* region OVERLAY */
21274
- .v-field__overlay {
21275
- border-radius: inherit;
21276
- pointer-events: none;
21277
- position: absolute;
21278
- top: 0;
21279
- left: 0;
21280
- width: 100%;
21281
- height: 100%;
21282
- }
21283
-
21284
- .v-field--variant-filled .v-field__overlay {
21285
- background-color: currentColor;
21286
- opacity: 0.04;
21287
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21288
- }
21289
- .v-field--variant-filled.v-field--has-background .v-field__overlay {
21290
- opacity: 0;
21291
- }
21292
- @media (hover: hover) {
21293
- .v-field--variant-filled:hover .v-field__overlay {
21294
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21295
- }
21296
- }
21297
- .v-field--variant-filled.v-field--focused .v-field__overlay {
21298
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21299
- }
21300
-
21301
- .v-field--variant-solo-filled .v-field__overlay {
21302
- background-color: currentColor;
21303
- opacity: 0.04;
21304
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21305
- }
21306
- @media (hover: hover) {
21307
- .v-field--variant-solo-filled:hover .v-field__overlay {
21308
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21309
- }
21310
- }
21311
- .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21312
- opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21313
- }
21314
-
21315
- .v-field--variant-solo-inverted .v-field__overlay {
21316
- transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21317
- }
21318
- .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21319
- opacity: 0;
21320
- }
21321
- @media (hover: hover) {
21322
- .v-field--variant-solo-inverted:hover .v-field__overlay {
21323
- opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21324
- }
21325
- }
21326
- .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21327
- background-color: rgb(var(--v-theme-surface-variant));
21328
- opacity: 1;
21329
- }
21330
-
21331
- /* endregion */
21332
- /* region MODIFIERS */
21333
- .v-field--reverse .v-field__field,
21334
- .v-field--reverse .v-field__input,
21335
- .v-field--reverse .v-field__outline {
21336
- flex-direction: row-reverse;
21337
- }
21338
- .v-field--reverse .v-field__input, .v-field--reverse input {
21339
- text-align: end;
21340
- }
21341
-
21342
- .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21343
- .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21344
- border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21345
- }
21346
-
21347
- .v-field--loading .v-field__outline::after,
21348
- .v-field--loading .v-field__outline::before {
21349
- opacity: 0;
21350
- }
21351
-
21352
- /* endregion */.v-expansion-panel {
21353
- background-color: rgb(var(--v-theme-surface));
21354
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21355
- }
21356
- .v-expansion-panel:not(:first-child)::after {
21357
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21358
- }
21359
- .v-expansion-panel--disabled .v-expansion-panel-title {
21360
- color: rgba(var(--v-theme-on-surface), 0.26);
21361
- }
21362
- .v-expansion-panel--disabled .v-expansion-panel-title .v-expansion-panel-title__overlay {
21363
- opacity: 0.4615384615;
21364
- }
21365
-
21366
- .v-expansion-panels {
21367
- display: flex;
21368
- flex-wrap: wrap;
21369
- justify-content: center;
21370
- list-style-type: none;
21371
- padding: 0;
21372
- width: 100%;
21373
- position: relative;
21374
- z-index: 1;
21375
- }
21376
- .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) {
21377
- border-bottom-left-radius: 0 !important;
21378
- border-bottom-right-radius: 0 !important;
21379
- }
21380
- .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) {
21381
- border-top-left-radius: 0 !important;
21382
- border-top-right-radius: 0 !important;
21383
- }
21384
- .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) {
21385
- border-bottom-left-radius: 0 !important;
21386
- border-bottom-right-radius: 0 !important;
21387
- }
21388
- .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) {
21389
- border-top-left-radius: 0 !important;
21390
- border-top-right-radius: 0 !important;
21391
- }
21392
- .v-expansion-panels--variant-accordion > :first-child:not(:last-child) {
21393
- border-bottom-left-radius: 0 !important;
21394
- border-bottom-right-radius: 0 !important;
21395
- }
21396
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) {
21397
- border-top-left-radius: 0 !important;
21398
- border-top-right-radius: 0 !important;
21399
- }
21400
- .v-expansion-panels--variant-accordion > :last-child:not(:first-child) .v-expansion-panel-title--active {
21401
- border-bottom-left-radius: initial;
21402
- border-bottom-right-radius: initial;
21403
- }
21404
- .v-expansion-panels--variant-accordion > :not(:first-child):not(:last-child) {
21405
- border-radius: 0 !important;
21406
- }
21407
- .v-expansion-panels--variant-accordion .v-expansion-panel-title__overlay {
21408
- transition: 0.3s border-radius cubic-bezier(0.4, 0, 0.2, 1);
21409
- }
21410
-
21411
- .v-expansion-panel {
21412
- flex: 1 0 100%;
21413
- max-width: 100%;
21414
- position: relative;
21415
- transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
21416
- transition-property: margin-top, border-radius, border, max-width;
21417
- border-radius: 4px;
21418
- }
21419
- .v-expansion-panel:not(:first-child)::after {
21420
- border-top-style: solid;
21421
- border-top-width: thin;
21422
- content: "";
21423
- left: 0;
21424
- position: absolute;
21425
- right: 0;
21426
- top: 0;
21427
- transition: 0.3s opacity cubic-bezier(0.4, 0, 0.2, 1);
21428
- }
21429
- .v-expansion-panel--disabled .v-expansion-panel-title {
21430
- pointer-events: none;
21431
- }
21432
- .v-expansion-panel--active:not(:first-child),
21433
- .v-expansion-panel--active + .v-expansion-panel {
21434
- margin-top: 16px;
21435
- }
21436
- .v-expansion-panel--active:not(:first-child)::after,
21437
- .v-expansion-panel--active + .v-expansion-panel::after {
21438
- opacity: 0;
21439
- }
21440
- .v-expansion-panel--active > .v-expansion-panel-title {
21441
- border-bottom-left-radius: 0;
21442
- border-bottom-right-radius: 0;
21443
- }
21444
- .v-expansion-panel--active > .v-expansion-panel-title:not(.v-expansion-panel-title--static) {
21445
- min-height: 64px;
21446
- }
21447
-
21448
- .v-expansion-panel__shadow {
21449
- position: absolute;
21450
- top: 0;
21451
- left: 0;
21452
- width: 100%;
21453
- height: 100%;
21454
- 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));
21455
- border-radius: inherit;
21456
- z-index: -1;
21457
- }
21458
-
21459
- .v-expansion-panel-title {
21460
- align-items: center;
21461
- text-align: start;
21462
- border-radius: inherit;
21463
- display: flex;
21464
- font-size: 0.9375rem;
21465
- line-height: 1;
21466
- min-height: 48px;
21467
- outline: none;
21468
- padding: 16px 24px;
21469
- position: relative;
21470
- transition: 0.3s min-height cubic-bezier(0.4, 0, 0.2, 1);
21471
- width: 100%;
21472
- justify-content: space-between;
21473
- }
21474
- .v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
21475
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
21476
- }
21477
- .v-expansion-panel-title:focus-visible > .v-expansion-panel-title__overlay {
21478
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21479
- }
21480
- @supports not selector(:focus-visible) {
21481
- .v-expansion-panel-title:focus > .v-expansion-panel-title__overlay {
21482
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
21483
- }
21484
- }
21485
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active .v-expansion-panel-title__overlay {
21486
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
21487
- }
21488
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:hover .v-expansion-panel-title__overlay {
21489
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21594
+ border-inline-end-width: 0;
21595
+ border-inline-start-width: var(--v-field-border-width);
21490
21596
  }
21491
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus-visible .v-expansion-panel-title__overlay {
21492
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21597
+
21598
+ /* endregion */
21599
+ /* region LOADER */
21600
+ .v-field__loader {
21601
+ top: calc(100% - 2px);
21602
+ left: 0;
21603
+ position: absolute;
21604
+ right: 0;
21605
+ width: 100%;
21606
+ border-top-left-radius: 0;
21607
+ border-top-right-radius: 0;
21608
+ border-bottom-left-radius: inherit;
21609
+ border-bottom-right-radius: inherit;
21610
+ overflow: hidden;
21493
21611
  }
21494
- @supports not selector(:focus-visible) {
21495
- .v-expansion-panel-title--focusable.v-expansion-panel-title--active:focus .v-expansion-panel-title__overlay {
21496
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21497
- }
21612
+ .v-field--variant-outlined .v-field__loader {
21613
+ top: calc(100% - 3px);
21614
+ width: calc(100% - 1px * 2);
21615
+ left: 1px;
21498
21616
  }
21499
21617
 
21500
- .v-expansion-panel-title__overlay {
21618
+ /* endregion */
21619
+ /* region OVERLAY */
21620
+ .v-field__overlay {
21621
+ border-radius: inherit;
21622
+ pointer-events: none;
21501
21623
  position: absolute;
21502
21624
  top: 0;
21503
21625
  left: 0;
21504
21626
  width: 100%;
21505
21627
  height: 100%;
21628
+ }
21629
+
21630
+ .v-field--variant-filled .v-field__overlay {
21506
21631
  background-color: currentColor;
21507
- border-radius: inherit;
21632
+ opacity: 0.04;
21633
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21634
+ }
21635
+ .v-field--variant-filled.v-field--has-background .v-field__overlay {
21508
21636
  opacity: 0;
21509
21637
  }
21510
-
21511
- .v-expansion-panel-title__icon {
21512
- display: inline-flex;
21513
- margin-bottom: -4px;
21514
- margin-top: -4px;
21515
- -webkit-user-select: none;
21516
- user-select: none;
21517
- margin-inline-start: auto;
21638
+ @media (hover: hover) {
21639
+ .v-field--variant-filled:hover .v-field__overlay {
21640
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21641
+ }
21642
+ }
21643
+ .v-field--variant-filled.v-field--focused .v-field__overlay {
21644
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21518
21645
  }
21519
21646
 
21520
- .v-expansion-panel-text {
21521
- display: flex;
21647
+ .v-field--variant-solo-filled .v-field__overlay {
21648
+ background-color: currentColor;
21649
+ opacity: 0.04;
21650
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21522
21651
  }
21523
- .v-expansion-panel-text__wrapper {
21524
- padding: 8px 24px 16px;
21525
- flex: 1 1 auto;
21526
- max-width: 100%;
21652
+ @media (hover: hover) {
21653
+ .v-field--variant-solo-filled:hover .v-field__overlay {
21654
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21655
+ }
21656
+ }
21657
+ .v-field--variant-solo-filled.v-field--focused .v-field__overlay {
21658
+ opacity: calc((0.04 + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
21527
21659
  }
21528
21660
 
21529
- .v-expansion-panels--variant-accordion > .v-expansion-panel {
21530
- margin-top: 0;
21661
+ .v-field--variant-solo-inverted .v-field__overlay {
21662
+ transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
21531
21663
  }
21532
- .v-expansion-panels--variant-accordion > .v-expansion-panel::after {
21533
- opacity: 1;
21664
+ .v-field--variant-solo-inverted.v-field--has-background .v-field__overlay {
21665
+ opacity: 0;
21534
21666
  }
21535
-
21536
- .v-expansion-panels--variant-popout > .v-expansion-panel {
21537
- max-width: calc(100% - 32px);
21667
+ @media (hover: hover) {
21668
+ .v-field--variant-solo-inverted:hover .v-field__overlay {
21669
+ opacity: calc((0.04 + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
21670
+ }
21538
21671
  }
21539
- .v-expansion-panels--variant-popout > .v-expansion-panel--active {
21540
- max-width: calc(100% + 16px);
21672
+ .v-field--variant-solo-inverted.v-field--focused .v-field__overlay {
21673
+ background-color: rgb(var(--v-theme-surface-variant));
21674
+ opacity: 1;
21541
21675
  }
21542
21676
 
21543
- .v-expansion-panels--variant-inset > .v-expansion-panel {
21544
- max-width: 100%;
21677
+ /* endregion */
21678
+ /* region MODIFIERS */
21679
+ .v-field--reverse .v-field__field,
21680
+ .v-field--reverse .v-field__input,
21681
+ .v-field--reverse .v-field__outline {
21682
+ flex-direction: row-reverse;
21545
21683
  }
21546
- .v-expansion-panels--variant-inset > .v-expansion-panel--active {
21547
- max-width: calc(100% - 32px);
21684
+ .v-field--reverse .v-field__input, .v-field--reverse input {
21685
+ text-align: end;
21548
21686
  }
21549
21687
 
21550
- .v-expansion-panels--flat > .v-expansion-panel::after {
21551
- border-top: none;
21552
- }
21553
- .v-expansion-panels--flat > .v-expansion-panel .v-expansion-panel__shadow {
21554
- display: none;
21688
+ .v-input--disabled .v-field--variant-filled .v-field__outline::before,
21689
+ .v-input--disabled .v-field--variant-underlined .v-field__outline::before {
21690
+ border-image: repeating-linear-gradient(to right, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 0px, rgba(var(--v-theme-on-surface), var(--v-disabled-opacity)) 2px, transparent 2px, transparent 4px) 1 repeat;
21555
21691
  }
21556
21692
 
21557
- .v-expansion-panels--tile {
21558
- border-radius: 0;
21693
+ .v-field--loading .v-field__outline::after,
21694
+ .v-field--loading .v-field__outline::before {
21695
+ opacity: 0;
21559
21696
  }
21560
- .v-expansion-panels--tile > .v-expansion-panel {
21561
- border-radius: 0;
21562
- }.v-file-input--hide.v-input .v-field,
21697
+
21698
+ /* endregion */.v-file-input--hide.v-input .v-field,
21563
21699
  .v-file-input--hide.v-input .v-input__control,
21564
21700
  .v-file-input--hide.v-input .v-input__details {
21565
21701
  display: none;
@@ -21877,21 +22013,6 @@ textarea.v-field__input::placeholder {
21877
22013
  max-width: 100%;
21878
22014
  position: relative;
21879
22015
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21880
- }.v-layout {
21881
- --v-scrollbar-offset: 0px;
21882
- display: flex;
21883
- flex: 1 1 auto;
21884
- }
21885
- .v-layout--full-height {
21886
- --v-scrollbar-offset: inherit;
21887
- height: 100%;
21888
- }.v-layout-item {
21889
- position: absolute;
21890
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21891
- }
21892
-
21893
- .v-layout-item--absolute {
21894
- position: absolute;
21895
22016
  }.v-label {
21896
22017
  align-items: center;
21897
22018
  color: inherit;
@@ -21907,6 +22028,21 @@ textarea.v-field__input::placeholder {
21907
22028
 
21908
22029
  .v-label--clickable {
21909
22030
  cursor: pointer;
22031
+ }.v-layout {
22032
+ --v-scrollbar-offset: 0px;
22033
+ display: flex;
22034
+ flex: 1 1 auto;
22035
+ }
22036
+ .v-layout--full-height {
22037
+ --v-scrollbar-offset: inherit;
22038
+ height: 100%;
22039
+ }.v-layout-item {
22040
+ position: absolute;
22041
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22042
+ }
22043
+
22044
+ .v-layout-item--absolute {
22045
+ position: absolute;
21910
22046
  }.v-list {
21911
22047
  overflow: auto;
21912
22048
  padding: 8px 0;
@@ -22462,8 +22598,6 @@ textarea.v-field__input::placeholder {
22462
22598
  }
22463
22599
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22464
22600
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22465
- }.v-locale-provider {
22466
- display: contents;
22467
22601
  }.v-main {
22468
22602
  flex: 1 0 auto;
22469
22603
  max-width: 100%;
@@ -23367,6 +23501,14 @@ html.v-overlay-scroll-blocked {
23367
23501
  }
23368
23502
  .v-selection-control--focus-visible .v-selection-control__input::before {
23369
23503
  opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23504
+ }.v-selection-control-group {
23505
+ grid-area: control;
23506
+ display: flex;
23507
+ flex-direction: column;
23508
+ }
23509
+ .v-selection-control-group--inline {
23510
+ flex-direction: row;
23511
+ flex-wrap: wrap;
23370
23512
  }.v-sheet {
23371
23513
  display: block;
23372
23514
  border-color: rgba(var(--v-border-color), var(--v-border-opacity));
@@ -23395,14 +23537,6 @@ html.v-overlay-scroll-blocked {
23395
23537
  }
23396
23538
  .v-sheet--rounded {
23397
23539
  border-radius: 4px;
23398
- }.v-selection-control-group {
23399
- grid-area: control;
23400
- display: flex;
23401
- flex-direction: column;
23402
- }
23403
- .v-selection-control-group--inline {
23404
- flex-direction: row;
23405
- flex-wrap: wrap;
23406
23540
  }.v-skeleton-loader {
23407
23541
  align-items: center;
23408
23542
  background: rgb(var(--v-theme-surface));
@@ -23817,6 +23951,47 @@ html.v-overlay-scroll-blocked {
23817
23951
  }
23818
23952
  .v-snackbar-transition-leave-to {
23819
23953
  opacity: 0;
23954
+ }.v-speed-dial__content {
23955
+ gap: 8px;
23956
+ }
23957
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--end-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--right-center {
23958
+ flex-direction: row;
23959
+ }
23960
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--left-center, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--start-center {
23961
+ flex-direction: row-reverse;
23962
+ }
23963
+ .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top, .v-speed-dial__content.v-overlay__content.v-speed-dial__content--top-center {
23964
+ flex-direction: column-reverse;
23965
+ }
23966
+ .v-speed-dial__content > *:nth-child(1) {
23967
+ transition-delay: 0s;
23968
+ }
23969
+ .v-speed-dial__content > *:nth-child(2) {
23970
+ transition-delay: 0.05s;
23971
+ }
23972
+ .v-speed-dial__content > *:nth-child(3) {
23973
+ transition-delay: 0.1s;
23974
+ }
23975
+ .v-speed-dial__content > *:nth-child(4) {
23976
+ transition-delay: 0.15s;
23977
+ }
23978
+ .v-speed-dial__content > *:nth-child(5) {
23979
+ transition-delay: 0.2s;
23980
+ }
23981
+ .v-speed-dial__content > *:nth-child(6) {
23982
+ transition-delay: 0.25s;
23983
+ }
23984
+ .v-speed-dial__content > *:nth-child(7) {
23985
+ transition-delay: 0.3s;
23986
+ }
23987
+ .v-speed-dial__content > *:nth-child(8) {
23988
+ transition-delay: 0.35s;
23989
+ }
23990
+ .v-speed-dial__content > *:nth-child(9) {
23991
+ transition-delay: 0.4s;
23992
+ }
23993
+ .v-speed-dial__content > *:nth-child(10) {
23994
+ transition-delay: 0.45s;
23820
23995
  }.v-stepper.v-sheet {
23821
23996
  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));
23822
23997
  border-radius: 4px;
@@ -25094,6 +25269,43 @@ html.v-overlay-scroll-blocked {
25094
25269
  }
25095
25270
  .v-window-y-reverse-transition-leave-to {
25096
25271
  transform: translateY(100%);
25272
+ }.v-locale-provider {
25273
+ display: contents;
25274
+ }.v-color-picker-swatches {
25275
+ overflow-y: auto;
25276
+ }
25277
+ .v-color-picker-swatches > div {
25278
+ display: flex;
25279
+ flex-wrap: wrap;
25280
+ justify-content: center;
25281
+ padding: 8px;
25282
+ }
25283
+
25284
+ .v-color-picker-swatches__swatch {
25285
+ display: flex;
25286
+ flex-direction: column;
25287
+ margin-bottom: 10px;
25288
+ }
25289
+
25290
+ .v-color-picker-swatches__color {
25291
+ position: relative;
25292
+ height: 18px;
25293
+ max-height: 18px;
25294
+ width: 45px;
25295
+ margin: 2px 4px;
25296
+ border-radius: 2px;
25297
+ -webkit-user-select: none;
25298
+ user-select: none;
25299
+ overflow: hidden;
25300
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25301
+ cursor: pointer;
25302
+ }
25303
+ .v-color-picker-swatches__color > div {
25304
+ display: flex;
25305
+ align-items: center;
25306
+ justify-content: center;
25307
+ width: 100%;
25308
+ height: 100%;
25097
25309
  }.v-color-picker-canvas {
25098
25310
  display: flex;
25099
25311
  position: relative;
@@ -25214,41 +25426,6 @@ html.v-overlay-scroll-blocked {
25214
25426
  .v-color-picker-preview__eye-dropper {
25215
25427
  position: relative;
25216
25428
  margin-right: 12px;
25217
- }.v-color-picker-swatches {
25218
- overflow-y: auto;
25219
- }
25220
- .v-color-picker-swatches > div {
25221
- display: flex;
25222
- flex-wrap: wrap;
25223
- justify-content: center;
25224
- padding: 8px;
25225
- }
25226
-
25227
- .v-color-picker-swatches__swatch {
25228
- display: flex;
25229
- flex-direction: column;
25230
- margin-bottom: 10px;
25231
- }
25232
-
25233
- .v-color-picker-swatches__color {
25234
- position: relative;
25235
- height: 18px;
25236
- max-height: 18px;
25237
- width: 45px;
25238
- margin: 2px 4px;
25239
- border-radius: 2px;
25240
- -webkit-user-select: none;
25241
- user-select: none;
25242
- overflow: hidden;
25243
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACRJREFUKFNjPHTo0H8GJGBnZ8eIzGekgwJk+0BsdCtRHEQbBQBbbh0dIGKknQAAAABJRU5ErkJggg==) repeat;
25244
- cursor: pointer;
25245
- }
25246
- .v-color-picker-swatches__color > div {
25247
- display: flex;
25248
- align-items: center;
25249
- justify-content: center;
25250
- width: 100%;
25251
- height: 100%;
25252
25429
  }.v-picker.v-sheet {
25253
25430
  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
25254
25431
  border-radius: 4px;