npm - @eui/ecl - Versions diffs - 21.0.0-next.2 → 21.0.0-next.20 - Mend

@eui/ecl 21.0.0-next.2 → 21.0.0-next.20

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

package/docs/directives/{EclSiteFooterLogoDirective.html → EclSiteFooterCoownerItemDirective.html} RENAMED Viewed

@@ -109,9 +109,7 @@
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Directives</li>
-  <li class="breadcrumb-item"
-        class="breadcrumb-item deprecated-name"
-    >EclSiteFooterLogoDirective</li>
+  <li class="breadcrumb-item" >EclSiteFooterCoownerItemDirective</li>
 </ol>
 <ul class="nav nav-tabs" role="tablist">
@@ -129,16 +127,18 @@
             <h3>File</h3>
         </p>
         <p class="comment">
-            <code>packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts</code>
+            <code>packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-coowner/ecl-site-footer-coowner.directive.ts</code>
         </p>
             <p class="comment">
-                <h3 class="deprecated">Deprecated</h3>
+                <h3>Description</h3>
             </p>
             <p class="comment">
-                - this directive is deprecated and will be removed in v20. Not used anymore.
-            </p>
+                <p>Directive, that applies a specific class to a list item (<li>) in site footer&#39;s co-owner section.
+ Also add classes for the eclLinks children of the list item.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -147,6 +147,12 @@
                             <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
             </p>
+            <p class="comment">
+                <h3>Implements</h3>
+            </p>
+            <p class="comment">
+                        <code>AfterContentInit</code>
+            </p>
         <section data-compodoc="block-metadata">
@@ -156,7 +162,7 @@
                     <tr>
                         <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[eclSiteFooterLogo]</code></td>
+                        <td class="col-md-9"><code>[eclSiteFooterCoownerItem]</code></td>
                     </tr>
@@ -179,8 +185,7 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                    <span class="modifier"></span>
-                                <a href="#cmpClass" >cmpClass</a>
+                                <a href="#eclLinks" >eclLinks</a>
                             </li>
                         </ul>
                     </td>
@@ -232,13 +237,27 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#class.ecl-site-footer__logo" >class.ecl-site-footer__logo</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>
@@ -301,24 +320,19 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="class.ecl-site-footer__logo"></a>
+                    <a name="class"></a>
                     <span class="name">
-                        <span ><b>class.ecl-site-footer__logo</b></span>
-                        <a href="#class.ecl-site-footer__logo"><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>
+                        <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>true</code>
-                    </td>
-                </tr>
         </tbody>
@@ -402,35 +416,47 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="cmpClass"></a>
+                    <a name="eclLinks"></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 ><b>eclLinks</b></span>
+                        <a href="#eclLinks"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
+                        <i>Default value : </i><code>contentChildren(EclLinkDirective)</code>
                     </td>
                 </tr>
+        </tbody>
+    </table>
+</section>
+            <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__logo&#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>
+                <tr>
+                    <td class="col-md-4">
+                        <span class="accessor"><b>get</b><code>cssClasses()</code></span>
+                    </td>
+                </tr>
-        </tbody>
-    </table>
+            </tbody>
+        </table>
 </section>
     </div>
@@ -476,7 +502,7 @@
        <script>
             var COMPODOC_CURRENT_PAGE_DEPTH = 1;
             var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'EclSiteFooterLogoDirective.html';
+            var COMPODOC_CURRENT_PAGE_URL = 'EclSiteFooterCoownerItemDirective.html';
             var MAX_SEARCH_RESULTS = 15;
        </script>

package/docs/directives/{EclSiteFooterLogoListDirective.html → EclSiteFooterCoownerListDirective.html} RENAMED Viewed

@@ -109,9 +109,7 @@
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Directives</li>
-  <li class="breadcrumb-item"
-        class="breadcrumb-item deprecated-name"
-    >EclSiteFooterLogoListDirective</li>
+  <li class="breadcrumb-item" >EclSiteFooterCoownerListDirective</li>
 </ol>
 <ul class="nav nav-tabs" role="tablist">
@@ -129,26 +127,27 @@
             <h3>File</h3>
         </p>
         <p class="comment">
-            <code>packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts</code>
+            <code>packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-coowner/ecl-site-footer-coowner.directive.ts</code>
         </p>
             <p class="comment">
-                <h3 class="deprecated">Deprecated</h3>
+                <h3>Description</h3>
             </p>
             <p class="comment">
-                - this directive is deprecated and will be removed in v20. Not used anymore.
+                <p>Directive, that applies a specific class to a list (<ul>) in site footer&#39;s co-owner section.</p>
             </p>
             <p class="comment">
-                <h3>Extends</h3>
+                <h3>Implements</h3>
             </p>
             <p class="comment">
-                            <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
+                        <code>AfterContentInit</code>
             </p>
         <section data-compodoc="block-metadata">
             <h3>Metadata</h3>
             <table class="table table-sm table-hover metadata">
@@ -156,7 +155,7 @@
                     <tr>
                         <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[eclSiteFooterLogoList]</code></td>
+                        <td class="col-md-9"><code>[eclSiteFooterCoownerList]</code></td>
                     </tr>
@@ -180,47 +179,16 @@
                         <ul class="index-list">
                             <li>
                                     <span class="modifier"></span>
-                                <a href="#cmpClass" >cmpClass</a>
+                                <a href="#className" >className</a>
                             </li>
-                        </ul>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Methods</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
                             <li>
-                                <a href="#getCssClasses" >getCssClasses</a>
+                                <a href="#eclFooterCoownerListItems" >eclFooterCoownerListItems</a>
                             </li>
                         </ul>
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <h6><b>Inputs</b></h6>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <ul class="index-list">
-                            <li>
-                                <a href="#class" >class</a>
-                            </li>
-                            <li>
-                                <a href="#e2eAttr" >e2eAttr</a>
-                            </li>
-                            <li>
-                                <a href="#tabindex" >tabindex</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
                 <tr>
@@ -232,7 +200,7 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#class.ecl-site-footer__logo-list" >class.ecl-site-footer__logo-list</a>
+                                <a href="#class.ecl-site-footer__co-owner-list" >class.ecl-site-footer__co-owner-list</a>
                             </li>
                         </ul>
                     </td>
@@ -244,67 +212,17 @@
 </section>
-            <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="class"></a>
-                        <b>class</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/string" target="_blank" >string</a></code>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="e2eAttr"></a>
-                        <b>e2eAttr</b>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="tabindex"></a>
-                        <b>tabindex</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/number" target="_blank" >number</a></code>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-</section>
             <section data-compodoc="block-properties">
     <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="class.ecl-site-footer__logo-list"></a>
+                    <a name="class.ecl-site-footer__co-owner-list"></a>
                     <span class="name">
-                        <span ><b>class.ecl-site-footer__logo-list</b></span>
-                        <a href="#class.ecl-site-footer__logo-list"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>class.ecl-site-footer__co-owner-list</b></span>
+                        <a href="#class.ecl-site-footer__co-owner-list"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
@@ -326,73 +244,7 @@
 </section>
-            <section data-compodoc="block-methods">
-    <h3 id="methods">
-        Methods
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="getCssClasses"></a>
-                    <span class="name">
-                        <span ><b>getCssClasses</b></span>
-                        <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td class="col-md-4">
-<code>getCssClasses(rootClass: <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">
-                            <div class="io-description">
-                                <b>Parameters :</b>
-                                <table class="params">
-                                    <thead>
-                                        <tr>
-                                            <td>Name</td>
-                                                <td>Type</td>
-                                            <td>Optional</td>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                                <td>rootClass</td>
-                                            <td>
-                                                            <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                                            </td>
-                                            <td>
-                                                    No
-                                            </td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        <div class="io-description">
-                            <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-                        </div>
-                            <div class="io-description">
-                            </div>
-                </td>
-            </tr>
-        </tbody>
-    </table>
-</section>
             <section data-compodoc="block-properties">
     <h3 id="inputs">
@@ -402,11 +254,11 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="cmpClass"></a>
+                    <a name="className"></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 ><b>className</b></span>
+                        <a href="#className"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
@@ -420,12 +272,32 @@
                         <b>Decorators : </b>
                         <br />
                         <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__logo-list&#x27;)<br />
+                            @HostBinding(&#x27;class.ecl-site-footer__co-owner-list&#x27;)<br />
                         </code>
                     </td>
                 </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="eclFooterCoownerListItems"></a>
+                    <span class="name">
+                        <span ><b>eclFooterCoownerListItems</b></span>
+                        <a href="#eclFooterCoownerListItems"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>contentChildren(EclSiteFooterCoownerItemDirective)</code>
+                    </td>
+                </tr>
         </tbody>
     </table>
 </section>
@@ -476,7 +348,7 @@
        <script>
             var COMPODOC_CURRENT_PAGE_DEPTH = 1;
             var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
-            var COMPODOC_CURRENT_PAGE_URL = 'EclSiteFooterLogoListDirective.html';
+            var COMPODOC_CURRENT_PAGE_URL = 'EclSiteFooterCoownerListDirective.html';
             var MAX_SEARCH_RESULTS = 15;
        </script>

package/docs/directives/EclSiteFooterListDirective.html CHANGED Viewed

@@ -208,9 +208,6 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
-                            <li>
-                                <a href="#isColumns" >isColumns</a>
-                            </li>
                             <li>
                                 <a href="#isInline" >isInline</a>
                             </li>
@@ -251,22 +248,6 @@
             <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="isColumns"></a>
-                        <b>isColumns</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>
-            </tbody>
-        </table>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>

package/docs/directives/EclSiteFooterSectionDirective.html CHANGED Viewed

@@ -193,18 +193,6 @@
                 <tr>
                     <td class="col-md-4">
                         <ul class="index-list">
-                            <li>
-                                <a href="#hasSeparator" class="deprecated-name">hasSeparator</a>
-                            </li>
-                            <li>
-                                <a href="#isCondensed" class="deprecated-name">isCondensed</a>
-                            </li>
-                            <li>
-                                <a href="#isSiteInfo" class="deprecated-name">isSiteInfo</a>
-                            </li>
-                            <li>
-                                <a href="#isSplitList" class="deprecated-name">isSplitList</a>
-                            </li>
                             <li>
                                 <a href="#variant" >variant</a>
                             </li>
@@ -259,90 +247,6 @@
             <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="hasSeparator"></a>
-                        <b>hasSeparator</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="isCondensed"></a>
-                        <b>isCondensed</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="isSiteInfo"></a>
-                        <b>isSiteInfo</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="isSplitList"></a>
-                        <b>isSplitList</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>