@spectrum-web-components/checkbox 0.39.4 → 0.40.1

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 (29) hide show
  1. package/custom-elements.json +307 -36
  2. package/package.json +10 -6
  3. package/src/Checkbox.d.ts +17 -3
  4. package/src/Checkbox.dev.js +111 -57
  5. package/src/Checkbox.dev.js.map +2 -2
  6. package/src/Checkbox.js +44 -44
  7. package/src/Checkbox.js.map +3 -3
  8. package/src/CheckboxBase.d.ts +6 -7
  9. package/src/CheckboxBase.dev.js +2 -58
  10. package/src/CheckboxBase.dev.js.map +2 -2
  11. package/src/CheckboxBase.js +1 -8
  12. package/src/CheckboxBase.js.map +3 -3
  13. package/src/CheckboxMixin.d.ts +13 -0
  14. package/src/CheckboxMixin.dev.js +69 -0
  15. package/src/CheckboxMixin.dev.js.map +7 -0
  16. package/src/CheckboxMixin.js +10 -0
  17. package/src/CheckboxMixin.js.map +7 -0
  18. package/src/checkbox.css.dev.js +0 -55
  19. package/src/checkbox.css.dev.js.map +2 -2
  20. package/src/checkbox.css.js +0 -55
  21. package/src/checkbox.css.js.map +2 -2
  22. package/src/spectrum-checkbox.css.dev.js +0 -55
  23. package/src/spectrum-checkbox.css.dev.js.map +2 -2
  24. package/src/spectrum-checkbox.css.js +0 -55
  25. package/src/spectrum-checkbox.css.js.map +2 -2
  26. package/test/benchmark/test-basic.js +3 -1
  27. package/test/benchmark/test-basic.js.map +2 -2
  28. package/test/checkbox.test.js +8 -0
  29. package/test/checkbox.test.js.map +2 -2
package/custom-elements.json CHANGED
@@ -32,6 +32,27 @@
32
32
  }
33
33
  ],
34
34
  "members": [
35
+ {
36
+ "kind": "field",
37
+ "name": "shadowRootOptions",
38
+ "type": {
39
+ "text": "object"
40
+ },
41
+ "static": true,
42
+ "default": "{\n ...SpectrumElement.shadowRootOptions,\n delegatesFocus: true,\n }"
43
+ },
44
+ {
45
+ "kind": "field",
46
+ "name": "disabled",
47
+ "type": {
48
+ "text": "boolean"
49
+ },
50
+ "privacy": "public",
51
+ "default": "false",
52
+ "description": "Disable this control. It will not receive focus or events",
53
+ "attribute": "disabled",
54
+ "reflects": true
55
+ },
35
56
  {
36
57
  "kind": "field",
37
58
  "name": "indeterminate",
@@ -65,6 +86,27 @@
65
86
  "attribute": "emphasized",
66
87
  "reflects": true
67
88
  },
89
+ {
90
+ "kind": "field",
91
+ "name": "tabIndex",
92
+ "type": {
93
+ "text": "number"
94
+ },
95
+ "privacy": "public",
96
+ "default": "0",
97
+ "attribute": "tabindex",
98
+ "reflects": true
99
+ },
100
+ {
101
+ "kind": "method",
102
+ "name": "click",
103
+ "privacy": "public",
104
+ "return": {
105
+ "type": {
106
+ "text": "void"
107
+ }
108
+ }
109
+ },
68
110
  {
69
111
  "kind": "method",
70
112
  "name": "handleChange",
@@ -75,8 +117,8 @@
75
117
  }
76
118
  },
77
119
  "inheritedFrom": {
78
- "name": "CheckboxBase",
79
- "module": "src/CheckboxBase.js"
120
+ "name": "CheckboxMixin",
121
+ "module": "src/CheckboxMixin.js"
80
122
  }
81
123
  },
82
124
  {
@@ -90,8 +132,22 @@
90
132
  "attribute": "checked",
91
133
  "reflects": true,
92
134
  "inheritedFrom": {
93
- "name": "CheckboxBase",
94
- "module": "src/CheckboxBase.js"
135
+ "name": "CheckboxMixin",
136
+ "module": "src/CheckboxMixin.js"
137
+ }
138
+ },
139
+ {
140
+ "kind": "field",
141
+ "name": "name",
142
+ "type": {
143
+ "text": "string | undefined"
144
+ },
145
+ "privacy": "public",
146
+ "attribute": "name",
147
+ "reflects": true,
148
+ "inheritedFrom": {
149
+ "name": "CheckboxMixin",
150
+ "module": "src/CheckboxMixin.js"
95
151
  }
96
152
  },
97
153
  {
@@ -105,8 +161,8 @@
105
161
  "attribute": "readonly",
106
162
  "reflects": true,
107
163
  "inheritedFrom": {
108
- "name": "CheckboxBase",
109
- "module": "src/CheckboxBase.js"
164
+ "name": "CheckboxMixin",
165
+ "module": "src/CheckboxMixin.js"
110
166
  }
111
167
  },
112
168
  {
@@ -115,23 +171,23 @@
115
171
  "type": {
116
172
  "text": "HTMLInputElement"
117
173
  },
118
- "privacy": "protected",
119
174
  "inheritedFrom": {
120
- "name": "CheckboxBase",
121
- "module": "src/CheckboxBase.js"
175
+ "name": "CheckboxMixin",
176
+ "module": "src/CheckboxMixin.js"
122
177
  }
123
178
  },
124
179
  {
125
- "kind": "field",
126
- "name": "focusElement",
127
- "type": {
128
- "text": "HTMLElement"
180
+ "kind": "method",
181
+ "name": "render",
182
+ "privacy": "protected",
183
+ "return": {
184
+ "type": {
185
+ "text": "TemplateResult"
186
+ }
129
187
  },
130
- "privacy": "public",
131
- "readonly": true,
132
188
  "inheritedFrom": {
133
- "name": "CheckboxBase",
134
- "module": "src/CheckboxBase.js"
189
+ "name": "CheckboxMixin",
190
+ "module": "src/CheckboxMixin.js"
135
191
  }
136
192
  }
137
193
  ],
@@ -142,6 +198,15 @@
142
198
  }
143
199
  ],
144
200
  "attributes": [
201
+ {
202
+ "name": "disabled",
203
+ "type": {
204
+ "text": "boolean"
205
+ },
206
+ "default": "false",
207
+ "description": "Disable this control. It will not receive focus or events",
208
+ "fieldName": "disabled"
209
+ },
145
210
  {
146
211
  "name": "indeterminate",
147
212
  "type": {
@@ -166,6 +231,14 @@
166
231
  "default": "false",
167
232
  "fieldName": "emphasized"
168
233
  },
234
+ {
235
+ "name": "tabindex",
236
+ "type": {
237
+ "text": "number"
238
+ },
239
+ "default": "0",
240
+ "fieldName": "tabIndex"
241
+ },
169
242
  {
170
243
  "name": "checked",
171
244
  "type": {
@@ -174,8 +247,19 @@
174
247
  "default": "false",
175
248
  "fieldName": "checked",
176
249
  "inheritedFrom": {
177
- "name": "CheckboxBase",
178
- "module": "src/CheckboxBase.ts"
250
+ "name": "CheckboxMixin",
251
+ "module": "src/CheckboxMixin.ts"
252
+ }
253
+ },
254
+ {
255
+ "name": "name",
256
+ "type": {
257
+ "text": "string | undefined"
258
+ },
259
+ "fieldName": "name",
260
+ "inheritedFrom": {
261
+ "name": "CheckboxMixin",
262
+ "module": "src/CheckboxMixin.ts"
179
263
  }
180
264
  },
181
265
  {
@@ -186,8 +270,8 @@
186
270
  "default": "false",
187
271
  "fieldName": "readonly",
188
272
  "inheritedFrom": {
189
- "name": "CheckboxBase",
190
- "module": "src/CheckboxBase.ts"
273
+ "name": "CheckboxMixin",
274
+ "module": "src/CheckboxMixin.ts"
191
275
  }
192
276
  }
193
277
  ],
@@ -195,11 +279,15 @@
195
279
  {
196
280
  "name": "SizedMixin",
197
281
  "package": "@spectrum-web-components/base"
282
+ },
283
+ {
284
+ "name": "CheckboxMixin",
285
+ "module": "/src/CheckboxMixin.js"
198
286
  }
199
287
  ],
200
288
  "superclass": {
201
- "name": "CheckboxBase",
202
- "module": "/src/CheckboxBase.js"
289
+ "name": "SpectrumElement",
290
+ "package": "@spectrum-web-components/base"
203
291
  },
204
292
  "tagName": "sp-checkbox",
205
293
  "customElement": true
@@ -225,6 +313,15 @@
225
313
  "description": "",
226
314
  "name": "CheckboxBase",
227
315
  "members": [
316
+ {
317
+ "kind": "field",
318
+ "name": "focusElement",
319
+ "type": {
320
+ "text": "HTMLElement"
321
+ },
322
+ "privacy": "public",
323
+ "readonly": true
324
+ },
228
325
  {
229
326
  "kind": "field",
230
327
  "name": "checked",
@@ -234,7 +331,25 @@
234
331
  "privacy": "public",
235
332
  "default": "false",
236
333
  "attribute": "checked",
237
- "reflects": true
334
+ "reflects": true,
335
+ "inheritedFrom": {
336
+ "name": "CheckboxMixin",
337
+ "module": "src/CheckboxMixin.js"
338
+ }
339
+ },
340
+ {
341
+ "kind": "field",
342
+ "name": "name",
343
+ "type": {
344
+ "text": "string | undefined"
345
+ },
346
+ "privacy": "public",
347
+ "attribute": "name",
348
+ "reflects": true,
349
+ "inheritedFrom": {
350
+ "name": "CheckboxMixin",
351
+ "module": "src/CheckboxMixin.js"
352
+ }
238
353
  },
239
354
  {
240
355
  "kind": "field",
@@ -245,7 +360,11 @@
245
360
  "privacy": "public",
246
361
  "default": "false",
247
362
  "attribute": "readonly",
248
- "reflects": true
363
+ "reflects": true,
364
+ "inheritedFrom": {
365
+ "name": "CheckboxMixin",
366
+ "module": "src/CheckboxMixin.js"
367
+ }
249
368
  },
250
369
  {
251
370
  "kind": "field",
@@ -253,16 +372,147 @@
253
372
  "type": {
254
373
  "text": "HTMLInputElement"
255
374
  },
256
- "privacy": "protected"
375
+ "inheritedFrom": {
376
+ "name": "CheckboxMixin",
377
+ "module": "src/CheckboxMixin.js"
378
+ }
379
+ },
380
+ {
381
+ "kind": "method",
382
+ "name": "handleChange",
383
+ "privacy": "public",
384
+ "return": {
385
+ "type": {
386
+ "text": "void"
387
+ }
388
+ },
389
+ "inheritedFrom": {
390
+ "name": "CheckboxMixin",
391
+ "module": "src/CheckboxMixin.js"
392
+ }
393
+ },
394
+ {
395
+ "kind": "method",
396
+ "name": "render",
397
+ "privacy": "protected",
398
+ "return": {
399
+ "type": {
400
+ "text": "TemplateResult"
401
+ }
402
+ },
403
+ "inheritedFrom": {
404
+ "name": "CheckboxMixin",
405
+ "module": "src/CheckboxMixin.js"
406
+ }
407
+ }
408
+ ],
409
+ "mixins": [
410
+ {
411
+ "name": "CheckboxMixin",
412
+ "module": "/src/CheckboxMixin.js"
413
+ }
414
+ ],
415
+ "superclass": {
416
+ "name": "Focusable",
417
+ "package": "@spectrum-web-components/shared/src/focusable.js"
418
+ },
419
+ "attributes": [
420
+ {
421
+ "name": "checked",
422
+ "type": {
423
+ "text": "boolean"
424
+ },
425
+ "default": "false",
426
+ "fieldName": "checked",
427
+ "inheritedFrom": {
428
+ "name": "CheckboxMixin",
429
+ "module": "src/CheckboxMixin.ts"
430
+ }
431
+ },
432
+ {
433
+ "name": "name",
434
+ "type": {
435
+ "text": "string | undefined"
436
+ },
437
+ "fieldName": "name",
438
+ "inheritedFrom": {
439
+ "name": "CheckboxMixin",
440
+ "module": "src/CheckboxMixin.ts"
441
+ }
257
442
  },
443
+ {
444
+ "name": "readonly",
445
+ "type": {
446
+ "text": "boolean"
447
+ },
448
+ "default": "false",
449
+ "fieldName": "readonly",
450
+ "inheritedFrom": {
451
+ "name": "CheckboxMixin",
452
+ "module": "src/CheckboxMixin.ts"
453
+ }
454
+ }
455
+ ]
456
+ }
457
+ ],
458
+ "exports": [
459
+ {
460
+ "kind": "js",
461
+ "name": "CheckboxBase",
462
+ "declaration": {
463
+ "name": "CheckboxBase",
464
+ "module": "src/CheckboxBase.js"
465
+ }
466
+ }
467
+ ]
468
+ },
469
+ {
470
+ "kind": "javascript-module",
471
+ "path": "src/CheckboxMixin.js",
472
+ "declarations": [
473
+ {
474
+ "kind": "mixin",
475
+ "description": "",
476
+ "name": "CheckboxMixin",
477
+ "members": [
258
478
  {
259
479
  "kind": "field",
260
- "name": "focusElement",
480
+ "name": "checked",
261
481
  "type": {
262
- "text": "HTMLElement"
482
+ "text": "boolean"
263
483
  },
264
484
  "privacy": "public",
265
- "readonly": true
485
+ "default": "false",
486
+ "attribute": "checked",
487
+ "reflects": true
488
+ },
489
+ {
490
+ "kind": "field",
491
+ "name": "name",
492
+ "type": {
493
+ "text": "string | undefined"
494
+ },
495
+ "privacy": "public",
496
+ "attribute": "name",
497
+ "reflects": true
498
+ },
499
+ {
500
+ "kind": "field",
501
+ "name": "readonly",
502
+ "type": {
503
+ "text": "boolean"
504
+ },
505
+ "privacy": "public",
506
+ "default": "false",
507
+ "attribute": "readonly",
508
+ "reflects": true
509
+ },
510
+ {
511
+ "kind": "field",
512
+ "name": "inputElement",
513
+ "type": {
514
+ "text": "HTMLInputElement"
515
+ }
266
516
  },
267
517
  {
268
518
  "kind": "method",
@@ -273,6 +523,16 @@
273
523
  "text": "void"
274
524
  }
275
525
  }
526
+ },
527
+ {
528
+ "kind": "method",
529
+ "name": "render",
530
+ "privacy": "protected",
531
+ "return": {
532
+ "type": {
533
+ "text": "TemplateResult"
534
+ }
535
+ }
276
536
  }
277
537
  ],
278
538
  "attributes": [
@@ -284,6 +544,13 @@
284
544
  "default": "false",
285
545
  "fieldName": "checked"
286
546
  },
547
+ {
548
+ "name": "name",
549
+ "type": {
550
+ "text": "string | undefined"
551
+ },
552
+ "fieldName": "name"
553
+ },
287
554
  {
288
555
  "name": "readonly",
289
556
  "type": {
@@ -293,19 +560,23 @@
293
560
  "fieldName": "readonly"
294
561
  }
295
562
  ],
296
- "superclass": {
297
- "name": "Focusable",
298
- "package": "@spectrum-web-components/shared/src/focusable.js"
299
- }
563
+ "parameters": [
564
+ {
565
+ "name": "constructor",
566
+ "type": {
567
+ "text": "T"
568
+ }
569
+ }
570
+ ]
300
571
  }
301
572
  ],
302
573
  "exports": [
303
574
  {
304
575
  "kind": "js",
305
- "name": "CheckboxBase",
576
+ "name": "CheckboxMixin",
306
577
  "declaration": {
307
- "name": "CheckboxBase",
308
- "module": "src/CheckboxBase.js"
578
+ "name": "CheckboxMixin",
579
+ "module": "src/CheckboxMixin.js"
309
580
  }
310
581
  }
311
582
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/checkbox",
3
- "version": "0.39.4",
3
+ "version": "0.40.1",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -33,6 +33,10 @@
33
33
  "development": "./src/CheckboxBase.dev.js",
34
34
  "default": "./src/CheckboxBase.js"
35
35
  },
36
+ "./src/CheckboxMixin.js": {
37
+ "development": "./src/CheckboxMixin.dev.js",
38
+ "default": "./src/CheckboxMixin.js"
39
+ },
36
40
  "./src/checkbox.css.js": "./src/checkbox.css.js",
37
41
  "./src/index.js": {
38
42
  "development": "./src/index.dev.js",
@@ -61,10 +65,10 @@
61
65
  "lit-html"
62
66
  ],
63
67
  "dependencies": {
64
- "@spectrum-web-components/base": "^0.39.4",
65
- "@spectrum-web-components/icon": "^0.39.4",
66
- "@spectrum-web-components/icons-ui": "^0.39.4",
67
- "@spectrum-web-components/shared": "^0.39.4"
68
+ "@spectrum-web-components/base": "^0.40.1",
69
+ "@spectrum-web-components/icon": "^0.40.1",
70
+ "@spectrum-web-components/icons-ui": "^0.40.1",
71
+ "@spectrum-web-components/shared": "^0.40.1"
68
72
  },
69
73
  "devDependencies": {
70
74
  "@spectrum-css/checkbox": "^7.0.11"
@@ -75,5 +79,5 @@
75
79
  "./sp-*.js",
76
80
  "./**/*.dev.js"
77
81
  ],
78
- "gitHead": "f745c90e8e9ea85ff10be025e058b14cc925ec9f"
82
+ "gitHead": "a75c4f83094c505d64658dbc7de20b5f18a8fde1"
79
83
  }
package/src/Checkbox.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
2
- import { CheckboxBase } from './CheckboxBase.js';
1
+ import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
3
2
  import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark75.js';
4
3
  import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark100.js';
5
4
  import '@spectrum-web-components/icons-ui/icons/sp-icon-checkmark200.js';
@@ -8,7 +7,10 @@ import '@spectrum-web-components/icons-ui/icons/sp-icon-dash75.js';
8
7
  import '@spectrum-web-components/icons-ui/icons/sp-icon-dash100.js';
9
8
  import '@spectrum-web-components/icons-ui/icons/sp-icon-dash200.js';
10
9
  import '@spectrum-web-components/icons-ui/icons/sp-icon-dash300.js';
11
- declare const Checkbox_base: typeof CheckboxBase & {
10
+ declare const Checkbox_base: typeof SpectrumElement & {
11
+ new (...args: any[]): import("./CheckboxMixin.js").CheckboxElement;
12
+ prototype: import("./CheckboxMixin.js").CheckboxElement;
13
+ } & {
12
14
  new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
13
15
  prototype: import("@spectrum-web-components/base").SizedElementInterface;
14
16
  };
@@ -18,10 +20,22 @@ declare const Checkbox_base: typeof CheckboxBase & {
18
20
  * @fires change - Announces a change in the `checked` property of a Checkbox
19
21
  */
20
22
  export declare class Checkbox extends Checkbox_base {
23
+ static shadowRootOptions: {
24
+ delegatesFocus: boolean;
25
+ mode: ShadowRootMode;
26
+ slotAssignment?: SlotAssignmentMode | undefined;
27
+ };
28
+ /**
29
+ * Disable this control. It will not receive focus or events
30
+ */
31
+ disabled: boolean;
21
32
  indeterminate: boolean;
22
33
  invalid: boolean;
23
34
  emphasized: boolean;
35
+ tabIndex: number;
36
+ connectedCallback(): void;
24
37
  static get styles(): CSSResultArray;
38
+ click(): void;
25
39
  handleChange(): void;
26
40
  protected render(): TemplateResult;
27
41
  protected updated(changes: PropertyValues): void;