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

package/docs/directives/EclNotificationTitleDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive applied to a notification title element.
+Adds the appropriate ECL class for styling the notification title.</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>Host binding for applying the ECL notification title CSS class.</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>Host binding for applying the ECL notification title CSS class.</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/EclOrderedListDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive representing an ordered list using ECL styles.</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 ordered lists.</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 ordered lists.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclOrderedListItemDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive for a single item within an ECL ordered 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 ordered list items.</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 ordered list items.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclPopoverContentDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive applied to the content section of an <code>ecl-popover</code> component.</p>
+<p>Responsible for applying the appropriate CSS class to the popover content container.</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>Host binding that applies the CSS class to style the popover content.</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>Host binding that applies the CSS class to style the popover content.</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/EclPopoverToggleDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive used to toggle the visibility of an <code>ecl-popover</code> component.</p>
+<p>This directive emits a custom click event and manages accessibility attributes.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -286,6 +294,9 @@
 
                 <tr>
                     <td class="col-md-4">
+                            <div class="io-description"><p>Reference to the host DOM element.
+Useful for querying attributes like <code>aria-controls</code>.</p>
+</div>
                             <div>
                                     <b>Parameters :</b>
                                     <table class="params">
@@ -385,6 +396,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Event emitted when the toggle element is clicked with the left mouse button.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -412,6 +429,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets the <code>aria-expanded</code> attribute to reflect the popover&#39;s open state.
+This should be updated by the parent popover component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -433,6 +457,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Host binding that applies the appropriate CSS class to the toggle element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -461,6 +491,14 @@
 
 
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Emits the <code>click</code> event only for left mouse button clicks.
+Used by the popover component to toggle visibility.</p>
+</div>
+
+                </td>
+            </tr>
         </tbody>
     </table>
 </section>
@@ -493,6 +531,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Returns the native HTML element of the directive.
+Used internally by the popover to query attributes.</p>
+</div>
 
                         <div class="io-description">
                             <b>Returns : </b>    <code>HTMLElement</code>
@@ -533,6 +574,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Emits the <code>click</code> event only for left mouse button clicks.
+Used by the popover component to toggle visibility.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -688,6 +732,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets the <code>aria-expanded</code> attribute to reflect the popover&#39;s open state.
+This should be updated by the parent popover component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -711,6 +762,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Host binding that applies the appropriate CSS class to the toggle 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/EclSeparatorDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that applies ECL styling for horizontal separators (<code>&lt;hr&gt;</code> elements).
+Adds the <code>ecl-separator</code> CSS class to the host element.</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>Binds the <code>ecl-separator</code> CSS class to the host <code>&lt;hr&gt;</code> element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -399,6 +413,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the <code>ecl-separator</code> CSS class to the host <code>&lt;hr&gt;</code> element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclUnorderedListDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive representing an unordered list using ECL styles.</p>
+<p>Supports optional variants like divider and no-marker.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -245,6 +253,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Adds a divider between list items.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -266,6 +280,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Adds a divider between list items.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -342,6 +362,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL class for unordered lists.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -447,6 +473,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the ECL class for unordered lists.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclUnorderedListItemDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive for a single item within an ECL unordered 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 unordered list items.</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 unordered list items.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>