npm - @eui/ecl - Versions diffs - 21.0.0-alpha.32 → 21.0.0-alpha.34 - Mend

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

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 (497) hide show

package/docs/directives/EclMegaMenuFeaturedListItemDirective.html CHANGED Viewed

@@ -212,6 +212,12 @@ Also has method that returns item height.</p>
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
+                            <li>
+                                <a href="#isCombo" >isCombo</a>
+                            </li>
+                            <li>
+                                <a href="#isImageOnly" >isImageOnly</a>
+                            </li>
                             <li>
                                 <a href="#class" >class</a>
                             </li>
@@ -249,6 +255,48 @@ Also has method that returns item height.</p>
             <section data-compodoc="block-inputs">
     <h3 id="inputs">Inputs</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="isCombo"></a>
+                        <b>isCombo</b>
+                    </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>false</code>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="isImageOnly"></a>
+                        <b>isImageOnly</b>
+                    </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>false</code>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>

package/docs/directives/EclMegaMenuSpacerDirective.html CHANGED Viewed

@@ -155,7 +155,7 @@
                     <tr>
                         <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>ul[eclMegaMenuSpacer]</code></td>
+                        <td class="col-md-9"><code>li[eclMegaMenuSpacer]</code></td>
                     </tr>

package/docs/directives/EclMegaMenuSublistDirective.html CHANGED Viewed

@@ -195,6 +195,10 @@
                                     <span class="modifier"></span>
                                 <a href="#isScrollable" >isScrollable</a>
                             </li>
+                            <li>
+                                    <span class="modifier"></span>
+                                <a href="#spacer" >spacer</a>
+                            </li>
                             <li>
                                     <span class="modifier"></span>
                                 <a href="#styleTop" >styleTop</a>
@@ -246,6 +250,20 @@
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <h6><b>Outputs</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                <a href="#megaMenuSubItemClicked" >megaMenuSubItemClicked</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
@@ -338,7 +356,25 @@
             </tbody>
         </table>
 </section>
+            <section data-compodoc="block-outputs">
+    <h3 id="outputs">Outputs</h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="megaMenuSubItemClicked"></a>
+                        <b>megaMenuSubItemClicked</b>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>    <code>EventEmitter</code>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+</section>
             <section data-compodoc="block-properties">
     <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
         <tbody>
@@ -641,6 +677,37 @@
                 </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="spacer"></a>
+                    <span class="name">
+                            <span class="modifier"></span>
+                        <span ><b>spacer</b></span>
+                        <a href="#spacer"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="../directives/EclMegaMenuSpacerDirective.html" target="_self" >QueryList&lt;EclMegaMenuSpacerDirective&gt;</a></code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <b>Decorators : </b>
+                        <br />
+                        <code>
+                            @ContentChild(undefined)<br />
+                        </code>
+                    </td>
+                </tr>
         </tbody>
     </table>
     <table class="table table-sm table-bordered">

package/docs/directives/EclSiteFooterSectionDirective.html CHANGED Viewed

@@ -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>