@eui/ecl 22.0.0-alpha.1 → 22.0.0-alpha.11

package/docs/components/EclCategoryFilterListComponent.html

@@ -156,6 +156,10 @@
 
 
 
+            <tr>
+                <td class="col-md-3">host</td>
+                <td class="col-md-9"><code>{<br>}</code></td>
+            </tr>
 
 
 
@@ -220,16 +224,6 @@
                     </td>
                     <td class="col-md-9">
                         <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#className" >className</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#controls" >controls</a>
-                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
                                     <span class="modifier">Readonly</span>
@@ -237,8 +231,7 @@
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
-                                <a href="#role" >role</a>
+                                <a href="#id" >id</a>
                             </li>
                         </ul>
                     </td>
@@ -292,28 +285,6 @@
         </table>
 
 
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.aria-controls" >attr.aria-controls</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-category-filter__list" >class.ecl-category-filter__list</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
         <table class="table table-sm table-bordered index-table">
@@ -397,99 +368,6 @@
 </section>
 
 
-    <section data-compodoc="block-properties">
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.aria-controls"></a>
-                    <span class="name">
-                        <span ><b>attr.aria-controls</b></span>
-                        <a href="#attr.aria-controls"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </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>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.role"></a>
-                    <span class="name">
-                        <span ><b>attr.role</b></span>
-                        <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;list&#x27;</code>
-                    </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>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class.ecl-category-filter__list"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-category-filter__list</b></span>
-                        <a href="#class.ecl-category-filter__list"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </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>
-</section>
 
 
     <section data-compodoc="block-methods">
@@ -633,85 +511,6 @@
     <h3 id="inputs">
         Properties
     </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="className"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>className</b></span>
-                        <a href="#className"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>unknown</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>true</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;class.ecl-category-filter__list&#x27;)<br />
-                        </code>
-                    </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>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="controls"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>controls</b></span>
-                        <a href="#controls"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;attr.aria-controls&#x27;)<br />
-                        </code>
-                    </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>
     <table class="table table-sm table-bordered">
         <tbody>
             <tr>
@@ -749,11 +548,10 @@
         <tbody>
             <tr>
                 <td class="col-md-4">
-                    <a name="role"></a>
+                    <a name="id"></a>
                     <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>role</b></span>
-                        <a href="#role"><span class="icon ion-ios-link"></span></a>
+                        <span ><b>id</b></span>
+                        <a href="#id"><span class="icon ion-ios-link"></span></a>
                     </span>
                 </td>
             </tr>
@@ -763,24 +561,10 @@
 
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;list&#x27;</code>
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;attr.role&#x27;)<br />
-                        </code>
-                    </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 class="io-description"><p>ID of this list element, referenced by the parent item&#39;s aria-controls.</p>
 </div>
                 </td>
             </tr>

package/docs/components/EclDateBlockComponent.html

@@ -173,12 +173,6 @@ Designed for use within content components such as content blocks or items.</p>
 
 
 
-            <tr>
-                <td class="col-md-3">providers</td>
-                <td class="col-md-9">
-                            <code>TranslateService</code>
-                </td>
-            </tr>
 
 
             <tr>
@@ -230,9 +224,6 @@ Designed for use within content components such as content blocks or items.</p>
                                 <li>
                                             <code><a href="https://angular.dev/api/common/DatePipe" target="_blank" >DatePipe</a></code>
                                 </li>
-                                <li>
-                                        <code>TranslateService</code>
-                                </li>
                                 <li>
                                             <code><a href="../directives/ECLBaseDirective.html" target="_self" >ECLBaseDirective</a></code>
                                 </li>

package/docs/components/EclDescriptionListDefinitionComponent.html

@@ -170,6 +170,10 @@ with maxVisibleItems control.</p>
 
 
 
+            <tr>
+                <td class="col-md-3">host</td>
+                <td class="col-md-9"><code>{<br>}</code></td>
+            </tr>
 
 
 
@@ -181,10 +185,6 @@ with maxVisibleItems control.</p>
                 <td class="col-md-9"><code>[eclDescriptionListDefinition]</code></td>
             </tr>
 
-            <tr>
-                <td class="col-md-3">standalone</td>
-                <td class="col-md-9"><code>true</code></td>
-            </tr>
 
             <tr>
                 <td class="col-md-3">imports</td>
@@ -322,22 +322,6 @@ with maxVisibleItems control.</p>
         </table>
 
 
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
         <table class="table table-sm table-bordered index-table">
@@ -454,29 +438,6 @@ Options: &#39;link&#39;, &#39;inline&#39;, &#39;taxonomy&#39;, &#39;tag&#39;.</p
 </section>
 
 
-    <section data-compodoc="block-properties">
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class"></a>
-                    <span class="name">
-                        <span ><b>class</b></span>
-                        <a href="#class"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
 
 
     <section data-compodoc="block-methods">
@@ -643,7 +604,8 @@ Expands all hidden items and removes the &quot;See all&quot; link from DOM.</p>
             <tr>
                 <td class="col-md-4">
                     <div class="io-description"><p>Signal indicating whether the DOM is ready for manipulation.
-Set to true after first render to ensure projected content exists.</p>
+Set to true after first render to ensure the projected <ul> exists before
+the see-more link is inserted into it. Defers DOM writes in the effect.</p>
 </div>
                 </td>
             </tr>

package/docs/components/EclIconComponent.html

@@ -605,7 +605,7 @@ Defaults to <code>false</code>.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>&#x27;default&#x27; | &#x27;social&#x27; | &#x27;social-media&#x27; | &#x27;social-media-color&#x27; | &#x27;flag&#x27; | &#x27;flag-non-members&#x27; |        &#x27;phosphor&#x27; | string</code>
+                        <i>Type : </i>    <code>&#x27;default&#x27; | &#x27;social&#x27; | &#x27;social-media&#x27; | &#x27;social-media-color&#x27; | &#x27;flag&#x27; | &#x27;flag-non-members&#x27; |        &#x27;phosphor&#x27; | &#x27;phosphor-fill&#x27; | string</code>
 
                     </td>
                 </tr>

package/docs/components/EclListIllustrationComponent.html

@@ -248,7 +248,6 @@
                         <ul class="index-list">
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
                                 <a href="#counterStartStyle" >counterStartStyle</a>
                             </li>
                             <li>
@@ -262,12 +261,10 @@
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
                                 <a href="#role" >role</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">P</span>
-                                    <span class="modifier"></span>
                                 <a href="#startAttr" >startAttr</a>
                             </li>
                         </ul>
@@ -342,31 +339,6 @@
         </table>
 
 
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>HostBindings</b></h6>
-                    </td>
-                    <td class="col-md-9">
-                        <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.role" >attr.role</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.start" >attr.start</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class" >class</a>
-                            </li>
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#style.--ecl-list-illustration-counter-start" >style.--ecl-list-illustration-counter-start</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
         <table class="table table-sm table-bordered index-table">
@@ -676,119 +648,6 @@ Possible values:</p>
 </section>
 
 
-    <section data-compodoc="block-properties">
-    <h3>HostBindings</h3>    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.role"></a>
-                    <span class="name">
-                        <span ><b>attr.role</b></span>
-                        <a href="#attr.role"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;list&#x27;</code>
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Applies ARIA role for list elements.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="attr.start"></a>
-                    <span class="name">
-                        <span ><b>attr.start</b></span>
-                        <a href="#attr.start"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>    <code>string | null</code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>null</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="class"></a>
-                    <span class="name">
-                        <span ><b>class</b></span>
-                        <a href="#class"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-
-            <tr>
-                <td class="col-md-4">
-                    <div class="io-description"><p>Applies the appropriate ECL CSS classes to the host element.</p>
-</div>
-                </td>
-            </tr>
-
-        </tbody>
-    </table>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="style.--ecl-list-illustration-counter-start"></a>
-                    <span class="name">
-                        <span ><b>style.--ecl-list-illustration-counter-start</b></span>
-                        <a href="#style.--ecl-list-illustration-counter-start"><span class="icon ion-ios-link"></span></a>
-                    </span>
-                </td>
-            </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Type : </i>        <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
-
-                    </td>
-                </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <i>Default value : </i><code>&#x27;&#x27;</code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
 
 
     <section data-compodoc="block-methods">
@@ -870,7 +729,6 @@ Possible values:</p>
                 <td class="col-md-4">
                     <a name="counterStartStyle"></a>
                     <span class="name">
-                            <span class="modifier"></span>
                         <span ><b>counterStartStyle</b></span>
                         <a href="#counterStartStyle"><span class="icon ion-ios-link"></span></a>
                     </span>
@@ -887,15 +745,6 @@ Possible values:</p>
                         <i>Default value : </i><code>&#x27;&#x27;</code>
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;style.--ecl-list-illustration-counter-start&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
 
 
         </tbody>
@@ -967,7 +816,6 @@ Possible values:</p>
                 <td class="col-md-4">
                     <a name="role"></a>
                     <span class="name">
-                            <span class="modifier"></span>
                         <span ><b>role</b></span>
                         <a href="#role"><span class="icon ion-ios-link"></span></a>
                     </span>
@@ -984,15 +832,6 @@ Possible values:</p>
                         <i>Default value : </i><code>&#x27;list&#x27;</code>
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;attr.role&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
 
             <tr>
                 <td class="col-md-4">
@@ -1009,7 +848,6 @@ Possible values:</p>
                 <td class="col-md-4">
                     <a name="startAttr"></a>
                     <span class="name">
-                            <span class="modifier"></span>
                         <span ><b>startAttr</b></span>
                         <a href="#startAttr"><span class="icon ion-ios-link"></span></a>
                     </span>
@@ -1026,15 +864,6 @@ Possible values:</p>
                         <i>Default value : </i><code>null</code>
                     </td>
                 </tr>
-                <tr>
-                    <td class="col-md-4">
-                        <b>Decorators : </b>
-                        <br />
-                        <code>
-                            @HostBinding(&#x27;attr.start&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
 
 
         </tbody>