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

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 (59) hide show
  1. package/docs/changelog.html +274 -0
  2. package/docs/components/EclDescriptionListDefinitionComponent.html +6 -44
  3. package/docs/components/EclIconComponent.html +1 -1
  4. package/docs/components/EclListIllustrationComponent.html +0 -171
  5. package/docs/components/EclListIllustrationItemComponent.html +77 -83
  6. package/docs/components/EclLoadingIndicatorComponent.html +4 -91
  7. package/docs/components/EclSocialMediaFollowItemComponent.html +10 -10
  8. package/docs/components/EclStoryCardComponent.html +1 -1
  9. package/docs/directives/EclDescriptionListDefinitionItemDirective.html +6 -47
  10. package/docs/directives/EclDescriptionListDefinitionListDirective.html +0 -116
  11. package/docs/directives/EclLabelDirective.html +0 -46
  12. package/docs/directives/EclLinkDirective.html +0 -39
  13. package/docs/directives/EclLoadingIndicatorLabelDirective.html +0 -61
  14. package/docs/directives/EclLoadingIndicatorOverlayDirective.html +0 -45
  15. package/docs/directives/EclMediaContainerCaptionDirective.html +0 -39
  16. package/docs/directives/EclMediaContainerCreditDirective.html +0 -39
  17. package/docs/directives/EclMediaContainerIframeDirective.html +13 -19
  18. package/docs/directives/EclMediaContainerItemAudioDescriptionDirective.html +0 -39
  19. package/docs/directives/EclMediaContainerItemDirective.html +0 -39
  20. package/docs/directives/EclMediaContainerPictureDirective.html +0 -39
  21. package/docs/js/search/search_index.js +2 -2
  22. package/docs/json/EclIconComponent.md +1 -1
  23. package/docs/json/EclMediaContainerIframeDirective.md +0 -1
  24. package/docs/json/documentation.json +242 -561
  25. package/docs/llms.txt +8 -12
  26. package/docs/properties.html +1 -1
  27. package/fesm2022/eui-ecl-components-ecl-icon.mjs.map +1 -1
  28. package/fesm2022/eui-ecl-components-ecl-label.mjs +6 -6
  29. package/fesm2022/eui-ecl-components-ecl-label.mjs.map +1 -1
  30. package/fesm2022/eui-ecl-components-ecl-link.mjs +10 -13
  31. package/fesm2022/eui-ecl-components-ecl-link.mjs.map +1 -1
  32. package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs +19 -30
  33. package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs.map +1 -1
  34. package/fesm2022/eui-ecl-components-ecl-list.mjs +44 -41
  35. package/fesm2022/eui-ecl-components-ecl-list.mjs.map +1 -1
  36. package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs +17 -20
  37. package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs.map +1 -1
  38. package/fesm2022/eui-ecl-components-ecl-media-container.mjs +36 -33
  39. package/fesm2022/eui-ecl-components-ecl-media-container.mjs.map +1 -1
  40. package/fesm2022/eui-ecl-components-ecl-menu.mjs.map +1 -1
  41. package/fesm2022/eui-ecl-components-ecl-site-footer.mjs +2 -2
  42. package/fesm2022/eui-ecl-components-ecl-site-footer.mjs.map +1 -1
  43. package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs +6 -6
  44. package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs.map +1 -1
  45. package/fesm2022/eui-ecl-components-ecl-story-card.mjs +2 -2
  46. package/fesm2022/eui-ecl-components-ecl-story-card.mjs.map +1 -1
  47. package/package.json +1 -1
  48. package/types/eui-ecl-components-ecl-label.d.ts.map +1 -1
  49. package/types/eui-ecl-components-ecl-link.d.ts +2 -4
  50. package/types/eui-ecl-components-ecl-link.d.ts.map +1 -1
  51. package/types/eui-ecl-components-ecl-list-illustration.d.ts +3 -3
  52. package/types/eui-ecl-components-ecl-list-illustration.d.ts.map +1 -1
  53. package/types/eui-ecl-components-ecl-list.d.ts +9 -12
  54. package/types/eui-ecl-components-ecl-list.d.ts.map +1 -1
  55. package/types/eui-ecl-components-ecl-loading-indicator.d.ts.map +1 -1
  56. package/types/eui-ecl-components-ecl-media-container.d.ts +7 -2
  57. package/types/eui-ecl-components-ecl-media-container.d.ts.map +1 -1
  58. package/types/eui-ecl-components-ecl-social-media-follow.d.ts +3 -3
  59. package/types/eui-ecl-components-ecl-social-media-follow.d.ts.map +1 -1
@@ -157,12 +157,6 @@
157
157
  <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
158
158
  </p>
159
159
 
160
- <p class="comment">
161
- <h3>Implements</h3>
162
- </p>
163
- <p class="comment">
164
- <code><a href="https://angular.dev/api/core/AfterContentInit" target="_blank" >AfterContentInit</a></code>
165
- </p>
166
160
 
167
161
  <p class="comment">
168
162
  <h3>Example</h3>
@@ -202,9 +196,6 @@
202
196
  <li>
203
197
  <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
204
198
  </li>
205
- <li>
206
- <code><a href="https://angular.dev/api/core/AfterContentInit" target="_blank" >AfterContentInit</a></code>
207
- </li>
208
199
  </ul>
209
200
  </div>
210
201
  </div>
@@ -223,10 +214,6 @@
223
214
  </td>
224
215
  <td class="col-md-9">
225
216
  <ul class="index-list">
226
- <li>
227
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
228
- <a href="#cd" >cd</a>
229
- </li>
230
217
  <li>
231
218
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
232
219
  <a href="#eclIconComponents" >eclIconComponents</a>
@@ -907,32 +894,6 @@ Used e.g. by social-media-follow for passing extra_attributes.</p>
907
894
  <h3 id="inputs">
908
895
  Properties
909
896
  </h3>
910
- <table class="table table-sm table-bordered">
911
- <tbody>
912
- <tr>
913
- <td class="col-md-4">
914
- <a name="cd"></a>
915
- <span class="name">
916
- <span ><b>cd</b></span>
917
- <a href="#cd"><span class="icon ion-ios-link"></span></a>
918
- </span>
919
- </td>
920
- </tr>
921
- <tr>
922
- <td class="col-md-4">
923
- <i>Type : </i> <code>unknown</code>
924
-
925
- </td>
926
- </tr>
927
- <tr>
928
- <td class="col-md-4">
929
- <i>Default value : </i><code>inject(ChangeDetectorRef)</code>
930
- </td>
931
- </tr>
932
-
933
-
934
- </tbody>
935
- </table>
936
897
  <table class="table table-sm table-bordered">
937
898
  <tbody>
938
899
  <tr>
@@ -192,7 +192,6 @@
192
192
  <ul class="index-list">
193
193
  <li>
194
194
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
195
- <span class="modifier"></span>
196
195
  <a href="#className" >className</a>
197
196
  </li>
198
197
  </ul>
@@ -204,22 +203,6 @@
204
203
 
205
204
 
206
205
 
207
- <table class="table table-sm table-bordered index-table">
208
- <tbody>
209
- <tr>
210
- <td class="col-md-3">
211
- <h6><b>HostBindings</b></h6>
212
- </td>
213
- <td class="col-md-9">
214
- <ul class="index-list">
215
- <li>
216
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-spinner__text" >class.ecl-spinner__text</a>
217
- </li>
218
- </ul>
219
- </td>
220
- </tr>
221
- </tbody>
222
- </table>
223
206
 
224
207
 
225
208
  </section>
@@ -227,40 +210,6 @@
227
210
 
228
211
 
229
212
 
230
- <section data-compodoc="block-properties">
231
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
232
- <tbody>
233
- <tr>
234
- <td class="col-md-4">
235
- <a name="class.ecl-spinner__text"></a>
236
- <span class="name">
237
- <span ><b>class.ecl-spinner__text</b></span>
238
- <a href="#class.ecl-spinner__text"><span class="icon ion-ios-link"></span></a>
239
- </span>
240
- </td>
241
- </tr>
242
- <tr>
243
- <td class="col-md-4">
244
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
245
-
246
- </td>
247
- </tr>
248
- <tr>
249
- <td class="col-md-4">
250
- <i>Default value : </i><code>true</code>
251
- </td>
252
- </tr>
253
-
254
- <tr>
255
- <td class="col-md-4">
256
- <div class="io-description"><p>Applies the ECL class for spinner label text.</p>
257
- </div>
258
- </td>
259
- </tr>
260
-
261
- </tbody>
262
- </table>
263
- </section>
264
213
 
265
214
 
266
215
 
@@ -275,7 +224,6 @@
275
224
  <td class="col-md-4">
276
225
  <a name="className"></a>
277
226
  <span class="name">
278
- <span class="modifier"></span>
279
227
  <span ><b>className</b></span>
280
228
  <a href="#className"><span class="icon ion-ios-link"></span></a>
281
229
  </span>
@@ -292,15 +240,6 @@
292
240
  <i>Default value : </i><code>true</code>
293
241
  </td>
294
242
  </tr>
295
- <tr>
296
- <td class="col-md-4">
297
- <b>Decorators : </b>
298
- <br />
299
- <code>
300
- @HostBinding(&#x27;class.ecl-spinner__text&#x27;)<br />
301
- </code>
302
- </td>
303
- </tr>
304
243
 
305
244
  <tr>
306
245
  <td class="col-md-4">
@@ -250,22 +250,6 @@
250
250
  </table>
251
251
 
252
252
 
253
- <table class="table table-sm table-bordered index-table">
254
- <tbody>
255
- <tr>
256
- <td class="col-md-3">
257
- <h6><b>HostBindings</b></h6>
258
- </td>
259
- <td class="col-md-9">
260
- <ul class="index-list">
261
- <li>
262
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
263
- </li>
264
- </ul>
265
- </td>
266
- </tr>
267
- </tbody>
268
- </table>
269
253
 
270
254
 
271
255
  <table class="table table-sm table-bordered index-table">
@@ -341,35 +325,6 @@
341
325
  </section>
342
326
 
343
327
 
344
- <section data-compodoc="block-properties">
345
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
346
- <tbody>
347
- <tr>
348
- <td class="col-md-4">
349
- <a name="class"></a>
350
- <span class="name">
351
- <span ><b>class</b></span>
352
- <a href="#class"><span class="icon ion-ios-link"></span></a>
353
- </span>
354
- </td>
355
- </tr>
356
- <tr>
357
- <td class="col-md-4">
358
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
359
-
360
- </td>
361
- </tr>
362
-
363
- <tr>
364
- <td class="col-md-4">
365
- <div class="io-description"><p>Applies the CSS classes for the spinner overlay.</p>
366
- </div>
367
- </td>
368
- </tr>
369
-
370
- </tbody>
371
- </table>
372
- </section>
373
328
 
374
329
 
375
330
  <section data-compodoc="block-methods">
@@ -249,22 +249,6 @@
249
249
  </table>
250
250
 
251
251
 
252
- <table class="table table-sm table-bordered index-table">
253
- <tbody>
254
- <tr>
255
- <td class="col-md-3">
256
- <h6><b>HostBindings</b></h6>
257
- </td>
258
- <td class="col-md-9">
259
- <ul class="index-list">
260
- <li>
261
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
262
- </li>
263
- </ul>
264
- </td>
265
- </tr>
266
- </tbody>
267
- </table>
268
252
 
269
253
 
270
254
  <table class="table table-sm table-bordered index-table">
@@ -340,29 +324,6 @@
340
324
  </section>
341
325
 
342
326
 
343
- <section data-compodoc="block-properties">
344
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
345
- <tbody>
346
- <tr>
347
- <td class="col-md-4">
348
- <a name="class"></a>
349
- <span class="name">
350
- <span ><b>class</b></span>
351
- <a href="#class"><span class="icon ion-ios-link"></span></a>
352
- </span>
353
- </td>
354
- </tr>
355
- <tr>
356
- <td class="col-md-4">
357
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
358
-
359
- </td>
360
- </tr>
361
-
362
-
363
- </tbody>
364
- </table>
365
- </section>
366
327
 
367
328
 
368
329
  <section data-compodoc="block-methods">
@@ -249,22 +249,6 @@
249
249
  </table>
250
250
 
251
251
 
252
- <table class="table table-sm table-bordered index-table">
253
- <tbody>
254
- <tr>
255
- <td class="col-md-3">
256
- <h6><b>HostBindings</b></h6>
257
- </td>
258
- <td class="col-md-9">
259
- <ul class="index-list">
260
- <li>
261
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
262
- </li>
263
- </ul>
264
- </td>
265
- </tr>
266
- </tbody>
267
- </table>
268
252
 
269
253
 
270
254
  <table class="table table-sm table-bordered index-table">
@@ -340,29 +324,6 @@
340
324
  </section>
341
325
 
342
326
 
343
- <section data-compodoc="block-properties">
344
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
345
- <tbody>
346
- <tr>
347
- <td class="col-md-4">
348
- <a name="class"></a>
349
- <span class="name">
350
- <span ><b>class</b></span>
351
- <a href="#class"><span class="icon ion-ios-link"></span></a>
352
- </span>
353
- </td>
354
- </tr>
355
- <tr>
356
- <td class="col-md-4">
357
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
358
-
359
- </td>
360
- </tr>
361
-
362
-
363
- </tbody>
364
- </table>
365
- </section>
366
327
 
367
328
 
368
329
  <section data-compodoc="block-methods">
@@ -254,9 +254,6 @@
254
254
  </td>
255
255
  <td class="col-md-9">
256
256
  <ul class="index-list">
257
- <li>
258
- <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#ratio" >ratio</a>
259
- </li>
260
257
  <li>
261
258
  <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#height" >height</a>
262
259
  </li>
@@ -303,22 +300,6 @@
303
300
 
304
301
  <section data-compodoc="block-inputs">
305
302
  <h3 id="inputs">Inputs</h3>
306
- <table class="table table-sm table-bordered">
307
- <tbody>
308
- <tr>
309
- <td class="col-md-4">
310
- <a name="ratio"></a>
311
- <b>ratio</b>
312
- </td>
313
- </tr>
314
- <tr>
315
- <td class="col-md-4">
316
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
317
-
318
- </td>
319
- </tr>
320
- </tbody>
321
- </table>
322
303
  <table class="table table-sm table-bordered">
323
304
  <tbody>
324
305
  <tr>
@@ -552,6 +533,19 @@
552
533
  <span class="accessor"><b>get</b><code>ratio()</code></span>
553
534
  </td>
554
535
  </tr>
536
+ <tr>
537
+ <td class="col-md-4">
538
+ <div class="io-description"><p>Aspect ratio applied as a host style binding. Derived from the
539
+ <code>width</code>/<code>height</code> inputs (falling back to the element&#39;s measured size),
540
+ and only produced when a custom ratio is requested.</p>
541
+ </div>
542
+
543
+ <div class="io-description">
544
+ <b>Returns : </b> <code>string | null</code>
545
+
546
+ </div>
547
+ </td>
548
+ </tr>
555
549
 
556
550
  </tbody>
557
551
  </table>
@@ -249,22 +249,6 @@
249
249
  </table>
250
250
 
251
251
 
252
- <table class="table table-sm table-bordered index-table">
253
- <tbody>
254
- <tr>
255
- <td class="col-md-3">
256
- <h6><b>HostBindings</b></h6>
257
- </td>
258
- <td class="col-md-9">
259
- <ul class="index-list">
260
- <li>
261
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
262
- </li>
263
- </ul>
264
- </td>
265
- </tr>
266
- </tbody>
267
- </table>
268
252
 
269
253
 
270
254
  <table class="table table-sm table-bordered index-table">
@@ -340,29 +324,6 @@
340
324
  </section>
341
325
 
342
326
 
343
- <section data-compodoc="block-properties">
344
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
345
- <tbody>
346
- <tr>
347
- <td class="col-md-4">
348
- <a name="class"></a>
349
- <span class="name">
350
- <span ><b>class</b></span>
351
- <a href="#class"><span class="icon ion-ios-link"></span></a>
352
- </span>
353
- </td>
354
- </tr>
355
- <tr>
356
- <td class="col-md-4">
357
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
358
-
359
- </td>
360
- </tr>
361
-
362
-
363
- </tbody>
364
- </table>
365
- </section>
366
327
 
367
328
 
368
329
  <section data-compodoc="block-methods">
@@ -292,22 +292,6 @@
292
292
  </table>
293
293
 
294
294
 
295
- <table class="table table-sm table-bordered index-table">
296
- <tbody>
297
- <tr>
298
- <td class="col-md-3">
299
- <h6><b>HostBindings</b></h6>
300
- </td>
301
- <td class="col-md-9">
302
- <ul class="index-list">
303
- <li>
304
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
305
- </li>
306
- </ul>
307
- </td>
308
- </tr>
309
- </tbody>
310
- </table>
311
295
 
312
296
 
313
297
  <table class="table table-sm table-bordered index-table">
@@ -417,29 +401,6 @@
417
401
  </section>
418
402
 
419
403
 
420
- <section data-compodoc="block-properties">
421
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
422
- <tbody>
423
- <tr>
424
- <td class="col-md-4">
425
- <a name="class"></a>
426
- <span class="name">
427
- <span ><b>class</b></span>
428
- <a href="#class"><span class="icon ion-ios-link"></span></a>
429
- </span>
430
- </td>
431
- </tr>
432
- <tr>
433
- <td class="col-md-4">
434
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
435
-
436
- </td>
437
- </tr>
438
-
439
-
440
- </tbody>
441
- </table>
442
- </section>
443
404
 
444
405
 
445
406
  <section data-compodoc="block-methods">
@@ -249,22 +249,6 @@
249
249
  </table>
250
250
 
251
251
 
252
- <table class="table table-sm table-bordered index-table">
253
- <tbody>
254
- <tr>
255
- <td class="col-md-3">
256
- <h6><b>HostBindings</b></h6>
257
- </td>
258
- <td class="col-md-9">
259
- <ul class="index-list">
260
- <li>
261
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
262
- </li>
263
- </ul>
264
- </td>
265
- </tr>
266
- </tbody>
267
- </table>
268
252
 
269
253
 
270
254
  <table class="table table-sm table-bordered index-table">
@@ -340,29 +324,6 @@
340
324
  </section>
341
325
 
342
326
 
343
- <section data-compodoc="block-properties">
344
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
345
- <tbody>
346
- <tr>
347
- <td class="col-md-4">
348
- <a name="class"></a>
349
- <span class="name">
350
- <span ><b>class</b></span>
351
- <a href="#class"><span class="icon ion-ios-link"></span></a>
352
- </span>
353
- </td>
354
- </tr>
355
- <tr>
356
- <td class="col-md-4">
357
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
358
-
359
- </td>
360
- </tr>
361
-
362
-
363
- </tbody>
364
- </table>
365
- </section>
366
327
 
367
328
 
368
329
  <section data-compodoc="block-methods">