@spectrum-web-components/color-slider 0.35.0 → 0.35.1-rc.24

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 +6 -6
  2. package/custom-elements.json +0 -513
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-slider",
3
- "version": "0.35.0",
3
+ "version": "0.35.1-rc.24+e3649e123",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -62,10 +62,10 @@
62
62
  ],
63
63
  "dependencies": {
64
64
  "@ctrl/tinycolor": "^3.3.3",
65
- "@spectrum-web-components/base": "^0.35.0",
66
- "@spectrum-web-components/color-handle": "^0.35.0",
67
- "@spectrum-web-components/reactive-controllers": "^0.35.0",
68
- "@spectrum-web-components/shared": "^0.35.0"
65
+ "@spectrum-web-components/base": "^0.35.1-rc.24+e3649e123",
66
+ "@spectrum-web-components/color-handle": "^0.35.1-rc.24+e3649e123",
67
+ "@spectrum-web-components/reactive-controllers": "^0.35.1-rc.24+e3649e123",
68
+ "@spectrum-web-components/shared": "^0.35.1-rc.24+e3649e123"
69
69
  },
70
70
  "devDependencies": {
71
71
  "@spectrum-css/colorslider": "^3.0.23"
@@ -76,5 +76,5 @@
76
76
  "./sp-*.js",
77
77
  "./**/*.dev.js"
78
78
  ],
79
- "gitHead": "1ee5a6c92838cdf48321276d97f61c20f8476ac1"
79
+ "gitHead": "e3649e1230ed727048988a452969c38ced5467ac"
80
80
  }
package/custom-elements.json DELETED
@@ -1,513 +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
- "events": [
407
- {
408
- "name": "input",
409
- "type": {
410
- "text": "Event"
411
- },
412
- "description": "The value of the Color Slider has changed."
413
- },
414
- {
415
- "name": "change",
416
- "type": {
417
- "text": "Event"
418
- },
419
- "description": "An alteration to the value of the Color Slider has been committed by the user."
420
- }
421
- ],
422
- "attributes": [
423
- {
424
- "name": "dir",
425
- "type": {
426
- "text": "'ltr' | 'rtl'"
427
- },
428
- "fieldName": "dir"
429
- },
430
- {
431
- "name": "disabled",
432
- "type": {
433
- "text": "boolean"
434
- },
435
- "default": "false",
436
- "fieldName": "disabled"
437
- },
438
- {
439
- "name": "focused",
440
- "type": {
441
- "text": "boolean"
442
- },
443
- "default": "false",
444
- "fieldName": "focused"
445
- },
446
- {
447
- "name": "label",
448
- "type": {
449
- "text": "string"
450
- },
451
- "default": "'hue'",
452
- "fieldName": "label"
453
- },
454
- {
455
- "name": "vertical",
456
- "type": {
457
- "text": "boolean"
458
- },
459
- "default": "false",
460
- "fieldName": "vertical"
461
- },
462
- {
463
- "name": "value",
464
- "type": {
465
- "text": "number"
466
- },
467
- "fieldName": "value"
468
- },
469
- {
470
- "name": "sliderHandlePosition",
471
- "type": {
472
- "text": "number"
473
- },
474
- "default": "0",
475
- "fieldName": "sliderHandlePosition"
476
- },
477
- {
478
- "name": "color",
479
- "type": {
480
- "text": "ColorValue"
481
- },
482
- "fieldName": "color"
483
- },
484
- {
485
- "name": "step",
486
- "type": {
487
- "text": "number"
488
- },
489
- "default": "1",
490
- "fieldName": "step"
491
- }
492
- ],
493
- "superclass": {
494
- "name": "Focusable",
495
- "package": "@spectrum-web-components/shared/src/focusable.js"
496
- },
497
- "tagName": "sp-color-slider",
498
- "customElement": true
499
- }
500
- ],
501
- "exports": [
502
- {
503
- "kind": "js",
504
- "name": "ColorSlider",
505
- "declaration": {
506
- "name": "ColorSlider",
507
- "module": "src/ColorSlider.js"
508
- }
509
- }
510
- ]
511
- }
512
- ]
513
- }