@spectrum-web-components/color-slider 0.30.0 → 0.30.1-overlay.30

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 -479
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/color-slider",
3
- "version": "0.30.0",
3
+ "version": "0.30.1-overlay.30+1df211c75",
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.30.0",
66
- "@spectrum-web-components/color-handle": "^0.30.0",
67
- "@spectrum-web-components/reactive-controllers": "^0.30.0",
68
- "@spectrum-web-components/shared": "^0.30.0"
65
+ "@spectrum-web-components/base": "^0.30.1-overlay.30+1df211c75",
66
+ "@spectrum-web-components/color-handle": "^0.30.1-overlay.30+1df211c75",
67
+ "@spectrum-web-components/reactive-controllers": "^0.30.1-overlay.30+1df211c75",
68
+ "@spectrum-web-components/shared": "^0.30.1-overlay.30+1df211c75"
69
69
  },
70
70
  "devDependencies": {
71
71
  "@spectrum-css/colorslider": "^3.0.3"
@@ -76,5 +76,5 @@
76
76
  "./sp-*.js",
77
77
  "./**/*.dev.js"
78
78
  ],
79
- "gitHead": "e34a26bf2bbea5f60a5e415e0f12c97654f0e20d"
79
+ "gitHead": "1df211c7581b6fd6ec624cf2b09bc81aeec29c26"
80
80
  }
package/custom-elements.json DELETED
@@ -1,479 +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
- {
12
- "kind": "javascript-module",
13
- "path": "src/ColorSlider.js",
14
- "declarations": [
15
- {
16
- "kind": "class",
17
- "description": "",
18
- "name": "ColorSlider",
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": "handle",
51
- "type": {
52
- "text": "ColorHandle"
53
- },
54
- "privacy": "private"
55
- },
56
- {
57
- "kind": "field",
58
- "name": "label",
59
- "type": {
60
- "text": "string"
61
- },
62
- "privacy": "public",
63
- "default": "'hue'",
64
- "attribute": "label"
65
- },
66
- {
67
- "kind": "field",
68
- "name": "vertical",
69
- "type": {
70
- "text": "boolean"
71
- },
72
- "privacy": "public",
73
- "default": "false",
74
- "attribute": "vertical",
75
- "reflects": true
76
- },
77
- {
78
- "kind": "field",
79
- "name": "colorController",
80
- "privacy": "private",
81
- "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 })"
82
- },
83
- {
84
- "kind": "field",
85
- "name": "value",
86
- "type": {
87
- "text": "number"
88
- },
89
- "privacy": "public",
90
- "attribute": "value"
91
- },
92
- {
93
- "kind": "field",
94
- "name": "sliderHandlePosition",
95
- "type": {
96
- "text": "number"
97
- },
98
- "privacy": "public",
99
- "default": "0",
100
- "attribute": "sliderHandlePosition",
101
- "reflects": true
102
- },
103
- {
104
- "kind": "field",
105
- "name": "color",
106
- "type": {
107
- "text": "ColorValue"
108
- },
109
- "privacy": "public",
110
- "attribute": "color"
111
- },
112
- {
113
- "kind": "field",
114
- "name": "step",
115
- "type": {
116
- "text": "number"
117
- },
118
- "privacy": "public",
119
- "default": "1",
120
- "attribute": "step"
121
- },
122
- {
123
- "kind": "field",
124
- "name": "altered",
125
- "type": {
126
- "text": "number"
127
- },
128
- "privacy": "private"
129
- },
130
- {
131
- "kind": "field",
132
- "name": "_altered",
133
- "type": {
134
- "text": "number"
135
- },
136
- "privacy": "private",
137
- "default": "0"
138
- },
139
- {
140
- "kind": "field",
141
- "name": "input",
142
- "type": {
143
- "text": "HTMLInputElement"
144
- },
145
- "privacy": "public"
146
- },
147
- {
148
- "kind": "field",
149
- "name": "focusElement",
150
- "type": {
151
- "text": "HTMLInputElement"
152
- },
153
- "privacy": "public"
154
- },
155
- {
156
- "kind": "method",
157
- "name": "handleKeydown",
158
- "privacy": "private",
159
- "return": {
160
- "type": {
161
- "text": "void"
162
- }
163
- },
164
- "parameters": [
165
- {
166
- "name": "event",
167
- "type": {
168
- "text": "KeyboardEvent"
169
- }
170
- }
171
- ]
172
- },
173
- {
174
- "kind": "method",
175
- "name": "handleInput",
176
- "privacy": "private",
177
- "return": {
178
- "type": {
179
- "text": "void"
180
- }
181
- },
182
- "parameters": [
183
- {
184
- "name": "event",
185
- "type": {
186
- "text": "Event & { target: HTMLInputElement }"
187
- }
188
- }
189
- ]
190
- },
191
- {
192
- "kind": "method",
193
- "name": "handleChange",
194
- "privacy": "private",
195
- "return": {
196
- "type": {
197
- "text": "void"
198
- }
199
- },
200
- "parameters": [
201
- {
202
- "name": "event",
203
- "type": {
204
- "text": "Event & { target: HTMLInputElement }"
205
- }
206
- }
207
- ]
208
- },
209
- {
210
- "kind": "method",
211
- "name": "focus",
212
- "privacy": "public",
213
- "return": {
214
- "type": {
215
- "text": "void"
216
- }
217
- },
218
- "parameters": [
219
- {
220
- "name": "focusOptions",
221
- "default": "{}",
222
- "type": {
223
- "text": "FocusOptions"
224
- }
225
- }
226
- ]
227
- },
228
- {
229
- "kind": "method",
230
- "name": "forwardFocus",
231
- "privacy": "private",
232
- "return": {
233
- "type": {
234
- "text": "void"
235
- }
236
- }
237
- },
238
- {
239
- "kind": "method",
240
- "name": "handleFocusin",
241
- "privacy": "private",
242
- "return": {
243
- "type": {
244
- "text": "void"
245
- }
246
- }
247
- },
248
- {
249
- "kind": "method",
250
- "name": "handleFocusout",
251
- "privacy": "private",
252
- "return": {
253
- "type": {
254
- "text": "void"
255
- }
256
- }
257
- },
258
- {
259
- "kind": "field",
260
- "name": "boundingClientRect",
261
- "type": {
262
- "text": "DOMRect"
263
- },
264
- "privacy": "private"
265
- },
266
- {
267
- "kind": "field",
268
- "name": "_pointerDown",
269
- "type": {
270
- "text": "boolean"
271
- },
272
- "privacy": "private",
273
- "default": "false"
274
- },
275
- {
276
- "kind": "method",
277
- "name": "handlePointerdown",
278
- "privacy": "private",
279
- "return": {
280
- "type": {
281
- "text": "void"
282
- }
283
- },
284
- "parameters": [
285
- {
286
- "name": "event",
287
- "type": {
288
- "text": "PointerEvent"
289
- }
290
- }
291
- ]
292
- },
293
- {
294
- "kind": "method",
295
- "name": "handlePointermove",
296
- "privacy": "private",
297
- "return": {
298
- "type": {
299
- "text": "void"
300
- }
301
- },
302
- "parameters": [
303
- {
304
- "name": "event",
305
- "type": {
306
- "text": "PointerEvent"
307
- }
308
- }
309
- ]
310
- },
311
- {
312
- "kind": "method",
313
- "name": "handlePointerup",
314
- "privacy": "private",
315
- "return": {
316
- "type": {
317
- "text": "void"
318
- }
319
- },
320
- "parameters": [
321
- {
322
- "name": "event",
323
- "type": {
324
- "text": "PointerEvent"
325
- }
326
- }
327
- ]
328
- },
329
- {
330
- "kind": "method",
331
- "name": "calculateHandlePosition",
332
- "privacy": "private",
333
- "return": {
334
- "type": {
335
- "text": ""
336
- }
337
- },
338
- "parameters": [
339
- {
340
- "name": "event",
341
- "type": {
342
- "text": "PointerEvent"
343
- }
344
- },
345
- {
346
- "description": ": PointerEvent on slider",
347
- "name": ""
348
- }
349
- ],
350
- "description": "Returns the value under the cursor"
351
- },
352
- {
353
- "kind": "method",
354
- "name": "handleGradientPointerdown",
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": "field",
372
- "name": "handlePositionStyles",
373
- "type": {
374
- "text": "string"
375
- },
376
- "privacy": "private"
377
- }
378
- ],
379
- "events": [
380
- {
381
- "name": "input",
382
- "type": {
383
- "text": "Event"
384
- },
385
- "description": "The value of the Color Slider has changed."
386
- },
387
- {
388
- "name": "change",
389
- "type": {
390
- "text": "Event"
391
- },
392
- "description": "An alteration to the value of the Color Slider has been committed by the user."
393
- }
394
- ],
395
- "attributes": [
396
- {
397
- "name": "disabled",
398
- "type": {
399
- "text": "boolean"
400
- },
401
- "default": "false",
402
- "fieldName": "disabled"
403
- },
404
- {
405
- "name": "focused",
406
- "type": {
407
- "text": "boolean"
408
- },
409
- "default": "false",
410
- "fieldName": "focused"
411
- },
412
- {
413
- "name": "label",
414
- "type": {
415
- "text": "string"
416
- },
417
- "default": "'hue'",
418
- "fieldName": "label"
419
- },
420
- {
421
- "name": "vertical",
422
- "type": {
423
- "text": "boolean"
424
- },
425
- "default": "false",
426
- "fieldName": "vertical"
427
- },
428
- {
429
- "name": "value",
430
- "type": {
431
- "text": "number"
432
- },
433
- "fieldName": "value"
434
- },
435
- {
436
- "name": "sliderHandlePosition",
437
- "type": {
438
- "text": "number"
439
- },
440
- "default": "0",
441
- "fieldName": "sliderHandlePosition"
442
- },
443
- {
444
- "name": "color",
445
- "type": {
446
- "text": "ColorValue"
447
- },
448
- "fieldName": "color"
449
- },
450
- {
451
- "name": "step",
452
- "type": {
453
- "text": "number"
454
- },
455
- "default": "1",
456
- "fieldName": "step"
457
- }
458
- ],
459
- "superclass": {
460
- "name": "Focusable",
461
- "package": "@spectrum-web-components/shared/src/focusable.js"
462
- },
463
- "tagName": "sp-color-slider",
464
- "customElement": true
465
- }
466
- ],
467
- "exports": [
468
- {
469
- "kind": "js",
470
- "name": "ColorSlider",
471
- "declaration": {
472
- "name": "ColorSlider",
473
- "module": "src/ColorSlider.js"
474
- }
475
- }
476
- ]
477
- }
478
- ]
479
- }