@eui/ecl 23.0.0-alpha.4 → 23.0.0-alpha.5

package/docs/directives/EclMultiselectOptionDirective.html

@@ -264,10 +264,10 @@ Adds support for value, label, disabled, selected states and styling.</p>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#disabled" >disabled</a>
                             </li>
                             <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#label" >label</a>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#selected" >selected</a>
                             </li>
                             <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#selected" >selected</a>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#label" >label</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#value" >value</a>
@@ -362,19 +362,19 @@ Adds support for value, label, disabled, selected states and styling.</p>
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="label"></a>
-                        <b>label</b>
+                        <a name="selected"></a>
+                        <b>selected</b>
                     </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>
+                        <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">
-                        <div class="io-description"><p>Label displayed for the option.</p>
+                        <div class="io-description"><p>Indicates that the option is selected.</p>
 </div>
                     </td>
                 </tr>
@@ -384,19 +384,24 @@ Adds support for value, label, disabled, selected states and styling.</p>
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="selected"></a>
-                        <b>selected</b>
+                        <a name="label"></a>
+                        <b>label</b>
                     </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>
+                        <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>Indicates that the option is selected.</p>
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Label displayed for the option.</p>
 </div>
                     </td>
                 </tr>
@@ -416,6 +421,11 @@ Adds support for value, label, disabled, selected states and styling.</p>
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Value assigned to the option.</p>

package/docs/directives/EclRadioDirective.html

@@ -267,15 +267,15 @@ with ECL styles and support for invalid, disabled and binary states.</p>
                     </td>
                     <td class="col-md-9">
                         <ul class="index-list">
-                            <li>
-                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isBinary" >isBinary</a>
-                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isDisabled" >isDisabled</a>
                             </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isInvalid" >isInvalid</a>
                             </li>
+                            <li>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#isBinary" >isBinary</a>
+                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">I</span><a href="#class" >class</a>
                             </li>
@@ -336,8 +336,8 @@ with ECL styles and support for invalid, disabled and binary states.</p>
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="isBinary"></a>
-                        <b>isBinary</b>
+                        <a name="isDisabled"></a>
+                        <b>isDisabled</b>
                     </td>
                 </tr>
                 <tr>
@@ -348,7 +348,12 @@ with ECL styles and support for invalid, disabled and binary states.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <div class="io-description"><p>Adds the <code>ecl-radio--binary</code> class when true.</p>
+                        <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>
@@ -358,8 +363,8 @@ with ECL styles and support for invalid, disabled and binary states.</p>
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="isDisabled"></a>
-                        <b>isDisabled</b>
+                        <a name="isInvalid"></a>
+                        <b>isInvalid</b>
                     </td>
                 </tr>
                 <tr>
@@ -375,7 +380,7 @@ with ECL styles and support for invalid, disabled and binary states.</p>
                 </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 class="io-description"><p>Adds the <code>ecl-radio--invalid</code> class to the host element when true.</p>
 </div>
                     </td>
                 </tr>
@@ -385,8 +390,8 @@ with ECL styles and support for invalid, disabled and binary states.</p>
             <tbody>
                 <tr>
                     <td class="col-md-4">
-                        <a name="isInvalid"></a>
-                        <b>isInvalid</b>
+                        <a name="isBinary"></a>
+                        <b>isBinary</b>
                     </td>
                 </tr>
                 <tr>
@@ -397,12 +402,12 @@ with ECL styles and support for invalid, disabled and binary states.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Default value : </i><code>false</code>
+                        <i>Default value : </i><code>undefined</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 class="io-description"><p>Adds the <code>ecl-radio--binary</code> class when true.</p>
 </div>
                     </td>
                 </tr>

package/docs/directives/EclSelectDirective.html

@@ -291,6 +291,9 @@ by wrapping it inside an <a href="../components/EclSelectContainerComponent.html
                     </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.disabled" >attr.disabled</a>
+                            </li>
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#attr.disabled" >attr.disabled</a>
                             </li>
@@ -432,6 +435,11 @@ by wrapping it inside an <a href="../components/EclSelectContainerComponent.html
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Accessible label for the toggle button.</p>
@@ -493,6 +501,38 @@ by wrapping it inside an <a href="../components/EclSelectContainerComponent.html
 
             <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.disabled"></a>
+                    <span class="name">
+                        <span ><b>attr.disabled</b></span>
+                        <a href="#attr.disabled"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>input(false, { transform: booleanAttribute })</code>
+                    </td>
+                </tr>
+
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Disables the select element.</p>
+</div>
+                </td>
+            </tr>
+
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
         <tbody>
             <tr>
                 <td class="col-md-4">

package/docs/directives/EclSiteFooterListDirective.html

@@ -213,24 +213,6 @@
     <div class="tab-pane fade " id="api">
             <section data-compodoc="block-index">
     <h3 id="index">Index</h3>
-        <table class="table table-sm table-bordered index-table">
-            <tbody>
-                <tr>
-                    <td class="col-md-3">
-                        <h6><b>Properties</b></h6>
-                    </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="#cmpClass" >cmpClass</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
         <table class="table table-sm table-bordered index-table">
             <tbody>
@@ -277,22 +259,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="#class.ecl-site-footer__list" >class.ecl-site-footer__list</a>
-                            </li>
-                        </ul>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
 
 
 </section>
@@ -314,6 +280,11 @@
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -367,34 +338,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="class.ecl-site-footer__list"></a>
-                    <span class="name">
-                        <span ><b>class.ecl-site-footer__list</b></span>
-                        <a href="#class.ecl-site-footer__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>
-
-
-        </tbody>
-    </table>
-</section>
 
 
             <section data-compodoc="block-methods">
@@ -465,48 +408,6 @@
     </table>
 </section>
 
-            <section data-compodoc="block-properties">
-    
-    <h3 id="inputs">
-        Properties
-    </h3>
-    <table class="table table-sm table-bordered">
-        <tbody>
-            <tr>
-                <td class="col-md-4">
-                    <a name="cmpClass"></a>
-                    <span class="name">
-                            <span class="modifier"></span>
-                        <span ><b>cmpClass</b></span>
-                        <a href="#cmpClass"><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-site-footer__list&#x27;)<br />
-                        </code>
-                    </td>
-                </tr>
-
-
-        </tbody>
-    </table>
-</section>
 
     </div>
 

package/docs/directives/EclSiteFooterSectionDirective.html

@@ -306,7 +306,7 @@
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;links&quot; | &quot;contact&quot; | &quot;about&quot; | &quot;more&quot; | &quot;related&quot; | &quot;site-info&quot; | string</code>
+                        <i>Type : </i>    <code>&#x27;links&#x27; | &#x27;contact&#x27; | &#x27;about&#x27; | &#x27;more&#x27; | &#x27;related&#x27; | &#x27;site-info&#x27; | string</code>
 
                     </td>
                 </tr>

package/docs/directives/EclSiteFooterTitleDirective.html

@@ -285,6 +285,9 @@
                             <li>
                                 <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-site-footer__title" >class.ecl-site-footer__title</a>
                             </li>
+                            <li>
+                                <span class="reference-badge reference-badge--property" aria-hidden="true">HB</span><a href="#class.ecl-site-footer__title--separator" >class.ecl-site-footer__title--separator</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -394,6 +397,32 @@
                 </tr>
 
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="class.ecl-site-footer__title--separator"></a>
+                    <span class="name">
+                        <span ><b>class.ecl-site-footer__title--separator</b></span>
+                        <a href="#class.ecl-site-footer__title--separator"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Type : </i>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
+
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>input(false, { transform: booleanAttribute })</code>
+                    </td>
+                </tr>
+
+
         </tbody>
     </table>
 </section>

package/docs/directives/EclTableHeaderDirective.html

@@ -458,6 +458,11 @@ Acts as the unique identifier for the column when sorting.</p>
 
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>undefined</code>
+                    </td>
+                </tr>
                 <tr>
                     <td class="col-md-4">
                         <div class="io-description"><p>Aria-label for the sort button that will be injected into the header cell.</p>

package/docs/directives/EclTextMediaMediaAnchorDirective.html

@@ -221,7 +221,7 @@ from the <code>ecl-media-container</code> component.</p>
                 </tr>
                 <tr>
                     <td class="col-md-4">
-                        <i>Type : </i>    <code>&quot;center&quot; | &quot;top left&quot; | &quot;bottom right&quot; | &quot;20% 20%&quot;</code>
+                        <i>Type : </i>    <code>&#x27;center&#x27; | &#x27;top left&#x27; | &#x27;bottom right&#x27; | &#x27;20% 20%&#x27;</code>
 
                     </td>
                 </tr>