@eui/ecl 22.0.0-alpha.15 → 22.0.0-alpha.16

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 (17) hide show
  1. package/docs/changelog.html +10 -0
  2. package/docs/components/EclModalBodyComponent.html +4 -45
  3. package/docs/components/EclModalComponent.html +5 -178
  4. package/docs/components/EclModalFooterComponent.html +4 -45
  5. package/docs/components/EclModalHeaderComponent.html +5 -76
  6. package/docs/directives/EclModalBodyFixedContentDirective.html +0 -61
  7. package/docs/directives/EclModalCloseDirective.html +1 -90
  8. package/docs/directives/EclModalTriggerDirective.html +1 -90
  9. package/docs/js/search/search_index.js +2 -2
  10. package/docs/json/documentation.json +98 -344
  11. package/docs/llms.txt +4 -5
  12. package/docs/properties.html +1 -1
  13. package/fesm2022/eui-ecl-components-ecl-modal.mjs +82 -87
  14. package/fesm2022/eui-ecl-components-ecl-modal.mjs.map +1 -1
  15. package/package.json +1 -1
  16. package/types/eui-ecl-components-ecl-modal.d.ts +9 -9
  17. package/types/eui-ecl-components-ecl-modal.d.ts.map +1 -1
package/docs/changelog.html CHANGED
@@ -106,6 +106,16 @@
106
106
 
107
107
 
108
108
 
109
+ <h2>22.0.0-alpha.15 (2026-09-23)</h2>
110
+ <h5>Chores</h5>
111
+ <ul>
112
+ <li><strong>other:</strong><ul>
113
+ <li>enable tests - EUI-11693 <a href="https://citnet.tech.ec.europa.eu/CITnet/jira/browse/EUI-11693">EUI-11693</a> (<a href="https://sdlc.aws.cloud.tech.ec.europa.eu/csdr/eui/eui/-/commit/6136cd6f3aaf8117fb1ce5fa0c43b5febe839465">6136cd6f</a>)</li>
114
+ </ul>
115
+ </li>
116
+ </ul>
117
+ <hr>
118
+ <hr>
109
119
  <h2>22.0.0-alpha.14 (2026-09-22)</h2>
110
120
  <h5>Chores</h5>
111
121
  <ul>
package/docs/components/EclModalBodyComponent.html CHANGED
@@ -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
 
@@ -285,22 +289,6 @@
285
289
  </table>
286
290
 
287
291
 
288
- <table class="table table-sm table-bordered index-table">
289
- <tbody>
290
- <tr>
291
- <td class="col-md-3">
292
- <h6><b>HostBindings</b></h6>
293
- </td>
294
- <td class="col-md-9">
295
- <ul class="index-list">
296
- <li>
297
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
298
- </li>
299
- </ul>
300
- </td>
301
- </tr>
302
- </tbody>
303
- </table>
304
292
 
305
293
 
306
294
  <table class="table table-sm table-bordered index-table">
@@ -376,35 +364,6 @@
376
364
  </section>
377
365
 
378
366
 
379
- <section data-compodoc="block-properties">
380
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
381
- <tbody>
382
- <tr>
383
- <td class="col-md-4">
384
- <a name="class"></a>
385
- <span class="name">
386
- <span ><b>class</b></span>
387
- <a href="#class"><span class="icon ion-ios-link"></span></a>
388
- </span>
389
- </td>
390
- </tr>
391
- <tr>
392
- <td class="col-md-4">
393
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
394
-
395
- </td>
396
- </tr>
397
-
398
- <tr>
399
- <td class="col-md-4">
400
- <div class="io-description"><p>Applies CSS classes for the modal body and scrollable modifier if enabled.</p>
401
- </div>
402
- </td>
403
- </tr>
404
-
405
- </tbody>
406
- </table>
407
- </section>
408
367
 
409
368
 
410
369
  <section data-compodoc="block-methods">
package/docs/components/EclModalComponent.html CHANGED
@@ -162,6 +162,10 @@
162
162
 
163
163
 
164
164
 
165
+ <tr>
166
+ <td class="col-md-3">host</td>
167
+ <td class="col-md-9"><code>{<br>}</code></td>
168
+ </tr>
165
169
 
166
170
 
167
171
 
@@ -279,7 +283,6 @@
279
283
  </li>
280
284
  <li>
281
285
  <span class="reference-badge reference-badge--method" aria-hidden="true">M</span>
282
- <span class="modifier"></span>
283
286
  <a href="#onEscapeKeydownHandler" >onEscapeKeydownHandler</a>
284
287
  </li>
285
288
  <li>
@@ -345,45 +348,7 @@
345
348
  </tbody>
346
349
  </table>
347
350
 
348
- <table class="table table-sm table-bordered index-table">
349
- <tbody>
350
- <tr>
351
- <td class="col-md-3">
352
- <h6><b>HostBindings</b></h6>
353
- </td>
354
- <td class="col-md-9">
355
- <ul class="index-list">
356
- <li>
357
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.aria-describedby" >attr.aria-describedby</a>
358
- </li>
359
- <li>
360
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.open" >attr.open</a>
361
- </li>
362
- <li>
363
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
364
- </li>
365
- </ul>
366
- </td>
367
- </tr>
368
- </tbody>
369
- </table>
370
351
 
371
- <table class="table table-sm table-bordered index-table">
372
- <tbody>
373
- <tr>
374
- <td class="col-md-3">
375
- <h6><b>HostListeners</b></h6>
376
- </td>
377
- <td class="col-md-9">
378
- <ul class="index-list">
379
- <li>
380
- <span class="reference-badge reference-badge--method" aria-hidden="true">HL</span><a href="#document:keydown.escape" >document:keydown.escape</a>
381
- </li>
382
- </ul>
383
- </td>
384
- </tr>
385
- </tbody>
386
- </table>
387
352
 
388
353
  <table class="table table-sm table-bordered index-table">
389
354
  <tbody>
@@ -412,19 +377,6 @@
412
377
  </table>
413
378
  </section>
414
379
 
415
- <section data-compodoc="block-constructor">
416
- <h3 id="constructor">Constructor</h3>
417
- <table class="table table-sm table-bordered">
418
- <tbody>
419
- <tr>
420
- <td class="col-md-4">
421
- <code>constructor()</code>
422
- </td>
423
- </tr>
424
-
425
- </tbody>
426
- </table>
427
- </section>
428
380
 
429
381
  <section data-compodoc="block-inputs">
430
382
  <h3 id="inputs">Inputs</h3>
@@ -579,123 +531,7 @@ Carries an instance of <code>EclModalOpenEvent</code>.</p>
579
531
  </table>
580
532
  </section>
581
533
 
582
- <section data-compodoc="block-properties">
583
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
584
- <tbody>
585
- <tr>
586
- <td class="col-md-4">
587
- <a name="attr.aria-describedby"></a>
588
- <span class="name">
589
- <span ><b>attr.aria-describedby</b></span>
590
- <a href="#attr.aria-describedby"><span class="icon ion-ios-link"></span></a>
591
- </span>
592
- </td>
593
- </tr>
594
- <tr>
595
- <td class="col-md-4">
596
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
597
-
598
- </td>
599
- </tr>
600
534
 
601
- <tr>
602
- <td class="col-md-4">
603
- <div class="io-description"><p>Binds the <code>aria-describedby</code> attribute to the modal element.
604
- Connects the dialog with the modal body via its unique ID for accessibility.</p>
605
- </div>
606
- </td>
607
- </tr>
608
-
609
- </tbody>
610
- </table>
611
- <table class="table table-sm table-bordered">
612
- <tbody>
613
- <tr>
614
- <td class="col-md-4">
615
- <a name="attr.open"></a>
616
- <span class="name">
617
- <span ><b>attr.open</b></span>
618
- <a href="#attr.open"><span class="icon ion-ios-link"></span></a>
619
- </span>
620
- </td>
621
- </tr>
622
- <tr>
623
- <td class="col-md-4">
624
- <i>Type : </i> <code>boolean | null</code>
625
-
626
- </td>
627
- </tr>
628
-
629
- <tr>
630
- <td class="col-md-4">
631
- <div class="io-description"><p>Binds the <code>open</code> attribute to the modal element.
632
- Used by the native <code>&lt;dialog&gt;</code> element.</p>
633
- </div>
634
- </td>
635
- </tr>
636
-
637
- </tbody>
638
- </table>
639
- <table class="table table-sm table-bordered">
640
- <tbody>
641
- <tr>
642
- <td class="col-md-4">
643
- <a name="class"></a>
644
- <span class="name">
645
- <span ><b>class</b></span>
646
- <a href="#class"><span class="icon ion-ios-link"></span></a>
647
- </span>
648
- </td>
649
- </tr>
650
- <tr>
651
- <td class="col-md-4">
652
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
653
-
654
- </td>
655
- </tr>
656
-
657
- <tr>
658
- <td class="col-md-4">
659
- <div class="io-description"><p>Applies base and variant CSS classes to the modal element.</p>
660
- </div>
661
- </td>
662
- </tr>
663
-
664
- </tbody>
665
- </table>
666
- </section>
667
-
668
- <section data-compodoc="block-methods">
669
- <h3>HostListeners</h3> <table class="table table-sm table-bordered">
670
- <tbody>
671
- <tr>
672
- <td class="col-md-4">
673
- <a name="document:keydown.escape"></a>
674
- <span class="name">
675
- <span ><b>document:keydown.escape</b></span>
676
- <a href="#document:keydown.escape"><span class="icon ion-ios-link"></span></a>
677
- </span>
678
- </td>
679
- </tr>
680
- <tr>
681
- <td class="col-md-4">
682
- <code>document:keydown.escape()</code>
683
- </td>
684
- </tr>
685
-
686
-
687
-
688
-
689
- <tr>
690
- <td class="col-md-4">
691
- <div class="io-description"><p>Handles ESC key press to close the modal with <code>cancel</code> role.</p>
692
- </div>
693
-
694
- </td>
695
- </tr>
696
- </tbody>
697
- </table>
698
- </section>
699
535
 
700
536
  <section data-compodoc="block-methods">
701
537
 
@@ -772,7 +608,6 @@ If the event is not prevented, the modal will be hidden.</p>
772
608
  <td class="col-md-4">
773
609
  <a name="onEscapeKeydownHandler"></a>
774
610
  <span class="name">
775
- <span class="modifier"></span>
776
611
  <span ><b>onEscapeKeydownHandler</b></span>
777
612
  <a href="#onEscapeKeydownHandler"><span class="icon ion-ios-link"></span></a>
778
613
  </span>
@@ -780,18 +615,10 @@ If the event is not prevented, the modal will be hidden.</p>
780
615
  </tr>
781
616
  <tr>
782
617
  <td class="col-md-4">
783
- <span class="modifier-icon icon ion-ios-reset"></span>
784
- <code>onEscapeKeydownHandler()</code>
618
+ <code>onEscapeKeydownHandler()</code>
785
619
  </td>
786
620
  </tr>
787
621
 
788
- <tr>
789
- <td class="col-md-4">
790
- <b>Decorators : </b>
791
- <br />
792
- <code>@HostListener(&#x27;document:keydown.escape&#x27;)<br /></code>
793
- </td>
794
- </tr>
795
622
 
796
623
 
797
624
 
package/docs/components/EclModalFooterComponent.html CHANGED
@@ -175,6 +175,10 @@
175
175
 
176
176
 
177
177
 
178
+ <tr>
179
+ <td class="col-md-3">host</td>
180
+ <td class="col-md-9"><code>{<br>}</code></td>
181
+ </tr>
178
182
 
179
183
 
180
184
 
@@ -294,22 +298,6 @@
294
298
  </table>
295
299
 
296
300
 
297
- <table class="table table-sm table-bordered index-table">
298
- <tbody>
299
- <tr>
300
- <td class="col-md-3">
301
- <h6><b>HostBindings</b></h6>
302
- </td>
303
- <td class="col-md-9">
304
- <ul class="index-list">
305
- <li>
306
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
307
- </li>
308
- </ul>
309
- </td>
310
- </tr>
311
- </tbody>
312
- </table>
313
301
 
314
302
 
315
303
  <table class="table table-sm table-bordered index-table">
@@ -385,35 +373,6 @@
385
373
  </section>
386
374
 
387
375
 
388
- <section data-compodoc="block-properties">
389
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
390
- <tbody>
391
- <tr>
392
- <td class="col-md-4">
393
- <a name="class"></a>
394
- <span class="name">
395
- <span ><b>class</b></span>
396
- <a href="#class"><span class="icon ion-ios-link"></span></a>
397
- </span>
398
- </td>
399
- </tr>
400
- <tr>
401
- <td class="col-md-4">
402
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
403
-
404
- </td>
405
- </tr>
406
-
407
- <tr>
408
- <td class="col-md-4">
409
- <div class="io-description"><p>Applies the ECL CSS class for modal footer container.</p>
410
- </div>
411
- </td>
412
- </tr>
413
-
414
- </tbody>
415
- </table>
416
- </section>
417
376
 
418
377
 
419
378
  <section data-compodoc="block-methods">
package/docs/components/EclModalHeaderComponent.html CHANGED
@@ -170,6 +170,10 @@ and a close button that emits a close event.</p>
170
170
 
171
171
 
172
172
 
173
+ <tr>
174
+ <td class="col-md-3">host</td>
175
+ <td class="col-md-9"><code>{<br>}</code></td>
176
+ </tr>
173
177
 
174
178
 
175
179
 
@@ -258,10 +262,6 @@ and a close button that emits a close event.</p>
258
262
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
259
263
  <a href="#closeButton" >closeButton</a>
260
264
  </li>
261
- <li>
262
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
263
- <a href="#eclThemeService" >eclThemeService</a>
264
- </li>
265
265
  <li>
266
266
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
267
267
  <a href="#variant" >variant</a>
@@ -338,22 +338,6 @@ and a close button that emits a close event.</p>
338
338
  </tbody>
339
339
  </table>
340
340
 
341
- <table class="table table-sm table-bordered index-table">
342
- <tbody>
343
- <tr>
344
- <td class="col-md-3">
345
- <h6><b>HostBindings</b></h6>
346
- </td>
347
- <td class="col-md-9">
348
- <ul class="index-list">
349
- <li>
350
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
351
- </li>
352
- </ul>
353
- </td>
354
- </tr>
355
- </tbody>
356
- </table>
357
341
 
358
342
 
359
343
  <table class="table table-sm table-bordered index-table">
@@ -455,35 +439,6 @@ Emits an <code>EclModalCloseEvent</code> object.</p>
455
439
  </table>
456
440
  </section>
457
441
 
458
- <section data-compodoc="block-properties">
459
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
460
- <tbody>
461
- <tr>
462
- <td class="col-md-4">
463
- <a name="class"></a>
464
- <span class="name">
465
- <span ><b>class</b></span>
466
- <a href="#class"><span class="icon ion-ios-link"></span></a>
467
- </span>
468
- </td>
469
- </tr>
470
- <tr>
471
- <td class="col-md-4">
472
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
473
-
474
- </td>
475
- </tr>
476
-
477
- <tr>
478
- <td class="col-md-4">
479
- <div class="io-description"><p>Applies the ECL CSS class for modal header container.</p>
480
- </div>
481
- </td>
482
- </tr>
483
-
484
- </tbody>
485
- </table>
486
- </section>
487
442
 
488
443
 
489
444
  <section data-compodoc="block-methods">
@@ -662,32 +617,6 @@ Emits a <code>modalClose</code> event with no payload.</p>
662
617
 
663
618
  </tbody>
664
619
  </table>
665
- <table class="table table-sm table-bordered">
666
- <tbody>
667
- <tr>
668
- <td class="col-md-4">
669
- <a name="eclThemeService"></a>
670
- <span class="name">
671
- <span ><b>eclThemeService</b></span>
672
- <a href="#eclThemeService"><span class="icon ion-ios-link"></span></a>
673
- </span>
674
- </td>
675
- </tr>
676
- <tr>
677
- <td class="col-md-4">
678
- <i>Type : </i> <code>unknown</code>
679
-
680
- </td>
681
- </tr>
682
- <tr>
683
- <td class="col-md-4">
684
- <i>Default value : </i><code>inject(EclThemeService)</code>
685
- </td>
686
- </tr>
687
-
688
-
689
- </tbody>
690
- </table>
691
620
  <table class="table table-sm table-bordered">
692
621
  <tbody>
693
622
  <tr>
@@ -707,7 +636,7 @@ Emits a <code>modalClose</code> event with no payload.</p>
707
636
  </tr>
708
637
  <tr>
709
638
  <td class="col-md-4">
710
- <i>Default value : </i><code>signal&lt;&#x27;information&#x27; | &#x27;success&#x27; | &#x27;warning&#x27; | &#x27;error&#x27; | string&gt;(undefined)</code>
639
+ <i>Default value : </i><code>signal&lt;&#x27;information&#x27; | &#x27;success&#x27; | &#x27;warning&#x27; | &#x27;error&#x27; | string | undefined&gt;(undefined)</code>
711
640
  </td>
712
641
  </tr>
713
642
 
package/docs/directives/EclModalBodyFixedContentDirective.html CHANGED
@@ -217,7 +217,6 @@
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"></span>
221
220
  <a href="#className" >className</a>
222
221
  </li>
223
222
  </ul>
@@ -268,22 +267,6 @@
268
267
  </table>
269
268
 
270
269
 
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-modal__body-fixed" >class.ecl-modal__body-fixed</a>
281
- </li>
282
- </ul>
283
- </td>
284
- </tr>
285
- </tbody>
286
- </table>
287
270
 
288
271
 
289
272
  </section>
@@ -342,40 +325,6 @@
342
325
  </section>
343
326
 
344
327
 
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-modal__body-fixed"></a>
351
- <span class="name">
352
- <span ><b>class.ecl-modal__body-fixed</b></span>
353
- <a href="#class.ecl-modal__body-fixed"><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 <code>ecl-modal__body-fixed</code> class to the host element.</p>
372
- </div>
373
- </td>
374
- </tr>
375
-
376
- </tbody>
377
- </table>
378
- </section>
379
328
 
380
329
 
381
330
  <section data-compodoc="block-methods">
@@ -457,7 +406,6 @@
457
406
  <td class="col-md-4">
458
407
  <a name="className"></a>
459
408
  <span class="name">
460
- <span class="modifier"></span>
461
409
  <span ><b>className</b></span>
462
410
  <a href="#className"><span class="icon ion-ios-link"></span></a>
463
411
  </span>
@@ -474,15 +422,6 @@
474
422
  <i>Default value : </i><code>true</code>
475
423
  </td>
476
424
  </tr>
477
- <tr>
478
- <td class="col-md-4">
479
- <b>Decorators : </b>
480
- <br />
481
- <code>
482
- @HostBinding(&#x27;class.ecl-modal__body-fixed&#x27;)<br />
483
- </code>
484
- </td>
485
- </tr>
486
425
 
487
426
  <tr>
488
427
  <td class="col-md-4">