@spectrum-web-components/color-slider 0.47.2 → 0.48.0-beta.0

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 (2) hide show
  1. package/package.json +7 -7
  2. package/custom-elements.json +0 -522
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-slider",
3
- "version": "0.47.2",
3
+ "version": "0.48.0-beta.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -62,11 +62,11 @@
62
62
  ],
63
63
  "dependencies": {
64
64
  "@ctrl/tinycolor": "^4.0.3",
65
- "@spectrum-web-components/base": "^0.47.2",
66
- "@spectrum-web-components/color-handle": "^0.47.2",
67
- "@spectrum-web-components/opacity-checkerboard": "^0.47.2",
68
- "@spectrum-web-components/reactive-controllers": "^0.47.2",
69
- "@spectrum-web-components/shared": "^0.47.2"
65
+ "@spectrum-web-components/base": "^0.48.0-beta.0",
66
+ "@spectrum-web-components/color-handle": "^0.48.0-beta.0",
67
+ "@spectrum-web-components/opacity-checkerboard": "^0.48.0-beta.0",
68
+ "@spectrum-web-components/reactive-controllers": "^0.48.0-beta.0",
69
+ "@spectrum-web-components/shared": "^0.48.0-beta.0"
70
70
  },
71
71
  "devDependencies": {
72
72
  "@spectrum-css/colorslider": "^6.1.0"
@@ -77,5 +77,5 @@
77
77
  "./sp-*.js",
78
78
  "./**/*.dev.js"
79
79
  ],
80
- "gitHead": "2784e4c65da6a65b6bc748d785154714c8498a8e"
80
+ "gitHead": "9a1377f0402a17b732b96e17ad06b800df6ab52e"
81
81
  }
package/custom-elements.json DELETED
@@ -1,522 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-color-slider.js",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-color-slider",
13
- "declaration": {
14
- "name": "ColorSlider",
15
- "module": "/src/ColorSlider.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "src/ColorSlider.js",
23
- "declarations": [
24
- {
25
- "kind": "class",
26
- "description": "",
27
- "name": "ColorSlider",
28
- "slots": [
29
- {
30
- "description": "a custom gradient visually outlining the available color values",
31
- "name": "gradient"
32
- }
33
- ],
34
- "members": [
35
- {
36
- "kind": "field",
37
- "name": "dir",
38
- "type": {
39
- "text": "'ltr' | 'rtl'"
40
- },
41
- "privacy": "public",
42
- "attribute": "dir",
43
- "reflects": true
44
- },
45
- {
46
- "kind": "field",
47
- "name": "disabled",
48
- "type": {
49
- "text": "boolean"
50
- },
51
- "privacy": "public",
52
- "default": "false",
53
- "attribute": "disabled",
54
- "reflects": true
55
- },
56
- {
57
- "kind": "field",
58
- "name": "focused",
59
- "type": {
60
- "text": "boolean"
61
- },
62
- "privacy": "public",
63
- "default": "false",
64
- "attribute": "focused",
65
- "reflects": true
66
- },
67
- {
68
- "kind": "field",
69
- "name": "handle",
70
- "type": {
71
- "text": "ColorHandle"
72
- },
73
- "privacy": "private"
74
- },
75
- {
76
- "kind": "field",
77
- "name": "label",
78
- "type": {
79
- "text": "string"
80
- },
81
- "privacy": "public",
82
- "default": "'hue'",
83
- "attribute": "label"
84
- },
85
- {
86
- "kind": "field",
87
- "name": "vertical",
88
- "type": {
89
- "text": "boolean"
90
- },
91
- "privacy": "public",
92
- "default": "false",
93
- "attribute": "vertical",
94
- "reflects": true
95
- },
96
- {
97
- "kind": "field",
98
- "name": "languageResolver",
99
- "privacy": "private",
100
- "default": "new LanguageResolutionController(this)"
101
- },
102
- {
103
- "kind": "field",
104
- "name": "colorController",
105
- "privacy": "private",
106
- "default": "new ColorController(this, {\n /* c8 ignore next 3 */\n applyColorToState: () => {\n this.sliderHandlePosition = 100 * (this.colorController.hue / 360);\n },\n extractColorFromState: (controller) => ({\n ...(controller.getColor('hsl') as HSL),\n h: this.value,\n }),\n maintains: 'saturation',\n })"
107
- },
108
- {
109
- "kind": "field",
110
- "name": "value",
111
- "type": {
112
- "text": "number"
113
- },
114
- "privacy": "public",
115
- "attribute": "value"
116
- },
117
- {
118
- "kind": "field",
119
- "name": "sliderHandlePosition",
120
- "type": {
121
- "text": "number"
122
- },
123
- "privacy": "public",
124
- "default": "0",
125
- "attribute": "sliderHandlePosition",
126
- "reflects": true
127
- },
128
- {
129
- "kind": "field",
130
- "name": "color",
131
- "type": {
132
- "text": "ColorValue"
133
- },
134
- "privacy": "public",
135
- "attribute": "color"
136
- },
137
- {
138
- "kind": "field",
139
- "name": "step",
140
- "type": {
141
- "text": "number"
142
- },
143
- "privacy": "public",
144
- "default": "1",
145
- "attribute": "step"
146
- },
147
- {
148
- "kind": "field",
149
- "name": "altered",
150
- "type": {
151
- "text": "number"
152
- },
153
- "privacy": "private"
154
- },
155
- {
156
- "kind": "field",
157
- "name": "_altered",
158
- "type": {
159
- "text": "number"
160
- },
161
- "privacy": "private",
162
- "default": "0"
163
- },
164
- {
165
- "kind": "field",
166
- "name": "input",
167
- "type": {
168
- "text": "HTMLInputElement"
169
- },
170
- "privacy": "public"
171
- },
172
- {
173
- "kind": "field",
174
- "name": "focusElement",
175
- "type": {
176
- "text": "HTMLInputElement"
177
- },
178
- "privacy": "public",
179
- "readonly": true
180
- },
181
- {
182
- "kind": "method",
183
- "name": "handleKeydown",
184
- "privacy": "private",
185
- "return": {
186
- "type": {
187
- "text": "void"
188
- }
189
- },
190
- "parameters": [
191
- {
192
- "name": "event",
193
- "type": {
194
- "text": "KeyboardEvent"
195
- }
196
- }
197
- ]
198
- },
199
- {
200
- "kind": "method",
201
- "name": "handleInput",
202
- "privacy": "private",
203
- "return": {
204
- "type": {
205
- "text": "void"
206
- }
207
- },
208
- "parameters": [
209
- {
210
- "name": "event",
211
- "type": {
212
- "text": "Event & { target: HTMLInputElement }"
213
- }
214
- }
215
- ]
216
- },
217
- {
218
- "kind": "method",
219
- "name": "handleChange",
220
- "privacy": "private",
221
- "return": {
222
- "type": {
223
- "text": "void"
224
- }
225
- },
226
- "parameters": [
227
- {
228
- "name": "event",
229
- "type": {
230
- "text": "Event & { target: HTMLInputElement }"
231
- }
232
- }
233
- ]
234
- },
235
- {
236
- "kind": "method",
237
- "name": "focus",
238
- "privacy": "public",
239
- "return": {
240
- "type": {
241
- "text": "void"
242
- }
243
- },
244
- "parameters": [
245
- {
246
- "name": "focusOptions",
247
- "default": "{}",
248
- "type": {
249
- "text": "FocusOptions"
250
- }
251
- }
252
- ]
253
- },
254
- {
255
- "kind": "method",
256
- "name": "forwardFocus",
257
- "privacy": "private",
258
- "return": {
259
- "type": {
260
- "text": "void"
261
- }
262
- }
263
- },
264
- {
265
- "kind": "method",
266
- "name": "handleFocus",
267
- "privacy": "private",
268
- "return": {
269
- "type": {
270
- "text": "void"
271
- }
272
- }
273
- },
274
- {
275
- "kind": "method",
276
- "name": "handleBlur",
277
- "privacy": "private",
278
- "return": {
279
- "type": {
280
- "text": "void"
281
- }
282
- }
283
- },
284
- {
285
- "kind": "field",
286
- "name": "boundingClientRect",
287
- "type": {
288
- "text": "DOMRect"
289
- },
290
- "privacy": "private"
291
- },
292
- {
293
- "kind": "field",
294
- "name": "_pointerDown",
295
- "type": {
296
- "text": "boolean"
297
- },
298
- "privacy": "private",
299
- "default": "false"
300
- },
301
- {
302
- "kind": "method",
303
- "name": "handlePointerdown",
304
- "privacy": "private",
305
- "return": {
306
- "type": {
307
- "text": "void"
308
- }
309
- },
310
- "parameters": [
311
- {
312
- "name": "event",
313
- "type": {
314
- "text": "PointerEvent"
315
- }
316
- }
317
- ]
318
- },
319
- {
320
- "kind": "method",
321
- "name": "handlePointermove",
322
- "privacy": "private",
323
- "return": {
324
- "type": {
325
- "text": "void"
326
- }
327
- },
328
- "parameters": [
329
- {
330
- "name": "event",
331
- "type": {
332
- "text": "PointerEvent"
333
- }
334
- }
335
- ]
336
- },
337
- {
338
- "kind": "method",
339
- "name": "handlePointerup",
340
- "privacy": "private",
341
- "return": {
342
- "type": {
343
- "text": "void"
344
- }
345
- },
346
- "parameters": [
347
- {
348
- "name": "event",
349
- "type": {
350
- "text": "PointerEvent"
351
- }
352
- }
353
- ]
354
- },
355
- {
356
- "kind": "method",
357
- "name": "calculateHandlePosition",
358
- "privacy": "private",
359
- "return": {
360
- "type": {
361
- "text": ""
362
- }
363
- },
364
- "parameters": [
365
- {
366
- "name": "event",
367
- "type": {
368
- "text": "PointerEvent"
369
- }
370
- },
371
- {
372
- "description": ": PointerEvent on slider",
373
- "name": ""
374
- }
375
- ],
376
- "description": "Returns the value under the cursor"
377
- },
378
- {
379
- "kind": "method",
380
- "name": "handleGradientPointerdown",
381
- "privacy": "private",
382
- "return": {
383
- "type": {
384
- "text": "void"
385
- }
386
- },
387
- "parameters": [
388
- {
389
- "name": "event",
390
- "type": {
391
- "text": "PointerEvent"
392
- }
393
- }
394
- ]
395
- },
396
- {
397
- "kind": "field",
398
- "name": "handlePositionStyles",
399
- "type": {
400
- "text": "string"
401
- },
402
- "privacy": "private",
403
- "readonly": true
404
- },
405
- {
406
- "kind": "field",
407
- "name": "getColorSliderStyle",
408
- "type": {
409
- "text": "StyleInfo"
410
- },
411
- "privacy": "private",
412
- "readonly": true
413
- }
414
- ],
415
- "events": [
416
- {
417
- "name": "input",
418
- "type": {
419
- "text": "Event"
420
- },
421
- "description": "The value of the Color Slider has changed."
422
- },
423
- {
424
- "name": "change",
425
- "type": {
426
- "text": "Event"
427
- },
428
- "description": "An alteration to the value of the Color Slider has been committed by the user."
429
- }
430
- ],
431
- "attributes": [
432
- {
433
- "name": "dir",
434
- "type": {
435
- "text": "'ltr' | 'rtl'"
436
- },
437
- "fieldName": "dir"
438
- },
439
- {
440
- "name": "disabled",
441
- "type": {
442
- "text": "boolean"
443
- },
444
- "default": "false",
445
- "fieldName": "disabled"
446
- },
447
- {
448
- "name": "focused",
449
- "type": {
450
- "text": "boolean"
451
- },
452
- "default": "false",
453
- "fieldName": "focused"
454
- },
455
- {
456
- "name": "label",
457
- "type": {
458
- "text": "string"
459
- },
460
- "default": "'hue'",
461
- "fieldName": "label"
462
- },
463
- {
464
- "name": "vertical",
465
- "type": {
466
- "text": "boolean"
467
- },
468
- "default": "false",
469
- "fieldName": "vertical"
470
- },
471
- {
472
- "name": "value",
473
- "type": {
474
- "text": "number"
475
- },
476
- "fieldName": "value"
477
- },
478
- {
479
- "name": "sliderHandlePosition",
480
- "type": {
481
- "text": "number"
482
- },
483
- "default": "0",
484
- "fieldName": "sliderHandlePosition"
485
- },
486
- {
487
- "name": "color",
488
- "type": {
489
- "text": "ColorValue"
490
- },
491
- "fieldName": "color"
492
- },
493
- {
494
- "name": "step",
495
- "type": {
496
- "text": "number"
497
- },
498
- "default": "1",
499
- "fieldName": "step"
500
- }
501
- ],
502
- "superclass": {
503
- "name": "Focusable",
504
- "package": "@spectrum-web-components/shared/src/focusable.js"
505
- },
506
- "tagName": "sp-color-slider",
507
- "customElement": true
508
- }
509
- ],
510
- "exports": [
511
- {
512
- "kind": "js",
513
- "name": "ColorSlider",
514
- "declaration": {
515
- "name": "ColorSlider",
516
- "module": "src/ColorSlider.js"
517
- }
518
- }
519
- ]
520
- }
521
- ]
522
- }