@spectrum-web-components/color-area 0.30.0 → 0.30.1-overlay.31

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