@eui/ecl 22.0.0-alpha.30 → 22.0.0-alpha.32
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 +76 -0
- package/docs/components/EclMultiselectComponent.html +88 -605
- package/docs/components/EclMultiselectDropdownComponent.html +204 -2316
- package/docs/components/EclMultiselectInputComponent.html +3 -545
- package/docs/components/EclMultiselectOptionComponent.html +48 -443
- package/docs/components/EclRatingFieldComponent.html +0 -45
- package/docs/components/EclSearchFormComponent.html +4 -447
- package/docs/directives/EclMultiselectOptionDirective.html +21 -286
- package/docs/interfaces/EclMultiselectOption.html +6 -6
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/EclMultiselectComponent.md +6 -6
- package/docs/json/EclMultiselectDropdownComponent.md +1 -6
- package/docs/json/EclMultiselectInputComponent.md +1 -1
- package/docs/json/EclMultiselectOptionComponent.md +2 -1
- package/docs/json/EclMultiselectOptionDirective.md +1 -1
- package/docs/json/documentation.json +834 -1416
- package/docs/llms.txt +33 -95
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +320 -430
- package/fesm2022/eui-ecl-components-ecl-multiselect.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +4 -6
- package/fesm2022/eui-ecl-components-ecl-rating-field.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs +22 -27
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eui-ecl-components-ecl-multiselect.d.ts +163 -192
- package/types/eui-ecl-components-ecl-multiselect.d.ts.map +1 -1
- package/types/eui-ecl-components-ecl-rating-field.d.ts.map +1 -1
- package/types/eui-ecl-components-ecl-search-form.d.ts +14 -14
- package/types/eui-ecl-components-ecl-search-form.d.ts.map +1 -1
|
@@ -160,7 +160,6 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
160
160
|
<code><a href="https://angular.dev/api/forms/ControlValueAccessor" target="_blank" >ControlValueAccessor</a></code>
|
|
161
161
|
<code><a href="https://angular.dev/api/core/DoCheck" target="_blank" >DoCheck</a></code>
|
|
162
162
|
<code><a href="https://angular.dev/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
|
|
163
|
-
<code><a href="https://angular.dev/api/core/AfterViewInit" target="_blank" >AfterViewInit</a></code>
|
|
164
163
|
</p>
|
|
165
164
|
|
|
166
165
|
<p class="comment">
|
|
@@ -287,9 +286,6 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
287
286
|
<li>
|
|
288
287
|
<code><a href="https://angular.dev/api/core/OnDestroy" target="_blank" >OnDestroy</a></code>
|
|
289
288
|
</li>
|
|
290
|
-
<li>
|
|
291
|
-
<code><a href="https://angular.dev/api/core/AfterViewInit" target="_blank" >AfterViewInit</a></code>
|
|
292
|
-
</li>
|
|
293
289
|
</ul>
|
|
294
290
|
</div>
|
|
295
291
|
</div>
|
|
@@ -306,94 +302,68 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
306
302
|
</td>
|
|
307
303
|
<td class="col-md-9">
|
|
308
304
|
<ul class="index-list">
|
|
309
|
-
<li>
|
|
310
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
311
|
-
<a href="#ariaDescribedby" >ariaDescribedby</a>
|
|
312
|
-
</li>
|
|
313
305
|
<li>
|
|
314
306
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
315
307
|
<span class="modifier">Readonly</span>
|
|
316
|
-
<a href="#
|
|
308
|
+
<a href="#ariaDescribedby" >ariaDescribedby</a>
|
|
317
309
|
</li>
|
|
318
310
|
<li>
|
|
319
311
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
320
312
|
<span class="modifier">Readonly</span>
|
|
321
|
-
<a href="#closeBtn" >closeBtn</a>
|
|
322
|
-
</li>
|
|
323
|
-
<li>
|
|
324
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
325
313
|
<a href="#counterLabel" >counterLabel</a>
|
|
326
314
|
</li>
|
|
327
315
|
<li>
|
|
328
316
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
329
317
|
<span class="modifier">Readonly</span>
|
|
330
|
-
<a href="#
|
|
318
|
+
<a href="#disabled" >disabled</a>
|
|
331
319
|
</li>
|
|
332
320
|
<li>
|
|
333
321
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
334
|
-
|
|
322
|
+
<span class="modifier">Readonly</span>
|
|
323
|
+
<a href="#eclSize" >eclSize</a>
|
|
335
324
|
</li>
|
|
336
325
|
<li>
|
|
337
326
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
327
|
+
<span class="modifier">Readonly</span>
|
|
338
328
|
<a href="#hasSearchBox" >hasSearchBox</a>
|
|
339
329
|
</li>
|
|
340
330
|
<li>
|
|
341
331
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
332
|
+
<span class="modifier">Readonly</span>
|
|
342
333
|
<a href="#hasSelectAll" >hasSelectAll</a>
|
|
343
334
|
</li>
|
|
344
335
|
<li>
|
|
345
336
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
337
|
+
<span class="modifier">Readonly</span>
|
|
346
338
|
<a href="#id" >id</a>
|
|
347
339
|
</li>
|
|
348
340
|
<li>
|
|
349
341
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
<li>
|
|
353
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
354
|
-
<a href="#isShowMultiselectDropdown" >isShowMultiselectDropdown</a>
|
|
355
|
-
</li>
|
|
356
|
-
<li>
|
|
357
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
358
|
-
<a href="#isShowNoResultsFound" >isShowNoResultsFound</a>
|
|
359
|
-
</li>
|
|
360
|
-
<li>
|
|
361
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
362
|
-
<a href="#isShowToolbar" >isShowToolbar</a>
|
|
342
|
+
<span class="modifier">Readonly</span>
|
|
343
|
+
<a href="#isInvalid" >isInvalid</a>
|
|
363
344
|
</li>
|
|
364
345
|
<li>
|
|
365
346
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
347
|
+
<span class="modifier">Readonly</span>
|
|
366
348
|
<a href="#isSubmitOnApply" >isSubmitOnApply</a>
|
|
367
349
|
</li>
|
|
368
350
|
<li>
|
|
369
351
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
370
|
-
<span class="modifier"
|
|
371
|
-
<a href="#
|
|
352
|
+
<span class="modifier">Readonly</span>
|
|
353
|
+
<a href="#mainInputPlaceholder" >mainInputPlaceholder</a>
|
|
372
354
|
</li>
|
|
373
355
|
<li>
|
|
374
356
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
375
357
|
<a href="#multiOptionDirectives" >multiOptionDirectives</a>
|
|
376
358
|
</li>
|
|
377
|
-
<li>
|
|
378
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
379
|
-
<a href="#optionsCount" >optionsCount</a>
|
|
380
|
-
</li>
|
|
381
359
|
<li>
|
|
382
360
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
383
361
|
<span class="modifier">Readonly</span>
|
|
384
|
-
<a href="#
|
|
362
|
+
<a href="#searchFieldPlaceholder" >searchFieldPlaceholder</a>
|
|
385
363
|
</li>
|
|
386
364
|
<li>
|
|
387
365
|
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
388
366
|
<span class="modifier">Readonly</span>
|
|
389
|
-
<a href="#selectAllCheckbox" >selectAllCheckbox</a>
|
|
390
|
-
</li>
|
|
391
|
-
<li>
|
|
392
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
393
|
-
<a href="#selectedItems" >selectedItems</a>
|
|
394
|
-
</li>
|
|
395
|
-
<li>
|
|
396
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
|
|
397
367
|
<a href="#toggleLabel" >toggleLabel</a>
|
|
398
368
|
</li>
|
|
399
369
|
</ul>
|
|
@@ -412,118 +382,18 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
412
382
|
<ul class="index-list">
|
|
413
383
|
<li>
|
|
414
384
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
415
|
-
<a href="#initSelectedOptions" >initSelectedOptions</a>
|
|
416
|
-
</li>
|
|
417
|
-
<li>
|
|
418
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
419
|
-
<a href="#onArrowDownClear" >onArrowDownClear</a>
|
|
420
|
-
</li>
|
|
421
|
-
<li>
|
|
422
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
423
|
-
<a href="#onArrowDownClose" >onArrowDownClose</a>
|
|
424
|
-
</li>
|
|
425
|
-
<li>
|
|
426
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
427
|
-
<a href="#onArrowDownSearch" >onArrowDownSearch</a>
|
|
428
|
-
</li>
|
|
429
|
-
<li>
|
|
430
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
431
|
-
<a href="#onArrowDownSelectAll" >onArrowDownSelectAll</a>
|
|
432
|
-
</li>
|
|
433
|
-
<li>
|
|
434
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
435
|
-
<a href="#onArrowUpClear" >onArrowUpClear</a>
|
|
436
|
-
</li>
|
|
437
|
-
<li>
|
|
438
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
439
|
-
<a href="#onArrowUpClose" >onArrowUpClose</a>
|
|
440
|
-
</li>
|
|
441
|
-
<li>
|
|
442
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
443
|
-
<a href="#onArrowUpSearch" >onArrowUpSearch</a>
|
|
444
|
-
</li>
|
|
445
|
-
<li>
|
|
446
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
447
|
-
<a href="#onArrowUpSelectAll" >onArrowUpSelectAll</a>
|
|
448
|
-
</li>
|
|
449
|
-
<li>
|
|
450
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
451
|
-
<a href="#onClickClearAll" >onClickClearAll</a>
|
|
452
|
-
</li>
|
|
453
|
-
<li>
|
|
454
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
455
|
-
<a href="#onClickClose" >onClickClose</a>
|
|
456
|
-
</li>
|
|
457
|
-
<li>
|
|
458
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
459
|
-
<a href="#onClickMainInput" >onClickMainInput</a>
|
|
460
|
-
</li>
|
|
461
|
-
<li>
|
|
462
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
463
|
-
<a href="#onEnterClear" >onEnterClear</a>
|
|
464
|
-
</li>
|
|
465
|
-
<li>
|
|
466
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
467
|
-
<a href="#onEnterSearch" >onEnterSearch</a>
|
|
468
|
-
</li>
|
|
469
|
-
<li>
|
|
470
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
471
|
-
<a href="#onEnterSelectAll" >onEnterSelectAll</a>
|
|
472
|
-
</li>
|
|
473
|
-
<li>
|
|
474
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
475
|
-
<a href="#onEscapeKey" >onEscapeKey</a>
|
|
476
|
-
</li>
|
|
477
|
-
<li>
|
|
478
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
479
|
-
<a href="#onKeydownMainInput" >onKeydownMainInput</a>
|
|
480
|
-
</li>
|
|
481
|
-
<li>
|
|
482
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
483
|
-
<a href="#onKeydownOption" >onKeydownOption</a>
|
|
484
|
-
</li>
|
|
485
|
-
<li>
|
|
486
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
487
|
-
<a href="#onKeyUp" >onKeyUp</a>
|
|
488
|
-
</li>
|
|
489
|
-
<li>
|
|
490
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
491
|
-
<a href="#onOptionSelected" >onOptionSelected</a>
|
|
492
|
-
</li>
|
|
493
|
-
<li>
|
|
494
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
495
|
-
<a href="#onSearch" >onSearch</a>
|
|
496
|
-
</li>
|
|
497
|
-
<li>
|
|
498
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
499
|
-
<a href="#onSelectAll" >onSelectAll</a>
|
|
500
|
-
</li>
|
|
501
|
-
<li>
|
|
502
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
503
|
-
<a href="#onTabClear" >onTabClear</a>
|
|
504
|
-
</li>
|
|
505
|
-
<li>
|
|
506
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
507
|
-
<a href="#onTabClose" >onTabClose</a>
|
|
508
|
-
</li>
|
|
509
|
-
<li>
|
|
510
|
-
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
511
|
-
<span class="modifier">Public</span>
|
|
512
385
|
<a href="#registerOnChange" >registerOnChange</a>
|
|
513
386
|
</li>
|
|
514
387
|
<li>
|
|
515
388
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
516
|
-
<span class="modifier">Public</span>
|
|
517
389
|
<a href="#registerOnTouched" >registerOnTouched</a>
|
|
518
390
|
</li>
|
|
519
391
|
<li>
|
|
520
392
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
521
|
-
<span class="modifier">Public</span>
|
|
522
393
|
<a href="#setDisabledState" >setDisabledState</a>
|
|
523
394
|
</li>
|
|
524
395
|
<li>
|
|
525
396
|
<span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
|
|
526
|
-
<span class="modifier">Public</span>
|
|
527
397
|
<a href="#writeValue" >writeValue</a>
|
|
528
398
|
</li>
|
|
529
399
|
<li>
|
|
@@ -544,21 +414,6 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
544
414
|
</td>
|
|
545
415
|
<td class="col-md-9">
|
|
546
416
|
<ul class="index-list">
|
|
547
|
-
<li>
|
|
548
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#disabled" >disabled</a>
|
|
549
|
-
</li>
|
|
550
|
-
<li>
|
|
551
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#eclSize" >eclSize</a>
|
|
552
|
-
</li>
|
|
553
|
-
<li>
|
|
554
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isInvalid" >isInvalid</a>
|
|
555
|
-
</li>
|
|
556
|
-
<li>
|
|
557
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#mainInputPlaceholder" >mainInputPlaceholder</a>
|
|
558
|
-
</li>
|
|
559
|
-
<li>
|
|
560
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#searchFieldPlaceholder" >searchFieldPlaceholder</a>
|
|
561
|
-
</li>
|
|
562
417
|
<li>
|
|
563
418
|
<span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#class" >class</a>
|
|
564
419
|
</li>
|
|
@@ -591,49 +446,8 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
591
446
|
</tbody>
|
|
592
447
|
</table>
|
|
593
448
|
|
|
594
|
-
<table class="table table-sm table-bordered index-table">
|
|
595
|
-
<tbody>
|
|
596
|
-
<tr>
|
|
597
|
-
<td class="col-md-3">
|
|
598
|
-
<h6><b>HostBindings</b></h6>
|
|
599
|
-
</td>
|
|
600
|
-
<td class="col-md-9">
|
|
601
|
-
<ul class="index-list">
|
|
602
|
-
<li>
|
|
603
|
-
<span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
|
|
604
|
-
</li>
|
|
605
|
-
</ul>
|
|
606
|
-
</td>
|
|
607
|
-
</tr>
|
|
608
|
-
</tbody>
|
|
609
|
-
</table>
|
|
610
449
|
|
|
611
450
|
|
|
612
|
-
<table class="table table-sm table-bordered index-table">
|
|
613
|
-
<tbody>
|
|
614
|
-
<tr>
|
|
615
|
-
<td class="col-md-3">
|
|
616
|
-
<h6><b>Accessors</b></h6>
|
|
617
|
-
</td>
|
|
618
|
-
<td class="col-md-9">
|
|
619
|
-
<ul class="index-list">
|
|
620
|
-
<li>
|
|
621
|
-
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
622
|
-
<a href="#isInvalid" >isInvalid</a>
|
|
623
|
-
</li>
|
|
624
|
-
<li>
|
|
625
|
-
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
626
|
-
<a href="#cssClasses" >cssClasses</a>
|
|
627
|
-
</li>
|
|
628
|
-
<li>
|
|
629
|
-
<span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
|
|
630
|
-
<a href="#disabled" >disabled</a>
|
|
631
|
-
</li>
|
|
632
|
-
</ul>
|
|
633
|
-
</td>
|
|
634
|
-
</tr>
|
|
635
|
-
</tbody>
|
|
636
|
-
</table>
|
|
637
451
|
</section>
|
|
638
452
|
|
|
639
453
|
<section data-compodoc="block-constructor">
|
|
@@ -656,106 +470,8 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
656
470
|
<tbody>
|
|
657
471
|
<tr>
|
|
658
472
|
<td class="col-md-4">
|
|
659
|
-
<a name="
|
|
660
|
-
<b>
|
|
661
|
-
</td>
|
|
662
|
-
</tr>
|
|
663
|
-
<tr>
|
|
664
|
-
<td class="col-md-4">
|
|
665
|
-
<i>Type : </i> <code>boolean | undefined</code>
|
|
666
|
-
|
|
667
|
-
</td>
|
|
668
|
-
</tr>
|
|
669
|
-
<tr>
|
|
670
|
-
<td class="col-md-4">
|
|
671
|
-
<div class="io-description"><p>Disables the component when true.</p>
|
|
672
|
-
</div>
|
|
673
|
-
</td>
|
|
674
|
-
</tr>
|
|
675
|
-
</tbody>
|
|
676
|
-
</table>
|
|
677
|
-
<table class="table table-sm table-bordered">
|
|
678
|
-
<tbody>
|
|
679
|
-
<tr>
|
|
680
|
-
<td class="col-md-4">
|
|
681
|
-
<a name="eclSize"></a>
|
|
682
|
-
<b>eclSize</b>
|
|
683
|
-
</td>
|
|
684
|
-
</tr>
|
|
685
|
-
<tr>
|
|
686
|
-
<td class="col-md-4">
|
|
687
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
688
|
-
|
|
689
|
-
</td>
|
|
690
|
-
</tr>
|
|
691
|
-
<tr>
|
|
692
|
-
<td class="col-md-4">
|
|
693
|
-
<i>Default value : </i><code>'m'</code>
|
|
694
|
-
</td>
|
|
695
|
-
</tr>
|
|
696
|
-
<tr>
|
|
697
|
-
<td class="col-md-4">
|
|
698
|
-
<div class="io-description"><p>Size of the multiselect dropdown (e.g., 'm', 'l').</p>
|
|
699
|
-
</div>
|
|
700
|
-
</td>
|
|
701
|
-
</tr>
|
|
702
|
-
</tbody>
|
|
703
|
-
</table>
|
|
704
|
-
<table class="table table-sm table-bordered">
|
|
705
|
-
<tbody>
|
|
706
|
-
<tr>
|
|
707
|
-
<td class="col-md-4">
|
|
708
|
-
<a name="isInvalid"></a>
|
|
709
|
-
<b>isInvalid</b>
|
|
710
|
-
</td>
|
|
711
|
-
</tr>
|
|
712
|
-
<tr>
|
|
713
|
-
<td class="col-md-4">
|
|
714
|
-
<i>Type : </i> <code>boolean | undefined</code>
|
|
715
|
-
|
|
716
|
-
</td>
|
|
717
|
-
</tr>
|
|
718
|
-
<tr>
|
|
719
|
-
<td class="col-md-4">
|
|
720
|
-
<div class="io-description"><p>Marks the component as visually invalid.</p>
|
|
721
|
-
</div>
|
|
722
|
-
</td>
|
|
723
|
-
</tr>
|
|
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="mainInputPlaceholder"></a>
|
|
731
|
-
<b>mainInputPlaceholder</b>
|
|
732
|
-
</td>
|
|
733
|
-
</tr>
|
|
734
|
-
<tr>
|
|
735
|
-
<td class="col-md-4">
|
|
736
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
737
|
-
|
|
738
|
-
</td>
|
|
739
|
-
</tr>
|
|
740
|
-
<tr>
|
|
741
|
-
<td class="col-md-4">
|
|
742
|
-
<i>Default value : </i><code>'Select an item'</code>
|
|
743
|
-
</td>
|
|
744
|
-
</tr>
|
|
745
|
-
<tr>
|
|
746
|
-
<td class="col-md-4">
|
|
747
|
-
<div class="io-description"><p>Placeholder for the main multiselect input.</p>
|
|
748
|
-
</div>
|
|
749
|
-
</td>
|
|
750
|
-
</tr>
|
|
751
|
-
</tbody>
|
|
752
|
-
</table>
|
|
753
|
-
<table class="table table-sm table-bordered">
|
|
754
|
-
<tbody>
|
|
755
|
-
<tr>
|
|
756
|
-
<td class="col-md-4">
|
|
757
|
-
<a name="searchFieldPlaceholder"></a>
|
|
758
|
-
<b>searchFieldPlaceholder</b>
|
|
473
|
+
<a name="class"></a>
|
|
474
|
+
<b>class</b>
|
|
759
475
|
</td>
|
|
760
476
|
</tr>
|
|
761
477
|
<tr>
|
|
@@ -764,1522 +480,81 @@ Used internally by the <code>EclMultiselectComponent</code>.</p>
|
|
|
764
480
|
|
|
765
481
|
</td>
|
|
766
482
|
</tr>
|
|
767
|
-
<tr>
|
|
768
|
-
<td class="col-md-4">
|
|
769
|
-
<i>Default value : </i><code>'Enter filter keyword'</code>
|
|
770
|
-
</td>
|
|
771
|
-
</tr>
|
|
772
|
-
<tr>
|
|
773
|
-
<td class="col-md-4">
|
|
774
|
-
<div class="io-description"><p>Placeholder for the search field input.</p>
|
|
775
|
-
</div>
|
|
776
|
-
</td>
|
|
777
|
-
</tr>
|
|
778
483
|
</tbody>
|
|
779
484
|
</table>
|
|
780
485
|
<table class="table table-sm table-bordered">
|
|
781
486
|
<tbody>
|
|
782
487
|
<tr>
|
|
783
488
|
<td class="col-md-4">
|
|
784
|
-
<a name="
|
|
785
|
-
<b>
|
|
489
|
+
<a name="e2eAttr"></a>
|
|
490
|
+
<b>e2eAttr</b>
|
|
786
491
|
</td>
|
|
787
492
|
</tr>
|
|
788
493
|
<tr>
|
|
789
494
|
<td class="col-md-4">
|
|
790
|
-
<i>Type : </i> <code><a href="https://
|
|
495
|
+
<i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
791
496
|
|
|
792
497
|
</td>
|
|
793
498
|
</tr>
|
|
794
|
-
</tbody>
|
|
795
|
-
</table>
|
|
796
|
-
<table class="table table-sm table-bordered">
|
|
797
|
-
<tbody>
|
|
798
|
-
<tr>
|
|
799
|
-
<td class="col-md-4">
|
|
800
|
-
<a name="
|
|
801
|
-
<b>
|
|
802
|
-
</td>
|
|
803
|
-
</tr>
|
|
804
|
-
<tr>
|
|
805
|
-
<td class="col-md-4">
|
|
806
|
-
<i>Type : </i> <code><a href="https://
|
|
807
|
-
|
|
808
|
-
</td>
|
|
809
|
-
</tr>
|
|
810
|
-
</tbody>
|
|
811
|
-
</table>
|
|
812
|
-
<table class="table table-sm table-bordered">
|
|
813
|
-
<tbody>
|
|
814
|
-
<tr>
|
|
815
|
-
<td class="col-md-4">
|
|
816
|
-
<a name="tabindex"></a>
|
|
817
|
-
<b>tabindex</b>
|
|
818
|
-
</td>
|
|
819
|
-
</tr>
|
|
820
|
-
<tr>
|
|
821
|
-
<td class="col-md-4">
|
|
822
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
823
|
-
|
|
824
|
-
</td>
|
|
825
|
-
</tr>
|
|
826
|
-
</tbody>
|
|
827
|
-
</table>
|
|
828
|
-
</section>
|
|
829
|
-
|
|
830
|
-
<section data-compodoc="block-outputs">
|
|
831
|
-
<h3 id="outputs">Outputs</h3>
|
|
832
|
-
<table class="table table-sm table-bordered">
|
|
833
|
-
<tbody>
|
|
834
|
-
<tr>
|
|
835
|
-
<td class="col-md-4">
|
|
836
|
-
<a name="eclChange"></a>
|
|
837
|
-
<b>eclChange</b>
|
|
838
|
-
</td>
|
|
839
|
-
</tr>
|
|
840
|
-
<tr>
|
|
841
|
-
<td class="col-md-4">
|
|
842
|
-
<i>Type : </i> <code><a href="https://angular.dev/api/core/EventEmitter" target="_blank" >EventEmitter</a></code>
|
|
843
|
-
|
|
844
|
-
</td>
|
|
845
|
-
</tr>
|
|
846
|
-
<tr>
|
|
847
|
-
<td class="col-md-4">
|
|
848
|
-
<div class="io-description"><p>Emits the list of selected values whenever the selection changes.</p>
|
|
849
|
-
</div>
|
|
850
|
-
</td>
|
|
851
|
-
</tr>
|
|
852
|
-
</tbody>
|
|
853
|
-
</table>
|
|
854
|
-
</section>
|
|
855
|
-
|
|
856
|
-
<section data-compodoc="block-properties">
|
|
857
|
-
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
858
|
-
<tbody>
|
|
859
|
-
<tr>
|
|
860
|
-
<td class="col-md-4">
|
|
861
|
-
<a name="class"></a>
|
|
862
|
-
<span class="name">
|
|
863
|
-
<span ><b>class</b></span>
|
|
864
|
-
<a href="#class"><span class="icon ion-ios-link"></span></a>
|
|
865
|
-
</span>
|
|
866
|
-
</td>
|
|
867
|
-
</tr>
|
|
868
|
-
<tr>
|
|
869
|
-
<td class="col-md-4">
|
|
870
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
871
|
-
|
|
872
|
-
</td>
|
|
873
|
-
</tr>
|
|
874
|
-
|
|
875
|
-
<tr>
|
|
876
|
-
<td class="col-md-4">
|
|
877
|
-
<div class="io-description"><p>Adds the ECL base CSS class for multiselect dropdowns.</p>
|
|
878
|
-
</div>
|
|
879
|
-
</td>
|
|
880
|
-
</tr>
|
|
881
|
-
|
|
882
|
-
</tbody>
|
|
883
|
-
</table>
|
|
884
|
-
</section>
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
<section data-compodoc="block-methods">
|
|
888
|
-
|
|
889
|
-
<h3 id="methods">
|
|
890
|
-
Methods
|
|
891
|
-
</h3>
|
|
892
|
-
<table class="table table-sm table-bordered">
|
|
893
|
-
<tbody>
|
|
894
|
-
<tr>
|
|
895
|
-
<td class="col-md-4">
|
|
896
|
-
<a name="initSelectedOptions"></a>
|
|
897
|
-
<span class="name">
|
|
898
|
-
<span ><b>initSelectedOptions</b></span>
|
|
899
|
-
<a href="#initSelectedOptions"><span class="icon ion-ios-link"></span></a>
|
|
900
|
-
</span>
|
|
901
|
-
</td>
|
|
902
|
-
</tr>
|
|
903
|
-
<tr>
|
|
904
|
-
<td class="col-md-4">
|
|
905
|
-
<code>initSelectedOptions()</code>
|
|
906
|
-
</td>
|
|
907
|
-
</tr>
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
<tr>
|
|
913
|
-
<td class="col-md-4">
|
|
914
|
-
|
|
915
|
-
<div class="io-description">
|
|
916
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
917
|
-
|
|
918
|
-
</div>
|
|
919
|
-
</td>
|
|
920
|
-
</tr>
|
|
921
|
-
</tbody>
|
|
922
|
-
</table>
|
|
923
|
-
<table class="table table-sm table-bordered">
|
|
924
|
-
<tbody>
|
|
925
|
-
<tr>
|
|
926
|
-
<td class="col-md-4">
|
|
927
|
-
<a name="onArrowDownClear"></a>
|
|
928
|
-
<span class="name">
|
|
929
|
-
<span ><b>onArrowDownClear</b></span>
|
|
930
|
-
<a href="#onArrowDownClear"><span class="icon ion-ios-link"></span></a>
|
|
931
|
-
</span>
|
|
932
|
-
</td>
|
|
933
|
-
</tr>
|
|
934
|
-
<tr>
|
|
935
|
-
<td class="col-md-4">
|
|
936
|
-
<code>onArrowDownClear(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
937
|
-
</td>
|
|
938
|
-
</tr>
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
<tr>
|
|
944
|
-
<td class="col-md-4">
|
|
945
|
-
|
|
946
|
-
<div class="io-description">
|
|
947
|
-
<b>Parameters :</b>
|
|
948
|
-
|
|
949
|
-
<table class="params">
|
|
950
|
-
<thead>
|
|
951
|
-
<tr>
|
|
952
|
-
<td>Name</td>
|
|
953
|
-
<td>Type</td>
|
|
954
|
-
<td>Optional</td>
|
|
955
|
-
</tr>
|
|
956
|
-
</thead>
|
|
957
|
-
<tbody>
|
|
958
|
-
<tr>
|
|
959
|
-
<td>evt</td>
|
|
960
|
-
<td>
|
|
961
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
962
|
-
</td>
|
|
963
|
-
|
|
964
|
-
<td>
|
|
965
|
-
No
|
|
966
|
-
</td>
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
</tr>
|
|
970
|
-
</tbody>
|
|
971
|
-
</table>
|
|
972
|
-
</div>
|
|
973
|
-
<div class="io-description">
|
|
974
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
975
|
-
|
|
976
|
-
</div>
|
|
977
|
-
<div class="io-description">
|
|
978
|
-
|
|
979
|
-
</div>
|
|
980
|
-
</td>
|
|
981
|
-
</tr>
|
|
982
|
-
</tbody>
|
|
983
|
-
</table>
|
|
984
|
-
<table class="table table-sm table-bordered">
|
|
985
|
-
<tbody>
|
|
986
|
-
<tr>
|
|
987
|
-
<td class="col-md-4">
|
|
988
|
-
<a name="onArrowDownClose"></a>
|
|
989
|
-
<span class="name">
|
|
990
|
-
<span ><b>onArrowDownClose</b></span>
|
|
991
|
-
<a href="#onArrowDownClose"><span class="icon ion-ios-link"></span></a>
|
|
992
|
-
</span>
|
|
993
|
-
</td>
|
|
994
|
-
</tr>
|
|
995
|
-
<tr>
|
|
996
|
-
<td class="col-md-4">
|
|
997
|
-
<code>onArrowDownClose(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
998
|
-
</td>
|
|
999
|
-
</tr>
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
|
|
1004
|
-
<tr>
|
|
1005
|
-
<td class="col-md-4">
|
|
1006
|
-
|
|
1007
|
-
<div class="io-description">
|
|
1008
|
-
<b>Parameters :</b>
|
|
1009
|
-
|
|
1010
|
-
<table class="params">
|
|
1011
|
-
<thead>
|
|
1012
|
-
<tr>
|
|
1013
|
-
<td>Name</td>
|
|
1014
|
-
<td>Type</td>
|
|
1015
|
-
<td>Optional</td>
|
|
1016
|
-
</tr>
|
|
1017
|
-
</thead>
|
|
1018
|
-
<tbody>
|
|
1019
|
-
<tr>
|
|
1020
|
-
<td>evt</td>
|
|
1021
|
-
<td>
|
|
1022
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1023
|
-
</td>
|
|
1024
|
-
|
|
1025
|
-
<td>
|
|
1026
|
-
No
|
|
1027
|
-
</td>
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
</tr>
|
|
1031
|
-
</tbody>
|
|
1032
|
-
</table>
|
|
1033
|
-
</div>
|
|
1034
|
-
<div class="io-description">
|
|
1035
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1036
|
-
|
|
1037
|
-
</div>
|
|
1038
|
-
<div class="io-description">
|
|
1039
|
-
|
|
1040
|
-
</div>
|
|
1041
|
-
</td>
|
|
1042
|
-
</tr>
|
|
1043
|
-
</tbody>
|
|
1044
|
-
</table>
|
|
1045
|
-
<table class="table table-sm table-bordered">
|
|
1046
|
-
<tbody>
|
|
1047
|
-
<tr>
|
|
1048
|
-
<td class="col-md-4">
|
|
1049
|
-
<a name="onArrowDownSearch"></a>
|
|
1050
|
-
<span class="name">
|
|
1051
|
-
<span ><b>onArrowDownSearch</b></span>
|
|
1052
|
-
<a href="#onArrowDownSearch"><span class="icon ion-ios-link"></span></a>
|
|
1053
|
-
</span>
|
|
1054
|
-
</td>
|
|
1055
|
-
</tr>
|
|
1056
|
-
<tr>
|
|
1057
|
-
<td class="col-md-4">
|
|
1058
|
-
<code>onArrowDownSearch(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1059
|
-
</td>
|
|
1060
|
-
</tr>
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
<tr>
|
|
1066
|
-
<td class="col-md-4">
|
|
1067
|
-
|
|
1068
|
-
<div class="io-description">
|
|
1069
|
-
<b>Parameters :</b>
|
|
1070
|
-
|
|
1071
|
-
<table class="params">
|
|
1072
|
-
<thead>
|
|
1073
|
-
<tr>
|
|
1074
|
-
<td>Name</td>
|
|
1075
|
-
<td>Type</td>
|
|
1076
|
-
<td>Optional</td>
|
|
1077
|
-
</tr>
|
|
1078
|
-
</thead>
|
|
1079
|
-
<tbody>
|
|
1080
|
-
<tr>
|
|
1081
|
-
<td>evt</td>
|
|
1082
|
-
<td>
|
|
1083
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1084
|
-
</td>
|
|
1085
|
-
|
|
1086
|
-
<td>
|
|
1087
|
-
No
|
|
1088
|
-
</td>
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
</tr>
|
|
1092
|
-
</tbody>
|
|
1093
|
-
</table>
|
|
1094
|
-
</div>
|
|
1095
|
-
<div class="io-description">
|
|
1096
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1097
|
-
|
|
1098
|
-
</div>
|
|
1099
|
-
<div class="io-description">
|
|
1100
|
-
|
|
1101
|
-
</div>
|
|
1102
|
-
</td>
|
|
1103
|
-
</tr>
|
|
1104
|
-
</tbody>
|
|
1105
|
-
</table>
|
|
1106
|
-
<table class="table table-sm table-bordered">
|
|
1107
|
-
<tbody>
|
|
1108
|
-
<tr>
|
|
1109
|
-
<td class="col-md-4">
|
|
1110
|
-
<a name="onArrowDownSelectAll"></a>
|
|
1111
|
-
<span class="name">
|
|
1112
|
-
<span ><b>onArrowDownSelectAll</b></span>
|
|
1113
|
-
<a href="#onArrowDownSelectAll"><span class="icon ion-ios-link"></span></a>
|
|
1114
|
-
</span>
|
|
1115
|
-
</td>
|
|
1116
|
-
</tr>
|
|
1117
|
-
<tr>
|
|
1118
|
-
<td class="col-md-4">
|
|
1119
|
-
<code>onArrowDownSelectAll(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1120
|
-
</td>
|
|
1121
|
-
</tr>
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
<tr>
|
|
1127
|
-
<td class="col-md-4">
|
|
1128
|
-
|
|
1129
|
-
<div class="io-description">
|
|
1130
|
-
<b>Parameters :</b>
|
|
1131
|
-
|
|
1132
|
-
<table class="params">
|
|
1133
|
-
<thead>
|
|
1134
|
-
<tr>
|
|
1135
|
-
<td>Name</td>
|
|
1136
|
-
<td>Type</td>
|
|
1137
|
-
<td>Optional</td>
|
|
1138
|
-
</tr>
|
|
1139
|
-
</thead>
|
|
1140
|
-
<tbody>
|
|
1141
|
-
<tr>
|
|
1142
|
-
<td>evt</td>
|
|
1143
|
-
<td>
|
|
1144
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1145
|
-
</td>
|
|
1146
|
-
|
|
1147
|
-
<td>
|
|
1148
|
-
No
|
|
1149
|
-
</td>
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
</tr>
|
|
1153
|
-
</tbody>
|
|
1154
|
-
</table>
|
|
1155
|
-
</div>
|
|
1156
|
-
<div class="io-description">
|
|
1157
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1158
|
-
|
|
1159
|
-
</div>
|
|
1160
|
-
<div class="io-description">
|
|
1161
|
-
|
|
1162
|
-
</div>
|
|
1163
|
-
</td>
|
|
1164
|
-
</tr>
|
|
1165
|
-
</tbody>
|
|
1166
|
-
</table>
|
|
1167
|
-
<table class="table table-sm table-bordered">
|
|
1168
|
-
<tbody>
|
|
1169
|
-
<tr>
|
|
1170
|
-
<td class="col-md-4">
|
|
1171
|
-
<a name="onArrowUpClear"></a>
|
|
1172
|
-
<span class="name">
|
|
1173
|
-
<span ><b>onArrowUpClear</b></span>
|
|
1174
|
-
<a href="#onArrowUpClear"><span class="icon ion-ios-link"></span></a>
|
|
1175
|
-
</span>
|
|
1176
|
-
</td>
|
|
1177
|
-
</tr>
|
|
1178
|
-
<tr>
|
|
1179
|
-
<td class="col-md-4">
|
|
1180
|
-
<code>onArrowUpClear(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1181
|
-
</td>
|
|
1182
|
-
</tr>
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
<tr>
|
|
1188
|
-
<td class="col-md-4">
|
|
1189
|
-
|
|
1190
|
-
<div class="io-description">
|
|
1191
|
-
<b>Parameters :</b>
|
|
1192
|
-
|
|
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>evt</td>
|
|
1204
|
-
<td>
|
|
1205
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1206
|
-
</td>
|
|
1207
|
-
|
|
1208
|
-
<td>
|
|
1209
|
-
No
|
|
1210
|
-
</td>
|
|
1211
|
-
|
|
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
|
-
<div class="io-description">
|
|
1222
|
-
|
|
1223
|
-
</div>
|
|
1224
|
-
</td>
|
|
1225
|
-
</tr>
|
|
1226
|
-
</tbody>
|
|
1227
|
-
</table>
|
|
1228
|
-
<table class="table table-sm table-bordered">
|
|
1229
|
-
<tbody>
|
|
1230
|
-
<tr>
|
|
1231
|
-
<td class="col-md-4">
|
|
1232
|
-
<a name="onArrowUpClose"></a>
|
|
1233
|
-
<span class="name">
|
|
1234
|
-
<span ><b>onArrowUpClose</b></span>
|
|
1235
|
-
<a href="#onArrowUpClose"><span class="icon ion-ios-link"></span></a>
|
|
1236
|
-
</span>
|
|
1237
|
-
</td>
|
|
1238
|
-
</tr>
|
|
1239
|
-
<tr>
|
|
1240
|
-
<td class="col-md-4">
|
|
1241
|
-
<code>onArrowUpClose(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1242
|
-
</td>
|
|
1243
|
-
</tr>
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
<tr>
|
|
1249
|
-
<td class="col-md-4">
|
|
1250
|
-
|
|
1251
|
-
<div class="io-description">
|
|
1252
|
-
<b>Parameters :</b>
|
|
1253
|
-
|
|
1254
|
-
<table class="params">
|
|
1255
|
-
<thead>
|
|
1256
|
-
<tr>
|
|
1257
|
-
<td>Name</td>
|
|
1258
|
-
<td>Type</td>
|
|
1259
|
-
<td>Optional</td>
|
|
1260
|
-
</tr>
|
|
1261
|
-
</thead>
|
|
1262
|
-
<tbody>
|
|
1263
|
-
<tr>
|
|
1264
|
-
<td>evt</td>
|
|
1265
|
-
<td>
|
|
1266
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1267
|
-
</td>
|
|
1268
|
-
|
|
1269
|
-
<td>
|
|
1270
|
-
No
|
|
1271
|
-
</td>
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
</tr>
|
|
1275
|
-
</tbody>
|
|
1276
|
-
</table>
|
|
1277
|
-
</div>
|
|
1278
|
-
<div class="io-description">
|
|
1279
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1280
|
-
|
|
1281
|
-
</div>
|
|
1282
|
-
<div class="io-description">
|
|
1283
|
-
|
|
1284
|
-
</div>
|
|
1285
|
-
</td>
|
|
1286
|
-
</tr>
|
|
1287
|
-
</tbody>
|
|
1288
|
-
</table>
|
|
1289
|
-
<table class="table table-sm table-bordered">
|
|
1290
|
-
<tbody>
|
|
1291
|
-
<tr>
|
|
1292
|
-
<td class="col-md-4">
|
|
1293
|
-
<a name="onArrowUpSearch"></a>
|
|
1294
|
-
<span class="name">
|
|
1295
|
-
<span ><b>onArrowUpSearch</b></span>
|
|
1296
|
-
<a href="#onArrowUpSearch"><span class="icon ion-ios-link"></span></a>
|
|
1297
|
-
</span>
|
|
1298
|
-
</td>
|
|
1299
|
-
</tr>
|
|
1300
|
-
<tr>
|
|
1301
|
-
<td class="col-md-4">
|
|
1302
|
-
<code>onArrowUpSearch(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1303
|
-
</td>
|
|
1304
|
-
</tr>
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
<tr>
|
|
1310
|
-
<td class="col-md-4">
|
|
1311
|
-
|
|
1312
|
-
<div class="io-description">
|
|
1313
|
-
<b>Parameters :</b>
|
|
1314
|
-
|
|
1315
|
-
<table class="params">
|
|
1316
|
-
<thead>
|
|
1317
|
-
<tr>
|
|
1318
|
-
<td>Name</td>
|
|
1319
|
-
<td>Type</td>
|
|
1320
|
-
<td>Optional</td>
|
|
1321
|
-
</tr>
|
|
1322
|
-
</thead>
|
|
1323
|
-
<tbody>
|
|
1324
|
-
<tr>
|
|
1325
|
-
<td>evt</td>
|
|
1326
|
-
<td>
|
|
1327
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1328
|
-
</td>
|
|
1329
|
-
|
|
1330
|
-
<td>
|
|
1331
|
-
No
|
|
1332
|
-
</td>
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
</tr>
|
|
1336
|
-
</tbody>
|
|
1337
|
-
</table>
|
|
1338
|
-
</div>
|
|
1339
|
-
<div class="io-description">
|
|
1340
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1341
|
-
|
|
1342
|
-
</div>
|
|
1343
|
-
<div class="io-description">
|
|
1344
|
-
|
|
1345
|
-
</div>
|
|
1346
|
-
</td>
|
|
1347
|
-
</tr>
|
|
1348
|
-
</tbody>
|
|
1349
|
-
</table>
|
|
1350
|
-
<table class="table table-sm table-bordered">
|
|
1351
|
-
<tbody>
|
|
1352
|
-
<tr>
|
|
1353
|
-
<td class="col-md-4">
|
|
1354
|
-
<a name="onArrowUpSelectAll"></a>
|
|
1355
|
-
<span class="name">
|
|
1356
|
-
<span ><b>onArrowUpSelectAll</b></span>
|
|
1357
|
-
<a href="#onArrowUpSelectAll"><span class="icon ion-ios-link"></span></a>
|
|
1358
|
-
</span>
|
|
1359
|
-
</td>
|
|
1360
|
-
</tr>
|
|
1361
|
-
<tr>
|
|
1362
|
-
<td class="col-md-4">
|
|
1363
|
-
<code>onArrowUpSelectAll(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1364
|
-
</td>
|
|
1365
|
-
</tr>
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
<tr>
|
|
1371
|
-
<td class="col-md-4">
|
|
1372
|
-
|
|
1373
|
-
<div class="io-description">
|
|
1374
|
-
<b>Parameters :</b>
|
|
1375
|
-
|
|
1376
|
-
<table class="params">
|
|
1377
|
-
<thead>
|
|
1378
|
-
<tr>
|
|
1379
|
-
<td>Name</td>
|
|
1380
|
-
<td>Type</td>
|
|
1381
|
-
<td>Optional</td>
|
|
1382
|
-
</tr>
|
|
1383
|
-
</thead>
|
|
1384
|
-
<tbody>
|
|
1385
|
-
<tr>
|
|
1386
|
-
<td>evt</td>
|
|
1387
|
-
<td>
|
|
1388
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1389
|
-
</td>
|
|
1390
|
-
|
|
1391
|
-
<td>
|
|
1392
|
-
No
|
|
1393
|
-
</td>
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
</tr>
|
|
1397
|
-
</tbody>
|
|
1398
|
-
</table>
|
|
1399
|
-
</div>
|
|
1400
|
-
<div class="io-description">
|
|
1401
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1402
|
-
|
|
1403
|
-
</div>
|
|
1404
|
-
<div class="io-description">
|
|
1405
|
-
|
|
1406
|
-
</div>
|
|
1407
|
-
</td>
|
|
1408
|
-
</tr>
|
|
1409
|
-
</tbody>
|
|
1410
|
-
</table>
|
|
1411
|
-
<table class="table table-sm table-bordered">
|
|
1412
|
-
<tbody>
|
|
1413
|
-
<tr>
|
|
1414
|
-
<td class="col-md-4">
|
|
1415
|
-
<a name="onClickClearAll"></a>
|
|
1416
|
-
<span class="name">
|
|
1417
|
-
<span ><b>onClickClearAll</b></span>
|
|
1418
|
-
<a href="#onClickClearAll"><span class="icon ion-ios-link"></span></a>
|
|
1419
|
-
</span>
|
|
1420
|
-
</td>
|
|
1421
|
-
</tr>
|
|
1422
|
-
<tr>
|
|
1423
|
-
<td class="col-md-4">
|
|
1424
|
-
<code>onClickClearAll(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1425
|
-
</td>
|
|
1426
|
-
</tr>
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
<tr>
|
|
1432
|
-
<td class="col-md-4">
|
|
1433
|
-
|
|
1434
|
-
<div class="io-description">
|
|
1435
|
-
<b>Parameters :</b>
|
|
1436
|
-
|
|
1437
|
-
<table class="params">
|
|
1438
|
-
<thead>
|
|
1439
|
-
<tr>
|
|
1440
|
-
<td>Name</td>
|
|
1441
|
-
<td>Type</td>
|
|
1442
|
-
<td>Optional</td>
|
|
1443
|
-
</tr>
|
|
1444
|
-
</thead>
|
|
1445
|
-
<tbody>
|
|
1446
|
-
<tr>
|
|
1447
|
-
<td>evt</td>
|
|
1448
|
-
<td>
|
|
1449
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1450
|
-
</td>
|
|
1451
|
-
|
|
1452
|
-
<td>
|
|
1453
|
-
No
|
|
1454
|
-
</td>
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
</tr>
|
|
1458
|
-
</tbody>
|
|
1459
|
-
</table>
|
|
1460
|
-
</div>
|
|
1461
|
-
<div class="io-description">
|
|
1462
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1463
|
-
|
|
1464
|
-
</div>
|
|
1465
|
-
<div class="io-description">
|
|
1466
|
-
|
|
1467
|
-
</div>
|
|
1468
|
-
</td>
|
|
1469
|
-
</tr>
|
|
1470
|
-
</tbody>
|
|
1471
|
-
</table>
|
|
1472
|
-
<table class="table table-sm table-bordered">
|
|
1473
|
-
<tbody>
|
|
1474
|
-
<tr>
|
|
1475
|
-
<td class="col-md-4">
|
|
1476
|
-
<a name="onClickClose"></a>
|
|
1477
|
-
<span class="name">
|
|
1478
|
-
<span ><b>onClickClose</b></span>
|
|
1479
|
-
<a href="#onClickClose"><span class="icon ion-ios-link"></span></a>
|
|
1480
|
-
</span>
|
|
1481
|
-
</td>
|
|
1482
|
-
</tr>
|
|
1483
|
-
<tr>
|
|
1484
|
-
<td class="col-md-4">
|
|
1485
|
-
<code>onClickClose(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1486
|
-
</td>
|
|
1487
|
-
</tr>
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
<tr>
|
|
1493
|
-
<td class="col-md-4">
|
|
1494
|
-
|
|
1495
|
-
<div class="io-description">
|
|
1496
|
-
<b>Parameters :</b>
|
|
1497
|
-
|
|
1498
|
-
<table class="params">
|
|
1499
|
-
<thead>
|
|
1500
|
-
<tr>
|
|
1501
|
-
<td>Name</td>
|
|
1502
|
-
<td>Type</td>
|
|
1503
|
-
<td>Optional</td>
|
|
1504
|
-
</tr>
|
|
1505
|
-
</thead>
|
|
1506
|
-
<tbody>
|
|
1507
|
-
<tr>
|
|
1508
|
-
<td>evt</td>
|
|
1509
|
-
<td>
|
|
1510
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1511
|
-
</td>
|
|
1512
|
-
|
|
1513
|
-
<td>
|
|
1514
|
-
No
|
|
1515
|
-
</td>
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
</tr>
|
|
1519
|
-
</tbody>
|
|
1520
|
-
</table>
|
|
1521
|
-
</div>
|
|
1522
|
-
<div class="io-description">
|
|
1523
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1524
|
-
|
|
1525
|
-
</div>
|
|
1526
|
-
<div class="io-description">
|
|
1527
|
-
|
|
1528
|
-
</div>
|
|
1529
|
-
</td>
|
|
1530
|
-
</tr>
|
|
1531
|
-
</tbody>
|
|
1532
|
-
</table>
|
|
1533
|
-
<table class="table table-sm table-bordered">
|
|
1534
|
-
<tbody>
|
|
1535
|
-
<tr>
|
|
1536
|
-
<td class="col-md-4">
|
|
1537
|
-
<a name="onClickMainInput"></a>
|
|
1538
|
-
<span class="name">
|
|
1539
|
-
<span ><b>onClickMainInput</b></span>
|
|
1540
|
-
<a href="#onClickMainInput"><span class="icon ion-ios-link"></span></a>
|
|
1541
|
-
</span>
|
|
1542
|
-
</td>
|
|
1543
|
-
</tr>
|
|
1544
|
-
<tr>
|
|
1545
|
-
<td class="col-md-4">
|
|
1546
|
-
<code>onClickMainInput(evt: <a href="../classes/EclMultiselectMainInputClickEvent.html" target="_self">EclMultiselectMainInputClickEvent</a>)</code>
|
|
1547
|
-
</td>
|
|
1548
|
-
</tr>
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
<tr>
|
|
1554
|
-
<td class="col-md-4">
|
|
1555
|
-
|
|
1556
|
-
<div class="io-description">
|
|
1557
|
-
<b>Parameters :</b>
|
|
1558
|
-
|
|
1559
|
-
<table class="params">
|
|
1560
|
-
<thead>
|
|
1561
|
-
<tr>
|
|
1562
|
-
<td>Name</td>
|
|
1563
|
-
<td>Type</td>
|
|
1564
|
-
<td>Optional</td>
|
|
1565
|
-
</tr>
|
|
1566
|
-
</thead>
|
|
1567
|
-
<tbody>
|
|
1568
|
-
<tr>
|
|
1569
|
-
<td>evt</td>
|
|
1570
|
-
<td>
|
|
1571
|
-
<code><a href="../classes/EclMultiselectMainInputClickEvent.html" target="_self" >EclMultiselectMainInputClickEvent</a></code>
|
|
1572
|
-
</td>
|
|
1573
|
-
|
|
1574
|
-
<td>
|
|
1575
|
-
No
|
|
1576
|
-
</td>
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
</tr>
|
|
1580
|
-
</tbody>
|
|
1581
|
-
</table>
|
|
1582
|
-
</div>
|
|
1583
|
-
<div class="io-description">
|
|
1584
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1585
|
-
|
|
1586
|
-
</div>
|
|
1587
|
-
<div class="io-description">
|
|
1588
|
-
|
|
1589
|
-
</div>
|
|
1590
|
-
</td>
|
|
1591
|
-
</tr>
|
|
1592
|
-
</tbody>
|
|
1593
|
-
</table>
|
|
1594
|
-
<table class="table table-sm table-bordered">
|
|
1595
|
-
<tbody>
|
|
1596
|
-
<tr>
|
|
1597
|
-
<td class="col-md-4">
|
|
1598
|
-
<a name="onEnterClear"></a>
|
|
1599
|
-
<span class="name">
|
|
1600
|
-
<span ><b>onEnterClear</b></span>
|
|
1601
|
-
<a href="#onEnterClear"><span class="icon ion-ios-link"></span></a>
|
|
1602
|
-
</span>
|
|
1603
|
-
</td>
|
|
1604
|
-
</tr>
|
|
1605
|
-
<tr>
|
|
1606
|
-
<td class="col-md-4">
|
|
1607
|
-
<code>onEnterClear(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1608
|
-
</td>
|
|
1609
|
-
</tr>
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
<tr>
|
|
1615
|
-
<td class="col-md-4">
|
|
1616
|
-
|
|
1617
|
-
<div class="io-description">
|
|
1618
|
-
<b>Parameters :</b>
|
|
1619
|
-
|
|
1620
|
-
<table class="params">
|
|
1621
|
-
<thead>
|
|
1622
|
-
<tr>
|
|
1623
|
-
<td>Name</td>
|
|
1624
|
-
<td>Type</td>
|
|
1625
|
-
<td>Optional</td>
|
|
1626
|
-
</tr>
|
|
1627
|
-
</thead>
|
|
1628
|
-
<tbody>
|
|
1629
|
-
<tr>
|
|
1630
|
-
<td>evt</td>
|
|
1631
|
-
<td>
|
|
1632
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1633
|
-
</td>
|
|
1634
|
-
|
|
1635
|
-
<td>
|
|
1636
|
-
No
|
|
1637
|
-
</td>
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
</tr>
|
|
1641
|
-
</tbody>
|
|
1642
|
-
</table>
|
|
1643
|
-
</div>
|
|
1644
|
-
<div class="io-description">
|
|
1645
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1646
|
-
|
|
1647
|
-
</div>
|
|
1648
|
-
<div class="io-description">
|
|
1649
|
-
|
|
1650
|
-
</div>
|
|
1651
|
-
</td>
|
|
1652
|
-
</tr>
|
|
1653
|
-
</tbody>
|
|
1654
|
-
</table>
|
|
1655
|
-
<table class="table table-sm table-bordered">
|
|
1656
|
-
<tbody>
|
|
1657
|
-
<tr>
|
|
1658
|
-
<td class="col-md-4">
|
|
1659
|
-
<a name="onEnterSearch"></a>
|
|
1660
|
-
<span class="name">
|
|
1661
|
-
<span ><b>onEnterSearch</b></span>
|
|
1662
|
-
<a href="#onEnterSearch"><span class="icon ion-ios-link"></span></a>
|
|
1663
|
-
</span>
|
|
1664
|
-
</td>
|
|
1665
|
-
</tr>
|
|
1666
|
-
<tr>
|
|
1667
|
-
<td class="col-md-4">
|
|
1668
|
-
<code>onEnterSearch(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1669
|
-
</td>
|
|
1670
|
-
</tr>
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
<tr>
|
|
1676
|
-
<td class="col-md-4">
|
|
1677
|
-
|
|
1678
|
-
<div class="io-description">
|
|
1679
|
-
<b>Parameters :</b>
|
|
1680
|
-
|
|
1681
|
-
<table class="params">
|
|
1682
|
-
<thead>
|
|
1683
|
-
<tr>
|
|
1684
|
-
<td>Name</td>
|
|
1685
|
-
<td>Type</td>
|
|
1686
|
-
<td>Optional</td>
|
|
1687
|
-
</tr>
|
|
1688
|
-
</thead>
|
|
1689
|
-
<tbody>
|
|
1690
|
-
<tr>
|
|
1691
|
-
<td>evt</td>
|
|
1692
|
-
<td>
|
|
1693
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1694
|
-
</td>
|
|
1695
|
-
|
|
1696
|
-
<td>
|
|
1697
|
-
No
|
|
1698
|
-
</td>
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
</tr>
|
|
1702
|
-
</tbody>
|
|
1703
|
-
</table>
|
|
1704
|
-
</div>
|
|
1705
|
-
<div class="io-description">
|
|
1706
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1707
|
-
|
|
1708
|
-
</div>
|
|
1709
|
-
<div class="io-description">
|
|
1710
|
-
|
|
1711
|
-
</div>
|
|
1712
|
-
</td>
|
|
1713
|
-
</tr>
|
|
1714
|
-
</tbody>
|
|
1715
|
-
</table>
|
|
1716
|
-
<table class="table table-sm table-bordered">
|
|
1717
|
-
<tbody>
|
|
1718
|
-
<tr>
|
|
1719
|
-
<td class="col-md-4">
|
|
1720
|
-
<a name="onEnterSelectAll"></a>
|
|
1721
|
-
<span class="name">
|
|
1722
|
-
<span ><b>onEnterSelectAll</b></span>
|
|
1723
|
-
<a href="#onEnterSelectAll"><span class="icon ion-ios-link"></span></a>
|
|
1724
|
-
</span>
|
|
1725
|
-
</td>
|
|
1726
|
-
</tr>
|
|
1727
|
-
<tr>
|
|
1728
|
-
<td class="col-md-4">
|
|
1729
|
-
<code>onEnterSelectAll(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1730
|
-
</td>
|
|
1731
|
-
</tr>
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
|
|
1736
|
-
<tr>
|
|
1737
|
-
<td class="col-md-4">
|
|
1738
|
-
|
|
1739
|
-
<div class="io-description">
|
|
1740
|
-
<b>Parameters :</b>
|
|
1741
|
-
|
|
1742
|
-
<table class="params">
|
|
1743
|
-
<thead>
|
|
1744
|
-
<tr>
|
|
1745
|
-
<td>Name</td>
|
|
1746
|
-
<td>Type</td>
|
|
1747
|
-
<td>Optional</td>
|
|
1748
|
-
</tr>
|
|
1749
|
-
</thead>
|
|
1750
|
-
<tbody>
|
|
1751
|
-
<tr>
|
|
1752
|
-
<td>evt</td>
|
|
1753
|
-
<td>
|
|
1754
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1755
|
-
</td>
|
|
1756
|
-
|
|
1757
|
-
<td>
|
|
1758
|
-
No
|
|
1759
|
-
</td>
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
</tr>
|
|
1763
|
-
</tbody>
|
|
1764
|
-
</table>
|
|
1765
|
-
</div>
|
|
1766
|
-
<div class="io-description">
|
|
1767
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1768
|
-
|
|
1769
|
-
</div>
|
|
1770
|
-
<div class="io-description">
|
|
1771
|
-
|
|
1772
|
-
</div>
|
|
1773
|
-
</td>
|
|
1774
|
-
</tr>
|
|
1775
|
-
</tbody>
|
|
1776
|
-
</table>
|
|
1777
|
-
<table class="table table-sm table-bordered">
|
|
1778
|
-
<tbody>
|
|
1779
|
-
<tr>
|
|
1780
|
-
<td class="col-md-4">
|
|
1781
|
-
<a name="onEscapeKey"></a>
|
|
1782
|
-
<span class="name">
|
|
1783
|
-
<span ><b>onEscapeKey</b></span>
|
|
1784
|
-
<a href="#onEscapeKey"><span class="icon ion-ios-link"></span></a>
|
|
1785
|
-
</span>
|
|
1786
|
-
</td>
|
|
1787
|
-
</tr>
|
|
1788
|
-
<tr>
|
|
1789
|
-
<td class="col-md-4">
|
|
1790
|
-
<code>onEscapeKey()</code>
|
|
1791
|
-
</td>
|
|
1792
|
-
</tr>
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
<tr>
|
|
1798
|
-
<td class="col-md-4">
|
|
1799
|
-
|
|
1800
|
-
<div class="io-description">
|
|
1801
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1802
|
-
|
|
1803
|
-
</div>
|
|
1804
|
-
</td>
|
|
1805
|
-
</tr>
|
|
1806
|
-
</tbody>
|
|
1807
|
-
</table>
|
|
1808
|
-
<table class="table table-sm table-bordered">
|
|
1809
|
-
<tbody>
|
|
1810
|
-
<tr>
|
|
1811
|
-
<td class="col-md-4">
|
|
1812
|
-
<a name="onKeydownMainInput"></a>
|
|
1813
|
-
<span class="name">
|
|
1814
|
-
<span ><b>onKeydownMainInput</b></span>
|
|
1815
|
-
<a href="#onKeydownMainInput"><span class="icon ion-ios-link"></span></a>
|
|
1816
|
-
</span>
|
|
1817
|
-
</td>
|
|
1818
|
-
</tr>
|
|
1819
|
-
<tr>
|
|
1820
|
-
<td class="col-md-4">
|
|
1821
|
-
<code>onKeydownMainInput(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
1822
|
-
</td>
|
|
1823
|
-
</tr>
|
|
1824
|
-
|
|
1825
|
-
|
|
1826
|
-
|
|
1827
|
-
|
|
1828
|
-
<tr>
|
|
1829
|
-
<td class="col-md-4">
|
|
1830
|
-
|
|
1831
|
-
<div class="io-description">
|
|
1832
|
-
<b>Parameters :</b>
|
|
1833
|
-
|
|
1834
|
-
<table class="params">
|
|
1835
|
-
<thead>
|
|
1836
|
-
<tr>
|
|
1837
|
-
<td>Name</td>
|
|
1838
|
-
<td>Type</td>
|
|
1839
|
-
<td>Optional</td>
|
|
1840
|
-
</tr>
|
|
1841
|
-
</thead>
|
|
1842
|
-
<tbody>
|
|
1843
|
-
<tr>
|
|
1844
|
-
<td>evt</td>
|
|
1845
|
-
<td>
|
|
1846
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
1847
|
-
</td>
|
|
1848
|
-
|
|
1849
|
-
<td>
|
|
1850
|
-
No
|
|
1851
|
-
</td>
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
</tr>
|
|
1855
|
-
</tbody>
|
|
1856
|
-
</table>
|
|
1857
|
-
</div>
|
|
1858
|
-
<div class="io-description">
|
|
1859
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1860
|
-
|
|
1861
|
-
</div>
|
|
1862
|
-
<div class="io-description">
|
|
1863
|
-
|
|
1864
|
-
</div>
|
|
1865
|
-
</td>
|
|
1866
|
-
</tr>
|
|
1867
|
-
</tbody>
|
|
1868
|
-
</table>
|
|
1869
|
-
<table class="table table-sm table-bordered">
|
|
1870
|
-
<tbody>
|
|
1871
|
-
<tr>
|
|
1872
|
-
<td class="col-md-4">
|
|
1873
|
-
<a name="onKeydownOption"></a>
|
|
1874
|
-
<span class="name">
|
|
1875
|
-
<span ><b>onKeydownOption</b></span>
|
|
1876
|
-
<a href="#onKeydownOption"><span class="icon ion-ios-link"></span></a>
|
|
1877
|
-
</span>
|
|
1878
|
-
</td>
|
|
1879
|
-
</tr>
|
|
1880
|
-
<tr>
|
|
1881
|
-
<td class="col-md-4">
|
|
1882
|
-
<code>onKeydownOption(evt: <a href="../classes/EclMultiselectOptionKeydownEvent.html" target="_self">EclMultiselectOptionKeydownEvent</a>)</code>
|
|
1883
|
-
</td>
|
|
1884
|
-
</tr>
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
<tr>
|
|
1890
|
-
<td class="col-md-4">
|
|
1891
|
-
<div class="io-description"><p>Handles keyboard interaction on option items.
|
|
1892
|
-
Supports arrow keys, tab, escape, and enter.</p>
|
|
1893
|
-
</div>
|
|
1894
|
-
|
|
1895
|
-
<div class="io-description">
|
|
1896
|
-
<b>Parameters :</b>
|
|
1897
|
-
|
|
1898
|
-
<table class="params">
|
|
1899
|
-
<thead>
|
|
1900
|
-
<tr>
|
|
1901
|
-
<td>Name</td>
|
|
1902
|
-
<td>Type</td>
|
|
1903
|
-
<td>Optional</td>
|
|
1904
|
-
</tr>
|
|
1905
|
-
</thead>
|
|
1906
|
-
<tbody>
|
|
1907
|
-
<tr>
|
|
1908
|
-
<td>evt</td>
|
|
1909
|
-
<td>
|
|
1910
|
-
<code><a href="../classes/EclMultiselectOptionKeydownEvent.html" target="_self" >EclMultiselectOptionKeydownEvent</a></code>
|
|
1911
|
-
</td>
|
|
1912
|
-
|
|
1913
|
-
<td>
|
|
1914
|
-
No
|
|
1915
|
-
</td>
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
</tr>
|
|
1919
|
-
</tbody>
|
|
1920
|
-
</table>
|
|
1921
|
-
</div>
|
|
1922
|
-
<div class="io-description">
|
|
1923
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1924
|
-
|
|
1925
|
-
</div>
|
|
1926
|
-
<div class="io-description">
|
|
1927
|
-
|
|
1928
|
-
</div>
|
|
1929
|
-
</td>
|
|
1930
|
-
</tr>
|
|
1931
|
-
</tbody>
|
|
1932
|
-
</table>
|
|
1933
|
-
<table class="table table-sm table-bordered">
|
|
1934
|
-
<tbody>
|
|
1935
|
-
<tr>
|
|
1936
|
-
<td class="col-md-4">
|
|
1937
|
-
<a name="onKeyUp"></a>
|
|
1938
|
-
<span class="name">
|
|
1939
|
-
<span ><b>onKeyUp</b></span>
|
|
1940
|
-
<a href="#onKeyUp"><span class="icon ion-ios-link"></span></a>
|
|
1941
|
-
</span>
|
|
1942
|
-
</td>
|
|
1943
|
-
</tr>
|
|
1944
|
-
<tr>
|
|
1945
|
-
<td class="col-md-4">
|
|
1946
|
-
<code>onKeyUp(event: MouseEvent)</code>
|
|
1947
|
-
</td>
|
|
1948
|
-
</tr>
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
<tr>
|
|
1954
|
-
<td class="col-md-4">
|
|
1955
|
-
|
|
1956
|
-
<div class="io-description">
|
|
1957
|
-
<b>Parameters :</b>
|
|
1958
|
-
|
|
1959
|
-
<table class="params">
|
|
1960
|
-
<thead>
|
|
1961
|
-
<tr>
|
|
1962
|
-
<td>Name</td>
|
|
1963
|
-
<td>Type</td>
|
|
1964
|
-
<td>Optional</td>
|
|
1965
|
-
</tr>
|
|
1966
|
-
</thead>
|
|
1967
|
-
<tbody>
|
|
1968
|
-
<tr>
|
|
1969
|
-
<td>event</td>
|
|
1970
|
-
<td>
|
|
1971
|
-
<code>MouseEvent</code>
|
|
1972
|
-
</td>
|
|
1973
|
-
|
|
1974
|
-
<td>
|
|
1975
|
-
No
|
|
1976
|
-
</td>
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
</tr>
|
|
1980
|
-
</tbody>
|
|
1981
|
-
</table>
|
|
1982
|
-
</div>
|
|
1983
|
-
<div class="io-description">
|
|
1984
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1985
|
-
|
|
1986
|
-
</div>
|
|
1987
|
-
<div class="io-description">
|
|
1988
|
-
|
|
1989
|
-
</div>
|
|
1990
|
-
</td>
|
|
1991
|
-
</tr>
|
|
1992
|
-
</tbody>
|
|
1993
|
-
</table>
|
|
1994
|
-
<table class="table table-sm table-bordered">
|
|
1995
|
-
<tbody>
|
|
1996
|
-
<tr>
|
|
1997
|
-
<td class="col-md-4">
|
|
1998
|
-
<a name="onOptionSelected"></a>
|
|
1999
|
-
<span class="name">
|
|
2000
|
-
<span ><b>onOptionSelected</b></span>
|
|
2001
|
-
<a href="#onOptionSelected"><span class="icon ion-ios-link"></span></a>
|
|
2002
|
-
</span>
|
|
2003
|
-
</td>
|
|
2004
|
-
</tr>
|
|
2005
|
-
<tr>
|
|
2006
|
-
<td class="col-md-4">
|
|
2007
|
-
<code>onOptionSelected(evt: <a href="../classes/EclMultiselectOptionClickEvent.html" target="_self">EclMultiselectOptionClickEvent</a>)</code>
|
|
2008
|
-
</td>
|
|
2009
|
-
</tr>
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
<tr>
|
|
2015
|
-
<td class="col-md-4">
|
|
2016
|
-
<div class="io-description"><p>Triggered when a single option is clicked/selected.
|
|
2017
|
-
Updates selected items, emits changes.</p>
|
|
2018
|
-
</div>
|
|
2019
|
-
|
|
2020
|
-
<div class="io-description">
|
|
2021
|
-
<b>Parameters :</b>
|
|
2022
|
-
|
|
2023
|
-
<table class="params">
|
|
2024
|
-
<thead>
|
|
2025
|
-
<tr>
|
|
2026
|
-
<td>Name</td>
|
|
2027
|
-
<td>Type</td>
|
|
2028
|
-
<td>Optional</td>
|
|
2029
|
-
</tr>
|
|
2030
|
-
</thead>
|
|
2031
|
-
<tbody>
|
|
2032
|
-
<tr>
|
|
2033
|
-
<td>evt</td>
|
|
2034
|
-
<td>
|
|
2035
|
-
<code><a href="../classes/EclMultiselectOptionClickEvent.html" target="_self" >EclMultiselectOptionClickEvent</a></code>
|
|
2036
|
-
</td>
|
|
2037
|
-
|
|
2038
|
-
<td>
|
|
2039
|
-
No
|
|
2040
|
-
</td>
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
</tr>
|
|
2044
|
-
</tbody>
|
|
2045
|
-
</table>
|
|
2046
|
-
</div>
|
|
2047
|
-
<div class="io-description">
|
|
2048
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2049
|
-
|
|
2050
|
-
</div>
|
|
2051
|
-
<div class="io-description">
|
|
2052
|
-
|
|
2053
|
-
</div>
|
|
2054
|
-
</td>
|
|
2055
|
-
</tr>
|
|
2056
|
-
</tbody>
|
|
2057
|
-
</table>
|
|
2058
|
-
<table class="table table-sm table-bordered">
|
|
2059
|
-
<tbody>
|
|
2060
|
-
<tr>
|
|
2061
|
-
<td class="col-md-4">
|
|
2062
|
-
<a name="onSearch"></a>
|
|
2063
|
-
<span class="name">
|
|
2064
|
-
<span ><b>onSearch</b></span>
|
|
2065
|
-
<a href="#onSearch"><span class="icon ion-ios-link"></span></a>
|
|
2066
|
-
</span>
|
|
2067
|
-
</td>
|
|
2068
|
-
</tr>
|
|
2069
|
-
<tr>
|
|
2070
|
-
<td class="col-md-4">
|
|
2071
|
-
<code>onSearch(input: EventTarget)</code>
|
|
2072
|
-
</td>
|
|
2073
|
-
</tr>
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
<tr>
|
|
2079
|
-
<td class="col-md-4">
|
|
2080
|
-
<div class="io-description"><p>Handles search input, filters options, and updates their visibility.</p>
|
|
2081
|
-
</div>
|
|
2082
|
-
|
|
2083
|
-
<div class="io-description">
|
|
2084
|
-
<b>Parameters :</b>
|
|
2085
|
-
|
|
2086
|
-
<table class="params">
|
|
2087
|
-
<thead>
|
|
2088
|
-
<tr>
|
|
2089
|
-
<td>Name</td>
|
|
2090
|
-
<td>Type</td>
|
|
2091
|
-
<td>Optional</td>
|
|
2092
|
-
</tr>
|
|
2093
|
-
</thead>
|
|
2094
|
-
<tbody>
|
|
2095
|
-
<tr>
|
|
2096
|
-
<td>input</td>
|
|
2097
|
-
<td>
|
|
2098
|
-
<code>EventTarget</code>
|
|
2099
|
-
</td>
|
|
2100
|
-
|
|
2101
|
-
<td>
|
|
2102
|
-
No
|
|
2103
|
-
</td>
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
</tr>
|
|
2107
|
-
</tbody>
|
|
2108
|
-
</table>
|
|
2109
|
-
</div>
|
|
2110
|
-
<div class="io-description">
|
|
2111
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2112
|
-
|
|
2113
|
-
</div>
|
|
2114
|
-
<div class="io-description">
|
|
2115
|
-
|
|
2116
|
-
</div>
|
|
2117
|
-
</td>
|
|
2118
|
-
</tr>
|
|
2119
|
-
</tbody>
|
|
2120
|
-
</table>
|
|
2121
|
-
<table class="table table-sm table-bordered">
|
|
2122
|
-
<tbody>
|
|
2123
|
-
<tr>
|
|
2124
|
-
<td class="col-md-4">
|
|
2125
|
-
<a name="onSelectAll"></a>
|
|
2126
|
-
<span class="name">
|
|
2127
|
-
<span ><b>onSelectAll</b></span>
|
|
2128
|
-
<a href="#onSelectAll"><span class="icon ion-ios-link"></span></a>
|
|
2129
|
-
</span>
|
|
2130
|
-
</td>
|
|
2131
|
-
</tr>
|
|
2132
|
-
<tr>
|
|
2133
|
-
<td class="col-md-4">
|
|
2134
|
-
<code>onSelectAll()</code>
|
|
2135
|
-
</td>
|
|
2136
|
-
</tr>
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
<tr>
|
|
2142
|
-
<td class="col-md-4">
|
|
2143
|
-
<div class="io-description"><p>Toggles all visible options based on the "Select All" checkbox.</p>
|
|
2144
|
-
</div>
|
|
2145
|
-
|
|
2146
|
-
<div class="io-description">
|
|
2147
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2148
|
-
|
|
2149
|
-
</div>
|
|
2150
|
-
</td>
|
|
2151
|
-
</tr>
|
|
2152
|
-
</tbody>
|
|
2153
|
-
</table>
|
|
2154
|
-
<table class="table table-sm table-bordered">
|
|
2155
|
-
<tbody>
|
|
2156
|
-
<tr>
|
|
2157
|
-
<td class="col-md-4">
|
|
2158
|
-
<a name="onTabClear"></a>
|
|
2159
|
-
<span class="name">
|
|
2160
|
-
<span ><b>onTabClear</b></span>
|
|
2161
|
-
<a href="#onTabClear"><span class="icon ion-ios-link"></span></a>
|
|
2162
|
-
</span>
|
|
2163
|
-
</td>
|
|
2164
|
-
</tr>
|
|
2165
|
-
<tr>
|
|
2166
|
-
<td class="col-md-4">
|
|
2167
|
-
<code>onTabClear(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
2168
|
-
</td>
|
|
2169
|
-
</tr>
|
|
2170
|
-
|
|
2171
|
-
|
|
2172
|
-
|
|
2173
|
-
|
|
2174
|
-
<tr>
|
|
2175
|
-
<td class="col-md-4">
|
|
2176
|
-
|
|
2177
|
-
<div class="io-description">
|
|
2178
|
-
<b>Parameters :</b>
|
|
2179
|
-
|
|
2180
|
-
<table class="params">
|
|
2181
|
-
<thead>
|
|
2182
|
-
<tr>
|
|
2183
|
-
<td>Name</td>
|
|
2184
|
-
<td>Type</td>
|
|
2185
|
-
<td>Optional</td>
|
|
2186
|
-
</tr>
|
|
2187
|
-
</thead>
|
|
2188
|
-
<tbody>
|
|
2189
|
-
<tr>
|
|
2190
|
-
<td>evt</td>
|
|
2191
|
-
<td>
|
|
2192
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
2193
|
-
</td>
|
|
2194
|
-
|
|
2195
|
-
<td>
|
|
2196
|
-
No
|
|
2197
|
-
</td>
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
</tr>
|
|
2201
|
-
</tbody>
|
|
2202
|
-
</table>
|
|
2203
|
-
</div>
|
|
2204
|
-
<div class="io-description">
|
|
2205
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2206
|
-
|
|
2207
|
-
</div>
|
|
2208
|
-
<div class="io-description">
|
|
2209
|
-
|
|
2210
|
-
</div>
|
|
2211
|
-
</td>
|
|
2212
|
-
</tr>
|
|
2213
|
-
</tbody>
|
|
2214
|
-
</table>
|
|
2215
|
-
<table class="table table-sm table-bordered">
|
|
2216
|
-
<tbody>
|
|
2217
|
-
<tr>
|
|
2218
|
-
<td class="col-md-4">
|
|
2219
|
-
<a name="onTabClose"></a>
|
|
2220
|
-
<span class="name">
|
|
2221
|
-
<span ><b>onTabClose</b></span>
|
|
2222
|
-
<a href="#onTabClose"><span class="icon ion-ios-link"></span></a>
|
|
2223
|
-
</span>
|
|
2224
|
-
</td>
|
|
2225
|
-
</tr>
|
|
2226
|
-
<tr>
|
|
2227
|
-
<td class="col-md-4">
|
|
2228
|
-
<code>onTabClose(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
|
|
2229
|
-
</td>
|
|
2230
|
-
</tr>
|
|
2231
|
-
|
|
2232
|
-
|
|
2233
|
-
|
|
499
|
+
</tbody>
|
|
500
|
+
</table>
|
|
501
|
+
<table class="table table-sm table-bordered">
|
|
502
|
+
<tbody>
|
|
503
|
+
<tr>
|
|
504
|
+
<td class="col-md-4">
|
|
505
|
+
<a name="tabindex"></a>
|
|
506
|
+
<b>tabindex</b>
|
|
507
|
+
</td>
|
|
508
|
+
</tr>
|
|
509
|
+
<tr>
|
|
510
|
+
<td class="col-md-4">
|
|
511
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
2234
512
|
|
|
2235
|
-
|
|
2236
|
-
|
|
513
|
+
</td>
|
|
514
|
+
</tr>
|
|
515
|
+
</tbody>
|
|
516
|
+
</table>
|
|
517
|
+
</section>
|
|
2237
518
|
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
<td>evt</td>
|
|
2252
|
-
<td>
|
|
2253
|
-
<code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
|
|
2254
|
-
</td>
|
|
519
|
+
<section data-compodoc="block-outputs">
|
|
520
|
+
<h3 id="outputs">Outputs</h3>
|
|
521
|
+
<table class="table table-sm table-bordered">
|
|
522
|
+
<tbody>
|
|
523
|
+
<tr>
|
|
524
|
+
<td class="col-md-4">
|
|
525
|
+
<a name="eclChange"></a>
|
|
526
|
+
<b>eclChange</b>
|
|
527
|
+
</td>
|
|
528
|
+
</tr>
|
|
529
|
+
<tr>
|
|
530
|
+
<td class="col-md-4">
|
|
531
|
+
<i>Type : </i> <code>string[]</code>
|
|
2255
532
|
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
533
|
+
</td>
|
|
534
|
+
</tr>
|
|
535
|
+
<tr>
|
|
536
|
+
<td class="col-md-4">
|
|
537
|
+
<div class="io-description"><p>Emits the list of selected values whenever the selection changes.</p>
|
|
538
|
+
</div>
|
|
539
|
+
</td>
|
|
540
|
+
</tr>
|
|
541
|
+
</tbody>
|
|
542
|
+
</table>
|
|
543
|
+
</section>
|
|
2259
544
|
|
|
2260
545
|
|
|
2261
|
-
</tr>
|
|
2262
|
-
</tbody>
|
|
2263
|
-
</table>
|
|
2264
|
-
</div>
|
|
2265
|
-
<div class="io-description">
|
|
2266
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2267
546
|
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
</tr>
|
|
2274
|
-
</tbody>
|
|
2275
|
-
</table>
|
|
547
|
+
<section data-compodoc="block-methods">
|
|
548
|
+
|
|
549
|
+
<h3 id="methods">
|
|
550
|
+
Methods
|
|
551
|
+
</h3>
|
|
2276
552
|
<table class="table table-sm table-bordered">
|
|
2277
553
|
<tbody>
|
|
2278
554
|
<tr>
|
|
2279
555
|
<td class="col-md-4">
|
|
2280
556
|
<a name="registerOnChange"></a>
|
|
2281
557
|
<span class="name">
|
|
2282
|
-
<span class="modifier">Public</span>
|
|
2283
558
|
<span ><b>registerOnChange</b></span>
|
|
2284
559
|
<a href="#registerOnChange"><span class="icon ion-ios-link"></span></a>
|
|
2285
560
|
</span>
|
|
@@ -2287,8 +562,7 @@ Updates selected items, emits changes.</p>
|
|
|
2287
562
|
</tr>
|
|
2288
563
|
<tr>
|
|
2289
564
|
<td class="col-md-4">
|
|
2290
|
-
|
|
2291
|
-
<code>registerOnChange(fn: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
|
|
565
|
+
<code>registerOnChange(fn: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
|
|
2292
566
|
</td>
|
|
2293
567
|
</tr>
|
|
2294
568
|
|
|
@@ -2345,7 +619,6 @@ Required by ControlValueAccessor.</p>
|
|
|
2345
619
|
<td class="col-md-4">
|
|
2346
620
|
<a name="registerOnTouched"></a>
|
|
2347
621
|
<span class="name">
|
|
2348
|
-
<span class="modifier">Public</span>
|
|
2349
622
|
<span ><b>registerOnTouched</b></span>
|
|
2350
623
|
<a href="#registerOnTouched"><span class="icon ion-ios-link"></span></a>
|
|
2351
624
|
</span>
|
|
@@ -2353,8 +626,7 @@ Required by ControlValueAccessor.</p>
|
|
|
2353
626
|
</tr>
|
|
2354
627
|
<tr>
|
|
2355
628
|
<td class="col-md-4">
|
|
2356
|
-
|
|
2357
|
-
<code>registerOnTouched(fn: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
|
|
629
|
+
<code>registerOnTouched(fn: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
|
|
2358
630
|
</td>
|
|
2359
631
|
</tr>
|
|
2360
632
|
|
|
@@ -2411,7 +683,6 @@ Required by ControlValueAccessor.</p>
|
|
|
2411
683
|
<td class="col-md-4">
|
|
2412
684
|
<a name="setDisabledState"></a>
|
|
2413
685
|
<span class="name">
|
|
2414
|
-
<span class="modifier">Public</span>
|
|
2415
686
|
<span ><b>setDisabledState</b></span>
|
|
2416
687
|
<a href="#setDisabledState"><span class="icon ion-ios-link"></span></a>
|
|
2417
688
|
</span>
|
|
@@ -2419,8 +690,7 @@ Required by ControlValueAccessor.</p>
|
|
|
2419
690
|
</tr>
|
|
2420
691
|
<tr>
|
|
2421
692
|
<td class="col-md-4">
|
|
2422
|
-
|
|
2423
|
-
<code>setDisabledState(isDisabled: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
|
|
693
|
+
<code>setDisabledState(isDisabled: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
|
|
2424
694
|
</td>
|
|
2425
695
|
</tr>
|
|
2426
696
|
|
|
@@ -2477,7 +747,6 @@ Required by ControlValueAccessor.</p>
|
|
|
2477
747
|
<td class="col-md-4">
|
|
2478
748
|
<a name="writeValue"></a>
|
|
2479
749
|
<span class="name">
|
|
2480
|
-
<span class="modifier">Public</span>
|
|
2481
750
|
<span ><b>writeValue</b></span>
|
|
2482
751
|
<a href="#writeValue"><span class="icon ion-ios-link"></span></a>
|
|
2483
752
|
</span>
|
|
@@ -2485,8 +754,7 @@ Required by ControlValueAccessor.</p>
|
|
|
2485
754
|
</tr>
|
|
2486
755
|
<tr>
|
|
2487
756
|
<td class="col-md-4">
|
|
2488
|
-
|
|
2489
|
-
<code>writeValue(values: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
|
|
757
|
+
<code>writeValue(values: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
|
|
2490
758
|
</td>
|
|
2491
759
|
</tr>
|
|
2492
760
|
|
|
@@ -2526,265 +794,94 @@ Required by ControlValueAccessor.</p>
|
|
|
2526
794
|
</tbody>
|
|
2527
795
|
</table>
|
|
2528
796
|
</div>
|
|
2529
|
-
<div class="io-description">
|
|
2530
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2531
|
-
|
|
2532
|
-
</div>
|
|
2533
|
-
<div class="io-description">
|
|
2534
|
-
|
|
2535
|
-
</div>
|
|
2536
|
-
</td>
|
|
2537
|
-
</tr>
|
|
2538
|
-
</tbody>
|
|
2539
|
-
</table>
|
|
2540
|
-
<table class="table table-sm table-bordered">
|
|
2541
|
-
<tbody>
|
|
2542
|
-
<tr>
|
|
2543
|
-
<td class="col-md-4">
|
|
2544
|
-
<a name="getCssClasses"></a>
|
|
2545
|
-
<span class="name">
|
|
2546
|
-
<span ><b>getCssClasses</b></span>
|
|
2547
|
-
<a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
|
|
2548
|
-
</span>
|
|
2549
|
-
</td>
|
|
2550
|
-
</tr>
|
|
2551
|
-
<tr>
|
|
2552
|
-
<td class="col-md-4">
|
|
2553
|
-
<code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
|
|
2554
|
-
</td>
|
|
2555
|
-
</tr>
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
<tr>
|
|
2561
|
-
<td class="col-md-4">
|
|
2562
|
-
|
|
2563
|
-
<div class="io-description">
|
|
2564
|
-
<b>Parameters :</b>
|
|
2565
|
-
|
|
2566
|
-
<table class="params">
|
|
2567
|
-
<thead>
|
|
2568
|
-
<tr>
|
|
2569
|
-
<td>Name</td>
|
|
2570
|
-
<td>Type</td>
|
|
2571
|
-
<td>Optional</td>
|
|
2572
|
-
</tr>
|
|
2573
|
-
</thead>
|
|
2574
|
-
<tbody>
|
|
2575
|
-
<tr>
|
|
2576
|
-
<td>rootClass</td>
|
|
2577
|
-
<td>
|
|
2578
|
-
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
2579
|
-
</td>
|
|
2580
|
-
|
|
2581
|
-
<td>
|
|
2582
|
-
No
|
|
2583
|
-
</td>
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
</tr>
|
|
2587
|
-
</tbody>
|
|
2588
|
-
</table>
|
|
2589
|
-
</div>
|
|
2590
|
-
<div class="io-description">
|
|
2591
|
-
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
2592
|
-
|
|
2593
|
-
</div>
|
|
2594
|
-
<div class="io-description">
|
|
2595
|
-
|
|
2596
|
-
</div>
|
|
2597
|
-
</td>
|
|
2598
|
-
</tr>
|
|
2599
|
-
</tbody>
|
|
2600
|
-
</table>
|
|
2601
|
-
</section>
|
|
2602
|
-
|
|
2603
|
-
<section data-compodoc="block-properties">
|
|
2604
|
-
|
|
2605
|
-
<h3 id="inputs">
|
|
2606
|
-
Properties
|
|
2607
|
-
</h3>
|
|
2608
|
-
<table class="table table-sm table-bordered">
|
|
2609
|
-
<tbody>
|
|
2610
|
-
<tr>
|
|
2611
|
-
<td class="col-md-4">
|
|
2612
|
-
<a name="ariaDescribedby"></a>
|
|
2613
|
-
<span class="name">
|
|
2614
|
-
<span ><b>ariaDescribedby</b></span>
|
|
2615
|
-
<a href="#ariaDescribedby"><span class="icon ion-ios-link"></span></a>
|
|
2616
|
-
</span>
|
|
2617
|
-
</td>
|
|
2618
|
-
</tr>
|
|
2619
|
-
<tr>
|
|
2620
|
-
<td class="col-md-4">
|
|
2621
|
-
<i>Type : </i> <code>string | undefined</code>
|
|
2622
|
-
|
|
2623
|
-
</td>
|
|
2624
|
-
</tr>
|
|
2625
|
-
<tr>
|
|
2626
|
-
<td class="col-md-4">
|
|
2627
|
-
<i>Default value : </i><code>undefined</code>
|
|
2628
|
-
</td>
|
|
2629
|
-
</tr>
|
|
2630
|
-
|
|
2631
|
-
<tr>
|
|
2632
|
-
<td class="col-md-4">
|
|
2633
|
-
<div class="io-description"><p>Optional ARIA description used for accessibility purposes.</p>
|
|
2634
|
-
</div>
|
|
2635
|
-
</td>
|
|
2636
|
-
</tr>
|
|
2637
|
-
|
|
2638
|
-
</tbody>
|
|
2639
|
-
</table>
|
|
2640
|
-
<table class="table table-sm table-bordered">
|
|
2641
|
-
<tbody>
|
|
2642
|
-
<tr>
|
|
2643
|
-
<td class="col-md-4">
|
|
2644
|
-
<a name="clearAllBtn"></a>
|
|
2645
|
-
<span class="name">
|
|
2646
|
-
<span class="modifier">Readonly</span>
|
|
2647
|
-
<span ><b>clearAllBtn</b></span>
|
|
2648
|
-
<a href="#clearAllBtn"><span class="icon ion-ios-link"></span></a>
|
|
2649
|
-
</span>
|
|
2650
|
-
</td>
|
|
2651
|
-
</tr>
|
|
2652
|
-
<tr>
|
|
2653
|
-
<td class="col-md-4">
|
|
2654
|
-
<i>Type : </i> <code>unknown</code>
|
|
2655
|
-
|
|
2656
|
-
</td>
|
|
2657
|
-
</tr>
|
|
2658
|
-
<tr>
|
|
2659
|
-
<td class="col-md-4">
|
|
2660
|
-
<i>Default value : </i><code>viewChild('clearAllBtn', { read: ElementRef })</code>
|
|
2661
|
-
</td>
|
|
2662
|
-
</tr>
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
</tbody>
|
|
2666
|
-
</table>
|
|
2667
|
-
<table class="table table-sm table-bordered">
|
|
2668
|
-
<tbody>
|
|
2669
|
-
<tr>
|
|
2670
|
-
<td class="col-md-4">
|
|
2671
|
-
<a name="closeBtn"></a>
|
|
2672
|
-
<span class="name">
|
|
2673
|
-
<span class="modifier">Readonly</span>
|
|
2674
|
-
<span ><b>closeBtn</b></span>
|
|
2675
|
-
<a href="#closeBtn"><span class="icon ion-ios-link"></span></a>
|
|
2676
|
-
</span>
|
|
2677
|
-
</td>
|
|
2678
|
-
</tr>
|
|
2679
|
-
<tr>
|
|
2680
|
-
<td class="col-md-4">
|
|
2681
|
-
<i>Type : </i> <code>unknown</code>
|
|
2682
|
-
|
|
2683
|
-
</td>
|
|
2684
|
-
</tr>
|
|
2685
|
-
<tr>
|
|
2686
|
-
<td class="col-md-4">
|
|
2687
|
-
<i>Default value : </i><code>viewChild('closeBtn', { read: ElementRef })</code>
|
|
2688
|
-
</td>
|
|
2689
|
-
</tr>
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
</tbody>
|
|
2693
|
-
</table>
|
|
2694
|
-
<table class="table table-sm table-bordered">
|
|
2695
|
-
<tbody>
|
|
2696
|
-
<tr>
|
|
2697
|
-
<td class="col-md-4">
|
|
2698
|
-
<a name="counterLabel"></a>
|
|
2699
|
-
<span class="name">
|
|
2700
|
-
<span ><b>counterLabel</b></span>
|
|
2701
|
-
<a href="#counterLabel"><span class="icon ion-ios-link"></span></a>
|
|
2702
|
-
</span>
|
|
2703
|
-
</td>
|
|
2704
|
-
</tr>
|
|
2705
|
-
<tr>
|
|
2706
|
-
<td class="col-md-4">
|
|
2707
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
2708
|
-
|
|
2709
|
-
</td>
|
|
2710
|
-
</tr>
|
|
2711
|
-
<tr>
|
|
2712
|
-
<td class="col-md-4">
|
|
2713
|
-
<i>Default value : </i><code>'ecl.multiselect.SELECTED'</code>
|
|
2714
|
-
</td>
|
|
2715
|
-
</tr>
|
|
797
|
+
<div class="io-description">
|
|
798
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2716
799
|
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
</div>
|
|
800
|
+
</div>
|
|
801
|
+
<div class="io-description">
|
|
802
|
+
|
|
803
|
+
</div>
|
|
2721
804
|
</td>
|
|
2722
805
|
</tr>
|
|
2723
|
-
|
|
2724
806
|
</tbody>
|
|
2725
807
|
</table>
|
|
2726
808
|
<table class="table table-sm table-bordered">
|
|
2727
809
|
<tbody>
|
|
2728
810
|
<tr>
|
|
2729
811
|
<td class="col-md-4">
|
|
2730
|
-
<a name="
|
|
812
|
+
<a name="getCssClasses"></a>
|
|
2731
813
|
<span class="name">
|
|
2732
|
-
|
|
2733
|
-
<span
|
|
2734
|
-
<a href="#eclMultiselectInput"><span class="icon ion-ios-link"></span></a>
|
|
814
|
+
<span ><b>getCssClasses</b></span>
|
|
815
|
+
<a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
|
|
2735
816
|
</span>
|
|
2736
817
|
</td>
|
|
2737
818
|
</tr>
|
|
2738
|
-
<tr>
|
|
2739
|
-
<td class="col-md-4">
|
|
2740
|
-
<i>Type : </i> <code>unknown</code>
|
|
2741
|
-
|
|
2742
|
-
</td>
|
|
2743
|
-
</tr>
|
|
2744
|
-
<tr>
|
|
2745
|
-
<td class="col-md-4">
|
|
2746
|
-
<i>Default value : </i><code>viewChild<EclMultiselectInputComponent>('eclMultiselectInput')</code>
|
|
2747
|
-
</td>
|
|
2748
|
-
</tr>
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
</tbody>
|
|
2752
|
-
</table>
|
|
2753
|
-
<table class="table table-sm table-bordered">
|
|
2754
|
-
<tbody>
|
|
2755
819
|
<tr>
|
|
2756
820
|
<td class="col-md-4">
|
|
2757
|
-
|
|
2758
|
-
<span class="name">
|
|
2759
|
-
<span ><b>form</b></span>
|
|
2760
|
-
<a href="#form"><span class="icon ion-ios-link"></span></a>
|
|
2761
|
-
</span>
|
|
821
|
+
<code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
|
|
2762
822
|
</td>
|
|
2763
823
|
</tr>
|
|
2764
|
-
<tr>
|
|
2765
|
-
<td class="col-md-4">
|
|
2766
|
-
<i>Type : </i> <code><a href="https://angular.dev/api/forms/FormGroup" target="_blank" >FormGroup</a></code>
|
|
2767
824
|
|
|
2768
|
-
|
|
2769
|
-
|
|
825
|
+
|
|
826
|
+
|
|
2770
827
|
|
|
2771
828
|
<tr>
|
|
2772
829
|
<td class="col-md-4">
|
|
2773
|
-
|
|
2774
|
-
|
|
830
|
+
|
|
831
|
+
<div class="io-description">
|
|
832
|
+
<b>Parameters :</b>
|
|
833
|
+
|
|
834
|
+
<table class="params">
|
|
835
|
+
<thead>
|
|
836
|
+
<tr>
|
|
837
|
+
<td>Name</td>
|
|
838
|
+
<td>Type</td>
|
|
839
|
+
<td>Optional</td>
|
|
840
|
+
</tr>
|
|
841
|
+
</thead>
|
|
842
|
+
<tbody>
|
|
843
|
+
<tr>
|
|
844
|
+
<td>rootClass</td>
|
|
845
|
+
<td>
|
|
846
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
847
|
+
</td>
|
|
848
|
+
|
|
849
|
+
<td>
|
|
850
|
+
No
|
|
851
|
+
</td>
|
|
852
|
+
|
|
853
|
+
|
|
854
|
+
</tr>
|
|
855
|
+
</tbody>
|
|
856
|
+
</table>
|
|
857
|
+
</div>
|
|
858
|
+
<div class="io-description">
|
|
859
|
+
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
860
|
+
|
|
861
|
+
</div>
|
|
862
|
+
<div class="io-description">
|
|
863
|
+
|
|
864
|
+
</div>
|
|
2775
865
|
</td>
|
|
2776
866
|
</tr>
|
|
2777
|
-
|
|
2778
867
|
</tbody>
|
|
2779
868
|
</table>
|
|
869
|
+
</section>
|
|
870
|
+
|
|
871
|
+
<section data-compodoc="block-properties">
|
|
872
|
+
|
|
873
|
+
<h3 id="inputs">
|
|
874
|
+
Properties
|
|
875
|
+
</h3>
|
|
2780
876
|
<table class="table table-sm table-bordered">
|
|
2781
877
|
<tbody>
|
|
2782
878
|
<tr>
|
|
2783
879
|
<td class="col-md-4">
|
|
2784
|
-
<a name="
|
|
880
|
+
<a name="ariaDescribedby"></a>
|
|
2785
881
|
<span class="name">
|
|
2786
|
-
|
|
2787
|
-
<
|
|
882
|
+
<span class="modifier">Readonly</span>
|
|
883
|
+
<span ><b>ariaDescribedby</b></span>
|
|
884
|
+
<a href="#ariaDescribedby"><span class="icon ion-ios-link"></span></a>
|
|
2788
885
|
</span>
|
|
2789
886
|
</td>
|
|
2790
887
|
</tr>
|
|
@@ -2796,13 +893,13 @@ Required by ControlValueAccessor.</p>
|
|
|
2796
893
|
</tr>
|
|
2797
894
|
<tr>
|
|
2798
895
|
<td class="col-md-4">
|
|
2799
|
-
<i>Default value : </i><code>
|
|
896
|
+
<i>Default value : </i><code>signal<string | undefined>(undefined)</code>
|
|
2800
897
|
</td>
|
|
2801
898
|
</tr>
|
|
2802
899
|
|
|
2803
900
|
<tr>
|
|
2804
901
|
<td class="col-md-4">
|
|
2805
|
-
<div class="io-description"><p>
|
|
902
|
+
<div class="io-description"><p>Optional ARIA description used for accessibility purposes.</p>
|
|
2806
903
|
</div>
|
|
2807
904
|
</td>
|
|
2808
905
|
</tr>
|
|
@@ -2813,10 +910,11 @@ Required by ControlValueAccessor.</p>
|
|
|
2813
910
|
<tbody>
|
|
2814
911
|
<tr>
|
|
2815
912
|
<td class="col-md-4">
|
|
2816
|
-
<a name="
|
|
913
|
+
<a name="counterLabel"></a>
|
|
2817
914
|
<span class="name">
|
|
2818
|
-
|
|
2819
|
-
<
|
|
915
|
+
<span class="modifier">Readonly</span>
|
|
916
|
+
<span ><b>counterLabel</b></span>
|
|
917
|
+
<a href="#counterLabel"><span class="icon ion-ios-link"></span></a>
|
|
2820
918
|
</span>
|
|
2821
919
|
</td>
|
|
2822
920
|
</tr>
|
|
@@ -2828,13 +926,13 @@ Required by ControlValueAccessor.</p>
|
|
|
2828
926
|
</tr>
|
|
2829
927
|
<tr>
|
|
2830
928
|
<td class="col-md-4">
|
|
2831
|
-
<i>Default value : </i><code>
|
|
929
|
+
<i>Default value : </i><code>signal('ecl.multiselect.SELECTED')</code>
|
|
2832
930
|
</td>
|
|
2833
931
|
</tr>
|
|
2834
932
|
|
|
2835
933
|
<tr>
|
|
2836
934
|
<td class="col-md-4">
|
|
2837
|
-
<div class="io-description"><p>
|
|
935
|
+
<div class="io-description"><p>Label for the selections counter, read by screen readers.</p>
|
|
2838
936
|
</div>
|
|
2839
937
|
</td>
|
|
2840
938
|
</tr>
|
|
@@ -2845,28 +943,30 @@ Required by ControlValueAccessor.</p>
|
|
|
2845
943
|
<tbody>
|
|
2846
944
|
<tr>
|
|
2847
945
|
<td class="col-md-4">
|
|
2848
|
-
<a name="
|
|
946
|
+
<a name="disabled"></a>
|
|
2849
947
|
<span class="name">
|
|
2850
|
-
|
|
2851
|
-
<
|
|
948
|
+
<span class="modifier">Readonly</span>
|
|
949
|
+
<span ><b>disabled</b></span>
|
|
950
|
+
<a href="#disabled"><span class="icon ion-ios-link"></span></a>
|
|
2852
951
|
</span>
|
|
2853
952
|
</td>
|
|
2854
953
|
</tr>
|
|
2855
954
|
<tr>
|
|
2856
955
|
<td class="col-md-4">
|
|
2857
|
-
<i>Type : </i>
|
|
956
|
+
<i>Type : </i> <code>unknown</code>
|
|
2858
957
|
|
|
2859
958
|
</td>
|
|
2860
959
|
</tr>
|
|
2861
960
|
<tr>
|
|
2862
961
|
<td class="col-md-4">
|
|
2863
|
-
<i>Default value : </i><code
|
|
962
|
+
<i>Default value : </i><code>signal<boolean | undefined>(undefined)</code>
|
|
2864
963
|
</td>
|
|
2865
964
|
</tr>
|
|
2866
965
|
|
|
2867
966
|
<tr>
|
|
2868
967
|
<td class="col-md-4">
|
|
2869
|
-
<div class="io-description"><p>
|
|
968
|
+
<div class="io-description"><p>Disables the component when true.
|
|
969
|
+
Set by the parent and by <code>ControlValueAccessor.setDisabledState</code>.</p>
|
|
2870
970
|
</div>
|
|
2871
971
|
</td>
|
|
2872
972
|
</tr>
|
|
@@ -2877,10 +977,11 @@ Required by ControlValueAccessor.</p>
|
|
|
2877
977
|
<tbody>
|
|
2878
978
|
<tr>
|
|
2879
979
|
<td class="col-md-4">
|
|
2880
|
-
<a name="
|
|
980
|
+
<a name="eclSize"></a>
|
|
2881
981
|
<span class="name">
|
|
2882
|
-
|
|
2883
|
-
<
|
|
982
|
+
<span class="modifier">Readonly</span>
|
|
983
|
+
<span ><b>eclSize</b></span>
|
|
984
|
+
<a href="#eclSize"><span class="icon ion-ios-link"></span></a>
|
|
2884
985
|
</span>
|
|
2885
986
|
</td>
|
|
2886
987
|
</tr>
|
|
@@ -2892,13 +993,13 @@ Required by ControlValueAccessor.</p>
|
|
|
2892
993
|
</tr>
|
|
2893
994
|
<tr>
|
|
2894
995
|
<td class="col-md-4">
|
|
2895
|
-
<i>Default value : </i><code>
|
|
996
|
+
<i>Default value : </i><code>signal('m')</code>
|
|
2896
997
|
</td>
|
|
2897
998
|
</tr>
|
|
2898
999
|
|
|
2899
1000
|
<tr>
|
|
2900
1001
|
<td class="col-md-4">
|
|
2901
|
-
<div class="io-description"><p>
|
|
1002
|
+
<div class="io-description"><p>Size of the multiselect dropdown (e.g., 'm', 'l').</p>
|
|
2902
1003
|
</div>
|
|
2903
1004
|
</td>
|
|
2904
1005
|
</tr>
|
|
@@ -2909,10 +1010,11 @@ Required by ControlValueAccessor.</p>
|
|
|
2909
1010
|
<tbody>
|
|
2910
1011
|
<tr>
|
|
2911
1012
|
<td class="col-md-4">
|
|
2912
|
-
<a name="
|
|
1013
|
+
<a name="hasSearchBox"></a>
|
|
2913
1014
|
<span class="name">
|
|
2914
|
-
|
|
2915
|
-
<
|
|
1015
|
+
<span class="modifier">Readonly</span>
|
|
1016
|
+
<span ><b>hasSearchBox</b></span>
|
|
1017
|
+
<a href="#hasSearchBox"><span class="icon ion-ios-link"></span></a>
|
|
2916
1018
|
</span>
|
|
2917
1019
|
</td>
|
|
2918
1020
|
</tr>
|
|
@@ -2924,13 +1026,13 @@ Required by ControlValueAccessor.</p>
|
|
|
2924
1026
|
</tr>
|
|
2925
1027
|
<tr>
|
|
2926
1028
|
<td class="col-md-4">
|
|
2927
|
-
<i>Default value : </i><code>
|
|
1029
|
+
<i>Default value : </i><code>signal(true)</code>
|
|
2928
1030
|
</td>
|
|
2929
1031
|
</tr>
|
|
2930
1032
|
|
|
2931
1033
|
<tr>
|
|
2932
1034
|
<td class="col-md-4">
|
|
2933
|
-
<div class="io-description"><p>
|
|
1035
|
+
<div class="io-description"><p>Enables the search box in the dropdown interface.</p>
|
|
2934
1036
|
</div>
|
|
2935
1037
|
</td>
|
|
2936
1038
|
</tr>
|
|
@@ -2941,10 +1043,11 @@ Required by ControlValueAccessor.</p>
|
|
|
2941
1043
|
<tbody>
|
|
2942
1044
|
<tr>
|
|
2943
1045
|
<td class="col-md-4">
|
|
2944
|
-
<a name="
|
|
1046
|
+
<a name="hasSelectAll"></a>
|
|
2945
1047
|
<span class="name">
|
|
2946
|
-
|
|
2947
|
-
<
|
|
1048
|
+
<span class="modifier">Readonly</span>
|
|
1049
|
+
<span ><b>hasSelectAll</b></span>
|
|
1050
|
+
<a href="#hasSelectAll"><span class="icon ion-ios-link"></span></a>
|
|
2948
1051
|
</span>
|
|
2949
1052
|
</td>
|
|
2950
1053
|
</tr>
|
|
@@ -2956,13 +1059,13 @@ Required by ControlValueAccessor.</p>
|
|
|
2956
1059
|
</tr>
|
|
2957
1060
|
<tr>
|
|
2958
1061
|
<td class="col-md-4">
|
|
2959
|
-
<i>Default value : </i><code>
|
|
1062
|
+
<i>Default value : </i><code>signal(true)</code>
|
|
2960
1063
|
</td>
|
|
2961
1064
|
</tr>
|
|
2962
1065
|
|
|
2963
1066
|
<tr>
|
|
2964
1067
|
<td class="col-md-4">
|
|
2965
|
-
<div class="io-description"><p>
|
|
1068
|
+
<div class="io-description"><p>Displays the "Select all" checkbox above the list of options.</p>
|
|
2966
1069
|
</div>
|
|
2967
1070
|
</td>
|
|
2968
1071
|
</tr>
|
|
@@ -2973,10 +1076,11 @@ Required by ControlValueAccessor.</p>
|
|
|
2973
1076
|
<tbody>
|
|
2974
1077
|
<tr>
|
|
2975
1078
|
<td class="col-md-4">
|
|
2976
|
-
<a name="
|
|
1079
|
+
<a name="id"></a>
|
|
2977
1080
|
<span class="name">
|
|
2978
|
-
|
|
2979
|
-
<
|
|
1081
|
+
<span class="modifier">Readonly</span>
|
|
1082
|
+
<span ><b>id</b></span>
|
|
1083
|
+
<a href="#id"><span class="icon ion-ios-link"></span></a>
|
|
2980
1084
|
</span>
|
|
2981
1085
|
</td>
|
|
2982
1086
|
</tr>
|
|
@@ -2988,14 +1092,13 @@ Required by ControlValueAccessor.</p>
|
|
|
2988
1092
|
</tr>
|
|
2989
1093
|
<tr>
|
|
2990
1094
|
<td class="col-md-4">
|
|
2991
|
-
<i>Default value : </i><code>
|
|
1095
|
+
<i>Default value : </i><code>signal('')</code>
|
|
2992
1096
|
</td>
|
|
2993
1097
|
</tr>
|
|
2994
1098
|
|
|
2995
1099
|
<tr>
|
|
2996
1100
|
<td class="col-md-4">
|
|
2997
|
-
<div class="io-description"><p>
|
|
2998
|
-
Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
1101
|
+
<div class="io-description"><p>Optional identifier used for the dropdown element.</p>
|
|
2999
1102
|
</div>
|
|
3000
1103
|
</td>
|
|
3001
1104
|
</tr>
|
|
@@ -3006,10 +1109,11 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3006
1109
|
<tbody>
|
|
3007
1110
|
<tr>
|
|
3008
1111
|
<td class="col-md-4">
|
|
3009
|
-
<a name="
|
|
1112
|
+
<a name="isInvalid"></a>
|
|
3010
1113
|
<span class="name">
|
|
3011
|
-
|
|
3012
|
-
<
|
|
1114
|
+
<span class="modifier">Readonly</span>
|
|
1115
|
+
<span ><b>isInvalid</b></span>
|
|
1116
|
+
<a href="#isInvalid"><span class="icon ion-ios-link"></span></a>
|
|
3013
1117
|
</span>
|
|
3014
1118
|
</td>
|
|
3015
1119
|
</tr>
|
|
@@ -3021,13 +1125,15 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3021
1125
|
</tr>
|
|
3022
1126
|
<tr>
|
|
3023
1127
|
<td class="col-md-4">
|
|
3024
|
-
<i>Default value : </i><code>signal(
|
|
1128
|
+
<i>Default value : </i><code>signal<boolean | undefined>(undefined)</code>
|
|
3025
1129
|
</td>
|
|
3026
1130
|
</tr>
|
|
3027
1131
|
|
|
3028
1132
|
<tr>
|
|
3029
1133
|
<td class="col-md-4">
|
|
3030
|
-
<div class="io-description"><p>
|
|
1134
|
+
<div class="io-description"><p>State configured imperatively by the parent <code>EclMultiselectComponent</code>.
|
|
1135
|
+
This dropdown is created dynamically and is never bound in a template, so these
|
|
1136
|
+
are writable signals set through their <code>.set()</code> accessor rather than inputs.</p>
|
|
3031
1137
|
</div>
|
|
3032
1138
|
</td>
|
|
3033
1139
|
</tr>
|
|
@@ -3038,41 +1144,11 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3038
1144
|
<tbody>
|
|
3039
1145
|
<tr>
|
|
3040
1146
|
<td class="col-md-4">
|
|
3041
|
-
<a name="
|
|
3042
|
-
<span class="name">
|
|
3043
|
-
<span class="modifier"></span>
|
|
3044
|
-
<span ><b>multiOptionComponents</b></span>
|
|
3045
|
-
<a href="#multiOptionComponents"><span class="icon ion-ios-link"></span></a>
|
|
3046
|
-
</span>
|
|
3047
|
-
</td>
|
|
3048
|
-
</tr>
|
|
3049
|
-
<tr>
|
|
3050
|
-
<td class="col-md-4">
|
|
3051
|
-
<i>Type : </i> <code><a href="../interfaces/EclMultiselectOption.html" target="_self" >QueryList<EclMultiselectOptionComponent></a></code>
|
|
3052
|
-
|
|
3053
|
-
</td>
|
|
3054
|
-
</tr>
|
|
3055
|
-
<tr>
|
|
3056
|
-
<td class="col-md-4">
|
|
3057
|
-
<b>Decorators : </b>
|
|
3058
|
-
<br />
|
|
3059
|
-
<code>
|
|
3060
|
-
@ViewChildren(EclMultiselectOptionComponent)<br />
|
|
3061
|
-
</code>
|
|
3062
|
-
</td>
|
|
3063
|
-
</tr>
|
|
3064
|
-
|
|
3065
|
-
|
|
3066
|
-
</tbody>
|
|
3067
|
-
</table>
|
|
3068
|
-
<table class="table table-sm table-bordered">
|
|
3069
|
-
<tbody>
|
|
3070
|
-
<tr>
|
|
3071
|
-
<td class="col-md-4">
|
|
3072
|
-
<a name="multiOptionDirectives"></a>
|
|
1147
|
+
<a name="isSubmitOnApply"></a>
|
|
3073
1148
|
<span class="name">
|
|
3074
|
-
|
|
3075
|
-
<
|
|
1149
|
+
<span class="modifier">Readonly</span>
|
|
1150
|
+
<span ><b>isSubmitOnApply</b></span>
|
|
1151
|
+
<a href="#isSubmitOnApply"><span class="icon ion-ios-link"></span></a>
|
|
3076
1152
|
</span>
|
|
3077
1153
|
</td>
|
|
3078
1154
|
</tr>
|
|
@@ -3084,13 +1160,13 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3084
1160
|
</tr>
|
|
3085
1161
|
<tr>
|
|
3086
1162
|
<td class="col-md-4">
|
|
3087
|
-
<i>Default value : </i><code>signal
|
|
1163
|
+
<i>Default value : </i><code>signal(false)</code>
|
|
3088
1164
|
</td>
|
|
3089
1165
|
</tr>
|
|
3090
1166
|
|
|
3091
1167
|
<tr>
|
|
3092
1168
|
<td class="col-md-4">
|
|
3093
|
-
<div class="io-description"><p>
|
|
1169
|
+
<div class="io-description"><p>When true, the Apply button acts as a submit button (type="submit") instead of a regular button.</p>
|
|
3094
1170
|
</div>
|
|
3095
1171
|
</td>
|
|
3096
1172
|
</tr>
|
|
@@ -3101,28 +1177,29 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3101
1177
|
<tbody>
|
|
3102
1178
|
<tr>
|
|
3103
1179
|
<td class="col-md-4">
|
|
3104
|
-
<a name="
|
|
1180
|
+
<a name="mainInputPlaceholder"></a>
|
|
3105
1181
|
<span class="name">
|
|
3106
|
-
|
|
3107
|
-
<
|
|
1182
|
+
<span class="modifier">Readonly</span>
|
|
1183
|
+
<span ><b>mainInputPlaceholder</b></span>
|
|
1184
|
+
<a href="#mainInputPlaceholder"><span class="icon ion-ios-link"></span></a>
|
|
3108
1185
|
</span>
|
|
3109
1186
|
</td>
|
|
3110
1187
|
</tr>
|
|
3111
1188
|
<tr>
|
|
3112
1189
|
<td class="col-md-4">
|
|
3113
|
-
<i>Type : </i>
|
|
1190
|
+
<i>Type : </i> <code>unknown</code>
|
|
3114
1191
|
|
|
3115
1192
|
</td>
|
|
3116
1193
|
</tr>
|
|
3117
1194
|
<tr>
|
|
3118
1195
|
<td class="col-md-4">
|
|
3119
|
-
<i>Default value : </i><code>
|
|
1196
|
+
<i>Default value : </i><code>signal('Select an item')</code>
|
|
3120
1197
|
</td>
|
|
3121
1198
|
</tr>
|
|
3122
1199
|
|
|
3123
1200
|
<tr>
|
|
3124
1201
|
<td class="col-md-4">
|
|
3125
|
-
<div class="io-description"><p>
|
|
1202
|
+
<div class="io-description"><p>Placeholder for the main multiselect input.</p>
|
|
3126
1203
|
</div>
|
|
3127
1204
|
</td>
|
|
3128
1205
|
</tr>
|
|
@@ -3133,11 +1210,10 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3133
1210
|
<tbody>
|
|
3134
1211
|
<tr>
|
|
3135
1212
|
<td class="col-md-4">
|
|
3136
|
-
<a name="
|
|
1213
|
+
<a name="multiOptionDirectives"></a>
|
|
3137
1214
|
<span class="name">
|
|
3138
|
-
|
|
3139
|
-
<span
|
|
3140
|
-
<a href="#searchInput"><span class="icon ion-ios-link"></span></a>
|
|
1215
|
+
<span ><b>multiOptionDirectives</b></span>
|
|
1216
|
+
<a href="#multiOptionDirectives"><span class="icon ion-ios-link"></span></a>
|
|
3141
1217
|
</span>
|
|
3142
1218
|
</td>
|
|
3143
1219
|
</tr>
|
|
@@ -3149,37 +1225,16 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3149
1225
|
</tr>
|
|
3150
1226
|
<tr>
|
|
3151
1227
|
<td class="col-md-4">
|
|
3152
|
-
<i>Default value : </i><code>
|
|
1228
|
+
<i>Default value : </i><code>signal<EclMultiselectOptionDirective[]>([])</code>
|
|
3153
1229
|
</td>
|
|
3154
1230
|
</tr>
|
|
3155
1231
|
|
|
3156
|
-
|
|
3157
|
-
</tbody>
|
|
3158
|
-
</table>
|
|
3159
|
-
<table class="table table-sm table-bordered">
|
|
3160
|
-
<tbody>
|
|
3161
1232
|
<tr>
|
|
3162
1233
|
<td class="col-md-4">
|
|
3163
|
-
<
|
|
3164
|
-
|
|
3165
|
-
<span class="modifier">Readonly</span>
|
|
3166
|
-
<span ><b>selectAllCheckbox</b></span>
|
|
3167
|
-
<a href="#selectAllCheckbox"><span class="icon ion-ios-link"></span></a>
|
|
3168
|
-
</span>
|
|
1234
|
+
<div class="io-description"><p>List of option directives currently rendered in the dropdown.</p>
|
|
1235
|
+
</div>
|
|
3169
1236
|
</td>
|
|
3170
1237
|
</tr>
|
|
3171
|
-
<tr>
|
|
3172
|
-
<td class="col-md-4">
|
|
3173
|
-
<i>Type : </i> <code>unknown</code>
|
|
3174
|
-
|
|
3175
|
-
</td>
|
|
3176
|
-
</tr>
|
|
3177
|
-
<tr>
|
|
3178
|
-
<td class="col-md-4">
|
|
3179
|
-
<i>Default value : </i><code>viewChild<ElementRef>('selectAllCheckbox')</code>
|
|
3180
|
-
</td>
|
|
3181
|
-
</tr>
|
|
3182
|
-
|
|
3183
1238
|
|
|
3184
1239
|
</tbody>
|
|
3185
1240
|
</table>
|
|
@@ -3187,10 +1242,11 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3187
1242
|
<tbody>
|
|
3188
1243
|
<tr>
|
|
3189
1244
|
<td class="col-md-4">
|
|
3190
|
-
<a name="
|
|
1245
|
+
<a name="searchFieldPlaceholder"></a>
|
|
3191
1246
|
<span class="name">
|
|
3192
|
-
|
|
3193
|
-
<
|
|
1247
|
+
<span class="modifier">Readonly</span>
|
|
1248
|
+
<span ><b>searchFieldPlaceholder</b></span>
|
|
1249
|
+
<a href="#searchFieldPlaceholder"><span class="icon ion-ios-link"></span></a>
|
|
3194
1250
|
</span>
|
|
3195
1251
|
</td>
|
|
3196
1252
|
</tr>
|
|
@@ -3202,13 +1258,13 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3202
1258
|
</tr>
|
|
3203
1259
|
<tr>
|
|
3204
1260
|
<td class="col-md-4">
|
|
3205
|
-
<i>Default value : </i><code>
|
|
1261
|
+
<i>Default value : </i><code>signal('Enter filter keyword')</code>
|
|
3206
1262
|
</td>
|
|
3207
1263
|
</tr>
|
|
3208
1264
|
|
|
3209
1265
|
<tr>
|
|
3210
1266
|
<td class="col-md-4">
|
|
3211
|
-
<div class="io-description"><p>
|
|
1267
|
+
<div class="io-description"><p>Placeholder for the search field input.</p>
|
|
3212
1268
|
</div>
|
|
3213
1269
|
</td>
|
|
3214
1270
|
</tr>
|
|
@@ -3221,6 +1277,7 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3221
1277
|
<td class="col-md-4">
|
|
3222
1278
|
<a name="toggleLabel"></a>
|
|
3223
1279
|
<span class="name">
|
|
1280
|
+
<span class="modifier">Readonly</span>
|
|
3224
1281
|
<span ><b>toggleLabel</b></span>
|
|
3225
1282
|
<a href="#toggleLabel"><span class="icon ion-ios-link"></span></a>
|
|
3226
1283
|
</span>
|
|
@@ -3228,13 +1285,13 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3228
1285
|
</tr>
|
|
3229
1286
|
<tr>
|
|
3230
1287
|
<td class="col-md-4">
|
|
3231
|
-
<i>Type : </i> <code>
|
|
1288
|
+
<i>Type : </i> <code>unknown</code>
|
|
3232
1289
|
|
|
3233
1290
|
</td>
|
|
3234
1291
|
</tr>
|
|
3235
1292
|
<tr>
|
|
3236
1293
|
<td class="col-md-4">
|
|
3237
|
-
<i>Default value : </i><code>undefined</code>
|
|
1294
|
+
<i>Default value : </i><code>signal<string | undefined>(undefined)</code>
|
|
3238
1295
|
</td>
|
|
3239
1296
|
</tr>
|
|
3240
1297
|
|
|
@@ -3249,175 +1306,6 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3249
1306
|
</table>
|
|
3250
1307
|
</section>
|
|
3251
1308
|
|
|
3252
|
-
<section data-compodoc="block-accessors">
|
|
3253
|
-
<h3 id="accessors">
|
|
3254
|
-
Accessors
|
|
3255
|
-
</h3>
|
|
3256
|
-
<table class="table table-sm table-bordered">
|
|
3257
|
-
<tbody>
|
|
3258
|
-
<tr>
|
|
3259
|
-
<td class="col-md-4">
|
|
3260
|
-
<a name="isInvalid"></a>
|
|
3261
|
-
<span class="name"><b>isInvalid</b><a href="#isInvalid"><span class="icon ion-ios-link"></span></a></span>
|
|
3262
|
-
</td>
|
|
3263
|
-
</tr>
|
|
3264
|
-
|
|
3265
|
-
<tr>
|
|
3266
|
-
<td class="col-md-4">
|
|
3267
|
-
<span class="accessor"><b>get</b><code>isInvalid()</code></span>
|
|
3268
|
-
</td>
|
|
3269
|
-
</tr>
|
|
3270
|
-
<tr>
|
|
3271
|
-
<td class="col-md-4">
|
|
3272
|
-
<div class="io-description"><p>Marks the component as visually invalid.</p>
|
|
3273
|
-
</div>
|
|
3274
|
-
|
|
3275
|
-
<div class="io-description">
|
|
3276
|
-
<b>Returns : </b> <code>boolean | undefined</code>
|
|
3277
|
-
|
|
3278
|
-
</div>
|
|
3279
|
-
</td>
|
|
3280
|
-
</tr>
|
|
3281
|
-
|
|
3282
|
-
<tr>
|
|
3283
|
-
<td class="col-md-4">
|
|
3284
|
-
<span class="accessor"><b>set</b><code>isInvalid(value: boolean | undefined)</code></span>
|
|
3285
|
-
</td>
|
|
3286
|
-
</tr>
|
|
3287
|
-
<tr>
|
|
3288
|
-
<td class="col-md-4">
|
|
3289
|
-
|
|
3290
|
-
<div class="io-description">
|
|
3291
|
-
<b>Parameters :</b>
|
|
3292
|
-
<table class="params">
|
|
3293
|
-
<thead>
|
|
3294
|
-
<tr>
|
|
3295
|
-
<td>Name</td>
|
|
3296
|
-
<td>Type</td>
|
|
3297
|
-
<td>Optional</td>
|
|
3298
|
-
</tr>
|
|
3299
|
-
</thead>
|
|
3300
|
-
<tbody>
|
|
3301
|
-
<tr>
|
|
3302
|
-
<td>value</td>
|
|
3303
|
-
|
|
3304
|
-
<td>
|
|
3305
|
-
<code>boolean | undefined</code>
|
|
3306
|
-
</td>
|
|
3307
|
-
|
|
3308
|
-
<td>
|
|
3309
|
-
No
|
|
3310
|
-
</td>
|
|
3311
|
-
|
|
3312
|
-
</tr>
|
|
3313
|
-
</tbody>
|
|
3314
|
-
</table>
|
|
3315
|
-
</div>
|
|
3316
|
-
<div class="io-description">
|
|
3317
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
3318
|
-
|
|
3319
|
-
</div>
|
|
3320
|
-
</td>
|
|
3321
|
-
</tr>
|
|
3322
|
-
</tbody>
|
|
3323
|
-
</table>
|
|
3324
|
-
<table class="table table-sm table-bordered">
|
|
3325
|
-
<tbody>
|
|
3326
|
-
<tr>
|
|
3327
|
-
<td class="col-md-4">
|
|
3328
|
-
<a name="cssClasses"></a>
|
|
3329
|
-
<span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
|
|
3330
|
-
</td>
|
|
3331
|
-
</tr>
|
|
3332
|
-
|
|
3333
|
-
<tr>
|
|
3334
|
-
<td class="col-md-4">
|
|
3335
|
-
<span class="accessor"><b>get</b><code>cssClasses()</code></span>
|
|
3336
|
-
</td>
|
|
3337
|
-
</tr>
|
|
3338
|
-
<tr>
|
|
3339
|
-
<td class="col-md-4">
|
|
3340
|
-
<div class="io-description"><p>Adds the ECL base CSS class for multiselect dropdowns.</p>
|
|
3341
|
-
</div>
|
|
3342
|
-
|
|
3343
|
-
<div class="io-description">
|
|
3344
|
-
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
3345
|
-
|
|
3346
|
-
</div>
|
|
3347
|
-
</td>
|
|
3348
|
-
</tr>
|
|
3349
|
-
|
|
3350
|
-
</tbody>
|
|
3351
|
-
</table>
|
|
3352
|
-
<table class="table table-sm table-bordered">
|
|
3353
|
-
<tbody>
|
|
3354
|
-
<tr>
|
|
3355
|
-
<td class="col-md-4">
|
|
3356
|
-
<a name="disabled"></a>
|
|
3357
|
-
<span class="name"><b>disabled</b><a href="#disabled"><span class="icon ion-ios-link"></span></a></span>
|
|
3358
|
-
</td>
|
|
3359
|
-
</tr>
|
|
3360
|
-
|
|
3361
|
-
<tr>
|
|
3362
|
-
<td class="col-md-4">
|
|
3363
|
-
<span class="accessor"><b>get</b><code>disabled()</code></span>
|
|
3364
|
-
</td>
|
|
3365
|
-
</tr>
|
|
3366
|
-
<tr>
|
|
3367
|
-
<td class="col-md-4">
|
|
3368
|
-
<div class="io-description"><p>Disables the component when true.</p>
|
|
3369
|
-
</div>
|
|
3370
|
-
|
|
3371
|
-
<div class="io-description">
|
|
3372
|
-
<b>Returns : </b> <code>boolean | undefined</code>
|
|
3373
|
-
|
|
3374
|
-
</div>
|
|
3375
|
-
</td>
|
|
3376
|
-
</tr>
|
|
3377
|
-
|
|
3378
|
-
<tr>
|
|
3379
|
-
<td class="col-md-4">
|
|
3380
|
-
<span class="accessor"><b>set</b><code>disabled(value: boolean | undefined)</code></span>
|
|
3381
|
-
</td>
|
|
3382
|
-
</tr>
|
|
3383
|
-
<tr>
|
|
3384
|
-
<td class="col-md-4">
|
|
3385
|
-
|
|
3386
|
-
<div class="io-description">
|
|
3387
|
-
<b>Parameters :</b>
|
|
3388
|
-
<table class="params">
|
|
3389
|
-
<thead>
|
|
3390
|
-
<tr>
|
|
3391
|
-
<td>Name</td>
|
|
3392
|
-
<td>Type</td>
|
|
3393
|
-
<td>Optional</td>
|
|
3394
|
-
</tr>
|
|
3395
|
-
</thead>
|
|
3396
|
-
<tbody>
|
|
3397
|
-
<tr>
|
|
3398
|
-
<td>value</td>
|
|
3399
|
-
|
|
3400
|
-
<td>
|
|
3401
|
-
<code>boolean | undefined</code>
|
|
3402
|
-
</td>
|
|
3403
|
-
|
|
3404
|
-
<td>
|
|
3405
|
-
No
|
|
3406
|
-
</td>
|
|
3407
|
-
|
|
3408
|
-
</tr>
|
|
3409
|
-
</tbody>
|
|
3410
|
-
</table>
|
|
3411
|
-
</div>
|
|
3412
|
-
<div class="io-description">
|
|
3413
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
3414
|
-
|
|
3415
|
-
</div>
|
|
3416
|
-
</td>
|
|
3417
|
-
</tr>
|
|
3418
|
-
</tbody>
|
|
3419
|
-
</table>
|
|
3420
|
-
</section>
|
|
3421
1309
|
</div>
|
|
3422
1310
|
|
|
3423
1311
|
|
|
@@ -3432,7 +1320,7 @@ Always visible when isSubmitOnApply is true so the user can submit the form.</p>
|
|
|
3432
1320
|
<script src="../js/libs/htmlparser.js"></script>
|
|
3433
1321
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
3434
1322
|
<script>
|
|
3435
|
-
var COMPONENT_TEMPLATE = '<div><div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder" [
|
|
1323
|
+
var COMPONENT_TEMPLATE = '<div><div eclMultiselectInput #eclMultiselectInput [inputPlaceholder]="mainInputPlaceholder()" [selectedItemsLabels]="selectedItemsLabels()" (mainInputClick)="onClickMainInput($event)" (mainInputKeydown)="onKeydownMainInput($event)" [isDisabled]="disabled()" [ariaDescribedby]="ariaDescribedby()" [toggleLabel]="toggleLabel()" [ariaControls]="dropdownId" [isInvalid]="isInvalid()" [isDropdownExpanded]="isShowMultiselectDropdown" [eclSize]="eclSize()" [toggleId]="toggleId" [counterLabel]="counterLabel()"></div><div [style.display]="isShowMultiselectDropdown ? \'block\' : \'none\'" class="ecl-select__multiple-dropdown ecl-select__container ecl-select__container--{{eclSize()}}" [id]="dropdownId"> @if(hasSearchBox()) { <input class="ecl-text-input" type="search" #searchInput [placeholder]="searchFieldPlaceholder()" (input)="onSearch($event.target)" (keydown.enter)="onEnterSearch($event)" [attr.aria-label]="searchFieldPlaceholder()" (keydown.arrowup)="onArrowUpSearch($event)" (keydown.arrowdown)="onArrowDownSearch($event)" /> } @if(hasSelectAll()) { <div eclCheckbox [isDisabled]="isSelectAllDisabled" class="ecl-select__multiple-all"> <input eclCheckboxInput #selectAllCheckbox [id]="selectAllId" type="checkbox" [attr.disabled]="isSelectAllDisabled" (click)="onSelectAll()" (keydown.arrowup)="onArrowUpSelectAll($event)" (keydown.arrowdown)="onArrowDownSelectAll($event)" (keydown.enter)="onEnterSelectAll($event)" /> <label [for]="selectAllId" eclCheckboxLabel> {{ \'ecl.multiselect.SELECT-ALL\' | translate }} ({{ optionsCount }}) </label> </div> } <div class="ecl-select__multiple-options" aria-live="polite"> @for (item of multiOptionDirectives(); track item.label()) { @if (item.isOptGroup()) { <fieldset eclMultiselectOptgroup [label]="item.label()"> @for (elem of item.eclOptionItems(); track elem.label()) { <div eclMultiselectOption [value]="elem.value()" [label]="elem.label()" [disabled]="elem.disabled()" [isChecked]="elem.selected()" [class]="elem.class" (optionClick)="onOptionSelected($event)" (optionKeydown)="onKeydownOption($event)"></div> } </fieldset> } @else if (!item.isOptGroup()) { <div eclMultiselectOption [value]="item.value()" [label]="item.label()" [disabled]="item.disabled()" [isChecked]="item.selected()" [class]="item.class" (optionClick)="onOptionSelected($event)" (optionKeydown)="onKeydownOption($event)"></div> } } @if (isShowNoResultsFound) { <div class="ecl-select__multiple-no-results"> <span>{{ \'ecl.multiselect.NO-RESULTS-FOUND\' | translate }}</span> </div> } </div> @if (isShowToolbar()) { <div class="ecl-select-multiple-toolbar"> <button eclButton variant="primary" #closeBtn [type]="isSubmitOnApply() ? \'submit\' : \'button\'" (keydown.arrowup)="onArrowUpClose($event)" (keydown.arrowDown)="onArrowDownClose($event)" (keydown.tab)="onTabClose($event)" (click)="onClickClose($event)"> {{ \'ecl.common.APPLY\' | translate }} </button> <button eclButton variant="tertiary" #clearAllBtn (keydown.arrowup)="onArrowUpClear($event)" (keydown.arrowDown)="onArrowDownClear($event)" (keydown.tab)="onTabClear($event)" (keydown.enter)="onEnterClear($event)" (click)="onClickClearAll($event)"> {{ \'ecl.multiselect.CLEAR-ALL\' | translate }} </button> </div> }</div></div>'
|
|
3436
1324
|
var COMPONENTS = [{'name': 'EclAccordionSummaryComponent', 'selector': 'summary[eclAccordionToggle]'},{'name': 'EclAddToCalendarComponent', 'selector': 'div[eclAddToCalendar]'},{'name': 'EclAnimatedNumbersComponent', 'selector': 'div[eclAnimatedNumbers]'},{'name': 'EclAnimatedNumbersItemComponent', 'selector': 'li[eclAnimatedNumbersItem]'},{'name': 'EclAppComponent', 'selector': 'ecl-app'},{'name': 'EclBannerComponent', 'selector': 'ecl-banner'},{'name': 'EclBlockquoteComponent', 'selector': '[eclBlockquote]'},{'name': 'EclBreadcrumbComponent', 'selector': 'nav[eclBreadcrumb]'},{'name': 'EclBreadcrumbSegmentComponent', 'selector': 'li[eclBreadcrumbSegment]'},{'name': 'EclButtonComponent', 'selector': 'button[eclButton], button[ecl-button], a[eclButton]'},{'name': 'EclCardBodyComponent', 'selector': 'ecl-card-body'},{'name': 'EclCardComponent', 'selector': 'ecl-card, article[eclCard]'},{'name': 'EclCarouselComponent', 'selector': 'ecl-carousel'},{'name': 'EclCarouselItemComponent', 'selector': 'ecl-carousel-item'},{'name': 'EclCategoryFilterComponent', 'selector': 'ecl-category-filter'},{'name': 'EclCategoryFilterItemComponent', 'selector': 'ecl-category-filter-item'},{'name': 'EclCategoryFilterListComponent', 'selector': 'ecl-category-filter-list'},{'name': 'EclCheckboxHelpComponent', 'selector': '[eclCheckboxHelp]'},{'name': 'EclCheckboxLabelComponent', 'selector': 'label[eclCheckboxLabel]'},{'name': 'EclContentBlockComponent', 'selector': 'ecl-content-block'},{'name': 'EclContentItemComponent', 'selector': 'ecl-content-item'},{'name': 'EclDateBlockComponent', 'selector': 'time[eclDateBlock]'},{'name': 'EclDescriptionListDefinitionComponent', 'selector': '[eclDescriptionListDefinition]'},{'name': 'EclExpandableComponent', 'selector': 'ecl-expandable'},{'name': 'EclFactFiguresComponent', 'selector': 'div[eclFactFigures], ecl-fact-figures'},{'name': 'EclFactFiguresItemComponent', 'selector': 'div[eclFactFiguresItem],ecl-fact-figures-item'},{'name': 'EclFactFiguresViewAllComponent', 'selector': 'ecl-fact-figures-view-all'},{'name': 'EclFeaturedComponent', 'selector': 'ecl-featured, article[eclFeatured]'},{'name': 'EclFeaturedItemComponent', 'selector': 'ecl-featured-item, div[eclFeaturedItem]'},{'name': 'EclFeaturedItemDescriptionComponent', 'selector': 'ecl-featured-item-description'},{'name': 'EclFileComponent', 'selector': 'ecl-file'},{'name': 'EclFileItemComponent', 'selector': 'ecl-file-item'},{'name': 'EclFileItemsComponent', 'selector': 'ecl-file-items'},{'name': 'EclFileListsComponent', 'selector': 'ecl-file-lists, ecl-file-taxonomy'},{'name': 'EclFormGroupComponent', 'selector': '[eclFormGroup], ecl-form-group'},{'name': 'EclFormLabelComponent', 'selector': '[eclFormLabel]'},{'name': 'EclGalleryComponent', 'selector': 'ecl-gallery'},{'name': 'EclGalleryFooterComponent', 'selector': 'ecl-gallery-footer'},{'name': 'EclGalleryItemComponent', 'selector': 'ecl-gallery-item'},{'name': 'EclHighlightBoxComponent', 'selector': 'article[eclHighlightBox]'},{'name': 'EclHighlightedSearchComponent', 'selector': 'ecl-highlighted-search'},{'name': 'EclIconComponent', 'selector': 'ecl-icon'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclIndicatorComponent', 'selector': '[eclIndicator]'},{'name': 'EclInpageNavigationComponent', 'selector': 'ecl-inpage-navigation'},{'name': 'EclInpageNavigationItemComponent', 'selector': 'li[eclInpageNavigationItem]'},{'name': 'EclLayoutWrapperComponent', 'selector': 'div[eclLayoutWrapper]'},{'name': 'EclListIllustrationComponent', 'selector': 'ecl-list-illustration, ul[eclListIllustration], ol[eclListIllustration]'},{'name': 'EclListIllustrationItemComponent', 'selector': 'ecl-list-illustration-item, li[eclListIllustrationItem]'},{'name': 'EclLoadingIndicatorComponent', 'selector': 'ecl-loading-indicator'},{'name': 'EclMediaContainerComponent', 'selector': 'ecl-media-container'},{'name': 'EclMegaMenuComponent', 'selector': 'nav[eclMegaMenu]'},{'name': 'EclMegaMenuFeaturedComponent', 'selector': 'div[eclMegaMenuFeatured]'},{'name': 'EclMegaMenuInfoComponent', 'selector': 'div[eclMegaMenuInfo]'},{'name': 'EclMegaMenuItemComponent', 'selector': 'li[eclMegaMenuItem]'},{'name': 'EclMegaMenuSubitemComponent', 'selector': 'li[eclMegaMenuSubitem]'},{'name': 'EclMenuComponent', 'selector': 'ecl-menu'},{'name': 'EclMenuItemComponent', 'selector': 'ecl-menu-item'},{'name': 'EclMenuMegaComponent', 'selector': 'ecl-menu-mega'},{'name': 'EclMenuMegaItemComponent', 'selector': 'ecl-menu-mega-item'},{'name': 'EclModalBodyComponent', 'selector': '[eclModalBody]'},{'name': 'EclModalComponent', 'selector': 'dialog[eclModal]'},{'name': 'EclModalFooterComponent', 'selector': '[eclModalFooter]'},{'name': 'EclModalHeaderComponent', 'selector': '[eclModalHeader]'},{'name': 'EclMultiselectComponent', 'selector': 'select[eclMultiselect]'},{'name': 'EclMultiselectDropdownComponent', 'selector': 'div[eclMultiselectDropdown]'},{'name': 'EclMultiselectInputComponent', 'selector': 'div[eclMultiselectInput]'},{'name': 'EclMultiselectOptgroupComponent', 'selector': 'fieldset[eclMultiselectOptgroup]'},{'name': 'EclMultiselectOptionComponent', 'selector': 'div[eclMultiselectOption]'},{'name': 'EclNavigationListComponent', 'selector': 'ecl-navigation-list'},{'name': 'EclNavigationListItemComponent', 'selector': 'ecl-navigation-list-item'},{'name': 'EclNewsTickerComponent', 'selector': 'ecl-news-ticker'},{'name': 'EclNewsTickerItemComponent', 'selector': 'ecl-news-ticker-item'},{'name': 'EclNotificationComponent', 'selector': 'ecl-notification'},{'name': 'EclPageHeaderComponent', 'selector': 'ecl-page-header'},{'name': 'EclPageHeaderDescriptionContainerComponent', 'selector': 'div[eclPageHeaderDescriptionContainer]'},{'name': 'EclPageHeaderExpandableComponent', 'selector': 'div[eclPageHeaderExpandable]'},{'name': 'EclPageHeaderNextComponent', 'selector': 'div[eclPageHeader]'},{'name': 'EclPageHeaderSectionComponent', 'selector': 'div[eclPageHeaderSection]'},{'name': 'EclPageHeaderSectionInfoComponent', 'selector': 'div[eclPageHeaderSectionInfo]'},{'name': 'EclPageSummaryComponent', 'selector': 'section[eclPageSummary]'},{'name': 'EclPaginationComponent', 'selector': 'ecl-pagination'},{'name': 'EclPaginationItemComponent', 'selector': 'li[eclPaginationItem]'},{'name': 'EclPopoverComponent', 'selector': 'ecl-popover'},{'name': 'EclQuizCardComponent', 'selector': 'li[eclQuizCard]'},{'name': 'EclQuizComponent', 'selector': 'section[eclQuiz]'},{'name': 'EclRadioHelpComponent', 'selector': '[eclRadioHelp]'},{'name': 'EclRadioLabelComponent', 'selector': '[eclRadioLabel]'},{'name': 'EclRangeBubbleComponent', 'selector': 'ecl-range-bubble'},{'name': 'EclRangeValueComponent', 'selector': 'ecl-range-value'},{'name': 'EclRatingFieldComponent', 'selector': 'ecl-rating-field'},{'name': 'EclSearchFormComponent', 'selector': 'ecl-search-form'},{'name': 'EclSelectContainerComponent', 'selector': 'ecl-select-container'},{'name': 'EclSiteFooterComponent', 'selector': 'footer[eclSiteFooter], ecl-site-footer'},{'name': 'EclSiteFooterCoownerComponent', 'selector': 'div[eclSiteFooterCoowner]'},{'name': 'EclSiteFooterCoreComponent', 'selector': 'div[eclSiteFooterCore]'},{'name': 'EclSiteFooterFeedbackComponent', 'selector': 'div[eclSiteFooterFeedback]'},{'name': 'EclSiteFooterFixedContentEUComponent', 'selector': 'ecl-site-footer-fixed-content-eu'},{'name': 'EclSiteFooterRowCommonComponent', 'selector': 'div[eclSiteFooterRowCommon]'},{'name': 'EclSiteHeaderActionComponent', 'selector': 'ecl-site-header-action'},{'name': 'EclSiteHeaderBannerTopComponent', 'selector': 'ecl-site-header-banner-top'},{'name': 'EclSiteHeaderComponent', 'selector': 'ecl-site-header'},{'name': 'EclSiteHeaderCustomActionComponent', 'selector': 'div[eclSiteHeaderCustomAction]'},{'name': 'EclSiteHeaderEnvironmentComponent', 'selector': '[eclSiteHeaderEnvironment]'},{'name': 'EclSiteHeaderLanguageComponent', 'selector': 'ecl-site-header-language'},{'name': 'EclSiteHeaderLanguagePopoverComponent', 'selector': 'ecl-site-header-language-popover'},{'name': 'EclSiteHeaderLoginComponent', 'selector': 'ecl-site-header-login'},{'name': 'EclSiteHeaderNotificationComponent', 'selector': 'ecl-site-header-notification'},{'name': 'EclSiteHeaderSearchComponent', 'selector': 'ecl-site-header-search'},{'name': 'EclSloganTickerComponent', 'selector': 'ecl-slogan-ticker'},{'name': 'EclSocialMediaFollowComponent', 'selector': 'ecl-social-media-follow'},{'name': 'EclSocialMediaFollowItemComponent', 'selector': 'ecl-social-media-follow-item'},{'name': 'EclSplashPageComponent', 'selector': 'div[eclSplashPage]'},{'name': 'EclSplashPageLanguageCategoryComponent', 'selector': 'div[eclSplashPageLanguageCategory]'},{'name': 'EclSplashPageLanguageContainerComponent', 'selector': '[eclSplashPageLanguageContainer]'},{'name': 'EclSplashPageLanguageLinkComponent', 'selector': 'a[eclSplashPageLanguageLink]'},{'name': 'EclSpotlightComponent', 'selector': 'section[eclSpotlight]'},{'name': 'EclSpotlightLinkComponent', 'selector': 'a[eclSpotlightLink]'},{'name': 'EclStickyContainerComponent', 'selector': 'ecl-sticky-container'},{'name': 'EclStoryCardComponent', 'selector': 'section[eclStoryCard]'},{'name': 'EclStoryCardGridDetailsComponent', 'selector': '[eclStoryCardGridDetails]'},{'name': 'EclStoryCardItemComponent', 'selector': 'li[eclStoryCardItem]'},{'name': 'EclTabComponent', 'selector': 'div[eclTab]'},{'name': 'EclTabLabelComponent', 'selector': 'ecl-tab-label'},{'name': 'EclTableSortButtonComponent', 'selector': 'button[eclTableSortButton]'},{'name': 'EclTabsComponent', 'selector': 'div[eclTabs]'},{'name': 'EclTagComponent', 'selector': 'ecl-tag, [eclTag]'},{'name': 'EclTextMediaComponent', 'selector': 'article[eclTextMedia]'},{'name': 'EclTimelineComponent', 'selector': 'ecl-timeline, ol[eclTimeline]'},{'name': 'EclTimelineItemComponent', 'selector': 'ecl-timeline-item, li[eclTimelineItem]'},{'name': 'EclTimelineItemTogglerComponent', 'selector': 'ecl-timeline-item-toggler, li[eclTimelineItemToggler]'}];
|
|
3437
1325
|
var DIRECTIVES = [{'name': 'EclAccordionContentDirective', 'selector': 'div[eclAccordionContent]'},{'name': 'EclAccordionDirective', 'selector': 'div[eclAccordion]'},{'name': 'EclAccordionItemDirective', 'selector': 'details[eclAccordionItem]'},{'name': 'EclAccordionToggleIconDirective', 'selector': '[eclAccordionToggleIcon]'},{'name': 'EclAddToCalendarActionDirective', 'selector': 'div[eclAddToCalendarAction]'},{'name': 'EclAnimatedNumbersIconDirective', 'selector': '[eclAnimatedNumbersIcon]'},{'name': 'EclAnimatedNumbersItemsDirective', 'selector': 'ul[eclAnimatedNumbersItems]'},{'name': 'EclAnimatedNumbersSourceDirective', 'selector': 'a[eclAnimatedNumbersSource]'},{'name': 'EclAnimatedNumbersSourcesItemDirective', 'selector': 'li[eclAnimatedNumbersSourcesItem]'},{'name': 'EclAnimatedNumbersSourcesListDirective', 'selector': 'ul[eclAnimatedNumbersSourcesList]'},{'name': 'EclBannerDescriptionDirective', 'selector': '[eclBannerDescription]'},{'name': 'EclBannerDescriptionLinkDirective', 'selector': '[eclBannerDescriptionLink]'},{'name': 'EclBannerDescriptionTextDirective', 'selector': '[eclBannerDescriptionText]'},{'name': 'EclBannerImageDirective', 'selector': 'img[eclBannerImage]'},{'name': 'EclBannerPictureDirective', 'selector': 'picture[eclBannerPicture]'},{'name': 'EclBannerTitleDirective', 'selector': '[eclBannerTitle]'},{'name': 'EclBannerTitleLinkDirective', 'selector': '[eclBannerTitleLink]'},{'name': 'EclBannerTitleTextDirective', 'selector': '[eclBannerTitleText]'},{'name': 'EclBannerVideoDirective', 'selector': 'video[eclBannerVideo]'},{'name': 'ECLBaseDirective', 'selector': '[eclBase]'},{'name': 'EclBlockquoteImageDirective', 'selector': 'img[eclBlockquoteImage]'},{'name': 'EclBlockquotePictureDirective', 'selector': 'picture[eclBlockquotePicture]'},{'name': 'EclBreadcrumbContainerDirective', 'selector': '[eclBreadcrumbContainer]'},{'name': 'EclButtonIconContainerDirective', 'selector': '[eclButtonIconContainer]'},{'name': 'EclButtonLabelDirective', 'selector': '[eclButtonLabel]'},{'name': 'EclCardImageDirective', 'selector': 'img[eclCardImage]'},{'name': 'EclCardPictureDirective', 'selector': 'picture[eclCardPicture]'},{'name': 'EclCheckboxDirective', 'selector': '[eclCheckbox]'},{'name': 'EclCheckboxInputDirective', 'selector': 'input[eclCheckboxInput]'},{'name': 'ECLClickOutsideDirective', 'selector': '[eclClickOutside]'},{'name': 'EclContainerDirective', 'selector': '[eclContainer]'},{'name': 'EclContentBlockDescriptionDirective', 'selector': '[eclContentBlockDescription]'},{'name': 'EclContentBlockLabelDirective', 'selector': '[eclContentBlockLabel]'},{'name': 'EclContentBlockLabelsDirective', 'selector': '[eclContentBlockLabels]'},{'name': 'EclContentBlockLinkDirective', 'selector': '[eclContentBlockLink]'},{'name': 'EclContentBlockLinksContainerDirective', 'selector': '[eclContentBlockLinksContainer]'},{'name': 'EclContentBlockLinksDirective', 'selector': '[eclContentBlockLinks]'},{'name': 'EclContentBlockListContainerDirective', 'selector': '[eclContentBlockListContainer]'},{'name': 'EclContentBlockListDirective', 'selector': '[eclContentBlockList]'},{'name': 'EclContentBlockPrimaryMetaDirective', 'selector': '[eclContentBlockPrimaryMeta]'},{'name': 'EclContentBlockPrimaryMetasDirective', 'selector': '[eclContentBlockPrimaryMetas]'},{'name': 'EclContentBlockSecondaryMetaDirective', 'selector': '[eclContentBlockSecondaryMeta]'},{'name': 'EclContentBlockSecondaryMetaIconDirective', 'selector': '[eclContentBlockSecondaryMetaIcon]'},{'name': 'EclContentBlockSecondaryMetaLabelDirective', 'selector': '[eclContentBlockSecondaryMetaLabel]'},{'name': 'EclContentBlockSecondaryMetasDirective', 'selector': '[eclContentBlockSecondaryMetas]'},{'name': 'EclContentBlockTagDirective', 'selector': '[eclContentBlockTag]'},{'name': 'EclContentBlockTagsDirective', 'selector': '[eclContentBlockTags]'},{'name': 'EclContentBlockTitleDirective', 'selector': '[eclContentBlockTitle]'},{'name': 'EclContentItemImageDirective', 'selector': '[eclContentItemImage]'},{'name': 'EclContentItemPictureDirective', 'selector': '[eclContentItemPicture]'},{'name': 'EclDatePickerDirective', 'selector': 'input[eclDatePicker]'},{'name': 'EclDatePickerDuetDirective', 'selector': 'duet-date-picker[eclDatePicker]'},{'name': 'EclDescriptionListDefinitionItemDirective', 'selector': '[eclDescriptionListDefinitionItem]'},{'name': 'EclDescriptionListDefinitionListDirective', 'selector': '[eclDescriptionListDefinitionList]'},{'name': 'EclDescriptionListDirective', 'selector': '[eclDescriptionList]'},{'name': 'EclDescriptionListTermDirective', 'selector': '[eclDescriptionListTerm]'},{'name': 'EclDividerDirective', 'selector': 'hr[eclDivider]'},{'name': 'EclFactFiguresDescriptionDirective', 'selector': 'div[eclFactFiguresDescription]'},{'name': 'EclFactFiguresSourceDirective', 'selector': 'a[eclFactFiguresSource]'},{'name': 'EclFactFiguresSourcesItemDirective', 'selector': 'li[eclFactFiguresSourcesItem]'},{'name': 'EclFactFiguresSourcesListDirective', 'selector': 'ul[eclFactFiguresSourcesList]'},{'name': 'EclFeaturedItemLinkDirective', 'selector': '[eclFeaturedItemLink]'},{'name': 'EclFeaturedMediaAnchorDirective', 'selector': '[eclFeaturedMediaAnchor]'},{'name': 'EclFeedbackHiddenDirective', 'selector': '[eclFeedbackHidden]'},{'name': 'EclFeedbackMessageDirective', 'selector': '[eclFeedbackMessage]'},{'name': 'EclFileDownloadDirective', 'selector': '[eclFileDownload]'},{'name': 'EclFileImageDirective', 'selector': 'img[eclFileImage]'},{'name': 'EclFileMetaDirective', 'selector': '[eclFileMeta]'},{'name': 'EclFilePictureDirective', 'selector': 'picture[eclFilePicture]'},{'name': 'EclFilePreviewDirective', 'selector': '[eclFilePreview]'},{'name': 'EclFileTitleDirective', 'selector': '[eclFileTitle]'},{'name': 'EclFileTranslationDownloadDirective', 'selector': '[eclFileTranslationDownload]'},{'name': 'EclFileUploadDirective', 'selector': '[eclFileUpload]'},{'name': 'ECLFormLabelOptionalDirective', 'selector': '[eclFormLabelOptional]'},{'name': 'EclGalleryMediaDirective', 'selector': '[eclGalleryMedia], [eclGalleryImage]'},{'name': 'EclGalleryPictureDirective', 'selector': 'picture[eclGalleryPicture]'},{'name': 'EclGalleryThumbnailDirective', 'selector': 'picture[eclGalleryThumbnail]'},{'name': 'EclHelpBlockDirective', 'selector': '[eclHelpBlock]'},{'name': 'EclHelpHiddenDirective', 'selector': '[eclHelpHidden]'},{'name': 'EclHiddenDirective', 'selector': '[eclHidden]'},{'name': 'EclHighlightBoxDescriptionDirective', 'selector': '[eclHighlightBoxDescription]'},{'name': 'EclHighlightBoxIconDirective', 'selector': 'ecl-icon[eclHighlightBoxIcon]'},{'name': 'EclHighlightBoxLinkDirective', 'selector': 'a[eclHighlightBoxLink]'},{'name': 'EclHighlightBoxTitleDirective', 'selector': '[eclHighlightBoxTitle]'},{'name': 'EclHighlightedSearchSuggestionsDirective', 'selector': '[eclHighlightedSearchSuggestions]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclIndicatorLabelDirective', 'selector': '[eclIndicatorLabel]'},{'name': 'EclInpageNavigationListDirective', 'selector': 'ul[eclInpageNavigationList]'},{'name': 'EclLabelDirective', 'selector': '[eclLabel]'},{'name': 'EclLayoutItemDirective', 'selector': '[eclLayoutItem]'},{'name': 'EclLayoutWrapperDescriptionDirective', 'selector': '[eclLayoutWrapperDescription]'},{'name': 'EclLayoutWrapperTitleDirective', 'selector': '[eclLayoutWrapperTitle]'},{'name': 'EclLayoutWrapperViewAllDirective', 'selector': '[eclLayoutWrapperViewAll]'},{'name': 'EclLinkDirective', 'selector': '[eclLink]'},{'name': 'EclLinkIconContainerDirective', 'selector': '[eclLinkIconContainer]'},{'name': 'EclLinkLabelDirective', 'selector': '[eclLinkLabel]'},{'name': 'EclListIllustrationIconDirective', 'selector': '[eclListIllustrationIcon]'},{'name': 'EclListIllustrationImageDirective', 'selector': 'img[eclListIllustrationImage]'},{'name': 'EclListIllustrationPictureDirective', 'selector': 'picture[eclListIllustrationPicture]'},{'name': 'EclLoadingIndicatorLabelDirective', 'selector': '[eclLoadingIndicatorLabel]'},{'name': 'EclLoadingIndicatorOverlayDirective', 'selector': '[eclLoadingIndicatorOverlay]'},{'name': 'EclMediaContainerCaptionDirective', 'selector': 'figcaption[eclMediaContainerCaption]'},{'name': 'EclMediaContainerCreditDirective', 'selector': 'footer[eclMediaContainerCredit]'},{'name': 'EclMediaContainerIframeDirective', 'selector': 'iframe[eclMediaContainerIframe]'},{'name': 'EclMediaContainerItemAudioDescriptionDirective', 'selector': '[eclMediaContainerItemAudioDescription]'},{'name': 'EclMediaContainerItemDirective', 'selector': '[eclMediaContainerItem], img[eclMediaContainerImage]'},{'name': 'EclMediaContainerPictureDirective', 'selector': 'picture[eclMediaContainerPicture]'},{'name': 'EclMegaMenuContainerDirective', 'selector': 'div[eclMegaMenuContainer]'},{'name': 'EclMegaMenuFeaturedImageDirective', 'selector': '[eclMegaMenuFeaturedImage]'},{'name': 'EclMegaMenuFeaturedListDirective', 'selector': '[eclMegaMenuFeaturedList]'},{'name': 'EclMegaMenuFeaturedListItemDescriptionDirective', 'selector': '[eclMegaMenuFeaturedListItemDescription]'},{'name': 'EclMegaMenuFeaturedListItemDirective', 'selector': '[eclMegaMenuFeaturedListItem]'},{'name': 'EclMegaMenuFeaturedPictureDirective', 'selector': '[eclMegaMenuFeaturedPicture]'},{'name': 'EclMegaMenuListDirective', 'selector': 'ul[eclMegaMenuList]'},{'name': 'EclMegaMenuSpacerDirective', 'selector': 'li[eclMegaMenuSpacer]'},{'name': 'EclMegaMenuSublistDirective', 'selector': 'ul[eclMegaMenuSublist]'},{'name': 'EclModalBodyFixedContentDirective', 'selector': '[eclModalBodyFixedContent]'},{'name': 'EclModalCloseDirective', 'selector': '[eclModalClose]'},{'name': 'EclModalTriggerDirective', 'selector': '[eclModalTriggerFor]'},{'name': 'EclMultiselectOptionDirective', 'selector': 'optgroup[eclMultiselectOptgroup], option[eclMultiselectOption]'},{'name': 'EclNavigationListImageDirective', 'selector': 'img[eclNavigationListImage]'},{'name': 'EclNavigationListPictureDirective', 'selector': 'picture[eclNavigationListPicture]'},{'name': 'EclNewsTickerIconDirective', 'selector': '[eclNewsTickerIcon]'},{'name': 'EclNotificationIconDirective', 'selector': '[eclNotificationIcon]'},{'name': 'EclNotificationLinkDirective', 'selector': '[eclNotificationLink]'},{'name': 'EclNotificationTitleDirective', 'selector': '[eclNotificationTitle]'},{'name': 'EclOrderedListDirective', 'selector': '[eclOrderedList]'},{'name': 'EclOrderedListItemDirective', 'selector': '[eclOrderedListItem]'},{'name': 'EclPageHeaderBackgroundImageDirective', 'selector': '[eclPageHeaderBackgroundImage]'},{'name': 'EclPageHeaderBackgroundPictureDirective', 'selector': '[eclPageHeaderBackgroundPicture]'},{'name': 'EclPageHeaderContainerDirective', 'selector': '[eclPageHeaderContainer]'},{'name': 'EclPageHeaderDescriptionDirective', 'selector': 'p[eclPageHeaderDescription]'},{'name': 'EclPageHeaderDescriptionPictureDirective', 'selector': '[eclPageHeaderDescriptionPicture]'},{'name': 'EclPageHeaderDescriptionThumbnailDirective', 'selector': '[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]'},{'name': 'EclPageHeaderExpandableHeaderDirective', 'selector': '[eclPageHeaderExpandableHeader]'},{'name': 'EclPageHeaderInfoDirective', 'selector': '[eclPageHeaderInfo]'},{'name': 'EclPageHeaderMetaDirective', 'selector': '[eclPageHeaderMeta]'},{'name': 'EclPageHeaderMetaItemDirective', 'selector': '[eclPageHeaderMetaItem]'},{'name': 'EclPageHeaderTitleDirective', 'selector': '[eclPageHeaderTitle]'},{'name': 'EclPageInformationDirective', 'selector': '[eclPageInformation]'},{'name': 'EclPaginationListDirective', 'selector': '[eclPaginationList]'},{'name': 'EclPopoverContentDirective', 'selector': '[eclPopoverContent]'},{'name': 'EclPopoverToggleDirective', 'selector': '[eclPopoverToggle]'},{'name': 'EclQuizListDirective', 'selector': 'ol[eclQuizList]'},{'name': 'EclRadioDirective', 'selector': '[eclRadio]'},{'name': 'EclRadioInputDirective', 'selector': 'input[eclRadioInput]'},{'name': 'EclRangeDirective', 'selector': 'input[eclRange]'},{'name': 'EclSelectDirective', 'selector': 'select[eclSelect]'},{'name': 'EclSiteFooterActionButtonDirective', 'selector': 'a[eclSiteFooterActionButton]'},{'name': 'EclSiteFooterColumnDirective', 'selector': '[eclSiteFooterColumn]'},{'name': 'EclSiteFooterCoownerItemDirective', 'selector': '[eclSiteFooterCoownerItem]'},{'name': 'EclSiteFooterCoownerListDirective', 'selector': '[eclSiteFooterCoownerList]'},{'name': 'EclSiteFooterDescriptionDirective', 'selector': '[eclSiteFooterDescription]'},{'name': 'EclSiteFooterDescriptionNameDirective', 'selector': '[eclSiteFooterDescriptionName]'},{'name': 'EclSiteFooterLinkDirective', 'selector': '[eclSiteFooterLink]'},{'name': 'EclSiteFooterListDirective', 'selector': '[eclSiteFooterList]'},{'name': 'EclSiteFooterListItemDirective', 'selector': '[eclSiteFooterListItem]'},{'name': 'EclSiteFooterLogoImageDirective', 'selector': 'img[eclSiteFooterLogoImage]'},{'name': 'EclSiteFooterLogoLinkDirective', 'selector': '[eclSiteFooterLogoLink]'},{'name': 'EclSiteFooterPictureDirective', 'selector': 'picture[eclSiteFooterPicture]'},{'name': 'EclSiteFooterRowDirective', 'selector': '[eclSiteFooterRow]'},{'name': 'EclSiteFooterSectionDirective', 'selector': '[eclSiteFooterSection]'},{'name': 'EclSiteFooterSocialMediaDirective', 'selector': '[eclSiteFooterSocialMedia]'},{'name': 'EclSiteFooterTitleDirective', 'selector': '[eclSiteFooterTitle]'},{'name': 'EclSiteFooterTitleLinkDirective', 'selector': '[eclSiteFooterTitleLink]'},{'name': 'EclSiteHeaderCtaDirective', 'selector': '[eclSiteHeaderCta]'},{'name': 'EclSiteHeaderCustomActionContentDirective', 'selector': 'div[eclSiteHeaderCustomActionContent]'},{'name': 'EclSiteHeaderCustomActionLinkDirective', 'selector': 'a[eclSiteHeaderCustomActionLink]'},{'name': 'EclSiteHeaderCustomActionTitleDirective', 'selector': 'div[eclSiteHeaderCustomActionTitle]'},{'name': 'EclSiteHeaderImageDirective', 'selector': '[eclSiteHeaderImage]'},{'name': 'EclSiteHeaderLinkDirective', 'selector': '[eclSiteHeaderLink]'},{'name': 'EclSiteHeaderLoginDescriptionDirective', 'selector': '[eclSiteHeaderLoginDescription]'},{'name': 'EclSiteHeaderLoginSeparatorDirective', 'selector': '[eclSiteHeaderLoginSeparator]'},{'name': 'EclSiteHeaderPictureDirective', 'selector': '[eclSiteHeaderPicture]'},{'name': 'EclSloganTickerListDirective', 'selector': 'ul[eclSloganTickerList]'},{'name': 'EclSloganTickerSlideDirective', 'selector': 'li[eclSloganTickerSlide]'},{'name': 'EclSocialMediaFollowLinkDirective', 'selector': '[eclSocialMediaFollowLink]'},{'name': 'EclSplashPageLanguageItemDirective', 'selector': '[eclSplashPageLanguageItem]'},{'name': 'EclSplashPageLanguageListDirective', 'selector': '[eclSplashPageLanguageList]'},{'name': 'EclSplashPageLogoImageDirective', 'selector': 'img[eclSplashPageLogoImage]'},{'name': 'EclSplashPageLogoLinkDirective', 'selector': 'img[eclSplashPageLogoLink]'},{'name': 'EclSplashPagePictureDirective', 'selector': 'picture[eclSplashPagePicture]'},{'name': 'EclSpotlightImageDirective', 'selector': 'img[eclSpotlightImage]'},{'name': 'EclSpotlightPictureDirective', 'selector': 'picture[eclSpotlightPicture]'},{'name': 'EclStoryCardLinkDirective', 'selector': '[eclStoryCardLink]'},{'name': 'EclStoryCardListDirective', 'selector': 'ul[eclStoryCardList]'},{'name': 'EclStoryCardPictureDirective', 'selector': 'picture[eclStoryCardPicture]'},{'name': 'EclTableBodyDirective', 'selector': '[eclTableBody]'},{'name': 'EclTableCaptionDirective', 'selector': 'caption[eclTableCaption]'},{'name': 'EclTableCellDirective', 'selector': '[eclTableCell]'},{'name': 'EclTableCellGroupDirective', 'selector': '[eclTableCellGroup]'},{'name': 'EclTableDirective', 'selector': '[eclTable]'},{'name': 'EclTableHeadDirective', 'selector': '[eclTableHead]'},{'name': 'EclTableHeaderDirective', 'selector': '[eclTableHeader]'},{'name': 'EclTableResponsiveDirective', 'selector': '[eclTableResponsive]'},{'name': 'EclTableRowDirective', 'selector': '[eclTableRow]'},{'name': 'EclTagIconExternalDirective', 'selector': '[eclTagIconExternal]'},{'name': 'EclTagSetDirective', 'selector': '[eclTagSet]'},{'name': 'EclTagSetItemDirective', 'selector': '[eclTagSetItem]'},{'name': 'EclTextAreaDirective', 'selector': 'textarea[eclTextArea]'},{'name': 'EclTextInputDirective', 'selector': 'input[eclTextInput]'},{'name': 'EclTextMediaContainerDirective', 'selector': 'ecl-media-container[eclTextMediaContainer]'},{'name': 'EclTextMediaDescriptionDirective', 'selector': 'div[eclTextMediaDescription]'},{'name': 'EclTextMediaLinkDirective', 'selector': 'a[eclTextMediaLink]'},{'name': 'EclTextMediaMediaAnchorDirective', 'selector': 'img[eclTextMediaImgAnchor]'},{'name': 'EclTextMediaMicroTitleDirective', 'selector': 'div[eclTextMediaMicroTitle]'},{'name': 'EclTextMediaTitleDirective', 'selector': 'div[eclTextMediaTitle]'},{'name': 'EclTimelineItemLabelDirective', 'selector': '[eclTimelineItemLabel]'},{'name': 'EclTimelineItemTitleDirective', 'selector': '[eclTimelineItemTitle]'},{'name': 'EclTimelineSetDirective', 'selector': '[eclTimelineSet]'},{'name': 'EclTooltipDirective', 'selector': '[eclTooltip]'},{'name': 'EclUnorderedListDirective', 'selector': '[eclUnorderedList]'},{'name': 'EclUnorderedListItemDirective', 'selector': '[eclUnorderedListItem]'}];
|
|
3438
1326
|
var ACTUAL_COMPONENT = {'name': 'EclMultiselectDropdownComponent'};
|