@spectrum-web-components/color-area 1.2.0-beta.0 → 1.2.0-beta.10

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.
@@ -0,0 +1,603 @@
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
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-area",
3
- "version": "1.2.0-beta.0",
3
+ "version": "1.2.0-beta.10",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -63,11 +63,11 @@
63
63
  ],
64
64
  "dependencies": {
65
65
  "@ctrl/tinycolor": "^4.0.3",
66
- "@spectrum-web-components/base": "^1.2.0-beta.0",
67
- "@spectrum-web-components/color-handle": "^1.2.0-beta.0",
68
- "@spectrum-web-components/opacity-checkerboard": "^1.2.0-beta.0",
69
- "@spectrum-web-components/reactive-controllers": "^1.2.0-beta.0",
70
- "@spectrum-web-components/shared": "^1.2.0-beta.0"
66
+ "@spectrum-web-components/base": "^1.2.0-beta.10",
67
+ "@spectrum-web-components/color-handle": "^1.2.0-beta.10",
68
+ "@spectrum-web-components/opacity-checkerboard": "^1.2.0-beta.10",
69
+ "@spectrum-web-components/reactive-controllers": "^1.2.0-beta.10",
70
+ "@spectrum-web-components/shared": "^1.2.0-beta.10"
71
71
  },
72
72
  "devDependencies": {
73
73
  "@spectrum-css/colorarea": "6.0.0-s2-foundations.15"
@@ -78,5 +78,5 @@
78
78
  "./sp-*.js",
79
79
  "./**/*.dev.js"
80
80
  ],
81
- "gitHead": "809bd734313fe289067108bf1dea2a48cc103a9f"
81
+ "gitHead": "81f02546f87154b9952ff46c747d0cde97849772"
82
82
  }