@dimailn/vuetify 2.7.2-alpha29 → 2.7.2-alpha31

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 (95) hide show
  1. package/dist/vuetify.js +166 -78
  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/VBreadcrumbs/VBreadcrumbs.js +8 -6
  6. package/es5/components/VBreadcrumbs/VBreadcrumbs.js.map +1 -1
  7. package/es5/components/VBreadcrumbs/VBreadcrumbsItem.js +4 -0
  8. package/es5/components/VBreadcrumbs/VBreadcrumbsItem.js.map +1 -1
  9. package/es5/components/VCarousel/VCarousel.js +14 -2
  10. package/es5/components/VCarousel/VCarousel.js.map +1 -1
  11. package/es5/components/VDialog/VDialog.js +47 -26
  12. package/es5/components/VDialog/VDialog.js.map +1 -1
  13. package/es5/components/VFileInput/VFileInput.js +50 -28
  14. package/es5/components/VFileInput/VFileInput.js.map +1 -1
  15. package/es5/components/VPagination/VPagination.js +15 -18
  16. package/es5/components/VPagination/VPagination.js.map +1 -1
  17. package/es5/components/VRangeSlider/VRangeSlider.js +57 -32
  18. package/es5/components/VRangeSlider/VRangeSlider.js.map +1 -1
  19. package/es5/components/VSubheader/VSubheader.js +1 -1
  20. package/es5/components/VSubheader/VSubheader.js.map +1 -1
  21. package/es5/components/VTreeview/VTreeview.js +26 -13
  22. package/es5/components/VTreeview/VTreeview.js.map +1 -1
  23. package/es5/components/VTreeview/VTreeviewNode.js +0 -2
  24. package/es5/components/VTreeview/VTreeviewNode.js.map +1 -1
  25. package/es5/components/VVirtualScroll/VVirtualScroll.js.map +1 -1
  26. package/es5/framework.js +1 -1
  27. package/lib/components/VBreadcrumbs/VBreadcrumbs.js +7 -5
  28. package/lib/components/VBreadcrumbs/VBreadcrumbs.js.map +1 -1
  29. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js +4 -0
  30. package/lib/components/VBreadcrumbs/VBreadcrumbsItem.js.map +1 -1
  31. package/lib/components/VCarousel/VCarousel.js +14 -2
  32. package/lib/components/VCarousel/VCarousel.js.map +1 -1
  33. package/lib/components/VDialog/VDialog.js +9 -2
  34. package/lib/components/VDialog/VDialog.js.map +1 -1
  35. package/lib/components/VFileInput/VFileInput.js +43 -26
  36. package/lib/components/VFileInput/VFileInput.js.map +1 -1
  37. package/lib/components/VPagination/VPagination.js +15 -19
  38. package/lib/components/VPagination/VPagination.js.map +1 -1
  39. package/lib/components/VRangeSlider/VRangeSlider.js +16 -4
  40. package/lib/components/VRangeSlider/VRangeSlider.js.map +1 -1
  41. package/lib/components/VSubheader/VSubheader.js +1 -1
  42. package/lib/components/VSubheader/VSubheader.js.map +1 -1
  43. package/lib/components/VTreeview/VTreeview.js +15 -7
  44. package/lib/components/VTreeview/VTreeview.js.map +1 -1
  45. package/lib/components/VTreeview/VTreeviewNode.js +0 -2
  46. package/lib/components/VTreeview/VTreeviewNode.js.map +1 -1
  47. package/lib/components/VVirtualScroll/VVirtualScroll.js.map +1 -1
  48. package/lib/framework.js +1 -1
  49. package/package.json +1 -1
  50. package/src/components/VBottomNavigation/__tests__/VBottomNavigation.spec.ts +43 -37
  51. package/src/components/VBottomNavigation/__tests__/__snapshots__/VBottomNavigation.spec.ts.snap +11 -10
  52. package/src/components/VBreadcrumbs/VBreadcrumbs.ts +8 -4
  53. package/src/components/VBreadcrumbs/VBreadcrumbsItem.ts +4 -0
  54. package/src/components/VBreadcrumbs/__tests__/VBreadcrumbs.spec.ts +125 -10
  55. package/src/components/VBreadcrumbs/__tests__/VBreadcrumbsItem.spec.ts +10 -6
  56. package/src/components/VBtnToggle/__tests__/VBtnToggle.spec.ts +10 -6
  57. package/src/components/VCarousel/VCarousel.ts +15 -3
  58. package/src/components/VCarousel/__tests__/VCarousel.spec.ts +74 -54
  59. package/src/components/VCarousel/__tests__/VCarouselItem.spec.ts +9 -5
  60. package/src/components/VCarousel/__tests__/__snapshots__/VCarousel.spec.ts.snap +1 -1
  61. package/src/components/VDialog/VDialog.ts +14 -4
  62. package/src/components/VDialog/__tests__/VDialog.spec.ts +105 -101
  63. package/src/components/VDialog/__tests__/__snapshots__/VDialog.spec.ts.snap +0 -15
  64. package/src/components/VExpansionPanel/__tests__/VExpansionPanel.spec.ts +43 -27
  65. package/src/components/VExpansionPanel/__tests__/__snapshots__/VExpansionPanel.spec.ts.snap +18 -16
  66. package/src/components/VFileInput/VFileInput.ts +46 -33
  67. package/src/components/VFileInput/__tests__/VFileInput.spec.ts +84 -54
  68. package/src/components/VFileInput/__tests__/__snapshots__/VFileInput.spec.ts.snap +242 -146
  69. package/src/components/VImg/__tests__/VImg.spec.ts +21 -20
  70. package/src/components/VImg/__tests__/__snapshots__/VImg.spec.ts.snap +16 -11
  71. package/src/components/VNavigationDrawer/__tests__/VNavigationDrawer.spec.ts +84 -71
  72. package/src/components/VPagination/VPagination.ts +16 -19
  73. package/src/components/VPagination/__tests__/VPagination.spec.ts +85 -71
  74. package/src/components/VPagination/__tests__/__snapshots__/VPagination.spec.ts.snap +184 -429
  75. package/src/components/VRangeSlider/VRangeSlider.ts +19 -4
  76. package/src/components/VRangeSlider/__tests__/VRangeSlider.spec.ts +40 -40
  77. package/src/components/VRangeSlider/__tests__/__snapshots__/VRangeSlider.spec.ts.snap +32 -38
  78. package/src/components/VSubheader/VSubheader.ts +1 -1
  79. package/src/components/VSubheader/__tests__/VSubheader.spec.ts +12 -7
  80. package/src/components/VSubheader/__tests__/__snapshots__/VSubheader.spec.ts.snap +1 -1
  81. package/src/components/VSystemBar/__tests__/VSystemBar.spec.ts +89 -17
  82. package/src/components/VTimeline/__tests__/VTimelineItem.spec.ts +25 -35
  83. package/src/components/VTimeline/__tests__/__snapshots__/VTimelineItem.spec.ts.snap +4 -5
  84. package/src/components/VTreeview/VTreeview.ts +20 -12
  85. package/src/components/VTreeview/VTreeviewNode.ts +0 -2
  86. package/src/components/VTreeview/__tests__/VTreeview.spec.ts +168 -174
  87. package/src/components/VTreeview/__tests__/VTreeviewNode.spec.ts +77 -66
  88. package/src/components/VTreeview/__tests__/__snapshots__/VTreeview.spec.ts.snap +141 -141
  89. package/src/components/VTreeview/__tests__/__snapshots__/VTreeviewNode.spec.ts.snap +26 -51
  90. package/src/components/VVirtualScroll/VVirtualScroll.ts +0 -1
  91. package/src/components/VVirtualScroll/__tests__/VVirtualScroll.spec.ts +6 -9
  92. package/src/components/VWindow/__tests__/VWindow.spec.ts +78 -0
  93. package/src/components/VWindow/__tests__/VWindowItem.spec.ts +127 -0
  94. package/src/components/VWindow/__tests__/__snapshots__/VWindow.spec.ts.snap +59 -0
  95. package/src/components/VWindow/__tests__/__snapshots__/VWindowItem.spec.ts.snap +36 -0
package/src/components/VPagination/__tests__/__snapshots__/VPagination.spec.ts.snap CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  exports[`VPagination.ts emits an event when next or previous is clicked 1`] = `
4
4
  <nav role="navigation"
5
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
5
+ aria-label="Pagination Navigation"
6
6
  >
7
7
  <ul class="v-pagination theme--light">
8
8
  <li>
9
- <button type="button"
10
- aria-label="$vuetify.pagination.ariaLabel.previous"
11
- class="v-pagination__navigation"
9
+ <button class="v-pagination__navigation"
10
+ type="button"
11
+ aria-label="Previous page"
12
12
  >
13
13
  <i aria-hidden="true"
14
14
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -17,50 +17,54 @@ exports[`VPagination.ts emits an event when next or previous is clicked 1`] = `
17
17
  </button>
18
18
  </li>
19
19
  <li>
20
- <button type="button"
21
- aria-label="$vuetify.pagination.ariaLabel.page"
22
- class="v-pagination__item"
20
+ <button class="v-pagination__item"
21
+ type="button"
22
+ aria-current="false"
23
+ aria-label="Goto Page 1"
23
24
  >
24
25
  1
25
26
  </button>
26
27
  </li>
27
28
  <li>
28
- <button type="button"
29
+ <button class="v-pagination__item v-pagination__item--active primary"
30
+ type="button"
29
31
  aria-current="true"
30
- aria-label="$vuetify.pagination.ariaLabel.currentPage"
31
- class="v-pagination__item v-pagination__item--active primary"
32
+ aria-label="Current Page, Page 2"
32
33
  >
33
34
  2
34
35
  </button>
35
36
  </li>
36
37
  <li>
37
- <button type="button"
38
- aria-label="$vuetify.pagination.ariaLabel.page"
39
- class="v-pagination__item"
38
+ <button class="v-pagination__item"
39
+ type="button"
40
+ aria-current="false"
41
+ aria-label="Goto Page 3"
40
42
  >
41
43
  3
42
44
  </button>
43
45
  </li>
44
46
  <li>
45
- <button type="button"
46
- aria-label="$vuetify.pagination.ariaLabel.page"
47
- class="v-pagination__item"
47
+ <button class="v-pagination__item"
48
+ type="button"
49
+ aria-current="false"
50
+ aria-label="Goto Page 4"
48
51
  >
49
52
  4
50
53
  </button>
51
54
  </li>
52
55
  <li>
53
- <button type="button"
54
- aria-label="$vuetify.pagination.ariaLabel.page"
55
- class="v-pagination__item"
56
+ <button class="v-pagination__item"
57
+ type="button"
58
+ aria-current="false"
59
+ aria-label="Goto Page 5"
56
60
  >
57
61
  5
58
62
  </button>
59
63
  </li>
60
64
  <li>
61
- <button type="button"
62
- aria-label="$vuetify.pagination.ariaLabel.next"
63
- class="v-pagination__navigation"
65
+ <button class="v-pagination__navigation"
66
+ type="button"
67
+ aria-label="Next page"
64
68
  >
65
69
  <i aria-hidden="true"
66
70
  class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -74,13 +78,13 @@ exports[`VPagination.ts emits an event when next or previous is clicked 1`] = `
74
78
 
75
79
  exports[`VPagination.ts should only render end of range if value is equals "right" 1`] = `
76
80
  <nav role="navigation"
77
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
81
+ aria-label="Pagination Navigation"
78
82
  >
79
83
  <ul class="v-pagination theme--light">
80
84
  <li>
81
- <button type="button"
82
- aria-label="$vuetify.pagination.ariaLabel.previous"
83
- class="v-pagination__navigation"
85
+ <button class="v-pagination__navigation"
86
+ type="button"
87
+ aria-label="Previous page"
84
88
  >
85
89
  <i aria-hidden="true"
86
90
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -89,9 +93,10 @@ exports[`VPagination.ts should only render end of range if value is equals "righ
89
93
  </button>
90
94
  </li>
91
95
  <li>
92
- <button type="button"
93
- aria-label="$vuetify.pagination.ariaLabel.page"
94
- class="v-pagination__item"
96
+ <button class="v-pagination__item"
97
+ type="button"
98
+ aria-current="false"
99
+ aria-label="Goto Page 1"
95
100
  >
96
101
  1
97
102
  </button>
@@ -102,34 +107,36 @@ exports[`VPagination.ts should only render end of range if value is equals "righ
102
107
  </span>
103
108
  </li>
104
109
  <li>
105
- <button type="button"
110
+ <button class="v-pagination__item v-pagination__item--active primary"
111
+ type="button"
106
112
  aria-current="true"
107
- aria-label="$vuetify.pagination.ariaLabel.currentPage"
108
- class="v-pagination__item v-pagination__item--active primary"
113
+ aria-label="Current Page, Page 98"
109
114
  >
110
115
  98
111
116
  </button>
112
117
  </li>
113
118
  <li>
114
- <button type="button"
115
- aria-label="$vuetify.pagination.ariaLabel.page"
116
- class="v-pagination__item"
119
+ <button class="v-pagination__item"
120
+ type="button"
121
+ aria-current="false"
122
+ aria-label="Goto Page 99"
117
123
  >
118
124
  99
119
125
  </button>
120
126
  </li>
121
127
  <li>
122
- <button type="button"
123
- aria-label="$vuetify.pagination.ariaLabel.page"
124
- class="v-pagination__item"
128
+ <button class="v-pagination__item"
129
+ type="button"
130
+ aria-current="false"
131
+ aria-label="Goto Page 100"
125
132
  >
126
133
  100
127
134
  </button>
128
135
  </li>
129
136
  <li>
130
- <button type="button"
131
- aria-label="$vuetify.pagination.ariaLabel.next"
132
- class="v-pagination__navigation"
137
+ <button class="v-pagination__navigation"
138
+ type="button"
139
+ aria-label="Next page"
133
140
  >
134
141
  <i aria-hidden="true"
135
142
  class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -143,13 +150,13 @@ exports[`VPagination.ts should only render end of range if value is equals "righ
143
150
 
144
151
  exports[`VPagination.ts should only render middle of range if length is big and value is somewhere in the middle 1`] = `
145
152
  <nav role="navigation"
146
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
153
+ aria-label="Pagination Navigation"
147
154
  >
148
155
  <ul class="v-pagination theme--light">
149
156
  <li>
150
- <button type="button"
151
- aria-label="$vuetify.pagination.ariaLabel.previous"
152
- class="v-pagination__navigation"
157
+ <button class="v-pagination__navigation"
158
+ type="button"
159
+ aria-label="Previous page"
153
160
  >
154
161
  <i aria-hidden="true"
155
162
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -158,9 +165,10 @@ exports[`VPagination.ts should only render middle of range if length is big and
158
165
  </button>
159
166
  </li>
160
167
  <li>
161
- <button type="button"
162
- aria-label="$vuetify.pagination.ariaLabel.page"
163
- class="v-pagination__item"
168
+ <button class="v-pagination__item"
169
+ type="button"
170
+ aria-current="false"
171
+ aria-label="Goto Page 1"
164
172
  >
165
173
  1
166
174
  </button>
@@ -171,167 +179,32 @@ exports[`VPagination.ts should only render middle of range if length is big and
171
179
  </span>
172
180
  </li>
173
181
  <li>
174
- <button type="button"
175
- aria-label="$vuetify.pagination.ariaLabel.page"
176
- class="v-pagination__item"
177
- >
178
- 41
179
- </button>
180
- </li>
181
- <li>
182
- <button type="button"
183
- aria-label="$vuetify.pagination.ariaLabel.page"
184
- class="v-pagination__item"
185
- >
186
- 42
187
- </button>
188
- </li>
189
- <li>
190
- <button type="button"
191
- aria-label="$vuetify.pagination.ariaLabel.page"
192
- class="v-pagination__item"
193
- >
194
- 43
195
- </button>
196
- </li>
197
- <li>
198
- <button type="button"
199
- aria-label="$vuetify.pagination.ariaLabel.page"
200
- class="v-pagination__item"
201
- >
202
- 44
203
- </button>
204
- </li>
205
- <li>
206
- <button type="button"
207
- aria-label="$vuetify.pagination.ariaLabel.page"
208
- class="v-pagination__item"
209
- >
210
- 45
211
- </button>
212
- </li>
213
- <li>
214
- <button type="button"
215
- aria-label="$vuetify.pagination.ariaLabel.page"
216
- class="v-pagination__item"
217
- >
218
- 46
219
- </button>
220
- </li>
221
- <li>
222
- <button type="button"
223
- aria-label="$vuetify.pagination.ariaLabel.page"
224
- class="v-pagination__item"
225
- >
226
- 47
227
- </button>
228
- </li>
229
- <li>
230
- <button type="button"
231
- aria-label="$vuetify.pagination.ariaLabel.page"
232
- class="v-pagination__item"
233
- >
234
- 48
235
- </button>
236
- </li>
237
- <li>
238
- <button type="button"
239
- aria-label="$vuetify.pagination.ariaLabel.page"
240
- class="v-pagination__item"
241
- >
242
- 49
243
- </button>
244
- </li>
245
- <li>
246
- <button type="button"
182
+ <button class="v-pagination__item v-pagination__item--active primary"
183
+ type="button"
247
184
  aria-current="true"
248
- aria-label="$vuetify.pagination.ariaLabel.currentPage"
249
- class="v-pagination__item v-pagination__item--active primary"
185
+ aria-label="Current Page, Page 50"
250
186
  >
251
187
  50
252
188
  </button>
253
189
  </li>
254
- <li>
255
- <button type="button"
256
- aria-label="$vuetify.pagination.ariaLabel.page"
257
- class="v-pagination__item"
258
- >
259
- 51
260
- </button>
261
- </li>
262
- <li>
263
- <button type="button"
264
- aria-label="$vuetify.pagination.ariaLabel.page"
265
- class="v-pagination__item"
266
- >
267
- 52
268
- </button>
269
- </li>
270
- <li>
271
- <button type="button"
272
- aria-label="$vuetify.pagination.ariaLabel.page"
273
- class="v-pagination__item"
274
- >
275
- 53
276
- </button>
277
- </li>
278
- <li>
279
- <button type="button"
280
- aria-label="$vuetify.pagination.ariaLabel.page"
281
- class="v-pagination__item"
282
- >
283
- 54
284
- </button>
285
- </li>
286
- <li>
287
- <button type="button"
288
- aria-label="$vuetify.pagination.ariaLabel.page"
289
- class="v-pagination__item"
290
- >
291
- 55
292
- </button>
293
- </li>
294
- <li>
295
- <button type="button"
296
- aria-label="$vuetify.pagination.ariaLabel.page"
297
- class="v-pagination__item"
298
- >
299
- 56
300
- </button>
301
- </li>
302
- <li>
303
- <button type="button"
304
- aria-label="$vuetify.pagination.ariaLabel.page"
305
- class="v-pagination__item"
306
- >
307
- 57
308
- </button>
309
- </li>
310
- <li>
311
- <button type="button"
312
- aria-label="$vuetify.pagination.ariaLabel.page"
313
- class="v-pagination__item"
314
- >
315
- 58
316
- </button>
317
- </li>
318
190
  <li>
319
191
  <span class="v-pagination__more">
320
192
  ...
321
193
  </span>
322
194
  </li>
323
195
  <li>
324
- <button type="button"
325
- aria-label="$vuetify.pagination.ariaLabel.page"
326
- class="v-pagination__item"
196
+ <button class="v-pagination__item"
197
+ type="button"
198
+ aria-current="false"
199
+ aria-label="Goto Page 100"
327
200
  >
328
201
  100
329
202
  </button>
330
203
  </li>
331
204
  <li>
332
- <button type="button"
333
- aria-label="$vuetify.pagination.ariaLabel.next"
334
- class="v-pagination__navigation"
205
+ <button class="v-pagination__navigation"
206
+ type="button"
207
+ aria-label="Next page"
335
208
  >
336
209
  <i aria-hidden="true"
337
210
  class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -345,14 +218,14 @@ exports[`VPagination.ts should only render middle of range if length is big and
345
218
 
346
219
  exports[`VPagination.ts should only render start and end of range if length is big 1`] = `
347
220
  <nav role="navigation"
348
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
221
+ aria-label="Pagination Navigation"
349
222
  >
350
223
  <ul class="v-pagination theme--light">
351
224
  <li>
352
- <button disabled="disabled"
225
+ <button class="v-pagination__navigation v-pagination__navigation--disabled"
226
+ disabled
353
227
  type="button"
354
- aria-label="$vuetify.pagination.ariaLabel.previous"
355
- class="v-pagination__navigation v-pagination__navigation--disabled"
228
+ aria-label="Previous page"
356
229
  >
357
230
  <i aria-hidden="true"
358
231
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -361,182 +234,50 @@ exports[`VPagination.ts should only render start and end of range if length is b
361
234
  </button>
362
235
  </li>
363
236
  <li>
364
- <button type="button"
365
- aria-label="$vuetify.pagination.ariaLabel.page"
366
- class="v-pagination__item"
237
+ <button class="v-pagination__item v-pagination__item--active primary"
238
+ type="button"
239
+ aria-current="true"
240
+ aria-label="Current Page, Page 1"
367
241
  >
368
242
  1
369
243
  </button>
370
244
  </li>
371
245
  <li>
372
- <button type="button"
373
- aria-label="$vuetify.pagination.ariaLabel.page"
374
- class="v-pagination__item"
246
+ <button class="v-pagination__item"
247
+ type="button"
248
+ aria-current="false"
249
+ aria-label="Goto Page 2"
375
250
  >
376
251
  2
377
252
  </button>
378
253
  </li>
379
- <li>
380
- <button type="button"
381
- aria-label="$vuetify.pagination.ariaLabel.page"
382
- class="v-pagination__item"
383
- >
384
- 3
385
- </button>
386
- </li>
387
- <li>
388
- <button type="button"
389
- aria-label="$vuetify.pagination.ariaLabel.page"
390
- class="v-pagination__item"
391
- >
392
- 4
393
- </button>
394
- </li>
395
- <li>
396
- <button type="button"
397
- aria-label="$vuetify.pagination.ariaLabel.page"
398
- class="v-pagination__item"
399
- >
400
- 5
401
- </button>
402
- </li>
403
- <li>
404
- <button type="button"
405
- aria-label="$vuetify.pagination.ariaLabel.page"
406
- class="v-pagination__item"
407
- >
408
- 6
409
- </button>
410
- </li>
411
- <li>
412
- <button type="button"
413
- aria-label="$vuetify.pagination.ariaLabel.page"
414
- class="v-pagination__item"
415
- >
416
- 7
417
- </button>
418
- </li>
419
- <li>
420
- <button type="button"
421
- aria-label="$vuetify.pagination.ariaLabel.page"
422
- class="v-pagination__item"
423
- >
424
- 8
425
- </button>
426
- </li>
427
- <li>
428
- <button type="button"
429
- aria-label="$vuetify.pagination.ariaLabel.page"
430
- class="v-pagination__item"
431
- >
432
- 9
433
- </button>
434
- </li>
435
- <li>
436
- <button type="button"
437
- aria-label="$vuetify.pagination.ariaLabel.page"
438
- class="v-pagination__item"
439
- >
440
- 10
441
- </button>
442
- </li>
443
- <li>
444
- <button type="button"
445
- aria-label="$vuetify.pagination.ariaLabel.page"
446
- class="v-pagination__item"
447
- >
448
- 11
449
- </button>
450
- </li>
451
254
  <li>
452
255
  <span class="v-pagination__more">
453
256
  ...
454
257
  </span>
455
258
  </li>
456
259
  <li>
457
- <button type="button"
458
- aria-label="$vuetify.pagination.ariaLabel.page"
459
- class="v-pagination__item"
460
- >
461
- 91
462
- </button>
463
- </li>
464
- <li>
465
- <button type="button"
466
- aria-label="$vuetify.pagination.ariaLabel.page"
467
- class="v-pagination__item"
468
- >
469
- 92
470
- </button>
471
- </li>
472
- <li>
473
- <button type="button"
474
- aria-label="$vuetify.pagination.ariaLabel.page"
475
- class="v-pagination__item"
476
- >
477
- 93
478
- </button>
479
- </li>
480
- <li>
481
- <button type="button"
482
- aria-label="$vuetify.pagination.ariaLabel.page"
483
- class="v-pagination__item"
484
- >
485
- 94
486
- </button>
487
- </li>
488
- <li>
489
- <button type="button"
490
- aria-label="$vuetify.pagination.ariaLabel.page"
491
- class="v-pagination__item"
492
- >
493
- 95
494
- </button>
495
- </li>
496
- <li>
497
- <button type="button"
498
- aria-label="$vuetify.pagination.ariaLabel.page"
499
- class="v-pagination__item"
500
- >
501
- 96
502
- </button>
503
- </li>
504
- <li>
505
- <button type="button"
506
- aria-label="$vuetify.pagination.ariaLabel.page"
507
- class="v-pagination__item"
508
- >
509
- 97
510
- </button>
511
- </li>
512
- <li>
513
- <button type="button"
514
- aria-label="$vuetify.pagination.ariaLabel.page"
515
- class="v-pagination__item"
516
- >
517
- 98
518
- </button>
519
- </li>
520
- <li>
521
- <button type="button"
522
- aria-label="$vuetify.pagination.ariaLabel.page"
523
- class="v-pagination__item"
260
+ <button class="v-pagination__item"
261
+ type="button"
262
+ aria-current="false"
263
+ aria-label="Goto Page 99"
524
264
  >
525
265
  99
526
266
  </button>
527
267
  </li>
528
268
  <li>
529
- <button type="button"
530
- aria-label="$vuetify.pagination.ariaLabel.page"
531
- class="v-pagination__item"
269
+ <button class="v-pagination__item"
270
+ type="button"
271
+ aria-current="false"
272
+ aria-label="Goto Page 100"
532
273
  >
533
274
  100
534
275
  </button>
535
276
  </li>
536
277
  <li>
537
- <button type="button"
538
- aria-label="$vuetify.pagination.ariaLabel.next"
539
- class="v-pagination__navigation"
278
+ <button class="v-pagination__navigation"
279
+ type="button"
280
+ aria-label="Next page"
540
281
  >
541
282
  <i aria-hidden="true"
542
283
  class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -550,13 +291,13 @@ exports[`VPagination.ts should only render start and end of range if length is b
550
291
 
551
292
  exports[`VPagination.ts should only render start of range if value is equals "left" 1`] = `
552
293
  <nav role="navigation"
553
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
294
+ aria-label="Pagination Navigation"
554
295
  >
555
296
  <ul class="v-pagination theme--light">
556
297
  <li>
557
- <button type="button"
558
- aria-label="$vuetify.pagination.ariaLabel.previous"
559
- class="v-pagination__navigation"
298
+ <button class="v-pagination__navigation"
299
+ type="button"
300
+ aria-label="Previous page"
560
301
  >
561
302
  <i aria-hidden="true"
562
303
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -565,26 +306,28 @@ exports[`VPagination.ts should only render start of range if value is equals "le
565
306
  </button>
566
307
  </li>
567
308
  <li>
568
- <button type="button"
569
- aria-label="$vuetify.pagination.ariaLabel.page"
570
- class="v-pagination__item"
309
+ <button class="v-pagination__item"
310
+ type="button"
311
+ aria-current="false"
312
+ aria-label="Goto Page 1"
571
313
  >
572
314
  1
573
315
  </button>
574
316
  </li>
575
317
  <li>
576
- <button type="button"
577
- aria-label="$vuetify.pagination.ariaLabel.page"
578
- class="v-pagination__item"
318
+ <button class="v-pagination__item"
319
+ type="button"
320
+ aria-current="false"
321
+ aria-label="Goto Page 2"
579
322
  >
580
323
  2
581
324
  </button>
582
325
  </li>
583
326
  <li>
584
- <button type="button"
327
+ <button class="v-pagination__item v-pagination__item--active primary"
328
+ type="button"
585
329
  aria-current="true"
586
- aria-label="$vuetify.pagination.ariaLabel.currentPage"
587
- class="v-pagination__item v-pagination__item--active primary"
330
+ aria-label="Current Page, Page 3"
588
331
  >
589
332
  3
590
333
  </button>
@@ -595,17 +338,18 @@ exports[`VPagination.ts should only render start of range if value is equals "le
595
338
  </span>
596
339
  </li>
597
340
  <li>
598
- <button type="button"
599
- aria-label="$vuetify.pagination.ariaLabel.page"
600
- class="v-pagination__item"
341
+ <button class="v-pagination__item"
342
+ type="button"
343
+ aria-current="false"
344
+ aria-label="Goto Page 100"
601
345
  >
602
346
  100
603
347
  </button>
604
348
  </li>
605
349
  <li>
606
- <button type="button"
607
- aria-label="$vuetify.pagination.ariaLabel.next"
608
- class="v-pagination__navigation"
350
+ <button class="v-pagination__navigation"
351
+ type="button"
352
+ aria-label="Next page"
609
353
  >
610
354
  <i aria-hidden="true"
611
355
  class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -619,68 +363,72 @@ exports[`VPagination.ts should only render start of range if value is equals "le
619
363
 
620
364
  exports[`VPagination.ts should render component in RTL mode and match snapshot 1`] = `
621
365
  <nav role="navigation"
622
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
366
+ aria-label="Pagination Navigation"
623
367
  >
624
368
  <ul class="v-pagination theme--light">
625
369
  <li>
626
- <button type="button"
627
- aria-label="$vuetify.pagination.ariaLabel.previous"
628
- class="v-pagination__navigation"
370
+ <button class="v-pagination__navigation"
371
+ type="button"
372
+ aria-label="Previous page"
629
373
  >
630
374
  <i aria-hidden="true"
631
- class="v-icon notranslate mdi mdi-chevron-left theme--light"
375
+ class="v-icon notranslate mdi mdi-chevron-right theme--light"
632
376
  >
633
377
  </i>
634
378
  </button>
635
379
  </li>
636
380
  <li>
637
- <button type="button"
638
- aria-label="$vuetify.pagination.ariaLabel.page"
639
- class="v-pagination__item"
381
+ <button class="v-pagination__item"
382
+ type="button"
383
+ aria-current="false"
384
+ aria-label="Goto Page 1"
640
385
  >
641
386
  1
642
387
  </button>
643
388
  </li>
644
389
  <li>
645
- <button type="button"
390
+ <button class="v-pagination__item v-pagination__item--active primary"
391
+ type="button"
646
392
  aria-current="true"
647
- aria-label="$vuetify.pagination.ariaLabel.currentPage"
648
- class="v-pagination__item v-pagination__item--active primary"
393
+ aria-label="Current Page, Page 2"
649
394
  >
650
395
  2
651
396
  </button>
652
397
  </li>
653
398
  <li>
654
- <button type="button"
655
- aria-label="$vuetify.pagination.ariaLabel.page"
656
- class="v-pagination__item"
399
+ <button class="v-pagination__item"
400
+ type="button"
401
+ aria-current="false"
402
+ aria-label="Goto Page 3"
657
403
  >
658
404
  3
659
405
  </button>
660
406
  </li>
661
407
  <li>
662
- <button type="button"
663
- aria-label="$vuetify.pagination.ariaLabel.page"
664
- class="v-pagination__item"
408
+ <button class="v-pagination__item"
409
+ type="button"
410
+ aria-current="false"
411
+ aria-label="Goto Page 4"
665
412
  >
666
413
  4
667
414
  </button>
668
415
  </li>
669
416
  <li>
670
- <button type="button"
671
- aria-label="$vuetify.pagination.ariaLabel.page"
672
- class="v-pagination__item"
417
+ <button class="v-pagination__item"
418
+ type="button"
419
+ aria-current="false"
420
+ aria-label="Goto Page 5"
673
421
  >
674
422
  5
675
423
  </button>
676
424
  </li>
677
425
  <li>
678
- <button type="button"
679
- aria-label="$vuetify.pagination.ariaLabel.next"
680
- class="v-pagination__navigation"
426
+ <button class="v-pagination__navigation"
427
+ type="button"
428
+ aria-label="Next page"
681
429
  >
682
430
  <i aria-hidden="true"
683
- class="v-icon notranslate mdi mdi-chevron-right theme--light"
431
+ class="v-icon notranslate mdi mdi-chevron-left theme--light"
684
432
  >
685
433
  </i>
686
434
  </button>
@@ -691,14 +439,14 @@ exports[`VPagination.ts should render component in RTL mode and match snapshot 1
691
439
 
692
440
  exports[`VPagination.ts should render disabled buttons with length equals to 0 1`] = `
693
441
  <nav role="navigation"
694
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
442
+ aria-label="Pagination Navigation"
695
443
  >
696
444
  <ul class="v-pagination theme--light">
697
445
  <li>
698
- <button disabled="disabled"
446
+ <button class="v-pagination__navigation v-pagination__navigation--disabled"
447
+ disabled
699
448
  type="button"
700
- aria-label="$vuetify.pagination.ariaLabel.previous"
701
- class="v-pagination__navigation v-pagination__navigation--disabled"
449
+ aria-label="Previous page"
702
450
  >
703
451
  <i aria-hidden="true"
704
452
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -707,10 +455,10 @@ exports[`VPagination.ts should render disabled buttons with length equals to 0 1
707
455
  </button>
708
456
  </li>
709
457
  <li>
710
- <button disabled="disabled"
458
+ <button class="v-pagination__navigation v-pagination__navigation--disabled"
459
+ disabled
711
460
  type="button"
712
- aria-label="$vuetify.pagination.ariaLabel.next"
713
- class="v-pagination__navigation v-pagination__navigation--disabled"
461
+ aria-label="Next page"
714
462
  >
715
463
  <i aria-hidden="true"
716
464
  class="v-icon notranslate mdi mdi-chevron-right theme--light"
@@ -724,13 +472,13 @@ exports[`VPagination.ts should render disabled buttons with length equals to 0 1
724
472
 
725
473
  exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
726
474
  <nav role="navigation"
727
- aria-label="$vuetify.pagination.ariaLabel.wrapper"
475
+ aria-label="Pagination Navigation"
728
476
  >
729
477
  <ul class="v-pagination theme--light">
730
478
  <li>
731
- <button type="button"
732
- aria-label="$vuetify.pagination.ariaLabel.previous"
733
- class="v-pagination__navigation"
479
+ <button class="v-pagination__navigation"
480
+ type="button"
481
+ aria-label="Previous page"
734
482
  >
735
483
  <i aria-hidden="true"
736
484
  class="v-icon notranslate mdi mdi-chevron-left theme--light"
@@ -739,9 +487,10 @@ exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
739
487
  </button>
740
488
  </li>
741
489
  <li>
742
- <button type="button"
743
- aria-label="$vuetify.pagination.ariaLabel.page"
744
- class="v-pagination__item"
490
+ <button class="v-pagination__item"
491
+ type="button"
492
+ aria-current="false"
493
+ aria-label="Goto Page 1"
745
494
  >
746
495
  1
747
496
  </button>
@@ -752,50 +501,55 @@ exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
752
501
  </span>
753
502
  </li>
754
503
  <li>
755
- <button type="button"
756
- aria-label="$vuetify.pagination.ariaLabel.page"
757
- class="v-pagination__item"
504
+ <button class="v-pagination__item"
505
+ type="button"
506
+ aria-current="false"
507
+ aria-label="Goto Page 47"
758
508
  >
759
509
  47
760
510
  </button>
761
511
  </li>
762
512
  <li>
763
- <button type="button"
764
- aria-label="$vuetify.pagination.ariaLabel.page"
765
- class="v-pagination__item"
513
+ <button class="v-pagination__item"
514
+ type="button"
515
+ aria-current="false"
516
+ aria-label="Goto Page 48"
766
517
  >
767
518
  48
768
519
  </button>
769
520
  </li>
770
521
  <li>
771
- <button type="button"
772
- aria-label="$vuetify.pagination.ariaLabel.page"
773
- class="v-pagination__item"
522
+ <button class="v-pagination__item"
523
+ type="button"
524
+ aria-current="false"
525
+ aria-label="Goto Page 49"
774
526
  >
775
527
  49
776
528
  </button>
777
529
  </li>
778
530
  <li>
779
- <button type="button"
531
+ <button class="v-pagination__item v-pagination__item--active primary"
532
+ type="button"
780
533
  aria-current="true"
781
- aria-label="$vuetify.pagination.ariaLabel.currentPage"
782
- class="v-pagination__item v-pagination__item--active primary"
534
+ aria-label="Current Page, Page 50"
783
535
  >
784
536
  50
785
537
  </button>
786
538
  </li>
787
539
  <li>
788
- <button type="button"
789
- aria-label="$vuetify.pagination.ariaLabel.page"
790
- class="v-pagination__item"
540
+ <button class="v-pagination__item"
541
+ type="button"
542
+ aria-current="false"
543
+ aria-label="Goto Page 51"
791
544
  >
792
545
  51
793
546
  </button>
794
547
  </li>
795
548
  <li>
796
- <button type="button"
797
- aria-label="$vuetify.pagination.ariaLabel.page"
798
- class="v-pagination__item"
549
+ <button class="v-pagination__item"
550
+ type="button"
551
+ aria-current="false"
552
+ aria-label="Goto Page 52"
799
553
  >
800
554
  52
801
555
  </button>
@@ -806,17 +560,18 @@ exports[`VPagination.ts should use totalVisible prop if defined 1`] = `
806
560
  </span>
807
561
  </li>
808
562
  <li>
809
- <button type="button"
810
- aria-label="$vuetify.pagination.ariaLabel.page"
811
- class="v-pagination__item"
563
+ <button class="v-pagination__item"
564
+ type="button"
565
+ aria-current="false"
566
+ aria-label="Goto Page 100"
812
567
  >
813
568
  100
814
569
  </button>
815
570
  </li>
816
571
  <li>
817
- <button type="button"
818
- aria-label="$vuetify.pagination.ariaLabel.next"
819
- class="v-pagination__navigation"
572
+ <button class="v-pagination__navigation"
573
+ type="button"
574
+ aria-label="Next page"
820
575
  >
821
576
  <i aria-hidden="true"
822
577
  class="v-icon notranslate mdi mdi-chevron-right theme--light"