@eui/ecl 22.0.0-alpha.1 → 22.0.0-alpha.2

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.
@@ -156,6 +156,10 @@
156
156
 
157
157
 
158
158
 
159
+ <tr>
160
+ <td class="col-md-3">host</td>
161
+ <td class="col-md-9"><code>{<br>}</code></td>
162
+ </tr>
159
163
 
160
164
 
161
165
 
@@ -220,16 +224,6 @@
220
224
  </td>
221
225
  <td class="col-md-9">
222
226
  <ul class="index-list">
223
- <li>
224
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
225
- <span class="modifier"></span>
226
- <a href="#className" >className</a>
227
- </li>
228
- <li>
229
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
230
- <span class="modifier"></span>
231
- <a href="#controls" >controls</a>
232
- </li>
233
227
  <li>
234
228
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
235
229
  <span class="modifier">Readonly</span>
@@ -237,8 +231,7 @@
237
231
  </li>
238
232
  <li>
239
233
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
240
- <span class="modifier"></span>
241
- <a href="#role" >role</a>
234
+ <a href="#id" >id</a>
242
235
  </li>
243
236
  </ul>
244
237
  </td>
@@ -292,28 +285,6 @@
292
285
  </table>
293
286
 
294
287
 
295
- <table class="table table-sm table-bordered index-table">
296
- <tbody>
297
- <tr>
298
- <td class="col-md-3">
299
- <h6><b>HostBindings</b></h6>
300
- </td>
301
- <td class="col-md-9">
302
- <ul class="index-list">
303
- <li>
304
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.aria-controls" >attr.aria-controls</a>
305
- </li>
306
- <li>
307
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
308
- </li>
309
- <li>
310
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-category-filter__list" >class.ecl-category-filter__list</a>
311
- </li>
312
- </ul>
313
- </td>
314
- </tr>
315
- </tbody>
316
- </table>
317
288
 
318
289
 
319
290
  <table class="table table-sm table-bordered index-table">
@@ -397,99 +368,6 @@
397
368
  </section>
398
369
 
399
370
 
400
- <section data-compodoc="block-properties">
401
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
402
- <tbody>
403
- <tr>
404
- <td class="col-md-4">
405
- <a name="attr.aria-controls"></a>
406
- <span class="name">
407
- <span ><b>attr.aria-controls</b></span>
408
- <a href="#attr.aria-controls"><span class="icon ion-ios-link"></span></a>
409
- </span>
410
- </td>
411
- </tr>
412
- <tr>
413
- <td class="col-md-4">
414
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
415
-
416
- </td>
417
- </tr>
418
-
419
- <tr>
420
- <td class="col-md-4">
421
- <div class="io-description"><p>ARIA attribute that points to the element controlled by this list (if applicable).</p>
422
- </div>
423
- </td>
424
- </tr>
425
-
426
- </tbody>
427
- </table>
428
- <table class="table table-sm table-bordered">
429
- <tbody>
430
- <tr>
431
- <td class="col-md-4">
432
- <a name="attr.role"></a>
433
- <span class="name">
434
- <span ><b>attr.role</b></span>
435
- <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
436
- </span>
437
- </td>
438
- </tr>
439
- <tr>
440
- <td class="col-md-4">
441
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
442
-
443
- </td>
444
- </tr>
445
- <tr>
446
- <td class="col-md-4">
447
- <i>Default value : </i><code>&#x27;list&#x27;</code>
448
- </td>
449
- </tr>
450
-
451
- <tr>
452
- <td class="col-md-4">
453
- <div class="io-description"><p>Sets ARIA role to &quot;list&quot; for accessibility purposes.</p>
454
- </div>
455
- </td>
456
- </tr>
457
-
458
- </tbody>
459
- </table>
460
- <table class="table table-sm table-bordered">
461
- <tbody>
462
- <tr>
463
- <td class="col-md-4">
464
- <a name="class.ecl-category-filter__list"></a>
465
- <span class="name">
466
- <span ><b>class.ecl-category-filter__list</b></span>
467
- <a href="#class.ecl-category-filter__list"><span class="icon ion-ios-link"></span></a>
468
- </span>
469
- </td>
470
- </tr>
471
- <tr>
472
- <td class="col-md-4">
473
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
474
-
475
- </td>
476
- </tr>
477
- <tr>
478
- <td class="col-md-4">
479
- <i>Default value : </i><code>true</code>
480
- </td>
481
- </tr>
482
-
483
- <tr>
484
- <td class="col-md-4">
485
- <div class="io-description"><p>Adds the base class for the category filter list component.</p>
486
- </div>
487
- </td>
488
- </tr>
489
-
490
- </tbody>
491
- </table>
492
- </section>
493
371
 
494
372
 
495
373
  <section data-compodoc="block-methods">
@@ -633,85 +511,6 @@
633
511
  <h3 id="inputs">
634
512
  Properties
635
513
  </h3>
636
- <table class="table table-sm table-bordered">
637
- <tbody>
638
- <tr>
639
- <td class="col-md-4">
640
- <a name="className"></a>
641
- <span class="name">
642
- <span class="modifier"></span>
643
- <span ><b>className</b></span>
644
- <a href="#className"><span class="icon ion-ios-link"></span></a>
645
- </span>
646
- </td>
647
- </tr>
648
- <tr>
649
- <td class="col-md-4">
650
- <i>Type : </i> <code>unknown</code>
651
-
652
- </td>
653
- </tr>
654
- <tr>
655
- <td class="col-md-4">
656
- <i>Default value : </i><code>true</code>
657
- </td>
658
- </tr>
659
- <tr>
660
- <td class="col-md-4">
661
- <b>Decorators : </b>
662
- <br />
663
- <code>
664
- @HostBinding(&#x27;class.ecl-category-filter__list&#x27;)<br />
665
- </code>
666
- </td>
667
- </tr>
668
-
669
- <tr>
670
- <td class="col-md-4">
671
- <div class="io-description"><p>Adds the base class for the category filter list component.</p>
672
- </div>
673
- </td>
674
- </tr>
675
-
676
- </tbody>
677
- </table>
678
- <table class="table table-sm table-bordered">
679
- <tbody>
680
- <tr>
681
- <td class="col-md-4">
682
- <a name="controls"></a>
683
- <span class="name">
684
- <span class="modifier"></span>
685
- <span ><b>controls</b></span>
686
- <a href="#controls"><span class="icon ion-ios-link"></span></a>
687
- </span>
688
- </td>
689
- </tr>
690
- <tr>
691
- <td class="col-md-4">
692
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
693
-
694
- </td>
695
- </tr>
696
- <tr>
697
- <td class="col-md-4">
698
- <b>Decorators : </b>
699
- <br />
700
- <code>
701
- @HostBinding(&#x27;attr.aria-controls&#x27;)<br />
702
- </code>
703
- </td>
704
- </tr>
705
-
706
- <tr>
707
- <td class="col-md-4">
708
- <div class="io-description"><p>ARIA attribute that points to the element controlled by this list (if applicable).</p>
709
- </div>
710
- </td>
711
- </tr>
712
-
713
- </tbody>
714
- </table>
715
514
  <table class="table table-sm table-bordered">
716
515
  <tbody>
717
516
  <tr>
@@ -749,11 +548,10 @@
749
548
  <tbody>
750
549
  <tr>
751
550
  <td class="col-md-4">
752
- <a name="role"></a>
551
+ <a name="id"></a>
753
552
  <span class="name">
754
- <span class="modifier"></span>
755
- <span ><b>role</b></span>
756
- <a href="#role"><span class="icon ion-ios-link"></span></a>
553
+ <span ><b>id</b></span>
554
+ <a href="#id"><span class="icon ion-ios-link"></span></a>
757
555
  </span>
758
556
  </td>
759
557
  </tr>
@@ -763,24 +561,10 @@
763
561
 
764
562
  </td>
765
563
  </tr>
766
- <tr>
767
- <td class="col-md-4">
768
- <i>Default value : </i><code>&#x27;list&#x27;</code>
769
- </td>
770
- </tr>
771
- <tr>
772
- <td class="col-md-4">
773
- <b>Decorators : </b>
774
- <br />
775
- <code>
776
- @HostBinding(&#x27;attr.role&#x27;)<br />
777
- </code>
778
- </td>
779
- </tr>
780
564
 
781
565
  <tr>
782
566
  <td class="col-md-4">
783
- <div class="io-description"><p>Sets ARIA role to &quot;list&quot; for accessibility purposes.</p>
567
+ <div class="io-description"><p>ID of this list element, referenced by the parent item&#39;s aria-controls.</p>
784
568
  </div>
785
569
  </td>
786
570
  </tr>