@eui/ecl 22.0.0-alpha.30 → 22.0.0-alpha.31

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 (30) hide show
  1. package/docs/changelog.html +27 -0
  2. package/docs/components/EclMultiselectComponent.html +88 -605
  3. package/docs/components/EclMultiselectDropdownComponent.html +204 -2316
  4. package/docs/components/EclMultiselectInputComponent.html +3 -545
  5. package/docs/components/EclMultiselectOptionComponent.html +48 -443
  6. package/docs/components/EclRatingFieldComponent.html +0 -45
  7. package/docs/components/EclSearchFormComponent.html +4 -447
  8. package/docs/directives/EclMultiselectOptionDirective.html +21 -286
  9. package/docs/interfaces/EclMultiselectOption.html +6 -6
  10. package/docs/js/search/search_index.js +2 -2
  11. package/docs/json/EclMultiselectComponent.md +6 -6
  12. package/docs/json/EclMultiselectDropdownComponent.md +1 -6
  13. package/docs/json/EclMultiselectInputComponent.md +1 -1
  14. package/docs/json/EclMultiselectOptionComponent.md +2 -1
  15. package/docs/json/EclMultiselectOptionDirective.md +1 -1
  16. package/docs/json/documentation.json +834 -1416
  17. package/docs/llms.txt +33 -95
  18. package/docs/properties.html +1 -1
  19. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +320 -430
  20. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs.map +1 -1
  21. package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +4 -6
  22. package/fesm2022/eui-ecl-components-ecl-rating-field.mjs.map +1 -1
  23. package/fesm2022/eui-ecl-components-ecl-search-form.mjs +22 -27
  24. package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/types/eui-ecl-components-ecl-multiselect.d.ts +163 -192
  27. package/types/eui-ecl-components-ecl-multiselect.d.ts.map +1 -1
  28. package/types/eui-ecl-components-ecl-rating-field.d.ts.map +1 -1
  29. package/types/eui-ecl-components-ecl-search-form.d.ts +14 -14
  30. package/types/eui-ecl-components-ecl-search-form.d.ts.map +1 -1
@@ -182,6 +182,10 @@ Replaces the original element with a custom dropdown rendered dynamically.</p>
182
182
 
183
183
 
184
184
 
185
+ <tr>
186
+ <td class="col-md-3">host</td>
187
+ <td class="col-md-9"><code>{<br>}</code></td>
188
+ </tr>
185
189
 
186
190
 
187
191
 
@@ -269,10 +273,6 @@ Replaces the original element with a custom dropdown rendered dynamically.</p>
269
273
  <span class="modifier">Readonly</span>
270
274
  <a href="#eclOptionItems" >eclOptionItems</a>
271
275
  </li>
272
- <li>
273
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
274
- <a href="#injector" >injector</a>
275
- </li>
276
276
  </ul>
277
277
  </td>
278
278
  </tr>
@@ -305,6 +305,9 @@ Replaces the original element with a custom dropdown rendered dynamically.</p>
305
305
  </td>
306
306
  <td class="col-md-9">
307
307
  <ul class="index-list">
308
+ <li>
309
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#ariaDescribedby" >ariaDescribedby</a>
310
+ </li>
308
311
  <li>
309
312
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#counterLabel" >counterLabel</a>
310
313
  </li>
@@ -315,25 +318,22 @@ Replaces the original element with a custom dropdown rendered dynamically.</p>
315
318
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#eclPlaceholder" >eclPlaceholder</a>
316
319
  </li>
317
320
  <li>
318
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasSearchBox" >hasSearchBox</a>
319
- </li>
320
- <li>
321
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasSelectAll" >hasSelectAll</a>
321
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#eclSize" >eclSize</a>
322
322
  </li>
323
323
  <li>
324
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isInvalid" >isInvalid</a>
324
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasSearchBox" >hasSearchBox</a>
325
325
  </li>
326
326
  <li>
327
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isSubmitOnApply" >isSubmitOnApply</a>
327
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#hasSelectAll" >hasSelectAll</a>
328
328
  </li>
329
329
  <li>
330
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#ariaDescribedby" >ariaDescribedby</a>
330
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#id" >id</a>
331
331
  </li>
332
332
  <li>
333
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#eclSize" >eclSize</a>
333
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isInvalid" >isInvalid</a>
334
334
  </li>
335
335
  <li>
336
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#id" >id</a>
336
+ <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isSubmitOnApply" >isSubmitOnApply</a>
337
337
  </li>
338
338
  <li>
339
339
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#toggleLabel" >toggleLabel</a>
@@ -370,69 +370,8 @@ Replaces the original element with a custom dropdown rendered dynamically.</p>
370
370
  </tbody>
371
371
  </table>
372
372
 
373
- <table class="table table-sm table-bordered index-table">
374
- <tbody>
375
- <tr>
376
- <td class="col-md-3">
377
- <h6><b>HostBindings</b></h6>
378
- </td>
379
- <td class="col-md-9">
380
- <ul class="index-list">
381
- <li>
382
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
383
- </li>
384
- </ul>
385
- </td>
386
- </tr>
387
- </tbody>
388
- </table>
389
373
 
390
374
 
391
- <table class="table table-sm table-bordered index-table">
392
- <tbody>
393
- <tr>
394
- <td class="col-md-3">
395
- <h6><b>Accessors</b></h6>
396
- </td>
397
- <td class="col-md-9">
398
- <ul class="index-list">
399
- <li>
400
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
401
- <a href="#isInvalid" >isInvalid</a>
402
- </li>
403
- <li>
404
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
405
- <a href="#disabled" >disabled</a>
406
- </li>
407
- <li>
408
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
409
- <a href="#cssClasses" >cssClasses</a>
410
- </li>
411
- <li>
412
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
413
- <a href="#hasSearchBox" >hasSearchBox</a>
414
- </li>
415
- <li>
416
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
417
- <a href="#hasSelectAll" >hasSelectAll</a>
418
- </li>
419
- <li>
420
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
421
- <a href="#isSubmitOnApply" >isSubmitOnApply</a>
422
- </li>
423
- <li>
424
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
425
- <a href="#eclPlaceholder" >eclPlaceholder</a>
426
- </li>
427
- <li>
428
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
429
- <a href="#counterLabel" >counterLabel</a>
430
- </li>
431
- </ul>
432
- </td>
433
- </tr>
434
- </tbody>
435
- </table>
436
375
  </section>
437
376
 
438
377
  <section data-compodoc="block-constructor">
@@ -455,20 +394,24 @@ Replaces the original element with a custom dropdown rendered dynamically.</p>
455
394
  <tbody>
456
395
  <tr>
457
396
  <td class="col-md-4">
458
- <a name="counterLabel"></a>
459
- <b>counterLabel</b>
397
+ <a name="ariaDescribedby"></a>
398
+ <b>ariaDescribedby</b>
460
399
  </td>
461
400
  </tr>
462
401
  <tr>
463
402
  <td class="col-md-4">
464
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
403
+ <i>Type : </i> <code>string | undefined</code>
465
404
 
466
405
  </td>
467
406
  </tr>
468
407
  <tr>
469
408
  <td class="col-md-4">
470
- <div class="io-description"><p>Label for the selections counter, read by screen readers.
471
- Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&#39;.</p>
409
+ <i>Default value : </i><code>undefined</code>
410
+ </td>
411
+ </tr>
412
+ <tr>
413
+ <td class="col-md-4">
414
+ <div class="io-description"><p>Defines the <code>aria-describedby</code> attribute for accessibility.</p>
472
415
  </div>
473
416
  </td>
474
417
  </tr>
@@ -478,19 +421,25 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
478
421
  <tbody>
479
422
  <tr>
480
423
  <td class="col-md-4">
481
- <a name="disabled"></a>
482
- <b>disabled</b>
424
+ <a name="counterLabel"></a>
425
+ <b>counterLabel</b>
483
426
  </td>
484
427
  </tr>
485
428
  <tr>
486
429
  <td class="col-md-4">
487
- <i>Type : </i> <code>BooleanInput</code>
430
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
488
431
 
489
432
  </td>
490
433
  </tr>
491
434
  <tr>
492
435
  <td class="col-md-4">
493
- <div class="io-description"><p>Disables the multiselect component when set to true.</p>
436
+ <i>Default value : </i><code>&#x27;ecl.multiselect.SELECTED&#x27;</code>
437
+ </td>
438
+ </tr>
439
+ <tr>
440
+ <td class="col-md-4">
441
+ <div class="io-description"><p>Label for the selections counter, read by screen readers.
442
+ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&#39;.</p>
494
443
  </div>
495
444
  </td>
496
445
  </tr>
@@ -500,19 +449,24 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
500
449
  <tbody>
501
450
  <tr>
502
451
  <td class="col-md-4">
503
- <a name="eclPlaceholder"></a>
504
- <b>eclPlaceholder</b>
452
+ <a name="disabled"></a>
453
+ <b>disabled</b>
505
454
  </td>
506
455
  </tr>
507
456
  <tr>
508
457
  <td class="col-md-4">
509
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
458
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
510
459
 
511
460
  </td>
512
461
  </tr>
513
462
  <tr>
514
463
  <td class="col-md-4">
515
- <div class="io-description"><p>Placeholder text to show in the multiselect input field when no options are selected.</p>
464
+ <i>Default value : </i><code>false</code>
465
+ </td>
466
+ </tr>
467
+ <tr>
468
+ <td class="col-md-4">
469
+ <div class="io-description"><p>Disables the multiselect component when set to true.</p>
516
470
  </div>
517
471
  </td>
518
472
  </tr>
@@ -522,8 +476,8 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
522
476
  <tbody>
523
477
  <tr>
524
478
  <td class="col-md-4">
525
- <a name="hasSearchBox"></a>
526
- <b>hasSearchBox</b>
479
+ <a name="eclPlaceholder"></a>
480
+ <b>eclPlaceholder</b>
527
481
  </td>
528
482
  </tr>
529
483
  <tr>
@@ -534,7 +488,12 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
534
488
  </tr>
535
489
  <tr>
536
490
  <td class="col-md-4">
537
- <div class="io-description"><p>Enables the search box within the dropdown.</p>
491
+ <i>Default value : </i><code>&#x27;Select item&#x27;</code>
492
+ </td>
493
+ </tr>
494
+ <tr>
495
+ <td class="col-md-4">
496
+ <div class="io-description"><p>Placeholder text to show in the multiselect input field when no options are selected.</p>
538
497
  </div>
539
498
  </td>
540
499
  </tr>
@@ -544,8 +503,8 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
544
503
  <tbody>
545
504
  <tr>
546
505
  <td class="col-md-4">
547
- <a name="hasSelectAll"></a>
548
- <b>hasSelectAll</b>
506
+ <a name="eclSize"></a>
507
+ <b>eclSize</b>
549
508
  </td>
550
509
  </tr>
551
510
  <tr>
@@ -556,7 +515,12 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
556
515
  </tr>
557
516
  <tr>
558
517
  <td class="col-md-4">
559
- <div class="io-description"><p>Displays the &quot;Select all&quot; option in the dropdown.</p>
518
+ <i>Default value : </i><code>&#x27;m&#x27;</code>
519
+ </td>
520
+ </tr>
521
+ <tr>
522
+ <td class="col-md-4">
523
+ <div class="io-description"><p>Multiselect size: &#39;s&#39; | &#39;m&#39; | &#39;l&#39;. Default is &#39;m&#39;.</p>
560
524
  </div>
561
525
  </td>
562
526
  </tr>
@@ -566,19 +530,24 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
566
530
  <tbody>
567
531
  <tr>
568
532
  <td class="col-md-4">
569
- <a name="isInvalid"></a>
570
- <b>isInvalid</b>
533
+ <a name="hasSearchBox"></a>
534
+ <b>hasSearchBox</b>
571
535
  </td>
572
536
  </tr>
573
537
  <tr>
574
538
  <td class="col-md-4">
575
- <i>Type : </i> <code>boolean | undefined</code>
539
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
576
540
 
577
541
  </td>
578
542
  </tr>
579
543
  <tr>
580
544
  <td class="col-md-4">
581
- <div class="io-description"><p>Marks the multiselect as invalid.</p>
545
+ <i>Default value : </i><code>true</code>
546
+ </td>
547
+ </tr>
548
+ <tr>
549
+ <td class="col-md-4">
550
+ <div class="io-description"><p>Enables the search box within the dropdown.</p>
582
551
  </div>
583
552
  </td>
584
553
  </tr>
@@ -588,19 +557,24 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
588
557
  <tbody>
589
558
  <tr>
590
559
  <td class="col-md-4">
591
- <a name="isSubmitOnApply"></a>
592
- <b>isSubmitOnApply</b>
560
+ <a name="hasSelectAll"></a>
561
+ <b>hasSelectAll</b>
593
562
  </td>
594
563
  </tr>
595
564
  <tr>
596
565
  <td class="col-md-4">
597
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
566
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
598
567
 
599
568
  </td>
600
569
  </tr>
601
570
  <tr>
602
571
  <td class="col-md-4">
603
- <div class="io-description"><p>When true, the Apply button in the dropdown acts as a submit button (type=&quot;submit&quot;).</p>
572
+ <i>Default value : </i><code>true</code>
573
+ </td>
574
+ </tr>
575
+ <tr>
576
+ <td class="col-md-4">
577
+ <div class="io-description"><p>Displays the &quot;Select all&quot; option in the dropdown.</p>
604
578
  </div>
605
579
  </td>
606
580
  </tr>
@@ -610,8 +584,8 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
610
584
  <tbody>
611
585
  <tr>
612
586
  <td class="col-md-4">
613
- <a name="ariaDescribedby"></a>
614
- <b>ariaDescribedby</b>
587
+ <a name="id"></a>
588
+ <b>id</b>
615
589
  </td>
616
590
  </tr>
617
591
  <tr>
@@ -627,7 +601,7 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
627
601
  </tr>
628
602
  <tr>
629
603
  <td class="col-md-4">
630
- <div class="io-description"><p>Defines the <code>aria-describedby</code> attribute for accessibility.</p>
604
+ <div class="io-description"><p>Sets the <code>id</code> attribute of the multiselect component.</p>
631
605
  </div>
632
606
  </td>
633
607
  </tr>
@@ -637,24 +611,24 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
637
611
  <tbody>
638
612
  <tr>
639
613
  <td class="col-md-4">
640
- <a name="eclSize"></a>
641
- <b>eclSize</b>
614
+ <a name="isInvalid"></a>
615
+ <b>isInvalid</b>
642
616
  </td>
643
617
  </tr>
644
618
  <tr>
645
619
  <td class="col-md-4">
646
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
620
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
647
621
 
648
622
  </td>
649
623
  </tr>
650
624
  <tr>
651
625
  <td class="col-md-4">
652
- <i>Default value : </i><code>&#x27;m&#x27;</code>
626
+ <i>Default value : </i><code>false</code>
653
627
  </td>
654
628
  </tr>
655
629
  <tr>
656
630
  <td class="col-md-4">
657
- <div class="io-description"><p>Multiselect size: &#39;s&#39; | &#39;m&#39; | &#39;l&#39;. Default is &#39;m&#39;.</p>
631
+ <div class="io-description"><p>Marks the multiselect as invalid.</p>
658
632
  </div>
659
633
  </td>
660
634
  </tr>
@@ -664,24 +638,24 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
664
638
  <tbody>
665
639
  <tr>
666
640
  <td class="col-md-4">
667
- <a name="id"></a>
668
- <b>id</b>
641
+ <a name="isSubmitOnApply"></a>
642
+ <b>isSubmitOnApply</b>
669
643
  </td>
670
644
  </tr>
671
645
  <tr>
672
646
  <td class="col-md-4">
673
- <i>Type : </i> <code>string | undefined</code>
647
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
674
648
 
675
649
  </td>
676
650
  </tr>
677
651
  <tr>
678
652
  <td class="col-md-4">
679
- <i>Default value : </i><code>undefined</code>
653
+ <i>Default value : </i><code>false</code>
680
654
  </td>
681
655
  </tr>
682
656
  <tr>
683
657
  <td class="col-md-4">
684
- <div class="io-description"><p>Sets the <code>id</code> attribute of the multiselect component.</p>
658
+ <div class="io-description"><p>When true, the Apply button in the dropdown acts as a submit button (type=&quot;submit&quot;).</p>
685
659
  </div>
686
660
  </td>
687
661
  </tr>
@@ -790,35 +764,6 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
790
764
  </table>
791
765
  </section>
792
766
 
793
- <section data-compodoc="block-properties">
794
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
795
- <tbody>
796
- <tr>
797
- <td class="col-md-4">
798
- <a name="class"></a>
799
- <span class="name">
800
- <span ><b>class</b></span>
801
- <a href="#class"><span class="icon ion-ios-link"></span></a>
802
- </span>
803
- </td>
804
- </tr>
805
- <tr>
806
- <td class="col-md-4">
807
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
808
-
809
- </td>
810
- </tr>
811
-
812
- <tr>
813
- <td class="col-md-4">
814
- <div class="io-description"><p>CSS classes applied to the host element.</p>
815
- </div>
816
- </td>
817
- </tr>
818
-
819
- </tbody>
820
- </table>
821
- </section>
822
767
 
823
768
 
824
769
  <section data-compodoc="block-methods">
@@ -925,472 +870,10 @@ Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&
925
870
  </td>
926
871
  </tr>
927
872
 
928
- </tbody>
929
- </table>
930
- <table class="table table-sm table-bordered">
931
- <tbody>
932
- <tr>
933
- <td class="col-md-4">
934
- <a name="injector"></a>
935
- <span class="name">
936
- <span ><b>injector</b></span>
937
- <a href="#injector"><span class="icon ion-ios-link"></span></a>
938
- </span>
939
- </td>
940
- </tr>
941
- <tr>
942
- <td class="col-md-4">
943
- <i>Type : </i> <code>unknown</code>
944
-
945
- </td>
946
- </tr>
947
- <tr>
948
- <td class="col-md-4">
949
- <i>Default value : </i><code>inject(Injector)</code>
950
- </td>
951
- </tr>
952
-
953
-
954
873
  </tbody>
955
874
  </table>
956
875
  </section>
957
876
 
958
- <section data-compodoc="block-accessors">
959
- <h3 id="accessors">
960
- Accessors
961
- </h3>
962
- <table class="table table-sm table-bordered">
963
- <tbody>
964
- <tr>
965
- <td class="col-md-4">
966
- <a name="isInvalid"></a>
967
- <span class="name"><b>isInvalid</b><a href="#isInvalid"><span class="icon ion-ios-link"></span></a></span>
968
- </td>
969
- </tr>
970
-
971
- <tr>
972
- <td class="col-md-4">
973
- <span class="accessor"><b>get</b><code>isInvalid()</code></span>
974
- </td>
975
- </tr>
976
- <tr>
977
- <td class="col-md-4">
978
- <div class="io-description"><p>Marks the multiselect as invalid.</p>
979
- </div>
980
-
981
- <div class="io-description">
982
- <b>Returns : </b> <code>boolean | undefined</code>
983
-
984
- </div>
985
- </td>
986
- </tr>
987
-
988
- <tr>
989
- <td class="col-md-4">
990
- <span class="accessor"><b>set</b><code>isInvalid(value: boolean | undefined)</code></span>
991
- </td>
992
- </tr>
993
- <tr>
994
- <td class="col-md-4">
995
-
996
- <div class="io-description">
997
- <b>Parameters :</b>
998
- <table class="params">
999
- <thead>
1000
- <tr>
1001
- <td>Name</td>
1002
- <td>Type</td>
1003
- <td>Optional</td>
1004
- </tr>
1005
- </thead>
1006
- <tbody>
1007
- <tr>
1008
- <td>value</td>
1009
-
1010
- <td>
1011
- <code>boolean | undefined</code>
1012
- </td>
1013
-
1014
- <td>
1015
- No
1016
- </td>
1017
-
1018
- </tr>
1019
- </tbody>
1020
- </table>
1021
- </div>
1022
- <div class="io-description">
1023
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1024
-
1025
- </div>
1026
- </td>
1027
- </tr>
1028
- </tbody>
1029
- </table>
1030
- <table class="table table-sm table-bordered">
1031
- <tbody>
1032
- <tr>
1033
- <td class="col-md-4">
1034
- <a name="disabled"></a>
1035
- <span class="name"><b>disabled</b><a href="#disabled"><span class="icon ion-ios-link"></span></a></span>
1036
- </td>
1037
- </tr>
1038
-
1039
- <tr>
1040
- <td class="col-md-4">
1041
- <span class="accessor"><b>get</b><code>disabled()</code></span>
1042
- </td>
1043
- </tr>
1044
-
1045
- <tr>
1046
- <td class="col-md-4">
1047
- <span class="accessor"><b>set</b><code>disabled(value: BooleanInput)</code></span>
1048
- </td>
1049
- </tr>
1050
- <tr>
1051
- <td class="col-md-4">
1052
- <div class="io-description"><p>Disables the multiselect component when set to true.</p>
1053
- </div>
1054
-
1055
- <div class="io-description">
1056
- <b>Parameters :</b>
1057
- <table class="params">
1058
- <thead>
1059
- <tr>
1060
- <td>Name</td>
1061
- <td>Type</td>
1062
- <td>Optional</td>
1063
- </tr>
1064
- </thead>
1065
- <tbody>
1066
- <tr>
1067
- <td>value</td>
1068
-
1069
- <td>
1070
- <code>BooleanInput</code>
1071
- </td>
1072
-
1073
- <td>
1074
- No
1075
- </td>
1076
-
1077
- </tr>
1078
- </tbody>
1079
- </table>
1080
- </div>
1081
- <div class="io-description">
1082
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1083
-
1084
- </div>
1085
- </td>
1086
- </tr>
1087
- </tbody>
1088
- </table>
1089
- <table class="table table-sm table-bordered">
1090
- <tbody>
1091
- <tr>
1092
- <td class="col-md-4">
1093
- <a name="cssClasses"></a>
1094
- <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
1095
- </td>
1096
- </tr>
1097
-
1098
- <tr>
1099
- <td class="col-md-4">
1100
- <span class="accessor"><b>get</b><code>cssClasses()</code></span>
1101
- </td>
1102
- </tr>
1103
- <tr>
1104
- <td class="col-md-4">
1105
- <div class="io-description"><p>CSS classes applied to the host element.</p>
1106
- </div>
1107
-
1108
- <div class="io-description">
1109
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1110
-
1111
- </div>
1112
- </td>
1113
- </tr>
1114
-
1115
- </tbody>
1116
- </table>
1117
- <table class="table table-sm table-bordered">
1118
- <tbody>
1119
- <tr>
1120
- <td class="col-md-4">
1121
- <a name="hasSearchBox"></a>
1122
- <span class="name"><b>hasSearchBox</b><a href="#hasSearchBox"><span class="icon ion-ios-link"></span></a></span>
1123
- </td>
1124
- </tr>
1125
-
1126
-
1127
- <tr>
1128
- <td class="col-md-4">
1129
- <span class="accessor"><b>set</b><code>hasSearchBox(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1130
- </td>
1131
- </tr>
1132
- <tr>
1133
- <td class="col-md-4">
1134
- <div class="io-description"><p>Enables the search box within the dropdown.</p>
1135
- </div>
1136
-
1137
- <div class="io-description">
1138
- <b>Parameters :</b>
1139
- <table class="params">
1140
- <thead>
1141
- <tr>
1142
- <td>Name</td>
1143
- <td>Type</td>
1144
- <td>Optional</td>
1145
- </tr>
1146
- </thead>
1147
- <tbody>
1148
- <tr>
1149
- <td>value</td>
1150
-
1151
- <td>
1152
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1153
- </td>
1154
-
1155
- <td>
1156
- No
1157
- </td>
1158
-
1159
- </tr>
1160
- </tbody>
1161
- </table>
1162
- </div>
1163
- <div class="io-description">
1164
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1165
-
1166
- </div>
1167
- </td>
1168
- </tr>
1169
- </tbody>
1170
- </table>
1171
- <table class="table table-sm table-bordered">
1172
- <tbody>
1173
- <tr>
1174
- <td class="col-md-4">
1175
- <a name="hasSelectAll"></a>
1176
- <span class="name"><b>hasSelectAll</b><a href="#hasSelectAll"><span class="icon ion-ios-link"></span></a></span>
1177
- </td>
1178
- </tr>
1179
-
1180
-
1181
- <tr>
1182
- <td class="col-md-4">
1183
- <span class="accessor"><b>set</b><code>hasSelectAll(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1184
- </td>
1185
- </tr>
1186
- <tr>
1187
- <td class="col-md-4">
1188
- <div class="io-description"><p>Displays the &quot;Select all&quot; option in the dropdown.</p>
1189
- </div>
1190
-
1191
- <div class="io-description">
1192
- <b>Parameters :</b>
1193
- <table class="params">
1194
- <thead>
1195
- <tr>
1196
- <td>Name</td>
1197
- <td>Type</td>
1198
- <td>Optional</td>
1199
- </tr>
1200
- </thead>
1201
- <tbody>
1202
- <tr>
1203
- <td>value</td>
1204
-
1205
- <td>
1206
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1207
- </td>
1208
-
1209
- <td>
1210
- No
1211
- </td>
1212
-
1213
- </tr>
1214
- </tbody>
1215
- </table>
1216
- </div>
1217
- <div class="io-description">
1218
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1219
-
1220
- </div>
1221
- </td>
1222
- </tr>
1223
- </tbody>
1224
- </table>
1225
- <table class="table table-sm table-bordered">
1226
- <tbody>
1227
- <tr>
1228
- <td class="col-md-4">
1229
- <a name="isSubmitOnApply"></a>
1230
- <span class="name"><b>isSubmitOnApply</b><a href="#isSubmitOnApply"><span class="icon ion-ios-link"></span></a></span>
1231
- </td>
1232
- </tr>
1233
-
1234
-
1235
- <tr>
1236
- <td class="col-md-4">
1237
- <span class="accessor"><b>set</b><code>isSubmitOnApply(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1238
- </td>
1239
- </tr>
1240
- <tr>
1241
- <td class="col-md-4">
1242
- <div class="io-description"><p>When true, the Apply button in the dropdown acts as a submit button (type=&quot;submit&quot;).</p>
1243
- </div>
1244
-
1245
- <div class="io-description">
1246
- <b>Parameters :</b>
1247
- <table class="params">
1248
- <thead>
1249
- <tr>
1250
- <td>Name</td>
1251
- <td>Type</td>
1252
- <td>Optional</td>
1253
- </tr>
1254
- </thead>
1255
- <tbody>
1256
- <tr>
1257
- <td>value</td>
1258
-
1259
- <td>
1260
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1261
- </td>
1262
-
1263
- <td>
1264
- No
1265
- </td>
1266
-
1267
- </tr>
1268
- </tbody>
1269
- </table>
1270
- </div>
1271
- <div class="io-description">
1272
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1273
-
1274
- </div>
1275
- </td>
1276
- </tr>
1277
- </tbody>
1278
- </table>
1279
- <table class="table table-sm table-bordered">
1280
- <tbody>
1281
- <tr>
1282
- <td class="col-md-4">
1283
- <a name="eclPlaceholder"></a>
1284
- <span class="name"><b>eclPlaceholder</b><a href="#eclPlaceholder"><span class="icon ion-ios-link"></span></a></span>
1285
- </td>
1286
- </tr>
1287
-
1288
- <tr>
1289
- <td class="col-md-4">
1290
- <span class="accessor"><b>get</b><code>eclPlaceholder()</code></span>
1291
- </td>
1292
- </tr>
1293
-
1294
- <tr>
1295
- <td class="col-md-4">
1296
- <span class="accessor"><b>set</b><code>eclPlaceholder(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1297
- </td>
1298
- </tr>
1299
- <tr>
1300
- <td class="col-md-4">
1301
- <div class="io-description"><p>Placeholder text to show in the multiselect input field when no options are selected.</p>
1302
- </div>
1303
-
1304
- <div class="io-description">
1305
- <b>Parameters :</b>
1306
- <table class="params">
1307
- <thead>
1308
- <tr>
1309
- <td>Name</td>
1310
- <td>Type</td>
1311
- <td>Optional</td>
1312
- </tr>
1313
- </thead>
1314
- <tbody>
1315
- <tr>
1316
- <td>value</td>
1317
-
1318
- <td>
1319
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1320
- </td>
1321
-
1322
- <td>
1323
- No
1324
- </td>
1325
-
1326
- </tr>
1327
- </tbody>
1328
- </table>
1329
- </div>
1330
- <div class="io-description">
1331
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1332
-
1333
- </div>
1334
- </td>
1335
- </tr>
1336
- </tbody>
1337
- </table>
1338
- <table class="table table-sm table-bordered">
1339
- <tbody>
1340
- <tr>
1341
- <td class="col-md-4">
1342
- <a name="counterLabel"></a>
1343
- <span class="name"><b>counterLabel</b><a href="#counterLabel"><span class="icon ion-ios-link"></span></a></span>
1344
- </td>
1345
- </tr>
1346
-
1347
-
1348
- <tr>
1349
- <td class="col-md-4">
1350
- <span class="accessor"><b>set</b><code>counterLabel(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1351
- </td>
1352
- </tr>
1353
- <tr>
1354
- <td class="col-md-4">
1355
- <div class="io-description"><p>Label for the selections counter, read by screen readers.
1356
- Accepts a translation key or plain text. Default: &#39;ecl.multiselect.SELECTED&#39;.</p>
1357
- </div>
1358
-
1359
- <div class="io-description">
1360
- <b>Parameters :</b>
1361
- <table class="params">
1362
- <thead>
1363
- <tr>
1364
- <td>Name</td>
1365
- <td>Type</td>
1366
- <td>Optional</td>
1367
- </tr>
1368
- </thead>
1369
- <tbody>
1370
- <tr>
1371
- <td>value</td>
1372
-
1373
- <td>
1374
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1375
- </td>
1376
-
1377
- <td>
1378
- No
1379
- </td>
1380
-
1381
- </tr>
1382
- </tbody>
1383
- </table>
1384
- </div>
1385
- <div class="io-description">
1386
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1387
-
1388
- </div>
1389
- </td>
1390
- </tr>
1391
- </tbody>
1392
- </table>
1393
- </section>
1394
877
  </div>
1395
878
 
1396
879