@dimailn/vuetify 2.7.2-alpha46 → 2.7.2-alpha48

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 (58) hide show
  1. package/dist/vuetify.js +100 -97
  2. package/dist/vuetify.js.map +1 -1
  3. package/dist/vuetify.min.css +1 -1
  4. package/dist/vuetify.min.js +2 -2
  5. package/es5/components/VIcon/VIcon.js +73 -93
  6. package/es5/components/VIcon/VIcon.js.map +1 -1
  7. package/es5/components/VItemGroup/VItemGroup.js +2 -1
  8. package/es5/components/VItemGroup/VItemGroup.js.map +1 -1
  9. package/es5/components/VMenu/VMenu.js +3 -1
  10. package/es5/components/VMenu/VMenu.js.map +1 -1
  11. package/es5/framework.js +1 -1
  12. package/lib/components/VIcon/VIcon.js +50 -96
  13. package/lib/components/VIcon/VIcon.js.map +1 -1
  14. package/lib/components/VItemGroup/VItemGroup.js +2 -1
  15. package/lib/components/VItemGroup/VItemGroup.js.map +1 -1
  16. package/lib/components/VMenu/VMenu.js +8 -5
  17. package/lib/components/VMenu/VMenu.js.map +1 -1
  18. package/lib/framework.js +1 -1
  19. package/package.json +1 -1
  20. package/src/components/VAlert/__tests__/__snapshots__/VAlert.spec.ts.snap +2 -2
  21. package/src/components/VAppBar/__tests__/__snapshots__/VAppBarNavIcon.spec.ts.snap +1 -1
  22. package/src/components/VBanner/__tests__/__snapshots__/VBanner.spec.ts.snap +1 -1
  23. package/src/components/VCheckbox/__tests__/__snapshots__/VCheckbox.spec.ts.snap +16 -13
  24. package/src/components/VChip/__tests__/__snapshots__/VChip.spec.ts.snap +5 -0
  25. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPicker.spec.ts.snap +33 -24
  26. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPickerEdit.spec.ts.snap +10 -5
  27. package/src/components/VDataIterator/__tests__/__snapshots__/VDataFooter.spec.ts.snap +50 -29
  28. package/src/components/VDataIterator/__tests__/__snapshots__/VDataIterator.spec.ts.snap +38 -23
  29. package/src/components/VDataTable/__tests__/__snapshots__/VDataTable.spec.ts.snap +670 -438
  30. package/src/components/VDataTable/__tests__/__snapshots__/VDataTableHeader.spec.ts.snap +88 -53
  31. package/src/components/VDataTable/mixins/__tests__/__snapshots__/header.spec.ts.snap +4 -4
  32. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePicker.date.spec.ts.snap +68 -0
  33. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePicker.month.spec.ts.snap +40 -0
  34. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePickerHeader.spec.ts.snap +40 -0
  35. package/src/components/VDatePicker/__tests__/__snapshots__/VDatePickerTitle.spec.ts.snap +4 -0
  36. package/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap +1 -1
  37. package/src/components/VFileInput/__tests__/__snapshots__/VFileInput.spec.ts.snap +43 -43
  38. package/src/components/VIcon/VIcon.ts +50 -98
  39. package/src/components/VIcon/__tests__/VIcon.spec.ts +26 -5
  40. package/src/components/VIcon/__tests__/__snapshots__/VIcon.spec.ts.snap +11 -4
  41. package/src/components/VInput/__tests__/__snapshots__/VInput.spec.ts.snap +18 -2
  42. package/src/components/VItemGroup/VItemGroup.ts +5 -2
  43. package/src/components/VItemGroup/__tests__/VItemGroup.spec.ts +2 -0
  44. package/src/components/VList/__tests__/VListItemGroup.spec.ts +31 -0
  45. package/src/components/VList/__tests__/__snapshots__/VListGroup.spec.ts.snap +1 -1
  46. package/src/components/VMenu/VMenu.ts +10 -7
  47. package/src/components/VOverflowBtn/__tests__/__snapshots__/VOverflowBtn.spec.ts.snap +10 -10
  48. package/src/components/VPagination/__tests__/__snapshots__/VPagination.spec.ts.snap +16 -16
  49. package/src/components/VRadioGroup/__tests__/__snapshots__/VRadio.spec.ts.snap +13 -11
  50. package/src/components/VRadioGroup/__tests__/__snapshots__/VRadioGroup.spec.ts.snap +1 -1
  51. package/src/components/VSelect/__tests__/__snapshots__/VSelect.spec.ts.snap +19 -7
  52. package/src/components/VSelect/__tests__/__snapshots__/VSelect2.spec.ts.snap +29 -9
  53. package/src/components/VSelect/__tests__/__snapshots__/VSelect3.spec.ts.snap +6 -2
  54. package/src/components/VStepper/__tests__/__snapshots__/VStepperStep.spec.ts.snap +6 -5
  55. package/src/components/VTextField/__tests__/__snapshots__/VTextField.spec.ts.snap +14 -12
  56. package/src/components/VTimeline/__tests__/__snapshots__/VTimelineItem.spec.ts.snap +2 -1
  57. package/src/components/VTreeview/__tests__/__snapshots__/VTreeview.spec.ts.snap +42 -21
  58. package/src/components/VTreeview/__tests__/__snapshots__/VTreeviewNode.spec.ts.snap +5 -4
package/src/components/VDataTable/__tests__/__snapshots__/VDataTableHeader.spec.ts.snap CHANGED
@@ -22,10 +22,11 @@ exports[`VDataTableHeader.ts desktop should render 1`] = `
22
22
  <span>
23
23
  Calories
24
24
  </span>
25
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
25
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
26
26
  aria-hidden="true"
27
27
  style="font-size: 18px;"
28
28
  >
29
+ $sort
29
30
  </i>
30
31
  </th>
31
32
  <th role="columnheader"
@@ -38,10 +39,11 @@ exports[`VDataTableHeader.ts desktop should render 1`] = `
38
39
  <span>
39
40
  Fat (g)
40
41
  </span>
41
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
42
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
42
43
  aria-hidden="true"
43
44
  style="font-size: 18px;"
44
45
  >
46
+ $sort
45
47
  </i>
46
48
  </th>
47
49
  <th role="columnheader"
@@ -53,10 +55,11 @@ exports[`VDataTableHeader.ts desktop should render 1`] = `
53
55
  <span>
54
56
  Carbs (g)
55
57
  </span>
56
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
58
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
57
59
  aria-hidden="true"
58
60
  style="font-size: 18px;"
59
61
  >
62
+ $sort
60
63
  </i>
61
64
  </th>
62
65
  <th role="columnheader"
@@ -68,10 +71,11 @@ exports[`VDataTableHeader.ts desktop should render 1`] = `
68
71
  <span>
69
72
  Protein (g)
70
73
  </span>
71
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
74
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
72
75
  aria-hidden="true"
73
76
  style="font-size: 18px;"
74
77
  >
78
+ $sort
75
79
  </i>
76
80
  </th>
77
81
  <th role="columnheader"
@@ -83,10 +87,11 @@ exports[`VDataTableHeader.ts desktop should render 1`] = `
83
87
  <span>
84
88
  Iron (%)
85
89
  </span>
86
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
90
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
87
91
  aria-hidden="true"
88
92
  style="font-size: 18px;"
89
93
  >
94
+ $sort
90
95
  </i>
91
96
  </th>
92
97
  </tr>
@@ -115,10 +120,11 @@ exports[`VDataTableHeader.ts desktop should work with multiSort 1`] = `
115
120
  <span>
116
121
  Calories
117
122
  </span>
118
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
123
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
119
124
  aria-hidden="true"
120
125
  style="font-size: 18px;"
121
126
  >
127
+ $sort
122
128
  </i>
123
129
  </th>
124
130
  <th role="columnheader"
@@ -131,10 +137,11 @@ exports[`VDataTableHeader.ts desktop should work with multiSort 1`] = `
131
137
  <span>
132
138
  Fat (g)
133
139
  </span>
134
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
140
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
135
141
  aria-hidden="true"
136
142
  style="font-size: 18px;"
137
143
  >
144
+ $sort
138
145
  </i>
139
146
  </th>
140
147
  <th role="columnheader"
@@ -146,10 +153,11 @@ exports[`VDataTableHeader.ts desktop should work with multiSort 1`] = `
146
153
  <span>
147
154
  Carbs (g)
148
155
  </span>
149
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
156
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
150
157
  aria-hidden="true"
151
158
  style="font-size: 18px;"
152
159
  >
160
+ $sort
153
161
  </i>
154
162
  </th>
155
163
  <th role="columnheader"
@@ -161,10 +169,11 @@ exports[`VDataTableHeader.ts desktop should work with multiSort 1`] = `
161
169
  <span>
162
170
  Protein (g)
163
171
  </span>
164
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
172
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
165
173
  aria-hidden="true"
166
174
  style="font-size: 18px;"
167
175
  >
176
+ $sort
168
177
  </i>
169
178
  </th>
170
179
  <th role="columnheader"
@@ -176,10 +185,11 @@ exports[`VDataTableHeader.ts desktop should work with multiSort 1`] = `
176
185
  <span>
177
186
  Iron (%)
178
187
  </span>
179
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
188
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
180
189
  aria-hidden="true"
181
190
  style="font-size: 18px;"
182
191
  >
192
+ $sort
183
193
  </i>
184
194
  <span class="v-data-table-header__sort-badge">
185
195
  1
@@ -214,10 +224,11 @@ exports[`VDataTableHeader.ts desktop should work with showGroupBy 1`] = `
214
224
  <span>
215
225
  Calories
216
226
  </span>
217
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
227
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
218
228
  aria-hidden="true"
219
229
  style="font-size: 18px;"
220
230
  >
231
+ $sort
221
232
  </i>
222
233
  <span>
223
234
  group
@@ -233,10 +244,11 @@ exports[`VDataTableHeader.ts desktop should work with showGroupBy 1`] = `
233
244
  <span>
234
245
  Fat (g)
235
246
  </span>
236
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
247
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
237
248
  aria-hidden="true"
238
249
  style="font-size: 18px;"
239
250
  >
251
+ $sort
240
252
  </i>
241
253
  <span>
242
254
  group
@@ -251,10 +263,11 @@ exports[`VDataTableHeader.ts desktop should work with showGroupBy 1`] = `
251
263
  <span>
252
264
  Carbs (g)
253
265
  </span>
254
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
266
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
255
267
  aria-hidden="true"
256
268
  style="font-size: 18px;"
257
269
  >
270
+ $sort
258
271
  </i>
259
272
  <span>
260
273
  group
@@ -269,10 +282,11 @@ exports[`VDataTableHeader.ts desktop should work with showGroupBy 1`] = `
269
282
  <span>
270
283
  Protein (g)
271
284
  </span>
272
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
285
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
273
286
  aria-hidden="true"
274
287
  style="font-size: 18px;"
275
288
  >
289
+ $sort
276
290
  </i>
277
291
  <span>
278
292
  group
@@ -287,10 +301,11 @@ exports[`VDataTableHeader.ts desktop should work with showGroupBy 1`] = `
287
301
  <span>
288
302
  Iron (%)
289
303
  </span>
290
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
304
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
291
305
  aria-hidden="true"
292
306
  style="font-size: 18px;"
293
307
  >
308
+ $sort
294
309
  </i>
295
310
  <span>
296
311
  group
@@ -322,10 +337,11 @@ exports[`VDataTableHeader.ts desktop should work with sortBy correctly 1`] = `
322
337
  <span>
323
338
  Calories
324
339
  </span>
325
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
340
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
326
341
  aria-hidden="true"
327
342
  style="font-size: 18px;"
328
343
  >
344
+ $sort
329
345
  </i>
330
346
  </th>
331
347
  <th role="columnheader"
@@ -338,10 +354,11 @@ exports[`VDataTableHeader.ts desktop should work with sortBy correctly 1`] = `
338
354
  <span>
339
355
  Fat (g)
340
356
  </span>
341
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
357
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
342
358
  aria-hidden="true"
343
359
  style="font-size: 18px;"
344
360
  >
361
+ $sort
345
362
  </i>
346
363
  </th>
347
364
  <th role="columnheader"
@@ -353,10 +370,11 @@ exports[`VDataTableHeader.ts desktop should work with sortBy correctly 1`] = `
353
370
  <span>
354
371
  Carbs (g)
355
372
  </span>
356
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
373
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
357
374
  aria-hidden="true"
358
375
  style="font-size: 18px;"
359
376
  >
377
+ $sort
360
378
  </i>
361
379
  </th>
362
380
  <th role="columnheader"
@@ -368,10 +386,11 @@ exports[`VDataTableHeader.ts desktop should work with sortBy correctly 1`] = `
368
386
  <span>
369
387
  Protein (g)
370
388
  </span>
371
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
389
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
372
390
  aria-hidden="true"
373
391
  style="font-size: 18px;"
374
392
  >
393
+ $sort
375
394
  </i>
376
395
  </th>
377
396
  <th role="columnheader"
@@ -383,10 +402,11 @@ exports[`VDataTableHeader.ts desktop should work with sortBy correctly 1`] = `
383
402
  <span>
384
403
  Iron (%)
385
404
  </span>
386
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
405
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
387
406
  aria-hidden="true"
388
407
  style="font-size: 18px;"
389
408
  >
409
+ $sort
390
410
  </i>
391
411
  </th>
392
412
  </tr>
@@ -415,10 +435,11 @@ exports[`VDataTableHeader.ts desktop should work with sortDesc correctly 1`] = `
415
435
  <span>
416
436
  Calories
417
437
  </span>
418
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
438
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
419
439
  aria-hidden="true"
420
440
  style="font-size: 18px;"
421
441
  >
442
+ $sort
422
443
  </i>
423
444
  </th>
424
445
  <th role="columnheader"
@@ -431,10 +452,11 @@ exports[`VDataTableHeader.ts desktop should work with sortDesc correctly 1`] = `
431
452
  <span>
432
453
  Fat (g)
433
454
  </span>
434
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
455
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
435
456
  aria-hidden="true"
436
457
  style="font-size: 18px;"
437
458
  >
459
+ $sort
438
460
  </i>
439
461
  </th>
440
462
  <th role="columnheader"
@@ -446,10 +468,11 @@ exports[`VDataTableHeader.ts desktop should work with sortDesc correctly 1`] = `
446
468
  <span>
447
469
  Carbs (g)
448
470
  </span>
449
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
471
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
450
472
  aria-hidden="true"
451
473
  style="font-size: 18px;"
452
474
  >
475
+ $sort
453
476
  </i>
454
477
  </th>
455
478
  <th role="columnheader"
@@ -461,10 +484,11 @@ exports[`VDataTableHeader.ts desktop should work with sortDesc correctly 1`] = `
461
484
  <span>
462
485
  Protein (g)
463
486
  </span>
464
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
487
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
465
488
  aria-hidden="true"
466
489
  style="font-size: 18px;"
467
490
  >
491
+ $sort
468
492
  </i>
469
493
  </th>
470
494
  <th role="columnheader"
@@ -476,10 +500,11 @@ exports[`VDataTableHeader.ts desktop should work with sortDesc correctly 1`] = `
476
500
  <span>
477
501
  Iron (%)
478
502
  </span>
479
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
503
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
480
504
  aria-hidden="true"
481
505
  style="font-size: 18px;"
482
506
  >
507
+ $sort
483
508
  </i>
484
509
  </th>
485
510
  </tr>
@@ -496,12 +521,12 @@ exports[`VDataTableHeader.ts mobile should render 1`] = `
496
521
  <div role="button"
497
522
  aria-haspopup="listbox"
498
523
  aria-expanded="false"
499
- aria-owns="list-68"
524
+ aria-owns="list-43"
500
525
  class="v-input__slot"
501
526
  >
502
527
  <div class="v-select__slot">
503
528
  <label class="v-label theme--light"
504
- for="input-68"
529
+ for="input-43"
505
530
  aria-hidden="false"
506
531
  style="left: 0px; position: absolute;"
507
532
  >
@@ -510,16 +535,17 @@ exports[`VDataTableHeader.ts mobile should render 1`] = `
510
535
  <div class="v-select__selections">
511
536
  <input aria-readonly="false"
512
537
  autocomplete="off"
513
- id="input-68"
538
+ id="input-43"
514
539
  readonly
515
540
  type="text"
516
541
  >
517
542
  </div>
518
543
  <div class="v-input__append-inner">
519
544
  <div class="v-input__icon v-input__icon--append">
520
- <i class="v-icon notranslate theme--light material-icons"
545
+ <i class="v-icon notranslate material-icons theme--light"
521
546
  aria-hidden="true"
522
547
  >
548
+ $dropdown
523
549
  </i>
524
550
  </div>
525
551
  </div>
@@ -544,9 +570,10 @@ exports[`VDataTableHeader.ts mobile should render with data-table-select header
544
570
  <div class="v-data-table-header-mobile__select">
545
571
  <div class="v-simple-checkbox v-data-table__checkbox v-data-table__checkbox">
546
572
  <div class="v-input--selection-controls__input">
547
- <i class="v-icon notranslate theme--light material-icons"
573
+ <i class="v-icon notranslate material-icons theme--light"
548
574
  aria-hidden="true"
549
575
  >
576
+ $checkboxOff
550
577
  </i>
551
578
  <div class="v-input--selection-controls__ripple">
552
579
  </div>
@@ -558,12 +585,12 @@ exports[`VDataTableHeader.ts mobile should render with data-table-select header
558
585
  <div role="button"
559
586
  aria-haspopup="listbox"
560
587
  aria-expanded="false"
561
- aria-owns="list-120"
588
+ aria-owns="list-86"
562
589
  class="v-input__slot"
563
590
  >
564
591
  <div class="v-select__slot">
565
592
  <label class="v-label theme--light"
566
- for="input-120"
593
+ for="input-86"
567
594
  aria-hidden="false"
568
595
  style="left: 0px; position: absolute;"
569
596
  >
@@ -572,16 +599,17 @@ exports[`VDataTableHeader.ts mobile should render with data-table-select header
572
599
  <div class="v-select__selections">
573
600
  <input aria-readonly="false"
574
601
  autocomplete="off"
575
- id="input-120"
602
+ id="input-86"
576
603
  readonly
577
604
  type="text"
578
605
  >
579
606
  </div>
580
607
  <div class="v-input__append-inner">
581
608
  <div class="v-input__icon v-input__icon--append">
582
- <i class="v-icon notranslate theme--light material-icons"
609
+ <i class="v-icon notranslate material-icons theme--light"
583
610
  aria-hidden="true"
584
611
  >
612
+ $dropdown
585
613
  </i>
586
614
  </div>
587
615
  </div>
@@ -608,12 +636,12 @@ exports[`VDataTableHeader.ts mobile should work with multiSort 1`] = `
608
636
  <div role="button"
609
637
  aria-haspopup="listbox"
610
638
  aria-expanded="false"
611
- aria-owns="list-84"
639
+ aria-owns="list-57"
612
640
  class="v-input__slot"
613
641
  >
614
642
  <div class="v-select__slot">
615
643
  <label class="v-label v-label--active theme--light"
616
- for="input-84"
644
+ for="input-57"
617
645
  aria-hidden="false"
618
646
  style="left: 0px; position: absolute;"
619
647
  >
@@ -624,26 +652,28 @@ exports[`VDataTableHeader.ts mobile should work with multiSort 1`] = `
624
652
  <span class="v-chip__content">
625
653
  Iron (%)
626
654
  <div class="v-chip__close sortable active desc">
627
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
655
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
628
656
  aria-hidden="true"
629
657
  style="font-size: 18px;"
630
658
  >
659
+ $sort
631
660
  </i>
632
661
  </div>
633
662
  </span>
634
663
  </span>
635
664
  <input aria-readonly="false"
636
665
  autocomplete="off"
637
- id="input-84"
666
+ id="input-57"
638
667
  readonly
639
668
  type="text"
640
669
  >
641
670
  </div>
642
671
  <div class="v-input__append-inner">
643
672
  <div class="v-input__icon v-input__icon--append">
644
- <i class="v-icon notranslate theme--light material-icons"
673
+ <i class="v-icon notranslate material-icons theme--light"
645
674
  aria-hidden="true"
646
675
  >
676
+ $dropdown
647
677
  </i>
648
678
  </div>
649
679
  </div>
@@ -672,12 +702,12 @@ exports[`VDataTableHeader.ts mobile should work with showGroupBy 1`] = `
672
702
  <div role="button"
673
703
  aria-haspopup="listbox"
674
704
  aria-expanded="false"
675
- aria-owns="list-76"
705
+ aria-owns="list-50"
676
706
  class="v-input__slot"
677
707
  >
678
708
  <div class="v-select__slot">
679
709
  <label class="v-label theme--light"
680
- for="input-76"
710
+ for="input-50"
681
711
  aria-hidden="false"
682
712
  style="left: 0px; position: absolute;"
683
713
  >
@@ -686,16 +716,17 @@ exports[`VDataTableHeader.ts mobile should work with showGroupBy 1`] = `
686
716
  <div class="v-select__selections">
687
717
  <input aria-readonly="false"
688
718
  autocomplete="off"
689
- id="input-76"
719
+ id="input-50"
690
720
  readonly
691
721
  type="text"
692
722
  >
693
723
  </div>
694
724
  <div class="v-input__append-inner">
695
725
  <div class="v-input__icon v-input__icon--append">
696
- <i class="v-icon notranslate theme--light material-icons"
726
+ <i class="v-icon notranslate material-icons theme--light"
697
727
  aria-hidden="true"
698
728
  >
729
+ $dropdown
699
730
  </i>
700
731
  </div>
701
732
  </div>
@@ -722,12 +753,12 @@ exports[`VDataTableHeader.ts mobile should work with sortBy correctly 1`] = `
722
753
  <div role="button"
723
754
  aria-haspopup="listbox"
724
755
  aria-expanded="false"
725
- aria-owns="list-95"
756
+ aria-owns="list-66"
726
757
  class="v-input__slot"
727
758
  >
728
759
  <div class="v-select__slot">
729
760
  <label class="v-label v-label--active theme--light"
730
- for="input-95"
761
+ for="input-66"
731
762
  aria-hidden="false"
732
763
  style="left: 0px; position: absolute;"
733
764
  >
@@ -738,26 +769,28 @@ exports[`VDataTableHeader.ts mobile should work with sortBy correctly 1`] = `
738
769
  <span class="v-chip__content">
739
770
  Iron (%)
740
771
  <div class="v-chip__close sortable active desc">
741
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
772
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
742
773
  aria-hidden="true"
743
774
  style="font-size: 18px;"
744
775
  >
776
+ $sort
745
777
  </i>
746
778
  </div>
747
779
  </span>
748
780
  </span>
749
781
  <input aria-readonly="false"
750
782
  autocomplete="off"
751
- id="input-95"
783
+ id="input-66"
752
784
  readonly
753
785
  type="text"
754
786
  >
755
787
  </div>
756
788
  <div class="v-input__append-inner">
757
789
  <div class="v-input__icon v-input__icon--append">
758
- <i class="v-icon notranslate theme--light material-icons"
790
+ <i class="v-icon notranslate material-icons theme--light"
759
791
  aria-hidden="true"
760
792
  >
793
+ $dropdown
761
794
  </i>
762
795
  </div>
763
796
  </div>
@@ -786,12 +819,12 @@ exports[`VDataTableHeader.ts mobile should work with sortDesc correctly 1`] = `
786
819
  <div role="button"
787
820
  aria-haspopup="listbox"
788
821
  aria-expanded="false"
789
- aria-owns="list-106"
822
+ aria-owns="list-75"
790
823
  class="v-input__slot"
791
824
  >
792
825
  <div class="v-select__slot">
793
826
  <label class="v-label v-label--active theme--light"
794
- for="input-106"
827
+ for="input-75"
795
828
  aria-hidden="false"
796
829
  style="left: 0px; position: absolute;"
797
830
  >
@@ -802,26 +835,28 @@ exports[`VDataTableHeader.ts mobile should work with sortDesc correctly 1`] = `
802
835
  <span class="v-chip__content">
803
836
  Iron (%)
804
837
  <div class="v-chip__close sortable active asc">
805
- <i class="v-icon notranslate theme--light material-icons v-data-table-header__icon"
838
+ <i class="v-icon notranslate material-icons theme--light v-data-table-header__icon"
806
839
  aria-hidden="true"
807
840
  style="font-size: 18px;"
808
841
  >
842
+ $sort
809
843
  </i>
810
844
  </div>
811
845
  </span>
812
846
  </span>
813
847
  <input aria-readonly="false"
814
848
  autocomplete="off"
815
- id="input-106"
849
+ id="input-75"
816
850
  readonly
817
851
  type="text"
818
852
  >
819
853
  </div>
820
854
  <div class="v-input__append-inner">
821
855
  <div class="v-input__icon v-input__icon--append">
822
- <i class="v-icon notranslate theme--light material-icons"
856
+ <i class="v-icon notranslate material-icons theme--light"
823
857
  aria-hidden="true"
824
858
  >
859
+ $dropdown
825
860
  </i>
826
861
  </div>
827
862
  </div>
package/src/components/VDataTable/mixins/__tests__/__snapshots__/header.spec.ts.snap CHANGED
@@ -4,7 +4,7 @@ exports[`VDataTable/header.ts should generate select 1`] = `
4
4
  <div>
5
5
  <div class="v-simple-checkbox v-data-table__checkbox v-data-table__checkbox">
6
6
  <div class="v-input--selection-controls__input">
7
- <i class="v-icon notranslate theme--light mdi mdi-checkbox-blank-outline"
7
+ <i class="v-icon notranslate mdi mdi-checkbox-blank-outline theme--light"
8
8
  aria-hidden="true"
9
9
  >
10
10
  </i>
@@ -19,7 +19,7 @@ exports[`VDataTable/header.ts should generate select 2`] = `
19
19
  <div>
20
20
  <div class="v-simple-checkbox v-data-table__checkbox v-data-table__checkbox">
21
21
  <div class="v-input--selection-controls__input">
22
- <i class="v-icon notranslate theme--light mdi mdi-checkbox-blank-outline"
22
+ <i class="v-icon notranslate mdi mdi-checkbox-blank-outline theme--light"
23
23
  aria-hidden="true"
24
24
  >
25
25
  </i>
@@ -34,7 +34,7 @@ exports[`VDataTable/header.ts should generate select 3`] = `
34
34
  <div>
35
35
  <div class="v-simple-checkbox v-data-table__checkbox v-data-table__checkbox">
36
36
  <div class="v-input--selection-controls__input">
37
- <i class="v-icon notranslate theme--light mdi mdi-checkbox-blank-outline"
37
+ <i class="v-icon notranslate mdi mdi-checkbox-blank-outline theme--light"
38
38
  aria-hidden="true"
39
39
  >
40
40
  </i>
@@ -70,7 +70,7 @@ exports[`VDataTable/header.ts should generate select scoped slot 3`] = `
70
70
  `;
71
71
 
72
72
  exports[`VDataTable/header.ts should generate sort icon 1`] = `
73
- <i class="v-icon notranslate theme--light mdi mdi-sort v-data-table-header__icon"
73
+ <i class="v-icon notranslate mdi mdi-sort theme--light v-data-table-header__icon"
74
74
  aria-hidden="true"
75
75
  style="font-size: 18px;"
76
76
  >