@vuetify/nightly 3.3.3-master.2023-06-11 → 3.3.3-master.2023-06-13

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 (38) hide show
  1. package/CHANGELOG.md +4 -2
  2. package/dist/json/attributes.json +14 -42
  3. package/dist/json/tags.json +2 -9
  4. package/dist/json/web-types.json +50 -117
  5. package/dist/vuetify-labs.css +128 -92
  6. package/dist/vuetify-labs.d.ts +189 -174
  7. package/dist/vuetify-labs.esm.js +97 -73
  8. package/dist/vuetify-labs.esm.js.map +1 -1
  9. package/dist/vuetify-labs.js +97 -73
  10. package/dist/vuetify-labs.min.css +2 -2
  11. package/dist/vuetify.css +116 -116
  12. package/dist/vuetify.esm.js +6 -12
  13. package/dist/vuetify.esm.js.map +1 -1
  14. package/dist/vuetify.js +6 -12
  15. package/dist/vuetify.js.map +1 -1
  16. package/dist/vuetify.min.css +2 -2
  17. package/dist/vuetify.min.js +7 -7
  18. package/dist/vuetify.min.js.map +1 -1
  19. package/lib/components/VAppBar/VAppBar.mjs +3 -10
  20. package/lib/components/VAppBar/VAppBar.mjs.map +1 -1
  21. package/lib/components/VTabs/VTab.mjs +2 -2
  22. package/lib/components/VTabs/VTab.mjs.map +1 -1
  23. package/lib/entry-bundler.mjs +1 -1
  24. package/lib/framework.mjs +1 -1
  25. package/lib/labs/VDatePicker/VDatePicker.mjs +42 -22
  26. package/lib/labs/VDatePicker/VDatePicker.mjs.map +1 -1
  27. package/lib/labs/VDatePicker/VDatePickerHeader.css +45 -10
  28. package/lib/labs/VDatePicker/VDatePickerHeader.mjs +52 -47
  29. package/lib/labs/VDatePicker/VDatePickerHeader.mjs.map +1 -1
  30. package/lib/labs/VDatePicker/VDatePickerHeader.sass +44 -9
  31. package/lib/labs/VDatePicker/VDatePickerMonth.css +1 -0
  32. package/lib/labs/VDatePicker/VDatePickerMonth.sass +1 -0
  33. package/lib/labs/VDatePicker/VDatePickerYears.css +1 -1
  34. package/lib/labs/VDatePicker/VDatePickerYears.sass +1 -1
  35. package/lib/labs/VDatePicker/index.d.mts +189 -174
  36. package/lib/labs/VDateRangePicker/index.d.mts +6 -6
  37. package/lib/labs/components.d.mts +189 -174
  38. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,13 +1,15 @@
1
- # [](https://github.com/vuetifyjs/vuetify/compare/v3.3.3-master.2023-06-11...v) (2023-06-11)
1
+ # [](https://github.com/vuetifyjs/vuetify/compare/v3.3.3-master.2023-06-13...v) (2023-06-13)
2
2
 
3
3
 
4
4
 
5
- ## [3.3.3-master.2023-06-11](https://github.com/vuetifyjs/vuetify/compare/v3.3.3...v3.3.3-master.2023-06-11) (2023-06-11)
5
+ ## [3.3.3-master.2023-06-13](https://github.com/vuetifyjs/vuetify/compare/v3.3.3...v3.3.3-master.2023-06-13) (2023-06-13)
6
6
 
7
7
 
8
8
  ### Bug Fixes
9
9
 
10
+ * **VAppBar:** update active state when scrollBehavior changes ([18718d1](https://github.com/vuetifyjs/vuetify/commit/18718d157eeb16e4b7e12c6d55c8b431ce9473f0)), closes [#17554](https://github.com/vuetifyjs/vuetify/issues/17554)
10
11
  * **VDataTable:** show-select not reactive ([6987695](https://github.com/vuetifyjs/vuetify/commit/6987695f2ee6045712ee47e829c20100611aa406)), closes [#17557](https://github.com/vuetifyjs/vuetify/issues/17557)
12
+ * **VTab:** remove firefox invalid keyframe property ([#17495](https://github.com/vuetifyjs/vuetify/issues/17495)) ([df17ddd](https://github.com/vuetifyjs/vuetify/commit/df17ddd9fed37808adfea8060657f7476c55f703)), closes [#16258](https://github.com/vuetifyjs/vuetify/issues/16258)
11
13
 
12
14
 
13
15
  ### Features
@@ -3553,7 +3553,7 @@
3553
3553
  },
3554
3554
  "v-date-picker/header": {
3555
3555
  "type": "string\n",
3556
- "description": "MISSING DESCRIPTION"
3556
+ "description": "Text shown when no **display-date** is set."
3557
3557
  },
3558
3558
  "v-date-picker/transition": {
3559
3559
  "type": "string\n",
@@ -3577,23 +3577,23 @@
3577
3577
  },
3578
3578
  "v-date-picker/cancel-text": {
3579
3579
  "type": "string\n",
3580
- "description": "MISSING DESCRIPTION"
3580
+ "description": "Text used for the Cancel button."
3581
3581
  },
3582
3582
  "v-date-picker/ok-text": {
3583
3583
  "type": "string\n",
3584
- "description": "MISSING DESCRIPTION"
3584
+ "description": "Text used for the Ok button."
3585
3585
  },
3586
3586
  "v-date-picker/input-mode": {
3587
3587
  "type": "'keyboard' | 'calendar'\n",
3588
- "description": "MISSING DESCRIPTION"
3588
+ "description": "Toggles between showing dates or inputs."
3589
3589
  },
3590
3590
  "v-date-picker/hide-actions": {
3591
3591
  "type": "boolean\n",
3592
- "description": "MISSING DESCRIPTION"
3592
+ "description": "Hide the picker actions"
3593
3593
  },
3594
3594
  "v-date-picker/expand-icon": {
3595
3595
  "type": "string\n",
3596
- "description": "MISSING DESCRIPTION"
3596
+ "description": "Icon used for **view-mode** toggle."
3597
3597
  },
3598
3598
  "v-date-picker/collapse-icon": {
3599
3599
  "type": "string\n",
@@ -3605,7 +3605,7 @@
3605
3605
  },
3606
3606
  "v-date-picker/display-date": {
3607
3607
  "type": "any\n",
3608
- "description": "MISSING DESCRIPTION"
3608
+ "description": "The date displayed in the picker header."
3609
3609
  },
3610
3610
  "v-date-picker/view-mode": {
3611
3611
  "type": "'month' | 'year'\n",
@@ -3613,7 +3613,7 @@
3613
3613
  },
3614
3614
  "v-date-picker/format": {
3615
3615
  "type": "string\n",
3616
- "description": "MISSING DESCRIPTION"
3616
+ "description": "Takes a date object and returns it in a specified format."
3617
3617
  },
3618
3618
  "v-date-picker/show-adjacent-months": {
3619
3619
  "type": "boolean\n",
@@ -3639,22 +3639,18 @@
3639
3639
  "type": "number\n",
3640
3640
  "description": "Minimum allowed date/month (ISO 8601 format)"
3641
3641
  },
3642
- "v-date-picker/input-text": {
3642
+ "v-date-picker/calendar-icon": {
3643
3643
  "type": "string\n",
3644
- "description": "MISSING DESCRIPTION"
3644
+ "description": "The icon shown in the header when in 'input' **input-mode**."
3645
3645
  },
3646
3646
  "v-date-picker/keyboard-icon": {
3647
3647
  "type": "string\n",
3648
3648
  "description": "MISSING DESCRIPTION"
3649
3649
  },
3650
- "v-date-picker/calendar-icon": {
3650
+ "v-date-picker/input-text": {
3651
3651
  "type": "string\n",
3652
3652
  "description": "MISSING DESCRIPTION"
3653
3653
  },
3654
- "v-date-picker/show-input-switch": {
3655
- "type": "boolean\n",
3656
- "description": "MISSING DESCRIPTION"
3657
- },
3658
3654
  "v-date-picker/landscape": {
3659
3655
  "type": "boolean\n",
3660
3656
  "description": "MISSING DESCRIPTION"
@@ -3691,14 +3687,6 @@
3691
3687
  "type": "string\n",
3692
3688
  "description": "MISSING DESCRIPTION"
3693
3689
  },
3694
- "v-date-picker-header/title": {
3695
- "type": "string\n",
3696
- "description": "Specify a title text for the component."
3697
- },
3698
- "v-date-picker-header/model-value": {
3699
- "type": "any[]\n",
3700
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
3701
- },
3702
3690
  "v-date-picker-header/color": {
3703
3691
  "type": "string\n",
3704
3692
  "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)"
@@ -3707,30 +3695,14 @@
3707
3695
  "type": "string\n",
3708
3696
  "description": "MISSING DESCRIPTION"
3709
3697
  },
3710
- "v-date-picker-header/input-mode": {
3711
- "type": "'keyboard' | 'calendar'\n",
3712
- "description": "MISSING DESCRIPTION"
3713
- },
3714
- "v-date-picker-header/range": {
3715
- "type": "string | boolean\n",
3716
- "description": "MISSING DESCRIPTION"
3717
- },
3718
- "v-date-picker-header/format": {
3719
- "type": "string\n",
3720
- "description": "MISSING DESCRIPTION"
3721
- },
3722
- "v-date-picker-header/keyboard-icon": {
3698
+ "v-date-picker-header/append-icon": {
3723
3699
  "type": "string\n",
3724
- "description": "MISSING DESCRIPTION"
3700
+ "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot"
3725
3701
  },
3726
- "v-date-picker-header/calendar-icon": {
3702
+ "v-date-picker-header/transition": {
3727
3703
  "type": "string\n",
3728
3704
  "description": "MISSING DESCRIPTION"
3729
3705
  },
3730
- "v-date-picker-header/show-input-switch": {
3731
- "type": "boolean\n",
3732
- "description": "MISSING DESCRIPTION"
3733
- },
3734
3706
  "v-date-picker-month/model-value": {
3735
3707
  "type": "any[]\n",
3736
3708
  "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array"
@@ -1145,7 +1145,6 @@
1145
1145
  "range",
1146
1146
  "rounded",
1147
1147
  "show-adjacent-months",
1148
- "show-input-switch",
1149
1148
  "show-week",
1150
1149
  "side",
1151
1150
  "tag",
@@ -1172,16 +1171,10 @@
1172
1171
  },
1173
1172
  "v-date-picker-header": {
1174
1173
  "attributes": [
1175
- "calendar-icon",
1174
+ "append-icon",
1176
1175
  "color",
1177
- "format",
1178
1176
  "header",
1179
- "input-mode",
1180
- "keyboard-icon",
1181
- "model-value",
1182
- "range",
1183
- "show-input-switch",
1184
- "title"
1177
+ "transition"
1185
1178
  ],
1186
1179
  "description": ""
1187
1180
  },
@@ -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.3-master.2023-06-11",
5
+ "version": "3.3.3-master.2023-06-13",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "types-syntax": "typescript",
@@ -15066,8 +15066,9 @@
15066
15066
  },
15067
15067
  {
15068
15068
  "name": "header",
15069
- "description": "MISSING DESCRIPTION",
15069
+ "description": "Text shown when no **display-date** is set.",
15070
15070
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15071
+ "default": "'$vuetify.datePicker.header'",
15071
15072
  "value": {
15072
15073
  "kind": "expression",
15073
15074
  "type": "string\n"
@@ -15124,7 +15125,7 @@
15124
15125
  },
15125
15126
  {
15126
15127
  "name": "cancelText",
15127
- "description": "MISSING DESCRIPTION",
15128
+ "description": "Text used for the Cancel button.",
15128
15129
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15129
15130
  "default": "'$vuetify.datePicker.cancel'",
15130
15131
  "value": {
@@ -15134,7 +15135,7 @@
15134
15135
  },
15135
15136
  {
15136
15137
  "name": "okText",
15137
- "description": "MISSING DESCRIPTION",
15138
+ "description": "Text used for the Ok button.",
15138
15139
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15139
15140
  "default": "'$vuetify.datePicker.ok'",
15140
15141
  "value": {
@@ -15144,7 +15145,7 @@
15144
15145
  },
15145
15146
  {
15146
15147
  "name": "inputMode",
15147
- "description": "MISSING DESCRIPTION",
15148
+ "description": "Toggles between showing dates or inputs.",
15148
15149
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15149
15150
  "default": "'calendar'",
15150
15151
  "value": {
@@ -15154,7 +15155,7 @@
15154
15155
  },
15155
15156
  {
15156
15157
  "name": "hideActions",
15157
- "description": "MISSING DESCRIPTION",
15158
+ "description": "Hide the picker actions",
15158
15159
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15159
15160
  "default": "false",
15160
15161
  "value": {
@@ -15164,7 +15165,7 @@
15164
15165
  },
15165
15166
  {
15166
15167
  "name": "expandIcon",
15167
- "description": "MISSING DESCRIPTION",
15168
+ "description": "Icon used for **view-mode** toggle.",
15168
15169
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15169
15170
  "default": "'$expand'",
15170
15171
  "value": {
@@ -15194,7 +15195,7 @@
15194
15195
  },
15195
15196
  {
15196
15197
  "name": "displayDate",
15197
- "description": "MISSING DESCRIPTION",
15198
+ "description": "The date displayed in the picker header.",
15198
15199
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15199
15200
  "value": {
15200
15201
  "kind": "expression",
@@ -15213,7 +15214,7 @@
15213
15214
  },
15214
15215
  {
15215
15216
  "name": "format",
15216
- "description": "MISSING DESCRIPTION",
15217
+ "description": "Takes a date object and returns it in a specified format.",
15217
15218
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15218
15219
  "value": {
15219
15220
  "kind": "expression",
@@ -15278,10 +15279,10 @@
15278
15279
  }
15279
15280
  },
15280
15281
  {
15281
- "name": "inputText",
15282
- "description": "MISSING DESCRIPTION",
15282
+ "name": "calendarIcon",
15283
+ "description": "The icon shown in the header when in 'input' **input-mode**.",
15283
15284
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15284
- "default": "'$vuetify.datePicker.input.placeholder'",
15285
+ "default": "'$calendar'",
15285
15286
  "value": {
15286
15287
  "kind": "expression",
15287
15288
  "type": "string\n"
@@ -15298,25 +15299,15 @@
15298
15299
  }
15299
15300
  },
15300
15301
  {
15301
- "name": "calendarIcon",
15302
+ "name": "inputText",
15302
15303
  "description": "MISSING DESCRIPTION",
15303
15304
  "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15304
- "default": "'$calendar'",
15305
+ "default": "'$vuetify.datePicker.input.placeholder'",
15305
15306
  "value": {
15306
15307
  "kind": "expression",
15307
15308
  "type": "string\n"
15308
15309
  }
15309
15310
  },
15310
- {
15311
- "name": "showInputSwitch",
15312
- "description": "MISSING DESCRIPTION",
15313
- "doc-url": "https://vuetifyjs.com/api/v-date-picker#props",
15314
- "default": "false",
15315
- "value": {
15316
- "kind": "expression",
15317
- "type": "boolean\n"
15318
- }
15319
- },
15320
15311
  {
15321
15312
  "name": "landscape",
15322
15313
  "description": "MISSING DESCRIPTION",
@@ -15409,9 +15400,23 @@
15409
15400
  ],
15410
15401
  "slots": [
15411
15402
  {
15412
- "name": "default",
15413
- "description": "Displayed below the calendar, can be used for example for adding action button (`OK` and `Cancel`)",
15414
- "doc-url": "https://vuetifyjs.com/api/v-date-picker#slots"
15403
+ "name": "header",
15404
+ "description": "MISSING DESCRIPTION",
15405
+ "doc-url": "https://vuetifyjs.com/api/v-date-picker#slots",
15406
+ "vue-properties": [
15407
+ {
15408
+ "name": "header",
15409
+ "type": "string"
15410
+ },
15411
+ {
15412
+ "name": "appendIcon",
15413
+ "type": "string"
15414
+ },
15415
+ {
15416
+ "name": "onClick:append",
15417
+ "type": "() => void"
15418
+ }
15419
+ ]
15415
15420
  }
15416
15421
  ],
15417
15422
  "vue-model": {
@@ -15482,7 +15487,7 @@
15482
15487
  "name": "displayDate",
15483
15488
  "description": "MISSING DESCRIPTION",
15484
15489
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-controls#props",
15485
- "default": "new Date('2023-06-11T12:05:00.782Z')",
15490
+ "default": "new Date('2023-06-13T12:04:53.688Z')",
15486
15491
  "value": {
15487
15492
  "kind": "expression",
15488
15493
  "type": "any\n"
@@ -15564,25 +15569,6 @@
15564
15569
  "description": "",
15565
15570
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-header",
15566
15571
  "attributes": [
15567
- {
15568
- "name": "title",
15569
- "description": "Specify a title text for the component.",
15570
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15571
- "value": {
15572
- "kind": "expression",
15573
- "type": "string\n"
15574
- }
15575
- },
15576
- {
15577
- "name": "modelValue",
15578
- "description": "The v-model value of the component. If component supports the **multiple** prop, this defaults to an empty array",
15579
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15580
- "default": "[]",
15581
- "value": {
15582
- "kind": "expression",
15583
- "type": "any[]\n"
15584
- }
15585
- },
15586
15572
  {
15587
15573
  "name": "color",
15588
15574
  "description": "Applies specified color to the control - supports utility colors (for example `success` or `purple`) or css color (for example `success` or `purple`) or css color (`#033` or `rgba(255, 0, 0, 0.5)`). Find a list of built-in classes on the [colors page](/styles/colors#material-colors)",
@@ -15602,105 +15588,52 @@
15602
15588
  }
15603
15589
  },
15604
15590
  {
15605
- "name": "inputMode",
15606
- "description": "MISSING DESCRIPTION",
15607
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15608
- "default": "'calendar'",
15609
- "value": {
15610
- "kind": "expression",
15611
- "type": "'keyboard' | 'calendar'\n"
15612
- }
15613
- },
15614
- {
15615
- "name": "range",
15616
- "description": "MISSING DESCRIPTION",
15617
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15618
- "default": "false",
15619
- "value": {
15620
- "kind": "expression",
15621
- "type": "string | boolean\n"
15622
- }
15623
- },
15624
- {
15625
- "name": "format",
15626
- "description": "MISSING DESCRIPTION",
15627
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15628
- "value": {
15629
- "kind": "expression",
15630
- "type": "string\n"
15631
- }
15632
- },
15633
- {
15634
- "name": "keyboardIcon",
15635
- "description": "MISSING DESCRIPTION",
15591
+ "name": "appendIcon",
15592
+ "description": "Creates a [v-icon](/api/v-icon/) component after default content in the **append** slot",
15636
15593
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15637
- "default": "'$edit'",
15638
15594
  "value": {
15639
15595
  "kind": "expression",
15640
15596
  "type": "string\n"
15641
15597
  }
15642
15598
  },
15643
15599
  {
15644
- "name": "calendarIcon",
15600
+ "name": "transition",
15645
15601
  "description": "MISSING DESCRIPTION",
15646
15602
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15647
- "default": "'$calendar'",
15648
15603
  "value": {
15649
15604
  "kind": "expression",
15650
15605
  "type": "string\n"
15651
15606
  }
15652
- },
15653
- {
15654
- "name": "showInputSwitch",
15655
- "description": "MISSING DESCRIPTION",
15656
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#props",
15657
- "default": "false",
15658
- "value": {
15659
- "kind": "expression",
15660
- "type": "boolean\n"
15661
- }
15662
15607
  }
15663
15608
  ],
15664
15609
  "events": [
15665
15610
  {
15666
- "name": "update:focused",
15667
- "description": "Event that is emitted when the component's focus state changes",
15668
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#events",
15669
- "arguments": [
15670
- {
15671
- "name": "argument",
15672
- "type": "[boolean]\n"
15673
- }
15674
- ]
15675
- },
15676
- {
15677
- "name": "update:displayDate",
15678
- "description": "MISSING DESCRIPTION",
15679
- "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#events",
15680
- "arguments": [
15681
- {
15682
- "name": "argument",
15683
- "type": "[any]\n"
15684
- }
15685
- ]
15686
- },
15687
- {
15688
- "name": "update:inputMode",
15689
- "description": "MISSING DESCRIPTION",
15611
+ "name": "click:append",
15612
+ "description": "Emitted when appended icon is clicked",
15690
15613
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#events",
15691
15614
  "arguments": [
15692
15615
  {
15693
15616
  "name": "argument",
15694
- "type": "['keyboard' | 'calendar']\n"
15617
+ "type": "[]\n"
15695
15618
  }
15696
15619
  ]
15697
15620
  }
15698
15621
  ],
15699
15622
  "slots": [
15623
+ {
15624
+ "name": "prepend",
15625
+ "description": "Adds an item outside the input and before input content",
15626
+ "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#slots"
15627
+ },
15700
15628
  {
15701
15629
  "name": "default",
15702
15630
  "description": "The default Vue slot.",
15703
15631
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#slots"
15632
+ },
15633
+ {
15634
+ "name": "append",
15635
+ "description": "Adds an item inside the input and after input content",
15636
+ "doc-url": "https://vuetifyjs.com/api/v-date-picker-header#slots"
15704
15637
  }
15705
15638
  ],
15706
15639
  "vue-model": {
@@ -15761,7 +15694,7 @@
15761
15694
  "name": "displayDate",
15762
15695
  "description": "MISSING DESCRIPTION",
15763
15696
  "doc-url": "https://vuetifyjs.com/api/v-date-picker-month#props",
15764
- "default": "new Date('2023-06-11T12:05:00.782Z')",
15697
+ "default": "new Date('2023-06-13T12:04:53.688Z')",
15765
15698
  "value": {
15766
15699
  "kind": "expression",
15767
15700
  "type": "any\n"