@eui/ecl 22.0.0-alpha.27 → 22.0.0-alpha.29
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/docs/changelog.html +22 -0
- package/docs/components/EclRadioHelpComponent.html +76 -66
- package/docs/components/EclRadioLabelComponent.html +59 -27
- package/docs/directives/EclRadioDirective.html +171 -47
- package/docs/directives/EclRadioInputDirective.html +0 -46
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EclRadioDirective.md +2 -2
- package/docs/json/EclRadioHelpComponent.md +4 -1
- package/docs/json/EclRadioLabelComponent.md +6 -2
- package/docs/json/documentation.json +243 -141
- package/docs/llms.txt +21 -8
- package/docs/miscellaneous/variables.html +20 -20
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-radio.mjs +108 -77
- package/fesm2022/eui-ecl-components-ecl-radio.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-ecl-components-ecl-radio.d.ts +68 -29
- package/types/eui-ecl-components-ecl-radio.d.ts.map +1 -1
|
@@ -159,12 +159,6 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
159
159
|
<code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
|
|
160
160
|
</p>
|
|
161
161
|
|
|
162
|
-
<p class="comment">
|
|
163
|
-
<h3>Implements</h3>
|
|
164
|
-
</p>
|
|
165
|
-
<p class="comment">
|
|
166
|
-
<code><a href="https://angular.dev/api/core/DoCheck" target="_blank" >DoCheck</a></code>
|
|
167
|
-
</p>
|
|
168
162
|
|
|
169
163
|
<p class="comment">
|
|
170
164
|
<h3>Example</h3>
|
|
@@ -204,9 +198,6 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
204
198
|
<li>
|
|
205
199
|
<code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
|
|
206
200
|
</li>
|
|
207
|
-
<li>
|
|
208
|
-
<code><a href="https://angular.dev/api/core/DoCheck" target="_blank" >DoCheck</a></code>
|
|
209
|
-
</li>
|
|
210
201
|
</ul>
|
|
211
202
|
</div>
|
|
212
203
|
</div>
|
|
@@ -235,6 +226,16 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
235
226
|
<span class="modifier">Readonly</span>
|
|
236
227
|
<a href="#eclRadioLabelComponent" >eclRadioLabelComponent</a>
|
|
237
228
|
</li>
|
|
229
|
+
<li>
|
|
230
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
231
|
+
<span class="modifier">Readonly</span>
|
|
232
|
+
<a href="#isDisabled" >isDisabled</a>
|
|
233
|
+
</li>
|
|
234
|
+
<li>
|
|
235
|
+
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
236
|
+
<span class="modifier">Readonly</span>
|
|
237
|
+
<a href="#isInvalid" >isInvalid</a>
|
|
238
|
+
</li>
|
|
238
239
|
</ul>
|
|
239
240
|
</td>
|
|
240
241
|
</tr>
|
|
@@ -249,6 +250,10 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
249
250
|
</td>
|
|
250
251
|
<td class="col-md-9">
|
|
251
252
|
<ul class="index-list">
|
|
253
|
+
<li>
|
|
254
|
+
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
255
|
+
<a href="#setControlState" >setControlState</a>
|
|
256
|
+
</li>
|
|
252
257
|
<li>
|
|
253
258
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
254
259
|
<a href="#getCssClasses" >getCssClasses</a>
|
|
@@ -292,44 +297,41 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
292
297
|
</table>
|
|
293
298
|
|
|
294
299
|
|
|
300
|
+
|
|
301
|
+
|
|
295
302
|
<table class="table table-sm table-bordered index-table">
|
|
296
303
|
<tbody>
|
|
297
304
|
<tr>
|
|
298
305
|
<td class="col-md-3">
|
|
299
|
-
<h6><b>
|
|
306
|
+
<h6><b>Accessors</b></h6>
|
|
300
307
|
</td>
|
|
301
308
|
<td class="col-md-9">
|
|
302
309
|
<ul class="index-list">
|
|
303
310
|
<li>
|
|
304
|
-
<span class="reference-badge reference-badge--
|
|
311
|
+
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
312
|
+
<a href="#cssClasses" >cssClasses</a>
|
|
305
313
|
</li>
|
|
306
314
|
</ul>
|
|
307
315
|
</td>
|
|
308
316
|
</tr>
|
|
309
317
|
</tbody>
|
|
310
318
|
</table>
|
|
319
|
+
</section>
|
|
311
320
|
|
|
312
|
-
|
|
313
|
-
|
|
321
|
+
<section data-compodoc="block-constructor">
|
|
322
|
+
<h3 id="constructor">Constructor</h3>
|
|
323
|
+
<table class="table table-sm table-bordered">
|
|
314
324
|
<tbody>
|
|
315
325
|
<tr>
|
|
316
|
-
<td class="col-md-
|
|
317
|
-
|
|
318
|
-
</td>
|
|
319
|
-
<td class="col-md-9">
|
|
320
|
-
<ul class="index-list">
|
|
321
|
-
<li>
|
|
322
|
-
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
323
|
-
<a href="#cssClasses" >cssClasses</a>
|
|
324
|
-
</li>
|
|
325
|
-
</ul>
|
|
326
|
+
<td class="col-md-4">
|
|
327
|
+
<code>constructor()</code>
|
|
326
328
|
</td>
|
|
327
329
|
</tr>
|
|
330
|
+
|
|
328
331
|
</tbody>
|
|
329
332
|
</table>
|
|
330
333
|
</section>
|
|
331
334
|
|
|
332
|
-
|
|
333
335
|
<section data-compodoc="block-inputs">
|
|
334
336
|
<h3 id="inputs">Inputs</h3>
|
|
335
337
|
<table class="table table-sm table-bordered">
|
|
@@ -353,7 +355,7 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
353
355
|
</tr>
|
|
354
356
|
<tr>
|
|
355
357
|
<td class="col-md-4">
|
|
356
|
-
<div class="io-description"><p>
|
|
358
|
+
<div class="io-description"><p>Consumer-provided disabled state, bound as an attribute on the host element.</p>
|
|
357
359
|
</div>
|
|
358
360
|
</td>
|
|
359
361
|
</tr>
|
|
@@ -380,7 +382,7 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
380
382
|
</tr>
|
|
381
383
|
<tr>
|
|
382
384
|
<td class="col-md-4">
|
|
383
|
-
<div class="io-description"><p>
|
|
385
|
+
<div class="io-description"><p>Consumer-provided invalid state, bound as an attribute on the host element.</p>
|
|
384
386
|
</div>
|
|
385
387
|
</td>
|
|
386
388
|
</tr>
|
|
@@ -464,43 +466,89 @@ with ECL styles and support for invalid, disabled and binary states.</p>
|
|
|
464
466
|
</section>
|
|
465
467
|
|
|
466
468
|
|
|
467
|
-
|
|
468
|
-
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
<section data-compodoc="block-methods">
|
|
472
|
+
|
|
473
|
+
<h3 id="methods">
|
|
474
|
+
Methods
|
|
475
|
+
</h3>
|
|
476
|
+
<table class="table table-sm table-bordered">
|
|
469
477
|
<tbody>
|
|
470
478
|
<tr>
|
|
471
479
|
<td class="col-md-4">
|
|
472
|
-
<a name="
|
|
480
|
+
<a name="setControlState"></a>
|
|
473
481
|
<span class="name">
|
|
474
|
-
<span ><b>
|
|
475
|
-
<a href="#
|
|
482
|
+
<span ><b>setControlState</b></span>
|
|
483
|
+
<a href="#setControlState"><span class="icon ion-ios-link"></span></a>
|
|
476
484
|
</span>
|
|
477
485
|
</td>
|
|
478
486
|
</tr>
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
487
|
+
<tr>
|
|
488
|
+
<td class="col-md-4">
|
|
489
|
+
<code>setControlState(isInvalid: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>, isDisabled: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
|
|
490
|
+
</td>
|
|
491
|
+
</tr>
|
|
492
|
+
|
|
493
|
+
|
|
482
494
|
|
|
483
|
-
</td>
|
|
484
|
-
</tr>
|
|
485
495
|
|
|
486
496
|
<tr>
|
|
487
497
|
<td class="col-md-4">
|
|
488
|
-
|
|
489
|
-
|
|
498
|
+
<div class="io-description"><p>Called by the child <code>eclRadioInput</code> directive to propagate the disabled and
|
|
499
|
+
invalid states derived from the associated form control.</p>
|
|
490
500
|
</div>
|
|
501
|
+
|
|
502
|
+
<div class="io-description">
|
|
503
|
+
<b>Parameters :</b>
|
|
504
|
+
|
|
505
|
+
<table class="params">
|
|
506
|
+
<thead>
|
|
507
|
+
<tr>
|
|
508
|
+
<td>Name</td>
|
|
509
|
+
<td>Type</td>
|
|
510
|
+
<td>Optional</td>
|
|
511
|
+
</tr>
|
|
512
|
+
</thead>
|
|
513
|
+
<tbody>
|
|
514
|
+
<tr>
|
|
515
|
+
<td>isInvalid</td>
|
|
516
|
+
<td>
|
|
517
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
518
|
+
</td>
|
|
519
|
+
|
|
520
|
+
<td>
|
|
521
|
+
No
|
|
522
|
+
</td>
|
|
523
|
+
|
|
524
|
+
|
|
525
|
+
</tr>
|
|
526
|
+
<tr>
|
|
527
|
+
<td>isDisabled</td>
|
|
528
|
+
<td>
|
|
529
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
530
|
+
</td>
|
|
531
|
+
|
|
532
|
+
<td>
|
|
533
|
+
No
|
|
534
|
+
</td>
|
|
535
|
+
|
|
536
|
+
|
|
537
|
+
</tr>
|
|
538
|
+
</tbody>
|
|
539
|
+
</table>
|
|
540
|
+
</div>
|
|
541
|
+
<div class="io-description">
|
|
542
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
543
|
+
|
|
544
|
+
</div>
|
|
545
|
+
<div class="io-description">
|
|
546
|
+
|
|
547
|
+
</div>
|
|
491
548
|
</td>
|
|
492
549
|
</tr>
|
|
493
|
-
|
|
494
550
|
</tbody>
|
|
495
551
|
</table>
|
|
496
|
-
</section>
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
<section data-compodoc="block-methods">
|
|
500
|
-
|
|
501
|
-
<h3 id="methods">
|
|
502
|
-
Methods
|
|
503
|
-
</h3>
|
|
504
552
|
<table class="table table-sm table-bordered">
|
|
505
553
|
<tbody>
|
|
506
554
|
<tr>
|
|
@@ -631,6 +679,82 @@ Used to synchronize the disabled state with the help text.</p>
|
|
|
631
679
|
<td class="col-md-4">
|
|
632
680
|
<div class="io-description"><p>Reference to the projected EclRadioLabelComponent, if present.
|
|
633
681
|
Used to synchronize disabled and invalid states with the label.</p>
|
|
682
|
+
</div>
|
|
683
|
+
</td>
|
|
684
|
+
</tr>
|
|
685
|
+
|
|
686
|
+
</tbody>
|
|
687
|
+
</table>
|
|
688
|
+
<table class="table table-sm table-bordered">
|
|
689
|
+
<tbody>
|
|
690
|
+
<tr>
|
|
691
|
+
<td class="col-md-4">
|
|
692
|
+
<a name="isDisabled"></a>
|
|
693
|
+
<span class="name">
|
|
694
|
+
<span class="modifier">Readonly</span>
|
|
695
|
+
<span ><b>isDisabled</b></span>
|
|
696
|
+
<a href="#isDisabled"><span class="icon ion-ios-link"></span></a>
|
|
697
|
+
</span>
|
|
698
|
+
</td>
|
|
699
|
+
</tr>
|
|
700
|
+
<tr>
|
|
701
|
+
<td class="col-md-4">
|
|
702
|
+
<i>Type : </i> <code>unknown</code>
|
|
703
|
+
|
|
704
|
+
</td>
|
|
705
|
+
</tr>
|
|
706
|
+
<tr>
|
|
707
|
+
<td class="col-md-4">
|
|
708
|
+
<i>Default value : </i><code>computed(() => this.controlDisabled() ?? this.disabledInput())</code>
|
|
709
|
+
</td>
|
|
710
|
+
</tr>
|
|
711
|
+
|
|
712
|
+
<tr>
|
|
713
|
+
<td class="col-md-4">
|
|
714
|
+
<div class="io-description"><p>Effective disabled state, preferring the form-control-driven value when present.
|
|
715
|
+
Adds the <code>ecl-radio--disabled</code> class to the host element when true.</p>
|
|
716
|
+
<p>Precedence: when a child <code>eclRadioInput</code> is bound to a form control it calls
|
|
717
|
+
<code>setControlState</code>, making <code>controlDisabled</code> a concrete boolean that takes over.
|
|
718
|
+
While <code>controlDisabled</code> is <code>undefined</code> (no form control in play), the <code>??</code>
|
|
719
|
+
falls back to the consumer-provided <code>disabledInput</code> attribute value.</p>
|
|
720
|
+
</div>
|
|
721
|
+
</td>
|
|
722
|
+
</tr>
|
|
723
|
+
|
|
724
|
+
</tbody>
|
|
725
|
+
</table>
|
|
726
|
+
<table class="table table-sm table-bordered">
|
|
727
|
+
<tbody>
|
|
728
|
+
<tr>
|
|
729
|
+
<td class="col-md-4">
|
|
730
|
+
<a name="isInvalid"></a>
|
|
731
|
+
<span class="name">
|
|
732
|
+
<span class="modifier">Readonly</span>
|
|
733
|
+
<span ><b>isInvalid</b></span>
|
|
734
|
+
<a href="#isInvalid"><span class="icon ion-ios-link"></span></a>
|
|
735
|
+
</span>
|
|
736
|
+
</td>
|
|
737
|
+
</tr>
|
|
738
|
+
<tr>
|
|
739
|
+
<td class="col-md-4">
|
|
740
|
+
<i>Type : </i> <code>unknown</code>
|
|
741
|
+
|
|
742
|
+
</td>
|
|
743
|
+
</tr>
|
|
744
|
+
<tr>
|
|
745
|
+
<td class="col-md-4">
|
|
746
|
+
<i>Default value : </i><code>computed(() => this.controlInvalid() ?? this.invalidInput())</code>
|
|
747
|
+
</td>
|
|
748
|
+
</tr>
|
|
749
|
+
|
|
750
|
+
<tr>
|
|
751
|
+
<td class="col-md-4">
|
|
752
|
+
<div class="io-description"><p>Effective invalid state, preferring the form-control-driven value when present.
|
|
753
|
+
Adds the <code>ecl-radio--invalid</code> class to the host element when true.</p>
|
|
754
|
+
<p>Precedence: when a child <code>eclRadioInput</code> is bound to a form control it calls
|
|
755
|
+
<code>setControlState</code>, making <code>controlInvalid</code> a concrete boolean that takes over.
|
|
756
|
+
While <code>controlInvalid</code> is <code>undefined</code> (no form control in play), the <code>??</code>
|
|
757
|
+
falls back to the consumer-provided <code>invalidInput</code> attribute value.</p>
|
|
634
758
|
</div>
|
|
635
759
|
</td>
|
|
636
760
|
</tr>
|
|
@@ -278,22 +278,6 @@ Should be used together with the eclRadio directive.</p>
|
|
|
278
278
|
</table>
|
|
279
279
|
|
|
280
280
|
|
|
281
|
-
<table class="table table-sm table-bordered index-table">
|
|
282
|
-
<tbody>
|
|
283
|
-
<tr>
|
|
284
|
-
<td class="col-md-3">
|
|
285
|
-
<h6><b>HostBindings</b></h6>
|
|
286
|
-
</td>
|
|
287
|
-
<td class="col-md-9">
|
|
288
|
-
<ul class="index-list">
|
|
289
|
-
<li>
|
|
290
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
|
|
291
|
-
</li>
|
|
292
|
-
</ul>
|
|
293
|
-
</td>
|
|
294
|
-
</tr>
|
|
295
|
-
</tbody>
|
|
296
|
-
</table>
|
|
297
281
|
|
|
298
282
|
|
|
299
283
|
<table class="table table-sm table-bordered index-table">
|
|
@@ -369,36 +353,6 @@ Should be used together with the eclRadio directive.</p>
|
|
|
369
353
|
</section>
|
|
370
354
|
|
|
371
355
|
|
|
372
|
-
<section data-compodoc="block-properties">
|
|
373
|
-
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
374
|
-
<tbody>
|
|
375
|
-
<tr>
|
|
376
|
-
<td class="col-md-4">
|
|
377
|
-
<a name="class"></a>
|
|
378
|
-
<span class="name">
|
|
379
|
-
<span ><b>class</b></span>
|
|
380
|
-
<a href="#class"><span class="icon ion-ios-link"></span></a>
|
|
381
|
-
</span>
|
|
382
|
-
</td>
|
|
383
|
-
</tr>
|
|
384
|
-
<tr>
|
|
385
|
-
<td class="col-md-4">
|
|
386
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
387
|
-
|
|
388
|
-
</td>
|
|
389
|
-
</tr>
|
|
390
|
-
|
|
391
|
-
<tr>
|
|
392
|
-
<td class="col-md-4">
|
|
393
|
-
<div class="io-description"><p>Returns the CSS classes applied to the host input element.
|
|
394
|
-
Includes the base ecl-radio__input class.</p>
|
|
395
|
-
</div>
|
|
396
|
-
</td>
|
|
397
|
-
</tr>
|
|
398
|
-
|
|
399
|
-
</tbody>
|
|
400
|
-
</table>
|
|
401
|
-
</section>
|
|
402
356
|
|
|
403
357
|
|
|
404
358
|
<section data-compodoc="block-methods">
|