@eui/ecl 19.3.1-snapshot-1750853544438 → 19.3.1-snapshot-1750923072435

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 (43) hide show
  1. package/components/ecl-link/ecl-link.directive.d.ts +3 -0
  2. package/components/ecl-link/ecl-link.directive.d.ts.map +1 -1
  3. package/components/ecl-mega-menu/directives/ecl-mega-menu-container.directive.d.ts +3 -0
  4. package/components/ecl-mega-menu/directives/ecl-mega-menu-container.directive.d.ts.map +1 -1
  5. package/components/ecl-mega-menu/directives/ecl-mega-menu-featured-list.directive.d.ts +7 -0
  6. package/components/ecl-mega-menu/directives/ecl-mega-menu-featured-list.directive.d.ts.map +1 -1
  7. package/components/ecl-mega-menu/directives/ecl-mega-menu-featured-picture.directive.d.ts +6 -0
  8. package/components/ecl-mega-menu/directives/ecl-mega-menu-featured-picture.directive.d.ts.map +1 -1
  9. package/components/ecl-mega-menu/directives/ecl-mega-menu-list.directive.d.ts +13 -0
  10. package/components/ecl-mega-menu/directives/ecl-mega-menu-list.directive.d.ts.map +1 -1
  11. package/components/ecl-mega-menu/ecl-mega-menu-featured/ecl-mega-menu-featured.component.d.ts +7 -0
  12. package/components/ecl-mega-menu/ecl-mega-menu-featured/ecl-mega-menu-featured.component.d.ts.map +1 -1
  13. package/components/ecl-mega-menu/ecl-mega-menu-info/ecl-mega-menu-info.component.d.ts +22 -0
  14. package/components/ecl-mega-menu/ecl-mega-menu-info/ecl-mega-menu-info.component.d.ts.map +1 -1
  15. package/components/ecl-mega-menu/ecl-mega-menu-item/ecl-mega-menu-item.component.d.ts +43 -0
  16. package/components/ecl-mega-menu/ecl-mega-menu-item/ecl-mega-menu-item.component.d.ts.map +1 -1
  17. package/components/ecl-mega-menu/ecl-mega-menu-subitem/ecl-mega-menu-subitem.component.d.ts +45 -0
  18. package/components/ecl-mega-menu/ecl-mega-menu-subitem/ecl-mega-menu-subitem.component.d.ts.map +1 -1
  19. package/components/ecl-mega-menu/ecl-mega-menu.component.d.ts +39 -0
  20. package/components/ecl-mega-menu/ecl-mega-menu.component.d.ts.map +1 -1
  21. package/components/ecl-mega-menu/services/ecl-mega-menu-data.service.d.ts +3 -0
  22. package/components/ecl-mega-menu/services/ecl-mega-menu-data.service.d.ts.map +1 -1
  23. package/docs/components/EclMegaMenuComponent.html +81 -0
  24. package/docs/components/EclMegaMenuFeaturedComponent.html +13 -0
  25. package/docs/components/EclMegaMenuInfoComponent.html +60 -0
  26. package/docs/components/EclMegaMenuItemComponent.html +88 -0
  27. package/docs/components/EclMegaMenuSubitemComponent.html +79 -0
  28. package/docs/dependencies.html +2 -2
  29. package/docs/directives/EclLinkDirective.html +1 -1
  30. package/docs/directives/EclMegaMenuContainerDirective.html +7 -0
  31. package/docs/directives/EclMegaMenuFeaturedImageDirective.html +7 -0
  32. package/docs/directives/EclMegaMenuFeaturedListDirective.html +7 -0
  33. package/docs/directives/EclMegaMenuFeaturedListItemDirective.html +8 -0
  34. package/docs/directives/EclMegaMenuFeaturedPictureDirective.html +7 -0
  35. package/docs/directives/EclMegaMenuListDirective.html +7 -0
  36. package/docs/directives/EclMegaMenuSpacerDirective.html +7 -0
  37. package/docs/directives/EclMegaMenuSublistDirective.html +16 -0
  38. package/docs/injectables/EclMegaMenuDataService.html +2 -0
  39. package/docs/js/search/search_index.js +2 -2
  40. package/fesm2022/eui-ecl-components-ecl-link.mjs.map +1 -1
  41. package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs +139 -1
  42. package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs.map +1 -1
  43. package/package.json +1 -1
@@ -109,6 +109,13 @@
109
109
  </p>
110
110
 
111
111
 
112
+ <p class="comment">
113
+ <h3>Description</h3>
114
+ </p>
115
+ <p class="comment">
116
+ <p>This component represents a sub-item in the mega-menu component. Applies styling and functionality.</p>
117
+
118
+ </p>
112
119
 
113
120
  <p class="comment">
114
121
  <h3>Extends</h3>
@@ -472,6 +479,12 @@
472
479
 
473
480
  </td>
474
481
  </tr>
482
+ <tr>
483
+ <td class="col-md-4">
484
+ <div class="io-description"><p>Sets id for the button element.</p>
485
+ </div>
486
+ </td>
487
+ </tr>
475
488
  </tbody>
476
489
  </table>
477
490
  <table class="table table-sm table-bordered">
@@ -488,6 +501,12 @@
488
501
 
489
502
  </td>
490
503
  </tr>
504
+ <tr>
505
+ <td class="col-md-4">
506
+ <div class="io-description"><p>If the link is external, this will be the title of the external icon.</p>
507
+ </div>
508
+ </td>
509
+ </tr>
491
510
  </tbody>
492
511
  </table>
493
512
  <table class="table table-sm table-bordered">
@@ -530,6 +549,12 @@
530
549
  <i>Default value : </i><code>false</code>
531
550
  </td>
532
551
  </tr>
552
+ <tr>
553
+ <td class="col-md-4">
554
+ <div class="io-description"><p>If the link redirects to external page. Adds an &#39;external&#39; icon.</p>
555
+ </div>
556
+ </td>
557
+ </tr>
533
558
  </tbody>
534
559
  </table>
535
560
  <table class="table table-sm table-bordered">
@@ -551,6 +576,12 @@
551
576
  <i>Default value : </i><code>false</code>
552
577
  </td>
553
578
  </tr>
579
+ <tr>
580
+ <td class="col-md-4">
581
+ <div class="io-description"><p>Used for the &#39;View all&#39; link.</p>
582
+ </div>
583
+ </td>
584
+ </tr>
554
585
  </tbody>
555
586
  </table>
556
587
  <table class="table table-sm table-bordered">
@@ -588,6 +619,12 @@
588
619
 
589
620
  </td>
590
621
  </tr>
622
+ <tr>
623
+ <td class="col-md-4">
624
+ <div class="io-description"><p>Adds custom attributes to an anchor element.</p>
625
+ </div>
626
+ </td>
627
+ </tr>
591
628
  </tbody>
592
629
  </table>
593
630
  <table class="table table-sm table-bordered">
@@ -893,6 +930,8 @@
893
930
 
894
931
  <tr>
895
932
  <td class="col-md-4">
933
+ <div class="io-description"><p>Show or hide the subitems.</p>
934
+ </div>
896
935
 
897
936
  <div class="io-description">
898
937
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -924,6 +963,8 @@
924
963
 
925
964
  <tr>
926
965
  <td class="col-md-4">
966
+ <div class="io-description"><p>Sets focus on either link or button element.</p>
967
+ </div>
927
968
 
928
969
  <div class="io-description">
929
970
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1047,6 +1088,8 @@
1047
1088
 
1048
1089
  <tr>
1049
1090
  <td class="col-md-4">
1091
+ <div class="io-description"><p>If link is clicked -&gt; emit event and close all opened menus and submenus.</p>
1092
+ </div>
1050
1093
 
1051
1094
  <div class="io-description">
1052
1095
  <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
@@ -1244,6 +1287,12 @@
1244
1287
  </td>
1245
1288
  </tr>
1246
1289
 
1290
+ <tr>
1291
+ <td class="col-md-4">
1292
+ <div class="io-description"><p>The component for the featured items.</p>
1293
+ </div>
1294
+ </td>
1295
+ </tr>
1247
1296
 
1248
1297
  </tbody>
1249
1298
  </table>
@@ -1361,6 +1410,12 @@
1361
1410
  </td>
1362
1411
  </tr>
1363
1412
 
1413
+ <tr>
1414
+ <td class="col-md-4">
1415
+ <div class="io-description"><p>Used to set the height of the second level subitems container.</p>
1416
+ </div>
1417
+ </td>
1418
+ </tr>
1364
1419
 
1365
1420
  </tbody>
1366
1421
  </table>
@@ -1392,6 +1447,12 @@
1392
1447
  </td>
1393
1448
  </tr>
1394
1449
 
1450
+ <tr>
1451
+ <td class="col-md-4">
1452
+ <div class="io-description"><p>Wrapper div element of the second level sub-items.</p>
1453
+ </div>
1454
+ </td>
1455
+ </tr>
1395
1456
 
1396
1457
  </tbody>
1397
1458
  </table>
@@ -1423,6 +1484,12 @@
1423
1484
  </td>
1424
1485
  </tr>
1425
1486
 
1487
+ <tr>
1488
+ <td class="col-md-4">
1489
+ <div class="io-description"><p>The directive of the submenu lits.</p>
1490
+ </div>
1491
+ </td>
1492
+ </tr>
1426
1493
 
1427
1494
  </tbody>
1428
1495
  </table>
@@ -1454,6 +1521,12 @@
1454
1521
  </td>
1455
1522
  </tr>
1456
1523
 
1524
+ <tr>
1525
+ <td class="col-md-4">
1526
+ <div class="io-description"><p>The button element, if it exists. Item can have either link or button.</p>
1527
+ </div>
1528
+ </td>
1529
+ </tr>
1457
1530
 
1458
1531
  </tbody>
1459
1532
  </table>
@@ -1485,6 +1558,12 @@
1485
1558
  </td>
1486
1559
  </tr>
1487
1560
 
1561
+ <tr>
1562
+ <td class="col-md-4">
1563
+ <div class="io-description"><p>The link element, if it exists. Item can have either link or button.</p>
1564
+ </div>
1565
+ </td>
1566
+ </tr>
1488
1567
 
1489
1568
  </tbody>
1490
1569
  </table>
@@ -268,9 +268,9 @@
268
268
  <li>
269
269
  <b>@stackblitz/sdk</b> : 1.11.0</li>
270
270
  <li>
271
- <b>@eui/styles</b> : 19.3.1-snapshot-1750768867060</li>
271
+ <b>@eui/styles</b> : 19.3.1-snapshot-1750864122845</li>
272
272
  <li>
273
- <b>@eui/ecl</b> : 19.3.1-snapshot-1750768867060</li>
273
+ <b>@eui/ecl</b> : 19.3.1-snapshot-1750864122845</li>
274
274
  <li>
275
275
  <b>@eui/tools</b> : ^6.0.0</li>
276
276
  </ul>
@@ -216,7 +216,7 @@
216
216
  <a href="#isInverted" >isInverted</a>
217
217
  </li>
218
218
  <li>
219
- <a href="#isNoVisited" >isNoVisited</a>
219
+ <a href="#isNoVisited" class="deprecated-name">isNoVisited</a>
220
220
  </li>
221
221
  <li>
222
222
  <a href="#variant" >variant</a>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to the mega-menu container.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to the mega-menu featured image.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to the mega-menu featured list.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -113,6 +113,14 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to a mega-menu featured list item.
121
+ Also has method that returns item height.</p>
122
+
123
+ </p>
116
124
 
117
125
  <p class="comment">
118
126
  <h3>Extends</h3>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to the mega-menu featured picture.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to the mega-menu list.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific class to the mega-menu spacer.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -113,6 +113,13 @@
113
113
  </p>
114
114
 
115
115
 
116
+ <p class="comment">
117
+ <h3>Description</h3>
118
+ </p>
119
+ <p class="comment">
120
+ <p>Directive that adds specific classes and functionality to the mega-menu sublist.</p>
121
+
122
+ </p>
116
123
 
117
124
  <p class="comment">
118
125
  <h3>Extends</h3>
@@ -478,6 +485,8 @@
478
485
 
479
486
  <tr>
480
487
  <td class="col-md-4">
488
+ <div class="io-description"><p>When parent mega-menu item is clicked.</p>
489
+ </div>
481
490
 
482
491
  <div class="io-description">
483
492
  <b>Parameters :</b>
@@ -488,6 +497,7 @@
488
497
  <td>Name</td>
489
498
  <td>Type</td>
490
499
  <td>Optional</td>
500
+ <td>Description</td>
491
501
  </tr>
492
502
  </thead>
493
503
  <tbody>
@@ -502,6 +512,12 @@
502
512
  </td>
503
513
 
504
514
 
515
+ <td>
516
+ <ul>
517
+ <li>&#39;true&#39;, if parent item is expanded, &#39;false&#39; if item is collapsed.</li>
518
+ </ul>
519
+
520
+ </td>
505
521
  </tr>
506
522
  </tbody>
507
523
  </table>
@@ -405,6 +405,8 @@
405
405
 
406
406
  <tr>
407
407
  <td class="col-md-4">
408
+ <div class="io-description"><p>Used to synchronize size of the info panel and sublist.</p>
409
+ </div>
408
410
 
409
411
  <div class="io-description">
410
412
  <b>Parameters :</b>