@vuetify/nightly 3.6.4-master.2024-05-09 → 3.6.5-master.2024-05-11

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 (65) hide show
  1. package/CHANGELOG.md +2 -11
  2. package/dist/_component-variables-labs.sass +1 -0
  3. package/dist/json/attributes.json +292 -4
  4. package/dist/json/importMap-labs.json +28 -16
  5. package/dist/json/importMap.json +120 -120
  6. package/dist/json/tags.json +87 -0
  7. package/dist/json/web-types.json +1313 -6
  8. package/dist/vuetify-labs.css +1683 -1615
  9. package/dist/vuetify-labs.d.ts +1669 -28
  10. package/dist/vuetify-labs.esm.js +310 -16
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +310 -16
  13. package/dist/vuetify-labs.min.css +2 -2
  14. package/dist/vuetify.css +963 -963
  15. package/dist/vuetify.d.ts +147 -69
  16. package/dist/vuetify.esm.js +50 -16
  17. package/dist/vuetify.esm.js.map +1 -1
  18. package/dist/vuetify.js +50 -16
  19. package/dist/vuetify.js.map +1 -1
  20. package/dist/vuetify.min.css +2 -2
  21. package/dist/vuetify.min.js +51 -52
  22. package/dist/vuetify.min.js.map +1 -1
  23. package/lib/components/VBtn/index.d.mts +2 -0
  24. package/lib/components/VDataTable/VDataTable.mjs +6 -2
  25. package/lib/components/VDataTable/VDataTable.mjs.map +1 -1
  26. package/lib/components/VDataTable/VDataTableServer.mjs +3 -2
  27. package/lib/components/VDataTable/VDataTableServer.mjs.map +1 -1
  28. package/lib/components/VDataTable/VDataTableVirtual.mjs +3 -1
  29. package/lib/components/VDataTable/VDataTableVirtual.mjs.map +1 -1
  30. package/lib/components/VDataTable/index.d.mts +54 -0
  31. package/lib/components/VExpansionPanel/VExpansionPanel.mjs +3 -1
  32. package/lib/components/VExpansionPanel/VExpansionPanel.mjs.map +1 -1
  33. package/lib/components/VExpansionPanel/VExpansionPanels.mjs +15 -4
  34. package/lib/components/VExpansionPanel/VExpansionPanels.mjs.map +1 -1
  35. package/lib/components/VExpansionPanel/index.d.mts +82 -27
  36. package/lib/components/VSlideGroup/index.d.mts +2 -0
  37. package/lib/components/VStepper/VStepper.mjs +5 -2
  38. package/lib/components/VStepper/VStepper.mjs.map +1 -1
  39. package/lib/components/VStepper/VStepperItem.mjs +5 -2
  40. package/lib/components/VStepper/VStepperItem.mjs.map +1 -1
  41. package/lib/components/VStepper/index.d.mts +1 -1
  42. package/lib/components/VTabs/index.d.mts +2 -0
  43. package/lib/components/VWindow/index.d.mts +2 -0
  44. package/lib/components/index.d.mts +102 -27
  45. package/lib/composables/group.mjs +8 -0
  46. package/lib/composables/group.mjs.map +1 -1
  47. package/lib/entry-bundler.mjs +1 -1
  48. package/lib/framework.mjs +1 -1
  49. package/lib/index.d.mts +45 -42
  50. package/lib/labs/VStepperVertical/VStepperVertical.mjs +106 -0
  51. package/lib/labs/VStepperVertical/VStepperVertical.mjs.map +1 -0
  52. package/lib/labs/VStepperVertical/VStepperVerticalActions.mjs +38 -0
  53. package/lib/labs/VStepperVertical/VStepperVerticalActions.mjs.map +1 -0
  54. package/lib/labs/VStepperVertical/VStepperVerticalItem.css +69 -0
  55. package/lib/labs/VStepperVertical/VStepperVerticalItem.mjs +134 -0
  56. package/lib/labs/VStepperVertical/VStepperVerticalItem.mjs.map +1 -0
  57. package/lib/labs/VStepperVertical/VStepperVerticalItem.sass +74 -0
  58. package/lib/labs/VStepperVertical/_variables.scss +3 -0
  59. package/lib/labs/VStepperVertical/index.d.mts +1590 -0
  60. package/lib/labs/VStepperVertical/index.mjs +4 -0
  61. package/lib/labs/VStepperVertical/index.mjs.map +1 -0
  62. package/lib/labs/components.d.mts +1599 -20
  63. package/lib/labs/components.mjs +1 -0
  64. package/lib/labs/components.mjs.map +1 -1
  65. package/package.json +1 -1
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.6.4-master.2024-05-09
2
+ * Vuetify v3.6.5-master.2024-05-11
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17640,6 +17640,18 @@ html.overflow-y-hidden {
17640
17640
  .v-ripple__animation--out {
17641
17641
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
17642
17642
  opacity: 0;
17643
+ }.v-app-bar {
17644
+ display: flex;
17645
+ }
17646
+ .v-app-bar.v-toolbar {
17647
+ background: rgb(var(--v-theme-surface));
17648
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17649
+ }
17650
+ .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17651
+ 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));
17652
+ }
17653
+ .v-app-bar:not(.v-toolbar--absolute) {
17654
+ padding-inline-end: var(--v-scrollbar-offset);
17643
17655
  }.v-application {
17644
17656
  display: flex;
17645
17657
  background: rgb(var(--v-theme-background));
@@ -17656,18 +17668,6 @@ html.overflow-y-hidden {
17656
17668
  min-height: 100vh;
17657
17669
  min-height: 100dvh;
17658
17670
  position: relative;
17659
- }.v-app-bar {
17660
- display: flex;
17661
- }
17662
- .v-app-bar.v-toolbar {
17663
- background: rgb(var(--v-theme-surface));
17664
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17665
- }
17666
- .v-app-bar.v-toolbar:not(.v-toolbar--flat) {
17667
- 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));
17668
- }
17669
- .v-app-bar:not(.v-toolbar--absolute) {
17670
- padding-inline-end: var(--v-scrollbar-offset);
17671
17671
  }.v-alert {
17672
17672
  display: grid;
17673
17673
  flex: 1 1;
@@ -18056,132 +18056,6 @@ html.overflow-y-hidden {
18056
18056
  .v-avatar .v-img {
18057
18057
  height: 100%;
18058
18058
  width: 100%;
18059
- }.v-badge {
18060
- display: inline-block;
18061
- line-height: 1;
18062
- }
18063
-
18064
- .v-badge__badge {
18065
- align-items: center;
18066
- display: inline-flex;
18067
- border-radius: 10px;
18068
- font-size: 0.75rem;
18069
- font-weight: 500;
18070
- height: 1.25rem;
18071
- justify-content: center;
18072
- min-width: 20px;
18073
- padding: 4px 6px;
18074
- pointer-events: auto;
18075
- position: absolute;
18076
- text-align: center;
18077
- text-indent: 0;
18078
- transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18079
- white-space: nowrap;
18080
- background: rgb(var(--v-theme-surface-variant));
18081
- color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18082
- }
18083
- .v-badge--bordered .v-badge__badge::after {
18084
- border-radius: inherit;
18085
- border-style: solid;
18086
- border-width: 2px;
18087
- bottom: 0;
18088
- color: rgb(var(--v-theme-background));
18089
- content: "";
18090
- left: 0;
18091
- position: absolute;
18092
- right: 0;
18093
- top: 0;
18094
- transform: scale(1.05);
18095
- }
18096
- .v-badge--dot .v-badge__badge {
18097
- border-radius: 4.5px;
18098
- height: 9px;
18099
- min-width: 0;
18100
- padding: 0;
18101
- width: 9px;
18102
- }
18103
- .v-badge--dot .v-badge__badge::after {
18104
- border-width: 1.5px;
18105
- }
18106
- .v-badge--inline .v-badge__badge {
18107
- position: relative;
18108
- vertical-align: middle;
18109
- }
18110
- .v-badge__badge .v-icon {
18111
- color: inherit;
18112
- font-size: 0.75rem;
18113
- margin: 0 -2px;
18114
- }
18115
- .v-badge__badge img,
18116
- .v-badge__badge .v-img {
18117
- height: 100%;
18118
- width: 100%;
18119
- }
18120
-
18121
- .v-badge__wrapper {
18122
- display: flex;
18123
- position: relative;
18124
- }
18125
- .v-badge--inline .v-badge__wrapper {
18126
- align-items: center;
18127
- display: inline-flex;
18128
- justify-content: center;
18129
- margin: 0 4px;
18130
- }.v-bottom-navigation {
18131
- display: flex;
18132
- max-width: 100%;
18133
- overflow: hidden;
18134
- position: absolute;
18135
- transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18136
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18137
- border-style: solid;
18138
- border-width: 0;
18139
- border-radius: 0;
18140
- background: rgb(var(--v-theme-surface));
18141
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18142
- }
18143
- .v-bottom-navigation--border {
18144
- border-width: thin;
18145
- box-shadow: none;
18146
- }
18147
- .v-bottom-navigation--active {
18148
- 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));
18149
- }
18150
-
18151
- .v-bottom-navigation__content {
18152
- display: flex;
18153
- flex: none;
18154
- font-size: 0.75rem;
18155
- justify-content: center;
18156
- transition: inherit;
18157
- width: 100%;
18158
- }
18159
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18160
- font-size: inherit;
18161
- height: 100%;
18162
- max-width: 168px;
18163
- min-width: 80px;
18164
- text-transform: none;
18165
- transition: inherit;
18166
- width: auto;
18167
- border-radius: 0;
18168
- }
18169
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18170
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18171
- transition: inherit;
18172
- }
18173
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18174
- font-size: 1.5rem;
18175
- }
18176
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18177
- flex-grow: 1;
18178
- }
18179
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18180
- transition: inherit;
18181
- opacity: 0;
18182
- }
18183
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18184
- transform: translateY(0.5rem);
18185
18059
  }.v-banner {
18186
18060
  display: grid;
18187
18061
  flex: 1 1;
@@ -18339,70 +18213,196 @@ html.overflow-y-hidden {
18339
18213
  }
18340
18214
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18341
18215
  align-self: flex-start;
18342
- }.bottom-sheet-transition-enter-from {
18343
- transform: translateY(100%);
18344
- }
18345
- .bottom-sheet-transition-leave-to {
18346
- transform: translateY(100%);
18216
+ }.v-badge {
18217
+ display: inline-block;
18218
+ line-height: 1;
18347
18219
  }
18348
18220
 
18349
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18350
- align-self: flex-end;
18351
- border-radius: 0;
18352
- flex: 0 1 auto;
18221
+ .v-badge__badge {
18222
+ align-items: center;
18223
+ display: inline-flex;
18224
+ border-radius: 10px;
18225
+ font-size: 0.75rem;
18226
+ font-weight: 500;
18227
+ height: 1.25rem;
18228
+ justify-content: center;
18229
+ min-width: 20px;
18230
+ padding: 4px 6px;
18231
+ pointer-events: auto;
18232
+ position: absolute;
18233
+ text-align: center;
18234
+ text-indent: 0;
18235
+ transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
18236
+ white-space: nowrap;
18237
+ background: rgb(var(--v-theme-surface-variant));
18238
+ color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
18239
+ }
18240
+ .v-badge--bordered .v-badge__badge::after {
18241
+ border-radius: inherit;
18242
+ border-style: solid;
18243
+ border-width: 2px;
18244
+ bottom: 0;
18245
+ color: rgb(var(--v-theme-background));
18246
+ content: "";
18353
18247
  left: 0;
18248
+ position: absolute;
18354
18249
  right: 0;
18355
- margin-inline: 0;
18356
- margin-bottom: 0;
18357
- transition-duration: 0.2s;
18358
- width: 100%;
18359
- max-width: 100%;
18360
- overflow: visible;
18361
- 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));
18362
- }
18363
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18364
- .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18365
- border-radius: 0;
18366
- }
18367
- .v-bottom-sheet.v-bottom-sheet--inset {
18368
- max-width: none;
18250
+ top: 0;
18251
+ transform: scale(1.05);
18369
18252
  }
18370
- @media (min-width: 600px) {
18371
- .v-bottom-sheet.v-bottom-sheet--inset {
18372
- max-width: 70%;
18373
- }
18374
- }.v-breadcrumbs {
18375
- display: flex;
18376
- align-items: center;
18377
- line-height: 1.6;
18378
- padding: 16px 12px;
18253
+ .v-badge--dot .v-badge__badge {
18254
+ border-radius: 4.5px;
18255
+ height: 9px;
18256
+ min-width: 0;
18257
+ padding: 0;
18258
+ width: 9px;
18379
18259
  }
18380
- .v-breadcrumbs--rounded {
18381
- border-radius: 4px;
18260
+ .v-badge--dot .v-badge__badge::after {
18261
+ border-width: 1.5px;
18382
18262
  }
18383
- .v-breadcrumbs--density-default {
18384
- padding-top: 16px;
18385
- padding-bottom: 16px;
18263
+ .v-badge--inline .v-badge__badge {
18264
+ position: relative;
18265
+ vertical-align: middle;
18386
18266
  }
18387
-
18388
- .v-breadcrumbs--density-comfortable {
18389
- padding-top: 12px;
18390
- padding-bottom: 12px;
18267
+ .v-badge__badge .v-icon {
18268
+ color: inherit;
18269
+ font-size: 0.75rem;
18270
+ margin: 0 -2px;
18391
18271
  }
18392
-
18393
- .v-breadcrumbs--density-compact {
18394
- padding-top: 8px;
18395
- padding-bottom: 8px;
18272
+ .v-badge__badge img,
18273
+ .v-badge__badge .v-img {
18274
+ height: 100%;
18275
+ width: 100%;
18396
18276
  }
18397
18277
 
18398
- .v-breadcrumbs__prepend {
18399
- align-items: center;
18400
- display: inline-flex;
18278
+ .v-badge__wrapper {
18279
+ display: flex;
18280
+ position: relative;
18401
18281
  }
18402
-
18403
- .v-breadcrumbs-item {
18282
+ .v-badge--inline .v-badge__wrapper {
18404
18283
  align-items: center;
18405
- color: inherit;
18284
+ display: inline-flex;
18285
+ justify-content: center;
18286
+ margin: 0 4px;
18287
+ }.v-bottom-navigation {
18288
+ display: flex;
18289
+ max-width: 100%;
18290
+ overflow: hidden;
18291
+ position: absolute;
18292
+ transition: transform, color, 0.2s, 0.1s cubic-bezier(0.4, 0, 0.2, 1);
18293
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18294
+ border-style: solid;
18295
+ border-width: 0;
18296
+ border-radius: 0;
18297
+ background: rgb(var(--v-theme-surface));
18298
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18299
+ }
18300
+ .v-bottom-navigation--border {
18301
+ border-width: thin;
18302
+ box-shadow: none;
18303
+ }
18304
+ .v-bottom-navigation--active {
18305
+ 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));
18306
+ }
18307
+
18308
+ .v-bottom-navigation__content {
18309
+ display: flex;
18310
+ flex: none;
18311
+ font-size: 0.75rem;
18312
+ justify-content: center;
18313
+ transition: inherit;
18314
+ width: 100%;
18315
+ }
18316
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18317
+ font-size: inherit;
18318
+ height: 100%;
18319
+ max-width: 168px;
18320
+ min-width: 80px;
18321
+ text-transform: none;
18322
+ transition: inherit;
18323
+ width: auto;
18324
+ border-radius: 0;
18325
+ }
18326
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18327
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18328
+ transition: inherit;
18329
+ }
18330
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18331
+ font-size: 1.5rem;
18332
+ }
18333
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18334
+ flex-grow: 1;
18335
+ }
18336
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18337
+ transition: inherit;
18338
+ opacity: 0;
18339
+ }
18340
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18341
+ transform: translateY(0.5rem);
18342
+ }.bottom-sheet-transition-enter-from {
18343
+ transform: translateY(100%);
18344
+ }
18345
+ .bottom-sheet-transition-leave-to {
18346
+ transform: translateY(100%);
18347
+ }
18348
+
18349
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content {
18350
+ align-self: flex-end;
18351
+ border-radius: 0;
18352
+ flex: 0 1 auto;
18353
+ left: 0;
18354
+ right: 0;
18355
+ margin-inline: 0;
18356
+ margin-bottom: 0;
18357
+ transition-duration: 0.2s;
18358
+ width: 100%;
18359
+ max-width: 100%;
18360
+ overflow: visible;
18361
+ 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));
18362
+ }
18363
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-card,
18364
+ .v-bottom-sheet > .v-bottom-sheet__content.v-overlay__content > .v-sheet {
18365
+ border-radius: 0;
18366
+ }
18367
+ .v-bottom-sheet.v-bottom-sheet--inset {
18368
+ max-width: none;
18369
+ }
18370
+ @media (min-width: 600px) {
18371
+ .v-bottom-sheet.v-bottom-sheet--inset {
18372
+ max-width: 70%;
18373
+ }
18374
+ }.v-breadcrumbs {
18375
+ display: flex;
18376
+ align-items: center;
18377
+ line-height: 1.6;
18378
+ padding: 16px 12px;
18379
+ }
18380
+ .v-breadcrumbs--rounded {
18381
+ border-radius: 4px;
18382
+ }
18383
+ .v-breadcrumbs--density-default {
18384
+ padding-top: 16px;
18385
+ padding-bottom: 16px;
18386
+ }
18387
+
18388
+ .v-breadcrumbs--density-comfortable {
18389
+ padding-top: 12px;
18390
+ padding-bottom: 12px;
18391
+ }
18392
+
18393
+ .v-breadcrumbs--density-compact {
18394
+ padding-top: 8px;
18395
+ padding-bottom: 8px;
18396
+ }
18397
+
18398
+ .v-breadcrumbs__prepend {
18399
+ align-items: center;
18400
+ display: inline-flex;
18401
+ }
18402
+
18403
+ .v-breadcrumbs-item {
18404
+ align-items: center;
18405
+ color: inherit;
18406
18406
  display: inline-flex;
18407
18407
  padding: 0 4px;
18408
18408
  text-decoration: none;
@@ -18840,75 +18840,6 @@ html.overflow-y-hidden {
18840
18840
  }
18841
18841
  .v-pagination__item--is-active .v-btn__overlay {
18842
18842
  opacity: var(--v-border-opacity);
18843
- }.v-btn-group {
18844
- display: inline-flex;
18845
- flex-wrap: nowrap;
18846
- max-width: 100%;
18847
- min-width: 0;
18848
- overflow: hidden;
18849
- vertical-align: middle;
18850
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18851
- border-style: solid;
18852
- border-width: 0;
18853
- 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));
18854
- border-radius: 4px;
18855
- background: transparent;
18856
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18857
- }
18858
- .v-btn-group--border {
18859
- border-width: thin;
18860
- box-shadow: none;
18861
- }
18862
- .v-btn-group--density-default.v-btn-group {
18863
- height: 48px;
18864
- }
18865
-
18866
- .v-btn-group--density-comfortable.v-btn-group {
18867
- height: 40px;
18868
- }
18869
-
18870
- .v-btn-group--density-compact.v-btn-group {
18871
- height: 36px;
18872
- }
18873
-
18874
- .v-btn-group .v-btn {
18875
- border-radius: 0;
18876
- border-color: inherit;
18877
- }
18878
- .v-btn-group .v-btn:not(:last-child) {
18879
- border-inline-end: none;
18880
- }
18881
- .v-btn-group .v-btn:not(:first-child) {
18882
- border-inline-start: none;
18883
- }
18884
- .v-btn-group .v-btn:first-child {
18885
- border-start-start-radius: inherit;
18886
- border-end-start-radius: inherit;
18887
- }
18888
- .v-btn-group .v-btn:last-child {
18889
- border-start-end-radius: inherit;
18890
- border-end-end-radius: inherit;
18891
- }
18892
- .v-btn-group--divided .v-btn:not(:last-child) {
18893
- border-inline-end-width: thin;
18894
- border-inline-end-style: solid;
18895
- border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
18896
- }
18897
- .v-btn-group--tile {
18898
- border-radius: 0;
18899
- }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
18900
- opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
18901
- }
18902
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
18903
- opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
18904
- }
18905
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
18906
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18907
- }
18908
- @supports not selector(:focus-visible) {
18909
- .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
18910
- opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
18911
- }
18912
18843
  }.v-card {
18913
18844
  display: block;
18914
18845
  overflow: hidden;
@@ -19208,59 +19139,133 @@ html.overflow-y-hidden {
19208
19139
  pointer-events: none;
19209
19140
  opacity: 0;
19210
19141
  transition: opacity 0.2s ease-in-out;
19211
- }.v-carousel {
19142
+ }.v-btn-group {
19143
+ display: inline-flex;
19144
+ flex-wrap: nowrap;
19145
+ max-width: 100%;
19146
+ min-width: 0;
19212
19147
  overflow: hidden;
19213
- position: relative;
19214
- width: 100%;
19215
- }
19216
- .v-carousel__controls {
19217
- align-items: center;
19218
- bottom: 0;
19219
- display: flex;
19220
- height: 50px;
19221
- justify-content: center;
19222
- list-style-type: none;
19223
- position: absolute;
19224
- width: 100%;
19225
- z-index: 1;
19226
- background: rgba(var(--v-theme-surface-variant), 0.3);
19227
- color: rgb(var(--v-theme-on-surface-variant));
19228
- }
19229
- .v-carousel__controls > .v-item-group {
19230
- flex: 0 1 auto;
19231
- }
19232
- .v-carousel__controls__item {
19233
- margin: 0 8px;
19234
- }
19235
- .v-carousel__controls__item .v-icon {
19236
- opacity: 0.5;
19237
- }
19238
- .v-carousel__controls__item--active .v-icon {
19239
- opacity: 1;
19240
19148
  vertical-align: middle;
19149
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
19150
+ border-style: solid;
19151
+ border-width: 0;
19152
+ 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));
19153
+ border-radius: 4px;
19154
+ background: transparent;
19155
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
19241
19156
  }
19242
- .v-carousel__controls__item:hover {
19243
- background: none;
19157
+ .v-btn-group--border {
19158
+ border-width: thin;
19159
+ box-shadow: none;
19244
19160
  }
19245
- .v-carousel__controls__item:hover .v-icon {
19246
- opacity: 0.8;
19161
+ .v-btn-group--density-default.v-btn-group {
19162
+ height: 48px;
19247
19163
  }
19248
19164
 
19249
- .v-carousel__progress {
19250
- margin: 0;
19251
- position: absolute;
19252
- bottom: 0;
19253
- left: 0;
19254
- right: 0;
19165
+ .v-btn-group--density-comfortable.v-btn-group {
19166
+ height: 40px;
19255
19167
  }
19256
19168
 
19257
- .v-carousel-item {
19258
- display: block;
19259
- height: inherit;
19260
- text-decoration: none;
19169
+ .v-btn-group--density-compact.v-btn-group {
19170
+ height: 36px;
19261
19171
  }
19262
- .v-carousel-item > .v-img {
19263
- height: inherit;
19172
+
19173
+ .v-btn-group .v-btn {
19174
+ border-radius: 0;
19175
+ border-color: inherit;
19176
+ }
19177
+ .v-btn-group .v-btn:not(:last-child) {
19178
+ border-inline-end: none;
19179
+ }
19180
+ .v-btn-group .v-btn:not(:first-child) {
19181
+ border-inline-start: none;
19182
+ }
19183
+ .v-btn-group .v-btn:first-child {
19184
+ border-start-start-radius: inherit;
19185
+ border-end-start-radius: inherit;
19186
+ }
19187
+ .v-btn-group .v-btn:last-child {
19188
+ border-start-end-radius: inherit;
19189
+ border-end-end-radius: inherit;
19190
+ }
19191
+ .v-btn-group--divided .v-btn:not(:last-child) {
19192
+ border-inline-end-width: thin;
19193
+ border-inline-end-style: solid;
19194
+ border-inline-end-color: rgba(var(--v-border-color), var(--v-border-opacity));
19195
+ }
19196
+ .v-btn-group--tile {
19197
+ border-radius: 0;
19198
+ }.v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled) > .v-btn__overlay {
19199
+ opacity: calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier));
19200
+ }
19201
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):hover > .v-btn__overlay {
19202
+ opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier));
19203
+ }
19204
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus-visible > .v-btn__overlay {
19205
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19206
+ }
19207
+ @supports not selector(:focus-visible) {
19208
+ .v-btn-toggle > .v-btn.v-btn--active:not(.v-btn--disabled):focus > .v-btn__overlay {
19209
+ opacity: calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier));
19210
+ }
19211
+ }.v-checkbox.v-input {
19212
+ flex: 0 1 auto;
19213
+ }
19214
+ .v-checkbox .v-selection-control {
19215
+ min-height: var(--v-input-control-height);
19216
+ }.v-carousel {
19217
+ overflow: hidden;
19218
+ position: relative;
19219
+ width: 100%;
19220
+ }
19221
+ .v-carousel__controls {
19222
+ align-items: center;
19223
+ bottom: 0;
19224
+ display: flex;
19225
+ height: 50px;
19226
+ justify-content: center;
19227
+ list-style-type: none;
19228
+ position: absolute;
19229
+ width: 100%;
19230
+ z-index: 1;
19231
+ background: rgba(var(--v-theme-surface-variant), 0.3);
19232
+ color: rgb(var(--v-theme-on-surface-variant));
19233
+ }
19234
+ .v-carousel__controls > .v-item-group {
19235
+ flex: 0 1 auto;
19236
+ }
19237
+ .v-carousel__controls__item {
19238
+ margin: 0 8px;
19239
+ }
19240
+ .v-carousel__controls__item .v-icon {
19241
+ opacity: 0.5;
19242
+ }
19243
+ .v-carousel__controls__item--active .v-icon {
19244
+ opacity: 1;
19245
+ vertical-align: middle;
19246
+ }
19247
+ .v-carousel__controls__item:hover {
19248
+ background: none;
19249
+ }
19250
+ .v-carousel__controls__item:hover .v-icon {
19251
+ opacity: 0.8;
19252
+ }
19253
+
19254
+ .v-carousel__progress {
19255
+ margin: 0;
19256
+ position: absolute;
19257
+ bottom: 0;
19258
+ left: 0;
19259
+ right: 0;
19260
+ }
19261
+
19262
+ .v-carousel-item {
19263
+ display: block;
19264
+ height: inherit;
19265
+ text-decoration: none;
19266
+ }
19267
+ .v-carousel-item > .v-img {
19268
+ height: inherit;
19264
19269
  }
19265
19270
 
19266
19271
  .v-carousel--hide-delimiter-background .v-carousel__controls {
@@ -19271,11 +19276,6 @@ html.overflow-y-hidden {
19271
19276
  flex-direction: column;
19272
19277
  height: 100% !important;
19273
19278
  width: 50px;
19274
- }.v-checkbox.v-input {
19275
- flex: 0 1 auto;
19276
- }
19277
- .v-checkbox .v-selection-control {
19278
- min-height: var(--v-input-control-height);
19279
19279
  }.v-chip {
19280
19280
  align-items: center;
19281
19281
  display: inline-flex;
@@ -20484,302 +20484,89 @@ html.overflow-y-hidden {
20484
20484
  flex: 0 1 auto;
20485
20485
  font-size: 12px;
20486
20486
  transition-duration: 150ms;
20487
- }.v-data-table {
20488
- width: 100%;
20489
- }
20490
-
20491
- .v-data-table__table {
20492
- width: 100%;
20493
- border-collapse: separate;
20494
- border-spacing: 0;
20495
- }
20496
-
20497
- .v-data-table__tr--focus {
20498
- border: 1px dotted black;
20499
- }
20500
- .v-data-table__tr--clickable {
20501
- cursor: pointer;
20502
- }
20503
-
20504
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20505
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20506
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20507
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20508
- text-align: end;
20509
- }
20510
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20511
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20512
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20513
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20514
- flex-direction: row-reverse;
20487
+ }.v-date-picker {
20488
+ overflow: hidden;
20489
+ width: 328px;
20515
20490
  }
20516
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20517
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20518
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20519
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20520
- text-align: center;
20491
+ .v-date-picker--show-week {
20492
+ width: 368px;
20493
+ }.v-date-picker-controls {
20494
+ display: flex;
20495
+ align-items: center;
20496
+ justify-content: space-between;
20497
+ font-size: 0.875rem;
20498
+ padding-top: 4px;
20499
+ padding-bottom: 4px;
20500
+ padding-inline-start: 6px;
20501
+ padding-inline-end: 12px;
20521
20502
  }
20522
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20523
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20524
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20525
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20526
- justify-content: center;
20503
+ .v-date-picker-controls > .v-btn:first-child {
20504
+ text-transform: none;
20505
+ font-weight: 400;
20506
+ line-height: initial;
20507
+ letter-spacing: initial;
20527
20508
  }
20528
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20529
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20530
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20531
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20532
- padding: 0 8px;
20509
+ .v-date-picker-controls--variant-classic {
20510
+ padding-inline-start: 12px;
20533
20511
  }
20534
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20535
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20536
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20537
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20538
- text-overflow: ellipsis;
20539
- text-wrap: nowrap;
20540
- overflow: hidden;
20512
+ .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20513
+ opacity: 0.7;
20541
20514
  }
20542
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20543
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20544
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20545
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20546
- display: contents;
20515
+ .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20516
+ cursor: pointer;
20547
20517
  }
20548
- .v-data-table .v-table__wrapper > table > thead > tr > th,
20549
- .v-data-table .v-table__wrapper > table tbody > tr > th {
20550
- align-items: center;
20518
+ .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20519
+ opacity: 1;
20551
20520
  }
20552
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20553
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20554
- position: sticky;
20521
+ .v-date-picker-controls .v-btn:last-child {
20522
+ margin-inline-start: 4px;
20555
20523
  }
20556
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20557
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20558
- cursor: pointer;
20559
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20524
+ .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20525
+ transform: rotate(180deg);
20560
20526
  }
20561
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20562
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20563
- opacity: 0;
20527
+
20528
+ .v-date-picker-controls__date {
20529
+ margin-inline-end: 4px;
20564
20530
  }
20565
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20566
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20567
- opacity: 0.5;
20531
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20532
+ margin: auto;
20533
+ text-align: center;
20568
20534
  }
20569
20535
 
20570
- .v-data-table-column--fixed,
20571
- .v-data-table__th--sticky {
20572
- background: rgb(var(--v-theme-surface));
20573
- position: sticky !important;
20574
- left: 0;
20575
- z-index: 1;
20536
+ .v-date-picker-controls__month {
20537
+ display: flex;
20576
20538
  }
20577
-
20578
- .v-data-table-column--last-fixed {
20579
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20539
+ .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20540
+ flex-direction: row-reverse;
20580
20541
  }
20581
20542
 
20582
- .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20583
- z-index: 2;
20543
+ .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20544
+ flex: 1 0 auto;
20584
20545
  }
20585
20546
 
20586
- .v-data-table-group-header-row td {
20587
- background: rgba(var(--v-theme-surface));
20588
- color: rgba(var(--v-theme-on-surface));
20589
- }
20590
- .v-data-table-group-header-row td > span {
20591
- padding-left: 5px;
20547
+ .v-date-picker__title {
20548
+ display: inline-block;
20549
+ }.v-date-picker-header {
20550
+ align-items: flex-end;
20551
+ height: 70px;
20552
+ display: grid;
20553
+ grid-template-areas: "prepend content append";
20554
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
20555
+ overflow: hidden;
20556
+ padding-inline: 24px 12px;
20557
+ padding-bottom: 12px;
20592
20558
  }
20593
20559
 
20594
- .v-data-table--loading .v-data-table__td {
20595
- opacity: var(--v-disabled-opacity);
20560
+ .v-date-picker-header__append {
20561
+ grid-area: append;
20596
20562
  }
20597
20563
 
20598
- .v-data-table-group-header-row__column {
20599
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20564
+ .v-date-picker-header__prepend {
20565
+ grid-area: prepend;
20566
+ padding-inline-start: 8px;
20600
20567
  }
20601
20568
 
20602
- .v-data-table-header__content {
20603
- display: flex;
20604
- align-items: center;
20605
- }
20606
-
20607
- .v-data-table-header__sort-badge {
20608
- display: inline-flex;
20609
- justify-content: center;
20610
- align-items: center;
20611
- font-size: 0.875rem;
20612
- padding: 4px;
20613
- border-radius: 50%;
20614
- background: rgba(var(--v-border-color), var(--v-border-opacity));
20615
- min-width: 20px;
20616
- min-height: 20px;
20617
- width: 20px;
20618
- height: 20px;
20619
- }
20620
-
20621
- .v-data-table-progress > th {
20622
- border: none !important;
20623
- height: auto !important;
20624
- padding: 0 !important;
20625
- }
20626
-
20627
- .v-data-table-progress__loader {
20628
- position: relative;
20629
- }
20630
-
20631
- .v-data-table-rows-loading,
20632
- .v-data-table-rows-no-data {
20633
- text-align: center;
20634
- }
20635
-
20636
- .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20637
- grid-template-columns: 0;
20638
- justify-content: center;
20639
- }
20640
- .v-data-table__tr--mobile > .v-data-table__td--select-row {
20641
- grid-template-columns: 0;
20642
- justify-content: end;
20643
- }
20644
- .v-data-table__tr--mobile > td {
20645
- align-items: center;
20646
- column-gap: 4px;
20647
- display: grid;
20648
- grid-template-columns: repeat(2, 1fr);
20649
- min-height: var(--v-table-row-height);
20650
- }
20651
- .v-data-table__tr--mobile > td:not(:last-child) {
20652
- border-bottom: 0 !important;
20653
- }
20654
-
20655
- .v-data-table__td-title {
20656
- font-weight: 500;
20657
- text-align: left;
20658
- }
20659
-
20660
- .v-data-table__td-value {
20661
- text-align: right;
20662
- }
20663
-
20664
- .v-data-table__td-sort-icon {
20665
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20666
- }
20667
- .v-data-table__td-sort-icon-active {
20668
- color: rgba(var(--v-theme-on-surface));
20669
- }.v-data-table-footer {
20670
- align-items: center;
20671
- display: flex;
20672
- flex-wrap: wrap;
20673
- justify-content: flex-end;
20674
- padding: 8px 4px;
20675
- }
20676
- .v-data-table-footer__items-per-page {
20677
- align-items: center;
20678
- display: flex;
20679
- justify-content: center;
20680
- }
20681
- .v-data-table-footer__items-per-page > span {
20682
- padding-inline-end: 8px;
20683
- }
20684
- .v-data-table-footer__items-per-page > .v-select {
20685
- width: 90px;
20686
- }
20687
- .v-data-table-footer__info {
20688
- display: flex;
20689
- justify-content: flex-end;
20690
- min-width: 116px;
20691
- padding: 0 16px;
20692
- }
20693
- .v-data-table-footer__paginationz {
20694
- align-items: center;
20695
- display: flex;
20696
- margin-inline-start: 16px;
20697
- }
20698
- .v-data-table-footer__page {
20699
- padding: 0 8px;
20700
- }.v-date-picker {
20701
- overflow: hidden;
20702
- width: 328px;
20703
- }
20704
- .v-date-picker--show-week {
20705
- width: 368px;
20706
- }.v-date-picker-controls {
20707
- display: flex;
20708
- align-items: center;
20709
- justify-content: space-between;
20710
- font-size: 0.875rem;
20711
- padding-top: 4px;
20712
- padding-bottom: 4px;
20713
- padding-inline-start: 6px;
20714
- padding-inline-end: 12px;
20715
- }
20716
- .v-date-picker-controls > .v-btn:first-child {
20717
- text-transform: none;
20718
- font-weight: 400;
20719
- line-height: initial;
20720
- letter-spacing: initial;
20721
- }
20722
- .v-date-picker-controls--variant-classic {
20723
- padding-inline-start: 12px;
20724
- }
20725
- .v-date-picker-controls--variant-modern .v-date-picker__title:not(:hover) {
20726
- opacity: 0.7;
20727
- }
20728
- .v-date-picker--month .v-date-picker-controls--variant-modern .v-date-picker__title {
20729
- cursor: pointer;
20730
- }
20731
- .v-date-picker--year .v-date-picker-controls--variant-modern .v-date-picker__title {
20732
- opacity: 1;
20733
- }
20734
- .v-date-picker-controls .v-btn:last-child {
20735
- margin-inline-start: 4px;
20736
- }
20737
- .v-date-picker--year .v-date-picker-controls .v-date-picker-controls__mode-btn {
20738
- transform: rotate(180deg);
20739
- }
20740
-
20741
- .v-date-picker-controls__date {
20742
- margin-inline-end: 4px;
20743
- }
20744
- .v-date-picker-controls--variant-classic .v-date-picker-controls__date {
20745
- margin: auto;
20746
- text-align: center;
20747
- }
20748
-
20749
- .v-date-picker-controls__month {
20750
- display: flex;
20751
- }
20752
- .v-locale--is-rtl.v-date-picker-controls__month, .v-locale--is-rtl .v-date-picker-controls__month {
20753
- flex-direction: row-reverse;
20754
- }
20755
-
20756
- .v-date-picker-controls--variant-classic .v-date-picker-controls__month {
20757
- flex: 1 0 auto;
20758
- }
20759
-
20760
- .v-date-picker__title {
20761
- display: inline-block;
20762
- }.v-date-picker-header {
20763
- align-items: flex-end;
20764
- height: 70px;
20765
- display: grid;
20766
- grid-template-areas: "prepend content append";
20767
- grid-template-columns: min-content minmax(0, 1fr) min-content;
20768
- overflow: hidden;
20769
- padding-inline: 24px 12px;
20770
- padding-bottom: 12px;
20771
- }
20772
-
20773
- .v-date-picker-header__append {
20774
- grid-area: append;
20775
- }
20776
-
20777
- .v-date-picker-header__prepend {
20778
- grid-area: prepend;
20779
- padding-inline-start: 8px;
20780
- }
20781
-
20782
- .v-date-picker-header__content {
20569
+ .v-date-picker-header__content {
20783
20570
  align-items: center;
20784
20571
  display: inline-flex;
20785
20572
  font-size: 32px;
@@ -20889,25 +20676,238 @@ html.overflow-y-hidden {
20889
20676
  padding-inline-start: 36px;
20890
20677
  padding-inline-end: 36px;
20891
20678
  }
20892
- .v-date-picker-months__content .v-btn {
20893
- text-transform: none;
20894
- padding-inline-start: 8px;
20679
+ .v-date-picker-months__content .v-btn {
20680
+ text-transform: none;
20681
+ padding-inline-start: 8px;
20682
+ padding-inline-end: 8px;
20683
+ }.v-date-picker-years {
20684
+ height: 288px;
20685
+ overflow-y: scroll;
20686
+ }
20687
+
20688
+ .v-date-picker-years__content {
20689
+ display: grid;
20690
+ flex: 1 1;
20691
+ justify-content: space-around;
20692
+ grid-template-columns: repeat(3, 1fr);
20693
+ gap: 8px 24px;
20694
+ padding-inline: 32px;
20695
+ }
20696
+ .v-date-picker-years__content .v-btn {
20697
+ padding-inline: 8px;
20698
+ }.v-data-table {
20699
+ width: 100%;
20700
+ }
20701
+
20702
+ .v-data-table__table {
20703
+ width: 100%;
20704
+ border-collapse: separate;
20705
+ border-spacing: 0;
20706
+ }
20707
+
20708
+ .v-data-table__tr--focus {
20709
+ border: 1px dotted black;
20710
+ }
20711
+ .v-data-table__tr--clickable {
20712
+ cursor: pointer;
20713
+ }
20714
+
20715
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
20716
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
20717
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
20718
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
20719
+ text-align: end;
20720
+ }
20721
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20722
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
20723
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
20724
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
20725
+ flex-direction: row-reverse;
20726
+ }
20727
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
20728
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
20729
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
20730
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
20731
+ text-align: center;
20732
+ }
20733
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20734
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
20735
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
20736
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
20737
+ justify-content: center;
20738
+ }
20739
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
20740
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
20741
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
20742
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
20743
+ padding: 0 8px;
20744
+ }
20745
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap,
20746
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap,
20747
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap,
20748
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap {
20749
+ text-overflow: ellipsis;
20750
+ text-wrap: nowrap;
20751
+ overflow: hidden;
20752
+ }
20753
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20754
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--nowrap .v-data-table-header__content,
20755
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--nowrap .v-data-table-header__content,
20756
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--nowrap .v-data-table-header__content {
20757
+ display: contents;
20758
+ }
20759
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
20760
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
20761
+ align-items: center;
20762
+ }
20763
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--fixed,
20764
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--fixed {
20765
+ position: sticky;
20766
+ }
20767
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
20768
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
20769
+ cursor: pointer;
20770
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
20771
+ }
20772
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
20773
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
20774
+ opacity: 0;
20775
+ }
20776
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
20777
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
20778
+ opacity: 0.5;
20779
+ }
20780
+
20781
+ .v-data-table-column--fixed,
20782
+ .v-data-table__th--sticky {
20783
+ background: rgb(var(--v-theme-surface));
20784
+ position: sticky !important;
20785
+ left: 0;
20786
+ z-index: 1;
20787
+ }
20788
+
20789
+ .v-data-table-column--last-fixed {
20790
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
20791
+ }
20792
+
20793
+ .v-data-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th.v-data-table-column--fixed {
20794
+ z-index: 2;
20795
+ }
20796
+
20797
+ .v-data-table-group-header-row td {
20798
+ background: rgba(var(--v-theme-surface));
20799
+ color: rgba(var(--v-theme-on-surface));
20800
+ }
20801
+ .v-data-table-group-header-row td > span {
20802
+ padding-left: 5px;
20803
+ }
20804
+
20805
+ .v-data-table--loading .v-data-table__td {
20806
+ opacity: var(--v-disabled-opacity);
20807
+ }
20808
+
20809
+ .v-data-table-group-header-row__column {
20810
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
20811
+ }
20812
+
20813
+ .v-data-table-header__content {
20814
+ display: flex;
20815
+ align-items: center;
20816
+ }
20817
+
20818
+ .v-data-table-header__sort-badge {
20819
+ display: inline-flex;
20820
+ justify-content: center;
20821
+ align-items: center;
20822
+ font-size: 0.875rem;
20823
+ padding: 4px;
20824
+ border-radius: 50%;
20825
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
20826
+ min-width: 20px;
20827
+ min-height: 20px;
20828
+ width: 20px;
20829
+ height: 20px;
20830
+ }
20831
+
20832
+ .v-data-table-progress > th {
20833
+ border: none !important;
20834
+ height: auto !important;
20835
+ padding: 0 !important;
20836
+ }
20837
+
20838
+ .v-data-table-progress__loader {
20839
+ position: relative;
20840
+ }
20841
+
20842
+ .v-data-table-rows-loading,
20843
+ .v-data-table-rows-no-data {
20844
+ text-align: center;
20845
+ }
20846
+
20847
+ .v-data-table__tr--mobile > .v-data-table__td--expanded-row {
20848
+ grid-template-columns: 0;
20849
+ justify-content: center;
20850
+ }
20851
+ .v-data-table__tr--mobile > .v-data-table__td--select-row {
20852
+ grid-template-columns: 0;
20853
+ justify-content: end;
20854
+ }
20855
+ .v-data-table__tr--mobile > td {
20856
+ align-items: center;
20857
+ column-gap: 4px;
20858
+ display: grid;
20859
+ grid-template-columns: repeat(2, 1fr);
20860
+ min-height: var(--v-table-row-height);
20861
+ }
20862
+ .v-data-table__tr--mobile > td:not(:last-child) {
20863
+ border-bottom: 0 !important;
20864
+ }
20865
+
20866
+ .v-data-table__td-title {
20867
+ font-weight: 500;
20868
+ text-align: left;
20869
+ }
20870
+
20871
+ .v-data-table__td-value {
20872
+ text-align: right;
20873
+ }
20874
+
20875
+ .v-data-table__td-sort-icon {
20876
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
20877
+ }
20878
+ .v-data-table__td-sort-icon-active {
20879
+ color: rgba(var(--v-theme-on-surface));
20880
+ }.v-data-table-footer {
20881
+ align-items: center;
20882
+ display: flex;
20883
+ flex-wrap: wrap;
20884
+ justify-content: flex-end;
20885
+ padding: 8px 4px;
20886
+ }
20887
+ .v-data-table-footer__items-per-page {
20888
+ align-items: center;
20889
+ display: flex;
20890
+ justify-content: center;
20891
+ }
20892
+ .v-data-table-footer__items-per-page > span {
20895
20893
  padding-inline-end: 8px;
20896
- }.v-date-picker-years {
20897
- height: 288px;
20898
- overflow-y: scroll;
20899
20894
  }
20900
-
20901
- .v-date-picker-years__content {
20902
- display: grid;
20903
- flex: 1 1;
20904
- justify-content: space-around;
20905
- grid-template-columns: repeat(3, 1fr);
20906
- gap: 8px 24px;
20907
- padding-inline: 32px;
20895
+ .v-data-table-footer__items-per-page > .v-select {
20896
+ width: 90px;
20908
20897
  }
20909
- .v-date-picker-years__content .v-btn {
20910
- padding-inline: 8px;
20898
+ .v-data-table-footer__info {
20899
+ display: flex;
20900
+ justify-content: flex-end;
20901
+ min-width: 116px;
20902
+ padding: 0 16px;
20903
+ }
20904
+ .v-data-table-footer__paginationz {
20905
+ align-items: center;
20906
+ display: flex;
20907
+ margin-inline-start: 16px;
20908
+ }
20909
+ .v-data-table-footer__page {
20910
+ padding: 0 8px;
20911
20911
  }.v-dialog {
20912
20912
  align-items: center;
20913
20913
  justify-content: center;
@@ -22075,42 +22075,6 @@ textarea.v-field__input::placeholder {
22075
22075
 
22076
22076
  .v-icon--end {
22077
22077
  margin-inline-start: 8px;
22078
- }.v-img {
22079
- --v-theme-overlay-multiplier: 3;
22080
- z-index: 0;
22081
- }
22082
- .v-img--booting .v-responsive__sizer {
22083
- transition: none;
22084
- }
22085
- .v-img--rounded {
22086
- border-radius: 4px;
22087
- }
22088
-
22089
- .v-img__img,
22090
- .v-img__picture,
22091
- .v-img__gradient,
22092
- .v-img__placeholder,
22093
- .v-img__error {
22094
- z-index: -1;
22095
- position: absolute;
22096
- top: 0;
22097
- left: 0;
22098
- width: 100%;
22099
- height: 100%;
22100
- }
22101
-
22102
- .v-img__img--preload {
22103
- filter: blur(4px);
22104
- }
22105
- .v-img__img--contain {
22106
- object-fit: contain;
22107
- }
22108
- .v-img__img--cover {
22109
- object-fit: cover;
22110
- }
22111
-
22112
- .v-img__gradient {
22113
- background-repeat: no-repeat;
22114
22078
  }.v-infinite-scroll--horizontal {
22115
22079
  display: flex;
22116
22080
  flex-direction: row;
@@ -22278,6 +22242,42 @@ textarea.v-field__input::placeholder {
22278
22242
 
22279
22243
  .v-input--density-compact.v-input--plain-underlined .v-input__prepend, .v-input--density-compact.v-input--plain-underlined .v-input__append {
22280
22244
  padding-top: calc(var(--v-input-padding-top) + 0px);
22245
+ }.v-img {
22246
+ --v-theme-overlay-multiplier: 3;
22247
+ z-index: 0;
22248
+ }
22249
+ .v-img--booting .v-responsive__sizer {
22250
+ transition: none;
22251
+ }
22252
+ .v-img--rounded {
22253
+ border-radius: 4px;
22254
+ }
22255
+
22256
+ .v-img__img,
22257
+ .v-img__picture,
22258
+ .v-img__gradient,
22259
+ .v-img__placeholder,
22260
+ .v-img__error {
22261
+ z-index: -1;
22262
+ position: absolute;
22263
+ top: 0;
22264
+ left: 0;
22265
+ width: 100%;
22266
+ height: 100%;
22267
+ }
22268
+
22269
+ .v-img__img--preload {
22270
+ filter: blur(4px);
22271
+ }
22272
+ .v-img__img--contain {
22273
+ object-fit: contain;
22274
+ }
22275
+ .v-img__img--cover {
22276
+ object-fit: cover;
22277
+ }
22278
+
22279
+ .v-img__gradient {
22280
+ background-repeat: no-repeat;
22281
22281
  }.v-item-group {
22282
22282
  flex: 0 1 auto;
22283
22283
  max-width: 100%;
@@ -22870,8 +22870,37 @@ textarea.v-field__input::placeholder {
22870
22870
  }
22871
22871
  .v-list-group__header.v-list-item--active:hover .v-list-item__overlay {
22872
22872
  opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
22873
+ }.v-menu > .v-overlay__content {
22874
+ display: flex;
22875
+ flex-direction: column;
22876
+ border-radius: 4px;
22877
+ }
22878
+ .v-menu > .v-overlay__content > .v-card,
22879
+ .v-menu > .v-overlay__content > .v-sheet,
22880
+ .v-menu > .v-overlay__content > .v-list {
22881
+ background: rgb(var(--v-theme-surface));
22882
+ border-radius: inherit;
22883
+ overflow: auto;
22884
+ height: 100%;
22885
+ 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));
22873
22886
  }.v-locale-provider {
22874
22887
  display: contents;
22888
+ }.v-messages {
22889
+ flex: 1 1 auto;
22890
+ font-size: 12px;
22891
+ min-height: 14px;
22892
+ min-width: 1px;
22893
+ opacity: var(--v-medium-emphasis-opacity);
22894
+ position: relative;
22895
+ }
22896
+ .v-messages__message {
22897
+ line-height: 12px;
22898
+ word-break: break-word;
22899
+ overflow-wrap: break-word;
22900
+ word-wrap: break-word;
22901
+ -webkit-hyphens: auto;
22902
+ hyphens: auto;
22903
+ transition-duration: 150ms;
22875
22904
  }.v-main {
22876
22905
  flex: 1 0 auto;
22877
22906
  max-width: 100%;
@@ -22900,35 +22929,6 @@ textarea.v-field__input::placeholder {
22900
22929
  --v-layout-right: 0px;
22901
22930
  --v-layout-top: 0px;
22902
22931
  --v-layout-bottom: 0px;
22903
- }.v-menu > .v-overlay__content {
22904
- display: flex;
22905
- flex-direction: column;
22906
- border-radius: 4px;
22907
- }
22908
- .v-menu > .v-overlay__content > .v-card,
22909
- .v-menu > .v-overlay__content > .v-sheet,
22910
- .v-menu > .v-overlay__content > .v-list {
22911
- background: rgb(var(--v-theme-surface));
22912
- border-radius: inherit;
22913
- overflow: auto;
22914
- height: 100%;
22915
- 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));
22916
- }.v-messages {
22917
- flex: 1 1 auto;
22918
- font-size: 12px;
22919
- min-height: 14px;
22920
- min-width: 1px;
22921
- opacity: var(--v-medium-emphasis-opacity);
22922
- position: relative;
22923
- }
22924
- .v-messages__message {
22925
- line-height: 12px;
22926
- word-break: break-word;
22927
- overflow-wrap: break-word;
22928
- word-wrap: break-word;
22929
- -webkit-hyphens: auto;
22930
- hyphens: auto;
22931
- transition-duration: 150ms;
22932
22932
  }.v-navigation-drawer {
22933
22933
  -webkit-overflow-scrolling: touch;
22934
22934
  background: rgb(var(--v-theme-surface));
@@ -23087,6 +23087,14 @@ textarea.v-field__input::placeholder {
23087
23087
  }
23088
23088
  .v-otp-input__loader .v-progress-linear {
23089
23089
  position: absolute;
23090
+ }.v-pagination__list {
23091
+ display: inline-flex;
23092
+ list-style-type: none;
23093
+ justify-content: center;
23094
+ width: 100%;
23095
+ }
23096
+ .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23097
+ margin: 0.3rem;
23090
23098
  }.v-overlay-container {
23091
23099
  contain: layout;
23092
23100
  left: 0;
@@ -23150,20 +23158,6 @@ html.v-overlay-scroll-blocked {
23150
23158
 
23151
23159
  .v-overlay--scroll-blocked {
23152
23160
  padding-inline-end: var(--v-scrollbar-offset);
23153
- }.v-pagination__list {
23154
- display: inline-flex;
23155
- list-style-type: none;
23156
- justify-content: center;
23157
- width: 100%;
23158
- }
23159
- .v-pagination__item, .v-pagination__first, .v-pagination__prev, .v-pagination__next, .v-pagination__last {
23160
- margin: 0.3rem;
23161
- }.v-parallax {
23162
- position: relative;
23163
- overflow: hidden;
23164
- }
23165
- .v-parallax--active > .v-img__img {
23166
- will-change: transform;
23167
23161
  }.v-progress-circular {
23168
23162
  align-items: center;
23169
23163
  display: inline-flex;
@@ -23477,6 +23471,12 @@ html.v-overlay-scroll-blocked {
23477
23471
  0% {
23478
23472
  background-position-x: var(--v-progress-linear-height);
23479
23473
  }
23474
+ }.v-parallax {
23475
+ position: relative;
23476
+ overflow: hidden;
23477
+ }
23478
+ .v-parallax--active > .v-img__img {
23479
+ will-change: transform;
23480
23480
  }.v-radio-group > .v-input__control {
23481
23481
  flex-direction: column;
23482
23482
  }
@@ -23516,90 +23516,36 @@ html.v-overlay-scroll-blocked {
23516
23516
  .v-input--error:not(.v-input--disabled) .v-slider__container {
23517
23517
  color: rgb(var(--v-theme-error));
23518
23518
  }
23519
-
23520
- .v-slider.v-input--horizontal {
23521
- align-items: center;
23522
- margin-inline: 8px 8px;
23523
- }
23524
- .v-slider.v-input--horizontal > .v-input__control {
23525
- min-height: 32px;
23526
- display: flex;
23527
- align-items: center;
23528
- }
23529
-
23530
- .v-slider.v-input--vertical {
23531
- justify-content: center;
23532
- margin-top: 12px;
23533
- margin-bottom: 12px;
23534
- }
23535
- .v-slider.v-input--vertical > .v-input__control {
23536
- min-height: 300px;
23537
- }
23538
-
23539
- .v-slider.v-input--disabled {
23540
- pointer-events: none;
23541
- }
23542
-
23543
- .v-slider--has-labels > .v-input__control {
23544
- margin-bottom: 4px;
23545
- }
23546
-
23547
- .v-slider__label {
23548
- margin-inline-end: 12px;
23549
- }.v-rating {
23550
- max-width: 100%;
23551
- display: inline-flex;
23552
- white-space: nowrap;
23553
- }
23554
- .v-rating--readonly {
23555
- pointer-events: none;
23556
- }
23557
-
23558
- .v-rating__wrapper {
23559
- align-items: center;
23560
- display: inline-flex;
23561
- flex-direction: column;
23562
- }
23563
- .v-rating__wrapper--bottom {
23564
- flex-direction: column-reverse;
23565
- }
23566
-
23567
- .v-rating__item {
23568
- display: inline-flex;
23569
- position: relative;
23570
- }
23571
- .v-rating__item label {
23572
- cursor: pointer;
23573
- }
23574
- .v-rating__item .v-btn--variant-plain {
23575
- opacity: 1;
23576
- }
23577
- .v-rating__item .v-btn {
23578
- transition-property: transform;
23519
+
23520
+ .v-slider.v-input--horizontal {
23521
+ align-items: center;
23522
+ margin-inline: 8px 8px;
23579
23523
  }
23580
- .v-rating__item .v-btn .v-icon {
23581
- transition: inherit;
23582
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23524
+ .v-slider.v-input--horizontal > .v-input__control {
23525
+ min-height: 32px;
23526
+ display: flex;
23527
+ align-items: center;
23583
23528
  }
23584
- .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23585
- transform: scale(1.25);
23529
+
23530
+ .v-slider.v-input--vertical {
23531
+ justify-content: center;
23532
+ margin-top: 12px;
23533
+ margin-bottom: 12px;
23586
23534
  }
23587
- .v-rating__item--half {
23588
- overflow: hidden;
23589
- position: absolute;
23590
- -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23591
- clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23592
- z-index: 1;
23535
+ .v-slider.v-input--vertical > .v-input__control {
23536
+ min-height: 300px;
23593
23537
  }
23594
- .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23595
- opacity: 0;
23538
+
23539
+ .v-slider.v-input--disabled {
23540
+ pointer-events: none;
23596
23541
  }
23597
23542
 
23598
- .v-rating__hidden {
23599
- height: 0;
23600
- opacity: 0;
23601
- position: absolute;
23602
- width: 0;
23543
+ .v-slider--has-labels > .v-input__control {
23544
+ margin-bottom: 4px;
23545
+ }
23546
+
23547
+ .v-slider__label {
23548
+ margin-inline-end: 12px;
23603
23549
  }.v-responsive {
23604
23550
  display: flex;
23605
23551
  flex: 1 0 auto;
@@ -23811,6 +23757,60 @@ html.v-overlay-scroll-blocked {
23811
23757
  }
23812
23758
  .v-sheet--rounded {
23813
23759
  border-radius: 4px;
23760
+ }.v-rating {
23761
+ max-width: 100%;
23762
+ display: inline-flex;
23763
+ white-space: nowrap;
23764
+ }
23765
+ .v-rating--readonly {
23766
+ pointer-events: none;
23767
+ }
23768
+
23769
+ .v-rating__wrapper {
23770
+ align-items: center;
23771
+ display: inline-flex;
23772
+ flex-direction: column;
23773
+ }
23774
+ .v-rating__wrapper--bottom {
23775
+ flex-direction: column-reverse;
23776
+ }
23777
+
23778
+ .v-rating__item {
23779
+ display: inline-flex;
23780
+ position: relative;
23781
+ }
23782
+ .v-rating__item label {
23783
+ cursor: pointer;
23784
+ }
23785
+ .v-rating__item .v-btn--variant-plain {
23786
+ opacity: 1;
23787
+ }
23788
+ .v-rating__item .v-btn {
23789
+ transition-property: transform;
23790
+ }
23791
+ .v-rating__item .v-btn .v-icon {
23792
+ transition: inherit;
23793
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
23794
+ }
23795
+ .v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
23796
+ transform: scale(1.25);
23797
+ }
23798
+ .v-rating__item--half {
23799
+ overflow: hidden;
23800
+ position: absolute;
23801
+ -webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23802
+ clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
23803
+ z-index: 1;
23804
+ }
23805
+ .v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
23806
+ opacity: 0;
23807
+ }
23808
+
23809
+ .v-rating__hidden {
23810
+ height: 0;
23811
+ opacity: 0;
23812
+ position: absolute;
23813
+ width: 0;
23814
23814
  }.v-skeleton-loader {
23815
23815
  align-items: center;
23816
23816
  background: rgb(var(--v-theme-surface));
@@ -24943,10 +24943,7 @@ html.v-overlay-scroll-blocked {
24943
24943
  padding-inline-end: var(--v-field-padding-end);
24944
24944
  }
24945
24945
 
24946
- /* endregion */.v-theme-provider {
24947
- background: rgb(var(--v-theme-background));
24948
- color: rgb(var(--v-theme-on-background));
24949
- }.v-timeline .v-timeline-divider__dot {
24946
+ /* endregion */.v-timeline .v-timeline-divider__dot {
24950
24947
  background: rgb(var(--v-theme-surface-light));
24951
24948
  }
24952
24949
  .v-timeline .v-timeline-divider__inner-dot {
@@ -25491,6 +25488,9 @@ html.v-overlay-scroll-blocked {
25491
25488
  }
25492
25489
  .v-toolbar-items > .v-btn {
25493
25490
  border-radius: 0;
25491
+ }.v-theme-provider {
25492
+ background: rgb(var(--v-theme-background));
25493
+ color: rgb(var(--v-theme-on-background));
25494
25494
  }.v-tooltip > .v-overlay__content {
25495
25495
  background: rgb(var(--v-theme-surface-variant));
25496
25496
  color: rgb(var(--v-theme-on-surface-variant));
@@ -25738,68 +25738,227 @@ html.v-overlay-scroll-blocked {
25738
25738
  display: none;
25739
25739
  }
25740
25740
 
25741
- .v-color-picker-preview {
25742
- align-items: center;
25743
- display: flex;
25744
- margin-bottom: 0;
25741
+ .v-color-picker-preview {
25742
+ align-items: center;
25743
+ display: flex;
25744
+ margin-bottom: 0;
25745
+ }
25746
+
25747
+ .v-color-picker-preview__eye-dropper {
25748
+ position: relative;
25749
+ margin-right: 12px;
25750
+ }.v-picker.v-sheet {
25751
+ 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));
25752
+ border-radius: 4px;
25753
+ display: grid;
25754
+ grid-auto-rows: min-content;
25755
+ grid-template-areas: "title" "header" "body";
25756
+ overflow: hidden;
25757
+ }
25758
+ .v-picker.v-sheet.v-picker--with-actions {
25759
+ grid-template-areas: "title" "header" "body" "actions";
25760
+ }
25761
+
25762
+ .v-picker__body {
25763
+ grid-area: body;
25764
+ overflow: hidden;
25765
+ position: relative;
25766
+ }
25767
+
25768
+ .v-picker__header {
25769
+ grid-area: header;
25770
+ }
25771
+
25772
+ .v-picker__actions {
25773
+ grid-area: actions;
25774
+ padding: 0 12px 12px;
25775
+ display: flex;
25776
+ align-items: center;
25777
+ justify-content: flex-end;
25778
+ }
25779
+ .v-picker__actions .v-btn {
25780
+ min-width: 48px;
25781
+ }
25782
+ .v-picker__actions .v-btn:not(:last-child) {
25783
+ margin-inline-end: 8px;
25784
+ }
25785
+
25786
+ .v-picker--landscape {
25787
+ grid-template-areas: "title" "header body" "header body";
25788
+ }
25789
+
25790
+ .v-picker--landscape.v-picker--with-actions {
25791
+ grid-template-areas: "title" "header body" "header actions";
25792
+ }
25793
+
25794
+ .v-picker-title {
25795
+ text-transform: uppercase;
25796
+ font-size: 0.75rem;
25797
+ grid-area: title;
25798
+ padding-inline: 24px 12px;
25799
+ padding-top: 16px;
25800
+ padding-bottom: 16px;
25801
+ font-weight: 400;
25802
+ letter-spacing: 0.1666666667em;
25803
+ }.v-slider-thumb {
25804
+ touch-action: none;
25805
+ color: rgb(var(--v-theme-surface-variant));
25806
+ }
25807
+ .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25808
+ color: inherit;
25809
+ }
25810
+
25811
+ .v-slider-thumb__label {
25812
+ background: rgba(var(--v-theme-surface-variant), 0.7);
25813
+ color: rgb(var(--v-theme-on-surface-variant));
25814
+ }
25815
+ .v-slider-thumb__label::before {
25816
+ color: rgba(var(--v-theme-surface-variant), 0.7);
25817
+ }
25818
+
25819
+ .v-slider-thumb {
25820
+ outline: none;
25821
+ position: absolute;
25822
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
25823
+ }
25824
+
25825
+ .v-slider-thumb__surface {
25826
+ cursor: pointer;
25827
+ width: var(--v-slider-thumb-size);
25828
+ height: var(--v-slider-thumb-size);
25829
+ border-radius: 50%;
25830
+ -webkit-user-select: none;
25831
+ user-select: none;
25832
+ background-color: currentColor;
25833
+ }
25834
+ @media (forced-colors: active) {
25835
+ .v-slider-thumb__surface {
25836
+ background-color: highlight;
25837
+ }
25838
+ }
25839
+ .v-slider-thumb__surface::before {
25840
+ transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
25841
+ content: "";
25842
+ color: inherit;
25843
+ top: 0;
25844
+ left: 0;
25845
+ width: 100%;
25846
+ height: 100%;
25847
+ border-radius: 50%;
25848
+ background: currentColor;
25849
+ position: absolute;
25850
+ pointer-events: none;
25851
+ opacity: 0;
25852
+ }
25853
+ .v-slider-thumb__surface::after {
25854
+ content: "";
25855
+ width: 42px;
25856
+ height: 42px;
25857
+ position: absolute;
25858
+ top: 50%;
25859
+ left: 50%;
25860
+ transform: translate(-50%, -50%);
25861
+ }
25862
+
25863
+ .v-slider-thumb__label-container {
25864
+ position: absolute;
25865
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25866
+ }
25867
+
25868
+ .v-slider-thumb__label {
25869
+ display: flex;
25870
+ align-items: center;
25871
+ justify-content: center;
25872
+ font-size: 0.75rem;
25873
+ min-width: 35px;
25874
+ height: 25px;
25875
+ border-radius: 4px;
25876
+ padding: 6px;
25877
+ position: absolute;
25878
+ -webkit-user-select: none;
25879
+ user-select: none;
25880
+ transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
25881
+ }
25882
+ .v-slider-thumb__label::before {
25883
+ content: "";
25884
+ width: 0;
25885
+ height: 0;
25886
+ position: absolute;
25887
+ }
25888
+
25889
+ .v-slider-thumb__ripple {
25890
+ position: absolute;
25891
+ left: calc(var(--v-slider-thumb-size) / -2);
25892
+ top: calc(var(--v-slider-thumb-size) / -2);
25893
+ width: calc(var(--v-slider-thumb-size) * 2);
25894
+ height: calc(var(--v-slider-thumb-size) * 2);
25895
+ background: inherit;
25896
+ }
25897
+
25898
+ .v-slider.v-input--horizontal .v-slider-thumb {
25899
+ top: 50%;
25900
+ transform: translateY(-50%);
25901
+ inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25745
25902
  }
25746
-
25747
- .v-color-picker-preview__eye-dropper {
25748
- position: relative;
25749
- margin-right: 12px;
25750
- }.v-picker.v-sheet {
25751
- 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));
25752
- border-radius: 4px;
25753
- display: grid;
25754
- grid-auto-rows: min-content;
25755
- grid-template-areas: "title" "header" "body";
25756
- overflow: hidden;
25903
+ .v-slider.v-input--horizontal .v-slider-thumb__label-container {
25904
+ left: calc(var(--v-slider-thumb-size) / 2);
25905
+ top: 0;
25757
25906
  }
25758
- .v-picker.v-sheet.v-picker--with-actions {
25759
- grid-template-areas: "title" "header" "body" "actions";
25907
+ .v-slider.v-input--horizontal .v-slider-thumb__label {
25908
+ bottom: calc(var(--v-slider-thumb-size) / 2);
25909
+ }
25910
+ .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
25911
+ transform: translateX(-50%);
25760
25912
  }
25761
25913
 
25762
- .v-picker__body {
25763
- grid-area: body;
25764
- overflow: hidden;
25765
- position: relative;
25914
+ .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
25915
+ transform: translateX(50%);
25766
25916
  }
25767
25917
 
25768
- .v-picker__header {
25769
- grid-area: header;
25918
+ .v-slider.v-input--horizontal .v-slider-thumb__label::before {
25919
+ border-left: 6px solid transparent;
25920
+ border-right: 6px solid transparent;
25921
+ border-top: 6px solid currentColor;
25922
+ bottom: -6px;
25770
25923
  }
25771
25924
 
25772
- .v-picker__actions {
25773
- grid-area: actions;
25774
- padding: 0 12px 12px;
25775
- display: flex;
25776
- align-items: center;
25777
- justify-content: flex-end;
25925
+ .v-slider.v-input--vertical .v-slider-thumb {
25926
+ top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
25778
25927
  }
25779
- .v-picker__actions .v-btn {
25780
- min-width: 48px;
25928
+ .v-slider.v-input--vertical .v-slider-thumb__label-container {
25929
+ top: calc(var(--v-slider-thumb-size) / 2);
25930
+ right: 0;
25781
25931
  }
25782
- .v-picker__actions .v-btn:not(:last-child) {
25783
- margin-inline-end: 8px;
25932
+ .v-slider.v-input--vertical .v-slider-thumb__label {
25933
+ top: -12.5px;
25934
+ left: calc(var(--v-slider-thumb-size) / 2);
25935
+ }
25936
+ .v-slider.v-input--vertical .v-slider-thumb__label::before {
25937
+ border-right: 6px solid currentColor;
25938
+ border-top: 6px solid transparent;
25939
+ border-bottom: 6px solid transparent;
25940
+ left: -6px;
25784
25941
  }
25785
25942
 
25786
- .v-picker--landscape {
25787
- grid-template-areas: "title" "header body" "header body";
25943
+ .v-slider-thumb--focused .v-slider-thumb__surface::before {
25944
+ transform: scale(2);
25945
+ opacity: var(--v-focus-opacity);
25788
25946
  }
25789
25947
 
25790
- .v-picker--landscape.v-picker--with-actions {
25791
- grid-template-areas: "title" "header body" "header actions";
25948
+ .v-slider-thumb--pressed {
25949
+ transition: none;
25950
+ }
25951
+ .v-slider-thumb--pressed .v-slider-thumb__surface::before {
25952
+ opacity: var(--v-pressed-opacity);
25792
25953
  }
25793
25954
 
25794
- .v-picker-title {
25795
- text-transform: uppercase;
25796
- font-size: 0.75rem;
25797
- grid-area: title;
25798
- padding-inline: 24px 12px;
25799
- padding-top: 16px;
25800
- padding-bottom: 16px;
25801
- font-weight: 400;
25802
- letter-spacing: 0.1666666667em;
25955
+ @media (hover: hover) {
25956
+ .v-slider-thumb:hover .v-slider-thumb__surface::before {
25957
+ transform: scale(2);
25958
+ }
25959
+ .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
25960
+ opacity: var(--v-hover-opacity);
25961
+ }
25803
25962
  }.v-slider-track__background {
25804
25963
  background-color: rgb(var(--v-theme-surface-variant));
25805
25964
  }
@@ -25978,163 +26137,4 @@ html.v-overlay-scroll-blocked {
25978
26137
 
25979
26138
  .v-slider-track__background--opacity {
25980
26139
  opacity: 0.38;
25981
- }.v-slider-thumb {
25982
- touch-action: none;
25983
- color: rgb(var(--v-theme-surface-variant));
25984
- }
25985
- .v-input--error:not(.v-input--disabled) .v-slider-thumb {
25986
- color: inherit;
25987
- }
25988
-
25989
- .v-slider-thumb__label {
25990
- background: rgba(var(--v-theme-surface-variant), 0.7);
25991
- color: rgb(var(--v-theme-on-surface-variant));
25992
- }
25993
- .v-slider-thumb__label::before {
25994
- color: rgba(var(--v-theme-surface-variant), 0.7);
25995
- }
25996
-
25997
- .v-slider-thumb {
25998
- outline: none;
25999
- position: absolute;
26000
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
26001
- }
26002
-
26003
- .v-slider-thumb__surface {
26004
- cursor: pointer;
26005
- width: var(--v-slider-thumb-size);
26006
- height: var(--v-slider-thumb-size);
26007
- border-radius: 50%;
26008
- -webkit-user-select: none;
26009
- user-select: none;
26010
- background-color: currentColor;
26011
- }
26012
- @media (forced-colors: active) {
26013
- .v-slider-thumb__surface {
26014
- background-color: highlight;
26015
- }
26016
- }
26017
- .v-slider-thumb__surface::before {
26018
- transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
26019
- content: "";
26020
- color: inherit;
26021
- top: 0;
26022
- left: 0;
26023
- width: 100%;
26024
- height: 100%;
26025
- border-radius: 50%;
26026
- background: currentColor;
26027
- position: absolute;
26028
- pointer-events: none;
26029
- opacity: 0;
26030
- }
26031
- .v-slider-thumb__surface::after {
26032
- content: "";
26033
- width: 42px;
26034
- height: 42px;
26035
- position: absolute;
26036
- top: 50%;
26037
- left: 50%;
26038
- transform: translate(-50%, -50%);
26039
- }
26040
-
26041
- .v-slider-thumb__label-container {
26042
- position: absolute;
26043
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26044
- }
26045
-
26046
- .v-slider-thumb__label {
26047
- display: flex;
26048
- align-items: center;
26049
- justify-content: center;
26050
- font-size: 0.75rem;
26051
- min-width: 35px;
26052
- height: 25px;
26053
- border-radius: 4px;
26054
- padding: 6px;
26055
- position: absolute;
26056
- -webkit-user-select: none;
26057
- user-select: none;
26058
- transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
26059
- }
26060
- .v-slider-thumb__label::before {
26061
- content: "";
26062
- width: 0;
26063
- height: 0;
26064
- position: absolute;
26065
- }
26066
-
26067
- .v-slider-thumb__ripple {
26068
- position: absolute;
26069
- left: calc(var(--v-slider-thumb-size) / -2);
26070
- top: calc(var(--v-slider-thumb-size) / -2);
26071
- width: calc(var(--v-slider-thumb-size) * 2);
26072
- height: calc(var(--v-slider-thumb-size) * 2);
26073
- background: inherit;
26074
- }
26075
-
26076
- .v-slider.v-input--horizontal .v-slider-thumb {
26077
- top: 50%;
26078
- transform: translateY(-50%);
26079
- inset-inline-start: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26080
- }
26081
- .v-slider.v-input--horizontal .v-slider-thumb__label-container {
26082
- left: calc(var(--v-slider-thumb-size) / 2);
26083
- top: 0;
26084
- }
26085
- .v-slider.v-input--horizontal .v-slider-thumb__label {
26086
- bottom: calc(var(--v-slider-thumb-size) / 2);
26087
- }
26088
- .v-locale--is-ltr.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-ltr .v-slider.v-input--horizontal .v-slider-thumb__label {
26089
- transform: translateX(-50%);
26090
- }
26091
-
26092
- .v-locale--is-rtl.v-slider.v-input--horizontal .v-slider-thumb__label, .v-locale--is-rtl .v-slider.v-input--horizontal .v-slider-thumb__label {
26093
- transform: translateX(50%);
26094
- }
26095
-
26096
- .v-slider.v-input--horizontal .v-slider-thumb__label::before {
26097
- border-left: 6px solid transparent;
26098
- border-right: 6px solid transparent;
26099
- border-top: 6px solid currentColor;
26100
- bottom: -6px;
26101
- }
26102
-
26103
- .v-slider.v-input--vertical .v-slider-thumb {
26104
- top: calc(var(--v-slider-thumb-position) - var(--v-slider-thumb-size) / 2);
26105
- }
26106
- .v-slider.v-input--vertical .v-slider-thumb__label-container {
26107
- top: calc(var(--v-slider-thumb-size) / 2);
26108
- right: 0;
26109
- }
26110
- .v-slider.v-input--vertical .v-slider-thumb__label {
26111
- top: -12.5px;
26112
- left: calc(var(--v-slider-thumb-size) / 2);
26113
- }
26114
- .v-slider.v-input--vertical .v-slider-thumb__label::before {
26115
- border-right: 6px solid currentColor;
26116
- border-top: 6px solid transparent;
26117
- border-bottom: 6px solid transparent;
26118
- left: -6px;
26119
- }
26120
-
26121
- .v-slider-thumb--focused .v-slider-thumb__surface::before {
26122
- transform: scale(2);
26123
- opacity: var(--v-focus-opacity);
26124
- }
26125
-
26126
- .v-slider-thumb--pressed {
26127
- transition: none;
26128
- }
26129
- .v-slider-thumb--pressed .v-slider-thumb__surface::before {
26130
- opacity: var(--v-pressed-opacity);
26131
- }
26132
-
26133
- @media (hover: hover) {
26134
- .v-slider-thumb:hover .v-slider-thumb__surface::before {
26135
- transform: scale(2);
26136
- }
26137
- .v-slider-thumb:hover:not(.v-slider-thumb--focused) .v-slider-thumb__surface::before {
26138
- opacity: var(--v-hover-opacity);
26139
- }
26140
26140
  }