@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
@@ -217,10 +217,12 @@
217
217
  <ul class="index-list">
218
218
  <li>
219
219
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
220
+ <span class="modifier">Readonly</span>
220
221
  <a href="#isHidden" >isHidden</a>
221
222
  </li>
222
223
  <li>
223
224
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
225
+ <span class="modifier">Readonly</span>
224
226
  <a href="#isLastVisible" >isLastVisible</a>
225
227
  </li>
226
228
  </ul>
@@ -271,22 +273,6 @@
271
273
  </table>
272
274
 
273
275
 
274
- <table class="table table-sm table-bordered index-table">
275
- <tbody>
276
- <tr>
277
- <td class="col-md-3">
278
- <h6><b>HostBindings</b></h6>
279
- </td>
280
- <td class="col-md-9">
281
- <ul class="index-list">
282
- <li>
283
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
284
- </li>
285
- </ul>
286
- </td>
287
- </tr>
288
- </tbody>
289
- </table>
290
276
 
291
277
 
292
278
  <table class="table table-sm table-bordered index-table">
@@ -362,35 +348,6 @@
362
348
  </section>
363
349
 
364
350
 
365
- <section data-compodoc="block-properties">
366
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
367
- <tbody>
368
- <tr>
369
- <td class="col-md-4">
370
- <a name="class"></a>
371
- <span class="name">
372
- <span ><b>class</b></span>
373
- <a href="#class"><span class="icon ion-ios-link"></span></a>
374
- </span>
375
- </td>
376
- </tr>
377
- <tr>
378
- <td class="col-md-4">
379
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
380
-
381
- </td>
382
- </tr>
383
-
384
- <tr>
385
- <td class="col-md-4">
386
- <div class="io-description"><p>Applies appropriate ECL classes based on visibility state.</p>
387
- </div>
388
- </td>
389
- </tr>
390
-
391
- </tbody>
392
- </table>
393
- </section>
394
351
 
395
352
 
396
353
  <section data-compodoc="block-methods">
@@ -472,6 +429,7 @@
472
429
  <td class="col-md-4">
473
430
  <a name="isHidden"></a>
474
431
  <span class="name">
432
+ <span class="modifier">Readonly</span>
475
433
  <span ><b>isHidden</b></span>
476
434
  <a href="#isHidden"><span class="icon ion-ios-link"></span></a>
477
435
  </span>
@@ -485,7 +443,7 @@
485
443
  </tr>
486
444
  <tr>
487
445
  <td class="col-md-4">
488
- <i>Default value : </i><code>false</code>
446
+ <i>Default value : </i><code>signal(false)</code>
489
447
  </td>
490
448
  </tr>
491
449
 
@@ -504,6 +462,7 @@
504
462
  <td class="col-md-4">
505
463
  <a name="isLastVisible"></a>
506
464
  <span class="name">
465
+ <span class="modifier">Readonly</span>
507
466
  <span ><b>isLastVisible</b></span>
508
467
  <a href="#isLastVisible"><span class="icon ion-ios-link"></span></a>
509
468
  </span>
@@ -517,7 +476,7 @@
517
476
  </tr>
518
477
  <tr>
519
478
  <td class="col-md-4">
520
- <i>Default value : </i><code>false</code>
479
+ <i>Default value : </i><code>signal(false)</code>
521
480
  </td>
522
481
  </tr>
523
482
 
@@ -207,24 +207,6 @@
207
207
  <div class="tab-pane fade " id="api">
208
208
  <section data-compodoc="block-index">
209
209
  <h3 id="index">Index</h3>
210
- <table class="table table-sm table-bordered index-table">
211
- <tbody>
212
- <tr>
213
- <td class="col-md-3">
214
- <h6><b>Properties</b></h6>
215
- </td>
216
- <td class="col-md-9">
217
- <ul class="index-list">
218
- <li>
219
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
220
- <span class="modifier"></span>
221
- <a href="#cmpClass" >cmpClass</a>
222
- </li>
223
- </ul>
224
- </td>
225
- </tr>
226
- </tbody>
227
- </table>
228
210
 
229
211
  <table class="table table-sm table-bordered index-table">
230
212
  <tbody>
@@ -268,22 +250,6 @@
268
250
  </table>
269
251
 
270
252
 
271
- <table class="table table-sm table-bordered index-table">
272
- <tbody>
273
- <tr>
274
- <td class="col-md-3">
275
- <h6><b>HostBindings</b></h6>
276
- </td>
277
- <td class="col-md-9">
278
- <ul class="index-list">
279
- <li>
280
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-description-list__definition-list" >class.ecl-description-list__definition-list</a>
281
- </li>
282
- </ul>
283
- </td>
284
- </tr>
285
- </tbody>
286
- </table>
287
253
 
288
254
 
289
255
  </section>
@@ -342,40 +308,6 @@
342
308
  </section>
343
309
 
344
310
 
345
- <section data-compodoc="block-properties">
346
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
347
- <tbody>
348
- <tr>
349
- <td class="col-md-4">
350
- <a name="class.ecl-description-list__definition-list"></a>
351
- <span class="name">
352
- <span ><b>class.ecl-description-list__definition-list</b></span>
353
- <a href="#class.ecl-description-list__definition-list"><span class="icon ion-ios-link"></span></a>
354
- </span>
355
- </td>
356
- </tr>
357
- <tr>
358
- <td class="col-md-4">
359
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
360
-
361
- </td>
362
- </tr>
363
- <tr>
364
- <td class="col-md-4">
365
- <i>Default value : </i><code>true</code>
366
- </td>
367
- </tr>
368
-
369
- <tr>
370
- <td class="col-md-4">
371
- <div class="io-description"><p>Applies the ECL list container class.</p>
372
- </div>
373
- </td>
374
- </tr>
375
-
376
- </tbody>
377
- </table>
378
- </section>
379
311
 
380
312
 
381
313
  <section data-compodoc="block-methods">
@@ -446,54 +378,6 @@
446
378
  </table>
447
379
  </section>
448
380
 
449
- <section data-compodoc="block-properties">
450
-
451
- <h3 id="inputs">
452
- Properties
453
- </h3>
454
- <table class="table table-sm table-bordered">
455
- <tbody>
456
- <tr>
457
- <td class="col-md-4">
458
- <a name="cmpClass"></a>
459
- <span class="name">
460
- <span class="modifier"></span>
461
- <span ><b>cmpClass</b></span>
462
- <a href="#cmpClass"><span class="icon ion-ios-link"></span></a>
463
- </span>
464
- </td>
465
- </tr>
466
- <tr>
467
- <td class="col-md-4">
468
- <i>Type : </i> <code>unknown</code>
469
-
470
- </td>
471
- </tr>
472
- <tr>
473
- <td class="col-md-4">
474
- <i>Default value : </i><code>true</code>
475
- </td>
476
- </tr>
477
- <tr>
478
- <td class="col-md-4">
479
- <b>Decorators : </b>
480
- <br />
481
- <code>
482
- @HostBinding(&#x27;class.ecl-description-list__definition-list&#x27;)<br />
483
- </code>
484
- </td>
485
- </tr>
486
-
487
- <tr>
488
- <td class="col-md-4">
489
- <div class="io-description"><p>Applies the ECL list container class.</p>
490
- </div>
491
- </td>
492
- </tr>
493
-
494
- </tbody>
495
- </table>
496
- </section>
497
381
 
498
382
  </div>
499
383
 
@@ -207,24 +207,6 @@ Adds the <code>ecl-separator</code> CSS class to the host element.</p>
207
207
  <div class="tab-pane fade " id="api">
208
208
  <section data-compodoc="block-index">
209
209
  <h3 id="index">Index</h3>
210
- <table class="table table-sm table-bordered index-table">
211
- <tbody>
212
- <tr>
213
- <td class="col-md-3">
214
- <h6><b>Properties</b></h6>
215
- </td>
216
- <td class="col-md-9">
217
- <ul class="index-list">
218
- <li>
219
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
220
- <span class="modifier"></span>
221
- <a href="#hasClass" >hasClass</a>
222
- </li>
223
- </ul>
224
- </td>
225
- </tr>
226
- </tbody>
227
- </table>
228
210
 
229
211
  <table class="table table-sm table-bordered index-table">
230
212
  <tbody>
@@ -268,22 +250,6 @@ Adds the <code>ecl-separator</code> CSS class to the host element.</p>
268
250
  </table>
269
251
 
270
252
 
271
- <table class="table table-sm table-bordered index-table">
272
- <tbody>
273
- <tr>
274
- <td class="col-md-3">
275
- <h6><b>HostBindings</b></h6>
276
- </td>
277
- <td class="col-md-9">
278
- <ul class="index-list">
279
- <li>
280
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-separator" >class.ecl-separator</a>
281
- </li>
282
- </ul>
283
- </td>
284
- </tr>
285
- </tbody>
286
- </table>
287
253
 
288
254
 
289
255
  </section>
@@ -342,40 +308,6 @@ Adds the <code>ecl-separator</code> CSS class to the host element.</p>
342
308
  </section>
343
309
 
344
310
 
345
- <section data-compodoc="block-properties">
346
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
347
- <tbody>
348
- <tr>
349
- <td class="col-md-4">
350
- <a name="class.ecl-separator"></a>
351
- <span class="name">
352
- <span ><b>class.ecl-separator</b></span>
353
- <a href="#class.ecl-separator"><span class="icon ion-ios-link"></span></a>
354
- </span>
355
- </td>
356
- </tr>
357
- <tr>
358
- <td class="col-md-4">
359
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
360
-
361
- </td>
362
- </tr>
363
- <tr>
364
- <td class="col-md-4">
365
- <i>Default value : </i><code>true</code>
366
- </td>
367
- </tr>
368
-
369
- <tr>
370
- <td class="col-md-4">
371
- <div class="io-description"><p>Binds the <code>ecl-separator</code> CSS class to the host <code>&lt;hr&gt;</code> element.</p>
372
- </div>
373
- </td>
374
- </tr>
375
-
376
- </tbody>
377
- </table>
378
- </section>
379
311
 
380
312
 
381
313
  <section data-compodoc="block-methods">
@@ -446,54 +378,6 @@ Adds the <code>ecl-separator</code> CSS class to the host element.</p>
446
378
  </table>
447
379
  </section>
448
380
 
449
- <section data-compodoc="block-properties">
450
-
451
- <h3 id="inputs">
452
- Properties
453
- </h3>
454
- <table class="table table-sm table-bordered">
455
- <tbody>
456
- <tr>
457
- <td class="col-md-4">
458
- <a name="hasClass"></a>
459
- <span class="name">
460
- <span class="modifier"></span>
461
- <span ><b>hasClass</b></span>
462
- <a href="#hasClass"><span class="icon ion-ios-link"></span></a>
463
- </span>
464
- </td>
465
- </tr>
466
- <tr>
467
- <td class="col-md-4">
468
- <i>Type : </i> <code>unknown</code>
469
-
470
- </td>
471
- </tr>
472
- <tr>
473
- <td class="col-md-4">
474
- <i>Default value : </i><code>true</code>
475
- </td>
476
- </tr>
477
- <tr>
478
- <td class="col-md-4">
479
- <b>Decorators : </b>
480
- <br />
481
- <code>
482
- @HostBinding(&#x27;class.ecl-separator&#x27;)<br />
483
- </code>
484
- </td>
485
- </tr>
486
-
487
- <tr>
488
- <td class="col-md-4">
489
- <div class="io-description"><p>Binds the <code>ecl-separator</code> CSS class to the host <code>&lt;hr&gt;</code> element.</p>
490
- </div>
491
- </td>
492
- </tr>
493
-
494
- </tbody>
495
- </table>
496
- </section>
497
381
 
498
382
  </div>
499
383