@eui/ecl 21.0.0-alpha.32 → 21.0.0-alpha.33

package/docs/directives/EclSiteFooterSectionDirective.html

@@ -169,41 +169,6 @@
     <h3 id="index">Index</h3>
     <table class="table table-sm table-bordered index-table">
         <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Properties</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#cmpClass" >cmpClass</a>
-                            </li>
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#isAbout" >isAbout</a>
-                            </li>
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#isContact" >isContact</a>
-                            </li>
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#isLinks" >isLinks</a>
-                            </li>
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#isMore" >isMore</a>
-                            </li>
-                            <li>
-                                    <span class="modifier"></span>
-                                <a href="#isRelated" >isRelated</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
 
                 <tr>
                     <td class="col-md-4">
@@ -235,7 +200,7 @@
                                 <a href="#isCondensed" class="deprecated-name">isCondensed</a>
                             </li>
                             <li>
-                                <a href="#isSiteInfo" >isSiteInfo</a>
+                                <a href="#isSiteInfo" class="deprecated-name">isSiteInfo</a>
                             </li>
                             <li>
                                 <a href="#isSplitList" class="deprecated-name">isSplitList</a>
@@ -266,28 +231,27 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#class.ecl-site-footer__section" >class.ecl-site-footer__section</a>
-                            </li>
-                            <li>
-                                <a href="#class.ecl-site-footer__section--about" >class.ecl-site-footer__section--about</a>
-                            </li>
-                            <li>
-                                <a href="#class.ecl-site-footer__section--contact" >class.ecl-site-footer__section--contact</a>
-                            </li>
-                            <li>
-                                <a href="#class.ecl-site-footer__section--links" >class.ecl-site-footer__section--links</a>
-                            </li>
-                            <li>
-                                <a href="#class.ecl-site-footer__section--more" >class.ecl-site-footer__section--more</a>
-                            </li>
-                            <li>
-                                <a href="#class.ecl-site-footer__section--related" >class.ecl-site-footer__section--related</a>
+                                <a href="#class" >class</a>
                             </li>
                         </ul>
                     </td>
                 </tr>
 
 
+                    <tr>
+                        <td class="col-md-4">
+                            <h6><b>Accessors</b></h6>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <ul class="index-list">
+                                <li>
+                                    <a href="#cssClasses" >cssClasses</a>
+                                </li>
+                            </ul>
+                        </td>
+                    </tr>
         </tbody>
     </table>
 </section>
@@ -389,7 +353,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;links&quot; | &quot;contact&quot; | &quot;about&quot; | &quot;more&quot; | &quot;related&quot; | string</code>
+                        <i>Type : </i>    <code>&quot;links&quot; | &quot;contact&quot; | &quot;about&quot; | &quot;more&quot; | &quot;related&quot; | &quot;site-info&quot; | string</code>
 
                     </td>
                 </tr>
@@ -455,154 +419,19 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="class.ecl-site-footer__section"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-site-footer__section</b></span>
-                        <a href="#class.ecl-site-footer__section"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-site-footer__section--about"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-site-footer__section--about</b></span>
-                        <a href="#class.ecl-site-footer__section--about"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;about&#x27;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-site-footer__section--contact"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-site-footer__section--contact</b></span>
-                        <a href="#class.ecl-site-footer__section--contact"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;contact&#x27;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-site-footer__section--links"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-site-footer__section--links</b></span>
-                        <a href="#class.ecl-site-footer__section--links"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;links&#x27;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-site-footer__section--more"></a>
+                    <a name="class"></a>
                     <span class="name">
-                        <span ><b>class.ecl-site-footer__section--more</b></span>
-                        <a href="#class.ecl-site-footer__section--more"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>class</b></span>
+                        <a href="#class"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;more&#x27;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-site-footer__section--related"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-site-footer__section--related</b></span>
-                        <a href="#class.ecl-site-footer__section--related"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
 
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;related&#x27;</code>
-                    </td>
-                </tr>
 
 
         </tbody>
@@ -677,194 +506,30 @@
         </tbody>
     </table>
 </section>
-            <section data-compodoc="block-properties">
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="cmpClass"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>cmpClass</b></span>
-                        <a href="#cmpClass"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__section&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isAbout"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>isAbout</b></span>
-                        <a href="#isAbout"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;about&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__section--about&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
 
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isContact"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>isContact</b></span>
-                        <a href="#isContact"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;contact&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__section--contact&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isLinks"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>isLinks</b></span>
-                        <a href="#isLinks"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;links&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__section--links&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isMore"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>isMore</b></span>
-                        <a href="#isMore"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;more&#x27;</code>
-                    </td>
-                </tr>
+            <section data-compodoc="block-accessors">
+    <h3 id="accessors">
+        Accessors
+    </h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__section--more&#x27;)<br />
-                        </code>
+                        <a name="cssClasses"></a>
+                        <span class="name"><b>cssClasses</b><a href="#cssClasses"><span class="icon ion-ios-link"></span></a></span>
                     </td>
                 </tr>
 
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="isRelated"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>isRelated</b></span>
-                        <a href="#isRelated"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>this.variant &#x3D;&#x3D;&#x3D; &#x27;related&#x27;</code>
-                    </td>
-                </tr>
                 <tr>
                     <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__section--related&#x27;)<br />
-                        </code>
+                        <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
 
-
-        </tbody>
-    </table>
+            </tbody>
+        </table>
 </section>
 
-
     </div>
 
 

package/docs/interfaces/EclMegaMenuItem.html

@@ -167,6 +167,13 @@
                                             hasChildren
                                         </a>
                                 </li>
+                                <li>
+                                            <span class="modifier">Optional</span>
+                                        <a href="#hasFeatured" 
+>
+                                            hasFeatured
+                                        </a>
+                                </li>
                                 <li>
                                             <span class="modifier">Optional</span>
                                         <a href="#id" 
@@ -279,6 +286,44 @@
 
 
 
+                        </tbody>
+                    </table>
+                    <table class="table table-sm table-bordered">
+                        <tbody>
+                                <tr>
+                                    <td class="col-md-4">
+                                        <a name="hasFeatured"></a>
+                                        <span class="name "><b>hasFeatured</b>
+                                            <a href="#hasFeatured">
+                                                <span class="icon ion-ios-link"></span>
+                                            </a>
+                                        </span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td class="col-md-4">
+                                        <code>hasFeatured:         <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+</code>
+                                    </td>
+                                </tr>
+
+
+                                    <tr>
+                                        <td class="col-md-4">
+                                            <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                                        </td>
+                                    </tr>
+
+                                    <tr>
+                                        <td class="col-md-4">
+                                            <i>Optional</i>
+                                        </td>
+                                    </tr>
+
+
+
+
                         </tbody>
                     </table>
                     <table class="table table-sm table-bordered">

package/docs/js/menu-wc.js

@@ -1250,13 +1250,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <a href="modules/EclMegaMenuModule.html" data-type="entity-link" class="deprecated-name">EclMegaMenuModule</a>
                                     <li class="chapter inner">
                                         <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                            'data-bs-target="#components-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' : 'data-bs-target="#xs-components-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' }>
+                                            'data-bs-target="#components-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' : 'data-bs-target="#xs-components-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' }>
                                             <span class="icon ion-md-cog"></span>
                                             <span>Components</span>
                                             <span class="icon ion-ios-arrow-down"></span>
                                         </div>
-                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' :
-                                            'id="xs-components-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' }>
+                                        <ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' :
+                                            'id="xs-components-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' }>
                                             <li class="link">
                                                 <a href="components/EclBannerComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EclBannerComponent</a>
                                             </li>
@@ -1264,13 +1264,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                     </li>
                                 <li class="chapter inner">
                                     <div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
-                                        'data-bs-target="#directives-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' : 'data-bs-target="#xs-directives-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' }>
+                                        'data-bs-target="#directives-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' : 'data-bs-target="#xs-directives-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' }>
                                         <span class="icon ion-md-code-working"></span>
                                         <span>Directives</span>
                                         <span class="icon ion-ios-arrow-down"></span>
                                     </div>
-                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' :
-                                        'id="xs-directives-links-module-EclMegaMenuModule-7ee651c4a67e06298f4ce1dc8b8c897a4c34ad7691eb548a0ed18a97dd2d2b335943a55f0891798ad894a612933f96b79a60d50b9f666e2b83a2083709f326a0"' }>
+                                    <ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' :
+                                        'id="xs-directives-links-module-EclMegaMenuModule-956645f43a04078735a449c4bf43863fbb2592f478607b8e5c13ba07b745091487425a3535ecbcdf8003dfabd07205e8326cca86ffae3636a74bf7dc187c9ce7"' }>
                                         <li class="link">
                                             <a href="directives/EclBannerDescriptionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EclBannerDescriptionDirective</a>
                                         </li>
@@ -3016,6 +3016,9 @@ customElements.define('compodoc-menu', class extends HTMLElement {
                                 <li class="link">
                                     <a href="directives/EclMegaMenuFeaturedListDirective.html" data-type="entity-link" >EclMegaMenuFeaturedListDirective</a>
                                 </li>
+                                <li class="link">
+                                    <a href="directives/EclMegaMenuFeaturedListItemDescriptionDirective.html" data-type="entity-link" >EclMegaMenuFeaturedListItemDescriptionDirective</a>
+                                </li>
                                 <li class="link">
                                     <a href="directives/EclMegaMenuFeaturedListItemDirective.html" data-type="entity-link" >EclMegaMenuFeaturedListItemDirective</a>
                                 </li>