@m3e/radio-group 1.0.0-rc.3 โ 1.0.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.
- package/README.md +31 -34
- package/dist/custom-elements.json +250 -161
- package/dist/html-custom-data.json +13 -2
- package/dist/index.js +102 -49
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +40 -43
- package/dist/index.min.js.map +1 -1
- package/dist/src/RadioElement.d.ts +10 -1
- package/dist/src/RadioElement.d.ts.map +1 -1
- package/dist/src/RadioGroupElement.d.ts +19 -13
- package/dist/src/RadioGroupElement.d.ts.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -27,7 +27,7 @@ Alternately, you can explicitly reference the `html-custom-data.json` and `css-c
|
|
|
27
27
|
}
|
|
28
28
|
```
|
|
29
29
|
|
|
30
|
-
## ๐
|
|
30
|
+
## ๐ Native Module Support
|
|
31
31
|
|
|
32
32
|
This package uses [JavaScript Modules](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules#module_specifiers). To use it directly in a browser without a bundler, use a module script similar to the following.
|
|
33
33
|
|
|
@@ -53,7 +53,7 @@ In addition, you must use an [import map](https://developer.mozilla.org/en-US/do
|
|
|
53
53
|
|
|
54
54
|
## ๐๏ธ Elements
|
|
55
55
|
|
|
56
|
-
- `m3e-radio-group` โ A container for a set of radio buttons
|
|
56
|
+
- `m3e-radio-group` โ A container for a set of radio buttons.
|
|
57
57
|
- `m3e-radio` โ A radio button that allows a user to select one option from a set of options.
|
|
58
58
|
|
|
59
59
|
## ๐งช Example
|
|
@@ -79,11 +79,11 @@ This section details the attributes, slots, events and CSS custom properties ava
|
|
|
79
79
|
|
|
80
80
|
#### โ๏ธ Attributes
|
|
81
81
|
|
|
82
|
-
| Attribute | Type | Default | Description
|
|
83
|
-
| ---------- | --------- | ------- |
|
|
84
|
-
| `
|
|
85
|
-
| `
|
|
86
|
-
| `
|
|
82
|
+
| Attribute | Type | Default | Description |
|
|
83
|
+
| ---------- | --------- | ------- | ------------------------------------------------------------------------- |
|
|
84
|
+
| `disabled` | `boolean` | `false` | Whether the element is disabled. |
|
|
85
|
+
| `name` | `string` | `""` | The name that identifies the element when submitting the associated form. |
|
|
86
|
+
| `required` | `boolean` | `false` | Whether the element is required. |
|
|
87
87
|
|
|
88
88
|
#### ๐ Events
|
|
89
89
|
|
|
@@ -97,26 +97,19 @@ This section details the attributes, slots, events and CSS custom properties ava
|
|
|
97
97
|
| ----------- | --------------------------------------- |
|
|
98
98
|
| _(default)_ | Renders the radio buttons of the group. |
|
|
99
99
|
|
|
100
|
-
#### ๐๏ธ CSS Custom Properties
|
|
101
|
-
|
|
102
|
-
| Property | Description |
|
|
103
|
-
| -------------------------------- | ----------------------------------------------------------------- |
|
|
104
|
-
| `--m3e-radio-error-hover-color` | Fallback hover color used when the radio is invalid and touched. |
|
|
105
|
-
| `--m3e-radio-error-focus-color` | Fallback focus color used when the radio is invalid and touched. |
|
|
106
|
-
| `--m3e-radio-error-ripple-color` | Fallback ripple color used when the radio is invalid and touched. |
|
|
107
|
-
| `--m3e-radio-error-icon-color` | Fallback icon color used when the radio is invalid and touched. |
|
|
108
|
-
|
|
109
100
|
### ๐๏ธ m3e-radio
|
|
110
101
|
|
|
111
102
|
This section details the attributes, events and CSS custom properties available for the `m3e-radio` component.
|
|
112
103
|
|
|
113
104
|
#### โ๏ธ Attributes
|
|
114
105
|
|
|
115
|
-
| Attribute | Type | Default | Description
|
|
116
|
-
| ---------- | --------- | ------- |
|
|
117
|
-
| `checked` | `boolean` | `false` | Whether the element is checked.
|
|
118
|
-
| `disabled` | `boolean` | `false` | Whether the element is disabled.
|
|
119
|
-
| `
|
|
106
|
+
| Attribute | Type | Default | Description |
|
|
107
|
+
| ---------- | --------- | ------- | ------------------------------------------------------------------------- |
|
|
108
|
+
| `checked` | `boolean` | `false` | Whether the element is checked. |
|
|
109
|
+
| `disabled` | `boolean` | `false` | Whether the element is disabled. |
|
|
110
|
+
| `name` | `string` | `""` | The name that identifies the element when submitting the associated form. |
|
|
111
|
+
| `required` | `boolean` | `false` | Whether the element is required. |
|
|
112
|
+
| `value` | `string` | `""` | A string representing the value of the radio. |
|
|
120
113
|
|
|
121
114
|
#### ๐ Events
|
|
122
115
|
|
|
@@ -127,19 +120,23 @@ This section details the attributes, events and CSS custom properties available
|
|
|
127
120
|
|
|
128
121
|
#### ๐๏ธ CSS Custom Properties
|
|
129
122
|
|
|
130
|
-
| Property | Description
|
|
131
|
-
| ------------------------------------- |
|
|
132
|
-
| `--m3e-radio-container-size` | Base size of the radio button container.
|
|
133
|
-
| `--m3e-radio-icon-size` | Size of the radio icon inside the wrapper.
|
|
134
|
-
| `--m3e-radio-unselected-hover-color` | Hover state layer color when radio is not selected.
|
|
135
|
-
| `--m3e-radio-unselected-focus-color` | Focus state layer color when radio is not selected.
|
|
136
|
-
| `--m3e-radio-unselected-ripple-color` | Ripple color when radio is not selected.
|
|
137
|
-
| `--m3e-radio-unselected-icon-color` | Icon color when radio is not selected.
|
|
138
|
-
| `--m3e-radio-selected-hover-color` | Hover state layer color when radio is selected.
|
|
139
|
-
| `--m3e-radio-selected-focus-color` | Focus state layer color when radio is selected.
|
|
140
|
-
| `--m3e-radio-selected-ripple-color` | Ripple color when radio is selected.
|
|
141
|
-
| `--m3e-radio-selected-icon-color` | Icon color when radio is selected.
|
|
142
|
-
| `--m3e-radio-disabled-icon-color` | Icon color when radio is disabled.
|
|
123
|
+
| Property | Description |
|
|
124
|
+
| ------------------------------------- | ----------------------------------------------------------------- |
|
|
125
|
+
| `--m3e-radio-container-size` | Base size of the radio button container. |
|
|
126
|
+
| `--m3e-radio-icon-size` | Size of the radio icon inside the wrapper. |
|
|
127
|
+
| `--m3e-radio-unselected-hover-color` | Hover state layer color when radio is not selected. |
|
|
128
|
+
| `--m3e-radio-unselected-focus-color` | Focus state layer color when radio is not selected. |
|
|
129
|
+
| `--m3e-radio-unselected-ripple-color` | Ripple color when radio is not selected. |
|
|
130
|
+
| `--m3e-radio-unselected-icon-color` | Icon color when radio is not selected. |
|
|
131
|
+
| `--m3e-radio-selected-hover-color` | Hover state layer color when radio is selected. |
|
|
132
|
+
| `--m3e-radio-selected-focus-color` | Focus state layer color when radio is selected. |
|
|
133
|
+
| `--m3e-radio-selected-ripple-color` | Ripple color when radio is selected. |
|
|
134
|
+
| `--m3e-radio-selected-icon-color` | Icon color when radio is selected. |
|
|
135
|
+
| `--m3e-radio-disabled-icon-color` | Icon color when radio is disabled. |
|
|
136
|
+
| `--m3e-radio-error-hover-color` | Fallback hover color used when the radio is invalid and touched. |
|
|
137
|
+
| `--m3e-radio-error-focus-color` | Fallback focus color used when the radio is invalid and touched. |
|
|
138
|
+
| `--m3e-radio-error-ripple-color` | Fallback ripple color used when the radio is invalid and touched. |
|
|
139
|
+
| `--m3e-radio-error-icon-color` | Fallback icon color used when the radio is invalid and touched. |
|
|
143
140
|
|
|
144
141
|
## ๐ค Contributing
|
|
145
142
|
|
|
@@ -77,6 +77,22 @@
|
|
|
77
77
|
{
|
|
78
78
|
"description": "Icon color when radio is disabled.",
|
|
79
79
|
"name": "--m3e-radio-disabled-icon-color"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"description": "Fallback hover color used when the radio is invalid and touched.",
|
|
83
|
+
"name": "--m3e-radio-error-hover-color"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"description": "Fallback focus color used when the radio is invalid and touched.",
|
|
87
|
+
"name": "--m3e-radio-error-focus-color"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"description": "Fallback ripple color used when the radio is invalid and touched.",
|
|
91
|
+
"name": "--m3e-radio-error-ripple-color"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"description": "Fallback icon color used when the radio is invalid and touched.",
|
|
95
|
+
"name": "--m3e-radio-error-icon-color"
|
|
80
96
|
}
|
|
81
97
|
],
|
|
82
98
|
"members": [
|
|
@@ -165,14 +181,52 @@
|
|
|
165
181
|
}
|
|
166
182
|
]
|
|
167
183
|
},
|
|
184
|
+
{
|
|
185
|
+
"kind": "method",
|
|
186
|
+
"name": "#notifySelectionChange",
|
|
187
|
+
"privacy": "private",
|
|
188
|
+
"return": {
|
|
189
|
+
"type": {
|
|
190
|
+
"text": "void"
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"kind": "field",
|
|
196
|
+
"name": "formAssociated",
|
|
197
|
+
"static": true,
|
|
198
|
+
"readonly": true,
|
|
199
|
+
"default": "true",
|
|
200
|
+
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
|
|
201
|
+
"type": {
|
|
202
|
+
"text": "boolean"
|
|
203
|
+
},
|
|
204
|
+
"inheritedFrom": {
|
|
205
|
+
"name": "AttachInternals",
|
|
206
|
+
"module": "../core/src/shared/mixins/AttachInternals.ts"
|
|
207
|
+
}
|
|
208
|
+
},
|
|
168
209
|
{
|
|
169
210
|
"kind": "field",
|
|
170
211
|
"name": "[_eventHandler]",
|
|
171
212
|
"privacy": "private",
|
|
172
213
|
"readonly": true,
|
|
173
214
|
"inheritedFrom": {
|
|
174
|
-
"name": "
|
|
175
|
-
"module": "../core/src/shared/mixins/
|
|
215
|
+
"name": "Touched",
|
|
216
|
+
"module": "../core/src/shared/mixins/Touched.ts"
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"kind": "field",
|
|
221
|
+
"name": "labels",
|
|
222
|
+
"type": {
|
|
223
|
+
"text": "NodeListOf<HTMLLabelElement>"
|
|
224
|
+
},
|
|
225
|
+
"readonly": true,
|
|
226
|
+
"description": "The label elements that the element is associated with.",
|
|
227
|
+
"inheritedFrom": {
|
|
228
|
+
"name": "FormAssociated",
|
|
229
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
176
230
|
}
|
|
177
231
|
},
|
|
178
232
|
{
|
|
@@ -298,48 +352,6 @@
|
|
|
298
352
|
"module": "../core/src/shared/mixins/Checked.ts"
|
|
299
353
|
}
|
|
300
354
|
},
|
|
301
|
-
{
|
|
302
|
-
"kind": "field",
|
|
303
|
-
"name": "formAssociated",
|
|
304
|
-
"static": true,
|
|
305
|
-
"readonly": true,
|
|
306
|
-
"default": "true",
|
|
307
|
-
"description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
|
|
308
|
-
"type": {
|
|
309
|
-
"text": "boolean"
|
|
310
|
-
},
|
|
311
|
-
"inheritedFrom": {
|
|
312
|
-
"name": "AttachInternals",
|
|
313
|
-
"module": "../core/src/shared/mixins/AttachInternals.ts"
|
|
314
|
-
}
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
"kind": "field",
|
|
318
|
-
"name": "labels",
|
|
319
|
-
"type": {
|
|
320
|
-
"text": "NodeListOf<HTMLLabelElement>"
|
|
321
|
-
},
|
|
322
|
-
"description": "The label elements that the element is associated with.",
|
|
323
|
-
"readonly": true,
|
|
324
|
-
"inheritedFrom": {
|
|
325
|
-
"name": "Labelled",
|
|
326
|
-
"module": "../core/src/shared/mixins/Labelled.ts"
|
|
327
|
-
}
|
|
328
|
-
},
|
|
329
|
-
{
|
|
330
|
-
"kind": "method",
|
|
331
|
-
"name": "[_updateLabels]",
|
|
332
|
-
"privacy": "private",
|
|
333
|
-
"return": {
|
|
334
|
-
"type": {
|
|
335
|
-
"text": "void"
|
|
336
|
-
}
|
|
337
|
-
},
|
|
338
|
-
"inheritedFrom": {
|
|
339
|
-
"name": "Labelled",
|
|
340
|
-
"module": "../core/src/shared/mixins/Labelled.ts"
|
|
341
|
-
}
|
|
342
|
-
},
|
|
343
355
|
{
|
|
344
356
|
"kind": "field",
|
|
345
357
|
"name": "#keyUpHandler",
|
|
@@ -385,6 +397,67 @@
|
|
|
385
397
|
"module": "../core/src/shared/mixins/Focusable.ts"
|
|
386
398
|
}
|
|
387
399
|
},
|
|
400
|
+
{
|
|
401
|
+
"kind": "field",
|
|
402
|
+
"name": "[_defaultValue]",
|
|
403
|
+
"type": {
|
|
404
|
+
"text": "unknown"
|
|
405
|
+
},
|
|
406
|
+
"privacy": "private",
|
|
407
|
+
"inheritedFrom": {
|
|
408
|
+
"name": "FormAssociated",
|
|
409
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
410
|
+
}
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"kind": "field",
|
|
414
|
+
"name": "[_defaultIndeterminate]",
|
|
415
|
+
"type": {
|
|
416
|
+
"text": "boolean"
|
|
417
|
+
},
|
|
418
|
+
"privacy": "private",
|
|
419
|
+
"default": "false",
|
|
420
|
+
"inheritedFrom": {
|
|
421
|
+
"name": "FormAssociated",
|
|
422
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
423
|
+
}
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"kind": "field",
|
|
427
|
+
"name": "[_formDisabled]",
|
|
428
|
+
"type": {
|
|
429
|
+
"text": "boolean"
|
|
430
|
+
},
|
|
431
|
+
"privacy": "private",
|
|
432
|
+
"default": "false",
|
|
433
|
+
"inheritedFrom": {
|
|
434
|
+
"name": "FormAssociated",
|
|
435
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
436
|
+
}
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"kind": "field",
|
|
440
|
+
"name": "form",
|
|
441
|
+
"type": {
|
|
442
|
+
"text": "HTMLFormElement | null"
|
|
443
|
+
},
|
|
444
|
+
"description": "The `HTMLFormElement` associated with this element.",
|
|
445
|
+
"readonly": true,
|
|
446
|
+
"inheritedFrom": {
|
|
447
|
+
"name": "FormAssociated",
|
|
448
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
449
|
+
}
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"kind": "field",
|
|
453
|
+
"name": "name",
|
|
454
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
455
|
+
"attribute": "name",
|
|
456
|
+
"inheritedFrom": {
|
|
457
|
+
"name": "FormAssociated",
|
|
458
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
459
|
+
}
|
|
460
|
+
},
|
|
388
461
|
{
|
|
389
462
|
"kind": "field",
|
|
390
463
|
"name": "disabled",
|
|
@@ -399,6 +472,42 @@
|
|
|
399
472
|
"module": "../core/src/shared/mixins/Disabled.ts"
|
|
400
473
|
}
|
|
401
474
|
},
|
|
475
|
+
{
|
|
476
|
+
"kind": "method",
|
|
477
|
+
"name": "formDisabledCallback",
|
|
478
|
+
"return": {
|
|
479
|
+
"type": {
|
|
480
|
+
"text": "void"
|
|
481
|
+
}
|
|
482
|
+
},
|
|
483
|
+
"parameters": [
|
|
484
|
+
{
|
|
485
|
+
"name": "disabled",
|
|
486
|
+
"type": {
|
|
487
|
+
"text": "boolean"
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
],
|
|
491
|
+
"description": "Called when the element is disabled or enabled via its form association.",
|
|
492
|
+
"inheritedFrom": {
|
|
493
|
+
"name": "FormAssociated",
|
|
494
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
495
|
+
}
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
"kind": "method",
|
|
499
|
+
"name": "formResetCallback",
|
|
500
|
+
"return": {
|
|
501
|
+
"type": {
|
|
502
|
+
"text": "void"
|
|
503
|
+
}
|
|
504
|
+
},
|
|
505
|
+
"description": "Called when the associated form is reset.",
|
|
506
|
+
"inheritedFrom": {
|
|
507
|
+
"name": "FormAssociated",
|
|
508
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
509
|
+
}
|
|
510
|
+
},
|
|
402
511
|
{
|
|
403
512
|
"kind": "field",
|
|
404
513
|
"name": "[_internals]",
|
|
@@ -466,6 +575,19 @@
|
|
|
466
575
|
"module": "../core/src/shared/mixins/Disabled.ts"
|
|
467
576
|
}
|
|
468
577
|
},
|
|
578
|
+
{
|
|
579
|
+
"name": "name",
|
|
580
|
+
"description": "The name that identifies the element when submitting the associated form.",
|
|
581
|
+
"fieldName": "name",
|
|
582
|
+
"inheritedFrom": {
|
|
583
|
+
"name": "FormAssociated",
|
|
584
|
+
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"description": "Whether the element is required.",
|
|
589
|
+
"name": "required"
|
|
590
|
+
},
|
|
469
591
|
{
|
|
470
592
|
"description": "A string representing the value of the radio.",
|
|
471
593
|
"name": "value",
|
|
@@ -477,6 +599,10 @@
|
|
|
477
599
|
}
|
|
478
600
|
],
|
|
479
601
|
"mixins": [
|
|
602
|
+
{
|
|
603
|
+
"name": "Labelled",
|
|
604
|
+
"package": "@m3e/core"
|
|
605
|
+
},
|
|
480
606
|
{
|
|
481
607
|
"name": "Dirty",
|
|
482
608
|
"package": "@m3e/core"
|
|
@@ -490,15 +616,15 @@
|
|
|
490
616
|
"package": "@m3e/core"
|
|
491
617
|
},
|
|
492
618
|
{
|
|
493
|
-
"name": "
|
|
619
|
+
"name": "KeyboardClick",
|
|
494
620
|
"package": "@m3e/core"
|
|
495
621
|
},
|
|
496
622
|
{
|
|
497
|
-
"name": "
|
|
623
|
+
"name": "Focusable",
|
|
498
624
|
"package": "@m3e/core"
|
|
499
625
|
},
|
|
500
626
|
{
|
|
501
|
-
"name": "
|
|
627
|
+
"name": "FormAssociated",
|
|
502
628
|
"package": "@m3e/core"
|
|
503
629
|
},
|
|
504
630
|
{
|
|
@@ -547,26 +673,8 @@
|
|
|
547
673
|
"declarations": [
|
|
548
674
|
{
|
|
549
675
|
"kind": "class",
|
|
550
|
-
"description": "A container for a set of radio buttons
|
|
676
|
+
"description": "A container for a set of radio buttons.",
|
|
551
677
|
"name": "M3eRadioGroupElement",
|
|
552
|
-
"cssProperties": [
|
|
553
|
-
{
|
|
554
|
-
"description": "Fallback hover color used when the radio is invalid and touched.",
|
|
555
|
-
"name": "--m3e-radio-error-hover-color"
|
|
556
|
-
},
|
|
557
|
-
{
|
|
558
|
-
"description": "Fallback focus color used when the radio is invalid and touched.",
|
|
559
|
-
"name": "--m3e-radio-error-focus-color"
|
|
560
|
-
},
|
|
561
|
-
{
|
|
562
|
-
"description": "Fallback ripple color used when the radio is invalid and touched.",
|
|
563
|
-
"name": "--m3e-radio-error-ripple-color"
|
|
564
|
-
},
|
|
565
|
-
{
|
|
566
|
-
"description": "Fallback icon color used when the radio is invalid and touched.",
|
|
567
|
-
"name": "--m3e-radio-error-icon-color"
|
|
568
|
-
}
|
|
569
|
-
],
|
|
570
678
|
"slots": [
|
|
571
679
|
{
|
|
572
680
|
"description": "Renders the radio buttons of the group.",
|
|
@@ -586,7 +694,7 @@
|
|
|
586
694
|
"type": {
|
|
587
695
|
"text": "readonly M3eRadioElement[]"
|
|
588
696
|
},
|
|
589
|
-
"description": "The
|
|
697
|
+
"description": "The radios in the group.",
|
|
590
698
|
"readonly": true
|
|
591
699
|
},
|
|
592
700
|
{
|
|
@@ -607,6 +715,62 @@
|
|
|
607
715
|
"description": "The selected value of the radio group.",
|
|
608
716
|
"readonly": true
|
|
609
717
|
},
|
|
718
|
+
{
|
|
719
|
+
"kind": "method",
|
|
720
|
+
"name": "markAsTouched",
|
|
721
|
+
"return": {
|
|
722
|
+
"type": {
|
|
723
|
+
"text": "void"
|
|
724
|
+
}
|
|
725
|
+
},
|
|
726
|
+
"description": "Marks the element as touched.",
|
|
727
|
+
"inheritedFrom": {
|
|
728
|
+
"name": "Touched",
|
|
729
|
+
"module": "../core/src/shared/mixins/Touched.ts"
|
|
730
|
+
}
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"kind": "method",
|
|
734
|
+
"name": "markAsUntouched",
|
|
735
|
+
"return": {
|
|
736
|
+
"type": {
|
|
737
|
+
"text": "void"
|
|
738
|
+
}
|
|
739
|
+
},
|
|
740
|
+
"description": "Marks the element as untouched.",
|
|
741
|
+
"inheritedFrom": {
|
|
742
|
+
"name": "Touched",
|
|
743
|
+
"module": "../core/src/shared/mixins/Touched.ts"
|
|
744
|
+
}
|
|
745
|
+
},
|
|
746
|
+
{
|
|
747
|
+
"kind": "method",
|
|
748
|
+
"name": "markAsDirty",
|
|
749
|
+
"return": {
|
|
750
|
+
"type": {
|
|
751
|
+
"text": "void"
|
|
752
|
+
}
|
|
753
|
+
},
|
|
754
|
+
"description": "Marks the element as dirty.",
|
|
755
|
+
"inheritedFrom": {
|
|
756
|
+
"name": "Dirty",
|
|
757
|
+
"module": "../core/src/shared/mixins/Dirty.ts"
|
|
758
|
+
}
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "method",
|
|
762
|
+
"name": "markAsPristine",
|
|
763
|
+
"return": {
|
|
764
|
+
"type": {
|
|
765
|
+
"text": "void"
|
|
766
|
+
}
|
|
767
|
+
},
|
|
768
|
+
"description": "Marks the element as pristine.",
|
|
769
|
+
"inheritedFrom": {
|
|
770
|
+
"name": "Dirty",
|
|
771
|
+
"module": "../core/src/shared/mixins/Dirty.ts"
|
|
772
|
+
}
|
|
773
|
+
},
|
|
610
774
|
{
|
|
611
775
|
"kind": "method",
|
|
612
776
|
"name": "#handleSlotChange",
|
|
@@ -638,15 +802,7 @@
|
|
|
638
802
|
"type": {
|
|
639
803
|
"text": "void"
|
|
640
804
|
}
|
|
641
|
-
}
|
|
642
|
-
"parameters": [
|
|
643
|
-
{
|
|
644
|
-
"name": "e",
|
|
645
|
-
"type": {
|
|
646
|
-
"text": "Event"
|
|
647
|
-
}
|
|
648
|
-
}
|
|
649
|
-
]
|
|
805
|
+
}
|
|
650
806
|
},
|
|
651
807
|
{
|
|
652
808
|
"kind": "field",
|
|
@@ -686,20 +842,6 @@
|
|
|
686
842
|
"module": "../core/src/shared/mixins/FormAssociated.ts"
|
|
687
843
|
}
|
|
688
844
|
},
|
|
689
|
-
{
|
|
690
|
-
"kind": "method",
|
|
691
|
-
"name": "[_updateLabels]",
|
|
692
|
-
"privacy": "private",
|
|
693
|
-
"return": {
|
|
694
|
-
"type": {
|
|
695
|
-
"text": "void"
|
|
696
|
-
}
|
|
697
|
-
},
|
|
698
|
-
"inheritedFrom": {
|
|
699
|
-
"name": "Labelled",
|
|
700
|
-
"module": "../core/src/shared/mixins/Labelled.ts"
|
|
701
|
-
}
|
|
702
|
-
},
|
|
703
845
|
{
|
|
704
846
|
"kind": "field",
|
|
705
847
|
"name": "dirty",
|
|
@@ -726,34 +868,6 @@
|
|
|
726
868
|
"module": "../core/src/shared/mixins/Dirty.ts"
|
|
727
869
|
}
|
|
728
870
|
},
|
|
729
|
-
{
|
|
730
|
-
"kind": "method",
|
|
731
|
-
"name": "markAsPristine",
|
|
732
|
-
"return": {
|
|
733
|
-
"type": {
|
|
734
|
-
"text": "void"
|
|
735
|
-
}
|
|
736
|
-
},
|
|
737
|
-
"description": "Marks the element as pristine.",
|
|
738
|
-
"inheritedFrom": {
|
|
739
|
-
"name": "Dirty",
|
|
740
|
-
"module": "../core/src/shared/mixins/Dirty.ts"
|
|
741
|
-
}
|
|
742
|
-
},
|
|
743
|
-
{
|
|
744
|
-
"kind": "method",
|
|
745
|
-
"name": "markAsDirty",
|
|
746
|
-
"return": {
|
|
747
|
-
"type": {
|
|
748
|
-
"text": "void"
|
|
749
|
-
}
|
|
750
|
-
},
|
|
751
|
-
"description": "Marks the element as dirty.",
|
|
752
|
-
"inheritedFrom": {
|
|
753
|
-
"name": "Dirty",
|
|
754
|
-
"module": "../core/src/shared/mixins/Dirty.ts"
|
|
755
|
-
}
|
|
756
|
-
},
|
|
757
871
|
{
|
|
758
872
|
"kind": "field",
|
|
759
873
|
"name": "touched",
|
|
@@ -780,34 +894,6 @@
|
|
|
780
894
|
"module": "../core/src/shared/mixins/Touched.ts"
|
|
781
895
|
}
|
|
782
896
|
},
|
|
783
|
-
{
|
|
784
|
-
"kind": "method",
|
|
785
|
-
"name": "markAsTouched",
|
|
786
|
-
"return": {
|
|
787
|
-
"type": {
|
|
788
|
-
"text": "void"
|
|
789
|
-
}
|
|
790
|
-
},
|
|
791
|
-
"description": "Marks the element as touched.",
|
|
792
|
-
"inheritedFrom": {
|
|
793
|
-
"name": "Touched",
|
|
794
|
-
"module": "../core/src/shared/mixins/Touched.ts"
|
|
795
|
-
}
|
|
796
|
-
},
|
|
797
|
-
{
|
|
798
|
-
"kind": "method",
|
|
799
|
-
"name": "markAsUntouched",
|
|
800
|
-
"return": {
|
|
801
|
-
"type": {
|
|
802
|
-
"text": "void"
|
|
803
|
-
}
|
|
804
|
-
},
|
|
805
|
-
"description": "Marks the element as untouched.",
|
|
806
|
-
"inheritedFrom": {
|
|
807
|
-
"name": "Touched",
|
|
808
|
-
"module": "../core/src/shared/mixins/Touched.ts"
|
|
809
|
-
}
|
|
810
|
-
},
|
|
811
897
|
{
|
|
812
898
|
"kind": "field",
|
|
813
899
|
"name": "required",
|
|
@@ -1097,14 +1183,14 @@
|
|
|
1097
1183
|
],
|
|
1098
1184
|
"events": [
|
|
1099
1185
|
{
|
|
1100
|
-
"
|
|
1101
|
-
"
|
|
1102
|
-
"text": "Event"
|
|
1103
|
-
},
|
|
1104
|
-
"description": "Emitted when the checked state of a radio button changes."
|
|
1186
|
+
"description": "Emitted when the checked state of a radio button changes.",
|
|
1187
|
+
"name": "change"
|
|
1105
1188
|
}
|
|
1106
1189
|
],
|
|
1107
1190
|
"attributes": [
|
|
1191
|
+
{
|
|
1192
|
+
"name": "aria-invalid"
|
|
1193
|
+
},
|
|
1108
1194
|
{
|
|
1109
1195
|
"name": "disabled",
|
|
1110
1196
|
"type": {
|
|
@@ -2908,6 +2994,11 @@
|
|
|
2908
2994
|
"kind": "javascript-module",
|
|
2909
2995
|
"path": "../core/src/shared/mixins/Labelled.ts",
|
|
2910
2996
|
"declarations": [
|
|
2997
|
+
{
|
|
2998
|
+
"kind": "variable",
|
|
2999
|
+
"name": "updateLabels",
|
|
3000
|
+
"description": "A symbol through which to update labels to reflect a control's current state."
|
|
3001
|
+
},
|
|
2911
3002
|
{
|
|
2912
3003
|
"kind": "function",
|
|
2913
3004
|
"name": "isLabelledMixin",
|
|
@@ -2957,16 +3048,6 @@
|
|
|
2957
3048
|
},
|
|
2958
3049
|
"description": "The label elements that the element is associated with.",
|
|
2959
3050
|
"readonly": true
|
|
2960
|
-
},
|
|
2961
|
-
{
|
|
2962
|
-
"kind": "method",
|
|
2963
|
-
"name": "[_updateLabels]",
|
|
2964
|
-
"privacy": "private",
|
|
2965
|
-
"return": {
|
|
2966
|
-
"type": {
|
|
2967
|
-
"text": "void"
|
|
2968
|
-
}
|
|
2969
|
-
}
|
|
2970
3051
|
}
|
|
2971
3052
|
],
|
|
2972
3053
|
"parameters": [
|
|
@@ -2981,6 +3062,14 @@
|
|
|
2981
3062
|
}
|
|
2982
3063
|
],
|
|
2983
3064
|
"exports": [
|
|
3065
|
+
{
|
|
3066
|
+
"kind": "js",
|
|
3067
|
+
"name": "updateLabels",
|
|
3068
|
+
"declaration": {
|
|
3069
|
+
"name": "updateLabels",
|
|
3070
|
+
"module": "../core/src/shared/mixins/Labelled.ts"
|
|
3071
|
+
}
|
|
3072
|
+
},
|
|
2984
3073
|
{
|
|
2985
3074
|
"kind": "js",
|
|
2986
3075
|
"name": "isLabelledMixin",
|