@eui/ecl 19.3.1-snapshot-1749804823673 → 19.3.1-snapshot-1750681705601

package/docs/directives/EclDatePickerDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that enhances a native input element with an ECL-compliant date picker.
+Integrates Pikaday with support for localization (i18n), RTL layout, and responsive behavior.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -439,6 +447,13 @@
                         <i>Default value : </i><code>&#x27;DD-MM-YYYY&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Date format string used to display and parse dates.
+Follows the format syntax supported by Pikaday.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -460,6 +475,12 @@
                         <i>Default value : </i><code>40</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Number of years to show in the year dropdown.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -527,6 +548,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Emits an event when a date is selected.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -554,6 +581,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the &#39;disabled&#39; attribute to the host element.
+Accepts <code>null</code> or an empty string.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -580,6 +614,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets the type attribute of the host input element to &#39;text&#39;.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -601,6 +641,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds base ECL CSS classes to the host input element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -624,6 +670,13 @@
 
 
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>On blur, checks input value and emits appropriate change.</p>
+</div>
+
+                </td>
+            </tr>
         </tbody>
     </table>
     <table class="table table-sm table-bordered">
@@ -643,6 +696,13 @@
 
 
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Marks the input as touched when clicked.</p>
+</div>
+
+                </td>
+            </tr>
         </tbody>
     </table>
 </section>
@@ -682,6 +742,8 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>On blur, checks input value and emits appropriate change.</p>
+</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>
@@ -722,6 +784,8 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Marks the input as touched when clicked.</p>
+</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>
@@ -753,6 +817,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Registers a callback function that should be called when the control&#39;s value changes in the UI.
+Required by ControlValueAccessor interface.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -763,6 +830,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -777,6 +845,12 @@
                                             </td>
 
 
+                                            <td>
+                                                    <ul>
+<li>The callback function.</li>
+</ul>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -814,6 +888,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Registers a callback function that should be called when the control is touched.
+Required by ControlValueAccessor interface.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -824,6 +901,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -838,6 +916,12 @@
                                             </td>
 
 
+                                            <td>
+                                                    <ul>
+<li>The callback function.</li>
+</ul>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -875,6 +959,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Sets the disabled state of the component.
+Called by Angular forms when the control status changes.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -885,6 +972,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -899,6 +987,12 @@
                                             </td>
 
 
+                                            <td>
+                                                    <ul>
+<li>Boolean indicating whether the input should be disabled.</li>
+</ul>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -936,6 +1030,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Writes a new value from the form model into the view or (if needed) DOM property.
+Required by ControlValueAccessor interface.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -946,6 +1043,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -960,6 +1058,12 @@
                                             </td>
 
 
+                                            <td>
+                                                    <ul>
+<li>The value to be written into the input.</li>
+</ul>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -1075,6 +1179,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the &#39;disabled&#39; attribute to the host element.
+Accepts <code>null</code> or an empty string.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -1111,6 +1222,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets the type attribute of the host input element to &#39;text&#39;.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -1134,6 +1251,17 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Binds base ECL CSS classes to the host input 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/EclFeaturedItemFooterLinkDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Applies specific additional class for the eclLink directive, used in <ecl-featured-item-footer>.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclFeaturedItemFooterPictureDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Applies specific additional class for the <picture> element, used in <ecl-featured-item-footer>.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclFeaturedItemLinkDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Applies specific additional class for the eclLink directive, used in <ecl-featured-item> construction.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclFeedbackMessageDirective.html

@@ -113,6 +113,15 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that renders a feedback message following the ECL design system.
+It automatically styles its content and nested icon components accordingly.</p>
+<p>Should be applied to a container element that wraps a feedback message.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -309,6 +318,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the appropriate ECL feedback message CSS class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -415,6 +430,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Queries all nested <code>EclIconComponent</code> instances inside the host element.
+These icons will receive the <code>ecl-feedback-message__icon</code> styling class.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -438,6 +460,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 appropriate ECL feedback message CSS class 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>