@spectrum-web-components/color-area 1.0.0 → 1.0.1-color-testing

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 (11) hide show
  1. package/package.json +7 -8
  2. package/src/ColorArea.d.ts +44 -6
  3. package/src/ColorArea.dev.js +66 -32
  4. package/src/ColorArea.dev.js.map +2 -2
  5. package/src/ColorArea.js +7 -7
  6. package/src/ColorArea.js.map +3 -3
  7. package/stories/color-area.stories.js +12 -2
  8. package/stories/color-area.stories.js.map +2 -2
  9. package/test/color-area.test.js +28 -25
  10. package/test/color-area.test.js.map +2 -2
  11. package/custom-elements.json +0 -603
package/custom-elements.json DELETED
@@ -1,603 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-color-area.js",
8
- "declarations": [],
9
- "exports": [
10
- {
11
- "kind": "custom-element-definition",
12
- "name": "sp-color-area",
13
- "declaration": {
14
- "name": "ColorArea",
15
- "module": "/src/ColorArea.js"
16
- }
17
- }
18
- ]
19
- },
20
- {
21
- "kind": "javascript-module",
22
- "path": "src/ColorArea.js",
23
- "declarations": [
24
- {
25
- "kind": "class",
26
- "description": "",
27
- "name": "ColorArea",
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": "labelX",
70
- "type": {
71
- "text": "string"
72
- },
73
- "privacy": "public",
74
- "default": "'saturation'",
75
- "attribute": "label-x"
76
- },
77
- {
78
- "kind": "field",
79
- "name": "labelY",
80
- "type": {
81
- "text": "string"
82
- },
83
- "privacy": "public",
84
- "default": "'luminosity'",
85
- "attribute": "label-y"
86
- },
87
- {
88
- "kind": "field",
89
- "name": "handle",
90
- "type": {
91
- "text": "ColorHandle"
92
- },
93
- "privacy": "private"
94
- },
95
- {
96
- "kind": "field",
97
- "name": "languageResolver",
98
- "privacy": "private",
99
- "default": "new LanguageResolutionController(this)"
100
- },
101
- {
102
- "kind": "field",
103
- "name": "colorController",
104
- "privacy": "private",
105
- "default": "new ColorController(this, {\n extractColorFromState: () => ({\n h: this.hue,\n s: this.x,\n v: this.y,\n }),\n applyColorToState: ({ s, v }) => {\n this._x = s;\n this._y = v;\n this.requestUpdate();\n },\n })"
106
- },
107
- {
108
- "kind": "field",
109
- "name": "hue",
110
- "type": {
111
- "text": "number"
112
- },
113
- "privacy": "public",
114
- "attribute": "hue"
115
- },
116
- {
117
- "kind": "field",
118
- "name": "value",
119
- "type": {
120
- "text": "ColorValue"
121
- },
122
- "privacy": "public",
123
- "readonly": true,
124
- "attribute": "value"
125
- },
126
- {
127
- "kind": "field",
128
- "name": "color",
129
- "type": {
130
- "text": "ColorValue"
131
- },
132
- "privacy": "public",
133
- "attribute": "color"
134
- },
135
- {
136
- "kind": "field",
137
- "name": "activeAxis",
138
- "type": {
139
- "text": "string"
140
- },
141
- "privacy": "private",
142
- "default": "'x'"
143
- },
144
- {
145
- "kind": "field",
146
- "name": "x",
147
- "type": {
148
- "text": "number"
149
- },
150
- "privacy": "public",
151
- "attribute": "x"
152
- },
153
- {
154
- "kind": "field",
155
- "name": "_x",
156
- "type": {
157
- "text": "number"
158
- },
159
- "privacy": "private",
160
- "default": "1"
161
- },
162
- {
163
- "kind": "field",
164
- "name": "y",
165
- "type": {
166
- "text": "number"
167
- },
168
- "privacy": "public",
169
- "attribute": "y"
170
- },
171
- {
172
- "kind": "field",
173
- "name": "_y",
174
- "type": {
175
- "text": "number"
176
- },
177
- "privacy": "private",
178
- "default": "1"
179
- },
180
- {
181
- "kind": "field",
182
- "name": "step",
183
- "type": {
184
- "text": "number"
185
- },
186
- "privacy": "public",
187
- "default": "0.01",
188
- "attribute": "step"
189
- },
190
- {
191
- "kind": "field",
192
- "name": "inputX",
193
- "type": {
194
- "text": "HTMLInputElement"
195
- },
196
- "privacy": "public"
197
- },
198
- {
199
- "kind": "field",
200
- "name": "inputY",
201
- "type": {
202
- "text": "HTMLInputElement"
203
- },
204
- "privacy": "public"
205
- },
206
- {
207
- "kind": "field",
208
- "name": "altered",
209
- "type": {
210
- "text": "number"
211
- },
212
- "privacy": "private",
213
- "default": "0"
214
- },
215
- {
216
- "kind": "field",
217
- "name": "activeKeys",
218
- "privacy": "private",
219
- "default": "new Set()"
220
- },
221
- {
222
- "kind": "field",
223
- "name": "_valueChanged",
224
- "type": {
225
- "text": "boolean"
226
- },
227
- "privacy": "private",
228
- "default": "false"
229
- },
230
- {
231
- "kind": "method",
232
- "name": "focus",
233
- "privacy": "public",
234
- "return": {
235
- "type": {
236
- "text": "void"
237
- }
238
- },
239
- "parameters": [
240
- {
241
- "name": "focusOptions",
242
- "default": "{}",
243
- "type": {
244
- "text": "FocusOptions"
245
- }
246
- }
247
- ]
248
- },
249
- {
250
- "kind": "method",
251
- "name": "forwardFocus",
252
- "privacy": "private",
253
- "return": {
254
- "type": {
255
- "text": "void"
256
- }
257
- }
258
- },
259
- {
260
- "kind": "method",
261
- "name": "handleFocus",
262
- "privacy": "private",
263
- "return": {
264
- "type": {
265
- "text": "void"
266
- }
267
- }
268
- },
269
- {
270
- "kind": "method",
271
- "name": "handleBlur",
272
- "privacy": "public",
273
- "return": {
274
- "type": {
275
- "text": "void"
276
- }
277
- }
278
- },
279
- {
280
- "kind": "method",
281
- "name": "handleKeydown",
282
- "privacy": "private",
283
- "return": {
284
- "type": {
285
- "text": "void"
286
- }
287
- },
288
- "parameters": [
289
- {
290
- "name": "event",
291
- "type": {
292
- "text": "KeyboardEvent"
293
- }
294
- }
295
- ]
296
- },
297
- {
298
- "kind": "method",
299
- "name": "handleKeypress",
300
- "privacy": "private",
301
- "return": {
302
- "type": {
303
- "text": "void"
304
- }
305
- }
306
- },
307
- {
308
- "kind": "method",
309
- "name": "handleKeyup",
310
- "privacy": "private",
311
- "return": {
312
- "type": {
313
- "text": "void"
314
- }
315
- },
316
- "parameters": [
317
- {
318
- "name": "event",
319
- "type": {
320
- "text": "KeyboardEvent"
321
- }
322
- }
323
- ]
324
- },
325
- {
326
- "kind": "method",
327
- "name": "handleInput",
328
- "privacy": "private",
329
- "return": {
330
- "type": {
331
- "text": "void"
332
- }
333
- },
334
- "parameters": [
335
- {
336
- "name": "event",
337
- "type": {
338
- "text": "Event & { target: HTMLInputElement }"
339
- }
340
- }
341
- ]
342
- },
343
- {
344
- "kind": "method",
345
- "name": "handleChange",
346
- "privacy": "private",
347
- "return": {
348
- "type": {
349
- "text": "void"
350
- }
351
- },
352
- "parameters": [
353
- {
354
- "name": "event",
355
- "type": {
356
- "text": "Event & { target: HTMLInputElement }"
357
- }
358
- }
359
- ]
360
- },
361
- {
362
- "kind": "field",
363
- "name": "boundingClientRect",
364
- "type": {
365
- "text": "DOMRect"
366
- },
367
- "privacy": "private"
368
- },
369
- {
370
- "kind": "field",
371
- "name": "_pointerDown",
372
- "type": {
373
- "text": "boolean"
374
- },
375
- "privacy": "public",
376
- "default": "false"
377
- },
378
- {
379
- "kind": "method",
380
- "name": "handlePointerdown",
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": "method",
398
- "name": "handlePointermove",
399
- "privacy": "private",
400
- "return": {
401
- "type": {
402
- "text": "void"
403
- }
404
- },
405
- "parameters": [
406
- {
407
- "name": "event",
408
- "type": {
409
- "text": "PointerEvent"
410
- }
411
- }
412
- ]
413
- },
414
- {
415
- "kind": "method",
416
- "name": "handlePointerup",
417
- "privacy": "private",
418
- "return": {
419
- "type": {
420
- "text": "void"
421
- }
422
- },
423
- "parameters": [
424
- {
425
- "name": "event",
426
- "type": {
427
- "text": "PointerEvent"
428
- }
429
- }
430
- ]
431
- },
432
- {
433
- "kind": "method",
434
- "name": "calculateHandlePosition",
435
- "privacy": "private",
436
- "return": {
437
- "type": {
438
- "text": ""
439
- }
440
- },
441
- "parameters": [
442
- {
443
- "name": "event",
444
- "type": {
445
- "text": "PointerEvent"
446
- }
447
- },
448
- {
449
- "description": ": PointerEvent on slider",
450
- "name": ""
451
- }
452
- ],
453
- "description": "Returns the value under the cursor"
454
- },
455
- {
456
- "kind": "method",
457
- "name": "handleAreaPointerdown",
458
- "privacy": "private",
459
- "return": {
460
- "type": {
461
- "text": "void"
462
- }
463
- },
464
- "parameters": [
465
- {
466
- "name": "event",
467
- "type": {
468
- "text": "PointerEvent"
469
- }
470
- }
471
- ]
472
- },
473
- {
474
- "kind": "field",
475
- "name": "observer",
476
- "type": {
477
- "text": "WithSWCResizeObserver['ResizeObserver'] | undefined"
478
- },
479
- "privacy": "private"
480
- }
481
- ],
482
- "events": [
483
- {
484
- "name": "input",
485
- "type": {
486
- "text": "Event"
487
- },
488
- "description": "The value of the Color Area has changed."
489
- },
490
- {
491
- "name": "change",
492
- "type": {
493
- "text": "Event"
494
- },
495
- "description": "An alteration to the value of the Color Area has been committed by the user."
496
- }
497
- ],
498
- "attributes": [
499
- {
500
- "name": "dir",
501
- "type": {
502
- "text": "'ltr' | 'rtl'"
503
- },
504
- "fieldName": "dir"
505
- },
506
- {
507
- "name": "disabled",
508
- "type": {
509
- "text": "boolean"
510
- },
511
- "default": "false",
512
- "fieldName": "disabled"
513
- },
514
- {
515
- "name": "focused",
516
- "type": {
517
- "text": "boolean"
518
- },
519
- "default": "false",
520
- "fieldName": "focused"
521
- },
522
- {
523
- "name": "label-x",
524
- "type": {
525
- "text": "string"
526
- },
527
- "default": "'saturation'",
528
- "fieldName": "labelX"
529
- },
530
- {
531
- "name": "label-y",
532
- "type": {
533
- "text": "string"
534
- },
535
- "default": "'luminosity'",
536
- "fieldName": "labelY"
537
- },
538
- {
539
- "name": "hue",
540
- "type": {
541
- "text": "number"
542
- },
543
- "fieldName": "hue"
544
- },
545
- {
546
- "name": "value",
547
- "type": {
548
- "text": "ColorValue"
549
- },
550
- "readonly": true,
551
- "fieldName": "value"
552
- },
553
- {
554
- "name": "color",
555
- "type": {
556
- "text": "ColorValue"
557
- },
558
- "fieldName": "color"
559
- },
560
- {
561
- "name": "x",
562
- "type": {
563
- "text": "number"
564
- },
565
- "fieldName": "x"
566
- },
567
- {
568
- "name": "y",
569
- "type": {
570
- "text": "number"
571
- },
572
- "fieldName": "y"
573
- },
574
- {
575
- "name": "step",
576
- "type": {
577
- "text": "number"
578
- },
579
- "default": "0.01",
580
- "fieldName": "step"
581
- }
582
- ],
583
- "superclass": {
584
- "name": "SpectrumElement",
585
- "package": "@spectrum-web-components/base"
586
- },
587
- "tagName": "sp-color-area",
588
- "customElement": true
589
- }
590
- ],
591
- "exports": [
592
- {
593
- "kind": "js",
594
- "name": "ColorArea",
595
- "declaration": {
596
- "name": "ColorArea",
597
- "module": "src/ColorArea.js"
598
- }
599
- }
600
- ]
601
- }
602
- ]
603
- }