@vuetify/nightly 3.3.4-master.2023-06-14 → 3.3.4-master.2023-06-15
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.
- package/CHANGELOG.md +5 -2
- package/dist/json/attributes.json +0 -4
- package/dist/json/tags.json +0 -1
- package/dist/json/web-types.json +3 -13
- package/dist/vuetify-labs.css +162 -163
- package/dist/vuetify-labs.d.ts +0 -46
- package/dist/vuetify-labs.esm.js +11 -11
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +11 -11
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +1 -1
- package/dist/vuetify.esm.js +3 -3
- package/dist/vuetify.js +3 -3
- package/dist/vuetify.min.css +1 -1
- package/dist/vuetify.min.js +3 -3
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/labs/VDatePicker/VDatePicker.css +3 -5
- package/lib/labs/VDatePicker/VDatePicker.mjs +9 -9
- package/lib/labs/VDatePicker/VDatePicker.mjs.map +1 -1
- package/lib/labs/VDatePicker/VDatePicker.sass +3 -5
- package/lib/labs/VDatePicker/VDatePickerControls.css +3 -1
- package/lib/labs/VDatePicker/VDatePickerControls.sass +3 -3
- package/lib/labs/VDatePicker/VDatePickerMonth.css +0 -1
- package/lib/labs/VDatePicker/VDatePickerMonth.sass +0 -1
- package/lib/labs/VDatePicker/VDatePickerYears.css +1 -1
- package/lib/labs/VDatePicker/VDatePickerYears.sass +1 -1
- package/lib/labs/VDatePicker/index.d.mts +0 -46
- package/lib/labs/VPicker/VPicker.css +1 -1
- package/lib/labs/VPicker/VPicker.sass +1 -1
- package/lib/labs/components.d.mts +0 -46
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.4-master.2023-06-
|
|
1
|
+
# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.4-master.2023-06-15...v) (2023-06-15)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
## [3.3.4-master.2023-06-
|
|
5
|
+
## [3.3.4-master.2023-06-15](https://github.com/vuetifyjs/vuetify/compare/v3.3.4...v3.3.4-master.2023-06-15) (2023-06-15)
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
### Bug Fixes
|
|
9
9
|
|
|
10
10
|
* **VDatePicker:** don't throw on empty model ([e5e3d84](https://github.com/vuetifyjs/vuetify/commit/e5e3d8425e1f8914b01497a4275e23a683ef5d70)), closes [#17601](https://github.com/vuetifyjs/vuetify/issues/17601)
|
|
11
11
|
* **VDatePicker:** remove legacy sass imports ([0ecd917](https://github.com/vuetifyjs/vuetify/commit/0ecd917069d1b4e725dacacef2b0457a76fb094c)), closes [#17603](https://github.com/vuetifyjs/vuetify/issues/17603)
|
|
12
|
+
* **VDatePicker:** remove set height, update to better match spec ([2ce7096](https://github.com/vuetifyjs/vuetify/commit/2ce70963fd5d35c3191efd8b255df558014a1e6c))
|
|
13
|
+
* **VDatePicker:** year / month transition ([1673b96](https://github.com/vuetifyjs/vuetify/commit/1673b96480ad557bad742087fc21e89a1544361a))
|
|
14
|
+
* **VDatePickerMonth:** remove defined height ([80af8e6](https://github.com/vuetifyjs/vuetify/commit/80af8e6ca1ca4c054561d6c591f07ee72dd14ca7))
|
|
12
15
|
|
|
13
16
|
|
|
14
17
|
### Reverts
|
|
@@ -3555,10 +3555,6 @@
|
|
|
3555
3555
|
"type": "string\n",
|
|
3556
3556
|
"description": "Text shown when no **display-date** is set."
|
|
3557
3557
|
},
|
|
3558
|
-
"v-date-picker/transition": {
|
|
3559
|
-
"type": "string\n",
|
|
3560
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition."
|
|
3561
|
-
},
|
|
3562
3558
|
"v-date-picker/multiple": {
|
|
3563
3559
|
"type": "boolean\n",
|
|
3564
3560
|
"description": "Allow the selection of multiple dates"
|
package/dist/json/tags.json
CHANGED
package/dist/json/web-types.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "http://json.schemastore.org/web-types",
|
|
3
3
|
"framework": "vue",
|
|
4
4
|
"name": "vuetify",
|
|
5
|
-
"version": "3.3.4-master.2023-06-
|
|
5
|
+
"version": "3.3.4-master.2023-06-15",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"types-syntax": "typescript",
|
|
@@ -15074,16 +15074,6 @@
|
|
|
15074
15074
|
"type": "string\n"
|
|
15075
15075
|
}
|
|
15076
15076
|
},
|
|
15077
|
-
{
|
|
15078
|
-
"name": "transition",
|
|
15079
|
-
"description": "Sets the component transition. Can be one of the [built in](/styles/transitions/) or custom transition.",
|
|
15080
|
-
"doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
|
|
15081
|
-
"default": "'fade'",
|
|
15082
|
-
"value": {
|
|
15083
|
-
"kind": "expression",
|
|
15084
|
-
"type": "string\n"
|
|
15085
|
-
}
|
|
15086
|
-
},
|
|
15087
15077
|
{
|
|
15088
15078
|
"name": "multiple",
|
|
15089
15079
|
"description": "Allow the selection of multiple dates",
|
|
@@ -15487,7 +15477,7 @@
|
|
|
15487
15477
|
"name": "displayDate",
|
|
15488
15478
|
"description": "MISSING DESCRIPTION",
|
|
15489
15479
|
"doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
|
|
15490
|
-
"default": "new Date('2023-06-
|
|
15480
|
+
"default": "new Date('2023-06-15T12:05:10.040Z')",
|
|
15491
15481
|
"value": {
|
|
15492
15482
|
"kind": "expression",
|
|
15493
15483
|
"type": "any\n"
|
|
@@ -15694,7 +15684,7 @@
|
|
|
15694
15684
|
"name": "displayDate",
|
|
15695
15685
|
"description": "MISSING DESCRIPTION",
|
|
15696
15686
|
"doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
|
|
15697
|
-
"default": "new Date('2023-06-
|
|
15687
|
+
"default": "new Date('2023-06-15T12:05:10.040Z')",
|
|
15698
15688
|
"value": {
|
|
15699
15689
|
"kind": "expression",
|
|
15700
15690
|
"type": "any\n"
|
package/dist/vuetify-labs.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.3.4-master.2023-06-
|
|
2
|
+
* Vuetify v3.3.4-master.2023-06-15
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -16180,19 +16180,17 @@ html.overflow-y-hidden {
|
|
|
16180
16180
|
|
|
16181
16181
|
.v-date-picker {
|
|
16182
16182
|
overflow: hidden;
|
|
16183
|
-
width: 358px;
|
|
16184
16183
|
}
|
|
16185
16184
|
.v-date-picker .v-date-picker-month {
|
|
16186
|
-
padding-bottom: 8px;
|
|
16187
16185
|
padding-inline-start: 12px;
|
|
16188
16186
|
padding-inline-end: 12px;
|
|
16189
16187
|
}
|
|
16190
16188
|
.v-date-picker .v-date-picker-month .v-date-picker-month__day {
|
|
16191
|
-
height:
|
|
16192
|
-
width:
|
|
16189
|
+
height: 48px;
|
|
16190
|
+
width: 48px;
|
|
16193
16191
|
}
|
|
16194
16192
|
.v-date-picker .v-date-picker-month .v-date-picker-month__day .v-btn {
|
|
16195
|
-
--v-btn-height:
|
|
16193
|
+
--v-btn-height: 28px;
|
|
16196
16194
|
--v-btn-size: 0.85rem;
|
|
16197
16195
|
}.v-date-picker-controls {
|
|
16198
16196
|
display: flex;
|
|
@@ -16200,10 +16198,12 @@ html.overflow-y-hidden {
|
|
|
16200
16198
|
justify-content: space-between;
|
|
16201
16199
|
font-size: 0.875rem;
|
|
16202
16200
|
padding-inline-start: 24px;
|
|
16201
|
+
padding-top: 4px;
|
|
16202
|
+
padding-bottom: 4px;
|
|
16203
16203
|
padding-inline-end: 12px;
|
|
16204
16204
|
}
|
|
16205
16205
|
.v-date-picker-controls .v-btn:last-child {
|
|
16206
|
-
margin-left:
|
|
16206
|
+
margin-left: 4px;
|
|
16207
16207
|
}
|
|
16208
16208
|
|
|
16209
16209
|
.v-date-picker-controls__date {
|
|
@@ -16264,7 +16264,6 @@ html.overflow-y-hidden {
|
|
|
16264
16264
|
}.v-date-picker-month {
|
|
16265
16265
|
display: flex;
|
|
16266
16266
|
justify-content: center;
|
|
16267
|
-
height: 268px;
|
|
16268
16267
|
min-width: 328px;
|
|
16269
16268
|
--v-date-picker-month-day-diff: 4px;
|
|
16270
16269
|
}
|
|
@@ -16337,6 +16336,23 @@ html.overflow-y-hidden {
|
|
|
16337
16336
|
.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,
|
|
16338
16337
|
.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 {
|
|
16339
16338
|
display: none;
|
|
16339
|
+
}.v-date-picker-years {
|
|
16340
|
+
height: 308px;
|
|
16341
|
+
overflow-y: scroll;
|
|
16342
|
+
}
|
|
16343
|
+
|
|
16344
|
+
.v-date-picker-years__content {
|
|
16345
|
+
display: grid;
|
|
16346
|
+
flex: 1 1;
|
|
16347
|
+
justify-content: space-around;
|
|
16348
|
+
grid-template-columns: repeat(3, 1fr);
|
|
16349
|
+
grid-gap: 8px 24px;
|
|
16350
|
+
padding-inline-start: 36px;
|
|
16351
|
+
padding-inline-end: 36px;
|
|
16352
|
+
}
|
|
16353
|
+
.v-date-picker-years__content .v-btn {
|
|
16354
|
+
padding-inline-start: 8px;
|
|
16355
|
+
padding-inline-end: 8px;
|
|
16340
16356
|
}.v-infinite-scroll--horizontal {
|
|
16341
16357
|
display: flex;
|
|
16342
16358
|
flex-direction: row;
|
|
@@ -16362,23 +16378,6 @@ html.overflow-y-hidden {
|
|
|
16362
16378
|
display: flex;
|
|
16363
16379
|
justify-content: center;
|
|
16364
16380
|
padding: 8px;
|
|
16365
|
-
}.v-date-picker-years {
|
|
16366
|
-
height: 268px;
|
|
16367
|
-
overflow-y: scroll;
|
|
16368
|
-
}
|
|
16369
|
-
|
|
16370
|
-
.v-date-picker-years__content {
|
|
16371
|
-
display: grid;
|
|
16372
|
-
flex: 1 1;
|
|
16373
|
-
justify-content: space-around;
|
|
16374
|
-
grid-template-columns: repeat(3, 1fr);
|
|
16375
|
-
grid-gap: 8px 24px;
|
|
16376
|
-
padding-inline-start: 36px;
|
|
16377
|
-
padding-inline-end: 36px;
|
|
16378
|
-
}
|
|
16379
|
-
.v-date-picker-years__content .v-btn {
|
|
16380
|
-
padding-inline-start: 8px;
|
|
16381
|
-
padding-inline-end: 8px;
|
|
16382
16381
|
}.v-picker.v-sheet {
|
|
16383
16382
|
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));
|
|
16384
16383
|
border-radius: 4px;
|
|
@@ -16386,7 +16385,7 @@ html.overflow-y-hidden {
|
|
|
16386
16385
|
grid-auto-rows: min-content;
|
|
16387
16386
|
grid-template-areas: "title" "header" "body";
|
|
16388
16387
|
overflow: hidden;
|
|
16389
|
-
width:
|
|
16388
|
+
width: 360px;
|
|
16390
16389
|
}
|
|
16391
16390
|
.v-picker.v-sheet.v-picker--with-actions {
|
|
16392
16391
|
grid-template-areas: "title" "header" "body" "actions";
|
|
@@ -22445,100 +22444,6 @@ html.v-overlay-scroll-blocked {
|
|
|
22445
22444
|
}
|
|
22446
22445
|
.v-system-bar:not(.v-system-bar--absolute) {
|
|
22447
22446
|
padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
|
|
22448
|
-
}.v-tabs {
|
|
22449
|
-
display: flex;
|
|
22450
|
-
height: var(--v-tabs-height);
|
|
22451
|
-
}
|
|
22452
|
-
.v-tabs--density-default {
|
|
22453
|
-
--v-tabs-height: 48px;
|
|
22454
|
-
}
|
|
22455
|
-
.v-tabs--density-default.v-tabs--stacked {
|
|
22456
|
-
--v-tabs-height: 72px;
|
|
22457
|
-
}
|
|
22458
|
-
|
|
22459
|
-
.v-tabs--density-comfortable {
|
|
22460
|
-
--v-tabs-height: 44px;
|
|
22461
|
-
}
|
|
22462
|
-
.v-tabs--density-comfortable.v-tabs--stacked {
|
|
22463
|
-
--v-tabs-height: 68px;
|
|
22464
|
-
}
|
|
22465
|
-
|
|
22466
|
-
.v-tabs--density-compact {
|
|
22467
|
-
--v-tabs-height: 36px;
|
|
22468
|
-
}
|
|
22469
|
-
.v-tabs--density-compact.v-tabs--stacked {
|
|
22470
|
-
--v-tabs-height: 60px;
|
|
22471
|
-
}
|
|
22472
|
-
|
|
22473
|
-
.v-tabs.v-slide-group--vertical {
|
|
22474
|
-
height: auto;
|
|
22475
|
-
flex: none;
|
|
22476
|
-
--v-tabs-height: 48px;
|
|
22477
|
-
}
|
|
22478
|
-
|
|
22479
|
-
.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
|
|
22480
|
-
margin-inline-start: 42px;
|
|
22481
|
-
}
|
|
22482
|
-
|
|
22483
|
-
.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
|
|
22484
|
-
.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
|
|
22485
|
-
margin-inline-end: auto;
|
|
22486
|
-
}
|
|
22487
|
-
.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
|
|
22488
|
-
.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
|
|
22489
|
-
margin-inline-start: auto;
|
|
22490
|
-
}
|
|
22491
|
-
|
|
22492
|
-
.v-tabs--grow {
|
|
22493
|
-
flex-grow: 1;
|
|
22494
|
-
}
|
|
22495
|
-
.v-tabs--grow .v-tab {
|
|
22496
|
-
flex: 1 0 auto;
|
|
22497
|
-
max-width: none;
|
|
22498
|
-
}
|
|
22499
|
-
|
|
22500
|
-
.v-tabs--align-tabs-end .v-tab:first-child {
|
|
22501
|
-
margin-inline-start: auto;
|
|
22502
|
-
}
|
|
22503
|
-
.v-tabs--align-tabs-end .v-tab:last-child {
|
|
22504
|
-
margin-inline-end: 0;
|
|
22505
|
-
}
|
|
22506
|
-
|
|
22507
|
-
@media (max-width: 1279.98px) {
|
|
22508
|
-
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
|
|
22509
|
-
margin-inline-start: 52px;
|
|
22510
|
-
}
|
|
22511
|
-
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
|
|
22512
|
-
margin-inline-end: 52px;
|
|
22513
|
-
}
|
|
22514
|
-
}.v-tab.v-tab {
|
|
22515
|
-
--v-btn-height: var(--v-tabs-height);
|
|
22516
|
-
min-width: 90px;
|
|
22517
|
-
}
|
|
22518
|
-
.v-slide-group--horizontal .v-tab {
|
|
22519
|
-
max-width: 360px;
|
|
22520
|
-
}
|
|
22521
|
-
.v-slide-group--vertical .v-tab {
|
|
22522
|
-
justify-content: start;
|
|
22523
|
-
}
|
|
22524
|
-
|
|
22525
|
-
.v-tab__slider {
|
|
22526
|
-
position: absolute;
|
|
22527
|
-
bottom: 0;
|
|
22528
|
-
left: 0;
|
|
22529
|
-
height: 2px;
|
|
22530
|
-
width: 100%;
|
|
22531
|
-
background: currentColor;
|
|
22532
|
-
pointer-events: none;
|
|
22533
|
-
opacity: 0;
|
|
22534
|
-
}
|
|
22535
|
-
.v-tab--selected .v-tab__slider {
|
|
22536
|
-
opacity: 1;
|
|
22537
|
-
}
|
|
22538
|
-
.v-slide-group--vertical .v-tab__slider {
|
|
22539
|
-
top: 0;
|
|
22540
|
-
height: 100%;
|
|
22541
|
-
width: 2px;
|
|
22542
22447
|
}.v-table {
|
|
22543
22448
|
background: rgb(var(--v-theme-surface));
|
|
22544
22449
|
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
|
@@ -22666,48 +22571,6 @@ html.v-overlay-scroll-blocked {
|
|
|
22666
22571
|
border-top: 0px !important;
|
|
22667
22572
|
position: sticky;
|
|
22668
22573
|
bottom: 0;
|
|
22669
|
-
}.v-textarea .v-field {
|
|
22670
|
-
--v-textarea-control-height: var(--v-input-control-height);
|
|
22671
|
-
}
|
|
22672
|
-
.v-textarea .v-field__field {
|
|
22673
|
-
--v-input-control-height: var(--v-textarea-control-height);
|
|
22674
|
-
}
|
|
22675
|
-
.v-textarea .v-field__input {
|
|
22676
|
-
flex: 1 1 auto;
|
|
22677
|
-
outline: none;
|
|
22678
|
-
-webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
|
|
22679
|
-
mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
|
|
22680
|
-
}
|
|
22681
|
-
.v-textarea .v-field__input.v-textarea__sizer {
|
|
22682
|
-
visibility: hidden;
|
|
22683
|
-
position: absolute;
|
|
22684
|
-
top: 0;
|
|
22685
|
-
left: 0;
|
|
22686
|
-
height: 0 !important;
|
|
22687
|
-
min-height: 0 !important;
|
|
22688
|
-
pointer-events: none;
|
|
22689
|
-
}
|
|
22690
|
-
.v-textarea--auto-grow .v-field__input {
|
|
22691
|
-
overflow: hidden;
|
|
22692
|
-
}
|
|
22693
|
-
.v-textarea--no-resize .v-field__input {
|
|
22694
|
-
resize: none;
|
|
22695
|
-
}
|
|
22696
|
-
.v-textarea .v-field--no-label textarea,
|
|
22697
|
-
.v-textarea .v-field--active textarea {
|
|
22698
|
-
opacity: 1;
|
|
22699
|
-
}
|
|
22700
|
-
.v-textarea textarea {
|
|
22701
|
-
opacity: 0;
|
|
22702
|
-
flex: 1;
|
|
22703
|
-
min-width: 0;
|
|
22704
|
-
transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
22705
|
-
}
|
|
22706
|
-
.v-textarea textarea:focus, .v-textarea textarea:active {
|
|
22707
|
-
outline: none;
|
|
22708
|
-
}
|
|
22709
|
-
.v-textarea textarea:invalid {
|
|
22710
|
-
box-shadow: none;
|
|
22711
22574
|
}/* region BLOCK */
|
|
22712
22575
|
.v-text-field input {
|
|
22713
22576
|
color: inherit;
|
|
@@ -22785,7 +22648,49 @@ html.v-overlay-scroll-blocked {
|
|
|
22785
22648
|
padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
|
|
22786
22649
|
}
|
|
22787
22650
|
|
|
22788
|
-
/* endregion */.v-
|
|
22651
|
+
/* endregion */.v-textarea .v-field {
|
|
22652
|
+
--v-textarea-control-height: var(--v-input-control-height);
|
|
22653
|
+
}
|
|
22654
|
+
.v-textarea .v-field__field {
|
|
22655
|
+
--v-input-control-height: var(--v-textarea-control-height);
|
|
22656
|
+
}
|
|
22657
|
+
.v-textarea .v-field__input {
|
|
22658
|
+
flex: 1 1 auto;
|
|
22659
|
+
outline: none;
|
|
22660
|
+
-webkit-mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
|
|
22661
|
+
mask-image: linear-gradient(to bottom, transparent, transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px), black calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));
|
|
22662
|
+
}
|
|
22663
|
+
.v-textarea .v-field__input.v-textarea__sizer {
|
|
22664
|
+
visibility: hidden;
|
|
22665
|
+
position: absolute;
|
|
22666
|
+
top: 0;
|
|
22667
|
+
left: 0;
|
|
22668
|
+
height: 0 !important;
|
|
22669
|
+
min-height: 0 !important;
|
|
22670
|
+
pointer-events: none;
|
|
22671
|
+
}
|
|
22672
|
+
.v-textarea--auto-grow .v-field__input {
|
|
22673
|
+
overflow: hidden;
|
|
22674
|
+
}
|
|
22675
|
+
.v-textarea--no-resize .v-field__input {
|
|
22676
|
+
resize: none;
|
|
22677
|
+
}
|
|
22678
|
+
.v-textarea .v-field--no-label textarea,
|
|
22679
|
+
.v-textarea .v-field--active textarea {
|
|
22680
|
+
opacity: 1;
|
|
22681
|
+
}
|
|
22682
|
+
.v-textarea textarea {
|
|
22683
|
+
opacity: 0;
|
|
22684
|
+
flex: 1;
|
|
22685
|
+
min-width: 0;
|
|
22686
|
+
transition: 0.15s opacity cubic-bezier(0.4, 0, 0.2, 1);
|
|
22687
|
+
}
|
|
22688
|
+
.v-textarea textarea:focus, .v-textarea textarea:active {
|
|
22689
|
+
outline: none;
|
|
22690
|
+
}
|
|
22691
|
+
.v-textarea textarea:invalid {
|
|
22692
|
+
box-shadow: none;
|
|
22693
|
+
}.v-theme-provider {
|
|
22789
22694
|
background: rgb(var(--v-theme-background));
|
|
22790
22695
|
color: rgb(var(--v-theme-on-background));
|
|
22791
22696
|
}.v-timeline .v-timeline-divider__dot {
|
|
@@ -23367,6 +23272,100 @@ html.v-overlay-scroll-blocked {
|
|
|
23367
23272
|
}
|
|
23368
23273
|
.v-toolbar-items > .v-btn {
|
|
23369
23274
|
border-radius: 0;
|
|
23275
|
+
}.v-tabs {
|
|
23276
|
+
display: flex;
|
|
23277
|
+
height: var(--v-tabs-height);
|
|
23278
|
+
}
|
|
23279
|
+
.v-tabs--density-default {
|
|
23280
|
+
--v-tabs-height: 48px;
|
|
23281
|
+
}
|
|
23282
|
+
.v-tabs--density-default.v-tabs--stacked {
|
|
23283
|
+
--v-tabs-height: 72px;
|
|
23284
|
+
}
|
|
23285
|
+
|
|
23286
|
+
.v-tabs--density-comfortable {
|
|
23287
|
+
--v-tabs-height: 44px;
|
|
23288
|
+
}
|
|
23289
|
+
.v-tabs--density-comfortable.v-tabs--stacked {
|
|
23290
|
+
--v-tabs-height: 68px;
|
|
23291
|
+
}
|
|
23292
|
+
|
|
23293
|
+
.v-tabs--density-compact {
|
|
23294
|
+
--v-tabs-height: 36px;
|
|
23295
|
+
}
|
|
23296
|
+
.v-tabs--density-compact.v-tabs--stacked {
|
|
23297
|
+
--v-tabs-height: 60px;
|
|
23298
|
+
}
|
|
23299
|
+
|
|
23300
|
+
.v-tabs.v-slide-group--vertical {
|
|
23301
|
+
height: auto;
|
|
23302
|
+
flex: none;
|
|
23303
|
+
--v-tabs-height: 48px;
|
|
23304
|
+
}
|
|
23305
|
+
|
|
23306
|
+
.v-tabs--align-tabs-title:not(.v-slide-group--has-affixes) .v-tab:first-child {
|
|
23307
|
+
margin-inline-start: 42px;
|
|
23308
|
+
}
|
|
23309
|
+
|
|
23310
|
+
.v-tabs--fixed-tabs .v-slide-group__content > *:last-child,
|
|
23311
|
+
.v-tabs--align-tabs-center .v-slide-group__content > *:last-child {
|
|
23312
|
+
margin-inline-end: auto;
|
|
23313
|
+
}
|
|
23314
|
+
.v-tabs--fixed-tabs .v-slide-group__content > *:first-child,
|
|
23315
|
+
.v-tabs--align-tabs-center .v-slide-group__content > *:first-child {
|
|
23316
|
+
margin-inline-start: auto;
|
|
23317
|
+
}
|
|
23318
|
+
|
|
23319
|
+
.v-tabs--grow {
|
|
23320
|
+
flex-grow: 1;
|
|
23321
|
+
}
|
|
23322
|
+
.v-tabs--grow .v-tab {
|
|
23323
|
+
flex: 1 0 auto;
|
|
23324
|
+
max-width: none;
|
|
23325
|
+
}
|
|
23326
|
+
|
|
23327
|
+
.v-tabs--align-tabs-end .v-tab:first-child {
|
|
23328
|
+
margin-inline-start: auto;
|
|
23329
|
+
}
|
|
23330
|
+
.v-tabs--align-tabs-end .v-tab:last-child {
|
|
23331
|
+
margin-inline-end: 0;
|
|
23332
|
+
}
|
|
23333
|
+
|
|
23334
|
+
@media (max-width: 1279.98px) {
|
|
23335
|
+
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:first-child {
|
|
23336
|
+
margin-inline-start: 52px;
|
|
23337
|
+
}
|
|
23338
|
+
.v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
|
|
23339
|
+
margin-inline-end: 52px;
|
|
23340
|
+
}
|
|
23341
|
+
}.v-tab.v-tab {
|
|
23342
|
+
--v-btn-height: var(--v-tabs-height);
|
|
23343
|
+
min-width: 90px;
|
|
23344
|
+
}
|
|
23345
|
+
.v-slide-group--horizontal .v-tab {
|
|
23346
|
+
max-width: 360px;
|
|
23347
|
+
}
|
|
23348
|
+
.v-slide-group--vertical .v-tab {
|
|
23349
|
+
justify-content: start;
|
|
23350
|
+
}
|
|
23351
|
+
|
|
23352
|
+
.v-tab__slider {
|
|
23353
|
+
position: absolute;
|
|
23354
|
+
bottom: 0;
|
|
23355
|
+
left: 0;
|
|
23356
|
+
height: 2px;
|
|
23357
|
+
width: 100%;
|
|
23358
|
+
background: currentColor;
|
|
23359
|
+
pointer-events: none;
|
|
23360
|
+
opacity: 0;
|
|
23361
|
+
}
|
|
23362
|
+
.v-tab--selected .v-tab__slider {
|
|
23363
|
+
opacity: 1;
|
|
23364
|
+
}
|
|
23365
|
+
.v-slide-group--vertical .v-tab__slider {
|
|
23366
|
+
top: 0;
|
|
23367
|
+
height: 100%;
|
|
23368
|
+
width: 2px;
|
|
23370
23369
|
}.v-tooltip > .v-overlay__content {
|
|
23371
23370
|
background: rgba(var(--v-theme-surface-variant), 0.7);
|
|
23372
23371
|
color: rgb(var(--v-theme-on-surface-variant));
|
package/dist/vuetify-labs.d.ts
CHANGED
|
@@ -72016,9 +72016,6 @@ declare const VDatePicker: {
|
|
|
72016
72016
|
$: vue.ComponentInternalInstance;
|
|
72017
72017
|
$data: {};
|
|
72018
72018
|
$props: {
|
|
72019
|
-
transition?: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72020
|
-
component?: vue.Component | undefined;
|
|
72021
|
-
})> | undefined;
|
|
72022
72019
|
header?: string | undefined;
|
|
72023
72020
|
style?: vue.StyleValue | undefined;
|
|
72024
72021
|
title?: string | undefined;
|
|
@@ -72151,9 +72148,6 @@ declare const VDatePicker: {
|
|
|
72151
72148
|
$emit: ((event: "update:modelValue", date: any[]) => void) & ((event: "update:focused", focused: boolean) => void) & ((event: "update:inputMode", inputMode: "calendar" | "keyboard") => void) & ((event: "update:displayDate", date: any) => void) & ((event: "update:viewMode", viewMode: "month" | "year") => void) & ((event: "click:cancel") => void) & ((event: "click:save") => void);
|
|
72152
72149
|
$el: any;
|
|
72153
72150
|
$options: vue.ComponentOptionsBase<{
|
|
72154
|
-
transition: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72155
|
-
component?: vue.Component | undefined;
|
|
72156
|
-
})>;
|
|
72157
72151
|
header: string;
|
|
72158
72152
|
style: vue.StyleValue;
|
|
72159
72153
|
title: string;
|
|
@@ -72236,9 +72230,6 @@ declare const VDatePicker: {
|
|
|
72236
72230
|
'click:cancel': () => true;
|
|
72237
72231
|
'click:save': () => true;
|
|
72238
72232
|
}, string, {
|
|
72239
|
-
transition: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72240
|
-
component?: vue.Component | undefined;
|
|
72241
|
-
})>;
|
|
72242
72233
|
header: string;
|
|
72243
72234
|
style: vue.StyleValue;
|
|
72244
72235
|
title: string;
|
|
@@ -72292,9 +72283,6 @@ declare const VDatePicker: {
|
|
|
72292
72283
|
$nextTick: typeof vue.nextTick;
|
|
72293
72284
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
|
|
72294
72285
|
} & {
|
|
72295
|
-
transition: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72296
|
-
component?: vue.Component | undefined;
|
|
72297
|
-
})>;
|
|
72298
72286
|
header: string;
|
|
72299
72287
|
style: vue.StyleValue;
|
|
72300
72288
|
title: string;
|
|
@@ -72373,9 +72361,6 @@ declare const VDatePicker: {
|
|
|
72373
72361
|
__isTeleport?: undefined;
|
|
72374
72362
|
__isSuspense?: undefined;
|
|
72375
72363
|
} & vue.ComponentOptionsBase<{
|
|
72376
|
-
transition: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72377
|
-
component?: vue.Component | undefined;
|
|
72378
|
-
})>;
|
|
72379
72364
|
header: string;
|
|
72380
72365
|
style: vue.StyleValue;
|
|
72381
72366
|
title: string;
|
|
@@ -72458,9 +72443,6 @@ declare const VDatePicker: {
|
|
|
72458
72443
|
'click:cancel': () => true;
|
|
72459
72444
|
'click:save': () => true;
|
|
72460
72445
|
}, string, {
|
|
72461
|
-
transition: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72462
|
-
component?: vue.Component | undefined;
|
|
72463
|
-
})>;
|
|
72464
72446
|
header: string;
|
|
72465
72447
|
style: vue.StyleValue;
|
|
72466
72448
|
title: string;
|
|
@@ -72571,20 +72553,6 @@ declare const VDatePicker: {
|
|
|
72571
72553
|
type: StringConstructor[];
|
|
72572
72554
|
default: string;
|
|
72573
72555
|
};
|
|
72574
|
-
transition: Omit<{
|
|
72575
|
-
type: vue.PropType<string | boolean | (vue.TransitionProps & {
|
|
72576
|
-
component?: vue.Component | undefined;
|
|
72577
|
-
})>;
|
|
72578
|
-
default: string;
|
|
72579
|
-
validator: (val: unknown) => boolean;
|
|
72580
|
-
}, "type" | "default"> & {
|
|
72581
|
-
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72582
|
-
component?: vue.Component | undefined;
|
|
72583
|
-
})>>;
|
|
72584
|
-
default: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72585
|
-
component?: vue.Component | undefined;
|
|
72586
|
-
})>;
|
|
72587
|
-
};
|
|
72588
72556
|
inputMode: {
|
|
72589
72557
|
type: vue.PropType<"calendar" | "keyboard">;
|
|
72590
72558
|
default: string;
|
|
@@ -72692,20 +72660,6 @@ declare const VDatePicker: {
|
|
|
72692
72660
|
type: StringConstructor[];
|
|
72693
72661
|
default: string;
|
|
72694
72662
|
};
|
|
72695
|
-
transition: Omit<{
|
|
72696
|
-
type: vue.PropType<string | boolean | (vue.TransitionProps & {
|
|
72697
|
-
component?: vue.Component | undefined;
|
|
72698
|
-
})>;
|
|
72699
|
-
default: string;
|
|
72700
|
-
validator: (val: unknown) => boolean;
|
|
72701
|
-
}, "type" | "default"> & {
|
|
72702
|
-
type: vue.PropType<NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72703
|
-
component?: vue.Component | undefined;
|
|
72704
|
-
})>>;
|
|
72705
|
-
default: NonNullable<string | boolean | (vue.TransitionProps & {
|
|
72706
|
-
component?: vue.Component | undefined;
|
|
72707
|
-
})>;
|
|
72708
|
-
};
|
|
72709
72663
|
inputMode: {
|
|
72710
72664
|
type: vue.PropType<"calendar" | "keyboard">;
|
|
72711
72665
|
default: string;
|
package/dist/vuetify-labs.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Vuetify v3.3.4-master.2023-06-
|
|
2
|
+
* Vuetify v3.3.4-master.2023-06-15
|
|
3
3
|
* Forged by John Leider
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -22576,9 +22576,6 @@ const makeVDatePickerProps = propsFactory({
|
|
|
22576
22576
|
},
|
|
22577
22577
|
hideActions: Boolean,
|
|
22578
22578
|
...makeDateProps(),
|
|
22579
|
-
...makeTransitionProps({
|
|
22580
|
-
transition: 'fade'
|
|
22581
|
-
}),
|
|
22582
22579
|
...makeVDatePickerControlsProps(),
|
|
22583
22580
|
...makeVDatePickerMonthProps(),
|
|
22584
22581
|
...makeVDatePickerYearsProps(),
|
|
@@ -22663,16 +22660,19 @@ const VDatePicker = genericComponent()({
|
|
|
22663
22660
|
"onUpdate:displayDate": $event => displayDate.value = $event,
|
|
22664
22661
|
"viewMode": viewMode.value,
|
|
22665
22662
|
"onUpdate:viewMode": $event => viewMode.value = $event
|
|
22666
|
-
}), null), createVNode(
|
|
22667
|
-
"
|
|
22668
|
-
"mode": "out-in"
|
|
22663
|
+
}), null), createVNode(VFadeTransition, {
|
|
22664
|
+
"hideOnLeave": true
|
|
22669
22665
|
}, {
|
|
22670
|
-
default: () => [viewMode.value === 'month' ? createVNode(VDatePickerMonth, mergeProps(
|
|
22666
|
+
default: () => [viewMode.value === 'month' ? createVNode(VDatePickerMonth, mergeProps({
|
|
22667
|
+
"key": "date-picker-month"
|
|
22668
|
+
}, datePickerMonthProps, {
|
|
22671
22669
|
"modelValue": model.value,
|
|
22672
22670
|
"onUpdate:modelValue": $event => model.value = $event,
|
|
22673
22671
|
"displayDate": displayDate.value,
|
|
22674
22672
|
"onUpdate:displayDate": $event => displayDate.value = $event
|
|
22675
|
-
}), null) : createVNode(VDatePickerYears, mergeProps(
|
|
22673
|
+
}), null) : createVNode(VDatePickerYears, mergeProps({
|
|
22674
|
+
"key": "date-picker-years"
|
|
22675
|
+
}, datePickerYearsProps, {
|
|
22676
22676
|
"displayDate": displayDate.value,
|
|
22677
22677
|
"onUpdate:displayDate": $event => displayDate.value = $event,
|
|
22678
22678
|
"viewMode": viewMode.value,
|
|
@@ -23417,7 +23417,7 @@ function createVuetify$1() {
|
|
|
23417
23417
|
date
|
|
23418
23418
|
};
|
|
23419
23419
|
}
|
|
23420
|
-
const version$1 = "3.3.4-master.2023-06-
|
|
23420
|
+
const version$1 = "3.3.4-master.2023-06-15";
|
|
23421
23421
|
createVuetify$1.version = version$1;
|
|
23422
23422
|
|
|
23423
23423
|
// Vue's inject() can only be used in setup
|
|
@@ -23431,7 +23431,7 @@ function inject(key) {
|
|
|
23431
23431
|
|
|
23432
23432
|
/* eslint-disable local-rules/sort-imports */
|
|
23433
23433
|
|
|
23434
|
-
const version = "3.3.4-master.2023-06-
|
|
23434
|
+
const version = "3.3.4-master.2023-06-15";
|
|
23435
23435
|
|
|
23436
23436
|
/* eslint-disable local-rules/sort-imports */
|
|
23437
23437
|
|