@nhtio/lucid-resourceful-vue-components 1.20260107.0 → 1.20260108.0

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 (137) hide show
  1. package/{VChip-DWwcL8cL.mjs → VChip-DakTCdq2.mjs} +2 -2
  2. package/{VChip-DWwcL8cL.mjs.map → VChip-DakTCdq2.mjs.map} +1 -1
  3. package/{VDatePicker-C7_ULYfO.mjs → VDatePicker-DlZlcF2O.mjs} +4 -4
  4. package/{VDatePicker-C7_ULYfO.mjs.map → VDatePicker-DlZlcF2O.mjs.map} +1 -1
  5. package/{VDialog-BVRDhoD7.mjs → VDialog-BljV_Pfu.mjs} +3 -3
  6. package/{VDialog-BVRDhoD7.mjs.map → VDialog-BljV_Pfu.mjs.map} +1 -1
  7. package/{VEmptyState-C2B0Znk9.mjs → VEmptyState-BubXzExt.mjs} +2 -2
  8. package/{VEmptyState-C2B0Znk9.mjs.map → VEmptyState-BubXzExt.mjs.map} +1 -1
  9. package/{VHover-DnB1GlWG.mjs → VHover-DYt7f7-R.mjs} +3 -3
  10. package/{VHover-DnB1GlWG.mjs.map → VHover-DYt7f7-R.mjs.map} +1 -1
  11. package/{VListItem-DojRgtpe.mjs → VListItem-CHkJtaF9.mjs} +4 -4
  12. package/{VListItem-DojRgtpe.mjs.map → VListItem-CHkJtaF9.mjs.map} +1 -1
  13. package/{VMenu-D2biKkpd.mjs → VMenu-Xveh72QZ.mjs} +3 -3
  14. package/{VMenu-D2biKkpd.mjs.map → VMenu-Xveh72QZ.mjs.map} +1 -1
  15. package/{VPicker-dxKS1KK4.mjs → VPicker-D9TBI61U.mjs} +4 -4
  16. package/{VPicker-dxKS1KK4.mjs.map → VPicker-D9TBI61U.mjs.map} +1 -1
  17. package/{VRadioGroup-lC_c6Ath.mjs → VRadioGroup-CFazRh5q.mjs} +4 -4
  18. package/{VRadioGroup-lC_c6Ath.mjs.map → VRadioGroup-CFazRh5q.mjs.map} +1 -1
  19. package/{VRow-BBY2gEjT.mjs → VRow-Db84ydOG.mjs} +2 -2
  20. package/{VRow-BBY2gEjT.mjs.map → VRow-Db84ydOG.mjs.map} +1 -1
  21. package/{VSheet-B4SA9_dv.mjs → VSheet-CX-0tYk0.mjs} +2 -2
  22. package/{VSheet-B4SA9_dv.mjs.map → VSheet-CX-0tYk0.mjs.map} +1 -1
  23. package/{actions-CXhEUJp6.mjs → actions-CAGyXfrI.mjs} +12 -12
  24. package/{actions-CXhEUJp6.mjs.map → actions-CAGyXfrI.mjs.map} +1 -1
  25. package/{alert-B0j6GH3V.mjs → alert-D4Zq_X5a.mjs} +11 -11
  26. package/{alert-B0j6GH3V.mjs.map → alert-D4Zq_X5a.mjs.map} +1 -1
  27. package/{bigint-DXS_rVbG.mjs → bigint-MqcXh7nS.mjs} +7 -7
  28. package/{bigint-DXS_rVbG.mjs.map → bigint-MqcXh7nS.mjs.map} +1 -1
  29. package/{boolean-BTu-4Ihs.mjs → boolean-h31TIpoH.mjs} +10 -10
  30. package/{boolean-BTu-4Ihs.mjs.map → boolean-h31TIpoH.mjs.map} +1 -1
  31. package/{clipboard-C6YTX8YB.mjs → clipboard-jPiC4eq0.mjs} +7 -7
  32. package/{clipboard-C6YTX8YB.mjs.map → clipboard-jPiC4eq0.mjs.map} +1 -1
  33. package/{common-a_cd4SQg.mjs → common-CRFL2oQX.mjs} +1362 -1362
  34. package/common-CRFL2oQX.mjs.map +1 -0
  35. package/components/autorefresh_controller.mjs +1 -1
  36. package/components/control_button.mjs +1 -1
  37. package/components/control_button_bar.mjs +2 -2
  38. package/components/control_menu.mjs +1 -1
  39. package/components/custom_field.mjs +1 -1
  40. package/components/exporter.mjs +1 -1
  41. package/components/fields/bigint.mjs +1 -1
  42. package/components/fields/boolean.mjs +1 -1
  43. package/components/fields/date.mjs +1 -1
  44. package/components/fields/date_time.mjs +1 -1
  45. package/components/fields/enum.mjs +1 -1
  46. package/components/fields/integer.mjs +1 -1
  47. package/components/fields/number.mjs +1 -1
  48. package/components/fields/string.mjs +1 -1
  49. package/components/fields/unsigned_integer.mjs +1 -1
  50. package/components/fields.mjs +9 -9
  51. package/components/form_with_validation.mjs +1 -1
  52. package/components/resourceful_alerter.mjs +1 -1
  53. package/components/resourceful_index.mjs +1 -1
  54. package/components/resourceful_record.mjs +2 -2
  55. package/components/resourceful_record_default_form.mjs +1 -1
  56. package/components/resourceful_record_form.mjs +1 -1
  57. package/components/sortable.mjs +1 -1
  58. package/components/svg_icon.mjs +1 -1
  59. package/components/timezone_picker.mjs +1 -1
  60. package/components.mjs +23 -23
  61. package/composables.mjs +11 -11
  62. package/{custom-CgyU3A_B.mjs → custom-Dj2ib6qT.mjs} +7 -7
  63. package/{custom-CgyU3A_B.mjs.map → custom-Dj2ib6qT.mjs.map} +1 -1
  64. package/{date-B8edF8kU.mjs → date-fxb-e0m9.mjs} +10 -10
  65. package/{date-B8edF8kU.mjs.map → date-fxb-e0m9.mjs.map} +1 -1
  66. package/{date_time-BNsYnH-e.mjs → date_time-n4zJtaSr.mjs} +18 -18
  67. package/{date_time-BNsYnH-e.mjs.map → date_time-n4zJtaSr.mjs.map} +1 -1
  68. package/{display-CHspVOz6.mjs → display-DNgEbAdH.mjs} +38 -38
  69. package/{display-CHspVOz6.mjs.map → display-DNgEbAdH.mjs.map} +1 -1
  70. package/{display-pfXaBUr6.mjs → display-DxJktZAm.mjs} +4 -4
  71. package/{display-pfXaBUr6.mjs.map → display-DxJktZAm.mjs.map} +1 -1
  72. package/{enum-DoxJn16e.mjs → enum-CjkTx4L6.mjs} +9 -9
  73. package/{enum-DoxJn16e.mjs.map → enum-CjkTx4L6.mjs.map} +1 -1
  74. package/{exceptions-BeFuVcrH.mjs → exceptions-lwCt3BKI.mjs} +2 -2
  75. package/{exceptions-BeFuVcrH.mjs.map → exceptions-lwCt3BKI.mjs.map} +1 -1
  76. package/exceptions.mjs +2 -2
  77. package/factories.mjs +2 -2
  78. package/{field_composer-CPqM1aSV.mjs → field_composer-B_4w9YL9.mjs} +3 -3
  79. package/{field_composer-CPqM1aSV.mjs.map → field_composer-B_4w9YL9.mjs.map} +1 -1
  80. package/{form-BkQlevYR.mjs → form-B7uOzLn2.mjs} +15 -15
  81. package/{form-BkQlevYR.mjs.map → form-B7uOzLn2.mjs.map} +1 -1
  82. package/{guards-D0G8CU2m.mjs → guards-BI3Zu4tN.mjs} +2 -2
  83. package/{guards-D0G8CU2m.mjs.map → guards-BI3Zu4tN.mjs.map} +1 -1
  84. package/guards.mjs +4 -4
  85. package/helpers.mjs +12 -12
  86. package/{http-ChBUYgv8.mjs → http-B7MNWS03.mjs} +2 -2
  87. package/{http-ChBUYgv8.mjs.map → http-B7MNWS03.mjs.map} +1 -1
  88. package/{http-C15bx-Gn.mjs → http-C2_4xIMQ.mjs} +9 -6
  89. package/{http-C15bx-Gn.mjs.map → http-C2_4xIMQ.mjs.map} +1 -1
  90. package/http.mjs +1 -1
  91. package/{index-DHoLuRuJ.mjs → index-3roRSYqk.mjs} +6 -6
  92. package/{index-DHoLuRuJ.mjs.map → index-3roRSYqk.mjs.map} +1 -1
  93. package/{index-CvhhGjZn.mjs → index-B-PEjqXn.mjs} +3 -3
  94. package/{index-CvhhGjZn.mjs.map → index-B-PEjqXn.mjs.map} +1 -1
  95. package/{index-CdaTAyzs.mjs → index-BC-vhUQX.mjs} +15 -15
  96. package/{index-CdaTAyzs.mjs.map → index-BC-vhUQX.mjs.map} +1 -1
  97. package/{index-CduefDwU.mjs → index-BJmmZly3.mjs} +3 -3
  98. package/{index-CduefDwU.mjs.map → index-BJmmZly3.mjs.map} +1 -1
  99. package/{index-DLzoBhUb.mjs → index-BawSct2l.mjs} +4 -4
  100. package/{index-DLzoBhUb.mjs.map → index-BawSct2l.mjs.map} +1 -1
  101. package/{index-Cb3Fmo7E.mjs → index-DDsxXe9z.mjs} +43 -43
  102. package/{index-Cb3Fmo7E.mjs.map → index-DDsxXe9z.mjs.map} +1 -1
  103. package/{index-BcDX9w4T.mjs → index-DLXKobUt.mjs} +8 -8
  104. package/{index-BcDX9w4T.mjs.map → index-DLXKobUt.mjs.map} +1 -1
  105. package/{index-CHELe70a.mjs → index-DWI2DYc2.mjs} +8 -8
  106. package/{index-CHELe70a.mjs.map → index-DWI2DYc2.mjs.map} +1 -1
  107. package/{index-De0W4KPF.mjs → index-Dh9Wblnw.mjs} +8 -8
  108. package/{index-De0W4KPF.mjs.map → index-Dh9Wblnw.mjs.map} +1 -1
  109. package/index.mjs +37 -37
  110. package/{integer-BWdmDp7S.mjs → integer-BYichJsH.mjs} +3 -3
  111. package/{integer-BWdmDp7S.mjs.map → integer-BYichJsH.mjs.map} +1 -1
  112. package/{ioc-Q-KAX6x1.mjs → ioc-DOAKMPdw.mjs} +2 -2
  113. package/{ioc-Q-KAX6x1.mjs.map → ioc-DOAKMPdw.mjs.map} +1 -1
  114. package/ioc.mjs +1 -1
  115. package/lucid-resourceful-vue-components.css +828 -828
  116. package/{mdi-jw9Ee7p6.mjs → mdi-VGx06N8O.mjs} +9 -9
  117. package/{mdi-jw9Ee7p6.mjs.map → mdi-VGx06N8O.mjs.map} +1 -1
  118. package/{number-Chf-qQs7.mjs → number-B5AryNzI.mjs} +8 -8
  119. package/{number-Chf-qQs7.mjs.map → number-B5AryNzI.mjs.map} +1 -1
  120. package/package.json +5 -5
  121. package/{props-eYGYq1uo.mjs → props-BZryUy0q.mjs} +4 -4
  122. package/{props-eYGYq1uo.mjs.map → props-BZryUy0q.mjs.map} +1 -1
  123. package/{props-fFnbtBgH.mjs → props-Dcuv5Iv7.mjs} +4 -4
  124. package/{props-fFnbtBgH.mjs.map → props-Dcuv5Iv7.mjs.map} +1 -1
  125. package/{renderers-DLsO8zG-.mjs → renderers-C7XOwFHb.mjs} +14 -14
  126. package/{renderers-DLsO8zG-.mjs.map → renderers-C7XOwFHb.mjs.map} +1 -1
  127. package/{string-D-UsgMTx.mjs → string-CJvxnWzd.mjs} +13 -13
  128. package/{string-D-UsgMTx.mjs.map → string-CJvxnWzd.mjs.map} +1 -1
  129. package/{unsigned_integer-7R2vw_Qn.mjs → unsigned_integer-CRQsMWxW.mjs} +4 -4
  130. package/{unsigned_integer-7R2vw_Qn.mjs.map → unsigned_integer-CRQsMWxW.mjs.map} +1 -1
  131. package/{utils-DehfJ8pT.mjs → utils-BBXjywEs.mjs} +2 -2
  132. package/{utils-DehfJ8pT.mjs.map → utils-BBXjywEs.mjs.map} +1 -1
  133. package/{validation-41gHTtyY.mjs → validation-NVIikb_s.mjs} +5 -5
  134. package/{validation-41gHTtyY.mjs.map → validation-NVIikb_s.mjs.map} +1 -1
  135. package/{vendor-nhtio-vuetifiable-CS-KbH1h.mjs → vendor-nhtio-vuetifiable-CTlDfYMJ.mjs} +7 -7
  136. package/{vendor-nhtio-vuetifiable-CS-KbH1h.mjs.map → vendor-nhtio-vuetifiable-CTlDfYMJ.mjs.map} +1 -1
  137. package/common-a_cd4SQg.mjs.map +0 -1
@@ -2876,6 +2876,156 @@ html.v-overlay-scroll-blocked {
2876
2876
  .offset-xxl-11 {
2877
2877
  margin-inline-start: 91.6666666667%;
2878
2878
  }
2879
+ }.v-snackbar {
2880
+ justify-content: center;
2881
+ z-index: 10000;
2882
+ margin: 8px;
2883
+ margin-inline-end: calc(8px + var(--v-scrollbar-offset));
2884
+ padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
2885
+ }
2886
+ .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
2887
+ align-items: flex-end;
2888
+ }
2889
+ .v-snackbar__wrapper {
2890
+ align-items: center;
2891
+ display: flex;
2892
+ max-width: 672px;
2893
+ min-height: 48px;
2894
+ min-width: 344px;
2895
+ overflow: hidden;
2896
+ padding: 0;
2897
+ }
2898
+ .v-snackbar__wrapper {
2899
+ border-radius: 4px;
2900
+ }
2901
+ .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
2902
+ background: transparent;
2903
+ color: inherit;
2904
+ }
2905
+ .v-snackbar--variant-plain {
2906
+ opacity: 0.62;
2907
+ }
2908
+ .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
2909
+ opacity: 1;
2910
+ }
2911
+ .v-snackbar--variant-plain .v-snackbar__overlay {
2912
+ display: none;
2913
+ }
2914
+ .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
2915
+ background: rgb(var(--v-theme-surface-variant));
2916
+ color: rgb(var(--v-theme-on-surface-variant));
2917
+ }
2918
+ .v-snackbar--variant-elevated {
2919
+ box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
2920
+ }
2921
+ .v-snackbar--variant-flat {
2922
+ 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));
2923
+ }
2924
+ .v-snackbar--variant-outlined {
2925
+ border: thin solid currentColor;
2926
+ }
2927
+ .v-snackbar--variant-text .v-snackbar__overlay {
2928
+ background: currentColor;
2929
+ }
2930
+ .v-snackbar--variant-tonal .v-snackbar__underlay {
2931
+ background: currentColor;
2932
+ opacity: var(--v-activated-opacity);
2933
+ border-radius: inherit;
2934
+ top: 0;
2935
+ right: 0;
2936
+ bottom: 0;
2937
+ left: 0;
2938
+ pointer-events: none;
2939
+ }
2940
+ .v-snackbar .v-snackbar__underlay {
2941
+ position: absolute;
2942
+ }
2943
+
2944
+ @media (forced-colors: active) {
2945
+ .v-snackbar__wrapper {
2946
+ border: thick solid;
2947
+ }
2948
+ }
2949
+ .v-snackbar__content {
2950
+ flex-grow: 1;
2951
+ font-size: 0.875rem;
2952
+ font-weight: 400;
2953
+ letter-spacing: 0.0178571429em;
2954
+ line-height: 1.425;
2955
+ margin-right: auto;
2956
+ padding: 14px 16px;
2957
+ text-align: initial;
2958
+ }
2959
+ .v-snackbar__actions {
2960
+ align-items: center;
2961
+ align-self: center;
2962
+ display: flex;
2963
+ margin-inline-end: 8px;
2964
+ }
2965
+ .v-snackbar__actions > .v-btn {
2966
+ padding: 0 8px;
2967
+ min-width: auto;
2968
+ }
2969
+ .v-snackbar__timer {
2970
+ width: 100%;
2971
+ position: absolute;
2972
+ top: 0;
2973
+ }
2974
+ .v-snackbar__timer .v-progress-linear {
2975
+ transition: 0.2s linear;
2976
+ }
2977
+ .v-snackbar--absolute {
2978
+ position: absolute;
2979
+ z-index: 1;
2980
+ }
2981
+ .v-snackbar--multi-line .v-snackbar__wrapper {
2982
+ min-height: 68px;
2983
+ }
2984
+ .v-snackbar--vertical .v-snackbar__wrapper {
2985
+ flex-direction: column;
2986
+ }
2987
+ .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
2988
+ align-self: flex-end;
2989
+ margin-bottom: 8px;
2990
+ }
2991
+ .v-snackbar--center {
2992
+ align-items: center;
2993
+ justify-content: center;
2994
+ }
2995
+ .v-snackbar--top {
2996
+ align-items: flex-start;
2997
+ }
2998
+ .v-snackbar--bottom {
2999
+ align-items: flex-end;
3000
+ }
3001
+ .v-snackbar--left, .v-snackbar--start {
3002
+ justify-content: flex-start;
3003
+ }
3004
+ .v-snackbar--right, .v-snackbar--end {
3005
+ justify-content: flex-end;
3006
+ }
3007
+
3008
+ .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
3009
+ transition-duration: 0.15s;
3010
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
3011
+ }
3012
+ .v-snackbar-transition-enter-active {
3013
+ transition-property: opacity, transform;
3014
+ }
3015
+ @media (prefers-reduced-motion: reduce) {
3016
+ .v-snackbar-transition-enter-active {
3017
+ transition-property: opacity;
3018
+ }
3019
+ }
3020
+ .v-snackbar-transition-enter-from {
3021
+ opacity: 0;
3022
+ transform: scale(0.8);
3023
+ }
3024
+ .v-snackbar-transition-leave-active {
3025
+ transition-property: opacity;
3026
+ }
3027
+ .v-snackbar-transition-leave-to {
3028
+ opacity: 0;
2879
3029
  }.v-list-item {
2880
3030
  align-items: center;
2881
3031
  display: grid;
@@ -3394,82 +3544,306 @@ html.v-overlay-scroll-blocked {
3394
3544
  .v-menu > .v-overlay__content > .v-sheet,
3395
3545
  .v-menu > .v-overlay__content > .v-list {
3396
3546
  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));
3397
- }.v-label {
3398
- align-items: center;
3399
- color: inherit;
3400
- display: inline-flex;
3401
- font-size: 1rem;
3402
- letter-spacing: 0.009375em;
3403
- min-width: 0;
3404
- opacity: var(--v-medium-emphasis-opacity);
3547
+ }.v-alert {
3548
+ display: grid;
3549
+ flex: 1 1;
3550
+ grid-template-areas: "prepend content append close" ". content . .";
3551
+ grid-template-columns: max-content auto max-content max-content;
3552
+ position: relative;
3553
+ padding: 16px;
3405
3554
  overflow: hidden;
3406
- text-overflow: ellipsis;
3407
- white-space: nowrap;
3555
+ --v-border-color: currentColor;
3408
3556
  }
3409
-
3410
- .v-label--clickable {
3411
- cursor: pointer;
3412
- }.v-list {
3413
- overflow: auto;
3414
- padding: 8px 0;
3415
- position: relative;
3416
- outline: none;
3557
+ .v-alert--absolute {
3558
+ position: absolute;
3417
3559
  }
3418
- .v-list {
3419
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
3420
- border-style: solid;
3421
- border-width: 0;
3560
+ .v-alert--fixed {
3561
+ position: fixed;
3422
3562
  }
3423
- .v-list--border {
3424
- border-width: thin;
3425
- box-shadow: none;
3563
+ .v-alert--sticky {
3564
+ position: sticky;
3426
3565
  }
3427
- .v-list {
3428
- 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));
3566
+ .v-alert {
3567
+ border-radius: 4px;
3429
3568
  }
3430
- .v-list {
3431
- border-radius: 0;
3569
+ .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
3570
+ background: transparent;
3571
+ color: inherit;
3432
3572
  }
3433
- .v-list {
3434
- background: rgba(var(--v-theme-surface));
3435
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
3573
+ .v-alert--variant-plain {
3574
+ opacity: 0.62;
3436
3575
  }
3437
- .v-list--disabled {
3438
- pointer-events: none;
3439
- user-select: none;
3576
+ .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
3577
+ opacity: 1;
3440
3578
  }
3441
- .v-list--nav {
3442
- padding-inline: 8px;
3579
+ .v-alert--variant-plain .v-alert__overlay {
3580
+ display: none;
3443
3581
  }
3444
- .v-list--nav .v-list-item:not(:first-child),
3445
- .v-list--nav .v-list-group:not(:first-child) > .v-list-item,
3446
- .v-list--nav .v-list-group__items > .v-list-item,
3447
- .v-list--nav .v-list-group__items > .v-list-group {
3448
- margin-top: 4px;
3582
+ .v-alert--variant-elevated, .v-alert--variant-flat {
3583
+ background: rgb(var(--v-theme-surface-light));
3584
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
3449
3585
  }
3450
- .v-list--rounded {
3451
- border-radius: 4px;
3586
+ .v-alert--variant-elevated {
3587
+ box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
3452
3588
  }
3453
- .v-list--subheader {
3454
- padding-top: 0;
3589
+ .v-alert--variant-flat {
3590
+ 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));
3455
3591
  }
3456
-
3457
- .v-list-img {
3592
+ .v-alert--variant-outlined {
3593
+ border: thin solid currentColor;
3594
+ }
3595
+ .v-alert--variant-text .v-alert__overlay {
3596
+ background: currentColor;
3597
+ }
3598
+ .v-alert--variant-tonal .v-alert__underlay {
3599
+ background: currentColor;
3600
+ opacity: var(--v-activated-opacity);
3458
3601
  border-radius: inherit;
3459
- display: flex;
3460
- height: 100%;
3602
+ top: 0;
3603
+ right: 0;
3604
+ bottom: 0;
3461
3605
  left: 0;
3462
- overflow: hidden;
3606
+ pointer-events: none;
3607
+ }
3608
+ .v-alert .v-alert__underlay {
3463
3609
  position: absolute;
3464
- top: 0;
3465
- width: 100%;
3466
- z-index: -1;
3467
3610
  }
3468
-
3469
- .v-list-subheader {
3470
- align-items: center;
3471
- background: inherit;
3472
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
3611
+ .v-alert--prominent {
3612
+ grid-template-areas: "prepend content append close" "prepend content . .";
3613
+ }
3614
+ .v-alert.v-alert--border {
3615
+ --v-border-opacity: 0.38;
3616
+ }
3617
+ .v-alert.v-alert--border.v-alert--border-start {
3618
+ padding-inline-start: 24px;
3619
+ }
3620
+ .v-alert.v-alert--border.v-alert--border-end {
3621
+ padding-inline-end: 24px;
3622
+ }
3623
+ .v-alert--variant-plain {
3624
+ transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
3625
+ }
3626
+ .v-alert--density-default {
3627
+ padding-bottom: 16px;
3628
+ padding-top: 16px;
3629
+ }
3630
+ .v-alert--density-default.v-alert--border-top {
3631
+ padding-top: 24px;
3632
+ }
3633
+ .v-alert--density-default.v-alert--border-bottom {
3634
+ padding-bottom: 24px;
3635
+ }
3636
+
3637
+ .v-alert--density-comfortable {
3638
+ padding-bottom: 12px;
3639
+ padding-top: 12px;
3640
+ }
3641
+ .v-alert--density-comfortable.v-alert--border-top {
3642
+ padding-top: 20px;
3643
+ }
3644
+ .v-alert--density-comfortable.v-alert--border-bottom {
3645
+ padding-bottom: 20px;
3646
+ }
3647
+
3648
+ .v-alert--density-compact {
3649
+ padding-bottom: 8px;
3650
+ padding-top: 8px;
3651
+ }
3652
+ .v-alert--density-compact.v-alert--border-top {
3653
+ padding-top: 16px;
3654
+ }
3655
+ .v-alert--density-compact.v-alert--border-bottom {
3656
+ padding-bottom: 16px;
3657
+ }
3658
+
3659
+ .v-alert:not(:has(.v-alert-title)) .v-alert__content {
3660
+ padding-block: calc((1.75rem - 1.5 * 1rem) / 2);
3661
+ }
3662
+
3663
+ .v-alert__border {
3664
+ border-radius: inherit;
3665
+ bottom: 0;
3666
+ left: 0;
3667
+ opacity: var(--v-border-opacity);
3668
+ position: absolute;
3669
+ pointer-events: none;
3670
+ right: 0;
3671
+ top: 0;
3672
+ width: 100%;
3673
+ }
3674
+ .v-alert__border {
3675
+ border-color: currentColor;
3676
+ border-style: solid;
3677
+ border-width: 0;
3678
+ }
3679
+ .v-alert__border--border {
3680
+ border-width: 8px;
3681
+ box-shadow: none;
3682
+ }
3683
+ .v-alert--border-start .v-alert__border {
3684
+ border-inline-start-width: 8px;
3685
+ }
3686
+ .v-alert--border-end .v-alert__border {
3687
+ border-inline-end-width: 8px;
3688
+ }
3689
+ .v-alert--border-top .v-alert__border {
3690
+ border-top-width: 8px;
3691
+ }
3692
+ .v-alert--border-bottom .v-alert__border {
3693
+ border-bottom-width: 8px;
3694
+ }
3695
+
3696
+ .v-alert__close {
3697
+ flex: 0 1 auto;
3698
+ grid-area: close;
3699
+ }
3700
+ .v-alert__close > .v-btn {
3701
+ margin-block: calc(-1 * (var(--v-btn-height) + 12px - 1.75rem) / 2);
3702
+ }
3703
+
3704
+ .v-alert__content {
3705
+ align-self: center;
3706
+ grid-area: content;
3707
+ overflow: hidden;
3708
+ }
3709
+
3710
+ .v-alert__append,
3711
+ .v-alert__close {
3712
+ margin-inline-start: 16px;
3713
+ }
3714
+
3715
+ .v-alert__append {
3716
+ align-self: flex-start;
3717
+ grid-area: append;
3718
+ }
3719
+ .v-alert__append + .v-alert__close {
3720
+ margin-inline-start: 16px;
3721
+ }
3722
+
3723
+ .v-alert__prepend {
3724
+ align-self: flex-start;
3725
+ display: flex;
3726
+ align-items: center;
3727
+ grid-area: prepend;
3728
+ margin-inline-end: 16px;
3729
+ min-height: 1.75rem;
3730
+ }
3731
+ .v-alert__prepend > .v-icon {
3732
+ font-size: 1.75rem;
3733
+ height: 1.75rem;
3734
+ width: 1.75rem;
3735
+ }
3736
+ .v-alert--prominent .v-alert__prepend {
3737
+ align-self: center;
3738
+ }
3739
+
3740
+ .v-alert__underlay {
3741
+ grid-area: none;
3742
+ position: absolute;
3743
+ }
3744
+ .v-alert--border-start .v-alert__underlay {
3745
+ border-top-left-radius: 0;
3746
+ border-bottom-left-radius: 0;
3747
+ }
3748
+ .v-alert--border-end .v-alert__underlay {
3749
+ border-top-right-radius: 0;
3750
+ border-bottom-right-radius: 0;
3751
+ }
3752
+ .v-alert--border-top .v-alert__underlay {
3753
+ border-top-left-radius: 0;
3754
+ border-top-right-radius: 0;
3755
+ }
3756
+ .v-alert--border-bottom .v-alert__underlay {
3757
+ border-bottom-left-radius: 0;
3758
+ border-bottom-right-radius: 0;
3759
+ }
3760
+
3761
+ .v-alert-title {
3762
+ align-items: center;
3763
+ align-self: center;
3764
+ display: flex;
3765
+ font-size: 1.25rem;
3766
+ font-weight: 500;
3767
+ hyphens: auto;
3768
+ letter-spacing: 0.0125em;
3769
+ line-height: 1.75rem;
3770
+ overflow-wrap: normal;
3771
+ text-transform: none;
3772
+ word-break: normal;
3773
+ word-wrap: break-word;
3774
+ }
3775
+
3776
+ @media (forced-colors: active) {
3777
+ .v-alert:not(.v-alert--variant-text, .v-alert--variant-plain) {
3778
+ border-style: solid;
3779
+ }
3780
+ .v-alert--variant-outlined, .v-alert--variant-tonal {
3781
+ border-width: medium;
3782
+ }
3783
+ .v-alert--variant-elevated, .v-alert--variant-flat {
3784
+ border-width: thick;
3785
+ }
3786
+ }.v-list {
3787
+ overflow: auto;
3788
+ padding: 8px 0;
3789
+ position: relative;
3790
+ outline: none;
3791
+ }
3792
+ .v-list {
3793
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
3794
+ border-style: solid;
3795
+ border-width: 0;
3796
+ }
3797
+ .v-list--border {
3798
+ border-width: thin;
3799
+ box-shadow: none;
3800
+ }
3801
+ .v-list {
3802
+ 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));
3803
+ }
3804
+ .v-list {
3805
+ border-radius: 0;
3806
+ }
3807
+ .v-list {
3808
+ background: rgba(var(--v-theme-surface));
3809
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
3810
+ }
3811
+ .v-list--disabled {
3812
+ pointer-events: none;
3813
+ user-select: none;
3814
+ }
3815
+ .v-list--nav {
3816
+ padding-inline: 8px;
3817
+ }
3818
+ .v-list--nav .v-list-item:not(:first-child),
3819
+ .v-list--nav .v-list-group:not(:first-child) > .v-list-item,
3820
+ .v-list--nav .v-list-group__items > .v-list-item,
3821
+ .v-list--nav .v-list-group__items > .v-list-group {
3822
+ margin-top: 4px;
3823
+ }
3824
+ .v-list--rounded {
3825
+ border-radius: 4px;
3826
+ }
3827
+ .v-list--subheader {
3828
+ padding-top: 0;
3829
+ }
3830
+
3831
+ .v-list-img {
3832
+ border-radius: inherit;
3833
+ display: flex;
3834
+ height: 100%;
3835
+ left: 0;
3836
+ overflow: hidden;
3837
+ position: absolute;
3838
+ top: 0;
3839
+ width: 100%;
3840
+ z-index: -1;
3841
+ }
3842
+
3843
+ .v-list-subheader {
3844
+ align-items: center;
3845
+ background: inherit;
3846
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
3473
3847
  display: flex;
3474
3848
  font-size: 0.875rem;
3475
3849
  font-weight: 400;
@@ -3588,184 +3962,15 @@ html.v-overlay-scroll-blocked {
3588
3962
  }
3589
3963
  .v-divider__wrapper--gradient.v-divider__wrapper--vertical {
3590
3964
  mask-image: linear-gradient(0deg, transparent, #000, transparent);
3591
- }.v-select--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
3592
- .v-select--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
3593
- .v-select--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
3594
- .v-select--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
3595
- top: 0px;
3965
+ }.v-input {
3966
+ display: grid;
3967
+ flex: 1 1 auto;
3968
+ font-size: 1rem;
3969
+ font-weight: 400;
3970
+ line-height: 1.5;
3596
3971
  }
3597
- .v-select .v-field .v-text-field__prefix,
3598
- .v-select .v-field .v-text-field__suffix,
3599
- .v-select .v-field .v-field__input, .v-select .v-field.v-field {
3600
- cursor: pointer;
3601
- }
3602
- .v-select .v-field .v-field__input > input {
3603
- align-self: flex-start;
3604
- opacity: 1;
3605
- flex: 0 0;
3606
- position: absolute;
3607
- left: 0;
3608
- right: 0;
3609
- width: 100%;
3610
- transition: none;
3611
- pointer-events: none;
3612
- caret-color: transparent;
3613
- padding-inline: inherit;
3614
- }
3615
- .v-select .v-field--dirty .v-select__selection {
3616
- margin-inline-end: 2px;
3617
- }
3618
- .v-select .v-select__selection-text {
3619
- overflow: hidden;
3620
- text-overflow: ellipsis;
3621
- white-space: nowrap;
3622
- }
3623
- .v-select__content {
3624
- overflow: hidden;
3625
- }
3626
- .v-select__content {
3627
- 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));
3628
- }
3629
- .v-menu > .v-overlay__content.v-select__content {
3630
- border-radius: 4px;
3631
- }
3632
-
3633
- .v-select__selection {
3634
- display: inline-flex;
3635
- align-items: center;
3636
- letter-spacing: inherit;
3637
- line-height: inherit;
3638
- max-width: 100%;
3639
- }
3640
- .v-select .v-select__selection:first-child {
3641
- margin-inline-start: 0;
3642
- }
3643
- .v-select--selected .v-field .v-field__input > input {
3644
- opacity: 0;
3645
- }
3646
- .v-select__menu-icon {
3647
- margin-inline-start: 4px;
3648
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3649
- }
3650
- .v-select--active-menu .v-select__menu-icon {
3651
- transform: rotate(180deg);
3652
- }.v-selection-control {
3653
- align-items: center;
3654
- contain: layout;
3655
- display: flex;
3656
- flex: 1 0;
3657
- grid-area: control;
3658
- position: relative;
3659
- user-select: none;
3660
- }
3661
- .v-selection-control .v-label {
3662
- white-space: normal;
3663
- word-break: break-word;
3664
- height: 100%;
3665
- opacity: 1;
3666
- }
3667
- .v-selection-control--disabled {
3668
- opacity: var(--v-disabled-opacity);
3669
- pointer-events: none;
3670
- }
3671
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
3672
- color: rgb(var(--v-theme-error));
3673
- }
3674
- .v-selection-control--inline {
3675
- display: inline-flex;
3676
- flex: 0 0 auto;
3677
- min-width: 0;
3678
- max-width: 100%;
3679
- }
3680
- .v-selection-control--inline .v-label {
3681
- width: auto;
3682
- }
3683
- .v-selection-control--density-default {
3684
- --v-selection-control-size: 40px;
3685
- }
3686
-
3687
- .v-selection-control--density-comfortable {
3688
- --v-selection-control-size: 36px;
3689
- }
3690
-
3691
- .v-selection-control--density-compact {
3692
- --v-selection-control-size: 28px;
3693
- }
3694
-
3695
- .v-selection-control__wrapper {
3696
- width: var(--v-selection-control-size);
3697
- height: var(--v-selection-control-size);
3698
- display: inline-flex;
3699
- align-items: center;
3700
- position: relative;
3701
- justify-content: center;
3702
- flex: none;
3703
- }
3704
-
3705
- .v-selection-control__input {
3706
- width: var(--v-selection-control-size);
3707
- height: var(--v-selection-control-size);
3708
- align-items: center;
3709
- display: flex;
3710
- flex: none;
3711
- justify-content: center;
3712
- position: relative;
3713
- border-radius: 50%;
3714
- }
3715
- .v-selection-control__input input {
3716
- cursor: pointer;
3717
- position: absolute;
3718
- left: 0;
3719
- top: 0;
3720
- width: 100%;
3721
- height: 100%;
3722
- opacity: 0;
3723
- }
3724
- .v-selection-control__input::before {
3725
- border-radius: 100%;
3726
- background-color: currentColor;
3727
- opacity: 0;
3728
- pointer-events: none;
3729
- }
3730
- .v-selection-control__input::before {
3731
- content: "";
3732
- position: absolute;
3733
- top: 0;
3734
- left: 0;
3735
- width: 100%;
3736
- height: 100%;
3737
- }
3738
- .v-selection-control__input:hover::before {
3739
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
3740
- }
3741
- .v-selection-control__input > .v-icon {
3742
- opacity: var(--v-medium-emphasis-opacity);
3743
- }
3744
- .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
3745
- opacity: 1;
3746
- }
3747
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
3748
- color: rgb(var(--v-theme-error));
3749
- }
3750
- .v-selection-control--focus-visible .v-selection-control__input::before {
3751
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
3752
- }.v-selection-control-group {
3753
- grid-area: control;
3754
- display: flex;
3755
- flex-direction: column;
3756
- }
3757
- .v-selection-control-group--inline {
3758
- flex-direction: row;
3759
- flex-wrap: wrap;
3760
- }.v-input {
3761
- display: grid;
3762
- flex: 1 1 auto;
3763
- font-size: 1rem;
3764
- font-weight: 400;
3765
- line-height: 1.5;
3766
- }
3767
- .v-input--disabled {
3768
- pointer-events: none;
3972
+ .v-input--disabled {
3973
+ pointer-events: none;
3769
3974
  }
3770
3975
  .v-input--density-default {
3771
3976
  --v-input-control-height: 56px;
@@ -3919,94 +4124,6 @@ html.v-overlay-scroll-blocked {
3919
4124
  word-wrap: break-word;
3920
4125
  hyphens: auto;
3921
4126
  transition-duration: 150ms;
3922
- }/* region BLOCK */
3923
- .v-text-field input {
3924
- color: inherit;
3925
- flex: 1;
3926
- transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
3927
- min-width: 0;
3928
- }
3929
- .v-text-field input:focus, .v-text-field input:active {
3930
- outline: none;
3931
- }
3932
- .v-text-field input:invalid {
3933
- box-shadow: none;
3934
- }
3935
- .v-text-field .v-field {
3936
- cursor: text;
3937
- }
3938
- .v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
3939
- --v-field-padding-start: 6px;
3940
- }
3941
-
3942
- .v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
3943
- --v-field-padding-end: 0;
3944
- }
3945
-
3946
- .v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
3947
- --v-field-padding-end: 6px;
3948
- }
3949
-
3950
- .v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
3951
- --v-field-padding-start: 0;
3952
- }
3953
-
3954
- .v-text-field .v-field:not(.v-field--no-label, .v-field--active) input::placeholder {
3955
- opacity: 0;
3956
- }
3957
- .v-text-field .v-input__details {
3958
- padding-inline: 16px;
3959
- }
3960
- .v-input--plain-underlined.v-text-field .v-input__details {
3961
- padding-inline: 0;
3962
- }
3963
-
3964
- .v-text-field .v-field--single-line input {
3965
- transition: none;
3966
- }
3967
-
3968
- /* endregion */
3969
- /* region ELEMENTS */
3970
- .v-text-field__prefix, .v-text-field__suffix {
3971
- align-items: center;
3972
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
3973
- cursor: default;
3974
- display: flex;
3975
- opacity: 0;
3976
- transition: inherit;
3977
- white-space: nowrap;
3978
- min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
3979
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
3980
- padding-bottom: var(--v-field-padding-bottom, 6px);
3981
- }
3982
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
3983
- opacity: 1;
3984
- }
3985
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
3986
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
3987
- }
3988
- .v-field:not(.v-field--reverse) .v-text-field__prefix {
3989
- padding-inline-start: var(--v-field-padding-start);
3990
- }
3991
-
3992
- .v-field.v-field--reverse .v-text-field__prefix {
3993
- padding-inline-end: var(--v-field-padding-end);
3994
- }
3995
-
3996
- .v-field:not(.v-field--reverse) .v-text-field__suffix {
3997
- padding-inline-end: var(--v-field-padding-end);
3998
- }
3999
-
4000
- .v-field.v-field--reverse .v-text-field__suffix {
4001
- padding-inline-start: var(--v-field-padding-start);
4002
- }
4003
-
4004
- /* endregion */.v-counter {
4005
- color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
4006
- flex: 0 1 auto;
4007
- font-size: 12px;
4008
- transition-duration: 150ms;
4009
- white-space: nowrap;
4010
4127
  }/* region INPUT */
4011
4128
  .v-field {
4012
4129
  display: grid;
@@ -4617,172 +4734,60 @@ textarea.v-field__input::placeholder {
4617
4734
  .v-field .v-progress-linear {
4618
4735
  border: none;
4619
4736
  }
4620
- }.v-virtual-scroll {
4621
- display: block;
4622
- flex: 1 1 auto;
4623
- max-width: 100%;
4624
- overflow: auto;
4625
- position: relative;
4626
- }
4627
- .v-virtual-scroll__container {
4628
- display: block;
4629
- }.v-toolbar {
4630
- align-items: flex-start;
4631
- display: flex;
4632
- flex: none;
4633
- flex-direction: column;
4634
- justify-content: space-between;
4635
- max-width: 100%;
4636
- position: relative;
4637
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
4638
- transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
4639
- width: 100%;
4640
- }
4641
- @media (prefers-reduced-motion: reduce) {
4642
- .v-toolbar {
4643
- transition-property: box-shadow;
4644
- }
4645
- }
4646
- .v-toolbar {
4647
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
4648
- border-style: solid;
4649
- border-width: 0;
4650
- }
4651
- .v-toolbar--border {
4652
- border-width: thin;
4653
- box-shadow: none;
4654
- }
4655
- .v-toolbar {
4656
- 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));
4657
- }
4658
- .v-toolbar {
4659
- border-radius: 0;
4660
- }
4661
- .v-toolbar {
4662
- background: rgb(var(--v-theme-surface-light));
4663
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
4664
- }
4665
- .v-toolbar--absolute {
4666
- position: absolute;
4667
- }
4668
- .v-toolbar--collapse {
4669
- max-width: 112px;
4670
- overflow: hidden;
4671
- }
4672
- .v-toolbar--collapse-end {
4673
- margin-inline-start: auto;
4674
- }
4675
- .v-toolbar--collapse.v-toolbar--collapse-start {
4676
- border-end-end-radius: 24px;
4677
- }
4678
- .v-toolbar--collapse.v-toolbar--collapse-end {
4679
- border-end-start-radius: 24px;
4680
- }
4681
- .v-toolbar--collapse .v-toolbar-title {
4682
- display: none;
4683
- }
4684
- .v-toolbar--flat {
4685
- 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));
4686
- }
4687
- .v-toolbar--floating {
4688
- display: inline-flex;
4689
- width: auto;
4690
- }
4691
- .v-toolbar--rounded {
4692
- border-radius: 4px;
4693
- }
4694
-
4695
- .v-toolbar__content,
4696
- .v-toolbar__extension {
4737
+ }.v-label {
4697
4738
  align-items: center;
4698
- display: flex;
4699
- flex: 0 0 auto;
4700
- position: relative;
4701
- transition: inherit;
4702
- width: 100%;
4703
- }
4704
-
4705
- .v-toolbar__content {
4739
+ color: inherit;
4740
+ display: inline-flex;
4741
+ font-size: 1rem;
4742
+ letter-spacing: 0.009375em;
4743
+ min-width: 0;
4744
+ opacity: var(--v-medium-emphasis-opacity);
4706
4745
  overflow: hidden;
4746
+ text-overflow: ellipsis;
4747
+ white-space: nowrap;
4707
4748
  }
4708
- .v-toolbar__content > .v-btn:first-child {
4709
- margin-inline-start: 4px;
4710
- }
4711
- .v-toolbar__content > .v-btn:last-child {
4712
- margin-inline-end: 4px;
4713
- }
4714
- .v-toolbar__content > .v-toolbar-title {
4715
- margin-inline-start: 20px;
4749
+
4750
+ .v-label--clickable {
4751
+ cursor: pointer;
4752
+ }.bottom-sheet-transition-enter-from {
4753
+ transform: translateY(100%);
4716
4754
  }
4717
- .v-toolbar--density-prominent .v-toolbar__content {
4718
- align-items: flex-start;
4755
+ .bottom-sheet-transition-leave-to {
4756
+ transform: translateY(100%);
4719
4757
  }
4720
4758
 
4721
- .v-toolbar__image {
4722
- display: flex;
4723
- opacity: var(--v-toolbar-image-opacity, 1);
4724
- transition-property: opacity;
4725
- }
4726
- .v-toolbar__image {
4727
- position: absolute;
4728
- top: 0;
4759
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
4760
+ align-self: flex-end;
4761
+ border-radius: 0;
4762
+ flex: 0 1 auto;
4729
4763
  left: 0;
4764
+ right: 0;
4765
+ margin-inline: auto;
4766
+ margin-bottom: 0;
4767
+ transition-duration: 0.2s;
4730
4768
  width: 100%;
4731
- height: 100%;
4732
- }
4733
-
4734
- .v-toolbar__prepend,
4735
- .v-toolbar__append {
4736
- align-items: center;
4737
- align-self: stretch;
4738
- display: flex;
4739
- }
4740
-
4741
- .v-toolbar__prepend {
4742
- margin-inline: 4px auto;
4743
- }
4744
-
4745
- .v-toolbar__append {
4746
- margin-inline: auto 4px;
4747
- }
4748
-
4749
- .v-toolbar-title {
4750
- flex: 1 1;
4751
- font-size: 1.25rem;
4752
- min-width: 0;
4753
- }
4754
- .v-toolbar-title {
4755
- font-size: 1.25rem;
4756
- font-weight: 400;
4757
- letter-spacing: 0;
4758
- line-height: 1.75rem;
4759
- text-transform: none;
4769
+ max-width: 100%;
4770
+ overflow: visible;
4760
4771
  }
4761
- .v-toolbar--density-prominent .v-toolbar-title {
4762
- align-self: flex-end;
4763
- padding-bottom: 6px;
4772
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
4773
+ 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));
4764
4774
  }
4765
- .v-toolbar--density-prominent .v-toolbar-title {
4766
- font-size: 1.5rem;
4767
- font-weight: 400;
4768
- letter-spacing: 0;
4769
- line-height: 2.25rem;
4770
- text-transform: none;
4775
+ @media (prefers-reduced-motion: reduce) {
4776
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
4777
+ transition: none;
4778
+ }
4771
4779
  }
4772
-
4773
- .v-toolbar-title__placeholder {
4774
- overflow: hidden;
4775
- text-overflow: ellipsis;
4776
- white-space: nowrap;
4780
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
4781
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
4782
+ border-radius: 0;
4777
4783
  }
4778
-
4779
- .v-toolbar-items {
4780
- display: flex;
4781
- height: inherit;
4782
- align-self: stretch;
4784
+ .v-bottom-sheet.v-bottom-sheet--inset {
4785
+ max-width: none;
4783
4786
  }
4784
- .v-toolbar-items > .v-btn {
4785
- border-radius: 0;
4787
+ @media (min-width: 600px) {
4788
+ .v-bottom-sheet.v-bottom-sheet--inset {
4789
+ max-width: 70%;
4790
+ }
4786
4791
  }.v-autocomplete--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
4787
4792
  .v-autocomplete--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
4788
4793
  .v-autocomplete--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
@@ -4869,284 +4874,429 @@ textarea.v-field__input::placeholder {
4869
4874
  }
4870
4875
  .v-autocomplete--active-menu .v-autocomplete__menu-icon {
4871
4876
  transform: rotate(180deg);
4872
- }.v-alert {
4873
- display: grid;
4874
- flex: 1 1;
4875
- grid-template-areas: "prepend content append close" ". content . .";
4876
- grid-template-columns: max-content auto max-content max-content;
4877
+ }.v-selection-control {
4878
+ align-items: center;
4879
+ contain: layout;
4880
+ display: flex;
4881
+ flex: 1 0;
4882
+ grid-area: control;
4877
4883
  position: relative;
4878
- padding: 16px;
4879
- overflow: hidden;
4880
- --v-border-color: currentColor;
4881
- }
4882
- .v-alert--absolute {
4883
- position: absolute;
4884
- }
4885
- .v-alert--fixed {
4886
- position: fixed;
4884
+ user-select: none;
4887
4885
  }
4888
- .v-alert--sticky {
4889
- position: sticky;
4886
+ .v-selection-control .v-label {
4887
+ white-space: normal;
4888
+ word-break: break-word;
4889
+ height: 100%;
4890
+ opacity: 1;
4890
4891
  }
4891
- .v-alert {
4892
- border-radius: 4px;
4892
+ .v-selection-control--disabled {
4893
+ opacity: var(--v-disabled-opacity);
4894
+ pointer-events: none;
4893
4895
  }
4894
- .v-alert--variant-plain, .v-alert--variant-outlined, .v-alert--variant-text, .v-alert--variant-tonal {
4895
- background: transparent;
4896
- color: inherit;
4896
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
4897
+ color: rgb(var(--v-theme-error));
4897
4898
  }
4898
- .v-alert--variant-plain {
4899
- opacity: 0.62;
4899
+ .v-selection-control--inline {
4900
+ display: inline-flex;
4901
+ flex: 0 0 auto;
4902
+ min-width: 0;
4903
+ max-width: 100%;
4900
4904
  }
4901
- .v-alert--variant-plain:focus, .v-alert--variant-plain:hover {
4902
- opacity: 1;
4905
+ .v-selection-control--inline .v-label {
4906
+ width: auto;
4903
4907
  }
4904
- .v-alert--variant-plain .v-alert__overlay {
4905
- display: none;
4908
+ .v-selection-control--density-default {
4909
+ --v-selection-control-size: 40px;
4906
4910
  }
4907
- .v-alert--variant-elevated, .v-alert--variant-flat {
4908
- background: rgb(var(--v-theme-surface-light));
4909
- color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
4911
+
4912
+ .v-selection-control--density-comfortable {
4913
+ --v-selection-control-size: 36px;
4910
4914
  }
4911
- .v-alert--variant-elevated {
4912
- box-shadow: 0px 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 1px 1px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 3px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
4915
+
4916
+ .v-selection-control--density-compact {
4917
+ --v-selection-control-size: 28px;
4913
4918
  }
4914
- .v-alert--variant-flat {
4915
- 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));
4919
+
4920
+ .v-selection-control__wrapper {
4921
+ width: var(--v-selection-control-size);
4922
+ height: var(--v-selection-control-size);
4923
+ display: inline-flex;
4924
+ align-items: center;
4925
+ position: relative;
4926
+ justify-content: center;
4927
+ flex: none;
4916
4928
  }
4917
- .v-alert--variant-outlined {
4918
- border: thin solid currentColor;
4929
+
4930
+ .v-selection-control__input {
4931
+ width: var(--v-selection-control-size);
4932
+ height: var(--v-selection-control-size);
4933
+ align-items: center;
4934
+ display: flex;
4935
+ flex: none;
4936
+ justify-content: center;
4937
+ position: relative;
4938
+ border-radius: 50%;
4919
4939
  }
4920
- .v-alert--variant-text .v-alert__overlay {
4921
- background: currentColor;
4940
+ .v-selection-control__input input {
4941
+ cursor: pointer;
4942
+ position: absolute;
4943
+ left: 0;
4944
+ top: 0;
4945
+ width: 100%;
4946
+ height: 100%;
4947
+ opacity: 0;
4922
4948
  }
4923
- .v-alert--variant-tonal .v-alert__underlay {
4924
- background: currentColor;
4925
- opacity: var(--v-activated-opacity);
4926
- border-radius: inherit;
4949
+ .v-selection-control__input::before {
4950
+ border-radius: 100%;
4951
+ background-color: currentColor;
4952
+ opacity: 0;
4953
+ pointer-events: none;
4954
+ }
4955
+ .v-selection-control__input::before {
4956
+ content: "";
4957
+ position: absolute;
4927
4958
  top: 0;
4928
- right: 0;
4929
- bottom: 0;
4930
4959
  left: 0;
4931
- pointer-events: none;
4960
+ width: 100%;
4961
+ height: 100%;
4932
4962
  }
4933
- .v-alert .v-alert__underlay {
4963
+ .v-selection-control__input:hover::before {
4964
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
4965
+ }
4966
+ .v-selection-control__input > .v-icon {
4967
+ opacity: var(--v-medium-emphasis-opacity);
4968
+ }
4969
+ .v-selection-control--disabled .v-selection-control__input > .v-icon, .v-selection-control--dirty .v-selection-control__input > .v-icon, .v-selection-control--error .v-selection-control__input > .v-icon {
4970
+ opacity: 1;
4971
+ }
4972
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
4973
+ color: rgb(var(--v-theme-error));
4974
+ }
4975
+ .v-selection-control--focus-visible .v-selection-control__input::before {
4976
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
4977
+ }.v-selection-control-group {
4978
+ grid-area: control;
4979
+ display: flex;
4980
+ flex-direction: column;
4981
+ }
4982
+ .v-selection-control-group--inline {
4983
+ flex-direction: row;
4984
+ flex-wrap: wrap;
4985
+ }.v-select--chips.v-input--density-compact .v-field--variant-solo .v-label.v-field-label--floating,
4986
+ .v-select--chips.v-input--density-compact .v-field--variant-solo-inverted .v-label.v-field-label--floating,
4987
+ .v-select--chips.v-input--density-compact .v-field--variant-filled .v-label.v-field-label--floating,
4988
+ .v-select--chips.v-input--density-compact .v-field--variant-solo-filled .v-label.v-field-label--floating {
4989
+ top: 0px;
4990
+ }
4991
+ .v-select .v-field .v-text-field__prefix,
4992
+ .v-select .v-field .v-text-field__suffix,
4993
+ .v-select .v-field .v-field__input, .v-select .v-field.v-field {
4994
+ cursor: pointer;
4995
+ }
4996
+ .v-select .v-field .v-field__input > input {
4997
+ align-self: flex-start;
4998
+ opacity: 1;
4999
+ flex: 0 0;
4934
5000
  position: absolute;
5001
+ left: 0;
5002
+ right: 0;
5003
+ width: 100%;
5004
+ transition: none;
5005
+ pointer-events: none;
5006
+ caret-color: transparent;
5007
+ padding-inline: inherit;
4935
5008
  }
4936
- .v-alert--prominent {
4937
- grid-template-areas: "prepend content append close" "prepend content . .";
5009
+ .v-select .v-field--dirty .v-select__selection {
5010
+ margin-inline-end: 2px;
4938
5011
  }
4939
- .v-alert.v-alert--border {
4940
- --v-border-opacity: 0.38;
5012
+ .v-select .v-select__selection-text {
5013
+ overflow: hidden;
5014
+ text-overflow: ellipsis;
5015
+ white-space: nowrap;
4941
5016
  }
4942
- .v-alert.v-alert--border.v-alert--border-start {
4943
- padding-inline-start: 24px;
5017
+ .v-select__content {
5018
+ overflow: hidden;
4944
5019
  }
4945
- .v-alert.v-alert--border.v-alert--border-end {
4946
- padding-inline-end: 24px;
5020
+ .v-select__content {
5021
+ 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));
4947
5022
  }
4948
- .v-alert--variant-plain {
4949
- transition: 0.2s opacity cubic-bezier(0.4, 0, 0.2, 1);
5023
+ .v-menu > .v-overlay__content.v-select__content {
5024
+ border-radius: 4px;
4950
5025
  }
4951
- .v-alert--density-default {
4952
- padding-bottom: 16px;
4953
- padding-top: 16px;
5026
+
5027
+ .v-select__selection {
5028
+ display: inline-flex;
5029
+ align-items: center;
5030
+ letter-spacing: inherit;
5031
+ line-height: inherit;
5032
+ max-width: 100%;
4954
5033
  }
4955
- .v-alert--density-default.v-alert--border-top {
4956
- padding-top: 24px;
5034
+ .v-select .v-select__selection:first-child {
5035
+ margin-inline-start: 0;
4957
5036
  }
4958
- .v-alert--density-default.v-alert--border-bottom {
4959
- padding-bottom: 24px;
5037
+ .v-select--selected .v-field .v-field__input > input {
5038
+ opacity: 0;
5039
+ }
5040
+ .v-select__menu-icon {
5041
+ margin-inline-start: 4px;
5042
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
5043
+ }
5044
+ .v-select--active-menu .v-select__menu-icon {
5045
+ transform: rotate(180deg);
5046
+ }/* region BLOCK */
5047
+ .v-text-field input {
5048
+ color: inherit;
5049
+ flex: 1;
5050
+ transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
5051
+ min-width: 0;
5052
+ }
5053
+ .v-text-field input:focus, .v-text-field input:active {
5054
+ outline: none;
5055
+ }
5056
+ .v-text-field input:invalid {
5057
+ box-shadow: none;
5058
+ }
5059
+ .v-text-field .v-field {
5060
+ cursor: text;
5061
+ }
5062
+ .v-text-field--prefixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
5063
+ --v-field-padding-start: 6px;
4960
5064
  }
4961
5065
 
4962
- .v-alert--density-comfortable {
4963
- padding-bottom: 12px;
4964
- padding-top: 12px;
5066
+ .v-text-field--suffixed.v-text-field .v-field:not(.v-field--reverse) .v-field__input {
5067
+ --v-field-padding-end: 0;
4965
5068
  }
4966
- .v-alert--density-comfortable.v-alert--border-top {
4967
- padding-top: 20px;
5069
+
5070
+ .v-text-field--prefixed.v-text-field .v-field.v-field--reverse .v-field__input {
5071
+ --v-field-padding-end: 6px;
4968
5072
  }
4969
- .v-alert--density-comfortable.v-alert--border-bottom {
4970
- padding-bottom: 20px;
5073
+
5074
+ .v-text-field--suffixed.v-text-field .v-field.v-field--reverse .v-field__input {
5075
+ --v-field-padding-start: 0;
4971
5076
  }
4972
5077
 
4973
- .v-alert--density-compact {
4974
- padding-bottom: 8px;
4975
- padding-top: 8px;
5078
+ .v-text-field .v-field:not(.v-field--no-label, .v-field--active) input::placeholder {
5079
+ opacity: 0;
4976
5080
  }
4977
- .v-alert--density-compact.v-alert--border-top {
4978
- padding-top: 16px;
5081
+ .v-text-field .v-input__details {
5082
+ padding-inline: 16px;
4979
5083
  }
4980
- .v-alert--density-compact.v-alert--border-bottom {
4981
- padding-bottom: 16px;
5084
+ .v-input--plain-underlined.v-text-field .v-input__details {
5085
+ padding-inline: 0;
4982
5086
  }
4983
5087
 
4984
- .v-alert:not(:has(.v-alert-title)) .v-alert__content {
4985
- padding-block: calc((1.75rem - 1.5 * 1rem) / 2);
5088
+ .v-text-field .v-field--single-line input {
5089
+ transition: none;
4986
5090
  }
4987
5091
 
4988
- .v-alert__border {
4989
- border-radius: inherit;
4990
- bottom: 0;
4991
- left: 0;
4992
- opacity: var(--v-border-opacity);
4993
- position: absolute;
4994
- pointer-events: none;
4995
- right: 0;
4996
- top: 0;
5092
+ /* endregion */
5093
+ /* region ELEMENTS */
5094
+ .v-text-field__prefix, .v-text-field__suffix {
5095
+ align-items: center;
5096
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
5097
+ cursor: default;
5098
+ display: flex;
5099
+ opacity: 0;
5100
+ transition: inherit;
5101
+ white-space: nowrap;
5102
+ min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
5103
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
5104
+ padding-bottom: var(--v-field-padding-bottom, 6px);
5105
+ }
5106
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
5107
+ opacity: 1;
5108
+ }
5109
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
5110
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
5111
+ }
5112
+ .v-field:not(.v-field--reverse) .v-text-field__prefix {
5113
+ padding-inline-start: var(--v-field-padding-start);
5114
+ }
5115
+
5116
+ .v-field.v-field--reverse .v-text-field__prefix {
5117
+ padding-inline-end: var(--v-field-padding-end);
5118
+ }
5119
+
5120
+ .v-field:not(.v-field--reverse) .v-text-field__suffix {
5121
+ padding-inline-end: var(--v-field-padding-end);
5122
+ }
5123
+
5124
+ .v-field.v-field--reverse .v-text-field__suffix {
5125
+ padding-inline-start: var(--v-field-padding-start);
5126
+ }
5127
+
5128
+ /* endregion */.v-counter {
5129
+ color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
5130
+ flex: 0 1 auto;
5131
+ font-size: 12px;
5132
+ transition-duration: 150ms;
5133
+ white-space: nowrap;
5134
+ }.v-virtual-scroll {
5135
+ display: block;
5136
+ flex: 1 1 auto;
5137
+ max-width: 100%;
5138
+ overflow: auto;
5139
+ position: relative;
5140
+ }
5141
+ .v-virtual-scroll__container {
5142
+ display: block;
5143
+ }.v-toolbar {
5144
+ align-items: flex-start;
5145
+ display: flex;
5146
+ flex: none;
5147
+ flex-direction: column;
5148
+ justify-content: space-between;
5149
+ max-width: 100%;
5150
+ position: relative;
5151
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
5152
+ transition-property: height, width, transform, max-width, left, right, top, bottom, box-shadow;
4997
5153
  width: 100%;
4998
5154
  }
4999
- .v-alert__border {
5000
- border-color: currentColor;
5155
+ @media (prefers-reduced-motion: reduce) {
5156
+ .v-toolbar {
5157
+ transition-property: box-shadow;
5158
+ }
5159
+ }
5160
+ .v-toolbar {
5161
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
5001
5162
  border-style: solid;
5002
5163
  border-width: 0;
5003
5164
  }
5004
- .v-alert__border--border {
5005
- border-width: 8px;
5165
+ .v-toolbar--border {
5166
+ border-width: thin;
5006
5167
  box-shadow: none;
5007
5168
  }
5008
- .v-alert--border-start .v-alert__border {
5009
- border-inline-start-width: 8px;
5169
+ .v-toolbar {
5170
+ 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));
5010
5171
  }
5011
- .v-alert--border-end .v-alert__border {
5012
- border-inline-end-width: 8px;
5172
+ .v-toolbar {
5173
+ border-radius: 0;
5013
5174
  }
5014
- .v-alert--border-top .v-alert__border {
5015
- border-top-width: 8px;
5175
+ .v-toolbar {
5176
+ background: rgb(var(--v-theme-surface-light));
5177
+ color: rgba(var(--v-theme-on-surface-light), var(--v-high-emphasis-opacity));
5016
5178
  }
5017
- .v-alert--border-bottom .v-alert__border {
5018
- border-bottom-width: 8px;
5179
+ .v-toolbar--absolute {
5180
+ position: absolute;
5019
5181
  }
5020
-
5021
- .v-alert__close {
5022
- flex: 0 1 auto;
5023
- grid-area: close;
5182
+ .v-toolbar--collapse {
5183
+ max-width: 112px;
5184
+ overflow: hidden;
5024
5185
  }
5025
- .v-alert__close > .v-btn {
5026
- margin-block: calc(-1 * (var(--v-btn-height) + 12px - 1.75rem) / 2);
5186
+ .v-toolbar--collapse-end {
5187
+ margin-inline-start: auto;
5027
5188
  }
5028
-
5029
- .v-alert__content {
5030
- align-self: center;
5031
- grid-area: content;
5032
- overflow: hidden;
5189
+ .v-toolbar--collapse.v-toolbar--collapse-start {
5190
+ border-end-end-radius: 24px;
5033
5191
  }
5034
-
5035
- .v-alert__append,
5036
- .v-alert__close {
5037
- margin-inline-start: 16px;
5192
+ .v-toolbar--collapse.v-toolbar--collapse-end {
5193
+ border-end-start-radius: 24px;
5038
5194
  }
5039
-
5040
- .v-alert__append {
5041
- align-self: flex-start;
5042
- grid-area: append;
5195
+ .v-toolbar--collapse .v-toolbar-title {
5196
+ display: none;
5043
5197
  }
5044
- .v-alert__append + .v-alert__close {
5045
- margin-inline-start: 16px;
5198
+ .v-toolbar--flat {
5199
+ 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));
5200
+ }
5201
+ .v-toolbar--floating {
5202
+ display: inline-flex;
5203
+ width: auto;
5204
+ }
5205
+ .v-toolbar--rounded {
5206
+ border-radius: 4px;
5046
5207
  }
5047
5208
 
5048
- .v-alert__prepend {
5049
- align-self: flex-start;
5050
- display: flex;
5209
+ .v-toolbar__content,
5210
+ .v-toolbar__extension {
5051
5211
  align-items: center;
5052
- grid-area: prepend;
5053
- margin-inline-end: 16px;
5054
- min-height: 1.75rem;
5212
+ display: flex;
5213
+ flex: 0 0 auto;
5214
+ position: relative;
5215
+ transition: inherit;
5216
+ width: 100%;
5055
5217
  }
5056
- .v-alert__prepend > .v-icon {
5057
- font-size: 1.75rem;
5058
- height: 1.75rem;
5059
- width: 1.75rem;
5218
+
5219
+ .v-toolbar__content {
5220
+ overflow: hidden;
5060
5221
  }
5061
- .v-alert--prominent .v-alert__prepend {
5062
- align-self: center;
5222
+ .v-toolbar__content > .v-btn:first-child {
5223
+ margin-inline-start: 4px;
5063
5224
  }
5064
-
5065
- .v-alert__underlay {
5066
- grid-area: none;
5067
- position: absolute;
5225
+ .v-toolbar__content > .v-btn:last-child {
5226
+ margin-inline-end: 4px;
5068
5227
  }
5069
- .v-alert--border-start .v-alert__underlay {
5070
- border-top-left-radius: 0;
5071
- border-bottom-left-radius: 0;
5228
+ .v-toolbar__content > .v-toolbar-title {
5229
+ margin-inline-start: 20px;
5072
5230
  }
5073
- .v-alert--border-end .v-alert__underlay {
5074
- border-top-right-radius: 0;
5075
- border-bottom-right-radius: 0;
5231
+ .v-toolbar--density-prominent .v-toolbar__content {
5232
+ align-items: flex-start;
5076
5233
  }
5077
- .v-alert--border-top .v-alert__underlay {
5078
- border-top-left-radius: 0;
5079
- border-top-right-radius: 0;
5234
+
5235
+ .v-toolbar__image {
5236
+ display: flex;
5237
+ opacity: var(--v-toolbar-image-opacity, 1);
5238
+ transition-property: opacity;
5080
5239
  }
5081
- .v-alert--border-bottom .v-alert__underlay {
5082
- border-bottom-left-radius: 0;
5083
- border-bottom-right-radius: 0;
5240
+ .v-toolbar__image {
5241
+ position: absolute;
5242
+ top: 0;
5243
+ left: 0;
5244
+ width: 100%;
5245
+ height: 100%;
5084
5246
  }
5085
5247
 
5086
- .v-alert-title {
5248
+ .v-toolbar__prepend,
5249
+ .v-toolbar__append {
5087
5250
  align-items: center;
5088
- align-self: center;
5251
+ align-self: stretch;
5089
5252
  display: flex;
5090
- font-size: 1.25rem;
5091
- font-weight: 500;
5092
- hyphens: auto;
5093
- letter-spacing: 0.0125em;
5094
- line-height: 1.75rem;
5095
- overflow-wrap: normal;
5096
- text-transform: none;
5097
- word-break: normal;
5098
- word-wrap: break-word;
5099
5253
  }
5100
5254
 
5101
- @media (forced-colors: active) {
5102
- .v-alert:not(.v-alert--variant-text, .v-alert--variant-plain) {
5103
- border-style: solid;
5104
- }
5105
- .v-alert--variant-outlined, .v-alert--variant-tonal {
5106
- border-width: medium;
5107
- }
5108
- .v-alert--variant-elevated, .v-alert--variant-flat {
5109
- border-width: thick;
5110
- }
5111
- }.bottom-sheet-transition-enter-from {
5112
- transform: translateY(100%);
5255
+ .v-toolbar__prepend {
5256
+ margin-inline: 4px auto;
5113
5257
  }
5114
- .bottom-sheet-transition-leave-to {
5115
- transform: translateY(100%);
5258
+
5259
+ .v-toolbar__append {
5260
+ margin-inline: auto 4px;
5116
5261
  }
5117
5262
 
5118
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
5119
- align-self: flex-end;
5120
- border-radius: 0;
5121
- flex: 0 1 auto;
5122
- left: 0;
5123
- right: 0;
5124
- margin-inline: auto;
5125
- margin-bottom: 0;
5126
- transition-duration: 0.2s;
5127
- width: 100%;
5128
- max-width: 100%;
5129
- overflow: visible;
5263
+ .v-toolbar-title {
5264
+ flex: 1 1;
5265
+ font-size: 1.25rem;
5266
+ min-width: 0;
5130
5267
  }
5131
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
5132
- 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));
5268
+ .v-toolbar-title {
5269
+ font-size: 1.25rem;
5270
+ font-weight: 400;
5271
+ letter-spacing: 0;
5272
+ line-height: 1.75rem;
5273
+ text-transform: none;
5133
5274
  }
5134
- @media (prefers-reduced-motion: reduce) {
5135
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
5136
- transition: none;
5137
- }
5275
+ .v-toolbar--density-prominent .v-toolbar-title {
5276
+ align-self: flex-end;
5277
+ padding-bottom: 6px;
5138
5278
  }
5139
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
5140
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
5141
- border-radius: 0;
5279
+ .v-toolbar--density-prominent .v-toolbar-title {
5280
+ font-size: 1.5rem;
5281
+ font-weight: 400;
5282
+ letter-spacing: 0;
5283
+ line-height: 2.25rem;
5284
+ text-transform: none;
5142
5285
  }
5143
- .v-bottom-sheet.v-bottom-sheet--inset {
5144
- max-width: none;
5286
+
5287
+ .v-toolbar-title__placeholder {
5288
+ overflow: hidden;
5289
+ text-overflow: ellipsis;
5290
+ white-space: nowrap;
5145
5291
  }
5146
- @media (min-width: 600px) {
5147
- .v-bottom-sheet.v-bottom-sheet--inset {
5148
- max-width: 70%;
5149
- }
5292
+
5293
+ .v-toolbar-items {
5294
+ display: flex;
5295
+ height: inherit;
5296
+ align-self: stretch;
5297
+ }
5298
+ .v-toolbar-items > .v-btn {
5299
+ border-radius: 0;
5150
5300
  }.v-sheet {
5151
5301
  display: block;
5152
5302
  }
@@ -7240,156 +7390,6 @@ textarea.v-field__input::placeholder {
7240
7390
  .v-color-picker-swatches > div {
7241
7391
  forced-color-adjust: preserve-parent-color;
7242
7392
  }
7243
- }.v-snackbar {
7244
- justify-content: center;
7245
- z-index: 10000;
7246
- margin: 8px;
7247
- margin-inline-end: calc(8px + var(--v-scrollbar-offset));
7248
- padding: var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left);
7249
- }
7250
- .v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top) {
7251
- align-items: flex-end;
7252
- }
7253
- .v-snackbar__wrapper {
7254
- align-items: center;
7255
- display: flex;
7256
- max-width: 672px;
7257
- min-height: 48px;
7258
- min-width: 344px;
7259
- overflow: hidden;
7260
- padding: 0;
7261
- }
7262
- .v-snackbar__wrapper {
7263
- border-radius: 4px;
7264
- }
7265
- .v-snackbar--variant-plain, .v-snackbar--variant-outlined, .v-snackbar--variant-text, .v-snackbar--variant-tonal {
7266
- background: transparent;
7267
- color: inherit;
7268
- }
7269
- .v-snackbar--variant-plain {
7270
- opacity: 0.62;
7271
- }
7272
- .v-snackbar--variant-plain:focus, .v-snackbar--variant-plain:hover {
7273
- opacity: 1;
7274
- }
7275
- .v-snackbar--variant-plain .v-snackbar__overlay {
7276
- display: none;
7277
- }
7278
- .v-snackbar--variant-elevated, .v-snackbar--variant-flat {
7279
- background: rgb(var(--v-theme-surface-variant));
7280
- color: rgb(var(--v-theme-on-surface-variant));
7281
- }
7282
- .v-snackbar--variant-elevated {
7283
- box-shadow: 0px 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 6px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 18px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
7284
- }
7285
- .v-snackbar--variant-flat {
7286
- 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));
7287
- }
7288
- .v-snackbar--variant-outlined {
7289
- border: thin solid currentColor;
7290
- }
7291
- .v-snackbar--variant-text .v-snackbar__overlay {
7292
- background: currentColor;
7293
- }
7294
- .v-snackbar--variant-tonal .v-snackbar__underlay {
7295
- background: currentColor;
7296
- opacity: var(--v-activated-opacity);
7297
- border-radius: inherit;
7298
- top: 0;
7299
- right: 0;
7300
- bottom: 0;
7301
- left: 0;
7302
- pointer-events: none;
7303
- }
7304
- .v-snackbar .v-snackbar__underlay {
7305
- position: absolute;
7306
- }
7307
-
7308
- @media (forced-colors: active) {
7309
- .v-snackbar__wrapper {
7310
- border: thick solid;
7311
- }
7312
- }
7313
- .v-snackbar__content {
7314
- flex-grow: 1;
7315
- font-size: 0.875rem;
7316
- font-weight: 400;
7317
- letter-spacing: 0.0178571429em;
7318
- line-height: 1.425;
7319
- margin-right: auto;
7320
- padding: 14px 16px;
7321
- text-align: initial;
7322
- }
7323
- .v-snackbar__actions {
7324
- align-items: center;
7325
- align-self: center;
7326
- display: flex;
7327
- margin-inline-end: 8px;
7328
- }
7329
- .v-snackbar__actions > .v-btn {
7330
- padding: 0 8px;
7331
- min-width: auto;
7332
- }
7333
- .v-snackbar__timer {
7334
- width: 100%;
7335
- position: absolute;
7336
- top: 0;
7337
- }
7338
- .v-snackbar__timer .v-progress-linear {
7339
- transition: 0.2s linear;
7340
- }
7341
- .v-snackbar--absolute {
7342
- position: absolute;
7343
- z-index: 1;
7344
- }
7345
- .v-snackbar--multi-line .v-snackbar__wrapper {
7346
- min-height: 68px;
7347
- }
7348
- .v-snackbar--vertical .v-snackbar__wrapper {
7349
- flex-direction: column;
7350
- }
7351
- .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions {
7352
- align-self: flex-end;
7353
- margin-bottom: 8px;
7354
- }
7355
- .v-snackbar--center {
7356
- align-items: center;
7357
- justify-content: center;
7358
- }
7359
- .v-snackbar--top {
7360
- align-items: flex-start;
7361
- }
7362
- .v-snackbar--bottom {
7363
- align-items: flex-end;
7364
- }
7365
- .v-snackbar--left, .v-snackbar--start {
7366
- justify-content: flex-start;
7367
- }
7368
- .v-snackbar--right, .v-snackbar--end {
7369
- justify-content: flex-end;
7370
- }
7371
-
7372
- .v-snackbar-transition-enter-active, .v-snackbar-transition-leave-active {
7373
- transition-duration: 0.15s;
7374
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7375
- }
7376
- .v-snackbar-transition-enter-active {
7377
- transition-property: opacity, transform;
7378
- }
7379
- @media (prefers-reduced-motion: reduce) {
7380
- .v-snackbar-transition-enter-active {
7381
- transition-property: opacity;
7382
- }
7383
- }
7384
- .v-snackbar-transition-enter-from {
7385
- opacity: 0;
7386
- transform: scale(0.8);
7387
- }
7388
- .v-snackbar-transition-leave-active {
7389
- transition-property: opacity;
7390
- }
7391
- .v-snackbar-transition-leave-to {
7392
- opacity: 0;
7393
7393
  }.v-empty-state {
7394
7394
  align-items: center;
7395
7395
  display: flex;