@spectrum-web-components/color-area 0.5.8-react.48 → 0.5.8-react.49

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