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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/docs/changelog.html +27 -0
  2. package/docs/components/EclMultiselectComponent.html +88 -605
  3. package/docs/components/EclMultiselectDropdownComponent.html +204 -2316
  4. package/docs/components/EclMultiselectInputComponent.html +3 -545
  5. package/docs/components/EclMultiselectOptionComponent.html +48 -443
  6. package/docs/components/EclRatingFieldComponent.html +0 -45
  7. package/docs/components/EclSearchFormComponent.html +4 -447
  8. package/docs/directives/EclMultiselectOptionDirective.html +21 -286
  9. package/docs/interfaces/EclMultiselectOption.html +6 -6
  10. package/docs/js/search/search_index.js +2 -2
  11. package/docs/json/EclMultiselectComponent.md +6 -6
  12. package/docs/json/EclMultiselectDropdownComponent.md +1 -6
  13. package/docs/json/EclMultiselectInputComponent.md +1 -1
  14. package/docs/json/EclMultiselectOptionComponent.md +2 -1
  15. package/docs/json/EclMultiselectOptionDirective.md +1 -1
  16. package/docs/json/documentation.json +834 -1416
  17. package/docs/llms.txt +33 -95
  18. package/docs/properties.html +1 -1
  19. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs +320 -430
  20. package/fesm2022/eui-ecl-components-ecl-multiselect.mjs.map +1 -1
  21. package/fesm2022/eui-ecl-components-ecl-rating-field.mjs +4 -6
  22. package/fesm2022/eui-ecl-components-ecl-rating-field.mjs.map +1 -1
  23. package/fesm2022/eui-ecl-components-ecl-search-form.mjs +22 -27
  24. package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/types/eui-ecl-components-ecl-multiselect.d.ts +163 -192
  27. package/types/eui-ecl-components-ecl-multiselect.d.ts.map +1 -1
  28. package/types/eui-ecl-components-ecl-rating-field.d.ts.map +1 -1
  29. package/types/eui-ecl-components-ecl-search-form.d.ts +14 -14
  30. package/types/eui-ecl-components-ecl-search-form.d.ts.map +1 -1
@@ -369,22 +369,6 @@ Typically used when the user needs to evaluate something.</p>
369
369
  </tbody>
370
370
  </table>
371
371
 
372
- <table class="table table-sm table-bordered index-table">
373
- <tbody>
374
- <tr>
375
- <td class="col-md-3">
376
- <h6><b>HostBindings</b></h6>
377
- </td>
378
- <td class="col-md-9">
379
- <ul class="index-list">
380
- <li>
381
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
382
- </li>
383
- </ul>
384
- </td>
385
- </tr>
386
- </tbody>
387
- </table>
388
372
 
389
373
 
390
374
  <table class="table table-sm table-bordered index-table">
@@ -619,35 +603,6 @@ Typically used when the user needs to evaluate something.</p>
619
603
  </table>
620
604
  </section>
621
605
 
622
- <section data-compodoc="block-properties">
623
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
624
- <tbody>
625
- <tr>
626
- <td class="col-md-4">
627
- <a name="class"></a>
628
- <span class="name">
629
- <span ><b>class</b></span>
630
- <a href="#class"><span class="icon ion-ios-link"></span></a>
631
- </span>
632
- </td>
633
- </tr>
634
- <tr>
635
- <td class="col-md-4">
636
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
637
-
638
- </td>
639
- </tr>
640
-
641
- <tr>
642
- <td class="col-md-4">
643
- <div class="io-description"><p>Applies the base class <code>ecl-rating-field</code> to the host element. Applies &#39;ecl-rating-field--disabled&#39; class on condition.</p>
644
- </div>
645
- </td>
646
- </tr>
647
-
648
- </tbody>
649
- </table>
650
- </section>
651
606
 
652
607
 
653
608
  <section data-compodoc="block-methods">
@@ -174,6 +174,10 @@
174
174
 
175
175
 
176
176
 
177
+ <tr>
178
+ <td class="col-md-3">host</td>
179
+ <td class="col-md-9"><code>{<br>}</code></td>
180
+ </tr>
177
181
 
178
182
 
179
183
 
@@ -277,24 +281,6 @@
277
281
 
278
282
  <div class="tab-pane fade " id="api"> <section data-compodoc="block-index">
279
283
  <h3 id="index">Index</h3>
280
- <table class="table table-sm table-bordered index-table">
281
- <tbody>
282
- <tr>
283
- <td class="col-md-3">
284
- <h6><b>Properties</b></h6>
285
- </td>
286
- <td class="col-md-9">
287
- <ul class="index-list">
288
- <li>
289
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
290
- <span class="modifier"></span>
291
- <a href="#role" >role</a>
292
- </li>
293
- </ul>
294
- </td>
295
- </tr>
296
- </tbody>
297
- </table>
298
284
 
299
285
  <table class="table table-sm table-bordered index-table">
300
286
  <tbody>
@@ -304,19 +290,6 @@
304
290
  </td>
305
291
  <td class="col-md-9">
306
292
  <ul class="index-list">
307
- <li>
308
- <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
309
- <span class="modifier"></span>
310
- <a href="#onEnterKeyDown" >onEnterKeyDown</a>
311
- </li>
312
- <li>
313
- <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
314
- <a href="#onModelChange" >onModelChange</a>
315
- </li>
316
- <li>
317
- <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
318
- <a href="#onSearchClick" >onSearchClick</a>
319
- </li>
320
293
  <li>
321
294
  <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
322
295
  <a href="#registerOnChange" >registerOnChange</a>
@@ -400,60 +373,8 @@
400
373
  </tbody>
401
374
  </table>
402
375
 
403
- <table class="table table-sm table-bordered index-table">
404
- <tbody>
405
- <tr>
406
- <td class="col-md-3">
407
- <h6><b>HostBindings</b></h6>
408
- </td>
409
- <td class="col-md-9">
410
- <ul class="index-list">
411
- <li>
412
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
413
- </li>
414
- <li>
415
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
416
- </li>
417
- </ul>
418
- </td>
419
- </tr>
420
- </tbody>
421
- </table>
422
376
 
423
- <table class="table table-sm table-bordered index-table">
424
- <tbody>
425
- <tr>
426
- <td class="col-md-3">
427
- <h6><b>HostListeners</b></h6>
428
- </td>
429
- <td class="col-md-9">
430
- <ul class="index-list">
431
- <li>
432
- <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#keydown.enter" >keydown.enter</a>
433
- </li>
434
- </ul>
435
- </td>
436
- </tr>
437
- </tbody>
438
- </table>
439
377
 
440
- <table class="table table-sm table-bordered index-table">
441
- <tbody>
442
- <tr>
443
- <td class="col-md-3">
444
- <h6><b>Accessors</b></h6>
445
- </td>
446
- <td class="col-md-9">
447
- <ul class="index-list">
448
- <li>
449
- <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
450
- <a href="#cssClasses" >cssClasses</a>
451
- </li>
452
- </ul>
453
- </td>
454
- </tr>
455
- </tbody>
456
- </table>
457
378
  </section>
458
379
 
459
380
 
@@ -689,302 +610,13 @@
689
610
  </table>
690
611
  </section>
691
612
 
692
- <section data-compodoc="block-properties">
693
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
694
- <tbody>
695
- <tr>
696
- <td class="col-md-4">
697
- <a name="attr.role"></a>
698
- <span class="name">
699
- <span ><b>attr.role</b></span>
700
- <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
701
- </span>
702
- </td>
703
- </tr>
704
- <tr>
705
- <td class="col-md-4">
706
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
707
-
708
- </td>
709
- </tr>
710
- <tr>
711
- <td class="col-md-4">
712
- <i>Default value : </i><code>&#x27;search&#x27;</code>
713
- </td>
714
- </tr>
715
613
 
716
614
 
717
- </tbody>
718
- </table>
719
- <table class="table table-sm table-bordered">
720
- <tbody>
721
- <tr>
722
- <td class="col-md-4">
723
- <a name="class"></a>
724
- <span class="name">
725
- <span ><b>class</b></span>
726
- <a href="#class"><span class="icon ion-ios-link"></span></a>
727
- </span>
728
- </td>
729
- </tr>
730
- <tr>
731
- <td class="col-md-4">
732
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
733
-
734
- </td>
735
- </tr>
736
-
737
- <tr>
738
- <td class="col-md-4">
739
- <div class="io-description"><p>Applies the base class <code>ecl-search-form</code> to the host element.</p>
740
- </div>
741
- </td>
742
- </tr>
743
-
744
- </tbody>
745
- </table>
746
- </section>
747
-
748
- <section data-compodoc="block-methods">
749
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
750
- <tbody>
751
- <tr>
752
- <td class="col-md-4">
753
- <a name="keydown.enter"></a>
754
- <span class="name">
755
- <span ><b>keydown.enter</b></span>
756
- <a href="#keydown.enter"><span class="icon ion-ios-link"></span></a>
757
- </span>
758
- </td>
759
- </tr>
760
- <tr>
761
- <td class="col-md-4">
762
- <i>Arguments : </i><code>'$event' </code>
763
- </td>
764
- </tr>
765
- <tr>
766
- <td class="col-md-4">
767
- <code>keydown.enter(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
768
- </td>
769
- </tr>
770
-
771
-
772
-
773
-
774
- <tr>
775
- <td class="col-md-4">
776
- <div class="io-description"><p>Perform search when user clicks Enter when on the input field. Emits the search event with the search text.</p>
777
- </div>
778
-
779
- </td>
780
- </tr>
781
- </tbody>
782
- </table>
783
- </section>
784
-
785
615
  <section data-compodoc="block-methods">
786
616
 
787
617
  <h3 id="methods">
788
618
  Methods
789
619
  </h3>
790
- <table class="table table-sm table-bordered">
791
- <tbody>
792
- <tr>
793
- <td class="col-md-4">
794
- <a name="onEnterKeyDown"></a>
795
- <span class="name">
796
- <span class="modifier"></span>
797
- <span ><b>onEnterKeyDown</b></span>
798
- <a href="#onEnterKeyDown"><span class="icon ion-ios-link"></span></a>
799
- </span>
800
- </td>
801
- </tr>
802
- <tr>
803
- <td class="col-md-4">
804
- <span class="modifier-icon icon ion-ios-reset"></span>
805
- <code>onEnterKeyDown(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
806
- </td>
807
- </tr>
808
-
809
- <tr>
810
- <td class="col-md-4">
811
- <b>Decorators : </b>
812
- <br />
813
- <code>@HostListener(&#x27;keydown.enter&#x27;, [&#x27;$event&#x27;])<br /></code>
814
- </td>
815
- </tr>
816
-
817
-
818
-
819
- <tr>
820
- <td class="col-md-4">
821
- <div class="io-description"><p>Perform search when user clicks Enter when on the input field. Emits the search event with the search text.</p>
822
- </div>
823
-
824
- <div class="io-description">
825
- <b>Parameters :</b>
826
-
827
- <table class="params">
828
- <thead>
829
- <tr>
830
- <td>Name</td>
831
- <td>Type</td>
832
- <td>Optional</td>
833
- </tr>
834
- </thead>
835
- <tbody>
836
- <tr>
837
- <td>evt</td>
838
- <td>
839
- <code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
840
- </td>
841
-
842
- <td>
843
- No
844
- </td>
845
-
846
-
847
- </tr>
848
- </tbody>
849
- </table>
850
- </div>
851
- <div class="io-description">
852
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
853
-
854
- </div>
855
- <div class="io-description">
856
-
857
- </div>
858
- </td>
859
- </tr>
860
- </tbody>
861
- </table>
862
- <table class="table table-sm table-bordered">
863
- <tbody>
864
- <tr>
865
- <td class="col-md-4">
866
- <a name="onModelChange"></a>
867
- <span class="name">
868
- <span ><b>onModelChange</b></span>
869
- <a href="#onModelChange"><span class="icon ion-ios-link"></span></a>
870
- </span>
871
- </td>
872
- </tr>
873
- <tr>
874
- <td class="col-md-4">
875
- <code>onModelChange(newValue: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
876
- </td>
877
- </tr>
878
-
879
-
880
-
881
-
882
- <tr>
883
- <td class="col-md-4">
884
- <div class="io-description"><p>Assigns the new input text value to the &#39;searchInputText&#39; property, each time the input is changed.</p>
885
- </div>
886
-
887
- <div class="io-description">
888
- <b>Parameters :</b>
889
-
890
- <table class="params">
891
- <thead>
892
- <tr>
893
- <td>Name</td>
894
- <td>Type</td>
895
- <td>Optional</td>
896
- </tr>
897
- </thead>
898
- <tbody>
899
- <tr>
900
- <td>newValue</td>
901
- <td>
902
- <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
903
- </td>
904
-
905
- <td>
906
- No
907
- </td>
908
-
909
-
910
- </tr>
911
- </tbody>
912
- </table>
913
- </div>
914
- <div class="io-description">
915
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
916
-
917
- </div>
918
- <div class="io-description">
919
-
920
- </div>
921
- </td>
922
- </tr>
923
- </tbody>
924
- </table>
925
- <table class="table table-sm table-bordered">
926
- <tbody>
927
- <tr>
928
- <td class="col-md-4">
929
- <a name="onSearchClick"></a>
930
- <span class="name">
931
- <span ><b>onSearchClick</b></span>
932
- <a href="#onSearchClick"><span class="icon ion-ios-link"></span></a>
933
- </span>
934
- </td>
935
- </tr>
936
- <tr>
937
- <td class="col-md-4">
938
- <code>onSearchClick(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
939
- </td>
940
- </tr>
941
-
942
-
943
-
944
-
945
- <tr>
946
- <td class="col-md-4">
947
- <div class="io-description"><p>Perform search when user clicks the search button. Emits the search event with the search text.</p>
948
- </div>
949
-
950
- <div class="io-description">
951
- <b>Parameters :</b>
952
-
953
- <table class="params">
954
- <thead>
955
- <tr>
956
- <td>Name</td>
957
- <td>Type</td>
958
- <td>Optional</td>
959
- </tr>
960
- </thead>
961
- <tbody>
962
- <tr>
963
- <td>evt</td>
964
- <td>
965
- <code><a href="https://angular.dev/api/router/Event" target="_blank" >Event</a></code>
966
- </td>
967
-
968
- <td>
969
- No
970
- </td>
971
-
972
-
973
- </tr>
974
- </tbody>
975
- </table>
976
- </div>
977
- <div class="io-description">
978
- <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
979
-
980
- </div>
981
- <div class="io-description">
982
-
983
- </div>
984
- </td>
985
- </tr>
986
- </tbody>
987
- </table>
988
620
  <table class="table table-sm table-bordered">
989
621
  <tbody>
990
622
  <tr>
@@ -1231,82 +863,7 @@
1231
863
  </table>
1232
864
  </section>
1233
865
 
1234
- <section data-compodoc="block-properties">
1235
-
1236
- <h3 id="inputs">
1237
- Properties
1238
- </h3>
1239
- <table class="table table-sm table-bordered">
1240
- <tbody>
1241
- <tr>
1242
- <td class="col-md-4">
1243
- <a name="role"></a>
1244
- <span class="name">
1245
- <span class="modifier"></span>
1246
- <span ><b>role</b></span>
1247
- <a href="#role"><span class="icon ion-ios-link"></span></a>
1248
- </span>
1249
- </td>
1250
- </tr>
1251
- <tr>
1252
- <td class="col-md-4">
1253
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1254
866
 
1255
- </td>
1256
- </tr>
1257
- <tr>
1258
- <td class="col-md-4">
1259
- <i>Default value : </i><code>&#x27;search&#x27;</code>
1260
- </td>
1261
- </tr>
1262
- <tr>
1263
- <td class="col-md-4">
1264
- <b>Decorators : </b>
1265
- <br />
1266
- <code>
1267
- @HostBinding(&#x27;attr.role&#x27;)<br />
1268
- </code>
1269
- </td>
1270
- </tr>
1271
-
1272
-
1273
- </tbody>
1274
- </table>
1275
- </section>
1276
-
1277
- <section data-compodoc="block-accessors">
1278
- <h3 id="accessors">
1279
- Accessors
1280
- </h3>
1281
- <table class="table table-sm table-bordered">
1282
- <tbody>
1283
- <tr>
1284
- <td class="col-md-4">
1285
- <a name="cssClasses"></a>
1286
- <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
1287
- </td>
1288
- </tr>
1289
-
1290
- <tr>
1291
- <td class="col-md-4">
1292
- <span class="accessor"><b>get</b><code>cssClasses()</code></span>
1293
- </td>
1294
- </tr>
1295
- <tr>
1296
- <td class="col-md-4">
1297
- <div class="io-description"><p>Applies the base class <code>ecl-search-form</code> to the host element.</p>
1298
- </div>
1299
-
1300
- <div class="io-description">
1301
- <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1302
-
1303
- </div>
1304
- </td>
1305
- </tr>
1306
-
1307
- </tbody>
1308
- </table>
1309
- </section>
1310
867
  </div>
1311
868
 
1312
869