@dimailn/vuetify 2.7.2-alpha23 → 2.7.2-alpha25

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 (108) hide show
  1. package/dist/vuetify.js +280 -256
  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/VBadge/VBadge.js +17 -14
  6. package/es5/components/VBadge/VBadge.js.map +1 -1
  7. package/es5/components/VBtn/VBtn.js +16 -16
  8. package/es5/components/VBtn/VBtn.js.map +1 -1
  9. package/es5/components/VColorPicker/VColorPicker.js +18 -31
  10. package/es5/components/VColorPicker/VColorPicker.js.map +1 -1
  11. package/es5/components/VColorPicker/VColorPickerCanvas.js +45 -46
  12. package/es5/components/VColorPicker/VColorPickerCanvas.js.map +1 -1
  13. package/es5/components/VColorPicker/VColorPickerEdit.js +27 -26
  14. package/es5/components/VColorPicker/VColorPickerEdit.js.map +1 -1
  15. package/es5/components/VColorPicker/VColorPickerPreview.js +41 -30
  16. package/es5/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  17. package/es5/components/VColorPicker/VColorPickerSwatches.js +13 -10
  18. package/es5/components/VColorPicker/VColorPickerSwatches.js.map +1 -1
  19. package/es5/components/VDataTable/VDataTable.js +7 -11
  20. package/es5/components/VDataTable/VDataTable.js.map +1 -1
  21. package/es5/components/VInput/VInput.js +24 -6
  22. package/es5/components/VInput/VInput.js.map +1 -1
  23. package/es5/components/VSelect/VSelectList.js +1 -1
  24. package/es5/components/VSelect/VSelectList.js.map +1 -1
  25. package/es5/components/VSlider/VSlider.js +23 -18
  26. package/es5/components/VSlider/VSlider.js.map +1 -1
  27. package/es5/components/VTooltip/VTooltip.js +3 -7
  28. package/es5/components/VTooltip/VTooltip.js.map +1 -1
  29. package/es5/framework.js +1 -1
  30. package/es5/mixins/activatable/index.js +2 -1
  31. package/es5/mixins/activatable/index.js.map +1 -1
  32. package/es5/mixins/bootable/index.js +1 -2
  33. package/es5/mixins/bootable/index.js.map +1 -1
  34. package/es5/mixins/mouse/index.js +10 -5
  35. package/es5/mixins/mouse/index.js.map +1 -1
  36. package/es5/mixins/selectable/index.js +3 -0
  37. package/es5/mixins/selectable/index.js.map +1 -1
  38. package/lib/components/VBadge/VBadge.js +14 -13
  39. package/lib/components/VBadge/VBadge.js.map +1 -1
  40. package/lib/components/VBtn/VBtn.js +18 -19
  41. package/lib/components/VBtn/VBtn.js.map +1 -1
  42. package/lib/components/VColorPicker/VColorPicker.js +29 -37
  43. package/lib/components/VColorPicker/VColorPicker.js.map +1 -1
  44. package/lib/components/VColorPicker/VColorPickerCanvas.js +41 -43
  45. package/lib/components/VColorPicker/VColorPickerCanvas.js.map +1 -1
  46. package/lib/components/VColorPicker/VColorPickerEdit.js +25 -31
  47. package/lib/components/VColorPicker/VColorPickerEdit.js.map +1 -1
  48. package/lib/components/VColorPicker/VColorPickerPreview.js +45 -32
  49. package/lib/components/VColorPicker/VColorPickerPreview.js.map +1 -1
  50. package/lib/components/VColorPicker/VColorPickerSwatches.js +15 -9
  51. package/lib/components/VColorPicker/VColorPickerSwatches.js.map +1 -1
  52. package/lib/components/VDataTable/VDataTable.js +3 -4
  53. package/lib/components/VDataTable/VDataTable.js.map +1 -1
  54. package/lib/components/VInput/VInput.js +16 -4
  55. package/lib/components/VInput/VInput.js.map +1 -1
  56. package/lib/components/VSelect/VSelectList.js +2 -1
  57. package/lib/components/VSelect/VSelectList.js.map +1 -1
  58. package/lib/components/VSlider/VSlider.js +26 -21
  59. package/lib/components/VSlider/VSlider.js.map +1 -1
  60. package/lib/components/VTooltip/VTooltip.js +6 -9
  61. package/lib/components/VTooltip/VTooltip.js.map +1 -1
  62. package/lib/framework.js +1 -1
  63. package/lib/mixins/activatable/index.js +2 -1
  64. package/lib/mixins/activatable/index.js.map +1 -1
  65. package/lib/mixins/bootable/index.js +2 -4
  66. package/lib/mixins/bootable/index.js.map +1 -1
  67. package/lib/mixins/mouse/index.js +9 -5
  68. package/lib/mixins/mouse/index.js.map +1 -1
  69. package/lib/mixins/selectable/index.js +4 -0
  70. package/lib/mixins/selectable/index.js.map +1 -1
  71. package/package.json +1 -1
  72. package/src/components/VBadge/VBadge.ts +24 -25
  73. package/src/components/VBadge/__tests__/VBadge.spec.ts +47 -30
  74. package/src/components/VBadge/__tests__/__snapshots__/VBadge.spec.ts.snap +5 -5
  75. package/src/components/VBtn/VBtn.ts +18 -16
  76. package/src/components/VBtn/__tests__/VBtn.spec.ts +257 -242
  77. package/src/components/VBtn/__tests__/__snapshots__/VBtn.spec.ts.snap +13 -73
  78. package/src/components/VColorPicker/VColorPicker.ts +32 -35
  79. package/src/components/VColorPicker/VColorPickerCanvas.ts +44 -37
  80. package/src/components/VColorPicker/VColorPickerEdit.ts +37 -35
  81. package/src/components/VColorPicker/VColorPickerPreview.ts +48 -28
  82. package/src/components/VColorPicker/VColorPickerSwatches.ts +23 -12
  83. package/src/components/VColorPicker/__tests__/VColorPicker.spec.ts +47 -47
  84. package/src/components/VColorPicker/__tests__/VColorPickerCanvas.spec.ts +15 -13
  85. package/src/components/VColorPicker/__tests__/VColorPickerEdit.spec.ts +52 -50
  86. package/src/components/VColorPicker/__tests__/VColorPickerPreview.spec.ts +101 -30
  87. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPicker.spec.ts.snap +200 -157
  88. package/src/components/VColorPicker/__tests__/__snapshots__/VColorPickerEdit.spec.ts.snap +28 -11
  89. package/src/components/VDataTable/VDataTable.ts +3 -3
  90. package/src/components/VInput/VInput.ts +12 -2
  91. package/src/components/VInput/__tests__/VInput.spec.ts +170 -234
  92. package/src/components/VInput/__tests__/__snapshots__/VInput.spec.ts.snap +50 -101
  93. package/src/components/VSelect/VSelectList.ts +1 -0
  94. package/src/components/VSkeletonLoader/__tests__/VSkeletonLoader.spec.ts +22 -15
  95. package/src/components/VSkeletonLoader/__tests__/__snapshots__/VSkeletonLoader.spec.ts.snap +60 -60
  96. package/src/components/VSlider/VSlider.ts +43 -27
  97. package/src/components/VSlider/__tests__/VSlider.spec.ts +188 -286
  98. package/src/components/VSlider/__tests__/__snapshots__/VSlider.spec.ts.snap +157 -246
  99. package/src/components/VTabs/__tests__/VTab.spec.ts +3 -3
  100. package/src/components/VTabs/__tests__/VTabsBar.spec.ts +2 -2
  101. package/src/components/VTooltip/VTooltip.ts +20 -20
  102. package/src/components/VTooltip/__tests__/VTooltip.spec.ts +60 -75
  103. package/src/mixins/activatable/index.ts +2 -1
  104. package/src/mixins/bootable/__tests__/bootable.spec.ts +17 -11
  105. package/src/mixins/bootable/index.ts +4 -3
  106. package/src/mixins/mouse/__tests__/mouse.spec.ts +54 -40
  107. package/src/mixins/mouse/index.ts +10 -6
  108. package/src/mixins/selectable/index.ts +4 -0
package/src/components/VColorPicker/__tests__/__snapshots__/VColorPicker.spec.ts.snap CHANGED
@@ -1,7 +1,7 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`VColorPicker.ts should change canvas height 1`] = `
4
- <div class="v-color-picker v-sheet theme--light theme--light"
4
+ <div class="v-sheet theme--light v-color-picker theme--light"
5
5
  style="max-width: 300px;"
6
6
  >
7
7
  <div class="v-color-picker__canvas"
@@ -23,15 +23,16 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
23
23
  </div>
24
24
  </div>
25
25
  <div class="v-color-picker__sliders">
26
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
26
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
27
27
  <div class="v-input__control">
28
28
  <div class="v-input__slot">
29
29
  <div class="v-slider v-slider--horizontal theme--light">
30
- <input value="0"
31
- id="input-15"
32
- disabled="disabled"
33
- readonly="readonly"
30
+ <input id="input-16"
31
+ disabled
32
+ readonly
34
33
  tabindex="-1"
34
+ class="v-color-picker__hue"
35
+ value="0"
35
36
  >
36
37
  <div class="v-slider__track-container">
37
38
  <div class="v-slider__track-background primary lighten-3"
@@ -43,15 +44,15 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
43
44
  >
44
45
  </div>
45
46
  </div>
46
- <div role="slider"
47
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
48
+ style="left: 0%;"
49
+ role="slider"
47
50
  tabindex="0"
48
51
  aria-valuemin="0"
49
52
  aria-valuemax="360"
50
53
  aria-valuenow="0"
51
54
  aria-readonly="false"
52
55
  aria-orientation="horizontal"
53
- class="v-slider__thumb-container grey--text text--lighten-2"
54
- style="left: 0%;"
55
56
  >
56
57
  <div class="v-slider__thumb grey lighten-2">
57
58
  </div>
@@ -60,15 +61,16 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
60
61
  </div>
61
62
  </div>
62
63
  </div>
63
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
64
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
64
65
  <div class="v-input__control">
65
66
  <div class="v-input__slot">
66
67
  <div class="v-slider v-slider--horizontal theme--light">
67
- <input value="1"
68
- id="input-16"
69
- disabled="disabled"
70
- readonly="readonly"
68
+ <input id="input-17"
69
+ disabled
70
+ readonly
71
71
  tabindex="-1"
72
+ class="v-color-picker__alpha"
73
+ value="1"
72
74
  >
73
75
  <div class="v-slider__track-container">
74
76
  <div class="v-slider__track-background primary lighten-3"
@@ -80,15 +82,15 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
80
82
  >
81
83
  </div>
82
84
  </div>
83
- <div role="slider"
85
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
86
+ style="left: 100%;"
87
+ role="slider"
84
88
  tabindex="0"
85
89
  aria-valuemin="0"
86
90
  aria-valuemax="1"
87
91
  aria-valuenow="1"
88
92
  aria-readonly="false"
89
93
  aria-orientation="horizontal"
90
- class="v-slider__thumb-container grey--text text--lighten-2"
91
- style="left: 100%;"
92
94
  >
93
95
  <div class="v-slider__thumb grey lighten-2">
94
96
  </div>
@@ -105,6 +107,7 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
105
107
  min="0"
106
108
  max="255"
107
109
  step="1"
110
+ value="255"
108
111
  >
109
112
  <span>
110
113
  R
@@ -115,6 +118,7 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
115
118
  min="0"
116
119
  max="255"
117
120
  step="1"
121
+ value="0"
118
122
  >
119
123
  <span>
120
124
  G
@@ -125,6 +129,7 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
125
129
  min="0"
126
130
  max="255"
127
131
  step="1"
132
+ value="0"
128
133
  >
129
134
  <span>
130
135
  B
@@ -135,6 +140,7 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
135
140
  min="0"
136
141
  max="1"
137
142
  step="0.01"
143
+ value="1"
138
144
  >
139
145
  <span>
140
146
  A
@@ -147,7 +153,6 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
147
153
  <i aria-hidden="true"
148
154
  class="v-icon notranslate material-icons theme--light"
149
155
  >
150
- $unfold
151
156
  </i>
152
157
  </span>
153
158
  </button>
@@ -157,7 +162,7 @@ exports[`VColorPicker.ts should change canvas height 1`] = `
157
162
  `;
158
163
 
159
164
  exports[`VColorPicker.ts should hide canvas 1`] = `
160
- <div class="v-color-picker v-sheet theme--light theme--light"
165
+ <div class="v-sheet theme--light v-color-picker theme--light"
161
166
  style="max-width: 300px;"
162
167
  >
163
168
  <div class="v-color-picker__controls">
@@ -167,15 +172,16 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
167
172
  </div>
168
173
  </div>
169
174
  <div class="v-color-picker__sliders">
170
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
175
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
171
176
  <div class="v-input__control">
172
177
  <div class="v-input__slot">
173
178
  <div class="v-slider v-slider--horizontal theme--light">
174
- <input value="0"
175
- id="input-35"
176
- disabled="disabled"
177
- readonly="readonly"
179
+ <input id="input-38"
180
+ disabled
181
+ readonly
178
182
  tabindex="-1"
183
+ class="v-color-picker__hue"
184
+ value="0"
179
185
  >
180
186
  <div class="v-slider__track-container">
181
187
  <div class="v-slider__track-background primary lighten-3"
@@ -187,15 +193,15 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
187
193
  >
188
194
  </div>
189
195
  </div>
190
- <div role="slider"
196
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
197
+ style="left: 0%;"
198
+ role="slider"
191
199
  tabindex="0"
192
200
  aria-valuemin="0"
193
201
  aria-valuemax="360"
194
202
  aria-valuenow="0"
195
203
  aria-readonly="false"
196
204
  aria-orientation="horizontal"
197
- class="v-slider__thumb-container grey--text text--lighten-2"
198
- style="left: 0%;"
199
205
  >
200
206
  <div class="v-slider__thumb grey lighten-2">
201
207
  </div>
@@ -204,15 +210,16 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
204
210
  </div>
205
211
  </div>
206
212
  </div>
207
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
213
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
208
214
  <div class="v-input__control">
209
215
  <div class="v-input__slot">
210
216
  <div class="v-slider v-slider--horizontal theme--light">
211
- <input value="1"
212
- id="input-36"
213
- disabled="disabled"
214
- readonly="readonly"
217
+ <input id="input-39"
218
+ disabled
219
+ readonly
215
220
  tabindex="-1"
221
+ class="v-color-picker__alpha"
222
+ value="1"
216
223
  >
217
224
  <div class="v-slider__track-container">
218
225
  <div class="v-slider__track-background primary lighten-3"
@@ -224,15 +231,15 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
224
231
  >
225
232
  </div>
226
233
  </div>
227
- <div role="slider"
234
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
235
+ style="left: 100%;"
236
+ role="slider"
228
237
  tabindex="0"
229
238
  aria-valuemin="0"
230
239
  aria-valuemax="1"
231
240
  aria-valuenow="1"
232
241
  aria-readonly="false"
233
242
  aria-orientation="horizontal"
234
- class="v-slider__thumb-container grey--text text--lighten-2"
235
- style="left: 100%;"
236
243
  >
237
244
  <div class="v-slider__thumb grey lighten-2">
238
245
  </div>
@@ -249,6 +256,7 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
249
256
  min="0"
250
257
  max="255"
251
258
  step="1"
259
+ value="255"
252
260
  >
253
261
  <span>
254
262
  R
@@ -259,6 +267,7 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
259
267
  min="0"
260
268
  max="255"
261
269
  step="1"
270
+ value="0"
262
271
  >
263
272
  <span>
264
273
  G
@@ -269,6 +278,7 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
269
278
  min="0"
270
279
  max="255"
271
280
  step="1"
281
+ value="0"
272
282
  >
273
283
  <span>
274
284
  B
@@ -279,6 +289,7 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
279
289
  min="0"
280
290
  max="1"
281
291
  step="0.01"
292
+ value="1"
282
293
  >
283
294
  <span>
284
295
  A
@@ -291,7 +302,6 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
291
302
  <i aria-hidden="true"
292
303
  class="v-icon notranslate material-icons theme--light"
293
304
  >
294
- $unfold
295
305
  </i>
296
306
  </span>
297
307
  </button>
@@ -301,7 +311,7 @@ exports[`VColorPicker.ts should hide canvas 1`] = `
301
311
  `;
302
312
 
303
313
  exports[`VColorPicker.ts should hide controls 1`] = `
304
- <div class="v-color-picker v-sheet theme--light theme--light"
314
+ <div class="v-sheet theme--light v-color-picker theme--light"
305
315
  style="max-width: 300px;"
306
316
  >
307
317
  <div class="v-color-picker__canvas"
@@ -320,7 +330,7 @@ exports[`VColorPicker.ts should hide controls 1`] = `
320
330
  `;
321
331
 
322
332
  exports[`VColorPicker.ts should hide inputs 1`] = `
323
- <div class="v-color-picker v-sheet theme--light theme--light"
333
+ <div class="v-sheet theme--light v-color-picker theme--light"
324
334
  style="max-width: 300px;"
325
335
  >
326
336
  <div class="v-color-picker__canvas"
@@ -342,15 +352,16 @@ exports[`VColorPicker.ts should hide inputs 1`] = `
342
352
  </div>
343
353
  </div>
344
354
  <div class="v-color-picker__sliders">
345
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
355
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
346
356
  <div class="v-input__control">
347
357
  <div class="v-input__slot">
348
358
  <div class="v-slider v-slider--horizontal theme--light">
349
- <input value="0"
350
- id="input-52"
351
- disabled="disabled"
352
- readonly="readonly"
359
+ <input id="input-57"
360
+ disabled
361
+ readonly
353
362
  tabindex="-1"
363
+ class="v-color-picker__hue"
364
+ value="0"
354
365
  >
355
366
  <div class="v-slider__track-container">
356
367
  <div class="v-slider__track-background primary lighten-3"
@@ -362,15 +373,15 @@ exports[`VColorPicker.ts should hide inputs 1`] = `
362
373
  >
363
374
  </div>
364
375
  </div>
365
- <div role="slider"
376
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
377
+ style="left: 0%;"
378
+ role="slider"
366
379
  tabindex="0"
367
380
  aria-valuemin="0"
368
381
  aria-valuemax="360"
369
382
  aria-valuenow="0"
370
383
  aria-readonly="false"
371
384
  aria-orientation="horizontal"
372
- class="v-slider__thumb-container grey--text text--lighten-2"
373
- style="left: 0%;"
374
385
  >
375
386
  <div class="v-slider__thumb grey lighten-2">
376
387
  </div>
@@ -379,15 +390,16 @@ exports[`VColorPicker.ts should hide inputs 1`] = `
379
390
  </div>
380
391
  </div>
381
392
  </div>
382
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
393
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
383
394
  <div class="v-input__control">
384
395
  <div class="v-input__slot">
385
396
  <div class="v-slider v-slider--horizontal theme--light">
386
- <input value="1"
387
- id="input-53"
388
- disabled="disabled"
389
- readonly="readonly"
397
+ <input id="input-58"
398
+ disabled
399
+ readonly
390
400
  tabindex="-1"
401
+ class="v-color-picker__alpha"
402
+ value="1"
391
403
  >
392
404
  <div class="v-slider__track-container">
393
405
  <div class="v-slider__track-background primary lighten-3"
@@ -399,15 +411,15 @@ exports[`VColorPicker.ts should hide inputs 1`] = `
399
411
  >
400
412
  </div>
401
413
  </div>
402
- <div role="slider"
414
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
415
+ style="left: 100%;"
416
+ role="slider"
403
417
  tabindex="0"
404
418
  aria-valuemin="0"
405
419
  aria-valuemax="1"
406
420
  aria-valuenow="1"
407
421
  aria-readonly="false"
408
422
  aria-orientation="horizontal"
409
- class="v-slider__thumb-container grey--text text--lighten-2"
410
- style="left: 100%;"
411
423
  >
412
424
  <div class="v-slider__thumb grey lighten-2">
413
425
  </div>
@@ -423,7 +435,7 @@ exports[`VColorPicker.ts should hide inputs 1`] = `
423
435
  `;
424
436
 
425
437
  exports[`VColorPicker.ts should hide sliders 1`] = `
426
- <div class="v-color-picker v-sheet theme--light theme--light"
438
+ <div class="v-sheet theme--light v-color-picker theme--light"
427
439
  style="max-width: 300px;"
428
440
  >
429
441
  <div class="v-color-picker__canvas"
@@ -445,6 +457,7 @@ exports[`VColorPicker.ts should hide sliders 1`] = `
445
457
  min="0"
446
458
  max="255"
447
459
  step="1"
460
+ value="255"
448
461
  >
449
462
  <span>
450
463
  R
@@ -455,6 +468,7 @@ exports[`VColorPicker.ts should hide sliders 1`] = `
455
468
  min="0"
456
469
  max="255"
457
470
  step="1"
471
+ value="0"
458
472
  >
459
473
  <span>
460
474
  G
@@ -465,6 +479,7 @@ exports[`VColorPicker.ts should hide sliders 1`] = `
465
479
  min="0"
466
480
  max="255"
467
481
  step="1"
482
+ value="0"
468
483
  >
469
484
  <span>
470
485
  B
@@ -475,6 +490,7 @@ exports[`VColorPicker.ts should hide sliders 1`] = `
475
490
  min="0"
476
491
  max="1"
477
492
  step="0.01"
493
+ value="1"
478
494
  >
479
495
  <span>
480
496
  A
@@ -487,7 +503,6 @@ exports[`VColorPicker.ts should hide sliders 1`] = `
487
503
  <i aria-hidden="true"
488
504
  class="v-icon notranslate material-icons theme--light"
489
505
  >
490
- $unfold
491
506
  </i>
492
507
  </span>
493
508
  </button>
@@ -497,7 +512,7 @@ exports[`VColorPicker.ts should hide sliders 1`] = `
497
512
  `;
498
513
 
499
514
  exports[`VColorPicker.ts should not show alpha controls if given hex value without alpha 1`] = `
500
- <div class="v-color-picker v-sheet theme--light theme--light"
515
+ <div class="v-sheet theme--light v-color-picker theme--light"
501
516
  style="max-width: 300px;"
502
517
  >
503
518
  <div class="v-color-picker__canvas"
@@ -519,15 +534,16 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
519
534
  </div>
520
535
  </div>
521
536
  <div class="v-color-picker__sliders">
522
- <div class="v-input v-color-picker__hue v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
537
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
523
538
  <div class="v-input__control">
524
539
  <div class="v-input__slot">
525
540
  <div class="v-slider v-slider--horizontal theme--light">
526
- <input value="120"
527
- id="input-81"
528
- disabled="disabled"
529
- readonly="readonly"
541
+ <input id="input-88"
542
+ disabled
543
+ readonly
530
544
  tabindex="-1"
545
+ class="v-color-picker__hue"
546
+ value="120"
531
547
  >
532
548
  <div class="v-slider__track-container">
533
549
  <div class="v-slider__track-background primary lighten-3"
@@ -539,15 +555,15 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
539
555
  >
540
556
  </div>
541
557
  </div>
542
- <div role="slider"
558
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
559
+ style="left: 33.33333333333333%;"
560
+ role="slider"
543
561
  tabindex="0"
544
562
  aria-valuemin="0"
545
563
  aria-valuemax="360"
546
564
  aria-valuenow="120"
547
565
  aria-readonly="false"
548
566
  aria-orientation="horizontal"
549
- class="v-slider__thumb-container grey--text text--lighten-2"
550
- style="left: 33.33333333333333%;"
551
567
  >
552
568
  <div class="v-slider__thumb grey lighten-2">
553
569
  </div>
@@ -564,6 +580,7 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
564
580
  min="0"
565
581
  max="255"
566
582
  step="1"
583
+ value="0"
567
584
  >
568
585
  <span>
569
586
  R
@@ -574,6 +591,7 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
574
591
  min="0"
575
592
  max="255"
576
593
  step="1"
594
+ value="255"
577
595
  >
578
596
  <span>
579
597
  G
@@ -584,6 +602,7 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
584
602
  min="0"
585
603
  max="255"
586
604
  step="1"
605
+ value="0"
587
606
  >
588
607
  <span>
589
608
  B
@@ -596,7 +615,6 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
596
615
  <i aria-hidden="true"
597
616
  class="v-icon notranslate material-icons theme--light"
598
617
  >
599
- $unfold
600
618
  </i>
601
619
  </span>
602
620
  </button>
@@ -606,7 +624,7 @@ exports[`VColorPicker.ts should not show alpha controls if given hex value witho
606
624
  `;
607
625
 
608
626
  exports[`VColorPicker.ts should render color picker 1`] = `
609
- <div class="v-color-picker v-sheet theme--light theme--light"
627
+ <div class="v-sheet theme--light v-color-picker theme--light"
610
628
  style="max-width: 300px;"
611
629
  >
612
630
  <div class="v-color-picker__canvas"
@@ -628,15 +646,16 @@ exports[`VColorPicker.ts should render color picker 1`] = `
628
646
  </div>
629
647
  </div>
630
648
  <div class="v-color-picker__sliders">
631
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
649
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
632
650
  <div class="v-input__control">
633
651
  <div class="v-input__slot">
634
652
  <div class="v-slider v-slider--horizontal theme--light">
635
- <input value="0"
636
- id="input-5"
637
- disabled="disabled"
638
- readonly="readonly"
653
+ <input id="input-5"
654
+ disabled
655
+ readonly
639
656
  tabindex="-1"
657
+ class="v-color-picker__hue"
658
+ value="0"
640
659
  >
641
660
  <div class="v-slider__track-container">
642
661
  <div class="v-slider__track-background primary lighten-3"
@@ -648,15 +667,15 @@ exports[`VColorPicker.ts should render color picker 1`] = `
648
667
  >
649
668
  </div>
650
669
  </div>
651
- <div role="slider"
670
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
671
+ style="left: 0%;"
672
+ role="slider"
652
673
  tabindex="0"
653
674
  aria-valuemin="0"
654
675
  aria-valuemax="360"
655
676
  aria-valuenow="0"
656
677
  aria-readonly="false"
657
678
  aria-orientation="horizontal"
658
- class="v-slider__thumb-container grey--text text--lighten-2"
659
- style="left: 0%;"
660
679
  >
661
680
  <div class="v-slider__thumb grey lighten-2">
662
681
  </div>
@@ -665,15 +684,16 @@ exports[`VColorPicker.ts should render color picker 1`] = `
665
684
  </div>
666
685
  </div>
667
686
  </div>
668
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
687
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
669
688
  <div class="v-input__control">
670
689
  <div class="v-input__slot">
671
690
  <div class="v-slider v-slider--horizontal theme--light">
672
- <input value="1"
673
- id="input-6"
674
- disabled="disabled"
675
- readonly="readonly"
691
+ <input id="input-6"
692
+ disabled
693
+ readonly
676
694
  tabindex="-1"
695
+ class="v-color-picker__alpha"
696
+ value="1"
677
697
  >
678
698
  <div class="v-slider__track-container">
679
699
  <div class="v-slider__track-background primary lighten-3"
@@ -685,15 +705,15 @@ exports[`VColorPicker.ts should render color picker 1`] = `
685
705
  >
686
706
  </div>
687
707
  </div>
688
- <div role="slider"
708
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
709
+ style="left: 100%;"
710
+ role="slider"
689
711
  tabindex="0"
690
712
  aria-valuemin="0"
691
713
  aria-valuemax="1"
692
714
  aria-valuenow="1"
693
715
  aria-readonly="false"
694
716
  aria-orientation="horizontal"
695
- class="v-slider__thumb-container grey--text text--lighten-2"
696
- style="left: 100%;"
697
717
  >
698
718
  <div class="v-slider__thumb grey lighten-2">
699
719
  </div>
@@ -710,6 +730,7 @@ exports[`VColorPicker.ts should render color picker 1`] = `
710
730
  min="0"
711
731
  max="255"
712
732
  step="1"
733
+ value="255"
713
734
  >
714
735
  <span>
715
736
  R
@@ -720,6 +741,7 @@ exports[`VColorPicker.ts should render color picker 1`] = `
720
741
  min="0"
721
742
  max="255"
722
743
  step="1"
744
+ value="0"
723
745
  >
724
746
  <span>
725
747
  G
@@ -730,6 +752,7 @@ exports[`VColorPicker.ts should render color picker 1`] = `
730
752
  min="0"
731
753
  max="255"
732
754
  step="1"
755
+ value="0"
733
756
  >
734
757
  <span>
735
758
  B
@@ -740,6 +763,7 @@ exports[`VColorPicker.ts should render color picker 1`] = `
740
763
  min="0"
741
764
  max="1"
742
765
  step="0.01"
766
+ value="1"
743
767
  >
744
768
  <span>
745
769
  A
@@ -752,7 +776,6 @@ exports[`VColorPicker.ts should render color picker 1`] = `
752
776
  <i aria-hidden="true"
753
777
  class="v-icon notranslate material-icons theme--light"
754
778
  >
755
- $unfold
756
779
  </i>
757
780
  </span>
758
781
  </button>
@@ -762,7 +785,7 @@ exports[`VColorPicker.ts should render color picker 1`] = `
762
785
  `;
763
786
 
764
787
  exports[`VColorPicker.ts should render flat picker 1`] = `
765
- <div class="v-color-picker v-sheet theme--light v-color-picker--flat theme--light"
788
+ <div class="v-sheet theme--light v-color-picker v-color-picker--flat theme--light"
766
789
  style="max-width: 300px;"
767
790
  >
768
791
  <div class="v-color-picker__canvas"
@@ -784,15 +807,16 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
784
807
  </div>
785
808
  </div>
786
809
  <div class="v-color-picker__sliders">
787
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
810
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
788
811
  <div class="v-input__control">
789
812
  <div class="v-input__slot">
790
813
  <div class="v-slider v-slider--horizontal theme--light">
791
- <input value="0"
792
- id="input-100"
793
- disabled="disabled"
794
- readonly="readonly"
814
+ <input id="input-109"
815
+ disabled
816
+ readonly
795
817
  tabindex="-1"
818
+ class="v-color-picker__hue"
819
+ value="0"
796
820
  >
797
821
  <div class="v-slider__track-container">
798
822
  <div class="v-slider__track-background primary lighten-3"
@@ -804,15 +828,15 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
804
828
  >
805
829
  </div>
806
830
  </div>
807
- <div role="slider"
831
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
832
+ style="left: 0%;"
833
+ role="slider"
808
834
  tabindex="0"
809
835
  aria-valuemin="0"
810
836
  aria-valuemax="360"
811
837
  aria-valuenow="0"
812
838
  aria-readonly="false"
813
839
  aria-orientation="horizontal"
814
- class="v-slider__thumb-container grey--text text--lighten-2"
815
- style="left: 0%;"
816
840
  >
817
841
  <div class="v-slider__thumb grey lighten-2">
818
842
  </div>
@@ -821,15 +845,16 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
821
845
  </div>
822
846
  </div>
823
847
  </div>
824
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
848
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
825
849
  <div class="v-input__control">
826
850
  <div class="v-input__slot">
827
851
  <div class="v-slider v-slider--horizontal theme--light">
828
- <input value="1"
829
- id="input-101"
830
- disabled="disabled"
831
- readonly="readonly"
852
+ <input id="input-110"
853
+ disabled
854
+ readonly
832
855
  tabindex="-1"
856
+ class="v-color-picker__alpha"
857
+ value="1"
833
858
  >
834
859
  <div class="v-slider__track-container">
835
860
  <div class="v-slider__track-background primary lighten-3"
@@ -841,15 +866,15 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
841
866
  >
842
867
  </div>
843
868
  </div>
844
- <div role="slider"
869
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
870
+ style="left: 100%;"
871
+ role="slider"
845
872
  tabindex="0"
846
873
  aria-valuemin="0"
847
874
  aria-valuemax="1"
848
875
  aria-valuenow="1"
849
876
  aria-readonly="false"
850
877
  aria-orientation="horizontal"
851
- class="v-slider__thumb-container grey--text text--lighten-2"
852
- style="left: 100%;"
853
878
  >
854
879
  <div class="v-slider__thumb grey lighten-2">
855
880
  </div>
@@ -866,6 +891,7 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
866
891
  min="0"
867
892
  max="255"
868
893
  step="1"
894
+ value="255"
869
895
  >
870
896
  <span>
871
897
  R
@@ -876,6 +902,7 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
876
902
  min="0"
877
903
  max="255"
878
904
  step="1"
905
+ value="0"
879
906
  >
880
907
  <span>
881
908
  G
@@ -886,6 +913,7 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
886
913
  min="0"
887
914
  max="255"
888
915
  step="1"
916
+ value="0"
889
917
  >
890
918
  <span>
891
919
  B
@@ -896,6 +924,7 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
896
924
  min="0"
897
925
  max="1"
898
926
  step="0.01"
927
+ value="1"
899
928
  >
900
929
  <span>
901
930
  A
@@ -908,7 +937,6 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
908
937
  <i aria-hidden="true"
909
938
  class="v-icon notranslate material-icons theme--light"
910
939
  >
911
- $unfold
912
940
  </i>
913
941
  </span>
914
942
  </button>
@@ -918,7 +946,7 @@ exports[`VColorPicker.ts should render flat picker 1`] = `
918
946
  `;
919
947
 
920
948
  exports[`VColorPicker.ts should render picker with elevation 1`] = `
921
- <div class="v-color-picker v-sheet theme--light theme--light elevation-15"
949
+ <div class="v-sheet theme--light v-color-picker theme--light elevation-15"
922
950
  style="max-width: 300px;"
923
951
  >
924
952
  <div class="v-color-picker__canvas"
@@ -940,15 +968,16 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
940
968
  </div>
941
969
  </div>
942
970
  <div class="v-color-picker__sliders">
943
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
971
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
944
972
  <div class="v-input__control">
945
973
  <div class="v-input__slot">
946
974
  <div class="v-slider v-slider--horizontal theme--light">
947
- <input value="0"
948
- id="input-110"
949
- disabled="disabled"
950
- readonly="readonly"
975
+ <input id="input-120"
976
+ disabled
977
+ readonly
951
978
  tabindex="-1"
979
+ class="v-color-picker__hue"
980
+ value="0"
952
981
  >
953
982
  <div class="v-slider__track-container">
954
983
  <div class="v-slider__track-background primary lighten-3"
@@ -960,15 +989,15 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
960
989
  >
961
990
  </div>
962
991
  </div>
963
- <div role="slider"
992
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
993
+ style="left: 0%;"
994
+ role="slider"
964
995
  tabindex="0"
965
996
  aria-valuemin="0"
966
997
  aria-valuemax="360"
967
998
  aria-valuenow="0"
968
999
  aria-readonly="false"
969
1000
  aria-orientation="horizontal"
970
- class="v-slider__thumb-container grey--text text--lighten-2"
971
- style="left: 0%;"
972
1001
  >
973
1002
  <div class="v-slider__thumb grey lighten-2">
974
1003
  </div>
@@ -977,15 +1006,16 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
977
1006
  </div>
978
1007
  </div>
979
1008
  </div>
980
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
1009
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
981
1010
  <div class="v-input__control">
982
1011
  <div class="v-input__slot">
983
1012
  <div class="v-slider v-slider--horizontal theme--light">
984
- <input value="1"
985
- id="input-111"
986
- disabled="disabled"
987
- readonly="readonly"
1013
+ <input id="input-121"
1014
+ disabled
1015
+ readonly
988
1016
  tabindex="-1"
1017
+ class="v-color-picker__alpha"
1018
+ value="1"
989
1019
  >
990
1020
  <div class="v-slider__track-container">
991
1021
  <div class="v-slider__track-background primary lighten-3"
@@ -997,15 +1027,15 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
997
1027
  >
998
1028
  </div>
999
1029
  </div>
1000
- <div role="slider"
1030
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
1031
+ style="left: 100%;"
1032
+ role="slider"
1001
1033
  tabindex="0"
1002
1034
  aria-valuemin="0"
1003
1035
  aria-valuemax="1"
1004
1036
  aria-valuenow="1"
1005
1037
  aria-readonly="false"
1006
1038
  aria-orientation="horizontal"
1007
- class="v-slider__thumb-container grey--text text--lighten-2"
1008
- style="left: 100%;"
1009
1039
  >
1010
1040
  <div class="v-slider__thumb grey lighten-2">
1011
1041
  </div>
@@ -1022,6 +1052,7 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
1022
1052
  min="0"
1023
1053
  max="255"
1024
1054
  step="1"
1055
+ value="255"
1025
1056
  >
1026
1057
  <span>
1027
1058
  R
@@ -1032,6 +1063,7 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
1032
1063
  min="0"
1033
1064
  max="255"
1034
1065
  step="1"
1066
+ value="0"
1035
1067
  >
1036
1068
  <span>
1037
1069
  G
@@ -1042,6 +1074,7 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
1042
1074
  min="0"
1043
1075
  max="255"
1044
1076
  step="1"
1077
+ value="0"
1045
1078
  >
1046
1079
  <span>
1047
1080
  B
@@ -1052,6 +1085,7 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
1052
1085
  min="0"
1053
1086
  max="1"
1054
1087
  step="0.01"
1088
+ value="1"
1055
1089
  >
1056
1090
  <span>
1057
1091
  A
@@ -1064,7 +1098,6 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
1064
1098
  <i aria-hidden="true"
1065
1099
  class="v-icon notranslate material-icons theme--light"
1066
1100
  >
1067
- $unfold
1068
1101
  </i>
1069
1102
  </span>
1070
1103
  </button>
@@ -1074,7 +1107,7 @@ exports[`VColorPicker.ts should render picker with elevation 1`] = `
1074
1107
  `;
1075
1108
 
1076
1109
  exports[`VColorPicker.ts should show swatches 1`] = `
1077
- <div class="v-color-picker v-sheet theme--light theme--light"
1110
+ <div class="v-sheet theme--light v-color-picker theme--light"
1078
1111
  style="max-width: 300px;"
1079
1112
  >
1080
1113
  <div class="v-color-picker__canvas"
@@ -1096,15 +1129,16 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1096
1129
  </div>
1097
1130
  </div>
1098
1131
  <div class="v-color-picker__sliders">
1099
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
1132
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
1100
1133
  <div class="v-input__control">
1101
1134
  <div class="v-input__slot">
1102
1135
  <div class="v-slider v-slider--horizontal theme--light">
1103
- <input value="0"
1104
- id="input-25"
1105
- disabled="disabled"
1106
- readonly="readonly"
1136
+ <input id="input-27"
1137
+ disabled
1138
+ readonly
1107
1139
  tabindex="-1"
1140
+ class="v-color-picker__hue"
1141
+ value="0"
1108
1142
  >
1109
1143
  <div class="v-slider__track-container">
1110
1144
  <div class="v-slider__track-background primary lighten-3"
@@ -1116,15 +1150,15 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1116
1150
  >
1117
1151
  </div>
1118
1152
  </div>
1119
- <div role="slider"
1153
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
1154
+ style="left: 0%;"
1155
+ role="slider"
1120
1156
  tabindex="0"
1121
1157
  aria-valuemin="0"
1122
1158
  aria-valuemax="360"
1123
1159
  aria-valuenow="0"
1124
1160
  aria-readonly="false"
1125
1161
  aria-orientation="horizontal"
1126
- class="v-slider__thumb-container grey--text text--lighten-2"
1127
- style="left: 0%;"
1128
1162
  >
1129
1163
  <div class="v-slider__thumb grey lighten-2">
1130
1164
  </div>
@@ -1133,15 +1167,16 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1133
1167
  </div>
1134
1168
  </div>
1135
1169
  </div>
1136
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
1170
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
1137
1171
  <div class="v-input__control">
1138
1172
  <div class="v-input__slot">
1139
1173
  <div class="v-slider v-slider--horizontal theme--light">
1140
- <input value="1"
1141
- id="input-26"
1142
- disabled="disabled"
1143
- readonly="readonly"
1174
+ <input id="input-28"
1175
+ disabled
1176
+ readonly
1144
1177
  tabindex="-1"
1178
+ class="v-color-picker__alpha"
1179
+ value="1"
1145
1180
  >
1146
1181
  <div class="v-slider__track-container">
1147
1182
  <div class="v-slider__track-background primary lighten-3"
@@ -1153,15 +1188,15 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1153
1188
  >
1154
1189
  </div>
1155
1190
  </div>
1156
- <div role="slider"
1191
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
1192
+ style="left: 100%;"
1193
+ role="slider"
1157
1194
  tabindex="0"
1158
1195
  aria-valuemin="0"
1159
1196
  aria-valuemax="1"
1160
1197
  aria-valuenow="1"
1161
1198
  aria-readonly="false"
1162
1199
  aria-orientation="horizontal"
1163
- class="v-slider__thumb-container grey--text text--lighten-2"
1164
- style="left: 100%;"
1165
1200
  >
1166
1201
  <div class="v-slider__thumb grey lighten-2">
1167
1202
  </div>
@@ -1178,6 +1213,7 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1178
1213
  min="0"
1179
1214
  max="255"
1180
1215
  step="1"
1216
+ value="255"
1181
1217
  >
1182
1218
  <span>
1183
1219
  R
@@ -1188,6 +1224,7 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1188
1224
  min="0"
1189
1225
  max="255"
1190
1226
  step="1"
1227
+ value="0"
1191
1228
  >
1192
1229
  <span>
1193
1230
  G
@@ -1198,6 +1235,7 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1198
1235
  min="0"
1199
1236
  max="255"
1200
1237
  step="1"
1238
+ value="0"
1201
1239
  >
1202
1240
  <span>
1203
1241
  B
@@ -1208,6 +1246,7 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1208
1246
  min="0"
1209
1247
  max="1"
1210
1248
  step="0.01"
1249
+ value="1"
1211
1250
  >
1212
1251
  <span>
1213
1252
  A
@@ -1220,13 +1259,12 @@ exports[`VColorPicker.ts should show swatches 1`] = `
1220
1259
  <i aria-hidden="true"
1221
1260
  class="v-icon notranslate material-icons theme--light"
1222
1261
  >
1223
- $unfold
1224
1262
  </i>
1225
1263
  </span>
1226
1264
  </button>
1227
1265
  </div>
1228
1266
  </div>
1229
- <div class="v-color-picker__swatches"
1267
+ <div class="v-color-picker__swatches theme--light"
1230
1268
  style="max-height: 150px;"
1231
1269
  >
1232
1270
  <div>
@@ -2048,7 +2086,7 @@ exports[`VColorPicker.ts should show swatches 1`] = `
2048
2086
  `;
2049
2087
 
2050
2088
  exports[`VColorPicker.ts should work correctly when initial value is null 1`] = `
2051
- <div class="v-color-picker v-sheet theme--light theme--light"
2089
+ <div class="v-sheet theme--light v-color-picker theme--light"
2052
2090
  style="max-width: 300px;"
2053
2091
  >
2054
2092
  <div class="v-color-picker__canvas"
@@ -2070,15 +2108,16 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2070
2108
  </div>
2071
2109
  </div>
2072
2110
  <div class="v-color-picker__sliders">
2073
- <div class="v-input v-color-picker__hue v-input--hide-details theme--light v-input__slider v-color-picker__track">
2111
+ <div class="v-input v-input--hide-details theme--light v-input__slider">
2074
2112
  <div class="v-input__control">
2075
2113
  <div class="v-input__slot">
2076
2114
  <div class="v-slider v-slider--horizontal theme--light">
2077
- <input value="0"
2078
- id="input-90"
2079
- disabled="disabled"
2080
- readonly="readonly"
2115
+ <input id="input-98"
2116
+ disabled
2117
+ readonly
2081
2118
  tabindex="-1"
2119
+ class="v-color-picker__hue"
2120
+ value="0"
2082
2121
  >
2083
2122
  <div class="v-slider__track-container">
2084
2123
  <div class="v-slider__track-background primary lighten-3"
@@ -2090,15 +2129,15 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2090
2129
  >
2091
2130
  </div>
2092
2131
  </div>
2093
- <div role="slider"
2132
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
2133
+ style="left: 0%;"
2134
+ role="slider"
2094
2135
  tabindex="0"
2095
2136
  aria-valuemin="0"
2096
2137
  aria-valuemax="360"
2097
2138
  aria-valuenow="0"
2098
2139
  aria-readonly="false"
2099
2140
  aria-orientation="horizontal"
2100
- class="v-slider__thumb-container grey--text text--lighten-2"
2101
- style="left: 0%;"
2102
2141
  >
2103
2142
  <div class="v-slider__thumb grey lighten-2">
2104
2143
  </div>
@@ -2107,15 +2146,16 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2107
2146
  </div>
2108
2147
  </div>
2109
2148
  </div>
2110
- <div class="v-input v-color-picker__alpha v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider v-color-picker__track">
2149
+ <div class="v-input v-input--hide-details v-input--is-label-active v-input--is-dirty theme--light v-input__slider">
2111
2150
  <div class="v-input__control">
2112
2151
  <div class="v-input__slot">
2113
2152
  <div class="v-slider v-slider--horizontal theme--light">
2114
- <input value="1"
2115
- id="input-91"
2116
- disabled="disabled"
2117
- readonly="readonly"
2153
+ <input id="input-99"
2154
+ disabled
2155
+ readonly
2118
2156
  tabindex="-1"
2157
+ class="v-color-picker__alpha"
2158
+ value="1"
2119
2159
  >
2120
2160
  <div class="v-slider__track-container">
2121
2161
  <div class="v-slider__track-background primary lighten-3"
@@ -2127,15 +2167,15 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2127
2167
  >
2128
2168
  </div>
2129
2169
  </div>
2130
- <div role="slider"
2170
+ <div class="v-slider__thumb-container grey--text text--lighten-2"
2171
+ style="left: 100%;"
2172
+ role="slider"
2131
2173
  tabindex="0"
2132
2174
  aria-valuemin="0"
2133
2175
  aria-valuemax="1"
2134
2176
  aria-valuenow="1"
2135
2177
  aria-readonly="false"
2136
2178
  aria-orientation="horizontal"
2137
- class="v-slider__thumb-container grey--text text--lighten-2"
2138
- style="left: 100%;"
2139
2179
  >
2140
2180
  <div class="v-slider__thumb grey lighten-2">
2141
2181
  </div>
@@ -2152,6 +2192,7 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2152
2192
  min="0"
2153
2193
  max="255"
2154
2194
  step="1"
2195
+ value="255"
2155
2196
  >
2156
2197
  <span>
2157
2198
  R
@@ -2162,6 +2203,7 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2162
2203
  min="0"
2163
2204
  max="255"
2164
2205
  step="1"
2206
+ value="0"
2165
2207
  >
2166
2208
  <span>
2167
2209
  G
@@ -2172,6 +2214,7 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2172
2214
  min="0"
2173
2215
  max="255"
2174
2216
  step="1"
2217
+ value="0"
2175
2218
  >
2176
2219
  <span>
2177
2220
  B
@@ -2182,6 +2225,7 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2182
2225
  min="0"
2183
2226
  max="1"
2184
2227
  step="0.01"
2228
+ value="1"
2185
2229
  >
2186
2230
  <span>
2187
2231
  A
@@ -2194,7 +2238,6 @@ exports[`VColorPicker.ts should work correctly when initial value is null 1`] =
2194
2238
  <i aria-hidden="true"
2195
2239
  class="v-icon notranslate material-icons theme--light"
2196
2240
  >
2197
- $unfold
2198
2241
  </i>
2199
2242
  </span>
2200
2243
  </button>