@spectrum-web-components/swatch 0.35.1-rc.41 → 0.36.0

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,611 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "readme": "",
4
+ "modules": [
5
+ {
6
+ "kind": "javascript-module",
7
+ "path": "sp-swatch-group.js",
8
+ "declarations": [],
9
+ "exports": [
10
+ {
11
+ "kind": "custom-element-definition",
12
+ "name": "sp-swatch-group",
13
+ "declaration": {
14
+ "name": "SwatchGroup",
15
+ "module": "/src/SwatchGroup.js"
16
+ }
17
+ }
18
+ ]
19
+ },
20
+ {
21
+ "kind": "javascript-module",
22
+ "path": "sp-swatch.js",
23
+ "declarations": [],
24
+ "exports": [
25
+ {
26
+ "kind": "custom-element-definition",
27
+ "name": "sp-swatch",
28
+ "declaration": {
29
+ "name": "Swatch",
30
+ "module": "/src/Swatch.js"
31
+ }
32
+ }
33
+ ]
34
+ },
35
+ {
36
+ "kind": "javascript-module",
37
+ "path": "src/Swatch.js",
38
+ "declarations": [
39
+ {
40
+ "kind": "class",
41
+ "description": "",
42
+ "name": "Swatch",
43
+ "members": [
44
+ {
45
+ "kind": "field",
46
+ "name": "border",
47
+ "type": {
48
+ "text": "SwatchBorder"
49
+ },
50
+ "privacy": "public",
51
+ "attribute": "border",
52
+ "reflects": true
53
+ },
54
+ {
55
+ "kind": "field",
56
+ "name": "color",
57
+ "type": {
58
+ "text": "string"
59
+ },
60
+ "privacy": "public",
61
+ "default": "''",
62
+ "attribute": "color"
63
+ },
64
+ {
65
+ "kind": "field",
66
+ "name": "label",
67
+ "type": {
68
+ "text": "string"
69
+ },
70
+ "privacy": "public",
71
+ "default": "''",
72
+ "attribute": "label"
73
+ },
74
+ {
75
+ "kind": "field",
76
+ "name": "mixedValue",
77
+ "type": {
78
+ "text": "boolean"
79
+ },
80
+ "privacy": "public",
81
+ "default": "false",
82
+ "attribute": "mixed-value",
83
+ "reflects": true
84
+ },
85
+ {
86
+ "kind": "field",
87
+ "name": "nothing",
88
+ "type": {
89
+ "text": "boolean"
90
+ },
91
+ "privacy": "public",
92
+ "default": "false",
93
+ "attribute": "nothing",
94
+ "reflects": true
95
+ },
96
+ {
97
+ "kind": "field",
98
+ "name": "role",
99
+ "type": {
100
+ "text": "string"
101
+ },
102
+ "privacy": "public",
103
+ "default": "'button'",
104
+ "attribute": "role",
105
+ "reflects": true
106
+ },
107
+ {
108
+ "kind": "field",
109
+ "name": "rounding",
110
+ "type": {
111
+ "text": "SwatchRounding"
112
+ },
113
+ "privacy": "public",
114
+ "attribute": "rounding",
115
+ "reflects": true
116
+ },
117
+ {
118
+ "kind": "field",
119
+ "name": "selected",
120
+ "type": {
121
+ "text": "boolean"
122
+ },
123
+ "privacy": "public",
124
+ "default": "false",
125
+ "attribute": "selected",
126
+ "reflects": true
127
+ },
128
+ {
129
+ "kind": "field",
130
+ "name": "shape",
131
+ "type": {
132
+ "text": "SwatchShape"
133
+ },
134
+ "privacy": "public",
135
+ "attribute": "shape",
136
+ "reflects": true
137
+ },
138
+ {
139
+ "kind": "field",
140
+ "name": "value",
141
+ "type": {
142
+ "text": "string"
143
+ },
144
+ "attribute": "value"
145
+ },
146
+ {
147
+ "kind": "field",
148
+ "name": "_value",
149
+ "type": {
150
+ "text": "string | undefined"
151
+ },
152
+ "privacy": "private"
153
+ },
154
+ {
155
+ "kind": "field",
156
+ "name": "focusElement",
157
+ "type": {
158
+ "text": "HTMLElement"
159
+ },
160
+ "privacy": "public",
161
+ "readonly": true
162
+ },
163
+ {
164
+ "kind": "method",
165
+ "name": "toggle",
166
+ "privacy": "public",
167
+ "return": {
168
+ "type": {
169
+ "text": "void"
170
+ }
171
+ },
172
+ "parameters": [
173
+ {
174
+ "name": "force",
175
+ "optional": true,
176
+ "type": {
177
+ "text": "boolean"
178
+ }
179
+ }
180
+ ]
181
+ },
182
+ {
183
+ "kind": "method",
184
+ "name": "handleClick",
185
+ "privacy": "private",
186
+ "return": {
187
+ "type": {
188
+ "text": "void"
189
+ }
190
+ }
191
+ },
192
+ {
193
+ "kind": "method",
194
+ "name": "handleKeydown",
195
+ "privacy": "protected",
196
+ "return": {
197
+ "type": {
198
+ "text": "void"
199
+ }
200
+ },
201
+ "parameters": [
202
+ {
203
+ "name": "event",
204
+ "type": {
205
+ "text": "KeyboardEvent"
206
+ }
207
+ }
208
+ ]
209
+ },
210
+ {
211
+ "kind": "method",
212
+ "name": "handleKeypress",
213
+ "privacy": "private",
214
+ "return": {
215
+ "type": {
216
+ "text": "void"
217
+ }
218
+ },
219
+ "parameters": [
220
+ {
221
+ "name": "event",
222
+ "type": {
223
+ "text": "KeyboardEvent"
224
+ }
225
+ }
226
+ ]
227
+ },
228
+ {
229
+ "kind": "method",
230
+ "name": "handleKeyup",
231
+ "privacy": "protected",
232
+ "return": {
233
+ "type": {
234
+ "text": "void"
235
+ }
236
+ },
237
+ "parameters": [
238
+ {
239
+ "name": "event",
240
+ "type": {
241
+ "text": "KeyboardEvent"
242
+ }
243
+ }
244
+ ]
245
+ },
246
+ {
247
+ "kind": "field",
248
+ "name": "renderDisabled",
249
+ "privacy": "protected"
250
+ },
251
+ {
252
+ "kind": "field",
253
+ "name": "renderMixedValue",
254
+ "privacy": "protected"
255
+ }
256
+ ],
257
+ "events": [
258
+ {
259
+ "name": "change",
260
+ "type": {
261
+ "text": "Event"
262
+ }
263
+ }
264
+ ],
265
+ "attributes": [
266
+ {
267
+ "name": "border",
268
+ "type": {
269
+ "text": "SwatchBorder"
270
+ },
271
+ "fieldName": "border"
272
+ },
273
+ {
274
+ "name": "color",
275
+ "type": {
276
+ "text": "string"
277
+ },
278
+ "default": "''",
279
+ "fieldName": "color"
280
+ },
281
+ {
282
+ "name": "label",
283
+ "type": {
284
+ "text": "string"
285
+ },
286
+ "default": "''",
287
+ "fieldName": "label"
288
+ },
289
+ {
290
+ "name": "mixed-value",
291
+ "type": {
292
+ "text": "boolean"
293
+ },
294
+ "default": "false",
295
+ "fieldName": "mixedValue"
296
+ },
297
+ {
298
+ "name": "nothing",
299
+ "type": {
300
+ "text": "boolean"
301
+ },
302
+ "default": "false",
303
+ "fieldName": "nothing"
304
+ },
305
+ {
306
+ "name": "role",
307
+ "type": {
308
+ "text": "string"
309
+ },
310
+ "default": "'button'",
311
+ "fieldName": "role"
312
+ },
313
+ {
314
+ "name": "rounding",
315
+ "type": {
316
+ "text": "SwatchRounding"
317
+ },
318
+ "fieldName": "rounding"
319
+ },
320
+ {
321
+ "name": "selected",
322
+ "type": {
323
+ "text": "boolean"
324
+ },
325
+ "default": "false",
326
+ "fieldName": "selected"
327
+ },
328
+ {
329
+ "name": "shape",
330
+ "type": {
331
+ "text": "SwatchShape"
332
+ },
333
+ "fieldName": "shape"
334
+ },
335
+ {
336
+ "name": "value",
337
+ "type": {
338
+ "text": "string"
339
+ },
340
+ "fieldName": "value"
341
+ }
342
+ ],
343
+ "mixins": [
344
+ {
345
+ "name": "SizedMixin",
346
+ "package": "@spectrum-web-components/base"
347
+ }
348
+ ],
349
+ "superclass": {
350
+ "name": "Focusable",
351
+ "package": "@spectrum-web-components/shared/src/focusable.js"
352
+ },
353
+ "tagName": "sp-swatch",
354
+ "customElement": true
355
+ }
356
+ ],
357
+ "exports": [
358
+ {
359
+ "kind": "js",
360
+ "name": "Swatch",
361
+ "declaration": {
362
+ "name": "Swatch",
363
+ "module": "src/Swatch.js"
364
+ }
365
+ }
366
+ ]
367
+ },
368
+ {
369
+ "kind": "javascript-module",
370
+ "path": "src/SwatchGroup.js",
371
+ "declarations": [
372
+ {
373
+ "kind": "class",
374
+ "description": "",
375
+ "name": "SwatchGroup",
376
+ "slots": [
377
+ {
378
+ "description": "Swatch elements to manage as a group",
379
+ "name": ""
380
+ }
381
+ ],
382
+ "members": [
383
+ {
384
+ "kind": "field",
385
+ "name": "border",
386
+ "type": {
387
+ "text": "SwatchBorder"
388
+ },
389
+ "privacy": "public",
390
+ "attribute": "border",
391
+ "reflects": true
392
+ },
393
+ {
394
+ "kind": "field",
395
+ "name": "rounding",
396
+ "type": {
397
+ "text": "SwatchRounding"
398
+ },
399
+ "privacy": "public",
400
+ "attribute": "rounding",
401
+ "reflects": true
402
+ },
403
+ {
404
+ "kind": "field",
405
+ "name": "selected",
406
+ "type": {
407
+ "text": "string[]"
408
+ },
409
+ "privacy": "public",
410
+ "default": "[]",
411
+ "attribute": "selected"
412
+ },
413
+ {
414
+ "kind": "field",
415
+ "name": "selects",
416
+ "type": {
417
+ "text": "SwatchSelects"
418
+ },
419
+ "privacy": "public",
420
+ "attribute": "selects"
421
+ },
422
+ {
423
+ "kind": "field",
424
+ "name": "selectedSet",
425
+ "privacy": "private",
426
+ "default": "new Set<string>()"
427
+ },
428
+ {
429
+ "kind": "field",
430
+ "name": "shape",
431
+ "type": {
432
+ "text": "SwatchShape"
433
+ },
434
+ "privacy": "public",
435
+ "attribute": "shape",
436
+ "reflects": true
437
+ },
438
+ {
439
+ "kind": "field",
440
+ "name": "density",
441
+ "type": {
442
+ "text": "'compact' | 'spacious' | undefined"
443
+ },
444
+ "privacy": "public",
445
+ "attribute": "density",
446
+ "reflects": true
447
+ },
448
+ {
449
+ "kind": "field",
450
+ "name": "rovingTabindexController",
451
+ "default": "new RovingTabindexController<Swatch>(this, {\n focusInIndex: (elements: Swatch[]) => {\n let firstEnabledIndex = -1;\n const firstSelectedIndex = elements.findIndex((el, index) => {\n if (!elements[firstEnabledIndex] && !el.disabled) {\n firstEnabledIndex = index;\n }\n return el.selected && !el.disabled;\n });\n return elements[firstSelectedIndex]\n ? firstSelectedIndex\n : firstEnabledIndex;\n },\n elements: () => [...this.children] as Swatch[],\n isFocusableElement: (el: Swatch) => !el.disabled,\n })"
452
+ },
453
+ {
454
+ "kind": "method",
455
+ "name": "focus",
456
+ "privacy": "public",
457
+ "return": {
458
+ "type": {
459
+ "text": "void"
460
+ }
461
+ },
462
+ "parameters": [
463
+ {
464
+ "name": "options",
465
+ "optional": true,
466
+ "type": {
467
+ "text": "FocusOptions"
468
+ }
469
+ }
470
+ ]
471
+ },
472
+ {
473
+ "kind": "method",
474
+ "name": "handleChange",
475
+ "privacy": "protected",
476
+ "return": {
477
+ "type": {
478
+ "text": "void"
479
+ }
480
+ },
481
+ "parameters": [
482
+ {
483
+ "name": "event",
484
+ "type": {
485
+ "text": "Event & { target: Swatch }"
486
+ }
487
+ }
488
+ ]
489
+ },
490
+ {
491
+ "kind": "field",
492
+ "name": "manageChange",
493
+ "privacy": "private"
494
+ },
495
+ {
496
+ "kind": "method",
497
+ "name": "getPassthroughSwatchActions",
498
+ "privacy": "private",
499
+ "return": {
500
+ "type": {
501
+ "text": "((swatch: Swatch) => void)[]"
502
+ }
503
+ },
504
+ "parameters": [
505
+ {
506
+ "name": "changes",
507
+ "type": {
508
+ "text": "PropertyValues"
509
+ }
510
+ }
511
+ ]
512
+ },
513
+ {
514
+ "kind": "method",
515
+ "name": "getSelectionSwatchActions",
516
+ "privacy": "private",
517
+ "return": {
518
+ "type": {
519
+ "text": "((swatch: Swatch) => void)[]"
520
+ }
521
+ },
522
+ "parameters": [
523
+ {
524
+ "name": "changes",
525
+ "type": {
526
+ "text": "PropertyValues"
527
+ }
528
+ }
529
+ ]
530
+ }
531
+ ],
532
+ "events": [
533
+ {
534
+ "name": "change",
535
+ "type": {
536
+ "text": "Event"
537
+ }
538
+ }
539
+ ],
540
+ "attributes": [
541
+ {
542
+ "name": "border",
543
+ "type": {
544
+ "text": "SwatchBorder"
545
+ },
546
+ "fieldName": "border"
547
+ },
548
+ {
549
+ "name": "rounding",
550
+ "type": {
551
+ "text": "SwatchRounding"
552
+ },
553
+ "fieldName": "rounding"
554
+ },
555
+ {
556
+ "name": "selected",
557
+ "type": {
558
+ "text": "string[]"
559
+ },
560
+ "default": "[]",
561
+ "fieldName": "selected"
562
+ },
563
+ {
564
+ "name": "selects",
565
+ "type": {
566
+ "text": "SwatchSelects"
567
+ },
568
+ "fieldName": "selects"
569
+ },
570
+ {
571
+ "name": "shape",
572
+ "type": {
573
+ "text": "SwatchShape"
574
+ },
575
+ "fieldName": "shape"
576
+ },
577
+ {
578
+ "name": "density",
579
+ "type": {
580
+ "text": "'compact' | 'spacious' | undefined"
581
+ },
582
+ "fieldName": "density"
583
+ }
584
+ ],
585
+ "mixins": [
586
+ {
587
+ "name": "SizedMixin",
588
+ "package": "@spectrum-web-components/base"
589
+ }
590
+ ],
591
+ "superclass": {
592
+ "name": "SpectrumElement",
593
+ "package": "@spectrum-web-components/base"
594
+ },
595
+ "tagName": "sp-swatch-group",
596
+ "customElement": true
597
+ }
598
+ ],
599
+ "exports": [
600
+ {
601
+ "kind": "js",
602
+ "name": "SwatchGroup",
603
+ "declaration": {
604
+ "name": "SwatchGroup",
605
+ "module": "src/SwatchGroup.js"
606
+ }
607
+ }
608
+ ]
609
+ }
610
+ ]
611
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/swatch",
3
- "version": "0.35.1-rc.41+6ac4e82f0",
3
+ "version": "0.36.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -67,15 +67,15 @@
67
67
  ],
68
68
  "dependencies": {
69
69
  "@lit-labs/observers": "^2.0.0",
70
- "@spectrum-web-components/base": "^0.35.1-rc.41+6ac4e82f0",
71
- "@spectrum-web-components/icon": "^0.35.1-rc.41+6ac4e82f0",
72
- "@spectrum-web-components/icons-ui": "^0.35.1-rc.41+6ac4e82f0",
73
- "@spectrum-web-components/reactive-controllers": "^0.35.1-rc.41+6ac4e82f0",
74
- "@spectrum-web-components/shared": "^0.35.1-rc.41+6ac4e82f0"
70
+ "@spectrum-web-components/base": "^0.36.0",
71
+ "@spectrum-web-components/icon": "^0.36.0",
72
+ "@spectrum-web-components/icons-ui": "^0.36.0",
73
+ "@spectrum-web-components/reactive-controllers": "^0.36.0",
74
+ "@spectrum-web-components/shared": "^0.36.0"
75
75
  },
76
76
  "devDependencies": {
77
77
  "@spectrum-css/swatch": "^4.0.31",
78
- "@spectrum-css/swatchgroup": "^2.0.55"
78
+ "@spectrum-css/swatchgroup": "^2.0.60"
79
79
  },
80
80
  "types": "./src/index.d.ts",
81
81
  "customElements": "custom-elements.json",
@@ -83,5 +83,5 @@
83
83
  "./sp-*.js",
84
84
  "./**/*.dev.js"
85
85
  ],
86
- "gitHead": "6ac4e82f0a4a68eb50b5dd4b96a562060162ac6f"
86
+ "gitHead": "a532ff8a410abeefb54d9638a2316ae82570566e"
87
87
  }