@eui/ecl 22.0.0-alpha.3 → 22.0.0-alpha.4

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 (50) hide show
  1. package/docs/changelog.html +10 -0
  2. package/docs/components/EclDateBlockComponent.html +0 -9
  3. package/docs/components/EclMenuItemComponent.html +46 -0
  4. package/docs/components/EclSiteFooterRowCommonComponent.html +1 -1
  5. package/docs/components/EclSiteHeaderLanguageComponent.html +5 -627
  6. package/docs/components/EclSiteHeaderLanguagePopoverComponent.html +99 -440
  7. package/docs/components/EclSiteHeaderLoginComponent.html +9 -453
  8. package/docs/components/EclSiteHeaderSearchComponent.html +18 -470
  9. package/docs/components/EclSocialMediaFollowComponent.html +28 -39
  10. package/docs/components/EclSocialMediaFollowItemComponent.html +21 -124
  11. package/docs/directives/ECLClickOutsideDirective.html +3 -0
  12. package/docs/directives/EclDividerDirective.html +0 -116
  13. package/docs/directives/EclFileUploadDirective.html +2 -390
  14. package/docs/js/search/search_index.js +2 -2
  15. package/docs/json/EclSiteHeaderLanguagePopoverComponent.md +6 -6
  16. package/docs/json/EclSiteHeaderSearchComponent.md +1 -0
  17. package/docs/json/EclSocialMediaFollowComponent.md +1 -0
  18. package/docs/json/documentation.json +685 -1161
  19. package/docs/llms.txt +20 -43
  20. package/docs/miscellaneous/variables.html +222 -41
  21. package/docs/properties.html +1 -1
  22. package/fesm2022/eui-ecl-components-ecl-date-block.mjs +2 -2
  23. package/fesm2022/eui-ecl-components-ecl-date-block.mjs.map +1 -1
  24. package/fesm2022/eui-ecl-components-ecl-divider.mjs +6 -13
  25. package/fesm2022/eui-ecl-components-ecl-divider.mjs.map +1 -1
  26. package/fesm2022/eui-ecl-components-ecl-file-upload.mjs +13 -27
  27. package/fesm2022/eui-ecl-components-ecl-file-upload.mjs.map +1 -1
  28. package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs +53 -9
  29. package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs.map +1 -1
  30. package/fesm2022/eui-ecl-components-ecl-menu.mjs +16 -3
  31. package/fesm2022/eui-ecl-components-ecl-menu.mjs.map +1 -1
  32. package/fesm2022/eui-ecl-components-ecl-site-footer.mjs +2 -2
  33. package/fesm2022/eui-ecl-components-ecl-site-footer.mjs.map +1 -1
  34. package/fesm2022/eui-ecl-components-ecl-site-header.mjs +326 -261
  35. package/fesm2022/eui-ecl-components-ecl-site-header.mjs.map +1 -1
  36. package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs +17 -17
  37. package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs.map +1 -1
  38. package/package.json +1 -1
  39. package/types/eui-ecl-components-ecl-date-block.d.ts.map +1 -1
  40. package/types/eui-ecl-components-ecl-divider.d.ts +0 -4
  41. package/types/eui-ecl-components-ecl-divider.d.ts.map +1 -1
  42. package/types/eui-ecl-components-ecl-file-upload.d.ts.map +1 -1
  43. package/types/eui-ecl-components-ecl-inpage-navigation.d.ts +25 -0
  44. package/types/eui-ecl-components-ecl-inpage-navigation.d.ts.map +1 -1
  45. package/types/eui-ecl-components-ecl-menu.d.ts +12 -1
  46. package/types/eui-ecl-components-ecl-menu.d.ts.map +1 -1
  47. package/types/eui-ecl-components-ecl-site-header.d.ts +240 -216
  48. package/types/eui-ecl-components-ecl-site-header.d.ts.map +1 -1
  49. package/types/eui-ecl-components-ecl-social-media-follow.d.ts +4 -2
  50. package/types/eui-ecl-components-ecl-social-media-follow.d.ts.map +1 -1
package/docs/directives/EclFileUploadDirective.html CHANGED
@@ -234,7 +234,6 @@ Supports multiple file selection, dynamic file list rendering, translations and
234
234
  <ul class="index-list">
235
235
  <li>
236
236
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
237
- <span class="modifier"></span>
238
237
  <a href="#type" >type</a>
239
238
  </li>
240
239
  </ul>
@@ -253,12 +252,10 @@ Supports multiple file selection, dynamic file list rendering, translations and
253
252
  <ul class="index-list">
254
253
  <li>
255
254
  <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
256
- <span class="modifier"></span>
257
255
  <a href="#onClick" >onClick</a>
258
256
  </li>
259
257
  <li>
260
258
  <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
261
- <span class="modifier"></span>
262
259
  <a href="#onFilesSelected" >onFilesSelected</a>
263
260
  </li>
264
261
  <li>
@@ -326,57 +323,7 @@ Supports multiple file selection, dynamic file list rendering, translations and
326
323
  </tbody>
327
324
  </table>
328
325
 
329
- <table class="table table-sm table-bordered index-table">
330
- <tbody>
331
- <tr>
332
- <td class="col-md-3">
333
- <h6><b>HostBindings</b></h6>
334
- </td>
335
- <td class="col-md-9">
336
- <ul class="index-list">
337
- <li>
338
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.disabled" >attr.disabled</a>
339
- </li>
340
- <li>
341
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.id" >attr.id</a>
342
- </li>
343
- <li>
344
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.multiple" >attr.multiple</a>
345
- </li>
346
- <li>
347
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.type" >attr.type</a>
348
- </li>
349
- <li>
350
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
351
- </li>
352
- <li>
353
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-file-upload--invalid" >class.ecl-file-upload--invalid</a>
354
- </li>
355
- </ul>
356
- </td>
357
- </tr>
358
- </tbody>
359
- </table>
360
326
 
361
- <table class="table table-sm table-bordered index-table">
362
- <tbody>
363
- <tr>
364
- <td class="col-md-3">
365
- <h6><b>HostListeners</b></h6>
366
- </td>
367
- <td class="col-md-9">
368
- <ul class="index-list">
369
- <li>
370
- <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#change" >change</a>
371
- </li>
372
- <li>
373
- <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#click" >click</a>
374
- </li>
375
- </ul>
376
- </td>
377
- </tr>
378
- </tbody>
379
- </table>
380
327
 
381
328
  <table class="table table-sm table-bordered index-table">
382
329
  <tbody>
@@ -615,314 +562,7 @@ Supports multiple file selection, dynamic file list rendering, translations and
615
562
  </table>
616
563
  </section>
617
564
 
618
- <section data-compodoc="block-properties">
619
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
620
- <tbody>
621
- <tr>
622
- <td class="col-md-4">
623
- <a name="attr.disabled"></a>
624
- <span class="name">
625
- <span ><b>attr.disabled</b></span>
626
- <a href="#attr.disabled"><span class="icon ion-ios-link"></span></a>
627
- </span>
628
- </td>
629
- </tr>
630
- <tr>
631
- <td class="col-md-4">
632
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
633
-
634
- </td>
635
- </tr>
636
- <tr>
637
- <td class="col-md-4">
638
- <i>Default value : </i><code>input&lt;boolean, unknown&gt;(undefined, { transform: booleanAttribute })</code>
639
- </td>
640
- </tr>
641
-
642
- <tr>
643
- <td class="col-md-4">
644
- <div class="io-description"><p>Whether the component is disabled.</p>
645
- </div>
646
- </td>
647
- </tr>
648
-
649
- </tbody>
650
- </table>
651
- <table class="table table-sm table-bordered">
652
- <tbody>
653
- <tr>
654
- <td class="col-md-4">
655
- <a name="attr.id"></a>
656
- <span class="name">
657
- <span ><b>attr.id</b></span>
658
- <a href="#attr.id"><span class="icon ion-ios-link"></span></a>
659
- </span>
660
- </td>
661
- </tr>
662
- <tr>
663
- <td class="col-md-4">
664
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
665
-
666
- </td>
667
- </tr>
668
- <tr>
669
- <td class="col-md-4">
670
- <i>Default value : </i><code>input&lt;string&gt;(undefined)</code>
671
- </td>
672
- </tr>
673
-
674
- <tr>
675
- <td class="col-md-4">
676
- <div class="io-description"><p>ID attribute applied to the native file input.</p>
677
- </div>
678
- </td>
679
- </tr>
680
-
681
- </tbody>
682
- </table>
683
- <table class="table table-sm table-bordered">
684
- <tbody>
685
- <tr>
686
- <td class="col-md-4">
687
- <a name="attr.multiple"></a>
688
- <span class="name">
689
- <span ><b>attr.multiple</b></span>
690
- <a href="#attr.multiple"><span class="icon ion-ios-link"></span></a>
691
- </span>
692
- </td>
693
- </tr>
694
- <tr>
695
- <td class="col-md-4">
696
- <i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
697
-
698
- </td>
699
- </tr>
700
- <tr>
701
- <td class="col-md-4">
702
- <i>Default value : </i><code>input&lt;boolean, unknown&gt;(undefined, { transform: booleanAttribute })</code>
703
- </td>
704
- </tr>
705
-
706
- <tr>
707
- <td class="col-md-4">
708
- <div class="io-description"><p>Allows selecting multiple files.</p>
709
- </div>
710
- </td>
711
- </tr>
712
-
713
- </tbody>
714
- </table>
715
- <table class="table table-sm table-bordered">
716
- <tbody>
717
- <tr>
718
- <td class="col-md-4">
719
- <a name="attr.type"></a>
720
- <span class="name">
721
- <span ><b>attr.type</b></span>
722
- <a href="#attr.type"><span class="icon ion-ios-link"></span></a>
723
- </span>
724
- </td>
725
- </tr>
726
- <tr>
727
- <td class="col-md-4">
728
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
729
-
730
- </td>
731
- </tr>
732
- <tr>
733
- <td class="col-md-4">
734
- <i>Default value : </i><code>&#x27;file&#x27;</code>
735
- </td>
736
- </tr>
737
-
738
- <tr>
739
- <td class="col-md-4">
740
- <div class="io-description"><p>Host binding to define input type as &#39;file&#39;.</p>
741
- </div>
742
- </td>
743
- </tr>
744
-
745
- </tbody>
746
- </table>
747
- <table class="table table-sm table-bordered">
748
- <tbody>
749
- <tr>
750
- <td class="col-md-4">
751
- <a name="class"></a>
752
- <span class="name">
753
- <span ><b>class</b></span>
754
- <a href="#class"><span class="icon ion-ios-link"></span></a>
755
- </span>
756
- </td>
757
- </tr>
758
- <tr>
759
- <td class="col-md-4">
760
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
761
-
762
- </td>
763
- </tr>
764
-
765
- <tr>
766
- <td class="col-md-4">
767
- <div class="io-description"><p>Applies the base <code>ecl-file-upload</code> class to the host element.</p>
768
- </div>
769
- </td>
770
- </tr>
771
-
772
- </tbody>
773
- </table>
774
- <table class="table table-sm table-bordered">
775
- <tbody>
776
- <tr>
777
- <td class="col-md-4">
778
- <a name="class.ecl-file-upload--invalid"></a>
779
- <span class="name">
780
- <span ><b>class.ecl-file-upload--invalid</b></span>
781
- <a href="#class.ecl-file-upload--invalid"><span class="icon ion-ios-link"></span></a>
782
- </span>
783
- </td>
784
- </tr>
785
- <tr>
786
- <td class="col-md-4">
787
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
788
-
789
- </td>
790
- </tr>
791
-
792
- <tr>
793
- <td class="col-md-4">
794
- <div class="io-description"><p>Returns <code>true</code> if component should be displayed as invalid.
795
- Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
796
- </div>
797
- </td>
798
- </tr>
799
-
800
- </tbody>
801
- </table>
802
- </section>
803
-
804
- <section data-compodoc="block-host-listener">
805
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
806
- <tbody>
807
- <tr>
808
- <td class="col-md-4">
809
- <a name="change"></a>
810
- <span class="name">
811
- <b>
812
- change
813
- </b>
814
- <a href="#change"><span class="icon ion-ios-link"></span></a>
815
- </span>
816
- </td>
817
- </tr>
818
- <tr>
819
- <td class="col-md-4">
820
- <i>Arguments : </i><code>'$event' </code>
821
- </td>
822
- </tr>
823
-
824
-
825
-
826
-
827
- <tr>
828
- <td class="col-md-4">
829
- <div class="io-description"><p>Handles file selection and emits a structured file selection event.</p>
830
- </div>
831
-
832
- <div class="io-description">
833
- <b>Parameters :</b>
834
- <table class="params">
835
- <thead>
836
- <tr>
837
- <td>Name</td>
838
- <td>Optional</td>
839
- <td>Description</td>
840
- </tr>
841
- </thead>
842
- <tbody>
843
- <tr>
844
- <td>evt</td>
845
-
846
- <td>
847
- No
848
- </td>
849
-
850
-
851
- <td>
852
- <p>Change event from input.</p>
853
-
854
- </td>
855
- </tr>
856
- </tbody>
857
- </table>
858
- </div>
859
- <div>
860
- </div>
861
- </td>
862
- </tr>
863
- </tbody>
864
- </table>
865
- <table class="table table-sm table-bordered">
866
- <tbody>
867
- <tr>
868
- <td class="col-md-4">
869
- <a name="click"></a>
870
- <span class="name">
871
- <b>
872
- click
873
- </b>
874
- <a href="#click"><span class="icon ion-ios-link"></span></a>
875
- </span>
876
- </td>
877
- </tr>
878
- <tr>
879
- <td class="col-md-4">
880
- <i>Arguments : </i><code>'$event' </code>
881
- </td>
882
- </tr>
883
-
884
-
885
-
886
-
887
- <tr>
888
- <td class="col-md-4">
889
- <div class="io-description"><p>Prevents file dialog from opening when component is disabled.</p>
890
- </div>
891
565
 
892
- <div class="io-description">
893
- <b>Parameters :</b>
894
- <table class="params">
895
- <thead>
896
- <tr>
897
- <td>Name</td>
898
- <td>Optional</td>
899
- <td>Description</td>
900
- </tr>
901
- </thead>
902
- <tbody>
903
- <tr>
904
- <td>evt</td>
905
-
906
- <td>
907
- No
908
- </td>
909
-
910
-
911
- <td>
912
- <p>Click event on the input element.</p>
913
-
914
- </td>
915
- </tr>
916
- </tbody>
917
- </table>
918
- </div>
919
- <div>
920
- </div>
921
- </td>
922
- </tr>
923
- </tbody>
924
- </table>
925
- </section>
926
566
 
927
567
  <section data-compodoc="block-methods">
928
568
 
@@ -935,7 +575,6 @@ Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
935
575
  <td class="col-md-4">
936
576
  <a name="onClick"></a>
937
577
  <span class="name">
938
- <span class="modifier"></span>
939
578
  <span ><b>onClick</b></span>
940
579
  <a href="#onClick"><span class="icon ion-ios-link"></span></a>
941
580
  </span>
@@ -943,18 +582,10 @@ Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
943
582
  </tr>
944
583
  <tr>
945
584
  <td class="col-md-4">
946
- <span class="modifier-icon icon ion-ios-reset"></span>
947
- <code>onClick(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
585
+ <code>onClick(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
948
586
  </td>
949
587
  </tr>
950
588
 
951
- <tr>
952
- <td class="col-md-4">
953
- <b>Decorators : </b>
954
- <br />
955
- <code>@HostListener(&#x27;click&#x27;, [&#x27;$event&#x27;])<br /></code>
956
- </td>
957
- </tr>
958
589
 
959
590
 
960
591
 
@@ -1012,7 +643,6 @@ Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
1012
643
  <td class="col-md-4">
1013
644
  <a name="onFilesSelected"></a>
1014
645
  <span class="name">
1015
- <span class="modifier"></span>
1016
646
  <span ><b>onFilesSelected</b></span>
1017
647
  <a href="#onFilesSelected"><span class="icon ion-ios-link"></span></a>
1018
648
  </span>
@@ -1020,18 +650,10 @@ Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
1020
650
  </tr>
1021
651
  <tr>
1022
652
  <td class="col-md-4">
1023
- <span class="modifier-icon icon ion-ios-reset"></span>
1024
- <code>onFilesSelected(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
653
+ <code>onFilesSelected(evt: <a href="https://angular.dev/api/router/Event" target="_blank">Event</a>)</code>
1025
654
  </td>
1026
655
  </tr>
1027
656
 
1028
- <tr>
1029
- <td class="col-md-4">
1030
- <b>Decorators : </b>
1031
- <br />
1032
- <code>@HostListener(&#x27;change&#x27;, [&#x27;$event&#x27;])<br /></code>
1033
- </td>
1034
- </tr>
1035
657
 
1036
658
 
1037
659
 
@@ -1157,7 +779,6 @@ Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
1157
779
  <td class="col-md-4">
1158
780
  <a name="type"></a>
1159
781
  <span class="name">
1160
- <span class="modifier"></span>
1161
782
  <span ><b>type</b></span>
1162
783
  <a href="#type"><span class="icon ion-ios-link"></span></a>
1163
784
  </span>
@@ -1174,15 +795,6 @@ Prioritizes Angular form control status over <code>isInvalid</code> input.</p>
1174
795
  <i>Default value : </i><code>&#x27;file&#x27;</code>
1175
796
  </td>
1176
797
  </tr>
1177
- <tr>
1178
- <td class="col-md-4">
1179
- <b>Decorators : </b>
1180
- <br />
1181
- <code>
1182
- @HostBinding(&#x27;attr.type&#x27;)<br />
1183
- </code>
1184
- </td>
1185
- </tr>
1186
798
 
1187
799
  <tr>
1188
800
  <td class="col-md-4">