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

package/docs/components/EclCategoryFilterListComponent.html

@@ -351,6 +351,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>ARIA attribute that points to the element controlled by this list (if applicable).</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -377,6 +383,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets ARIA role to &quot;list&quot; for accessibility purposes.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -403,6 +415,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the base class for the category filter list component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -436,6 +454,8 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Propagates the current level to all direct children items.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -446,6 +466,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -460,6 +481,10 @@
                                             </td>
 
 
+                                            <td>
+                                                    <p>Level value to set on each child.</p>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -569,6 +594,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the base class for the category filter list component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -600,6 +631,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>ARIA attribute that points to the element controlled by this list (if applicable).</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -631,6 +668,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>List of all category filter items projected inside this list.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -667,6 +710,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets ARIA role to &quot;list&quot; for accessibility purposes.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -690,6 +739,17 @@
                         <span class="accessor"><b>get</b><code>level()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Gets the nesting level of this list in the category tree.</p>
+</div>
+
+                                <div class="io-description">
+                                    <b>Returns : </b>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
+
+                                </div>
+                        </td>
+                    </tr>
 
                 <tr>
                     <td class="col-md-4">
@@ -698,6 +758,8 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
+                                <div class="io-description"><p>Sets the level of the list and applies it to all its children.</p>
+</div>
 
                                 <div class="io-description">
                                         <b>Parameters :</b>
@@ -749,6 +811,17 @@
                         <span class="accessor"><b>get</b><code>hasChildren()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns true if the list contains one or more category filter items.</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>
@@ -766,6 +839,17 @@
                         <span class="accessor"><b>get</b><code>children()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns the list of child components.</p>
+</div>
+
+                                <div class="io-description">
+                                    <b>Returns : </b>        <code><a href="../interfaces/EclCategoryFilterItem.html" target="_self" >EclCategoryFilterItemComponent[]</a></code>
+
+                                </div>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/components/EclContentBlockComponent.html

@@ -109,6 +109,14 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>Component representing a content block, based on the ECL design system.
+Serves as a container for structured content such as titles, texts, and links.</p>
+
+    </p>
 
     <p class="comment">
         <h3>Extends</h3>
@@ -317,6 +325,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Binds the component&#39;s root CSS classes.
+Adds the <code>ecl-content-block</code> class by default.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -409,6 +424,18 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Binds the component&#39;s root CSS classes.
+Adds the <code>ecl-content-block</code> class by default.</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/components/EclContentItemComponent.html

@@ -349,6 +349,14 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Whether to display a divider below the content item.
+When true, the component will have a visual divider applied.
+Default is false.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -425,6 +433,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>ARIA role attribute for the host element.
+Set to &quot;article&quot; to denote standalone content.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -446,6 +461,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Computes the CSS class string applied to the host element,
+depending on layout and configuration options.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -552,6 +574,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to projected content block.
+Used to apply internal styling and structure.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -583,6 +612,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to projected title directive inside the content block.
+Used for linking behavior.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -614,6 +650,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to projected image directive.
+Used to bind interaction behavior (click propagation).</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -645,6 +688,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to projected picture directive, used to determine layout mode (stacked).</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -676,6 +725,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to projected date block component.
+Used to set styling and determine layout mode.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -712,6 +768,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>ARIA role attribute for the host element.
+Set to &quot;article&quot; to denote standalone content.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -735,6 +798,18 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Computes the CSS class string applied to the host element,
+depending on layout and configuration options.</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/components/EclDateBlockComponent.html

@@ -109,6 +109,14 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>Component used to display a formatted date in a styled time element.
+Designed for use within content components such as content blocks or items.</p>
+
+    </p>
 
     <p class="comment">
         <h3>Extends</h3>
@@ -338,6 +346,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>The date to be displayed. If not null, it&#39;s used to generate the <code>datetime</code> attribute and visual output.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -359,6 +373,13 @@
                         <i>Default value : </i><code>&#x27;dd/M/yyyy&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>The format to be used when rendering the date string (Angular DatePipe format).
+Default is <code>&#39;dd/M/yyyy&#39;</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -375,6 +396,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Sets the <code>datetime</code> attribute of the <code>&lt;time&gt;</code> element.
+If not provided, it is derived from <code>date</code> and <code>dateFormat</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -391,6 +419,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Explicit string for day part of the date (optional).
+Used when date is not set or overridden manually.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -407,6 +442,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Explicit string for month part of the date (optional).
+Used when date is not set or overridden manually.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -423,6 +465,12 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Explicit string used as an accessible or verbose label for the month (optional).</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -444,6 +492,17 @@
                         <i>Default value : </i><code>null</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Optional visual variant of the date block. Can be:</p>
+<ul>
+<li><code>&#39;ongoing&#39;</code>: for ongoing events</li>
+<li><code>&#39;past&#39;</code>: for past events
+This changes styling only.</li>
+</ul>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -460,6 +519,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Explicit string for year part of the date (optional).
+Used when date is not set or overridden manually.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -672,6 +738,18 @@
                         <span class="accessor"><b>get</b><code>datetime()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Sets the <code>datetime</code> attribute of the <code>&lt;time&gt;</code> element.
+If not provided, it is derived from <code>date</code> and <code>dateFormat</code>.</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>
 
                 <tr>
                     <td class="col-md-4">

package/docs/components/EclDescriptionListDefinitionComponent.html

@@ -109,6 +109,15 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>Component representing a group of definition items in an ECL description list.</p>
+<p>Allows display of items in different visual variants and optionally limits how many items are visible by default.
+Additional items can be revealed via a &quot;see all&quot; toggle.</p>
+
+    </p>
 
     <p class="comment">
         <h3>Extends</h3>
@@ -287,6 +296,19 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Visual variant of the definition list group.</p>
+<p>Available values:</p>
+<ul>
+<li><code>&#39;link&#39;</code> – link-style list</li>
+<li><code>&#39;inline&#39;</code> – inline list</li>
+<li><code>&#39;taxonomy&#39;</code> – taxonomy-style list</li>
+<li><code>&#39;tag&#39;</code> – tag-style list</li>
+</ul>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -358,6 +380,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies appropriate ECL CSS classes to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -391,6 +419,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Handles the &quot;see all&quot; link/button click.
+Reveals all hidden list items.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -525,6 +556,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Internal list of child definition items.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -548,6 +585,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 CSS 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>
@@ -568,6 +616,8 @@
                 </tr>
                     <tr>
                         <td class="col-md-4">
+                                <div class="io-description"><p>Number of items visible before the &quot;see all&quot; button is displayed.</p>
+</div>
 
                                 <div class="io-description">
                                         <b>Parameters :</b>
@@ -619,6 +669,17 @@
                         <span class="accessor"><b>get</b><code>hasSeeAll()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Returns <code>true</code> if there are hidden items and the &quot;see all&quot; button should be shown.</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>