npm - @eui/ecl - Versions diffs - 19.3.1 → 19.3.2-snapshot-1752135067705 - Mend

@eui/ecl 19.3.1 → 19.3.2-snapshot-1752135067705

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (382) hide show

package/docs/directives/EclMediaContainerItemDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Adds styling and functionality to the media container item /image.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclMediaContainerPictureDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Applies styles for the picture element.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclMultiselectOptionDirective.html CHANGED Viewed

@@ -113,6 +113,14 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive used to decorate <option> and <optgroup> elements within a multiselect.
+Adds support for value, label, disabled, selected states and styling.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -315,6 +323,12 @@
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates that the option is disabled.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -331,6 +345,12 @@
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Label displayed for the option.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -347,6 +367,12 @@
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates that the option is selected.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -363,6 +389,12 @@
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Value assigned to the option.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -434,6 +466,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies ECL checkbox styling class to the option.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -467,6 +505,8 @@
             <tr>
                 <td class="col-md-4">
+                        <div class="io-description"><p>Returns true if this directive is applied to an <optgroup> 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/boolean" target="_blank" >boolean</a></code>
@@ -560,6 +600,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Emits whenever the option&#39;s state changes (used internally).</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -591,6 +637,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Nested option directives (used for optgroups).</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -614,6 +666,17 @@
                         <span class="accessor"><b>get</b><code>disabled()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Indicates that the option is disabled.</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>
                 <tr>
                     <td class="col-md-4">
@@ -673,6 +736,17 @@
                         <span class="accessor"><b>get</b><code>selected()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Indicates that the option is selected.</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>
                 <tr>
                     <td class="col-md-4">
@@ -728,6 +802,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 ECL checkbox styling class to the option.</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/EclNavigationListImageDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>This directive adds specific class to the image element, used in &#39;ecl-navigation-list-item&#39;.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclNavigationListPictureDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>This directive adds specific class to the picture element, used in &#39;ecl-navigation-list-item&#39;.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>

package/docs/directives/EclPageHeaderBackgroundImageDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the background image inside the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__background&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__background&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderBackgroundPictureDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the background picture inside the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-picture ecl-page-header__picture-background&#39; classes to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-picture ecl-page-header__picture-background&#39; classes to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderDescriptionContainerDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the container for the page header description.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__description-container&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__description-container&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderDescriptionDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the text description in the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__description&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__description&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderDescriptionPictureDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles a picture used in the page header description.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-picture ecl-page-header__picture-thumbnail&#39; classes to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-picture ecl-page-header__picture-thumbnail&#39; classes to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderDescriptionThumbnailDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles a thumbnail or image in the page header description.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -130,7 +137,7 @@
                     <tr>
                         <td class="col-md-3">Selector</td>
-                        <td class="col-md-9"><code>[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage] </code></td>
+                        <td class="col-md-9"><code>[eclPageHeaderDescriptionThumbnail], img[eclPageHeaderDescriptionImage]</code></td>
                     </tr>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__description-thumbnail&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__description-thumbnail&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderInfoDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the info section in the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__info&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__info&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderMetaDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the meta section in the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__meta&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__meta&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderMetaItemDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles individual meta items in the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -294,6 +301,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__meta-item&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -405,6 +418,12 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies &#39;ecl-page-header__meta-item&#39; class to the host.</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>

package/docs/directives/EclPageHeaderTitleDirective.html CHANGED Viewed

@@ -113,6 +113,13 @@
         </p>
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Styles the title section in the page header.</p>
+            </p>
             <p class="comment">
                 <h3>Extends</h3>
@@ -241,6 +248,12 @@
                         <i>Default value : </i><code>true</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Whether the title is visible.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -312,6 +325,13 @@
                     </td>
                 </tr>
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>CSS classes applied to the host.</p>
+<p>&#39;ecl-u-sr-only&#39; if the title is hidden</p>
+</div>
+                </td>
+            </tr>
         </tbody>
     </table>
@@ -404,6 +424,20 @@
                         <span class="accessor"><b>get</b><code>cssClasses()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>CSS classes applied to the host.</p>
+<p>&#39;ecl-u-sr-only&#39; if the title is hidden</p>
+</div>
+                                <div>
+                                </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>