@eui/ecl 19.3.1 → 19.3.2-snapshot-1752135067705

package/docs/directives/EclPaginationListDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive to apply ECL styles to the pagination list element.
+Adds the <code>ecl-pagination__list</code> 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>Adds the <code>ecl-pagination__list</code> 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>Adds the <code>ecl-pagination__list</code> class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclRadioDirective.html

@@ -113,6 +113,15 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that applies the ECL radio button styling and behavior.</p>
+<p>Should be applied to native radio input elements to enhance them
+with ECL styles and support for invalid, disabled and binary states.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -267,6 +276,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Adds the <code>ecl-radio--binary</code> class when true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -288,6 +303,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Adds the <code>ecl-radio--disabled</code> class to the host element when true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -309,6 +330,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Adds the <code>ecl-radio--invalid</code> class to the host element when true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -380,6 +407,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Returns the CSS classes to apply on the host element.
+Includes the base <code>ecl-radio</code> class and the binary modifier if applicable.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -486,6 +520,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to the projected EclRadioHelpComponent, if present.
+Used to synchronize the disabled state with the help text.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -517,6 +558,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to the projected EclRadioLabelComponent, if present.
+Used to synchronize disabled and invalid states with the label.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -540,6 +588,18 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns the CSS classes to apply on the host element.
+Includes the base <code>ecl-radio</code> class and the binary modifier if applicable.</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/EclRadioInputDirective.html

@@ -113,6 +113,16 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that decorates native <input> elements to be styled as ECL radio inputs.</p>
+<p>Applies the proper ECL CSS classes and integrates with Angular forms
+to reflect validation states (invalid, disabled) in the parent ECL radio directive.
+Should be used together with the eclRadio directive.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -377,6 +387,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Returns the CSS classes applied to the host input element.
+Includes the base ecl-radio__input class.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -484,6 +501,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to the parent EclRadioDirective.
+Used internally to update radio validation and disabled states.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -507,6 +531,18 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns the CSS classes applied to the host input element.
+Includes the base ecl-radio__input 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/EclRangeDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive enhancing native input[type=range] with ECL styles and behavior.
+Adds value display, bubble indicator, RTL support and integration with reactive forms.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -389,6 +397,13 @@
                         <i>Default value : </i><code>&#x27;m&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Defines the size of the range component.
+Adds a corresponding size class like <code>ecl-range--m</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -410,6 +425,12 @@
                         <i>Default value : </i><code>true</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Enables or disables the display of a value label.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -431,6 +452,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Adds the <code>ecl-range--invalid</code> class when true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -447,6 +474,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>ID assigned to the projected ECL range value component.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -463,6 +496,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Initial value for the range input when used standalone.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -530,6 +569,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Emits when the range value changes.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -552,6 +597,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Returns the CSS classes applied to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -573,6 +624,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Returns whether the component is in an invalid state.
+Checks reactive form control if available, or uses <code>isInvalid</code> input.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -601,6 +659,14 @@
 
 
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Handles native input events on the range element
+when not used with reactive forms.</p>
+</div>
+
+                </td>
+            </tr>
         </tbody>
     </table>
 </section>
@@ -640,6 +706,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Handles native input events on the range element
+when not used with reactive forms.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -760,6 +829,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns the CSS classes applied 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>
@@ -777,6 +857,18 @@
                         <span class="accessor"><b>get</b><code>invalidState()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns whether the component is in an invalid state.
+Checks reactive form control if available, or uses <code>isInvalid</code> input.</p>
+</div>
+
+                                <div class="io-description">
+                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
+
+                                </div>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/directives/EclSiteFooterColumnDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to a footer column.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterContentDirective.html

@@ -91,7 +91,9 @@
 
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Directives</li>
-  <li class="breadcrumb-item" >EclSiteFooterContentDirective</li>
+  <li class="breadcrumb-item" 
+        class="breadcrumb-item deprecated-name"
+    >EclSiteFooterContentDirective</li>
 </ol>
 
 <ul class="nav nav-tabs" role="tablist">
@@ -112,7 +114,20 @@
             <code>packages/eui/packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-column.directive.ts</code>
         </p>
 
+            <p class="comment">
+                <h3 class="deprecated">Deprecated</h3>
+            </p>
+            <p class="comment">
+                - use 'eclSiteFooterTitle' instead.
+            </p>
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to footer content.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -206,7 +221,7 @@
                     <td class="col-md-4">
                         <ul class="index-list">
                             <li>
-                                <a href="#class.ecl-site-footer__content" >class.ecl-site-footer__content</a>
+                                <a href="#class.ecl-site-footer__title" >class.ecl-site-footer__title</a>
                             </li>
                         </ul>
                     </td>
@@ -275,10 +290,10 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="class.ecl-site-footer__content"></a>
+                    <a name="class.ecl-site-footer__title"></a>
                     <span class="name">
-                        <span ><b>class.ecl-site-footer__content</b></span>
-                        <a href="#class.ecl-site-footer__content"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>class.ecl-site-footer__title</b></span>
+                        <a href="#class.ecl-site-footer__title"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
@@ -394,7 +409,7 @@
                         <b>Decorators : </b>
                         <br />
                         <code>
-                            @HostBinding(&#x27;class.ecl-site-footer__content&#x27;)<br />
+                            @HostBinding(&#x27;class.ecl-site-footer__title&#x27;)<br />
                         </code>
                     </td>
                 </tr>

package/docs/directives/EclSiteFooterDescriptionDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to footer description.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterLinkDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to a <a> element in site footer.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterListDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies specific classes to the list element in site footer.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterListItemDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies specific classes to the list item element in site footer.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterLogoDirective.html

@@ -91,7 +91,9 @@
 
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Directives</li>
-  <li class="breadcrumb-item" >EclSiteFooterLogoDirective</li>
+  <li class="breadcrumb-item" 
+        class="breadcrumb-item deprecated-name"
+    >EclSiteFooterLogoDirective</li>
 </ol>
 
 <ul class="nav nav-tabs" role="tablist">
@@ -112,6 +114,12 @@
             <code>packages/eui/packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts</code>
         </p>
 
+            <p class="comment">
+                <h3 class="deprecated">Deprecated</h3>
+            </p>
+            <p class="comment">
+                - this directive is deprecated and will be removed in v20. Not used anymore.
+            </p>
 
 
             <p class="comment">

package/docs/directives/EclSiteFooterLogoImageDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to the <a> element for the logo in site footer.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterLogoItemDirective.html

@@ -91,7 +91,9 @@
 
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Directives</li>
-  <li class="breadcrumb-item" >EclSiteFooterLogoItemDirective</li>
+  <li class="breadcrumb-item" 
+        class="breadcrumb-item deprecated-name"
+    >EclSiteFooterLogoItemDirective</li>
 </ol>
 
 <ul class="nav nav-tabs" role="tablist">
@@ -112,6 +114,12 @@
             <code>packages/eui/packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts</code>
         </p>
 
+            <p class="comment">
+                <h3 class="deprecated">Deprecated</h3>
+            </p>
+            <p class="comment">
+                - this directive is deprecated and will be removed in v20. Not used anymore.
+            </p>
 
 
             <p class="comment">

package/docs/directives/EclSiteFooterLogoLinkDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to the <a> element for the logo in site footer.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterLogoListDirective.html

@@ -91,7 +91,9 @@
 
 <ol class="breadcrumb">
   <li class="breadcrumb-item">Directives</li>
-  <li class="breadcrumb-item" >EclSiteFooterLogoListDirective</li>
+  <li class="breadcrumb-item" 
+        class="breadcrumb-item deprecated-name"
+    >EclSiteFooterLogoListDirective</li>
 </ol>
 
 <ul class="nav nav-tabs" role="tablist">
@@ -112,6 +114,12 @@
             <code>packages/eui/packages/ecl/components/ecl-site-footer/ecl-footer-elements/ecl-site-footer-list.directive.ts</code>
         </p>
 
+            <p class="comment">
+                <h3 class="deprecated">Deprecated</h3>
+            </p>
+            <p class="comment">
+                - this directive is deprecated and will be removed in v20. Not used anymore.
+            </p>
 
 
             <p class="comment">

package/docs/directives/EclSiteFooterPictureDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to the <img> element for the logo in site footer.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclSiteFooterRowDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive, that applies a specific class to a footer row.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>