@eui/ecl 18.0.0-next.2 → 18.0.0-next.4

package/docs/{classes/EclFileDownloadEvent.html → directives/EclFileTranslationDownloadDirective.html}

@@ -87,7 +87,7 @@
                    <compodoc-menu mode="normal"></compodoc-menu>
                </div>
                <!-- START CONTENT -->
-               <div class="content class">
+               <div class="content directive">
                    <div class="content-data">
 
 
@@ -96,14 +96,9 @@
 
 
 
-
-
-
-
-
 <ol class="breadcrumb">
-  <li class="breadcrumb-item">Classes</li>
-  <li class="breadcrumb-item" >EclFileDownloadEvent</li>
+  <li class="breadcrumb-item">Directives</li>
+  <li class="breadcrumb-item" >EclFileTranslationDownloadDirective</li>
 </ol>
 
 <ul class="nav nav-tabs" role="tablist">
@@ -121,7 +116,7 @@
             <h3>File</h3>
         </p>
         <p class="comment">
-            <code>packages/eui/packages/ecl/src/lib/components/ecl-file/ecl-file-item/ecl-file-download.event.ts</code>
+            <code>packages/eui/packages/ecl/src/lib/components/ecl-file/ecl-file-download.directive.ts</code>
         </p>
 
 
@@ -130,11 +125,28 @@
                 <h3>Extends</h3>
             </p>
             <p class="comment">
-                            <code><a href="../classes/EclBaseEvent.html" target="_self" >EclBaseEvent</a></code>
+                            <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
             </p>
 
 
 
+        <section data-compodoc="block-metadata">
+            <h3>Metadata</h3>
+            <table class="table table-sm table-hover metadata">
+                <tbody>
+
+                    <tr>
+                        <td class="col-md-3">Selector</td>
+                        <td class="col-md-9"><code>[eclFileTranslationDownload]</code></td>
+                    </tr>
+
+
+
+
+                </tbody>
+            </table>
+        </section>
+
             <section data-compodoc="block-index">
     <h3 id="index">Index</h3>
     <table class="table table-sm table-bordered index-table">
@@ -148,8 +160,8 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                    <span class="modifier">Public</span>
-                                <a href="#href" >href</a>
+                                    <span class="modifier"></span>
+                                <a href="#className" >className</a>
                             </li>
                         </ul>
                     </td>
@@ -164,58 +176,101 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#preventDefault" >preventDefault</a>
+                                <a href="#getCssClasses" >getCssClasses</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>
+                    <td class="col-md-4">
+                        <h6><b>HostBindings</b></h6>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <ul class="index-list">
+                            <li>
+                                <a href="#class.ecl-file__translation-download" >class.ecl-file__translation-download</a>
+                            </li>
+                        </ul>
+                    </td>
+                </tr>
 
 
         </tbody>
     </table>
 </section>
 
-            <section data-compodoc="block-constructor">
-    <h3 id="constructor">Constructor</h3>
+
+            <section data-compodoc="block-inputs">
+    <h3 id="inputs">Inputs</h3>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>
                     <td class="col-md-4">
-<code>constructor(href: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
+                        <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">
-                            <div>
-                                    <b>Parameters :</b>
-                                    <table class="params">
-                                        <thead>
-                                            <tr>
-                                                <td>Name</td>
-                                                    <td>Type</td>
-                                                <td>Optional</td>
-                                            </tr>
-                                        </thead>
-                                        <tbody>
-                                                <tr>
-                                                        <td>href</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>
+                        <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>
@@ -223,34 +278,35 @@
 </section>
 
             <section data-compodoc="block-properties">
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
+    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="href"></a>
+                    <a name="class.ecl-file__translation-download"></a>
                     <span class="name">
-                            <span class="modifier">Public</span>
-                        <span ><b>href</b></span>
-                        <a href="#href"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>class.ecl-file__translation-download</b></span>
+                        <a href="#class.ecl-file__translation-download"><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/string" target="_blank" >string</a></code>
+                        <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>
 </section>
 
+
             <section data-compodoc="block-methods">
     
     <h3 id="methods">
@@ -260,16 +316,16 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="preventDefault"></a>
+                    <a name="getCssClasses"></a>
                     <span class="name">
-                        <span ><b>preventDefault</b></span>
-                        <a href="#preventDefault"><span class="icon ion-ios-link"></span></a>
+                        <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>preventDefault()</code>
+<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>
 
@@ -279,23 +335,87 @@
             <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://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+                            <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">
+        Properties
+    </h3>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="className"></a>
+                    <span class="name">
+                            <span class="modifier"></span>
+                        <span ><b>className</b></span>
+                        <a href="#className"><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-file__translation-download&#x27;)<br />
+                        </code>
+                    </td>
+                </tr>
 
 
-
+        </tbody>
+    </table>
+</section>
 
 
     </div>
 
 
+
 </div>
 
 
@@ -306,6 +426,11 @@
 
 
 
+
+
+
+
+
                    </div><div class="search-results">
     <div class="has-results">
         <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
@@ -331,8 +456,8 @@
 
        <script>
             var COMPODOC_CURRENT_PAGE_DEPTH = 1;
-            var COMPODOC_CURRENT_PAGE_CONTEXT = 'class';
-            var COMPODOC_CURRENT_PAGE_URL = 'EclFileDownloadEvent.html';
+            var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
+            var COMPODOC_CURRENT_PAGE_URL = 'EclFileTranslationDownloadDirective.html';
             var MAX_SEARCH_RESULTS = 15;
        </script>
 

package/docs/directives/EclLinkDirective.html

@@ -201,7 +201,10 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#isNegative" >isNegative</a>
+                                <a href="#isHiddenLabel" >isHiddenLabel</a>
+                            </li>
+                            <li>
+                                <a href="#isInverted" >isInverted</a>
                             </li>
                             <li>
                                 <a href="#isNoVisited" >isNoVisited</a>
@@ -238,10 +241,7 @@
                                 <a href="#class.ecl-link--icon" >class.ecl-link--icon</a>
                             </li>
                             <li>
-                                <a href="#class.ecl-link--icon-after" >class.ecl-link--icon-after</a>
-                            </li>
-                            <li>
-                                <a href="#class.ecl-link--icon-before" >class.ecl-link--icon-before</a>
+                                <a href="#class.ecl-link--no-visited" >class.ecl-link--no-visited</a>
                             </li>
                         </ul>
                     </td>
@@ -260,13 +260,10 @@
                                     <a href="#cssClasses" >cssClasses</a>
                                 </li>
                                 <li>
-                                    <a href="#hasRightIcon" >hasRightIcon</a>
-                                </li>
-                                <li>
-                                    <a href="#hasLeftIcon" >hasLeftIcon</a>
+                                    <a href="#hasIcon" >hasIcon</a>
                                 </li>
                                 <li>
-                                    <a href="#hasIcon" >hasIcon</a>
+                                    <a href="#isLinkNoVisited" >isLinkNoVisited</a>
                                 </li>
                             </ul>
                         </td>
@@ -325,16 +322,42 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="isNegative"></a>
-                        <b>isNegative</b>
+                        <a name="isHiddenLabel"></a>
+                        <b>isHiddenLabel</b>
                     </td>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>boolean | any</code>
+                        <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="isInverted"></a>
+                        <b>isInverted</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">
@@ -347,7 +370,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>boolean | any</code>
+                        <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>
@@ -466,31 +489,10 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="class.ecl-link--icon-after"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-link--icon-after</b></span>
-                        <a href="#class.ecl-link--icon-after"><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>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-link--icon-before"></a>
+                    <a name="class.ecl-link--no-visited"></a>
                     <span class="name">
-                        <span ><b>class.ecl-link--icon-before</b></span>
-                        <a href="#class.ecl-link--icon-before"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>class.ecl-link--no-visited</b></span>
+                        <a href="#class.ecl-link--no-visited"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
@@ -659,31 +661,14 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="hasRightIcon"></a>
-                        <span class="name"><b>hasRightIcon</b><a href="#hasRightIcon"><span class="icon ion-ios-link"></span></a></span>
-                    </td>
-                </tr>
-
-                <tr>
-                    <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>hasRightIcon()</code></span>
-                    </td>
-                </tr>
-
-            </tbody>
-        </table>
-        <table class="table table-sm table-bordered">
-            <tbody>
-                <tr>
-                    <td class="col-md-4">
-                        <a name="hasLeftIcon"></a>
-                        <span class="name"><b>hasLeftIcon</b><a href="#hasLeftIcon"><span class="icon ion-ios-link"></span></a></span>
+                        <a name="hasIcon"></a>
+                        <span class="name"><b>hasIcon</b><a href="#hasIcon"><span class="icon ion-ios-link"></span></a></span>
                     </td>
                 </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>hasLeftIcon()</code></span>
+                        <span class="accessor"><b>get</b><code>hasIcon()</code></span>
                     </td>
                 </tr>
 
@@ -693,14 +678,14 @@
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="hasIcon"></a>
-                        <span class="name"><b>hasIcon</b><a href="#hasIcon"><span class="icon ion-ios-link"></span></a></span>
+                        <a name="isLinkNoVisited"></a>
+                        <span class="name"><b>isLinkNoVisited</b><a href="#isLinkNoVisited"><span class="icon ion-ios-link"></span></a></span>
                     </td>
                 </tr>
 
                 <tr>
                     <td class="col-md-4">
-                        <span class="accessor"><b>get</b><code>hasIcon()</code></span>
+                        <span class="accessor"><b>get</b><code>isLinkNoVisited()</code></span>
                     </td>
                 </tr>
 

package/docs/directives/EclListIllustrationImageDirective.html

@@ -242,7 +242,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>boolean | any</code>
+                        <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>

package/docs/index.html

@@ -111,7 +111,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
-                    <p class="card-text">104 Components</p>
+                    <p class="card-text">103 Components</p>
                 </div>
             </div>
         </div>
@@ -119,7 +119,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
-                    <p class="card-text">122 Directives</p>
+                    <p class="card-text">124 Directives</p>
                 </div>
             </div>
         </div>
@@ -143,7 +143,7 @@
             <div class="card text-center">
                 <div class="card-block">
                     <h4 class="card-title"><span class="icon ion-ios-paper"></span></h4>
-                    <p class="card-text">60 Classes</p>
+                    <p class="card-text">59 Classes</p>
                 </div>
             </div>
         </div>