@eui/ecl 19.3.0-snapshot-1749041696283 → 19.3.0-snapshot-1749064223062

package/docs/directives/EclContentBlockTagsDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive for the container holding tags inside a content block.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -288,6 +295,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the ECL CSS class for the tag container.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -380,6 +393,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Adds the ECL CSS class for the tag container.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclContentBlockTitleDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive representing the title of a content block.
+Automatically applies the corresponding ECL class.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -303,6 +311,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the ECL CSS class for the content block title.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -409,6 +423,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Optional child ECL link directive nested inside the title.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -432,6 +452,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Adds the ECL CSS class for the content block title.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclContentItemImageDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive used for styling the inner image element inside the content item.
+Also used programmatically for interaction bindings.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -243,6 +251,8 @@
 
                 <tr>
                     <td class="col-md-4">
+                            <div class="io-description"><p>Reference to the DOM element of the image.</p>
+</div>
                             <div>
                                     <b>Parameters :</b>
                                     <table class="params">
@@ -346,6 +356,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Computed CSS classes for the host image element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -466,6 +482,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Computed CSS classes for the host image element.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclContentItemPictureDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive used to style and configure the image container (e.g., picture) within a content item.
+It allows adjusting size, position, and zoom behavior of the image block.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -247,6 +255,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>If true, enables a zoom effect on hover.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -268,6 +282,14 @@
                         <i>Default value : </i><code>&#x27;left&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Defines the position of the picture relative to the content.
+Accepted values: &#39;left&#39; | &#39;right&#39; | &#39;top&#39;
+Default is &#39;left&#39;.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -289,6 +311,13 @@
                         <i>Default value : </i><code>&#x27;large&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Controls the size of the picture. Default is &#39;large&#39;.
+Accepted values: &#39;small&#39; | &#39;large&#39;</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -360,6 +389,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Computed CSS classes for the host element based on size and position.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -452,6 +487,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Computed CSS classes for the host element based on size and position.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclDescriptionListDefinitionItemDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive representing a single item in an ECL description list definition.</p>
+<p>Applies the appropriate styling classes and allows visibility control for &quot;see all&quot; behavior.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -305,6 +313,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies appropriate ECL classes based on visibility state.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -400,6 +414,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Internal state used to hide the item when exceeding the visible limit.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -420,6 +440,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Indicates whether this is the last item visible before the &quot;see all&quot; action is triggered.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -443,6 +469,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Applies appropriate ECL classes based on visibility state.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclDescriptionListDefinitionListDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive representing a container for definition list items within an ECL description list.</p>
+<p>Applies the ECL-specific class for the list wrapper.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +302,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL list container class.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -399,6 +413,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL list container class.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclDescriptionListDirective.html

@@ -113,6 +113,15 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive for a description list using ECL styles.</p>
+<p>Supports horizontal layout and maxVisibleItems functionality
+passed down to nested definition components.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -308,6 +317,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Enables horizontal layout.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -329,6 +344,13 @@
                         <i>Default value : </i><code>0</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Maximum number of visible items before collapsing.
+Applied to nested <code>eclDescriptionListDefinition</code> components.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -400,6 +422,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the base ECL class for description lists.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -529,6 +557,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Applies the base ECL class for description lists.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclDescriptionListTermDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive representing a term within an ECL description list.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL class for description list terms.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -399,6 +412,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL class for description list terms.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclFileDownloadDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive to apply the correct styling class for a standard file download link.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL download class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -399,6 +412,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL download class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclFileImageDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive to style an <img> element inside an ECL file component.
+Adds the ECL-specific image class.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +302,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL image class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -399,6 +413,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL image class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclFilePictureDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive to style a <picture> element used in an ECL file component.
+Adds ECL-specific picture and file picture classes.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -288,6 +296,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies ECL picture styling classes to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -380,6 +394,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Applies ECL picture styling classes to the host element.</p>
+</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>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclFilePreviewDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive to style a file preview link.
+Adds spacing and ECL link classes for standalone appearance.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -301,6 +309,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies ECL link class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -327,6 +341,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the standalone variant of the ECL link class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -432,6 +452,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies ECL link class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -462,6 +488,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the standalone variant of the ECL link class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>