@eui/ecl 22.0.0-alpha.5 → 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 (40) hide show
  1. package/docs/changelog.html +45 -0
  2. package/docs/components/EclDescriptionListDefinitionComponent.html +6 -44
  3. package/docs/components/EclListIllustrationComponent.html +0 -171
  4. package/docs/components/EclListIllustrationItemComponent.html +77 -83
  5. package/docs/components/EclLoadingIndicatorComponent.html +4 -91
  6. package/docs/directives/EclDescriptionListDefinitionItemDirective.html +6 -47
  7. package/docs/directives/EclDescriptionListDefinitionListDirective.html +0 -116
  8. package/docs/directives/EclLabelDirective.html +0 -46
  9. package/docs/directives/EclLoadingIndicatorLabelDirective.html +0 -61
  10. package/docs/directives/EclLoadingIndicatorOverlayDirective.html +0 -45
  11. package/docs/directives/EclMediaContainerCaptionDirective.html +0 -39
  12. package/docs/directives/EclMediaContainerCreditDirective.html +0 -39
  13. package/docs/directives/EclMediaContainerIframeDirective.html +13 -19
  14. package/docs/directives/EclMediaContainerItemAudioDescriptionDirective.html +0 -39
  15. package/docs/directives/EclMediaContainerItemDirective.html +0 -39
  16. package/docs/directives/EclMediaContainerPictureDirective.html +0 -39
  17. package/docs/js/search/search_index.js +2 -2
  18. package/docs/json/EclMediaContainerIframeDirective.md +0 -1
  19. package/docs/json/documentation.json +182 -468
  20. package/docs/llms.txt +6 -9
  21. package/docs/properties.html +1 -1
  22. package/fesm2022/eui-ecl-components-ecl-label.mjs +6 -6
  23. package/fesm2022/eui-ecl-components-ecl-label.mjs.map +1 -1
  24. package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs +19 -30
  25. package/fesm2022/eui-ecl-components-ecl-list-illustration.mjs.map +1 -1
  26. package/fesm2022/eui-ecl-components-ecl-list.mjs +44 -41
  27. package/fesm2022/eui-ecl-components-ecl-list.mjs.map +1 -1
  28. package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs +17 -20
  29. package/fesm2022/eui-ecl-components-ecl-loading-indicator.mjs.map +1 -1
  30. package/fesm2022/eui-ecl-components-ecl-media-container.mjs +36 -33
  31. package/fesm2022/eui-ecl-components-ecl-media-container.mjs.map +1 -1
  32. package/package.json +1 -1
  33. package/types/eui-ecl-components-ecl-label.d.ts.map +1 -1
  34. package/types/eui-ecl-components-ecl-list-illustration.d.ts +3 -3
  35. package/types/eui-ecl-components-ecl-list-illustration.d.ts.map +1 -1
  36. package/types/eui-ecl-components-ecl-list.d.ts +9 -12
  37. package/types/eui-ecl-components-ecl-list.d.ts.map +1 -1
  38. package/types/eui-ecl-components-ecl-loading-indicator.d.ts.map +1 -1
  39. package/types/eui-ecl-components-ecl-media-container.d.ts +7 -2
  40. package/types/eui-ecl-components-ecl-media-container.d.ts.map +1 -1
@@ -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
 
@@ -254,22 +254,6 @@ Adds appropriate ECL classes dynamically.</p>
254
254
  </table>
255
255
 
256
256
 
257
- <table class="table table-sm table-bordered index-table">
258
- <tbody>
259
- <tr>
260
- <td class="col-md-3">
261
- <h6><b>HostBindings</b></h6>
262
- </td>
263
- <td class="col-md-9">
264
- <ul class="index-list">
265
- <li>
266
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
267
- </li>
268
- </ul>
269
- </td>
270
- </tr>
271
- </tbody>
272
- </table>
273
257
 
274
258
 
275
259
  <table class="table table-sm table-bordered index-table">
@@ -379,36 +363,6 @@ Adds appropriate ECL classes dynamically.</p>
379
363
  </section>
380
364
 
381
365
 
382
- <section data-compodoc="block-properties">
383
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
384
- <tbody>
385
- <tr>
386
- <td class="col-md-4">
387
- <a name="class"></a>
388
- <span class="name">
389
- <span ><b>class</b></span>
390
- <a href="#class"><span class="icon ion-ios-link"></span></a>
391
- </span>
392
- </td>
393
- </tr>
394
- <tr>
395
- <td class="col-md-4">
396
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
397
-
398
- </td>
399
- </tr>
400
-
401
- <tr>
402
- <td class="col-md-4">
403
- <div class="io-description"><p>CSS classes applied to the host element.
404
- Combines base ECL label class with the variant modifier.</p>
405
- </div>
406
- </td>
407
- </tr>
408
-
409
- </tbody>
410
- </table>
411
- </section>
412
366
 
413
367
 
414
368
  <section data-compodoc="block-methods">
@@ -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">