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

package/docs/components/EclTagComponent.html

@@ -357,6 +357,14 @@
                         <i>Default value : </i><code>true</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Whether the tag content should be allowed to wrap onto multiple lines.
+Set to false to force single-line display (adds <code>ecl-tag--nowrap</code> class).
+Defaults to true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -367,6 +375,13 @@
                         <b>variant</b>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Defines the variant of the tag.
+Currently only &#39;removable&#39; is supported.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -434,6 +449,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Event emitted when the tag is removed.
+Can be prevented by calling <code>preventDefault()</code> on the emitted event.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -510,6 +532,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Called when the tag’s remove button is clicked (or enter key pressed).
+Emits the <code>remove</code> event. If not prevented, the tag is hidden.</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>
@@ -686,6 +711,17 @@
                         <span class="accessor"><b>get</b><code>isRemovable()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Whether the tag is removable (based on the <code>variant</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/components/EclTimelineComponent.html

@@ -354,6 +354,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets the <code>role</code> attribute of the host element to <code>list</code>
+for accessibility purposes.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -375,6 +382,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the <code>ecl-timeline</code> CSS class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -408,6 +421,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Focuses the first link in the expanded timeline item,
+ensuring it&#39;s only done once per toggle group interaction.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -418,6 +434,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -432,6 +449,10 @@
                                             </td>
 
 
+                                            <td>
+                                                    <p>The timeline item to check and potentially focus.</p>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -547,6 +568,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Sets the <code>role</code> attribute of the host element to <code>list</code>
+for accessibility purposes.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -578,6 +606,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>List of projected <code>EclTimelineItemComponent</code> instances.
+Collected using <code>@ContentChildren</code>.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -601,6 +636,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 <code>ecl-timeline</code> 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>

package/docs/components/EclTimelineItemComponent.html

@@ -344,6 +344,13 @@
                         <i>Default value : </i><code>&#x27;Collapse&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Text label shown when the item is expanded and can be collapsed.
+Defaults to <code>&#39;Collapse&#39;</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -365,6 +372,13 @@
                         <i>Default value : </i><code>&#x27;Expand&#x27;</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Text label shown when the item is collapsed and can be expanded.
+Defaults to <code>&#39;Expand&#39;</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -386,6 +400,13 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Whether the item is collapsed.
+Adds the <code>ecl-timeline__item--collapsed</code> CSS class when true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -407,6 +428,13 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Whether the item is a toggler (e.g. expands/collapses related items).
+Adds the <code>ecl-timeline__item--toggle</code> CSS class when true.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -428,6 +456,13 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates whether the toggler is initially expanded.
+Used for toggler-type items.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -444,6 +479,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Name of the toggle group that this item belongs to.
+Used to coordinate collapsing/expanding related items.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -511,6 +553,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Event emitted when the toggler is clicked.
+Consumers can call <code>preventDefault()</code> on the event to cancel toggle behavior.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -533,6 +582,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the <code>ecl-timeline__item</code> class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -566,6 +621,9 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Checks whether the default toggler UI should be used.
+Returns true if this is a toggler and no custom toggler component is projected.</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>
@@ -597,6 +655,8 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Handles click events from the default toggler element.</p>
+</div>
 
                             <div class="io-description">
                                 <b>Parameters :</b>
@@ -607,6 +667,7 @@
                                             <td>Name</td>
                                                 <td>Type</td>
                                             <td>Optional</td>
+                                                <td>Description</td>
                                         </tr>
                                     </thead>
                                     <tbody>
@@ -621,6 +682,10 @@
                                             </td>
 
 
+                                            <td>
+                                                    <p>The mouse click event.</p>
+
+                                            </td>
                                         </tr>
                                     </tbody>
                                 </table>
@@ -757,6 +822,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to a projected ECL link, used for setting focus after toggle.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -788,6 +859,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Reference to a projected custom toggler component.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -811,6 +888,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 <code>ecl-timeline__item</code> 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>
@@ -828,6 +916,17 @@
                         <span class="accessor"><b>get</b><code>isShowExpandLabel()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>True if the expand label should be visible.</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>
@@ -845,6 +944,17 @@
                         <span class="accessor"><b>get</b><code>isShowCollapseLabel()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>True if the collapse label should be visible.</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/components/EclTimelineItemTogglerComponent.html

@@ -109,6 +109,14 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>Component representing a toggler inside a timeline item.
+Emits a <code>toggle</code> event when clicked.</p>
+
+    </p>
 
     <p class="comment">
         <h3>Extends</h3>
@@ -309,6 +317,13 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Event emitted when the toggler is activated (clicked).
+Used to trigger expand/collapse behavior in the parent timeline item.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
 </section>
@@ -334,6 +349,13 @@
 
 
 
+            <tr>
+                <td class="col-md-4">
+                        <div class="io-description"><p>Handles click events on the toggler element and emits the <code>toggle</code> event.</p>
+</div>
+
+                </td>
+            </tr>
         </tbody>
     </table>
 </section>
@@ -373,6 +395,8 @@
 
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Handles click events on the toggler element and emits the <code>toggle</code> event.</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>

package/docs/dependencies.html

@@ -268,9 +268,9 @@
         <li>
             <b>@stackblitz/sdk</b> : 1.11.0</li>
         <li>
-            <b>@eui/styles</b> : 19.3.1-snapshot-1749800051814</li>
+            <b>@eui/styles</b> : 19.3.1-snapshot-1749804823673</li>
         <li>
-            <b>@eui/ecl</b> : 19.3.1-snapshot-1749800051814</li>
+            <b>@eui/ecl</b> : 19.3.1-snapshot-1749804823673</li>
         <li>
             <b>@eui/tools</b> : ^6.0.0</li>
     </ul>

package/docs/directives/EclCheckboxDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that applies ECL styles and manages state for checkbox groups or standalone checkboxes.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -285,6 +292,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates whether the checkbox is disabled.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -306,6 +319,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates whether the checkbox is in an invalid state.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -327,6 +346,12 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates whether the checkbox is rendered as a single (standalone) item.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -398,6 +423,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies base CSS classes for the checkbox container.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -504,6 +535,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Child help component projected into the checkbox.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -535,6 +572,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Child label component projected into the checkbox.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -566,6 +609,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Optional form label component projected into the checkbox.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -597,6 +646,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Optional help block directive projected into the checkbox.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -620,6 +675,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 base CSS classes for the checkbox 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/EclCheckboxInputDirective.html

@@ -113,6 +113,13 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive that decorates the native checkbox input with ECL styles and syncs validation state.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -365,6 +372,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies base CSS classes for checkbox input.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -472,6 +485,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Parent checkbox directive controlling this input.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -495,6 +514,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 base CSS classes for checkbox 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/string" target="_blank" >string</a></code>
+
+                                </div>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>