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

package/components/ecl-form-group/ecl-form-group.component.d.ts

@@ -2,9 +2,28 @@ import { QueryList } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { EclRangeDirective } from '@eui/ecl/components/ecl-range';
 import * as i0 from "@angular/core";
+/**
+ * The EclFormGroupComponent is a wrapper component used to group form fields together
+ * This component automatically detects if any `EclRangeDirective` inputs are nested inside it,
+ * and applies the appropriate styling attributes if so.
+ */
 export declare class EclFormGroupComponent extends ECLBaseDirective {
+    /**
+     * Query list of any descendant `EclRangeDirective` instances within the form group.
+     * Used internally to determine whether the form group contains range inputs.
+     */
     eclRange: QueryList<EclRangeDirective>;
+    /**
+     * Applies the base ECL CSS class for a form group to the host element.
+     * Inherited utility method from `ECLBaseDirective` is used to support modifier classes.
+     */
     get cssClasses(): string;
+    /**
+     * Adds a data attribute to the host element when at least one `EclRangeDirective`
+     * is found within the form group. This allows conditional styling via CSS.
+     *
+     * @returns `true` if at least one EclRangeDirective is found; otherwise `null`
+     */
     get hasEclRange(): boolean | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclFormGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EclFormGroupComponent, "[eclFormGroup], ecl-form-group", never, {}, {}, ["eclRange"], ["*"], false, never>;

package/components/ecl-form-group/ecl-form-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ecl-form-group.component.d.ts","sourceRoot":"","sources":["../../../components/ecl-form-group/ecl-form-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,SAAS,EAAc,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE,qBAKa,qBAAsB,SAAQ,gBAAgB;IAGvD,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACvC,IACI,UAAU,IAAI,MAAM,CAEvB;IAED,IACI,WAAW,IAAI,OAAO,GAAG,IAAI,CAEhC;yCAZQ,qBAAqB;2CAArB,qBAAqB;CAajC"}
+{"version":3,"file":"ecl-form-group.component.d.ts","sourceRoot":"","sources":["../../../components/ecl-form-group/ecl-form-group.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,SAAS,EAAc,MAAM,eAAe,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;;AAElE;;;;GAIG;AACH,qBAKa,qBAAsB,SAAQ,gBAAgB;IAEvD;;;OAGG;IAEH,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAEvC;;;OAGG;IACH,IACI,UAAU,IAAI,MAAM,CAEvB;IAED;;;;;OAKG;IACH,IACI,WAAW,IAAI,OAAO,GAAG,IAAI,CAEhC;yCA3BQ,qBAAqB;2CAArB,qBAAqB;CA4BjC"}

package/components/ecl-form-label/ecl-form-label-optional.directive.d.ts

@@ -1,5 +1,12 @@
 import * as i0 from "@angular/core";
+/**
+ * The `ECLFormLabelOptionalDirective` adds the `ecl-form-label__optional` CSS class
+ * to an element to indicate that a form field is optional.
+ */
 export declare class ECLFormLabelOptionalDirective {
+    /**
+     * Adds the ECL optional label class to the host element.
+     */
     hasClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ECLFormLabelOptionalDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ECLFormLabelOptionalDirective, "[eclFormLabelOptional]", never, {}, {}, never, never, false, never>;

package/components/ecl-form-label/ecl-form-label-optional.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ecl-form-label-optional.directive.d.ts","sourceRoot":"","sources":["../../../components/ecl-form-label/ecl-form-label-optional.directive.ts"],"names":[],"mappings":";AAEA,qBAIa,6BAA6B;IAES,QAAQ,UAAQ;yCAFtD,6BAA6B;2CAA7B,6BAA6B;CAGzC"}
+{"version":3,"file":"ecl-form-label-optional.directive.d.ts","sourceRoot":"","sources":["../../../components/ecl-form-label/ecl-form-label-optional.directive.ts"],"names":[],"mappings":";AAEA;;;GAGG;AACH,qBAIa,6BAA6B;IAEtC;;OAEG;IAC4C,QAAQ,UAAQ;yCALtD,6BAA6B;2CAA7B,6BAA6B;CAMzC"}

package/components/ecl-form-label/ecl-form-label.component.d.ts

@@ -1,8 +1,29 @@
 import { ECLBaseDirective } from '@eui/ecl/core';
 import * as i0 from "@angular/core";
+/**
+ * The `EclFormLabelComponent` is used to render a form label with optional or required state.
+ *
+ * It supports ECL design system styling and applies relevant classes or attributes
+ * based on the input flags.
+ */
 export declare class EclFormLabelComponent extends ECLBaseDirective {
+    /**
+     * Marks the form label as optional.
+     * When `true`, the label can display additional styling or indicators for optional fields.
+     *
+     * Defaults to `false`.
+     */
     isOptional: boolean;
+    /**
+     * Marks the form label as required.
+     * When `true`, the label can display styling or indicators for required fields.
+     *
+     * Defaults to `false`.
+     */
     isRequired: boolean;
+    /**
+     * Applies the base ECL class for form labels to the host element.
+     */
     hasClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclFormLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EclFormLabelComponent, "[eclFormLabel]", never, { "isOptional": { "alias": "isOptional"; "required": false; }; "isRequired": { "alias": "isRequired"; "required": false; }; }, {}, never, ["*"], false, never>;

package/components/ecl-form-label/ecl-form-label.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ecl-form-label.component.d.ts","sourceRoot":"","sources":["../../../components/ecl-form-label/ecl-form-label.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AAEjD,qBAOa,qBAAsB,SAAQ,gBAAgB;IAEf,UAAU,UAAS;IACnB,UAAU,UAAS;IAEtB,QAAQ,UAAQ;yCAL5C,qBAAqB;2CAArB,qBAAqB;yCAO8khd,OAAQ;yCAAR,OAAQ;CADvnhd"}
+{"version":3,"file":"ecl-form-label.component.d.ts","sourceRoot":"","sources":["../../../components/ecl-form-label/ecl-form-label.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AAEjD;;;;;GAKG;AACH,qBAOa,qBAAsB,SAAQ,gBAAgB;IAEvD;;;;;OAKG;IACqC,UAAU,UAAS;IAE3D;;;;;OAKG;IACqC,UAAU,UAAS;IAE3D;;OAEG;IACkC,QAAQ,UAAQ;yCArB5C,qBAAqB;2CAArB,qBAAqB;yCAuB26/c,OAAQ;yCAAR,OAAQ;CADp9/c"}

package/components/ecl-help-block/ecl-help-block.directive.d.ts

@@ -1,7 +1,20 @@
 import { ECLBaseDirective } from '@eui/ecl/core';
 import * as i0 from "@angular/core";
+/**
+ * Directive for rendering a help block element following the ECL design system.
+ *
+ * This directive allows conditional styling for disabled state.
+ */
 export declare class EclHelpBlockDirective extends ECLBaseDirective {
+    /**
+     * Indicates whether the help block is in a disabled state.
+     * When true, the `ecl-help-block--disabled` class is added.
+     */
     isDisabled: boolean;
+    /**
+     * Applies ECL base class and optional modifier to the host element.
+     * Returns a space-separated list of CSS classes.
+     */
     get cssClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<EclHelpBlockDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EclHelpBlockDirective, "[eclHelpBlock]", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; }, {}, never, never, false, never>;

package/components/ecl-help-block/ecl-help-block.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ecl-help-block.directive.d.ts","sourceRoot":"","sources":["../../../components/ecl-help-block/ecl-help-block.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AAEjD,qBAIa,qBAAsB,SAAQ,gBAAgB;IACf,UAAU,UAAS;IAE3D,IACI,UAAU,IAAI,MAAM,CAEvB;yCANQ,qBAAqB;2CAArB,qBAAqB;yCAQmthd,OAAQ;CAD5vhd"}
+{"version":3,"file":"ecl-help-block.directive.d.ts","sourceRoot":"","sources":["../../../components/ecl-help-block/ecl-help-block.directive.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AAEjD;;;;GAIG;AACH,qBAIa,qBAAsB,SAAQ,gBAAgB;IACvD;;;OAGG;IACqC,UAAU,UAAS;IAE3D;;;OAGG;IACH,IACI,UAAU,IAAI,MAAM,CAEvB;yCAdQ,qBAAqB;2CAArB,qBAAqB;yCAgBqxgd,OAAQ;CAD9zgd"}

package/docs/components/EclFormGroupComponent.html

@@ -109,6 +109,15 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The EclFormGroupComponent is a wrapper component used to group form fields together
+This component automatically detects if any <code>EclRangeDirective</code> inputs are nested inside it,
+and applies the appropriate styling attributes if so.</p>
+
+    </p>
 
     <p class="comment">
         <h3>Extends</h3>
@@ -330,6 +339,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds a data attribute to the host element when at least one <code>EclRangeDirective</code>
+is found within the form group. This allows conditional styling via CSS.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -351,6 +367,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the base ECL CSS class for a form group to the host element.
+Inherited utility method from <code>ECLBaseDirective</code> is used to support modifier classes.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -457,6 +480,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Query list of any descendant <code>EclRangeDirective</code> instances within the form group.
+Used internally to determine whether the form group contains range inputs.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -480,6 +510,18 @@
                         <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 base ECL CSS class for a form group to the host element.
+Inherited utility method from <code>ECLBaseDirective</code> is used to support modifier classes.</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>
@@ -497,6 +539,20 @@
                         <span class="accessor"><b>get</b><code>hasEclRange()</code></span>
                     </td>
                 </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-description"><p>Adds a data attribute to the host element when at least one <code>EclRangeDirective</code>
+is found within the form group. This allows conditional styling via CSS.</p>
+</div>
+
+                                <div>
+                                </div>
+                                <div class="io-description">
+                                    <b>Returns : </b>    <code>boolean | null</code>
+
+                                </div>
+                        </td>
+                    </tr>
 
             </tbody>
         </table>

package/docs/components/EclFormLabelComponent.html

@@ -109,6 +109,15 @@
 </p>
 
 
+    <p class="comment">
+        <h3>Description</h3>
+    </p>
+    <p class="comment">
+        <p>The <code>EclFormLabelComponent</code> is used to render a form label with optional or required state.</p>
+<p>It supports ECL design system styling and applies relevant classes or attributes
+based on the input flags.</p>
+
+    </p>
 
     <p class="comment">
         <h3>Extends</h3>
@@ -270,6 +279,14 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Marks the form label as optional.
+When <code>true</code>, the label can display additional styling or indicators for optional fields.</p>
+<p>Defaults to <code>false</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -291,6 +308,14 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Marks the form label as required.
+When <code>true</code>, the label can display styling or indicators for required fields.</p>
+<p>Defaults to <code>false</code>.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -367,6 +392,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the base ECL class for form labels to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -472,6 +503,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies the base ECL class for form labels to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

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-1749804823673</li>
+            <b>@eui/styles</b> : 19.3.1-snapshot-1750754090216</li>
         <li>
-            <b>@eui/ecl</b> : 19.3.1-snapshot-1749804823673</li>
+            <b>@eui/ecl</b> : 19.3.1-snapshot-1750754090216</li>
         <li>
             <b>@eui/tools</b> : ^6.0.0</li>
     </ul>

package/docs/directives/ECLFormLabelOptionalDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>The <code>ECLFormLabelOptionalDirective</code> adds the <code>ecl-form-label__optional</code> CSS class
+to an element to indicate that a form field is optional.</p>
+
+            </p>
 
 
 
@@ -204,6 +212,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the ECL optional label class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -243,6 +257,12 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Adds the ECL optional label class to the host element.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>

package/docs/directives/EclHelpBlockDirective.html

@@ -113,6 +113,14 @@
         </p>
 
 
+            <p class="comment">
+                <h3>Description</h3>
+            </p>
+            <p class="comment">
+                <p>Directive for rendering a help block element following the ECL design system.</p>
+<p>This directive allows conditional styling for disabled state.</p>
+
+            </p>
 
             <p class="comment">
                 <h3>Extends</h3>
@@ -241,6 +249,13 @@
                         <i>Default value : </i><code>false</code>
                     </td>
                 </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>Indicates whether the help block is in a disabled state.
+When true, the <code>ecl-help-block--disabled</code> class is added.</p>
+</div>
+                    </td>
+                </tr>
             </tbody>
         </table>
         <table class="table table-sm table-bordered">
@@ -312,6 +327,13 @@
                     </td>
                 </tr>
 
+            <tr>
+                <td class="col-md-4">
+                    <div class="io-description"><p>Applies ECL base class and optional modifier to the host element.
+Returns a space-separated list of CSS classes.</p>
+</div>
+                </td>
+            </tr>
 
         </tbody>
     </table>
@@ -404,6 +426,18 @@
                         <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 base class and optional modifier to the host element.
+Returns a space-separated list of CSS classes.</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>