@vuetify/nightly 3.3.12-dev.2023-08-17 → 3.3.12-dev.2023-08-18

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 (41) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/dist/json/attributes.json +20 -4
  3. package/dist/json/importMap.json +42 -42
  4. package/dist/json/tags.json +4 -0
  5. package/dist/json/web-types.json +47 -11
  6. package/dist/vuetify-labs.css +923 -923
  7. package/dist/vuetify-labs.d.ts +56 -1
  8. package/dist/vuetify-labs.esm.js +43 -17
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +43 -17
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +217 -217
  13. package/dist/vuetify.d.ts +67 -12
  14. package/dist/vuetify.esm.js +43 -17
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +43 -17
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +282 -277
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VBanner/VBanner.mjs +5 -3
  22. package/lib/components/VBanner/VBanner.mjs.map +1 -1
  23. package/lib/components/VBanner/index.d.mts +10 -0
  24. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs +5 -3
  25. package/lib/components/VNavigationDrawer/VNavigationDrawer.mjs.map +1 -1
  26. package/lib/components/VNavigationDrawer/index.d.mts +10 -0
  27. package/lib/components/VSlideGroup/VSlideGroup.mjs +5 -3
  28. package/lib/components/VSlideGroup/VSlideGroup.mjs.map +1 -1
  29. package/lib/components/VSlideGroup/index.d.mts +10 -0
  30. package/lib/components/VTabs/index.d.mts +10 -0
  31. package/lib/components/index.d.mts +28 -0
  32. package/lib/composables/directiveComponent.mjs +69 -0
  33. package/lib/composables/directiveComponent.mjs.map +1 -0
  34. package/lib/composables/display.mjs +23 -3
  35. package/lib/composables/display.mjs.map +1 -1
  36. package/lib/composables/theme.mjs +7 -7
  37. package/lib/composables/theme.mjs.map +1 -1
  38. package/lib/entry-bundler.mjs +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/index.d.mts +43 -12
  41. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.3.12-dev.2023-08-17
2
+ * Vuetify v3.3.12-dev.2023-08-18
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -17012,358 +17012,513 @@ html.overflow-y-hidden {
17012
17012
  .v-bottom-sheet.v-bottom-sheet--inset {
17013
17013
  max-width: 70%;
17014
17014
  }
17015
- }.v-infinite-scroll--horizontal {
17016
- display: flex;
17017
- flex-direction: row;
17018
- overflow-x: auto;
17015
+ }.v-data-table {
17016
+ width: 100%;
17019
17017
  }
17020
- .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
17021
- height: 100%;
17022
- width: 1px;
17018
+
17019
+ .v-data-table__table {
17020
+ width: 100%;
17021
+ border-collapse: separate;
17022
+ border-spacing: 0;
17023
17023
  }
17024
17024
 
17025
- .v-infinite-scroll--vertical {
17026
- display: flex;
17027
- flex-direction: column;
17028
- overflow-y: auto;
17025
+ .v-data-table__tr--focus {
17026
+ border: 1px dotted black;
17029
17027
  }
17030
- .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
17031
- height: 1px;
17032
- width: 100%;
17028
+ .v-data-table__tr--clickable {
17029
+ cursor: pointer;
17033
17030
  }
17034
17031
 
17035
- .v-infinite-scroll__side {
17036
- align-items: center;
17037
- display: flex;
17032
+ .v-data-table .v-table__wrapper > table > thead > tr > td,
17033
+ .v-data-table .v-table__wrapper > table > thead > tr th,
17034
+ .v-data-table .v-table__wrapper > table tbody > tr > td,
17035
+ .v-data-table .v-table__wrapper > table tbody > tr th {
17036
+ background: rgb(var(--v-theme-surface));
17037
+ }
17038
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
17039
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
17040
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
17041
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
17042
+ text-align: end;
17043
+ }
17044
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17045
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
17046
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17047
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
17048
+ flex-direction: row-reverse;
17049
+ }
17050
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
17051
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
17052
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
17053
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
17054
+ text-align: center;
17055
+ }
17056
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17057
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
17058
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17059
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
17038
17060
  justify-content: center;
17039
- padding: 8px;
17040
- }.v-otp-input {
17041
- border-radius: 4px;
17061
+ }
17062
+ .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
17063
+ .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
17064
+ .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
17065
+ .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
17066
+ padding: 0 8px;
17067
+ }
17068
+ .v-data-table .v-table__wrapper > table > thead > tr > th,
17069
+ .v-data-table .v-table__wrapper > table tbody > tr > th {
17042
17070
  align-items: center;
17043
- display: flex;
17044
- justify-content: center;
17045
- padding: 0.5rem;
17046
- position: relative;
17047
17071
  }
17048
- .v-otp-input .v-field {
17049
- height: 100%;
17050
- margin: 0 0.25rem;
17072
+ .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
17073
+ .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
17074
+ cursor: pointer;
17075
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17051
17076
  }
17052
-
17053
- .v-otp-input__divider {
17054
- margin: 0 8px;
17077
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
17078
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
17079
+ opacity: 0;
17080
+ }
17081
+ .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
17082
+ .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
17083
+ opacity: 0.5;
17055
17084
  }
17056
17085
 
17057
- .v-otp-input__content {
17058
- align-items: center;
17059
- display: flex;
17060
- height: 64px;
17061
- padding: 0.5rem;
17062
- justify-content: center;
17063
- max-width: 320px;
17064
- position: relative;
17065
- border-radius: inherit;
17086
+ .v-data-table-column--fixed {
17087
+ position: sticky;
17088
+ z-index: 2;
17089
+ left: 0;
17066
17090
  }
17067
- .v-otp-input--divided .v-otp-input__content {
17068
- max-width: 360px;
17091
+
17092
+ .v-data-table-column--last-fixed {
17093
+ border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
17069
17094
  }
17070
17095
 
17071
- .v-otp-input__field {
17072
- font-size: 1.25rem;
17073
- height: 100%;
17074
- outline: none;
17075
- text-align: center;
17076
- width: 100%;
17096
+ .v-data-table-group-header-row td {
17097
+ background: lightgrey;
17077
17098
  }
17078
- .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
17079
- -webkit-appearance: none;
17080
- margin: 0;
17099
+ .v-data-table-group-header-row td > span {
17100
+ padding-left: 5px;
17081
17101
  }
17082
- .v-otp-input__field[type=number] {
17083
- -moz-appearance: textfield;
17102
+
17103
+ .v-data-table--loading .v-data-table__td {
17104
+ opacity: 0.3;
17084
17105
  }
17085
17106
 
17086
- .v-otp-input__loader {
17087
- align-items: center;
17088
- display: flex;
17089
- height: 100%;
17090
- justify-content: center;
17091
- width: 100%;
17092
- }.v-picker.v-sheet {
17093
- box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17094
- border-radius: 4px;
17095
- display: grid;
17096
- grid-auto-rows: min-content;
17097
- grid-template-areas: "title" "header" "body";
17098
- overflow: hidden;
17107
+ .v-data-table-group-header-row__column {
17108
+ padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
17099
17109
  }
17100
- .v-picker.v-sheet.v-picker--with-actions {
17101
- grid-template-areas: "title" "header" "body" "actions";
17110
+
17111
+ .v-data-table-header__content {
17112
+ display: flex;
17113
+ align-items: center;
17102
17114
  }
17103
17115
 
17104
- .v-picker__body {
17105
- grid-area: body;
17116
+ .v-data-table-header__sort-badge {
17117
+ display: inline-flex;
17118
+ justify-content: center;
17119
+ align-items: center;
17120
+ font-size: 0.875rem;
17121
+ padding: 4px;
17122
+ border-radius: 50%;
17123
+ background: rgba(var(--v-border-color), var(--v-border-opacity));
17124
+ min-width: 20px;
17125
+ min-height: 20px;
17126
+ width: 20px;
17127
+ height: 20px;
17106
17128
  }
17107
17129
 
17108
- .v-picker__header {
17109
- grid-area: header;
17130
+ .v-data-table-progress > th {
17131
+ border: none !important;
17132
+ height: auto !important;
17133
+ padding: 0 !important;
17110
17134
  }
17111
17135
 
17112
- .v-picker__actions {
17113
- grid-area: actions;
17114
- padding: 0 12px 12px 12px;
17136
+ .v-data-table-rows-loading,
17137
+ .v-data-table-rows-no-data {
17138
+ text-align: center;
17139
+ }.v-data-table-footer {
17115
17140
  display: flex;
17116
17141
  align-items: center;
17142
+ flex-wrap: wrap;
17143
+ padding: 0 8px;
17117
17144
  justify-content: flex-end;
17118
17145
  }
17119
- .v-picker__actions .v-btn {
17120
- padding-inline-start: 8px;
17121
- padding-inline-end: 8px;
17122
- min-width: 48px;
17146
+
17147
+ .v-data-table-footer__items-per-page {
17148
+ padding-inline-end: 24px;
17149
+ display: flex;
17150
+ align-items: center;
17151
+ justify-content: space-between;
17123
17152
  }
17124
- .v-picker__actions .v-btn:not(:last-child) {
17125
- margin-inline-end: 8px;
17153
+ .v-data-table-footer__items-per-page > span {
17154
+ padding-inline-end: 24px;
17126
17155
  }
17127
17156
 
17128
- .v-picker--landscape {
17129
- grid-template-areas: "title" "header body" "header body";
17157
+ .v-data-table-footer__info {
17158
+ display: flex;
17159
+ padding-inline-end: 24px;
17130
17160
  }
17131
17161
 
17132
- .v-picker--landscape.v-picker--with-actions {
17133
- grid-template-areas: "title" "header body" "header actions";
17162
+ .v-data-table-footer__pagination {
17163
+ display: flex;
17164
+ align-items: center;
17134
17165
  }
17135
17166
 
17136
- .v-picker-title {
17137
- text-transform: uppercase;
17138
- font-size: 0.75rem;
17139
- grid-area: title;
17140
- color: rgb(var(--v-theme-on-surface), var(--v-disabled-opacity));
17141
- padding-inline-start: 24px;
17142
- padding-inline-end: 12px;
17143
- padding-top: 16px;
17144
- padding-bottom: 16px;
17145
- font-weight: 600;
17146
- letter-spacing: 0.1666666667em;
17147
- }.v-skeleton-loader {
17148
- align-items: center;
17149
- background: rgb(var(--v-theme-surface));
17150
- border-radius: 4px;
17151
- display: flex;
17152
- flex-wrap: wrap;
17153
- position: relative;
17154
- vertical-align: top;
17167
+ .v-data-table-footer__page {
17168
+ padding: 0 8px;
17169
+ }.v-date-card {
17170
+ padding-bottom: 8px;
17155
17171
  }
17156
- .v-skeleton-loader__actions {
17157
- justify-content: end;
17172
+ .v-date-card .v-card-actions {
17173
+ justify-content: flex-end;
17158
17174
  }
17159
- .v-skeleton-loader .v-skeleton-loader__avatar,
17160
- .v-skeleton-loader .v-skeleton-loader__button,
17161
- .v-skeleton-loader .v-skeleton-loader__chip,
17162
- .v-skeleton-loader .v-skeleton-loader__divider,
17163
- .v-skeleton-loader .v-skeleton-loader__heading,
17164
- .v-skeleton-loader .v-skeleton-loader__image,
17165
- .v-skeleton-loader .v-skeleton-loader__text {
17166
- background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
17175
+
17176
+ .v-date-card .v-date-picker-month {
17177
+ padding-left: 12px;
17178
+ padding-right: 12px;
17167
17179
  }
17168
- .v-skeleton-loader .v-skeleton-loader__list-item,
17169
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
17170
- .v-skeleton-loader .v-skeleton-loader__list-item-text,
17171
- .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
17172
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
17173
- .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
17174
- .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
17175
- border-radius: 4px;
17180
+ .v-date-card .v-date-picker-month .v-date-picker-month__day {
17181
+ height: 32px;
17182
+ width: 32px;
17176
17183
  }
17177
- .v-skeleton-loader__bone {
17178
- align-items: center;
17179
- border-radius: inherit;
17180
- display: flex;
17181
- flex: 1 1 100%;
17182
- flex-wrap: wrap;
17183
- overflow: hidden;
17184
- position: relative;
17184
+ .v-date-card .v-date-picker-month .v-date-picker-month__day .v-btn {
17185
+ --v-btn-height: 16px;
17186
+ --v-btn-size: 0.75rem;
17185
17187
  }
17186
- .v-skeleton-loader__bone::after {
17187
- content: "";
17188
- position: absolute;
17189
- top: 0;
17190
- left: 0;
17191
- width: 100%;
17192
- height: 100%;
17193
- animation: loading 1.5s infinite;
17194
- background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
17195
- transform: translateX(-100%);
17196
- z-index: 1;
17188
+ .v-date-card .v-date-picker-years {
17189
+ height: 248px;
17197
17190
  }
17198
- .v-skeleton-loader__avatar {
17199
- border-radius: 50%;
17200
- flex: 0 1 auto;
17201
- margin: 8px 16px;
17202
- max-height: 48px;
17203
- min-height: 48px;
17191
+ .v-date-card .v-date-picker-years .v-date-picker-years__content {
17192
+ grid-template-columns: repeat(4, 56px);
17193
+ grid-gap: 0px;
17194
+ grid-row-gap: 2px;
17195
+ padding-right: 3px;
17196
+ }
17197
+ .v-date-card .v-date-picker-years .v-date-picker-years__content .v-btn {
17198
+ --v-btn-height: 28px;
17199
+ --v-btn-size: 0.75rem;
17200
+ min-width: unset;
17201
+ }.v-date-picker__input {
17202
+ padding-top: 16px;
17203
+ padding-left: 24px;
17204
+ padding-right: 24px;
17205
+ }
17206
+
17207
+ .v-date-picker {
17208
+ overflow: hidden;
17209
+ }
17210
+
17211
+ .v-date-picker-month {
17212
+ padding: 0 12px 12px;
17213
+ }
17214
+
17215
+ .v-date-picker-month__day {
17204
17216
  height: 48px;
17205
- max-width: 48px;
17206
- min-width: 48px;
17207
17217
  width: 48px;
17208
17218
  }
17209
- .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
17210
- flex: 1 1 auto;
17211
- margin-inline-start: 0;
17219
+ .v-date-picker-month__day .v-btn {
17220
+ --v-btn-height: 28px;
17221
+ --v-btn-size: 0.85rem;
17222
+ }.v-date-picker-header {
17223
+ display: grid;
17224
+ grid-template-areas: "prepend content append";
17225
+ grid-template-columns: min-content minmax(0, 1fr) min-content;
17226
+ overflow: hidden;
17227
+ padding-inline-start: 24px;
17228
+ padding-inline-end: 12px;
17229
+ padding-bottom: 12px;
17212
17230
  }
17213
- .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17214
- .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17215
- margin-inline-start: 0;
17231
+
17232
+ .v-date-picker-header__append {
17233
+ grid-area: append;
17216
17234
  }
17217
- .v-skeleton-loader__button {
17218
- border-radius: 4px;
17219
- height: 36px;
17220
- margin: 16px;
17221
- max-width: 64px;
17235
+
17236
+ .v-date-picker-header__prepend {
17237
+ grid-area: prepend;
17238
+ padding-inline-start: 8px;
17222
17239
  }
17223
- .v-skeleton-loader__button + .v-skeleton-loader__bone {
17224
- flex: 1 1 auto;
17225
- margin-inline-start: 0;
17240
+
17241
+ .v-date-picker-header__content {
17242
+ align-items: center;
17243
+ display: flex;
17244
+ font-size: 32px;
17245
+ line-height: 40px;
17246
+ grid-area: content;
17247
+ justify-content: space-between;
17226
17248
  }
17227
- .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17228
- .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17229
- margin-inline-start: 0;
17249
+
17250
+ .date-picker-header-transition-enter-active,
17251
+ .date-picker-header-reverse-transition-enter-active {
17252
+ transition-duration: 0.3s;
17253
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17230
17254
  }
17231
- .v-skeleton-loader__chip {
17232
- border-radius: 16px;
17233
- margin: 16px;
17234
- height: 32px;
17235
- max-width: 96px;
17255
+ .date-picker-header-transition-leave-active,
17256
+ .date-picker-header-reverse-transition-leave-active {
17257
+ transition-duration: 0.3s;
17258
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17236
17259
  }
17237
- .v-skeleton-loader__chip + .v-skeleton-loader__bone {
17238
- flex: 1 1 auto;
17239
- margin-inline-start: 0;
17260
+
17261
+ .date-picker-header-transition-enter-from {
17262
+ transform: translate(0, 100%);
17240
17263
  }
17241
- .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17242
- .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17243
- margin-inline-start: 0;
17264
+ .date-picker-header-transition-leave-to {
17265
+ opacity: 0;
17266
+ transform: translate(0, -100%);
17244
17267
  }
17245
- .v-skeleton-loader__date-picker {
17246
- border-radius: inherit;
17268
+
17269
+ .date-picker-header-reverse-transition-enter-from {
17270
+ transform: translate(0, -100%);
17247
17271
  }
17248
- .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
17249
- max-width: 88px;
17250
- width: 20%;
17272
+ .date-picker-header-reverse-transition-leave-to {
17273
+ opacity: 0;
17274
+ transform: translate(0, 100%);
17275
+ }.v-date-picker-controls {
17276
+ display: flex;
17277
+ align-items: center;
17278
+ justify-content: space-between;
17279
+ font-size: 0.875rem;
17280
+ padding-inline-start: 24px;
17281
+ padding-top: 4px;
17282
+ padding-bottom: 4px;
17283
+ padding-inline-end: 12px;
17251
17284
  }
17252
- .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
17253
- max-width: 256px;
17254
- width: 40%;
17285
+ .v-date-picker-controls .v-btn:last-child {
17286
+ margin-left: 4px;
17255
17287
  }
17256
- .v-skeleton-loader__date-picker-days {
17257
- flex-wrap: wrap;
17258
- margin: 16px;
17288
+
17289
+ .v-date-picker-controls__date {
17290
+ margin-right: 4px;
17259
17291
  }
17260
- .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
17261
- border-radius: 4px;
17262
- margin: 4px;
17263
- max-width: 100%;
17292
+
17293
+ .v-date-picker-controls__month {
17294
+ display: flex;
17264
17295
  }
17265
- .v-skeleton-loader__date-picker-options {
17266
- flex-wrap: nowrap;
17296
+ .v-date-picker-controls__month.v-locale--is-rtl, .v-locale--is-rtl .v-date-picker-controls__month {
17297
+ flex-direction: row-reverse;
17298
+ }.v-date-picker-month {
17299
+ display: flex;
17300
+ justify-content: center;
17301
+ min-width: 328px;
17302
+ --v-date-picker-month-day-diff: 4px;
17267
17303
  }
17268
- .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
17269
- flex: 1 1 auto;
17304
+
17305
+ .v-date-picker-month__weeks {
17306
+ display: grid;
17307
+ grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
17308
+ grid-row-gap: 4px;
17270
17309
  }
17271
- .v-skeleton-loader__divider {
17272
- border-radius: 1px;
17273
- height: 2px;
17310
+
17311
+ .v-date-picker-month__weekday {
17312
+ font-size: 0.875rem;
17274
17313
  }
17275
- .v-skeleton-loader__heading {
17276
- border-radius: 12px;
17277
- margin: 16px;
17278
- height: 24px;
17314
+
17315
+ .v-date-picker-month__days {
17316
+ display: grid;
17317
+ grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
17318
+ grid-row-gap: 4px;
17319
+ flex: 1 1;
17320
+ justify-content: space-around;
17279
17321
  }
17280
- .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
17281
- margin-top: -16px;
17322
+
17323
+ .v-date-picker-month__day {
17324
+ position: relative;
17325
+ display: flex;
17326
+ align-items: center;
17327
+ justify-content: center;
17282
17328
  }
17283
- .v-skeleton-loader__image {
17284
- height: 150px;
17285
- border-radius: 0;
17329
+
17330
+ .v-date-picker-month__day--adjacent {
17331
+ opacity: 0.5;
17286
17332
  }
17287
- .v-skeleton-loader__card .v-skeleton-loader__image {
17288
- border-radius: 0;
17333
+
17334
+ .v-date-picker-month__day--hide-adjacent {
17335
+ opacity: 0;
17289
17336
  }
17290
- .v-skeleton-loader__list-item {
17291
- margin: 16px;
17337
+
17338
+ .v-date-picker-month__day--range {
17339
+ position: absolute;
17340
+ width: 100%;
17341
+ height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
17342
+ opacity: 0.5;
17292
17343
  }
17293
- .v-skeleton-loader__list-item .v-skeleton-loader__text {
17294
- margin: 0;
17344
+
17345
+ .v-date-picker-month__day--hover {
17346
+ position: absolute;
17347
+ width: 100%;
17348
+ height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
17349
+ border-style: dashed;
17350
+ border-top-width: 1px;
17351
+ border-bottom-width: 1px;
17352
+ border-left: none;
17353
+ border-right: none;
17295
17354
  }
17296
- .v-skeleton-loader__table-thead {
17297
- justify-content: space-between;
17355
+
17356
+ .v-date-picker-month__day--start .v-date-picker-month__day--range, .v-date-picker-month__day--week-start .v-date-picker-month__day--range {
17357
+ border-bottom-left-radius: 50%;
17358
+ border-top-left-radius: 50%;
17359
+ left: var(--v-date-picker-month-day-diff);
17360
+ width: calc(100% - var(--v-date-picker-month-day-diff));
17298
17361
  }
17299
- .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
17300
- margin-top: 16px;
17301
- max-width: 16px;
17362
+
17363
+ .v-date-picker-month__day--end .v-date-picker-month__day--range, .v-date-picker-month__day--week-end .v-date-picker-month__day--range {
17364
+ border-bottom-right-radius: 50%;
17365
+ border-top-right-radius: 50%;
17366
+ right: var(--v-date-picker-month-day-diff);
17367
+ width: calc(100% - var(--v-date-picker-month-day-diff));
17368
+ }
17369
+
17370
+ .v-date-picker-month__day--selected.v-date-picker-month__day--end.v-date-picker-month__day--week-start .v-date-picker-month__day--range,
17371
+ .v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
17372
+ display: none;
17373
+ }.v-date-picker-years {
17374
+ height: 308px;
17375
+ overflow-y: scroll;
17376
+ }
17377
+
17378
+ .v-date-picker-years__content {
17379
+ display: grid;
17380
+ flex: 1 1;
17381
+ justify-content: space-around;
17382
+ grid-template-columns: repeat(3, 1fr);
17383
+ grid-gap: 8px 24px;
17384
+ padding-inline-start: 36px;
17385
+ padding-inline-end: 36px;
17386
+ }
17387
+ .v-date-picker-years__content .v-btn {
17388
+ padding-inline-start: 8px;
17389
+ padding-inline-end: 8px;
17390
+ }.v-infinite-scroll--horizontal {
17391
+ display: flex;
17392
+ flex-direction: row;
17393
+ overflow-x: auto;
17394
+ }
17395
+ .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
17396
+ height: 100%;
17397
+ width: 1px;
17398
+ }
17399
+
17400
+ .v-infinite-scroll--vertical {
17401
+ display: flex;
17402
+ flex-direction: column;
17403
+ overflow-y: auto;
17404
+ }
17405
+ .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
17406
+ height: 1px;
17407
+ width: 100%;
17408
+ }
17409
+
17410
+ .v-infinite-scroll__side {
17411
+ align-items: center;
17412
+ display: flex;
17413
+ justify-content: center;
17414
+ padding: 8px;
17415
+ }.v-otp-input {
17416
+ border-radius: 4px;
17417
+ align-items: center;
17418
+ display: flex;
17419
+ justify-content: center;
17420
+ padding: 0.5rem;
17421
+ position: relative;
17422
+ }
17423
+ .v-otp-input .v-field {
17424
+ height: 100%;
17425
+ margin: 0 0.25rem;
17426
+ }
17427
+
17428
+ .v-otp-input__divider {
17429
+ margin: 0 8px;
17302
17430
  }
17303
- .v-skeleton-loader__table-tfoot {
17304
- flex-wrap: nowrap;
17431
+
17432
+ .v-otp-input__content {
17433
+ align-items: center;
17434
+ display: flex;
17435
+ height: 64px;
17436
+ padding: 0.5rem;
17437
+ justify-content: center;
17438
+ max-width: 320px;
17439
+ position: relative;
17440
+ border-radius: inherit;
17305
17441
  }
17306
- .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
17307
- margin-top: 16px;
17442
+ .v-otp-input--divided .v-otp-input__content {
17443
+ max-width: 360px;
17308
17444
  }
17309
- .v-skeleton-loader__table-row {
17310
- align-items: baseline;
17311
- margin: 0 8px;
17312
- justify-content: space-evenly;
17313
- flex-wrap: nowrap;
17445
+
17446
+ .v-otp-input__field {
17447
+ font-size: 1.25rem;
17448
+ height: 100%;
17449
+ outline: none;
17450
+ text-align: center;
17451
+ width: 100%;
17314
17452
  }
17315
- .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
17316
- margin-inline-start: 8px;
17317
- margin-inline-end: 8px;
17453
+ .v-otp-input__field[type=number]::-webkit-outer-spin-button, .v-otp-input__field[type=number]::-webkit-inner-spin-button {
17454
+ -webkit-appearance: none;
17455
+ margin: 0;
17318
17456
  }
17319
- .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
17320
- margin: 0 16px;
17457
+ .v-otp-input__field[type=number] {
17458
+ -moz-appearance: textfield;
17321
17459
  }
17322
- .v-skeleton-loader__table-cell {
17460
+
17461
+ .v-otp-input__loader {
17323
17462
  align-items: center;
17324
17463
  display: flex;
17325
- height: 48px;
17326
- width: 88px;
17327
- }
17328
- .v-skeleton-loader__table-cell .v-skeleton-loader__text {
17329
- margin-bottom: 0;
17330
- }
17331
- .v-skeleton-loader__subtitle {
17332
- max-width: 70%;
17464
+ height: 100%;
17465
+ justify-content: center;
17466
+ width: 100%;
17467
+ }.v-picker.v-sheet {
17468
+ box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17469
+ border-radius: 4px;
17470
+ display: grid;
17471
+ grid-auto-rows: min-content;
17472
+ grid-template-areas: "title" "header" "body";
17473
+ overflow: hidden;
17333
17474
  }
17334
- .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
17335
- height: 16px;
17336
- border-radius: 8px;
17475
+ .v-picker.v-sheet.v-picker--with-actions {
17476
+ grid-template-areas: "title" "header" "body" "actions";
17337
17477
  }
17338
- .v-skeleton-loader__text {
17339
- border-radius: 6px;
17340
- margin: 16px;
17341
- height: 12px;
17478
+
17479
+ .v-picker__body {
17480
+ grid-area: body;
17342
17481
  }
17343
- .v-skeleton-loader__text + .v-skeleton-loader__text {
17344
- margin-top: -8px;
17345
- max-width: 50%;
17482
+
17483
+ .v-picker__header {
17484
+ grid-area: header;
17346
17485
  }
17347
- .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
17348
- max-width: 70%;
17486
+
17487
+ .v-picker__actions {
17488
+ grid-area: actions;
17489
+ padding: 0 12px 12px 12px;
17490
+ display: flex;
17491
+ align-items: center;
17492
+ justify-content: flex-end;
17349
17493
  }
17350
- .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
17351
- display: none;
17494
+ .v-picker__actions .v-btn {
17495
+ padding-inline-start: 8px;
17496
+ padding-inline-end: 8px;
17497
+ min-width: 48px;
17352
17498
  }
17353
- .v-skeleton-loader--is-loading {
17354
- overflow: hidden;
17499
+ .v-picker__actions .v-btn:not(:last-child) {
17500
+ margin-inline-end: 8px;
17355
17501
  }
17356
- .v-skeleton-loader--tile {
17357
- border-radius: 0;
17502
+
17503
+ .v-picker--landscape {
17504
+ grid-template-areas: "title" "header body" "header body";
17358
17505
  }
17359
- .v-skeleton-loader--tile .v-skeleton-loader__bone {
17360
- border-radius: 0;
17506
+
17507
+ .v-picker--landscape.v-picker--with-actions {
17508
+ grid-template-areas: "title" "header body" "header actions";
17361
17509
  }
17362
17510
 
17363
- @keyframes loading {
17364
- 100% {
17365
- transform: translateX(100%);
17366
- }
17511
+ .v-picker-title {
17512
+ text-transform: uppercase;
17513
+ font-size: 0.75rem;
17514
+ grid-area: title;
17515
+ color: rgb(var(--v-theme-on-surface), var(--v-disabled-opacity));
17516
+ padding-inline-start: 24px;
17517
+ padding-inline-end: 12px;
17518
+ padding-top: 16px;
17519
+ padding-bottom: 16px;
17520
+ font-weight: 600;
17521
+ letter-spacing: 0.1666666667em;
17367
17522
  }.v-stepper.v-sheet {
17368
17523
  box-shadow: 0px 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 2px 2px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
17369
17524
  border-radius: 4px;
@@ -17449,403 +17604,248 @@ html.overflow-y-hidden {
17449
17604
  background: rgb(var(--v-theme-error));
17450
17605
  }
17451
17606
  .v-stepper--alt-labels .v-stepper-item__avatar.v-avatar {
17452
- margin-bottom: 16px;
17453
- margin-inline-end: 0;
17454
- }
17455
-
17456
- .v-stepper-item__title {
17457
- line-height: 1;
17458
- }
17459
- .v-stepper--mobile .v-stepper-item__title {
17460
- display: none;
17461
- }
17462
-
17463
- .v-stepper-item__subtitle {
17464
- font-size: 0.75rem;
17465
- text-align: left;
17466
- line-height: 1;
17467
- opacity: var(--v-medium-emphasis-opacity);
17468
- }
17469
- .v-stepper--alt-labels .v-stepper-item__subtitle {
17470
- text-align: center;
17471
- }
17472
- .v-stepper--mobile .v-stepper-item__subtitle {
17473
- display: none;
17474
- }.v-data-table {
17475
- width: 100%;
17476
- }
17477
-
17478
- .v-data-table__table {
17479
- width: 100%;
17480
- border-collapse: separate;
17481
- border-spacing: 0;
17482
- }
17483
-
17484
- .v-data-table__tr--focus {
17485
- border: 1px dotted black;
17486
- }
17487
- .v-data-table__tr--clickable {
17488
- cursor: pointer;
17489
- }
17490
-
17491
- .v-data-table .v-table__wrapper > table > thead > tr > td,
17492
- .v-data-table .v-table__wrapper > table > thead > tr th,
17493
- .v-data-table .v-table__wrapper > table tbody > tr > td,
17494
- .v-data-table .v-table__wrapper > table tbody > tr th {
17495
- background: rgb(var(--v-theme-surface));
17496
- }
17497
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end,
17498
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end,
17499
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end,
17500
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end {
17501
- text-align: end;
17502
- }
17503
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17504
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-end .v-data-table-header__content,
17505
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-end .v-data-table-header__content,
17506
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-end .v-data-table-header__content {
17507
- flex-direction: row-reverse;
17508
- }
17509
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center,
17510
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center,
17511
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center,
17512
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center {
17513
- text-align: center;
17514
- }
17515
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17516
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--align-center .v-data-table-header__content,
17517
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--align-center .v-data-table-header__content,
17518
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--align-center .v-data-table-header__content {
17519
- justify-content: center;
17520
- }
17521
- .v-data-table .v-table__wrapper > table > thead > tr > td.v-data-table-column--no-padding,
17522
- .v-data-table .v-table__wrapper > table > thead > tr th.v-data-table-column--no-padding,
17523
- .v-data-table .v-table__wrapper > table tbody > tr > td.v-data-table-column--no-padding,
17524
- .v-data-table .v-table__wrapper > table tbody > tr th.v-data-table-column--no-padding {
17525
- padding: 0 8px;
17526
- }
17527
- .v-data-table .v-table__wrapper > table > thead > tr > th,
17528
- .v-data-table .v-table__wrapper > table tbody > tr > th {
17529
- align-items: center;
17530
- }
17531
- .v-data-table .v-table__wrapper > table > thead > tr > th.v-data-table__th--sortable:hover,
17532
- .v-data-table .v-table__wrapper > table tbody > tr > th.v-data-table__th--sortable:hover {
17533
- cursor: pointer;
17534
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
17535
- }
17536
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon,
17537
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted) .v-data-table-header__sort-icon {
17538
- opacity: 0;
17539
- }
17540
- .v-data-table .v-table__wrapper > table > thead > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon,
17541
- .v-data-table .v-table__wrapper > table tbody > tr > th:not(.v-data-table__th--sorted):hover .v-data-table-header__sort-icon {
17542
- opacity: 0.5;
17543
- }
17544
-
17545
- .v-data-table-column--fixed {
17546
- position: sticky;
17547
- z-index: 2;
17548
- left: 0;
17549
- }
17550
-
17551
- .v-data-table-column--last-fixed {
17552
- border-right: 1px solid rgba(var(--v-border-color), var(--v-border-opacity));
17553
- }
17554
-
17555
- .v-data-table-group-header-row td {
17556
- background: lightgrey;
17557
- }
17558
- .v-data-table-group-header-row td > span {
17559
- padding-left: 5px;
17560
- }
17561
-
17562
- .v-data-table--loading .v-data-table__td {
17563
- opacity: 0.3;
17564
- }
17565
-
17566
- .v-data-table-group-header-row__column {
17567
- padding-left: calc(var(--v-data-table-group-header-row-depth) * 16px) !important;
17568
- }
17569
-
17570
- .v-data-table-header__content {
17571
- display: flex;
17572
- align-items: center;
17573
- }
17574
-
17575
- .v-data-table-header__sort-badge {
17576
- display: inline-flex;
17577
- justify-content: center;
17578
- align-items: center;
17579
- font-size: 0.875rem;
17580
- padding: 4px;
17581
- border-radius: 50%;
17582
- background: rgba(var(--v-border-color), var(--v-border-opacity));
17583
- min-width: 20px;
17584
- min-height: 20px;
17585
- width: 20px;
17586
- height: 20px;
17607
+ margin-bottom: 16px;
17608
+ margin-inline-end: 0;
17587
17609
  }
17588
17610
 
17589
- .v-data-table-progress > th {
17590
- border: none !important;
17591
- height: auto !important;
17592
- padding: 0 !important;
17611
+ .v-stepper-item__title {
17612
+ line-height: 1;
17613
+ }
17614
+ .v-stepper--mobile .v-stepper-item__title {
17615
+ display: none;
17593
17616
  }
17594
17617
 
17595
- .v-data-table-rows-loading,
17596
- .v-data-table-rows-no-data {
17618
+ .v-stepper-item__subtitle {
17619
+ font-size: 0.75rem;
17620
+ text-align: left;
17621
+ line-height: 1;
17622
+ opacity: var(--v-medium-emphasis-opacity);
17623
+ }
17624
+ .v-stepper--alt-labels .v-stepper-item__subtitle {
17597
17625
  text-align: center;
17598
- }.v-data-table-footer {
17599
- display: flex;
17626
+ }
17627
+ .v-stepper--mobile .v-stepper-item__subtitle {
17628
+ display: none;
17629
+ }.v-skeleton-loader {
17600
17630
  align-items: center;
17631
+ background: rgb(var(--v-theme-surface));
17632
+ border-radius: 4px;
17633
+ display: flex;
17601
17634
  flex-wrap: wrap;
17602
- padding: 0 8px;
17603
- justify-content: flex-end;
17635
+ position: relative;
17636
+ vertical-align: top;
17604
17637
  }
17605
-
17606
- .v-data-table-footer__items-per-page {
17607
- padding-inline-end: 24px;
17608
- display: flex;
17609
- align-items: center;
17610
- justify-content: space-between;
17638
+ .v-skeleton-loader__actions {
17639
+ justify-content: end;
17611
17640
  }
17612
- .v-data-table-footer__items-per-page > span {
17613
- padding-inline-end: 24px;
17641
+ .v-skeleton-loader .v-skeleton-loader__avatar,
17642
+ .v-skeleton-loader .v-skeleton-loader__button,
17643
+ .v-skeleton-loader .v-skeleton-loader__chip,
17644
+ .v-skeleton-loader .v-skeleton-loader__divider,
17645
+ .v-skeleton-loader .v-skeleton-loader__heading,
17646
+ .v-skeleton-loader .v-skeleton-loader__image,
17647
+ .v-skeleton-loader .v-skeleton-loader__text {
17648
+ background: rgba(var(--v-theme-on-surface), var(--v-border-opacity));
17614
17649
  }
17615
-
17616
- .v-data-table-footer__info {
17617
- display: flex;
17618
- padding-inline-end: 24px;
17650
+ .v-skeleton-loader .v-skeleton-loader__list-item,
17651
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar,
17652
+ .v-skeleton-loader .v-skeleton-loader__list-item-text,
17653
+ .v-skeleton-loader .v-skeleton-loader__list-item-two-line,
17654
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-two-line,
17655
+ .v-skeleton-loader .v-skeleton-loader__list-item-three-line,
17656
+ .v-skeleton-loader .v-skeleton-loader__list-item-avatar-three-line {
17657
+ border-radius: 4px;
17619
17658
  }
17620
-
17621
- .v-data-table-footer__pagination {
17622
- display: flex;
17659
+ .v-skeleton-loader__bone {
17623
17660
  align-items: center;
17661
+ border-radius: inherit;
17662
+ display: flex;
17663
+ flex: 1 1 100%;
17664
+ flex-wrap: wrap;
17665
+ overflow: hidden;
17666
+ position: relative;
17624
17667
  }
17625
-
17626
- .v-data-table-footer__page {
17627
- padding: 0 8px;
17628
- }.v-date-card {
17629
- padding-bottom: 8px;
17668
+ .v-skeleton-loader__bone::after {
17669
+ content: "";
17670
+ position: absolute;
17671
+ top: 0;
17672
+ left: 0;
17673
+ width: 100%;
17674
+ height: 100%;
17675
+ animation: loading 1.5s infinite;
17676
+ background: linear-gradient(90deg, rgba(var(--v-theme-surface), 0), rgba(var(--v-theme-surface), 0.3), rgba(var(--v-theme-surface), 0));
17677
+ transform: translateX(-100%);
17678
+ z-index: 1;
17630
17679
  }
17631
- .v-date-card .v-card-actions {
17632
- justify-content: flex-end;
17680
+ .v-skeleton-loader__avatar {
17681
+ border-radius: 50%;
17682
+ flex: 0 1 auto;
17683
+ margin: 8px 16px;
17684
+ max-height: 48px;
17685
+ min-height: 48px;
17686
+ height: 48px;
17687
+ max-width: 48px;
17688
+ min-width: 48px;
17689
+ width: 48px;
17633
17690
  }
17634
-
17635
- .v-date-card .v-date-picker-month {
17636
- padding-left: 12px;
17637
- padding-right: 12px;
17691
+ .v-skeleton-loader__avatar + .v-skeleton-loader__bone {
17692
+ flex: 1 1 auto;
17693
+ margin-inline-start: 0;
17638
17694
  }
17639
- .v-date-card .v-date-picker-month .v-date-picker-month__day {
17695
+ .v-skeleton-loader__avatar + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17696
+ .v-skeleton-loader__avatar + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17697
+ margin-inline-start: 0;
17698
+ }
17699
+ .v-skeleton-loader__button {
17700
+ border-radius: 4px;
17701
+ height: 36px;
17702
+ margin: 16px;
17703
+ max-width: 64px;
17704
+ }
17705
+ .v-skeleton-loader__button + .v-skeleton-loader__bone {
17706
+ flex: 1 1 auto;
17707
+ margin-inline-start: 0;
17708
+ }
17709
+ .v-skeleton-loader__button + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17710
+ .v-skeleton-loader__button + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17711
+ margin-inline-start: 0;
17712
+ }
17713
+ .v-skeleton-loader__chip {
17714
+ border-radius: 16px;
17715
+ margin: 16px;
17640
17716
  height: 32px;
17641
- width: 32px;
17717
+ max-width: 96px;
17642
17718
  }
17643
- .v-date-card .v-date-picker-month .v-date-picker-month__day .v-btn {
17644
- --v-btn-height: 16px;
17645
- --v-btn-size: 0.75rem;
17719
+ .v-skeleton-loader__chip + .v-skeleton-loader__bone {
17720
+ flex: 1 1 auto;
17721
+ margin-inline-start: 0;
17646
17722
  }
17647
- .v-date-card .v-date-picker-years {
17648
- height: 248px;
17723
+ .v-skeleton-loader__chip + .v-skeleton-loader__sentences > .v-skeleton-loader__text,
17724
+ .v-skeleton-loader__chip + .v-skeleton-loader__paragraph > .v-skeleton-loader__text {
17725
+ margin-inline-start: 0;
17649
17726
  }
17650
- .v-date-card .v-date-picker-years .v-date-picker-years__content {
17651
- grid-template-columns: repeat(4, 56px);
17652
- grid-gap: 0px;
17653
- grid-row-gap: 2px;
17654
- padding-right: 3px;
17727
+ .v-skeleton-loader__date-picker {
17728
+ border-radius: inherit;
17655
17729
  }
17656
- .v-date-card .v-date-picker-years .v-date-picker-years__content .v-btn {
17657
- --v-btn-height: 28px;
17658
- --v-btn-size: 0.75rem;
17659
- min-width: unset;
17660
- }.v-date-picker-controls {
17661
- display: flex;
17662
- align-items: center;
17663
- justify-content: space-between;
17664
- font-size: 0.875rem;
17665
- padding-inline-start: 24px;
17666
- padding-top: 4px;
17667
- padding-bottom: 4px;
17668
- padding-inline-end: 12px;
17730
+ .v-skeleton-loader__date-picker .v-skeleton-loader__list-item:first-child .v-skeleton-loader__text {
17731
+ max-width: 88px;
17732
+ width: 20%;
17669
17733
  }
17670
- .v-date-picker-controls .v-btn:last-child {
17671
- margin-left: 4px;
17734
+ .v-skeleton-loader__date-picker .v-skeleton-loader__heading {
17735
+ max-width: 256px;
17736
+ width: 40%;
17672
17737
  }
17673
-
17674
- .v-date-picker-controls__date {
17675
- margin-right: 4px;
17738
+ .v-skeleton-loader__date-picker-days {
17739
+ flex-wrap: wrap;
17740
+ margin: 16px;
17676
17741
  }
17677
-
17678
- .v-date-picker-controls__month {
17679
- display: flex;
17742
+ .v-skeleton-loader__date-picker-days .v-skeleton-loader__avatar {
17743
+ border-radius: 4px;
17744
+ margin: 4px;
17745
+ max-width: 100%;
17680
17746
  }
17681
- .v-date-picker-controls__month.v-locale--is-rtl, .v-locale--is-rtl .v-date-picker-controls__month {
17682
- flex-direction: row-reverse;
17683
- }.v-date-picker-header {
17684
- display: grid;
17685
- grid-template-areas: "prepend content append";
17686
- grid-template-columns: min-content minmax(0, 1fr) min-content;
17687
- overflow: hidden;
17688
- padding-inline-start: 24px;
17689
- padding-inline-end: 12px;
17690
- padding-bottom: 12px;
17747
+ .v-skeleton-loader__date-picker-options {
17748
+ flex-wrap: nowrap;
17691
17749
  }
17692
-
17693
- .v-date-picker-header__append {
17694
- grid-area: append;
17750
+ .v-skeleton-loader__date-picker-options .v-skeleton-loader__text {
17751
+ flex: 1 1 auto;
17695
17752
  }
17696
-
17697
- .v-date-picker-header__prepend {
17698
- grid-area: prepend;
17699
- padding-inline-start: 8px;
17753
+ .v-skeleton-loader__divider {
17754
+ border-radius: 1px;
17755
+ height: 2px;
17700
17756
  }
17701
-
17702
- .v-date-picker-header__content {
17703
- align-items: center;
17704
- display: flex;
17705
- font-size: 32px;
17706
- line-height: 40px;
17707
- grid-area: content;
17708
- justify-content: space-between;
17757
+ .v-skeleton-loader__heading {
17758
+ border-radius: 12px;
17759
+ margin: 16px;
17760
+ height: 24px;
17709
17761
  }
17710
-
17711
- .date-picker-header-transition-enter-active,
17712
- .date-picker-header-reverse-transition-enter-active {
17713
- transition-duration: 0.3s;
17714
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17762
+ .v-skeleton-loader__heading + .v-skeleton-loader__subtitle {
17763
+ margin-top: -16px;
17715
17764
  }
17716
- .date-picker-header-transition-leave-active,
17717
- .date-picker-header-reverse-transition-leave-active {
17718
- transition-duration: 0.3s;
17719
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
17765
+ .v-skeleton-loader__image {
17766
+ height: 150px;
17767
+ border-radius: 0;
17720
17768
  }
17721
-
17722
- .date-picker-header-transition-enter-from {
17723
- transform: translate(0, 100%);
17769
+ .v-skeleton-loader__card .v-skeleton-loader__image {
17770
+ border-radius: 0;
17724
17771
  }
17725
- .date-picker-header-transition-leave-to {
17726
- opacity: 0;
17727
- transform: translate(0, -100%);
17772
+ .v-skeleton-loader__list-item {
17773
+ margin: 16px;
17728
17774
  }
17729
-
17730
- .date-picker-header-reverse-transition-enter-from {
17731
- transform: translate(0, -100%);
17775
+ .v-skeleton-loader__list-item .v-skeleton-loader__text {
17776
+ margin: 0;
17777
+ }
17778
+ .v-skeleton-loader__table-thead {
17779
+ justify-content: space-between;
17780
+ }
17781
+ .v-skeleton-loader__table-thead .v-skeleton-loader__heading {
17782
+ margin-top: 16px;
17783
+ max-width: 16px;
17732
17784
  }
17733
- .date-picker-header-reverse-transition-leave-to {
17734
- opacity: 0;
17735
- transform: translate(0, 100%);
17736
- }.v-date-picker-month {
17737
- display: flex;
17738
- justify-content: center;
17739
- min-width: 328px;
17740
- --v-date-picker-month-day-diff: 4px;
17785
+ .v-skeleton-loader__table-tfoot {
17786
+ flex-wrap: nowrap;
17741
17787
  }
17742
-
17743
- .v-date-picker-month__weeks {
17744
- display: grid;
17745
- grid-template-rows: min-content min-content min-content min-content min-content min-content min-content;
17746
- grid-row-gap: 4px;
17788
+ .v-skeleton-loader__table-tfoot > .v-skeleton-loader__text.v-skeleton-loader__bone {
17789
+ margin-top: 16px;
17747
17790
  }
17748
-
17749
- .v-date-picker-month__weekday {
17750
- font-size: 0.875rem;
17791
+ .v-skeleton-loader__table-row {
17792
+ align-items: baseline;
17793
+ margin: 0 8px;
17794
+ justify-content: space-evenly;
17795
+ flex-wrap: nowrap;
17751
17796
  }
17752
-
17753
- .v-date-picker-month__days {
17754
- display: grid;
17755
- grid-template-columns: min-content min-content min-content min-content min-content min-content min-content;
17756
- grid-row-gap: 4px;
17757
- flex: 1 1;
17758
- justify-content: space-around;
17797
+ .v-skeleton-loader__table-row > .v-skeleton-loader__text.v-skeleton-loader__bone {
17798
+ margin-inline-start: 8px;
17799
+ margin-inline-end: 8px;
17759
17800
  }
17760
-
17761
- .v-date-picker-month__day {
17762
- position: relative;
17763
- display: flex;
17801
+ .v-skeleton-loader__table-row + .v-skeleton-loader__divider {
17802
+ margin: 0 16px;
17803
+ }
17804
+ .v-skeleton-loader__table-cell {
17764
17805
  align-items: center;
17765
- justify-content: center;
17806
+ display: flex;
17807
+ height: 48px;
17808
+ width: 88px;
17766
17809
  }
17767
-
17768
- .v-date-picker-month__day--adjacent {
17769
- opacity: 0.5;
17810
+ .v-skeleton-loader__table-cell .v-skeleton-loader__text {
17811
+ margin-bottom: 0;
17770
17812
  }
17771
-
17772
- .v-date-picker-month__day--hide-adjacent {
17773
- opacity: 0;
17813
+ .v-skeleton-loader__subtitle {
17814
+ max-width: 70%;
17774
17815
  }
17775
-
17776
- .v-date-picker-month__day--range {
17777
- position: absolute;
17778
- width: 100%;
17779
- height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
17780
- opacity: 0.5;
17816
+ .v-skeleton-loader__subtitle > .v-skeleton-loader__text {
17817
+ height: 16px;
17818
+ border-radius: 8px;
17781
17819
  }
17782
-
17783
- .v-date-picker-month__day--hover {
17784
- position: absolute;
17785
- width: 100%;
17786
- height: calc(100% - var(--v-date-picker-month-day-diff) * 2);
17787
- border-style: dashed;
17788
- border-top-width: 1px;
17789
- border-bottom-width: 1px;
17790
- border-left: none;
17791
- border-right: none;
17820
+ .v-skeleton-loader__text {
17821
+ border-radius: 6px;
17822
+ margin: 16px;
17823
+ height: 12px;
17792
17824
  }
17793
-
17794
- .v-date-picker-month__day--start .v-date-picker-month__day--range, .v-date-picker-month__day--week-start .v-date-picker-month__day--range {
17795
- border-bottom-left-radius: 50%;
17796
- border-top-left-radius: 50%;
17797
- left: var(--v-date-picker-month-day-diff);
17798
- width: calc(100% - var(--v-date-picker-month-day-diff));
17825
+ .v-skeleton-loader__text + .v-skeleton-loader__text {
17826
+ margin-top: -8px;
17827
+ max-width: 50%;
17799
17828
  }
17800
-
17801
- .v-date-picker-month__day--end .v-date-picker-month__day--range, .v-date-picker-month__day--week-end .v-date-picker-month__day--range {
17802
- border-bottom-right-radius: 50%;
17803
- border-top-right-radius: 50%;
17804
- right: var(--v-date-picker-month-day-diff);
17805
- width: calc(100% - var(--v-date-picker-month-day-diff));
17829
+ .v-skeleton-loader__text + .v-skeleton-loader__text + .v-skeleton-loader__text {
17830
+ max-width: 70%;
17806
17831
  }
17807
-
17808
- .v-date-picker-month__day--selected.v-date-picker-month__day--end.v-date-picker-month__day--week-start .v-date-picker-month__day--range,
17809
- .v-date-picker-month__day--selected.v-date-picker-month__day--start.v-date-picker-month__day--week-end .v-date-picker-month__day--range {
17832
+ .v-skeleton-loader--boilerplate .v-skeleton-loader__bone:after {
17810
17833
  display: none;
17811
- }.v-date-picker-years {
17812
- height: 308px;
17813
- overflow-y: scroll;
17814
- }
17815
-
17816
- .v-date-picker-years__content {
17817
- display: grid;
17818
- flex: 1 1;
17819
- justify-content: space-around;
17820
- grid-template-columns: repeat(3, 1fr);
17821
- grid-gap: 8px 24px;
17822
- padding-inline-start: 36px;
17823
- padding-inline-end: 36px;
17824
- }
17825
- .v-date-picker-years__content .v-btn {
17826
- padding-inline-start: 8px;
17827
- padding-inline-end: 8px;
17828
- }.v-date-picker__input {
17829
- padding-top: 16px;
17830
- padding-left: 24px;
17831
- padding-right: 24px;
17832
17834
  }
17833
-
17834
- .v-date-picker {
17835
+ .v-skeleton-loader--is-loading {
17835
17836
  overflow: hidden;
17836
17837
  }
17837
-
17838
- .v-date-picker-month {
17839
- padding: 0 12px 12px;
17838
+ .v-skeleton-loader--tile {
17839
+ border-radius: 0;
17840
17840
  }
17841
-
17842
- .v-date-picker-month__day {
17843
- height: 48px;
17844
- width: 48px;
17841
+ .v-skeleton-loader--tile .v-skeleton-loader__bone {
17842
+ border-radius: 0;
17845
17843
  }
17846
- .v-date-picker-month__day .v-btn {
17847
- --v-btn-height: 28px;
17848
- --v-btn-size: 0.85rem;
17844
+
17845
+ @keyframes loading {
17846
+ 100% {
17847
+ transform: translateX(100%);
17848
+ }
17849
17849
  }.v-application {
17850
17850
  display: flex;
17851
17851
  background: rgb(var(--v-theme-background));
@@ -18484,61 +18484,6 @@ html.overflow-y-hidden {
18484
18484
  }
18485
18485
  .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
18486
18486
  align-self: flex-start;
18487
- }.v-bottom-navigation {
18488
- display: flex;
18489
- max-width: 100%;
18490
- overflow: hidden;
18491
- position: absolute;
18492
- transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18493
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18494
- border-style: solid;
18495
- border-width: 0;
18496
- border-radius: 0;
18497
- background: rgb(var(--v-theme-surface));
18498
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18499
- }
18500
- .v-bottom-navigation--border {
18501
- border-width: thin;
18502
- box-shadow: none;
18503
- }
18504
- .v-bottom-navigation--active {
18505
- box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18506
- }
18507
-
18508
- .v-bottom-navigation__content {
18509
- display: flex;
18510
- flex: none;
18511
- font-size: 0.75rem;
18512
- justify-content: center;
18513
- transition: inherit;
18514
- width: 100%;
18515
- }
18516
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18517
- font-size: inherit;
18518
- height: 100%;
18519
- max-width: 168px;
18520
- min-width: 80px;
18521
- text-transform: none;
18522
- transition: inherit;
18523
- width: auto;
18524
- border-radius: 0;
18525
- }
18526
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18527
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18528
- transition: inherit;
18529
- }
18530
- .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18531
- font-size: 1.5rem;
18532
- }
18533
- .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18534
- flex-grow: 1;
18535
- }
18536
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18537
- transition: inherit;
18538
- opacity: 0;
18539
- }
18540
- .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18541
- transform: translateY(0.5rem);
18542
18487
  }.v-breadcrumbs {
18543
18488
  display: flex;
18544
18489
  align-items: center;
@@ -18597,6 +18542,61 @@ html.overflow-y-hidden {
18597
18542
  display: inline-block;
18598
18543
  padding: 0 8px;
18599
18544
  vertical-align: middle;
18545
+ }.v-bottom-navigation {
18546
+ display: flex;
18547
+ max-width: 100%;
18548
+ overflow: hidden;
18549
+ position: absolute;
18550
+ transition: transform, color 0.2s, 0.2s cubic-bezier(0.4, 0, 0.2, 1);
18551
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
18552
+ border-style: solid;
18553
+ border-width: 0;
18554
+ border-radius: 0;
18555
+ background: rgb(var(--v-theme-surface));
18556
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
18557
+ }
18558
+ .v-bottom-navigation--border {
18559
+ border-width: thin;
18560
+ box-shadow: none;
18561
+ }
18562
+ .v-bottom-navigation--active {
18563
+ box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
18564
+ }
18565
+
18566
+ .v-bottom-navigation__content {
18567
+ display: flex;
18568
+ flex: none;
18569
+ font-size: 0.75rem;
18570
+ justify-content: center;
18571
+ transition: inherit;
18572
+ width: 100%;
18573
+ }
18574
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn {
18575
+ font-size: inherit;
18576
+ height: 100%;
18577
+ max-width: 168px;
18578
+ min-width: 80px;
18579
+ text-transform: none;
18580
+ transition: inherit;
18581
+ width: auto;
18582
+ border-radius: 0;
18583
+ }
18584
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__content,
18585
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18586
+ transition: inherit;
18587
+ }
18588
+ .v-bottom-navigation .v-bottom-navigation__content > .v-btn .v-btn__icon {
18589
+ font-size: 1.5rem;
18590
+ }
18591
+ .v-bottom-navigation--grow .v-bottom-navigation__content > .v-btn {
18592
+ flex-grow: 1;
18593
+ }
18594
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content > span {
18595
+ transition: inherit;
18596
+ opacity: 0;
18597
+ }
18598
+ .v-bottom-navigation--shift .v-bottom-navigation__content .v-btn:not(.v-btn--selected) .v-btn__content {
18599
+ transform: translateY(0.5rem);
18600
18600
  }/** if false, disabled buttons will be greyed out */
18601
18601
  .v-btn {
18602
18602
  align-items: center;
@@ -20844,6 +20844,35 @@ html.overflow-y-hidden {
20844
20844
  flex: 0 1 auto;
20845
20845
  font-size: 12px;
20846
20846
  transition-duration: 150ms;
20847
+ }.v-divider {
20848
+ display: block;
20849
+ flex: 1 1 100%;
20850
+ height: 0px;
20851
+ max-height: 0px;
20852
+ opacity: var(--v-border-opacity);
20853
+ transition: inherit;
20854
+ border-style: solid;
20855
+ border-width: thin 0 0 0;
20856
+ }
20857
+ .v-divider--vertical {
20858
+ align-self: stretch;
20859
+ border-width: 0 thin 0 0;
20860
+ display: inline-flex;
20861
+ height: inherit;
20862
+ margin-left: -1px;
20863
+ max-height: 100%;
20864
+ max-width: 0px;
20865
+ vertical-align: text-bottom;
20866
+ width: 0px;
20867
+ }
20868
+ .v-divider--inset:not(.v-divider--vertical) {
20869
+ max-width: calc(100% - 72px);
20870
+ margin-inline-start: 72px;
20871
+ }
20872
+ .v-divider--inset.v-divider--vertical {
20873
+ margin-bottom: 8px;
20874
+ margin-top: 8px;
20875
+ max-height: calc(100% - 16px);
20847
20876
  }.v-dialog {
20848
20877
  align-items: center;
20849
20878
  justify-content: center;
@@ -20929,35 +20958,6 @@ html.overflow-y-hidden {
20929
20958
  -webkit-backface-visibility: hidden;
20930
20959
  backface-visibility: hidden;
20931
20960
  overflow-y: auto;
20932
- }.v-divider {
20933
- display: block;
20934
- flex: 1 1 100%;
20935
- height: 0px;
20936
- max-height: 0px;
20937
- opacity: var(--v-border-opacity);
20938
- transition: inherit;
20939
- border-style: solid;
20940
- border-width: thin 0 0 0;
20941
- }
20942
- .v-divider--vertical {
20943
- align-self: stretch;
20944
- border-width: 0 thin 0 0;
20945
- display: inline-flex;
20946
- height: inherit;
20947
- margin-left: -1px;
20948
- max-height: 100%;
20949
- max-width: 0px;
20950
- vertical-align: text-bottom;
20951
- width: 0px;
20952
- }
20953
- .v-divider--inset:not(.v-divider--vertical) {
20954
- max-width: calc(100% - 72px);
20955
- margin-inline-start: 72px;
20956
- }
20957
- .v-divider--inset.v-divider--vertical {
20958
- margin-bottom: 8px;
20959
- margin-top: 8px;
20960
- max-height: calc(100% - 16px);
20961
20961
  }.v-expansion-panel {
20962
20962
  background-color: rgb(var(--v-theme-surface));
20963
20963
  color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
@@ -21727,6 +21727,87 @@ textarea.v-field__input::placeholder {
21727
21727
  }
21728
21728
  .v-footer--rounded {
21729
21729
  border-radius: 4px;
21730
+ }.v-icon {
21731
+ --v-icon-size-multiplier: 1;
21732
+ align-items: center;
21733
+ display: inline-flex;
21734
+ font-feature-settings: "liga";
21735
+ height: 1em;
21736
+ justify-content: center;
21737
+ letter-spacing: normal;
21738
+ line-height: 1;
21739
+ position: relative;
21740
+ text-indent: 0;
21741
+ text-align: center;
21742
+ -webkit-user-select: none;
21743
+ user-select: none;
21744
+ vertical-align: middle;
21745
+ width: 1em;
21746
+ }
21747
+ .v-icon--clickable {
21748
+ cursor: pointer;
21749
+ }
21750
+ .v-icon--size-x-small {
21751
+ font-size: calc(var(--v-icon-size-multiplier) * 1em);
21752
+ }
21753
+ .v-icon--size-small {
21754
+ font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
21755
+ }
21756
+ .v-icon--size-default {
21757
+ font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
21758
+ }
21759
+ .v-icon--size-large {
21760
+ font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
21761
+ }
21762
+ .v-icon--size-x-large {
21763
+ font-size: calc(var(--v-icon-size-multiplier) * 2em);
21764
+ }
21765
+
21766
+ .v-icon__svg {
21767
+ fill: currentColor;
21768
+ width: 100%;
21769
+ height: 100%;
21770
+ }
21771
+
21772
+ .v-icon--start {
21773
+ margin-inline-end: 8px;
21774
+ }
21775
+
21776
+ .v-icon--end {
21777
+ margin-inline-start: 8px;
21778
+ }.v-img {
21779
+ --v-theme-overlay-multiplier: 3;
21780
+ z-index: 0;
21781
+ }
21782
+ .v-img--booting .v-responsive__sizer {
21783
+ transition: none;
21784
+ }
21785
+
21786
+ .v-img__img,
21787
+ .v-img__picture,
21788
+ .v-img__gradient,
21789
+ .v-img__placeholder,
21790
+ .v-img__error {
21791
+ z-index: -1;
21792
+ position: absolute;
21793
+ top: 0;
21794
+ left: 0;
21795
+ width: 100%;
21796
+ height: 100%;
21797
+ }
21798
+
21799
+ .v-img__img--preload {
21800
+ filter: blur(4px);
21801
+ }
21802
+ .v-img__img--contain {
21803
+ object-fit: contain;
21804
+ }
21805
+ .v-img__img--cover {
21806
+ object-fit: cover;
21807
+ }
21808
+
21809
+ .v-img__gradient {
21810
+ background-repeat: no-repeat;
21730
21811
  }.v-input {
21731
21812
  display: grid;
21732
21813
  flex: 1 1 auto;
@@ -22450,19 +22531,6 @@ textarea.v-field__input::placeholder {
22450
22531
  --v-layout-right: 0px;
22451
22532
  --v-layout-top: 0px;
22452
22533
  --v-layout-bottom: 0px;
22453
- }.v-menu > .v-overlay__content {
22454
- display: flex;
22455
- flex-direction: column;
22456
- border-radius: 4px;
22457
- }
22458
- .v-menu > .v-overlay__content > .v-card,
22459
- .v-menu > .v-overlay__content > .v-sheet,
22460
- .v-menu > .v-overlay__content > .v-list {
22461
- background: rgb(var(--v-theme-surface));
22462
- border-radius: inherit;
22463
- overflow: auto;
22464
- height: 100%;
22465
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22466
22534
  }.v-messages {
22467
22535
  flex: 1 1 auto;
22468
22536
  font-size: 12px;
@@ -22479,6 +22547,19 @@ textarea.v-field__input::placeholder {
22479
22547
  -webkit-hyphens: auto;
22480
22548
  hyphens: auto;
22481
22549
  transition-duration: 150ms;
22550
+ }.v-menu > .v-overlay__content {
22551
+ display: flex;
22552
+ flex-direction: column;
22553
+ border-radius: 4px;
22554
+ }
22555
+ .v-menu > .v-overlay__content > .v-card,
22556
+ .v-menu > .v-overlay__content > .v-sheet,
22557
+ .v-menu > .v-overlay__content > .v-list {
22558
+ background: rgb(var(--v-theme-surface));
22559
+ border-radius: inherit;
22560
+ overflow: auto;
22561
+ height: 100%;
22562
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22482
22563
  }.v-navigation-drawer {
22483
22564
  -webkit-overflow-scrolling: touch;
22484
22565
  background: rgb(var(--v-theme-surface));
@@ -23138,30 +23219,132 @@ html.v-overlay-scroll-blocked {
23138
23219
  box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
23139
23220
  border-radius: 4px;
23140
23221
  }
23141
- .v-select__selection {
23142
- display: inline-flex;
23143
- align-items: center;
23144
- letter-spacing: inherit;
23145
- line-height: inherit;
23146
- max-width: 100%;
23222
+ .v-select__selection {
23223
+ display: inline-flex;
23224
+ align-items: center;
23225
+ letter-spacing: inherit;
23226
+ line-height: inherit;
23227
+ max-width: 100%;
23228
+ }
23229
+ .v-select .v-select__selection {
23230
+ margin-top: var(--v-input-chips-margin-top);
23231
+ margin-bottom: var(--v-input-chips-margin-bottom);
23232
+ }
23233
+ .v-select .v-select__selection:first-child {
23234
+ margin-inline-start: 0;
23235
+ }
23236
+ .v-select--selected .v-field .v-field__input > input {
23237
+ opacity: 0;
23238
+ }
23239
+ .v-select__menu-icon {
23240
+ margin-inline-start: 4px;
23241
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23242
+ }
23243
+ .v-select--active-menu .v-select__menu-icon {
23244
+ opacity: var(--v-high-emphasis-opacity);
23245
+ transform: rotate(180deg);
23246
+ }.v-selection-control {
23247
+ align-items: center;
23248
+ contain: layout;
23249
+ display: flex;
23250
+ flex: 1 0;
23251
+ grid-area: control;
23252
+ position: relative;
23253
+ -webkit-user-select: none;
23254
+ user-select: none;
23255
+ }
23256
+ .v-selection-control .v-label {
23257
+ white-space: normal;
23258
+ word-break: break-word;
23259
+ height: 100%;
23260
+ width: 100%;
23261
+ }
23262
+ .v-selection-control--disabled {
23263
+ opacity: var(--v-disabled-opacity);
23264
+ pointer-events: none;
23265
+ }
23266
+ .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
23267
+ opacity: 1;
23268
+ }
23269
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
23270
+ color: rgb(var(--v-theme-error));
23271
+ }
23272
+ .v-selection-control--inline {
23273
+ display: inline-flex;
23274
+ flex: 0 0 auto;
23275
+ min-width: 0;
23276
+ max-width: 100%;
23277
+ }
23278
+ .v-selection-control--inline .v-label {
23279
+ width: auto;
23280
+ }
23281
+ .v-selection-control--density-default {
23282
+ --v-selection-control-size: 40px;
23283
+ }
23284
+
23285
+ .v-selection-control--density-comfortable {
23286
+ --v-selection-control-size: 36px;
23287
+ }
23288
+
23289
+ .v-selection-control--density-compact {
23290
+ --v-selection-control-size: 28px;
23291
+ }
23292
+
23293
+ .v-selection-control__wrapper {
23294
+ width: var(--v-selection-control-size);
23295
+ height: var(--v-selection-control-size);
23296
+ display: inline-flex;
23297
+ align-items: center;
23298
+ position: relative;
23299
+ justify-content: center;
23300
+ flex: none;
23301
+ }
23302
+
23303
+ .v-selection-control__input {
23304
+ width: var(--v-selection-control-size);
23305
+ height: var(--v-selection-control-size);
23306
+ align-items: center;
23307
+ display: flex;
23308
+ flex: none;
23309
+ justify-content: center;
23310
+ position: relative;
23311
+ border-radius: 50%;
23312
+ }
23313
+ .v-selection-control__input input {
23314
+ cursor: pointer;
23315
+ position: absolute;
23316
+ left: 0;
23317
+ top: 0;
23318
+ width: 100%;
23319
+ height: 100%;
23320
+ opacity: 0;
23321
+ }
23322
+ .v-selection-control__input::before {
23323
+ content: "";
23324
+ position: absolute;
23325
+ top: 0;
23326
+ left: 0;
23327
+ width: 100%;
23328
+ height: 100%;
23329
+ border-radius: 100%;
23330
+ background-color: currentColor;
23331
+ opacity: 0;
23332
+ pointer-events: none;
23147
23333
  }
23148
- .v-select .v-select__selection {
23149
- margin-top: var(--v-input-chips-margin-top);
23150
- margin-bottom: var(--v-input-chips-margin-bottom);
23334
+ .v-selection-control__input:hover::before {
23335
+ opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
23151
23336
  }
23152
- .v-select .v-select__selection:first-child {
23153
- margin-inline-start: 0;
23337
+ .v-selection-control__input > .v-icon {
23338
+ opacity: var(--v-medium-emphasis-opacity);
23154
23339
  }
23155
- .v-select--selected .v-field .v-field__input > input {
23156
- opacity: 0;
23340
+ .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 {
23341
+ opacity: 1;
23157
23342
  }
23158
- .v-select__menu-icon {
23159
- margin-inline-start: 4px;
23160
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
23343
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
23344
+ color: rgb(var(--v-theme-error));
23161
23345
  }
23162
- .v-select--active-menu .v-select__menu-icon {
23163
- opacity: var(--v-high-emphasis-opacity);
23164
- transform: rotate(180deg);
23346
+ .v-selection-control--focus-visible .v-selection-control__input::before {
23347
+ opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
23165
23348
  }.v-selection-control-group {
23166
23349
  grid-area: control;
23167
23350
  display: flex;
@@ -24513,189 +24696,27 @@ html.v-overlay-scroll-blocked {
24513
24696
  }
24514
24697
  .v-window-y-reverse-transition-leave-to {
24515
24698
  transform: translateY(100%);
24516
- }.v-icon {
24517
- --v-icon-size-multiplier: 1;
24518
- align-items: center;
24519
- display: inline-flex;
24520
- font-feature-settings: "liga";
24521
- height: 1em;
24522
- justify-content: center;
24523
- letter-spacing: normal;
24524
- line-height: 1;
24525
- position: relative;
24526
- text-indent: 0;
24527
- text-align: center;
24528
- -webkit-user-select: none;
24529
- user-select: none;
24530
- vertical-align: middle;
24531
- width: 1em;
24532
- }
24533
- .v-icon--clickable {
24534
- cursor: pointer;
24535
- }
24536
- .v-icon--size-x-small {
24537
- font-size: calc(var(--v-icon-size-multiplier) * 1em);
24538
- }
24539
- .v-icon--size-small {
24540
- font-size: calc(var(--v-icon-size-multiplier) * 1.25em);
24541
- }
24542
- .v-icon--size-default {
24543
- font-size: calc(var(--v-icon-size-multiplier) * 1.5em);
24544
- }
24545
- .v-icon--size-large {
24546
- font-size: calc(var(--v-icon-size-multiplier) * 1.75em);
24547
- }
24548
- .v-icon--size-x-large {
24549
- font-size: calc(var(--v-icon-size-multiplier) * 2em);
24550
- }
24551
-
24552
- .v-icon__svg {
24553
- fill: currentColor;
24554
- width: 100%;
24555
- height: 100%;
24556
- }
24557
-
24558
- .v-icon--start {
24559
- margin-inline-end: 8px;
24560
- }
24561
-
24562
- .v-icon--end {
24563
- margin-inline-start: 8px;
24564
- }.v-selection-control {
24565
- align-items: center;
24566
- contain: layout;
24567
- display: flex;
24568
- flex: 1 0;
24569
- grid-area: control;
24570
- position: relative;
24571
- -webkit-user-select: none;
24572
- user-select: none;
24573
- }
24574
- .v-selection-control .v-label {
24575
- white-space: normal;
24576
- word-break: break-word;
24577
- height: 100%;
24578
- width: 100%;
24579
- }
24580
- .v-selection-control--disabled {
24581
- opacity: var(--v-disabled-opacity);
24582
- pointer-events: none;
24583
- }
24584
- .v-selection-control--error .v-label, .v-selection-control--disabled .v-label {
24585
- opacity: 1;
24586
- }
24587
- .v-selection-control--error:not(.v-selection-control--disabled) .v-label {
24588
- color: rgb(var(--v-theme-error));
24589
- }
24590
- .v-selection-control--inline {
24591
- display: inline-flex;
24592
- flex: 0 0 auto;
24593
- min-width: 0;
24594
- max-width: 100%;
24595
- }
24596
- .v-selection-control--inline .v-label {
24597
- width: auto;
24598
- }
24599
- .v-selection-control--density-default {
24600
- --v-selection-control-size: 40px;
24601
- }
24602
-
24603
- .v-selection-control--density-comfortable {
24604
- --v-selection-control-size: 36px;
24605
- }
24606
-
24607
- .v-selection-control--density-compact {
24608
- --v-selection-control-size: 28px;
24609
- }
24610
-
24611
- .v-selection-control__wrapper {
24612
- width: var(--v-selection-control-size);
24613
- height: var(--v-selection-control-size);
24614
- display: inline-flex;
24615
- align-items: center;
24616
- position: relative;
24617
- justify-content: center;
24618
- flex: none;
24619
- }
24620
-
24621
- .v-selection-control__input {
24622
- width: var(--v-selection-control-size);
24623
- height: var(--v-selection-control-size);
24624
- align-items: center;
24699
+ }.v-color-picker-canvas {
24625
24700
  display: flex;
24626
- flex: none;
24627
- justify-content: center;
24628
24701
  position: relative;
24629
- border-radius: 50%;
24630
- }
24631
- .v-selection-control__input input {
24632
- cursor: pointer;
24633
- position: absolute;
24634
- left: 0;
24635
- top: 0;
24636
- width: 100%;
24637
- height: 100%;
24638
- opacity: 0;
24639
- }
24640
- .v-selection-control__input::before {
24641
- content: "";
24642
- position: absolute;
24643
- top: 0;
24644
- left: 0;
24645
- width: 100%;
24646
- height: 100%;
24647
- border-radius: 100%;
24648
- background-color: currentColor;
24649
- opacity: 0;
24650
- pointer-events: none;
24651
- }
24652
- .v-selection-control__input:hover::before {
24653
- opacity: calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier));
24654
- }
24655
- .v-selection-control__input > .v-icon {
24656
- opacity: var(--v-medium-emphasis-opacity);
24657
- }
24658
- .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 {
24659
- opacity: 1;
24660
- }
24661
- .v-selection-control--error:not(.v-selection-control--disabled) .v-selection-control__input > .v-icon {
24662
- color: rgb(var(--v-theme-error));
24663
- }
24664
- .v-selection-control--focus-visible .v-selection-control__input::before {
24665
- opacity: calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier));
24666
- }.v-img {
24667
- --v-theme-overlay-multiplier: 3;
24668
- z-index: 0;
24669
- }
24670
- .v-img--booting .v-responsive__sizer {
24671
- transition: none;
24702
+ overflow: hidden;
24703
+ contain: content;
24672
24704
  }
24673
-
24674
- .v-img__img,
24675
- .v-img__picture,
24676
- .v-img__gradient,
24677
- .v-img__placeholder,
24678
- .v-img__error {
24679
- z-index: -1;
24705
+ .v-color-picker-canvas__dot {
24680
24706
  position: absolute;
24681
24707
  top: 0;
24682
24708
  left: 0;
24683
- width: 100%;
24684
- height: 100%;
24685
- }
24686
-
24687
- .v-img__img--preload {
24688
- filter: blur(4px);
24689
- }
24690
- .v-img__img--contain {
24691
- object-fit: contain;
24709
+ width: 15px;
24710
+ height: 15px;
24711
+ background: transparent;
24712
+ border-radius: 50%;
24713
+ box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24692
24714
  }
24693
- .v-img__img--cover {
24694
- object-fit: cover;
24715
+ .v-color-picker-canvas__dot--disabled {
24716
+ box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24695
24717
  }
24696
-
24697
- .v-img__gradient {
24698
- background-repeat: no-repeat;
24718
+ .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24719
+ will-change: transform;
24699
24720
  }.v-color-picker-edit {
24700
24721
  display: flex;
24701
24722
  margin-top: 24px;
@@ -24727,27 +24748,6 @@ html.v-overlay-scroll-blocked {
24727
24748
  }
24728
24749
  .v-color-picker-edit__input span {
24729
24750
  font-size: 0.75rem;
24730
- }.v-color-picker-canvas {
24731
- display: flex;
24732
- position: relative;
24733
- overflow: hidden;
24734
- contain: content;
24735
- }
24736
- .v-color-picker-canvas__dot {
24737
- position: absolute;
24738
- top: 0;
24739
- left: 0;
24740
- width: 15px;
24741
- height: 15px;
24742
- background: transparent;
24743
- border-radius: 50%;
24744
- box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24745
- }
24746
- .v-color-picker-canvas__dot--disabled {
24747
- box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
24748
- }
24749
- .v-color-picker-canvas:hover .v-color-picker-canvas__dot {
24750
- will-change: transform;
24751
24751
  }.v-color-picker-preview__alpha .v-slider-track__background {
24752
24752
  background-color: transparent !important;
24753
24753
  }