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

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 (124) hide show
  1. package/docs/changelog.html +618 -0
  2. package/docs/components/EclDateBlockComponent.html +0 -9
  3. package/docs/components/EclDescriptionListDefinitionComponent.html +6 -44
  4. package/docs/components/EclIconComponent.html +1 -1
  5. package/docs/components/EclListIllustrationComponent.html +0 -171
  6. package/docs/components/EclListIllustrationItemComponent.html +77 -83
  7. package/docs/components/EclLoadingIndicatorComponent.html +4 -91
  8. package/docs/components/EclMegaMenuComponent.html +5 -203
  9. package/docs/components/EclMegaMenuFeaturedComponent.html +10 -126
  10. package/docs/components/EclMegaMenuInfoComponent.html +0 -91
  11. package/docs/components/EclMegaMenuItemComponent.html +38 -115
  12. package/docs/components/EclMegaMenuSubitemComponent.html +4 -68
  13. package/docs/components/EclMenuItemComponent.html +46 -0
  14. package/docs/components/EclModalBodyComponent.html +4 -45
  15. package/docs/components/EclModalComponent.html +5 -178
  16. package/docs/components/EclModalFooterComponent.html +4 -45
  17. package/docs/components/EclModalHeaderComponent.html +9 -76
  18. package/docs/components/EclSiteFooterRowCommonComponent.html +1 -1
  19. package/docs/components/EclSiteHeaderLanguageComponent.html +5 -627
  20. package/docs/components/EclSiteHeaderLanguagePopoverComponent.html +99 -440
  21. package/docs/components/EclSiteHeaderLoginComponent.html +9 -453
  22. package/docs/components/EclSiteHeaderSearchComponent.html +18 -470
  23. package/docs/components/EclSocialMediaFollowComponent.html +28 -39
  24. package/docs/components/EclSocialMediaFollowItemComponent.html +26 -129
  25. package/docs/components/EclStoryCardComponent.html +1 -1
  26. package/docs/directives/ECLClickOutsideDirective.html +3 -0
  27. package/docs/directives/EclDescriptionListDefinitionItemDirective.html +6 -47
  28. package/docs/directives/EclDescriptionListDefinitionListDirective.html +0 -116
  29. package/docs/directives/EclDividerDirective.html +0 -116
  30. package/docs/directives/EclFileUploadDirective.html +2 -390
  31. package/docs/directives/EclLabelDirective.html +0 -46
  32. package/docs/directives/EclLinkDirective.html +0 -39
  33. package/docs/directives/EclLoadingIndicatorLabelDirective.html +0 -61
  34. package/docs/directives/EclLoadingIndicatorOverlayDirective.html +0 -45
  35. package/docs/directives/EclMediaContainerCaptionDirective.html +0 -39
  36. package/docs/directives/EclMediaContainerCreditDirective.html +0 -39
  37. package/docs/directives/EclMediaContainerIframeDirective.html +13 -19
  38. package/docs/directives/EclMediaContainerItemAudioDescriptionDirective.html +0 -39
  39. package/docs/directives/EclMediaContainerItemDirective.html +0 -39
  40. package/docs/directives/EclMediaContainerPictureDirective.html +0 -39
  41. package/docs/directives/EclMegaMenuContainerDirective.html +0 -104
  42. package/docs/directives/EclMegaMenuFeaturedImageDirective.html +0 -104
  43. package/docs/directives/EclMegaMenuFeaturedListDirective.html +0 -104
  44. package/docs/directives/EclMegaMenuFeaturedListItemDescriptionDirective.html +0 -104
  45. package/docs/directives/EclMegaMenuFeaturedListItemDirective.html +0 -104
  46. package/docs/directives/EclMegaMenuFeaturedPictureDirective.html +0 -39
  47. package/docs/directives/EclMegaMenuListDirective.html +0 -104
  48. package/docs/directives/EclMegaMenuSpacerDirective.html +0 -104
  49. package/docs/directives/EclMegaMenuSublistDirective.html +0 -165
  50. package/docs/directives/EclModalBodyFixedContentDirective.html +0 -61
  51. package/docs/directives/EclModalCloseDirective.html +1 -90
  52. package/docs/directives/EclModalTriggerDirective.html +1 -90
  53. package/docs/js/search/search_index.js +2 -2
  54. package/docs/json/EclIconComponent.md +1 -1
  55. package/docs/json/EclMediaContainerIframeDirective.md +0 -1
  56. package/docs/json/EclSiteHeaderLanguagePopoverComponent.md +6 -6
  57. package/docs/json/EclSiteHeaderSearchComponent.md +1 -0
  58. package/docs/json/EclSocialMediaFollowComponent.md +1 -0
  59. package/docs/json/documentation.json +1261 -2880
  60. package/docs/llms.txt +31 -84
  61. package/docs/miscellaneous/variables.html +222 -41
  62. package/docs/properties.html +1 -1
  63. package/fesm2022/eui-ecl-components-ecl-date-block.mjs +2 -2
  64. package/fesm2022/eui-ecl-components-ecl-date-block.mjs.map +1 -1
  65. package/fesm2022/eui-ecl-components-ecl-divider.mjs +6 -13
  66. package/fesm2022/eui-ecl-components-ecl-divider.mjs.map +1 -1
  67. package/fesm2022/eui-ecl-components-ecl-file-upload.mjs +13 -27
  68. package/fesm2022/eui-ecl-components-ecl-file-upload.mjs.map +1 -1
  69. package/fesm2022/eui-ecl-components-ecl-icon.mjs.map +1 -1
  70. package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs +55 -9
  71. package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs.map +1 -1
  72. package/fesm2022/eui-ecl-components-ecl-label.mjs +6 -6
  73. package/fesm2022/eui-ecl-components-ecl-label.mjs.map +1 -1
  74. package/fesm2022/eui-ecl-components-ecl-link.mjs +10 -13
  75. package/fesm2022/eui-ecl-components-ecl-link.mjs.map +1 -1
  76. package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs +19 -30
  77. package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs.map +1 -1
  78. package/fesm2022/eui-ecl-components-ecl-list.mjs +44 -41
  79. package/fesm2022/eui-ecl-components-ecl-list.mjs.map +1 -1
  80. package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs +17 -20
  81. package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs.map +1 -1
  82. package/fesm2022/eui-ecl-components-ecl-media-container.mjs +36 -33
  83. package/fesm2022/eui-ecl-components-ecl-media-container.mjs.map +1 -1
  84. package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs +100 -159
  85. package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs.map +1 -1
  86. package/fesm2022/eui-ecl-components-ecl-menu.mjs +16 -3
  87. package/fesm2022/eui-ecl-components-ecl-menu.mjs.map +1 -1
  88. package/fesm2022/eui-ecl-components-ecl-modal.mjs +94 -88
  89. package/fesm2022/eui-ecl-components-ecl-modal.mjs.map +1 -1
  90. package/fesm2022/eui-ecl-components-ecl-site-footer.mjs +2 -2
  91. package/fesm2022/eui-ecl-components-ecl-site-footer.mjs.map +1 -1
  92. package/fesm2022/eui-ecl-components-ecl-site-header.mjs +326 -261
  93. package/fesm2022/eui-ecl-components-ecl-site-header.mjs.map +1 -1
  94. package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs +17 -17
  95. package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs.map +1 -1
  96. package/fesm2022/eui-ecl-components-ecl-story-card.mjs +2 -2
  97. package/fesm2022/eui-ecl-components-ecl-story-card.mjs.map +1 -1
  98. package/package.json +1 -1
  99. package/types/eui-ecl-components-ecl-date-block.d.ts.map +1 -1
  100. package/types/eui-ecl-components-ecl-divider.d.ts +0 -4
  101. package/types/eui-ecl-components-ecl-divider.d.ts.map +1 -1
  102. package/types/eui-ecl-components-ecl-file-upload.d.ts.map +1 -1
  103. package/types/eui-ecl-components-ecl-inpage-navigation.d.ts +25 -0
  104. package/types/eui-ecl-components-ecl-inpage-navigation.d.ts.map +1 -1
  105. package/types/eui-ecl-components-ecl-label.d.ts.map +1 -1
  106. package/types/eui-ecl-components-ecl-link.d.ts +2 -4
  107. package/types/eui-ecl-components-ecl-link.d.ts.map +1 -1
  108. package/types/eui-ecl-components-ecl-list-illustration.d.ts +3 -3
  109. package/types/eui-ecl-components-ecl-list-illustration.d.ts.map +1 -1
  110. package/types/eui-ecl-components-ecl-list.d.ts +9 -12
  111. package/types/eui-ecl-components-ecl-list.d.ts.map +1 -1
  112. package/types/eui-ecl-components-ecl-loading-indicator.d.ts.map +1 -1
  113. package/types/eui-ecl-components-ecl-media-container.d.ts +7 -2
  114. package/types/eui-ecl-components-ecl-media-container.d.ts.map +1 -1
  115. package/types/eui-ecl-components-ecl-mega-menu.d.ts +12 -22
  116. package/types/eui-ecl-components-ecl-mega-menu.d.ts.map +1 -1
  117. package/types/eui-ecl-components-ecl-menu.d.ts +12 -1
  118. package/types/eui-ecl-components-ecl-menu.d.ts.map +1 -1
  119. package/types/eui-ecl-components-ecl-modal.d.ts +20 -10
  120. package/types/eui-ecl-components-ecl-modal.d.ts.map +1 -1
  121. package/types/eui-ecl-components-ecl-site-header.d.ts +240 -216
  122. package/types/eui-ecl-components-ecl-site-header.d.ts.map +1 -1
  123. package/types/eui-ecl-components-ecl-social-media-follow.d.ts +5 -3
  124. package/types/eui-ecl-components-ecl-social-media-follow.d.ts.map +1 -1
@@ -169,6 +169,10 @@
169
169
 
170
170
 
171
171
 
172
+ <tr>
173
+ <td class="col-md-3">host</td>
174
+ <td class="col-md-9"><code>{<br>}</code></td>
175
+ </tr>
172
176
 
173
177
 
174
178
 
@@ -235,7 +239,6 @@
235
239
  <ul class="index-list">
236
240
  <li>
237
241
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
238
- <span class="modifier"></span>
239
242
  <a href="#role" >role</a>
240
243
  </li>
241
244
  </ul>
@@ -298,25 +301,6 @@
298
301
  </table>
299
302
 
300
303
 
301
- <table class="table table-sm table-bordered index-table">
302
- <tbody>
303
- <tr>
304
- <td class="col-md-3">
305
- <h6><b>HostBindings</b></h6>
306
- </td>
307
- <td class="col-md-9">
308
- <ul class="index-list">
309
- <li>
310
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
311
- </li>
312
- <li>
313
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
314
- </li>
315
- </ul>
316
- </td>
317
- </tr>
318
- </tbody>
319
- </table>
320
304
 
321
305
 
322
306
  <table class="table table-sm table-bordered index-table">
@@ -514,67 +498,6 @@
514
498
  </section>
515
499
 
516
500
 
517
- <section data-compodoc="block-properties">
518
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
519
- <tbody>
520
- <tr>
521
- <td class="col-md-4">
522
- <a name="attr.role"></a>
523
- <span class="name">
524
- <span ><b>attr.role</b></span>
525
- <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
526
- </span>
527
- </td>
528
- </tr>
529
- <tr>
530
- <td class="col-md-4">
531
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
532
-
533
- </td>
534
- </tr>
535
- <tr>
536
- <td class="col-md-4">
537
- <i>Default value : </i><code>&#x27;alert&#x27;</code>
538
- </td>
539
- </tr>
540
-
541
- <tr>
542
- <td class="col-md-4">
543
- <div class="io-description"><p>Applies ARIA role for accessibility.</p>
544
- </div>
545
- </td>
546
- </tr>
547
-
548
- </tbody>
549
- </table>
550
- <table class="table table-sm table-bordered">
551
- <tbody>
552
- <tr>
553
- <td class="col-md-4">
554
- <a name="class"></a>
555
- <span class="name">
556
- <span ><b>class</b></span>
557
- <a href="#class"><span class="icon ion-ios-link"></span></a>
558
- </span>
559
- </td>
560
- </tr>
561
- <tr>
562
- <td class="col-md-4">
563
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
564
-
565
- </td>
566
- </tr>
567
-
568
- <tr>
569
- <td class="col-md-4">
570
- <div class="io-description"><p>Applies CSS classes based on size, variant and visibility settings.</p>
571
- </div>
572
- </td>
573
- </tr>
574
-
575
- </tbody>
576
- </table>
577
- </section>
578
501
 
579
502
 
580
503
  <section data-compodoc="block-methods">
@@ -656,7 +579,6 @@
656
579
  <td class="col-md-4">
657
580
  <a name="role"></a>
658
581
  <span class="name">
659
- <span class="modifier"></span>
660
582
  <span ><b>role</b></span>
661
583
  <a href="#role"><span class="icon ion-ios-link"></span></a>
662
584
  </span>
@@ -673,15 +595,6 @@
673
595
  <i>Default value : </i><code>&#x27;alert&#x27;</code>
674
596
  </td>
675
597
  </tr>
676
- <tr>
677
- <td class="col-md-4">
678
- <b>Decorators : </b>
679
- <br />
680
- <code>
681
- @HostBinding(&#x27;attr.role&#x27;)<br />
682
- </code>
683
- </td>
684
- </tr>
685
598
 
686
599
  <tr>
687
600
  <td class="col-md-4">
@@ -188,6 +188,10 @@ hidden deep into the lower levels of the hierarchy.</p>
188
188
 
189
189
 
190
190
 
191
+ <tr>
192
+ <td class="col-md-3">host</td>
193
+ <td class="col-md-9"><code>{<br>}</code></td>
194
+ </tr>
191
195
 
192
196
 
193
197
 
@@ -331,11 +335,6 @@ hidden deep into the lower levels of the hierarchy.</p>
331
335
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
332
336
  <a href="#overlayStyleTop" >overlayStyleTop</a>
333
337
  </li>
334
- <li>
335
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
336
- <span class="modifier"></span>
337
- <a href="#role" >role</a>
338
- </li>
339
338
  </ul>
340
339
  </td>
341
340
  </tr>
@@ -352,7 +351,6 @@ hidden deep into the lower levels of the hierarchy.</p>
352
351
  <ul class="index-list">
353
352
  <li>
354
353
  <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
355
- <span class="modifier"></span>
356
354
  <a href="#onClickOutsideMegaMenu" >onClickOutsideMegaMenu</a>
357
355
  </li>
358
356
  <li>
@@ -421,45 +419,7 @@ hidden deep into the lower levels of the hierarchy.</p>
421
419
  </tbody>
422
420
  </table>
423
421
 
424
- <table class="table table-sm table-bordered index-table">
425
- <tbody>
426
- <tr>
427
- <td class="col-md-3">
428
- <h6><b>HostBindings</b></h6>
429
- </td>
430
- <td class="col-md-9">
431
- <ul class="index-list">
432
- <li>
433
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.data-expanded" >attr.data-expanded</a>
434
- </li>
435
- <li>
436
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
437
- </li>
438
- <li>
439
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
440
- </li>
441
- </ul>
442
- </td>
443
- </tr>
444
- </tbody>
445
- </table>
446
422
 
447
- <table class="table table-sm table-bordered index-table">
448
- <tbody>
449
- <tr>
450
- <td class="col-md-3">
451
- <h6><b>HostListeners</b></h6>
452
- </td>
453
- <td class="col-md-9">
454
- <ul class="index-list">
455
- <li>
456
- <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#eclClickOutside" >eclClickOutside</a>
457
- </li>
458
- </ul>
459
- </td>
460
- </tr>
461
- </tbody>
462
- </table>
463
423
 
464
424
  <table class="table table-sm table-bordered index-table">
465
425
  <tbody>
@@ -580,114 +540,7 @@ hidden deep into the lower levels of the hierarchy.</p>
580
540
  </table>
581
541
  </section>
582
542
 
583
- <section data-compodoc="block-properties">
584
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
585
- <tbody>
586
- <tr>
587
- <td class="col-md-4">
588
- <a name="attr.data-expanded"></a>
589
- <span class="name">
590
- <span ><b>attr.data-expanded</b></span>
591
- <a href="#attr.data-expanded"><span class="icon ion-ios-link"></span></a>
592
- </span>
593
- </td>
594
- </tr>
595
- <tr>
596
- <td class="col-md-4">
597
- <i>Type : </i> <code>&quot;true&quot; | null</code>
598
-
599
- </td>
600
- </tr>
601
-
602
-
603
- </tbody>
604
- </table>
605
- <table class="table table-sm table-bordered">
606
- <tbody>
607
- <tr>
608
- <td class="col-md-4">
609
- <a name="attr.role"></a>
610
- <span class="name">
611
- <span ><b>attr.role</b></span>
612
- <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
613
- </span>
614
- </td>
615
- </tr>
616
- <tr>
617
- <td class="col-md-4">
618
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
619
-
620
- </td>
621
- </tr>
622
- <tr>
623
- <td class="col-md-4">
624
- <i>Default value : </i><code>&#x27;navigation&#x27;</code>
625
- </td>
626
- </tr>
627
543
 
628
- <tr>
629
- <td class="col-md-4">
630
- <div class="io-description"><p>The &#39;role&#39; attribute of the component is set to &#39;navigation&#39;. should not be changed.</p>
631
- </div>
632
- </td>
633
- </tr>
634
-
635
- </tbody>
636
- </table>
637
- <table class="table table-sm table-bordered">
638
- <tbody>
639
- <tr>
640
- <td class="col-md-4">
641
- <a name="class"></a>
642
- <span class="name">
643
- <span ><b>class</b></span>
644
- <a href="#class"><span class="icon ion-ios-link"></span></a>
645
- </span>
646
- </td>
647
- </tr>
648
- <tr>
649
- <td class="col-md-4">
650
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
651
-
652
- </td>
653
- </tr>
654
-
655
-
656
- </tbody>
657
- </table>
658
- </section>
659
-
660
- <section data-compodoc="block-methods">
661
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
662
- <tbody>
663
- <tr>
664
- <td class="col-md-4">
665
- <a name="eclClickOutside"></a>
666
- <span class="name">
667
- <span ><b>eclClickOutside</b></span>
668
- <a href="#eclClickOutside"><span class="icon ion-ios-link"></span></a>
669
- </span>
670
- </td>
671
- </tr>
672
- <tr>
673
- <td class="col-md-4">
674
- <code>eclClickOutside()</code>
675
- </td>
676
- </tr>
677
-
678
-
679
-
680
-
681
- <tr>
682
- <td class="col-md-4">
683
- <div class="io-description"><p>When clicking outside the menu - close any expanded item.</p>
684
- </div>
685
-
686
- </td>
687
- </tr>
688
- </tbody>
689
- </table>
690
- </section>
691
544
 
692
545
  <section data-compodoc="block-methods">
693
546
 
@@ -700,7 +553,6 @@ hidden deep into the lower levels of the hierarchy.</p>
700
553
  <td class="col-md-4">
701
554
  <a name="onClickOutsideMegaMenu"></a>
702
555
  <span class="name">
703
- <span class="modifier"></span>
704
556
  <span ><b>onClickOutsideMegaMenu</b></span>
705
557
  <a href="#onClickOutsideMegaMenu"><span class="icon ion-ios-link"></span></a>
706
558
  </span>
@@ -708,18 +560,10 @@ hidden deep into the lower levels of the hierarchy.</p>
708
560
  </tr>
709
561
  <tr>
710
562
  <td class="col-md-4">
711
- <span class="modifier-icon icon ion-ios-reset"></span>
712
- <code>onClickOutsideMegaMenu()</code>
563
+ <code>onClickOutsideMegaMenu()</code>
713
564
  </td>
714
565
  </tr>
715
566
 
716
- <tr>
717
- <td class="col-md-4">
718
- <b>Decorators : </b>
719
- <br />
720
- <code>@HostListener(&#x27;eclClickOutside&#x27;)<br /></code>
721
- </td>
722
- </tr>
723
567
 
724
568
 
725
569
 
@@ -1325,48 +1169,6 @@ hidden deep into the lower levels of the hierarchy.</p>
1325
1169
 
1326
1170
  </tbody>
1327
1171
  </table>
1328
- <table class="table table-sm table-bordered">
1329
- <tbody>
1330
- <tr>
1331
- <td class="col-md-4">
1332
- <a name="role"></a>
1333
- <span class="name">
1334
- <span class="modifier"></span>
1335
- <span ><b>role</b></span>
1336
- <a href="#role"><span class="icon ion-ios-link"></span></a>
1337
- </span>
1338
- </td>
1339
- </tr>
1340
- <tr>
1341
- <td class="col-md-4">
1342
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1343
-
1344
- </td>
1345
- </tr>
1346
- <tr>
1347
- <td class="col-md-4">
1348
- <i>Default value : </i><code>&#x27;navigation&#x27;</code>
1349
- </td>
1350
- </tr>
1351
- <tr>
1352
- <td class="col-md-4">
1353
- <b>Decorators : </b>
1354
- <br />
1355
- <code>
1356
- @HostBinding(&#x27;attr.role&#x27;)<br />
1357
- </code>
1358
- </td>
1359
- </tr>
1360
-
1361
- <tr>
1362
- <td class="col-md-4">
1363
- <div class="io-description"><p>The &#39;role&#39; attribute of the component is set to &#39;navigation&#39;. should not be changed.</p>
1364
- </div>
1365
- </td>
1366
- </tr>
1367
-
1368
- </tbody>
1369
- </table>
1370
1172
  </section>
1371
1173
 
1372
1174
  <section data-compodoc="block-accessors">