@vuetify/nightly 3.1.13 → 3.1.14-master-20230407.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/dist/json/attributes.json +24 -4
  3. package/dist/json/importMap.json +40 -40
  4. package/dist/json/tags.json +5 -0
  5. package/dist/json/web-types.json +83 -38
  6. package/dist/vuetify-labs.css +15 -10
  7. package/dist/vuetify-labs.d.ts +140 -84
  8. package/dist/vuetify-labs.esm.js +29 -24
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +29 -24
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +415 -410
  13. package/dist/vuetify.d.ts +41 -11
  14. package/dist/vuetify.esm.js +13 -9
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +13 -9
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +9 -8
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/index.d.ts +6 -0
  22. package/lib/components/VCombobox/index.d.ts +6 -0
  23. package/lib/components/VProgressCircular/VProgressCircular.css +3 -1
  24. package/lib/components/VProgressCircular/VProgressCircular.sass +3 -1
  25. package/lib/components/VProgressCircular/_variables.scss +1 -0
  26. package/lib/components/VProgressLinear/VProgressLinear.css +5 -2
  27. package/lib/components/VProgressLinear/VProgressLinear.sass +3 -0
  28. package/lib/components/VProgressLinear/_variables.scss +1 -1
  29. package/lib/components/VSelect/index.d.ts +6 -0
  30. package/lib/components/VTextField/VTextField.mjs +2 -1
  31. package/lib/components/VTextField/VTextField.mjs.map +1 -1
  32. package/lib/components/VTextField/index.d.ts +6 -0
  33. package/lib/components/VTextarea/VTextarea.mjs +8 -5
  34. package/lib/components/VTextarea/VTextarea.mjs.map +1 -1
  35. package/lib/components/VTextarea/index.d.ts +6 -0
  36. package/lib/components/index.d.ts +30 -0
  37. package/lib/entry-bundler.mjs +1 -1
  38. package/lib/entry-bundler.mjs.map +1 -1
  39. package/lib/framework.mjs +1 -1
  40. package/lib/framework.mjs.map +1 -1
  41. package/lib/index.d.ts +11 -11
  42. package/lib/labs/VDataTable/VDataTable.mjs +4 -4
  43. package/lib/labs/VDataTable/VDataTable.mjs.map +1 -1
  44. package/lib/labs/VDataTable/VDataTableRows.mjs +5 -7
  45. package/lib/labs/VDataTable/VDataTableRows.mjs.map +1 -1
  46. package/lib/labs/VDataTable/VDataTableServer.mjs +3 -2
  47. package/lib/labs/VDataTable/VDataTableServer.mjs.map +1 -1
  48. package/lib/labs/VDataTable/VDataTableVirtual.mjs +4 -2
  49. package/lib/labs/VDataTable/VDataTableVirtual.mjs.map +1 -1
  50. package/lib/labs/VDataTable/index.d.ts +110 -84
  51. package/lib/labs/components.d.ts +110 -84
  52. package/package.json +2 -2
package/dist/vuetify.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vuetify v3.1.13
2
+ * Vuetify v3.1.14-master-20230407.0
3
3
  * Forged by John Leider
4
4
  * Released under the MIT License.
5
5
  */
@@ -16040,6 +16040,89 @@ html.overflow-y-hidden {
16040
16040
  text-transform: none;
16041
16041
  word-break: normal;
16042
16042
  word-wrap: break-word;
16043
+ }.v-input--density-default {
16044
+ --autocomplete-chips-margin-bottom: 0px;
16045
+ }
16046
+
16047
+ .v-input--density-comfortable {
16048
+ --autocomplete-chips-margin-bottom: 2px;
16049
+ }
16050
+
16051
+ .v-input--density-compact {
16052
+ --autocomplete-chips-margin-bottom: 4px;
16053
+ }
16054
+
16055
+ .v-autocomplete .v-field .v-text-field__prefix,
16056
+ .v-autocomplete .v-field .v-text-field__suffix,
16057
+ .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
16058
+ cursor: text;
16059
+ }
16060
+ .v-autocomplete .v-field .v-field__input > input {
16061
+ align-self: flex-start;
16062
+ flex: 1 1;
16063
+ }
16064
+ .v-autocomplete .v-field .v-field__append-inner > .v-icon {
16065
+ margin-inline-start: 4px;
16066
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16067
+ }
16068
+ .v-autocomplete .v-field:not(.v-field--focused) input {
16069
+ min-width: 0;
16070
+ }
16071
+ .v-autocomplete .v-field--dirty .v-autocomplete__selection {
16072
+ margin-inline-end: 2px;
16073
+ }
16074
+ .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
16075
+ overflow: hidden;
16076
+ text-overflow: ellipsis;
16077
+ white-space: nowrap;
16078
+ }
16079
+
16080
+ .v-autocomplete__content {
16081
+ overflow: hidden;
16082
+ 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));
16083
+ border-radius: 4px;
16084
+ }
16085
+ .v-autocomplete__mask {
16086
+ background: rgb(var(--v-theme-on-surface-variant));
16087
+ }
16088
+ .v-autocomplete__selection {
16089
+ display: inline-flex;
16090
+ letter-spacing: inherit;
16091
+ line-height: inherit;
16092
+ max-width: 100%;
16093
+ }
16094
+ .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
16095
+ opacity: var(--v-high-emphasis-opacity);
16096
+ transform: rotate(180deg);
16097
+ }
16098
+ .v-autocomplete--chips .v-autocomplete__selection {
16099
+ margin-top: 2px;
16100
+ margin-bottom: var(--autocomplete-chips-margin-bottom);
16101
+ }
16102
+ .v-autocomplete--chips .v-autocomplete__selection:first-child {
16103
+ margin-inline-start: 0;
16104
+ }
16105
+ .v-autocomplete--single.v-text-field input {
16106
+ flex: 1 1;
16107
+ position: absolute;
16108
+ left: 0;
16109
+ right: 0;
16110
+ width: 100%;
16111
+ padding-inline-start: inherit;
16112
+ padding-inline-end: inherit;
16113
+ }
16114
+ .v-autocomplete--single .v-field--active input {
16115
+ transition: none;
16116
+ }
16117
+ .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
16118
+ opacity: 0;
16119
+ }
16120
+ .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
16121
+ opacity: 0;
16122
+ }
16123
+ .v-autocomplete--selection-slot.v-text-field input {
16124
+ position: relative;
16125
+ padding-inline-start: 0;
16043
16126
  }.v-avatar {
16044
16127
  flex: none;
16045
16128
  align-items: center;
@@ -16127,89 +16210,6 @@ html.overflow-y-hidden {
16127
16210
  .v-avatar .v-img {
16128
16211
  height: 100%;
16129
16212
  width: 100%;
16130
- }.v-input--density-default {
16131
- --autocomplete-chips-margin-bottom: 0px;
16132
- }
16133
-
16134
- .v-input--density-comfortable {
16135
- --autocomplete-chips-margin-bottom: 2px;
16136
- }
16137
-
16138
- .v-input--density-compact {
16139
- --autocomplete-chips-margin-bottom: 4px;
16140
- }
16141
-
16142
- .v-autocomplete .v-field .v-text-field__prefix,
16143
- .v-autocomplete .v-field .v-text-field__suffix,
16144
- .v-autocomplete .v-field .v-field__input, .v-autocomplete .v-field.v-field {
16145
- cursor: text;
16146
- }
16147
- .v-autocomplete .v-field .v-field__input > input {
16148
- align-self: flex-start;
16149
- flex: 1 1;
16150
- }
16151
- .v-autocomplete .v-field .v-field__append-inner > .v-icon {
16152
- margin-inline-start: 4px;
16153
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
16154
- }
16155
- .v-autocomplete .v-field:not(.v-field--focused) input {
16156
- min-width: 0;
16157
- }
16158
- .v-autocomplete .v-field--dirty .v-autocomplete__selection {
16159
- margin-inline-end: 2px;
16160
- }
16161
- .v-autocomplete .v-field--single-line .v-autocomplete__selection-text {
16162
- overflow: hidden;
16163
- text-overflow: ellipsis;
16164
- white-space: nowrap;
16165
- }
16166
-
16167
- .v-autocomplete__content {
16168
- overflow: hidden;
16169
- 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));
16170
- border-radius: 4px;
16171
- }
16172
- .v-autocomplete__mask {
16173
- background: rgb(var(--v-theme-on-surface-variant));
16174
- }
16175
- .v-autocomplete__selection {
16176
- display: inline-flex;
16177
- letter-spacing: inherit;
16178
- line-height: inherit;
16179
- max-width: 100%;
16180
- }
16181
- .v-autocomplete--active-menu .v-field__append-inner > .v-icon {
16182
- opacity: var(--v-high-emphasis-opacity);
16183
- transform: rotate(180deg);
16184
- }
16185
- .v-autocomplete--chips .v-autocomplete__selection {
16186
- margin-top: 2px;
16187
- margin-bottom: var(--autocomplete-chips-margin-bottom);
16188
- }
16189
- .v-autocomplete--chips .v-autocomplete__selection:first-child {
16190
- margin-inline-start: 0;
16191
- }
16192
- .v-autocomplete--single.v-text-field input {
16193
- flex: 1 1;
16194
- position: absolute;
16195
- left: 0;
16196
- right: 0;
16197
- width: 100%;
16198
- padding-inline-start: inherit;
16199
- padding-inline-end: inherit;
16200
- }
16201
- .v-autocomplete--single .v-field--active input {
16202
- transition: none;
16203
- }
16204
- .v-autocomplete--single .v-field--dirty:not(.v-field--focused) input {
16205
- opacity: 0;
16206
- }
16207
- .v-autocomplete--single .v-field--focused .v-autocomplete__selection-text {
16208
- opacity: 0;
16209
- }
16210
- .v-autocomplete--selection-slot.v-text-field input {
16211
- position: relative;
16212
- padding-inline-start: 0;
16213
16213
  }.v-badge {
16214
16214
  display: inline-block;
16215
16215
  line-height: 1;
@@ -20560,10 +20560,12 @@ html.v-overlay-scroll-blocked {
20560
20560
  transition: all 0.2s ease-in-out;
20561
20561
  }
20562
20562
  .v-progress-circular--indeterminate .v-progress-circular__overlay {
20563
- animation: progress-circular-dash 1.4s ease-in-out infinite;
20563
+ animation: progress-circular-dash 1.4s ease-in-out infinite, progress-circular-rotate 1.4s linear infinite;
20564
20564
  stroke-dasharray: 25, 200;
20565
20565
  stroke-dashoffset: 0;
20566
20566
  stroke-linecap: round;
20567
+ transform-origin: center center;
20568
+ transform: rotate(-90deg);
20567
20569
  }
20568
20570
 
20569
20571
  .v-progress-circular--disable-shrink > svg {
@@ -20603,6 +20605,9 @@ html.v-overlay-scroll-blocked {
20603
20605
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
20604
20606
  width: 100%;
20605
20607
  }
20608
+ .v-progress-linear--rounded {
20609
+ border-radius: 9999px;
20610
+ }
20606
20611
 
20607
20612
  .v-progress-linear__background {
20608
20613
  background: currentColor;
@@ -20707,7 +20712,7 @@ html.v-overlay-scroll-blocked {
20707
20712
  }
20708
20713
 
20709
20714
  .v-progress-linear--rounded {
20710
- border-radius: 4px;
20715
+ border-radius: 9999px;
20711
20716
  }
20712
20717
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
20713
20718
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
@@ -20731,7 +20736,7 @@ html.v-overlay-scroll-blocked {
20731
20736
  .v-progress-linear--rounded-bar .v-progress-linear__determinate,
20732
20737
  .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
20733
20738
  .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
20734
- border-radius: 4px;
20739
+ border-radius: 9999px;
20735
20740
  }
20736
20741
  .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
20737
20742
  border-top-left-radius: 0;
@@ -21188,6 +21193,85 @@ html.v-overlay-scroll-blocked {
21188
21193
  .v-slide-group--vertical .v-slide-group__container,
21189
21194
  .v-slide-group--vertical .v-slide-group__content {
21190
21195
  flex-direction: column;
21196
+ }.v-switch .v-label {
21197
+ padding-inline-start: 10px;
21198
+ }
21199
+
21200
+ .v-switch__loader {
21201
+ display: flex;
21202
+ }
21203
+
21204
+ .v-switch__track,
21205
+ .v-switch__thumb {
21206
+ background-color: currentColor;
21207
+ transition: none;
21208
+ }
21209
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
21210
+ .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
21211
+ background-color: rgb(var(--v-theme-error));
21212
+ }
21213
+
21214
+ .v-selection-control--dirty .v-switch__thumb {
21215
+ color: currentColor;
21216
+ }
21217
+
21218
+ .v-switch__track {
21219
+ border-radius: 8px;
21220
+ height: 14px;
21221
+ opacity: 0.6;
21222
+ width: 36px;
21223
+ cursor: pointer;
21224
+ }
21225
+ .v-switch--inset .v-switch__track {
21226
+ border-radius: 14px;
21227
+ height: 28px;
21228
+ width: 48px;
21229
+ }
21230
+
21231
+ .v-switch__thumb {
21232
+ align-items: center;
21233
+ border-radius: 50%;
21234
+ color: rgb(var(--v-theme-surface));
21235
+ display: flex;
21236
+ height: 20px;
21237
+ justify-content: center;
21238
+ width: 20px;
21239
+ pointer-events: none;
21240
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21241
+ 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));
21242
+ }
21243
+ .v-switch--inset .v-switch__thumb {
21244
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21245
+ }
21246
+ .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
21247
+ display: none;
21248
+ }
21249
+
21250
+ .v-switch--loading .v-selection-control__input > .v-icon {
21251
+ display: none;
21252
+ }
21253
+
21254
+ .v-switch .v-selection-control {
21255
+ min-height: var(--v-input-control-height);
21256
+ }
21257
+ .v-switch .v-selection-control__wrapper {
21258
+ width: auto;
21259
+ }
21260
+ .v-switch .v-selection-control__input {
21261
+ border-radius: 50%;
21262
+ transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21263
+ transform: translateX(-10px);
21264
+ position: absolute;
21265
+ }
21266
+ .v-switch .v-selection-control--dirty .v-selection-control__input {
21267
+ transform: translateX(10px);
21268
+ }
21269
+ .v-switch.v-switch--indeterminate .v-selection-control__input {
21270
+ transform: scale(0.8);
21271
+ }
21272
+ .v-switch.v-switch--indeterminate .v-switch__thumb {
21273
+ transform: scale(0.75);
21274
+ box-shadow: none;
21191
21275
  }.v-snackbar {
21192
21276
  justify-content: center;
21193
21277
  z-index: 10000;
@@ -21298,85 +21382,6 @@ html.v-overlay-scroll-blocked {
21298
21382
  }
21299
21383
  .v-snackbar-transition-leave-to {
21300
21384
  opacity: 0;
21301
- }.v-switch .v-label {
21302
- padding-inline-start: 10px;
21303
- }
21304
-
21305
- .v-switch__loader {
21306
- display: flex;
21307
- }
21308
-
21309
- .v-switch__track,
21310
- .v-switch__thumb {
21311
- background-color: currentColor;
21312
- transition: none;
21313
- }
21314
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__track,
21315
- .v-selection-control--error:not(.v-selection-control--disabled) .v-switch__thumb {
21316
- background-color: rgb(var(--v-theme-error));
21317
- }
21318
-
21319
- .v-selection-control--dirty .v-switch__thumb {
21320
- color: currentColor;
21321
- }
21322
-
21323
- .v-switch__track {
21324
- border-radius: 8px;
21325
- height: 14px;
21326
- opacity: 0.6;
21327
- width: 36px;
21328
- cursor: pointer;
21329
- }
21330
- .v-switch--inset .v-switch__track {
21331
- border-radius: 14px;
21332
- height: 28px;
21333
- width: 48px;
21334
- }
21335
-
21336
- .v-switch__thumb {
21337
- align-items: center;
21338
- border-radius: 50%;
21339
- color: rgb(var(--v-theme-surface));
21340
- display: flex;
21341
- height: 20px;
21342
- justify-content: center;
21343
- width: 20px;
21344
- pointer-events: none;
21345
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21346
- 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));
21347
- }
21348
- .v-switch--inset .v-switch__thumb {
21349
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21350
- }
21351
- .v-switch:not(.v-switch--loading) .v-icon ~ .v-switch__thumb {
21352
- display: none;
21353
- }
21354
-
21355
- .v-switch--loading .v-selection-control__input > .v-icon {
21356
- display: none;
21357
- }
21358
-
21359
- .v-switch .v-selection-control {
21360
- min-height: var(--v-input-control-height);
21361
- }
21362
- .v-switch .v-selection-control__wrapper {
21363
- width: auto;
21364
- }
21365
- .v-switch .v-selection-control__input {
21366
- border-radius: 50%;
21367
- transition: 0.15s transform cubic-bezier(0.4, 0, 0.2, 1);
21368
- transform: translateX(-10px);
21369
- position: absolute;
21370
- }
21371
- .v-switch .v-selection-control--dirty .v-selection-control__input {
21372
- transform: translateX(10px);
21373
- }
21374
- .v-switch.v-switch--indeterminate .v-selection-control__input {
21375
- transform: scale(0.8);
21376
- }
21377
- .v-switch.v-switch--indeterminate .v-switch__thumb {
21378
- transform: scale(0.75);
21379
- box-shadow: none;
21380
21385
  }.v-system-bar {
21381
21386
  align-items: center;
21382
21387
  display: flex;
@@ -21719,256 +21724,36 @@ html.v-overlay-scroll-blocked {
21719
21724
  .v-text-field__prefix, .v-text-field__suffix {
21720
21725
  align-items: center;
21721
21726
  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
21722
- cursor: default;
21723
- display: flex;
21724
- opacity: 0;
21725
- transition: inherit;
21726
- white-space: nowrap;
21727
- padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
21728
- padding-bottom: var(--v-field-padding-bottom, 6px);
21729
- }
21730
- .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
21731
- opacity: 1;
21732
- }
21733
- .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
21734
- color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
21735
- }
21736
- .v-text-field__prefix {
21737
- padding-inline-start: var(--v-field-padding-start);
21738
- }
21739
- .v-text-field__suffix {
21740
- padding-inline-end: var(--v-field-padding-end);
21741
- }
21742
-
21743
- /* endregion */
21744
- /* region MODIFIERS */
21745
- .v-text-field--flush-details .v-input__details {
21746
- padding: 0;
21747
- }
21748
-
21749
- /* endregion */.v-theme-provider {
21750
- background: rgb(var(--v-theme-background));
21751
- color: rgb(var(--v-theme-on-background));
21752
- }.v-toolbar {
21753
- align-items: flex-start;
21754
- display: flex;
21755
- flex: none;
21756
- flex-direction: column;
21757
- justify-content: space-between;
21758
- max-width: 100%;
21759
- overflow: hidden;
21760
- position: relative;
21761
- transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
21762
- transition-property: height, width, transform, max-width, left, right, top, bottom;
21763
- width: 100%;
21764
- border-color: rgba(var(--v-border-color), var(--v-border-opacity));
21765
- border-style: solid;
21766
- border-width: 0;
21767
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21768
- border-radius: 0;
21769
- background: rgb(var(--v-theme-on-surface-variant));
21770
- color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
21771
- }
21772
- .v-toolbar--border {
21773
- border-width: thin;
21774
- box-shadow: none;
21775
- }
21776
- .v-toolbar--absolute {
21777
- position: absolute;
21778
- }
21779
- .v-toolbar--collapse {
21780
- max-width: 112px;
21781
- overflow: hidden;
21782
- }
21783
- .v-toolbar--collapse .v-toolbar-title {
21784
- display: none;
21785
- }
21786
- .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
21787
- border-bottom-right-radius: 24px;
21788
- }
21789
- .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
21790
- border-bottom-left-radius: 24px;
21791
- }
21792
- .v-toolbar--flat {
21793
- 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
21794
- }
21795
- .v-toolbar--floating {
21796
- display: inline-flex;
21797
- }
21798
- .v-toolbar--rounded {
21799
- border-radius: 4px;
21800
- }
21801
-
21802
- .v-toolbar__content,
21803
- .v-toolbar__extension {
21804
- align-items: center;
21805
- display: flex;
21806
- flex: 0 0 auto;
21807
- position: relative;
21808
- transition: inherit;
21809
- width: 100%;
21810
- }
21811
-
21812
- .v-toolbar__content > .v-btn:first-child {
21813
- margin-inline-start: 10px;
21814
- }
21815
- .v-toolbar__content > .v-btn:last-child {
21816
- margin-inline-end: 10px;
21817
- }
21818
- .v-toolbar__content > .v-toolbar-title {
21819
- margin-inline-start: 16px;
21820
- }
21821
- .v-toolbar--density-prominent .v-toolbar__content {
21822
- align-items: flex-start;
21823
- }
21824
-
21825
- .v-toolbar__image {
21826
- position: absolute;
21827
- top: 0;
21828
- left: 0;
21829
- width: 100%;
21830
- height: 100%;
21831
- display: flex;
21832
- }
21833
-
21834
- .v-toolbar__prepend,
21835
- .v-toolbar__append {
21836
- align-items: center;
21837
- display: flex;
21838
- }
21839
-
21840
- .v-toolbar__prepend {
21841
- margin-inline-start: 10px;
21842
- margin-inline-end: auto;
21843
- }
21844
-
21845
- .v-toolbar__append {
21846
- margin-inline-start: auto;
21847
- margin-inline-end: 10px;
21848
- }
21849
-
21850
- .v-toolbar-title {
21851
- flex: 1 1;
21852
- font-size: 1.25rem;
21853
- min-width: 0;
21854
- font-size: 1.25rem;
21855
- font-weight: 400;
21856
- letter-spacing: 0;
21857
- line-height: 1.75rem;
21858
- text-transform: none;
21859
- }
21860
- .v-toolbar--density-prominent .v-toolbar-title {
21861
- align-self: flex-end;
21862
- padding-bottom: 6px;
21863
- font-size: 1.5rem;
21864
- font-weight: 400;
21865
- letter-spacing: 0;
21866
- line-height: 2.25rem;
21867
- text-transform: none;
21868
- }
21869
-
21870
- .v-toolbar-title__placeholder {
21871
- overflow: hidden;
21872
- text-overflow: ellipsis;
21873
- white-space: nowrap;
21874
- }
21875
-
21876
- .v-toolbar-items {
21877
- display: flex;
21878
- height: inherit;
21879
- }
21880
- .v-toolbar-items > .v-btn {
21881
- border-radius: 0;
21882
- }.v-tooltip > .v-overlay__content {
21883
- background: rgba(var(--v-theme-surface-variant), 0.7);
21884
- color: rgb(var(--v-theme-on-surface-variant));
21885
- border-radius: 4px;
21886
- font-size: 0.875rem;
21887
- line-height: 1.6;
21888
- display: inline-block;
21889
- padding: 5px 16px;
21890
- text-transform: initial;
21891
- width: auto;
21892
- opacity: 1;
21893
- pointer-events: none;
21894
- transition-property: opacity, transform;
21895
- }
21896
- .v-tooltip > .v-overlay__content[class*=enter-active] {
21897
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
21898
- transition-duration: 150ms;
21899
- }
21900
- .v-tooltip > .v-overlay__content[class*=leave-active] {
21901
- transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
21902
- transition-duration: 75ms;
21903
- }.v-window {
21904
- overflow: hidden;
21905
- }
21906
- .v-window__container {
21907
- display: flex;
21908
- flex-direction: column;
21909
- height: inherit;
21910
- position: relative;
21911
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
21912
- }
21913
- .v-window__controls {
21914
- position: absolute;
21915
- left: 0;
21916
- top: 0;
21917
- width: 100%;
21918
- height: 100%;
21919
- display: flex;
21920
- align-items: center;
21921
- justify-content: space-between;
21922
- padding: 0 16px;
21923
- pointer-events: none;
21924
- }
21925
- .v-window__controls * {
21926
- pointer-events: auto;
21927
- }
21928
- .v-window--show-arrows-on-hover {
21929
- overflow: hidden;
21930
- }
21931
- .v-window--show-arrows-on-hover .v-window__left {
21932
- transform: translateX(-200%);
21933
- }
21934
- .v-window--show-arrows-on-hover .v-window__right {
21935
- transform: translateX(200%);
21936
- }
21937
- .v-window--show-arrows-on-hover:hover .v-window__left,
21938
- .v-window--show-arrows-on-hover:hover .v-window__right {
21939
- transform: translateX(0);
21940
- }
21941
- .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
21942
- transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
21943
- }
21944
- .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
21945
- position: absolute !important;
21946
- top: 0;
21947
- width: 100%;
21948
- }
21949
- .v-window-x-transition-enter-from {
21950
- transform: translateX(100%);
21951
- }
21952
- .v-window-x-transition-leave-to {
21953
- transform: translateX(-100%);
21727
+ cursor: default;
21728
+ display: flex;
21729
+ opacity: 0;
21730
+ transition: inherit;
21731
+ white-space: nowrap;
21732
+ padding-top: calc(var(--v-field-padding-top, 4px) + var(--v-input-padding-top, 0));
21733
+ padding-bottom: var(--v-field-padding-bottom, 6px);
21954
21734
  }
21955
- .v-window-x-reverse-transition-enter-from {
21956
- transform: translateX(-100%);
21735
+ .v-field--active .v-text-field__prefix, .v-field--active .v-text-field__suffix {
21736
+ opacity: 1;
21957
21737
  }
21958
- .v-window-x-reverse-transition-leave-to {
21959
- transform: translateX(100%);
21738
+ .v-field--disabled .v-text-field__prefix, .v-field--disabled .v-text-field__suffix {
21739
+ color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
21960
21740
  }
21961
- .v-window-y-transition-enter-from {
21962
- transform: translateY(100%);
21741
+ .v-text-field__prefix {
21742
+ padding-inline-start: var(--v-field-padding-start);
21963
21743
  }
21964
- .v-window-y-transition-leave-to {
21965
- transform: translateY(-100%);
21744
+ .v-text-field__suffix {
21745
+ padding-inline-end: var(--v-field-padding-end);
21966
21746
  }
21967
- .v-window-y-reverse-transition-enter-from {
21968
- transform: translateY(-100%);
21747
+
21748
+ /* endregion */
21749
+ /* region MODIFIERS */
21750
+ .v-text-field--flush-details .v-input__details {
21751
+ padding: 0;
21969
21752
  }
21970
- .v-window-y-reverse-transition-leave-to {
21971
- transform: translateY(100%);
21753
+
21754
+ /* endregion */.v-theme-provider {
21755
+ background: rgb(var(--v-theme-background));
21756
+ color: rgb(var(--v-theme-on-background));
21972
21757
  }.v-timeline .v-timeline-divider__dot {
21973
21758
  background: rgb(var(--v-theme-on-surface-variant));
21974
21759
  }
@@ -22414,6 +22199,226 @@ html.v-overlay-scroll-blocked {
22414
22199
 
22415
22200
  .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-divider, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__body, .v-timeline--horizontal.v-timeline--truncate-line-end .v-timeline-item:last-child .v-timeline-item__opposite {
22416
22201
  padding-inline-end: 0;
22202
+ }.v-toolbar {
22203
+ align-items: flex-start;
22204
+ display: flex;
22205
+ flex: none;
22206
+ flex-direction: column;
22207
+ justify-content: space-between;
22208
+ max-width: 100%;
22209
+ overflow: hidden;
22210
+ position: relative;
22211
+ transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
22212
+ transition-property: height, width, transform, max-width, left, right, top, bottom;
22213
+ width: 100%;
22214
+ border-color: rgba(var(--v-border-color), var(--v-border-opacity));
22215
+ border-style: solid;
22216
+ border-width: 0;
22217
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22218
+ border-radius: 0;
22219
+ background: rgb(var(--v-theme-on-surface-variant));
22220
+ color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
22221
+ }
22222
+ .v-toolbar--border {
22223
+ border-width: thin;
22224
+ box-shadow: none;
22225
+ }
22226
+ .v-toolbar--absolute {
22227
+ position: absolute;
22228
+ }
22229
+ .v-toolbar--collapse {
22230
+ max-width: 112px;
22231
+ overflow: hidden;
22232
+ }
22233
+ .v-toolbar--collapse .v-toolbar-title {
22234
+ display: none;
22235
+ }
22236
+ .v-toolbar--collapse.v-locale--is-ltr, .v-locale--is-ltr .v-toolbar--collapse {
22237
+ border-bottom-right-radius: 24px;
22238
+ }
22239
+ .v-toolbar--collapse.v-locale--is-rtl, .v-locale--is-rtl .v-toolbar--collapse {
22240
+ border-bottom-left-radius: 24px;
22241
+ }
22242
+ .v-toolbar--flat {
22243
+ 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-penumbra-opacity, rgba(0, 0, 0, 0.12));
22244
+ }
22245
+ .v-toolbar--floating {
22246
+ display: inline-flex;
22247
+ }
22248
+ .v-toolbar--rounded {
22249
+ border-radius: 4px;
22250
+ }
22251
+
22252
+ .v-toolbar__content,
22253
+ .v-toolbar__extension {
22254
+ align-items: center;
22255
+ display: flex;
22256
+ flex: 0 0 auto;
22257
+ position: relative;
22258
+ transition: inherit;
22259
+ width: 100%;
22260
+ }
22261
+
22262
+ .v-toolbar__content > .v-btn:first-child {
22263
+ margin-inline-start: 10px;
22264
+ }
22265
+ .v-toolbar__content > .v-btn:last-child {
22266
+ margin-inline-end: 10px;
22267
+ }
22268
+ .v-toolbar__content > .v-toolbar-title {
22269
+ margin-inline-start: 16px;
22270
+ }
22271
+ .v-toolbar--density-prominent .v-toolbar__content {
22272
+ align-items: flex-start;
22273
+ }
22274
+
22275
+ .v-toolbar__image {
22276
+ position: absolute;
22277
+ top: 0;
22278
+ left: 0;
22279
+ width: 100%;
22280
+ height: 100%;
22281
+ display: flex;
22282
+ }
22283
+
22284
+ .v-toolbar__prepend,
22285
+ .v-toolbar__append {
22286
+ align-items: center;
22287
+ display: flex;
22288
+ }
22289
+
22290
+ .v-toolbar__prepend {
22291
+ margin-inline-start: 10px;
22292
+ margin-inline-end: auto;
22293
+ }
22294
+
22295
+ .v-toolbar__append {
22296
+ margin-inline-start: auto;
22297
+ margin-inline-end: 10px;
22298
+ }
22299
+
22300
+ .v-toolbar-title {
22301
+ flex: 1 1;
22302
+ font-size: 1.25rem;
22303
+ min-width: 0;
22304
+ font-size: 1.25rem;
22305
+ font-weight: 400;
22306
+ letter-spacing: 0;
22307
+ line-height: 1.75rem;
22308
+ text-transform: none;
22309
+ }
22310
+ .v-toolbar--density-prominent .v-toolbar-title {
22311
+ align-self: flex-end;
22312
+ padding-bottom: 6px;
22313
+ font-size: 1.5rem;
22314
+ font-weight: 400;
22315
+ letter-spacing: 0;
22316
+ line-height: 2.25rem;
22317
+ text-transform: none;
22318
+ }
22319
+
22320
+ .v-toolbar-title__placeholder {
22321
+ overflow: hidden;
22322
+ text-overflow: ellipsis;
22323
+ white-space: nowrap;
22324
+ }
22325
+
22326
+ .v-toolbar-items {
22327
+ display: flex;
22328
+ height: inherit;
22329
+ }
22330
+ .v-toolbar-items > .v-btn {
22331
+ border-radius: 0;
22332
+ }.v-tooltip > .v-overlay__content {
22333
+ background: rgba(var(--v-theme-surface-variant), 0.7);
22334
+ color: rgb(var(--v-theme-on-surface-variant));
22335
+ border-radius: 4px;
22336
+ font-size: 0.875rem;
22337
+ line-height: 1.6;
22338
+ display: inline-block;
22339
+ padding: 5px 16px;
22340
+ text-transform: initial;
22341
+ width: auto;
22342
+ opacity: 1;
22343
+ pointer-events: none;
22344
+ transition-property: opacity, transform;
22345
+ }
22346
+ .v-tooltip > .v-overlay__content[class*=enter-active] {
22347
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
22348
+ transition-duration: 150ms;
22349
+ }
22350
+ .v-tooltip > .v-overlay__content[class*=leave-active] {
22351
+ transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
22352
+ transition-duration: 75ms;
22353
+ }.v-window {
22354
+ overflow: hidden;
22355
+ }
22356
+ .v-window__container {
22357
+ display: flex;
22358
+ flex-direction: column;
22359
+ height: inherit;
22360
+ position: relative;
22361
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22362
+ }
22363
+ .v-window__controls {
22364
+ position: absolute;
22365
+ left: 0;
22366
+ top: 0;
22367
+ width: 100%;
22368
+ height: 100%;
22369
+ display: flex;
22370
+ align-items: center;
22371
+ justify-content: space-between;
22372
+ padding: 0 16px;
22373
+ pointer-events: none;
22374
+ }
22375
+ .v-window__controls * {
22376
+ pointer-events: auto;
22377
+ }
22378
+ .v-window--show-arrows-on-hover {
22379
+ overflow: hidden;
22380
+ }
22381
+ .v-window--show-arrows-on-hover .v-window__left {
22382
+ transform: translateX(-200%);
22383
+ }
22384
+ .v-window--show-arrows-on-hover .v-window__right {
22385
+ transform: translateX(200%);
22386
+ }
22387
+ .v-window--show-arrows-on-hover:hover .v-window__left,
22388
+ .v-window--show-arrows-on-hover:hover .v-window__right {
22389
+ transform: translateX(0);
22390
+ }
22391
+ .v-window-x-transition-enter-active, .v-window-x-transition-leave-active, .v-window-x-reverse-transition-enter-active, .v-window-x-reverse-transition-leave-active, .v-window-y-transition-enter-active, .v-window-y-transition-leave-active, .v-window-y-reverse-transition-enter-active, .v-window-y-reverse-transition-leave-active {
22392
+ transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
22393
+ }
22394
+ .v-window-x-transition-leave-from, .v-window-x-transition-leave-to, .v-window-x-reverse-transition-leave-from, .v-window-x-reverse-transition-leave-to, .v-window-y-transition-leave-from, .v-window-y-transition-leave-to, .v-window-y-reverse-transition-leave-from, .v-window-y-reverse-transition-leave-to {
22395
+ position: absolute !important;
22396
+ top: 0;
22397
+ width: 100%;
22398
+ }
22399
+ .v-window-x-transition-enter-from {
22400
+ transform: translateX(100%);
22401
+ }
22402
+ .v-window-x-transition-leave-to {
22403
+ transform: translateX(-100%);
22404
+ }
22405
+ .v-window-x-reverse-transition-enter-from {
22406
+ transform: translateX(-100%);
22407
+ }
22408
+ .v-window-x-reverse-transition-leave-to {
22409
+ transform: translateX(100%);
22410
+ }
22411
+ .v-window-y-transition-enter-from {
22412
+ transform: translateY(100%);
22413
+ }
22414
+ .v-window-y-transition-leave-to {
22415
+ transform: translateY(-100%);
22416
+ }
22417
+ .v-window-y-reverse-transition-enter-from {
22418
+ transform: translateY(-100%);
22419
+ }
22420
+ .v-window-y-reverse-transition-leave-to {
22421
+ transform: translateY(100%);
22417
22422
  }.v-color-picker-canvas {
22418
22423
  display: flex;
22419
22424
  position: relative;