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

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 (28) hide show
  1. package/docs/changelog.html +88 -0
  2. package/docs/components/EclMegaMenuComponent.html +5 -203
  3. package/docs/components/EclMegaMenuFeaturedComponent.html +10 -126
  4. package/docs/components/EclMegaMenuInfoComponent.html +0 -91
  5. package/docs/components/EclMegaMenuItemComponent.html +38 -115
  6. package/docs/components/EclMegaMenuSubitemComponent.html +4 -68
  7. package/docs/directives/EclMegaMenuContainerDirective.html +0 -104
  8. package/docs/directives/EclMegaMenuFeaturedImageDirective.html +0 -104
  9. package/docs/directives/EclMegaMenuFeaturedListDirective.html +0 -104
  10. package/docs/directives/EclMegaMenuFeaturedListItemDescriptionDirective.html +0 -104
  11. package/docs/directives/EclMegaMenuFeaturedListItemDirective.html +0 -104
  12. package/docs/directives/EclMegaMenuFeaturedPictureDirective.html +0 -39
  13. package/docs/directives/EclMegaMenuListDirective.html +0 -104
  14. package/docs/directives/EclMegaMenuSpacerDirective.html +0 -104
  15. package/docs/directives/EclMegaMenuSublistDirective.html +0 -165
  16. package/docs/js/search/search_index.js +2 -2
  17. package/docs/json/documentation.json +273 -851
  18. package/docs/llms.txt +4 -29
  19. package/docs/miscellaneous/variables.html +20 -20
  20. package/docs/properties.html +1 -1
  21. package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs +4 -2
  22. package/fesm2022/eui-ecl-components-ecl-inpage-navigation.mjs.map +1 -1
  23. package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs +100 -159
  24. package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/types/eui-ecl-components-ecl-inpage-navigation.d.ts.map +1 -1
  27. package/types/eui-ecl-components-ecl-mega-menu.d.ts +12 -22
  28. package/types/eui-ecl-components-ecl-mega-menu.d.ts.map +1 -1
@@ -251,7 +251,6 @@
251
251
  <ul class="index-list">
252
252
  <li>
253
253
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
254
- <span class="modifier"></span>
255
254
  <a href="#eclMegaMenuInfoStyleHeight" >eclMegaMenuInfoStyleHeight</a>
256
255
  </li>
257
256
  <li>
@@ -325,25 +324,6 @@
325
324
  </table>
326
325
 
327
326
 
328
- <table class="table table-sm table-bordered index-table">
329
- <tbody>
330
- <tr>
331
- <td class="col-md-3">
332
- <h6><b>HostBindings</b></h6>
333
- </td>
334
- <td class="col-md-9">
335
- <ul class="index-list">
336
- <li>
337
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
338
- </li>
339
- <li>
340
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#style.height.px" >style.height.px</a>
341
- </li>
342
- </ul>
343
- </td>
344
- </tr>
345
- </tbody>
346
- </table>
347
327
 
348
328
 
349
329
  <table class="table table-sm table-bordered index-table">
@@ -461,67 +441,6 @@
461
441
  </section>
462
442
 
463
443
 
464
- <section data-compodoc="block-properties">
465
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
466
- <tbody>
467
- <tr>
468
- <td class="col-md-4">
469
- <a name="class"></a>
470
- <span class="name">
471
- <span ><b>class</b></span>
472
- <a href="#class"><span class="icon ion-ios-link"></span></a>
473
- </span>
474
- </td>
475
- </tr>
476
- <tr>
477
- <td class="col-md-4">
478
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
479
-
480
- </td>
481
- </tr>
482
-
483
- <tr>
484
- <td class="col-md-4">
485
- <div class="io-description"><p>Applies custom styles for info component.</p>
486
- </div>
487
- </td>
488
- </tr>
489
-
490
- </tbody>
491
- </table>
492
- <table class="table table-sm table-bordered">
493
- <tbody>
494
- <tr>
495
- <td class="col-md-4">
496
- <a name="style.height.px"></a>
497
- <span class="name">
498
- <span ><b>style.height.px</b></span>
499
- <a href="#style.height.px"><span class="icon ion-ios-link"></span></a>
500
- </span>
501
- </td>
502
- </tr>
503
- <tr>
504
- <td class="col-md-4">
505
- <i>Type : </i> <code>number | null</code>
506
-
507
- </td>
508
- </tr>
509
- <tr>
510
- <td class="col-md-4">
511
- <i>Default value : </i><code>null</code>
512
- </td>
513
- </tr>
514
-
515
- <tr>
516
- <td class="col-md-4">
517
- <div class="io-description"><p>Sets the height of the component.</p>
518
- </div>
519
- </td>
520
- </tr>
521
-
522
- </tbody>
523
- </table>
524
- </section>
525
444
 
526
445
 
527
446
  <section data-compodoc="block-methods">
@@ -640,7 +559,6 @@
640
559
  <td class="col-md-4">
641
560
  <a name="eclMegaMenuInfoStyleHeight"></a>
642
561
  <span class="name">
643
- <span class="modifier"></span>
644
562
  <span ><b>eclMegaMenuInfoStyleHeight</b></span>
645
563
  <a href="#eclMegaMenuInfoStyleHeight"><span class="icon ion-ios-link"></span></a>
646
564
  </span>
@@ -657,15 +575,6 @@
657
575
  <i>Default value : </i><code>null</code>
658
576
  </td>
659
577
  </tr>
660
- <tr>
661
- <td class="col-md-4">
662
- <b>Decorators : </b>
663
- <br />
664
- <code>
665
- @HostBinding(&#x27;style.height.px&#x27;)<br />
666
- </code>
667
- </td>
668
- </tr>
669
578
 
670
579
  <tr>
671
580
  <td class="col-md-4">
@@ -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
 
@@ -313,11 +317,6 @@
313
317
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
314
318
  <a href="#el" >el</a>
315
319
  </li>
316
- <li>
317
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
318
- <span class="modifier"></span>
319
- <a href="#hasPopup" >hasPopup</a>
320
- </li>
321
320
  <li>
322
321
  <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
323
322
  <a href="#isCurrent" >isCurrent</a>
@@ -475,25 +474,6 @@
475
474
  </tbody>
476
475
  </table>
477
476
 
478
- <table class="table table-sm table-bordered index-table">
479
- <tbody>
480
- <tr>
481
- <td class="col-md-3">
482
- <h6><b>HostBindings</b></h6>
483
- </td>
484
- <td class="col-md-9">
485
- <ul class="index-list">
486
- <li>
487
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.aria-haspopup" >attr.aria-haspopup</a>
488
- </li>
489
- <li>
490
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
491
- </li>
492
- </ul>
493
- </td>
494
- </tr>
495
- </tbody>
496
- </table>
497
477
 
498
478
 
499
479
  <table class="table table-sm table-bordered index-table">
@@ -508,6 +488,10 @@
508
488
  <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
509
489
  <a href="#cssClasses" >cssClasses</a>
510
490
  </li>
491
+ <li>
492
+ <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
493
+ <a href="#hasPopup" >hasPopup</a>
494
+ </li>
511
495
  <li>
512
496
  <span class="reference-badge reference-badge--accessor" aria-hidden="true">A</span>
513
497
  <a href="#hasNoInfo" >hasNoInfo</a>
@@ -840,61 +824,6 @@ will take 2, 3, 4 columns, depending on presence of other sub-components.</p>
840
824
  </table>
841
825
  </section>
842
826
 
843
- <section data-compodoc="block-properties">
844
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
845
- <tbody>
846
- <tr>
847
- <td class="col-md-4">
848
- <a name="attr.aria-haspopup"></a>
849
- <span class="name">
850
- <span ><b>attr.aria-haspopup</b></span>
851
- <a href="#attr.aria-haspopup"><span class="icon ion-ios-link"></span></a>
852
- </span>
853
- </td>
854
- </tr>
855
- <tr>
856
- <td class="col-md-4">
857
- <i>Type : </i> <code>boolean | null</code>
858
-
859
- </td>
860
- </tr>
861
- <tr>
862
- <td class="col-md-4">
863
- <i>Default value : </i><code>this.hasChildren ? true : null</code>
864
- </td>
865
- </tr>
866
-
867
-
868
- </tbody>
869
- </table>
870
- <table class="table table-sm table-bordered">
871
- <tbody>
872
- <tr>
873
- <td class="col-md-4">
874
- <a name="class"></a>
875
- <span class="name">
876
- <span ><b>class</b></span>
877
- <a href="#class"><span class="icon ion-ios-link"></span></a>
878
- </span>
879
- </td>
880
- </tr>
881
- <tr>
882
- <td class="col-md-4">
883
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
884
-
885
- </td>
886
- </tr>
887
-
888
- <tr>
889
- <td class="col-md-4">
890
- <div class="io-description"><p>Returns current menu item classes, depending on item&#39;s state (it&#39;s properties&#39; values).</p>
891
- </div>
892
- </td>
893
- </tr>
894
-
895
- </tbody>
896
- </table>
897
- </section>
898
827
 
899
828
 
900
829
  <section data-compodoc="block-methods">
@@ -1367,42 +1296,6 @@ will take 2, 3, 4 columns, depending on presence of other sub-components.</p>
1367
1296
  </tr>
1368
1297
 
1369
1298
 
1370
- </tbody>
1371
- </table>
1372
- <table class="table table-sm table-bordered">
1373
- <tbody>
1374
- <tr>
1375
- <td class="col-md-4">
1376
- <a name="hasPopup"></a>
1377
- <span class="name">
1378
- <span class="modifier"></span>
1379
- <span ><b>hasPopup</b></span>
1380
- <a href="#hasPopup"><span class="icon ion-ios-link"></span></a>
1381
- </span>
1382
- </td>
1383
- </tr>
1384
- <tr>
1385
- <td class="col-md-4">
1386
- <i>Type : </i> <code>unknown</code>
1387
-
1388
- </td>
1389
- </tr>
1390
- <tr>
1391
- <td class="col-md-4">
1392
- <i>Default value : </i><code>this.hasChildren ? true : null</code>
1393
- </td>
1394
- </tr>
1395
- <tr>
1396
- <td class="col-md-4">
1397
- <b>Decorators : </b>
1398
- <br />
1399
- <code>
1400
- @HostBinding(&#x27;attr.aria-haspopup&#x27;)<br />
1401
- </code>
1402
- </td>
1403
- </tr>
1404
-
1405
-
1406
1299
  </tbody>
1407
1300
  </table>
1408
1301
  <table class="table table-sm table-bordered">
@@ -1746,6 +1639,36 @@ will take 2, 3, 4 columns, depending on presence of other sub-components.</p>
1746
1639
 
1747
1640
  </tbody>
1748
1641
  </table>
1642
+ <table class="table table-sm table-bordered">
1643
+ <tbody>
1644
+ <tr>
1645
+ <td class="col-md-4">
1646
+ <a name="hasPopup"></a>
1647
+ <span class="name"><b>hasPopup</b><a href="#hasPopup"><span class="icon ion-ios-link"></span></a></span>
1648
+ </td>
1649
+ </tr>
1650
+
1651
+ <tr>
1652
+ <td class="col-md-4">
1653
+ <span class="accessor"><b>get</b><code>hasPopup()</code></span>
1654
+ </td>
1655
+ </tr>
1656
+ <tr>
1657
+ <td class="col-md-4">
1658
+ <div class="io-description"><p>Reflects whether this item has a submenu/container. Evaluated lazily during
1659
+ change detection (not at construction) so the content-query signals are
1660
+ resolved before it is read.</p>
1661
+ </div>
1662
+
1663
+ <div class="io-description">
1664
+ <b>Returns : </b> <code>unknown | null</code>
1665
+
1666
+ </div>
1667
+ </td>
1668
+ </tr>
1669
+
1670
+ </tbody>
1671
+ </table>
1749
1672
  <table class="table table-sm table-bordered">
1750
1673
  <tbody>
1751
1674
  <tr>
@@ -174,6 +174,10 @@
174
174
 
175
175
 
176
176
 
177
+ <tr>
178
+ <td class="col-md-3">host</td>
179
+ <td class="col-md-9"><code>{<br>}</code></td>
180
+ </tr>
177
181
 
178
182
 
179
183
 
@@ -453,25 +457,6 @@
453
457
  </tbody>
454
458
  </table>
455
459
 
456
- <table class="table table-sm table-bordered index-table">
457
- <tbody>
458
- <tr>
459
- <td class="col-md-3">
460
- <h6><b>HostBindings</b></h6>
461
- </td>
462
- <td class="col-md-9">
463
- <ul class="index-list">
464
- <li>
465
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
466
- </li>
467
- <li>
468
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#style.display" >style.display</a>
469
- </li>
470
- </ul>
471
- </td>
472
- </tr>
473
- </tbody>
474
- </table>
475
460
 
476
461
 
477
462
  <table class="table table-sm table-bordered index-table">
@@ -864,55 +849,6 @@
864
849
  </table>
865
850
  </section>
866
851
 
867
- <section data-compodoc="block-properties">
868
- <h3>HostBindings</h3> <table class="table table-sm table-bordered">
869
- <tbody>
870
- <tr>
871
- <td class="col-md-4">
872
- <a name="class"></a>
873
- <span class="name">
874
- <span ><b>class</b></span>
875
- <a href="#class"><span class="icon ion-ios-link"></span></a>
876
- </span>
877
- </td>
878
- </tr>
879
- <tr>
880
- <td class="col-md-4">
881
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
882
-
883
- </td>
884
- </tr>
885
-
886
-
887
- </tbody>
888
- </table>
889
- <table class="table table-sm table-bordered">
890
- <tbody>
891
- <tr>
892
- <td class="col-md-4">
893
- <a name="style.display"></a>
894
- <span class="name">
895
- <span ><b>style.display</b></span>
896
- <a href="#style.display"><span class="icon ion-ios-link"></span></a>
897
- </span>
898
- </td>
899
- </tr>
900
- <tr>
901
- <td class="col-md-4">
902
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
903
-
904
- </td>
905
- </tr>
906
- <tr>
907
- <td class="col-md-4">
908
- <i>Default value : </i><code>&#x27;&#x27;</code>
909
- </td>
910
- </tr>
911
-
912
-
913
- </tbody>
914
- </table>
915
- </section>
916
852
 
917
853
 
918
854
  <section data-compodoc="block-methods">
@@ -206,24 +206,6 @@
206
206
  <div class="tab-pane fade " id="api">
207
207
  <section data-compodoc="block-index">
208
208
  <h3 id="index">Index</h3>
209
- <table class="table table-sm table-bordered index-table">
210
- <tbody>
211
- <tr>
212
- <td class="col-md-3">
213
- <h6><b>Properties</b></h6>
214
- </td>
215
- <td class="col-md-9">
216
- <ul class="index-list">
217
- <li>
218
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
219
- <span class="modifier"></span>
220
- <a href="#hasClass" >hasClass</a>
221
- </li>
222
- </ul>
223
- </td>
224
- </tr>
225
- </tbody>
226
- </table>
227
209
 
228
210
  <table class="table table-sm table-bordered index-table">
229
211
  <tbody>
@@ -267,22 +249,6 @@
267
249
  </table>
268
250
 
269
251
 
270
- <table class="table table-sm table-bordered index-table">
271
- <tbody>
272
- <tr>
273
- <td class="col-md-3">
274
- <h6><b>HostBindings</b></h6>
275
- </td>
276
- <td class="col-md-9">
277
- <ul class="index-list">
278
- <li>
279
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl" >class.ecl</a>
280
- </li>
281
- </ul>
282
- </td>
283
- </tr>
284
- </tbody>
285
- </table>
286
252
 
287
253
 
288
254
  </section>
@@ -341,34 +307,6 @@
341
307
  </section>
342
308
 
343
309
 
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.ecl"></a>
350
- <span class="name">
351
- <span ><b>class.ecl</b></span>
352
- <a href="#class.ecl"><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/boolean" target="_blank" >boolean</a></code>
359
-
360
- </td>
361
- </tr>
362
- <tr>
363
- <td class="col-md-4">
364
- <i>Default value : </i><code>true</code>
365
- </td>
366
- </tr>
367
-
368
-
369
- </tbody>
370
- </table>
371
- </section>
372
310
 
373
311
 
374
312
  <section data-compodoc="block-methods">
@@ -439,48 +377,6 @@
439
377
  </table>
440
378
  </section>
441
379
 
442
- <section data-compodoc="block-properties">
443
-
444
- <h3 id="inputs">
445
- Properties
446
- </h3>
447
- <table class="table table-sm table-bordered">
448
- <tbody>
449
- <tr>
450
- <td class="col-md-4">
451
- <a name="hasClass"></a>
452
- <span class="name">
453
- <span class="modifier"></span>
454
- <span ><b>hasClass</b></span>
455
- <a href="#hasClass"><span class="icon ion-ios-link"></span></a>
456
- </span>
457
- </td>
458
- </tr>
459
- <tr>
460
- <td class="col-md-4">
461
- <i>Type : </i> <code>unknown</code>
462
-
463
- </td>
464
- </tr>
465
- <tr>
466
- <td class="col-md-4">
467
- <i>Default value : </i><code>true</code>
468
- </td>
469
- </tr>
470
- <tr>
471
- <td class="col-md-4">
472
- <b>Decorators : </b>
473
- <br />
474
- <code>
475
- @HostBinding(&#x27;class.ecl&#x27;)<br />
476
- </code>
477
- </td>
478
- </tr>
479
-
480
-
481
- </tbody>
482
- </table>
483
- </section>
484
380
 
485
381
  </div>
486
382
 
@@ -206,24 +206,6 @@
206
206
  <div class="tab-pane fade " id="api">
207
207
  <section data-compodoc="block-index">
208
208
  <h3 id="index">Index</h3>
209
- <table class="table table-sm table-bordered index-table">
210
- <tbody>
211
- <tr>
212
- <td class="col-md-3">
213
- <h6><b>Properties</b></h6>
214
- </td>
215
- <td class="col-md-9">
216
- <ul class="index-list">
217
- <li>
218
- <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
219
- <span class="modifier"></span>
220
- <a href="#cmpClass" >cmpClass</a>
221
- </li>
222
- </ul>
223
- </td>
224
- </tr>
225
- </tbody>
226
- </table>
227
209
 
228
210
  <table class="table table-sm table-bordered index-table">
229
211
  <tbody>
@@ -267,22 +249,6 @@
267
249
  </table>
268
250
 
269
251
 
270
- <table class="table table-sm table-bordered index-table">
271
- <tbody>
272
- <tr>
273
- <td class="col-md-3">
274
- <h6><b>HostBindings</b></h6>
275
- </td>
276
- <td class="col-md-9">
277
- <ul class="index-list">
278
- <li>
279
- <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-mega-menu__featured-image" >class.ecl-mega-menu__featured-image</a>
280
- </li>
281
- </ul>
282
- </td>
283
- </tr>
284
- </tbody>
285
- </table>
286
252
 
287
253
 
288
254
  </section>
@@ -341,34 +307,6 @@
341
307
  </section>
342
308
 
343
309
 
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.ecl-mega-menu__featured-image"></a>
350
- <span class="name">
351
- <span ><b>class.ecl-mega-menu__featured-image</b></span>
352
- <a href="#class.ecl-mega-menu__featured-image"><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/boolean" target="_blank" >boolean</a></code>
359
-
360
- </td>
361
- </tr>
362
- <tr>
363
- <td class="col-md-4">
364
- <i>Default value : </i><code>true</code>
365
- </td>
366
- </tr>
367
-
368
-
369
- </tbody>
370
- </table>
371
- </section>
372
310
 
373
311
 
374
312
  <section data-compodoc="block-methods">
@@ -439,48 +377,6 @@
439
377
  </table>
440
378
  </section>
441
379
 
442
- <section data-compodoc="block-properties">
443
-
444
- <h3 id="inputs">
445
- Properties
446
- </h3>
447
- <table class="table table-sm table-bordered">
448
- <tbody>
449
- <tr>
450
- <td class="col-md-4">
451
- <a name="cmpClass"></a>
452
- <span class="name">
453
- <span class="modifier"></span>
454
- <span ><b>cmpClass</b></span>
455
- <a href="#cmpClass"><span class="icon ion-ios-link"></span></a>
456
- </span>
457
- </td>
458
- </tr>
459
- <tr>
460
- <td class="col-md-4">
461
- <i>Type : </i> <code>unknown</code>
462
-
463
- </td>
464
- </tr>
465
- <tr>
466
- <td class="col-md-4">
467
- <i>Default value : </i><code>true</code>
468
- </td>
469
- </tr>
470
- <tr>
471
- <td class="col-md-4">
472
- <b>Decorators : </b>
473
- <br />
474
- <code>
475
- @HostBinding(&#x27;class.ecl-mega-menu__featured-image&#x27;)<br />
476
- </code>
477
- </td>
478
- </tr>
479
-
480
-
481
- </tbody>
482
- </table>
483
- </section>
484
380
 
485
381
  </div>
486
382