@eui/components 19.0.3 → 19.0.4

package/fesm2022/eui-components-eui-input-checkbox.mjs

@@ -1,19 +1,43 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Optional, Self, HostBinding, Output, Input, HostListener, NgModule } from '@angular/core';
+import { EventEmitter, HostListener, HostBinding, Input, Output, Optional, Self, Component, NgModule } from '@angular/core';
 import { InputDirective } from '@eui/components/shared';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i1 from '@angular/forms';
 import { CommonModule } from '@angular/common';
 
+/**
+ * Angular component that provides a custom checkbox input implementation.
+ * Extends {@link InputDirective} and implements form control functionality.
+ *
+ * @component
+ * @selector input[euiInputCheckBox]
+ * @implements {@link OnInit}
+ * @implements {@link DoCheck}
+ * @implements {@link OnChanges}
+ * @implements {@link ControlValueAccessor}
+ *
+ * @example
+ * <input euiInputCheckBox
+ *        [(ngModel)]="isChecked"
+ *        [indeterminate]="isIndeterminate"
+ *        [isInvalid]="hasError">
+ */
 class EuiInputCheckboxComponent extends InputDirective {
+    /**
+     * Gets the CSS classes for the checkbox component.
+     * Combines base classes with validation state classes.
+     *
+     * @returns {string} Space-separated list of CSS classes
+     */
     get cssClasses() {
         return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();
     }
     /**
-     * Whether the checkbox is indeterminate. This is also known as "mixed" mode and can be used to
-     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
-     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately
-     * set to false.
+     * Controls the indeterminate (mixed) state of the checkbox.
+     * When true, the checkbox appears in an indeterminate state.
+     * This state is automatically cleared when the checkbox is clicked.
+     *
+     * @property {boolean} indeterminate
      */
     get indeterminate() {
         return this._indeterminate;
@@ -26,6 +50,11 @@ class EuiInputCheckboxComponent extends InputDirective {
         }
         this._syncIndeterminate(this._checked ? false : this._indeterminate);
     }
+    /**
+     * Controls the invalid state of the checkbox. Used for displaying validation errors.
+     *
+     * @property {boolean} isInvalid
+     */
     get isInvalid() {
         return this._isInvalid || null;
     }
@@ -34,6 +63,11 @@ class EuiInputCheckboxComponent extends InputDirective {
     set isInvalid(state) {
         this.setInvalid(state);
     }
+    /**
+     * Controls the checked state of the checkbox.
+     *
+     * @property {boolean} checked
+     */
     get checked() {
         return this._checked;
     }
@@ -45,11 +79,15 @@ class EuiInputCheckboxComponent extends InputDirective {
         this.ngControl = ngControl;
         this._elementRef = _elementRef;
         this._renderer = _renderer;
-        /** Event emitted when the checkbox `indeterminate` value changes. */
+        /**
+         * Event emitter that fires when the indeterminate state changes.
+         *
+         * @event indeterminateChange
+         * @type {EventEmitter<boolean>}
+         */
         this.indeterminateChange = new EventEmitter();
         this.type = 'checkbox';
         this._indeterminate = false;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         this.onChange = (_) => {
             /* Nothing to be Done so far */
         };
@@ -67,6 +105,10 @@ class EuiInputCheckboxComponent extends InputDirective {
             this.ngControl.valueAccessor = this;
         }
     }
+    /**
+     * Lifecycle hook that is called after data-bound properties are initialized.
+     * Sets default control value if needed.
+     */
     ngOnInit() {
         super.ngOnInit();
         // in case control value is null set the default one (isChecked) and sync Control State
@@ -78,11 +120,21 @@ class EuiInputCheckboxComponent extends InputDirective {
             // this._cd.detectChanges();
         }
     }
+    /**
+     * Lifecycle hook that performs custom change detection.
+     * Updates invalid state based on control status.
+     */
     ngDoCheck() {
         if (this.ngControl) {
             this._isInvalid = this.ngControl.invalid && this.ngControl.touched;
         }
     }
+    /**
+     * Lifecycle hook that is called when data-bound properties change.
+     * Handles changes to checked and readonly states.
+     *
+     * @param {SimpleChanges} changes - Object containing changed properties
+     */
     ngOnChanges(changes) {
         if (changes['checked']) {
             const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);
@@ -101,6 +153,12 @@ class EuiInputCheckboxComponent extends InputDirective {
             }
         }
     }
+    /**
+     * Implements ControlValueAccessor writeValue method.
+     * Updates the checked state of the checkbox.
+     *
+     * @param {boolean} obj - The value to write
+     */
     writeValue(obj) {
         this._checked = coerceBooleanProperty(obj) ? true : undefined;
         this._elementRef.nativeElement.checked = this._checked ? true : undefined;
@@ -118,15 +176,35 @@ class EuiInputCheckboxComponent extends InputDirective {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
+    /**
+     * Event handler for checkbox change events.
+     *
+     * @param {boolean} checked - The new checked state
+     * @protected
+     */
     onChanged(checked) {
         this.onChange(checked);
     }
+    /**
+     * Event handler for space key press.
+     * Prevents space key action when checkbox is readonly.
+     *
+     * @param {KeyboardEvent} event - The keyboard event
+     * @protected
+     */
     onSpacePressed(event) {
         if (this.readonly) {
             event.preventDefault();
             event.stopPropagation();
         }
     }
+    /**
+     * Sets the invalid state of the checkbox.
+     *
+     * @deprecated Use the boolean version instead
+     * @param state - The invalid state to set (true/false)
+     * @protected
+     */
     // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     setInvalid(state) {
@@ -136,10 +214,9 @@ class EuiInputCheckboxComponent extends InputDirective {
     /**
      * Sets the indeterminate state of the checkbox. This is also known as "mixed" mode and can be used to
      * represent a checkbox with three states, e.g. a checkbox that represents a nested list of
-     * checkable items.
+     * check-able items.
      *
      * @param value
-     * @private
      */
     _syncIndeterminate(value) {
         if (this._elementRef) {
@@ -147,11 +224,11 @@ class EuiInputCheckboxComponent extends InputDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputCheckboxComponent, isStandalone: false, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", checked: "checked" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep .eui-label,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+::ng-deep label{align-items:center;pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputCheckboxComponent, isStandalone: true, selector: "input[euiInputCheckBox]", inputs: { indeterminate: "indeterminate", isInvalid: "isInvalid", checked: "checked" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { listeners: { "change": "onChanged($event.target.checked)", "keydown.space": "onSpacePressed($event)" }, properties: { "class": "this.cssClasses", "attr.type": "this.type", "attr.checked": "this.checked" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep .eui-label,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+::ng-deep label{align-items:center;pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'input[euiInputCheckBox]', template: '', standalone: false, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep .eui-label,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+::ng-deep label{align-items:center;pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }]
+            args: [{ selector: 'input[euiInputCheckBox]', template: '', standalone: true, styles: [".eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden){appearance:inherit;align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-shrink:0;height:var(--eui-s-xl);margin-right:var(--eui-s-s);position:relative;vertical-align:middle;width:var(--eui-s-xl);accent-color:var(--eui-c-white);background:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-neutral-light)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep .eui-label,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)+::ng-deep label{display:inline-flex;cursor:pointer;margin-right:var(--eui-s-m);white-space:inherit}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate{background:var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):indeterminate:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-remove-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]){background:var(--eui-c-neutral-lightest);border:var(--eui-bw-s) solid var(--eui-c-neutral-light);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked:before{height:1rem;width:1rem;content:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-neutral);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly])+::ng-deep label{pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked{background:var(--eui-c-primary);border:var(--eui-bw-s) solid var(--eui-c-primary)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden)[readonly]+::ng-deep label{align-items:center;pointer-events:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]),.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]){accent-color:var(--eui-c-danger-dark);appearance:inherit;background-color:var(--eui-c-white);border:var(--eui-bw-s) solid var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked{background:var(--eui-c-danger-dark)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked:before,.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked:before{height:1rem;width:1rem;content:\"\";mask-repeat:no-repeat;mask-position:50% 50%;mask-size:cover;mask-image:var(--eui-internal-icon-checkmark-path);background-color:var(--eui-c-white);height:var(--eui-s-xl);width:var(--eui-s-xl)}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden):focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-19 :host.eui-input-checkbox:not(.cdk-visually-hidden) [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -181,16 +258,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['keydown.space', ['$event']]
             }] } });
 
+/**
+ * Angular module for the EUI Input Checkbox component. Provides the checkbox
+ * component and its dependencies.
+ *
+ * @example
+ * ```typescript
+ * @NgModule({
+ *   imports: [EuiInputCheckboxModule]
+ * })
+ * export class YourModule { }
+ * ```
+ *
+ * @deprecated Use {@link `EuiInputCheckboxComponent`} instead.
+ */
 class EuiInputCheckboxModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxModule, declarations: [EuiInputCheckboxComponent], imports: [CommonModule], exports: [EuiInputCheckboxComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxModule, imports: [CommonModule, EuiInputCheckboxComponent], exports: [EuiInputCheckboxComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [EuiInputCheckboxComponent],
+                    imports: [CommonModule, EuiInputCheckboxComponent],
                     exports: [EuiInputCheckboxComponent],
                 }]
         }] });

package/fesm2022/eui-components-eui-input-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-input-checkbox.mjs","sources":["../../eui-input-checkbox/eui-input-checkbox.component.ts","../../eui-input-checkbox/eui-input-checkbox.module.ts","../../eui-input-checkbox/eui-components-eui-input-checkbox.ts"],"sourcesContent":["import {\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    Optional,\n    Renderer2,\n    Self,\n    SimpleChanges,\n    OnInit,\n    HostListener,\n    Component,\n    Injector,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[euiInputCheckBox]',\n    styleUrls: ['./styles/_index.scss'],\n    template: '',\n    standalone: false,\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();\n    }\n    /** Event emitted when the checkbox `indeterminate` value changes. */\n    @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /**\n     * Whether the checkbox is indeterminate. This is also known as \"mixed\" mode and can be used to\n     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n     * checkable items. Note that whenever checkbox is manually clicked, indeterminate is immediately\n     * set to false.\n     */\n    @Input()\n    get indeterminate(): boolean {\n        return this._indeterminate;\n    }\n    set indeterminate(value: BooleanInput) {\n        const changed = value != this._indeterminate;\n        this._indeterminate = coerceBooleanProperty(value);\n\n        if (changed) {\n            this.indeterminateChange.emit(this._indeterminate);\n        }\n\n        this._syncIndeterminate(this._checked ? false : this._indeterminate);\n    }\n\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public set isInvalid(state: any) {\n        this.setInvalid(state);\n    }\n\n    protected _isInvalid: boolean;\n\n    @HostBinding('attr.type') protected type = 'checkbox';\n\n    @HostBinding('attr.checked')\n    @Input()\n    public get checked(): boolean {\n        return this._checked;\n    }\n\n    public set checked(value: BooleanInput) {\n        this._checked = coerceBooleanProperty(value) ? true : undefined;\n    }\n\n    protected _checked: boolean;\n    private _indeterminate = false;\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        protected _elementRef: ElementRef<HTMLInputElement>,\n        protected _renderer: Renderer2,\n        injector: Injector,\n    ) {\n        super(_elementRef, _renderer, injector);\n\n        // if there's no id attribute set one\n        if (!this._elementRef.nativeElement.id) {\n            this.setIdAttribute();\n        }\n\n        // register control valueAccessor\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        super.ngOnInit();\n\n        // in case control value is null set the default one (isChecked) and sync Control State\n        if (this.ngControl?.control?.value === null) {\n            this.ngControl.control.setValue(this._checked, { emitModelToViewChange: false });\n            // changing Model Expression after view checked, so detect changes\n            // TODO: check why although it's checked .checked returns false\n            // this.ngControl.viewToModelUpdate(this._checked);\n            // this._cd.detectChanges();\n        }\n    }\n\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['checked']) {\n            const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);\n            if (currentValue !== this?.ngControl?.control?.value) {\n                this._checked = currentValue;\n                this._elementRef.nativeElement.checked = currentValue;\n            }\n        }\n\n        if (changes['readonly']) {\n            const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n            if (readonly) {\n                this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n            } else {\n                this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n            }\n        }\n    }\n\n    writeValue(obj: boolean): void {\n        this._checked = coerceBooleanProperty(obj) ? true : undefined;\n        this._elementRef.nativeElement.checked = this._checked ? true : undefined;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onBlur = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    @HostListener('change', ['$event.target.checked'])\n    protected onChanged(checked): void {\n        this.onChange(checked);\n    }\n\n    @HostListener('keydown.space', ['$event'])\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    protected onChange = (_): void => {\n        /* Nothing to be Done so far */\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected onBlur = (_: any): void => {\n        /* Nothing to be Done so far */\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected setInvalid(state?: any): void {\n        // in case it's controlled by NgControl override\n        this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n    }\n\n    /**\n     * Sets the indeterminate state of the checkbox. This is also known as \"mixed\" mode and can be used to\n     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n     * checkable items.\n     *\n     * @param value\n     * @private\n     */\n    private _syncIndeterminate(value: boolean): void {\n        if (this._elementRef) {\n            this._elementRef.nativeElement.indeterminate = value;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiInputCheckboxComponent],\n    exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-input-checkbox.mjs","sources":["../../eui-input-checkbox/eui-input-checkbox.component.ts","../../eui-input-checkbox/eui-input-checkbox.module.ts","../../eui-input-checkbox/eui-components-eui-input-checkbox.ts"],"sourcesContent":["import {\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    Optional,\n    Renderer2,\n    Self,\n    SimpleChanges,\n    OnInit,\n    HostListener,\n    Component,\n    Injector,\n    Output,\n    EventEmitter,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n/**\n * Angular component that provides a custom checkbox input implementation.\n * Extends {@link InputDirective} and implements form control functionality.\n *\n * @component\n * @selector input[euiInputCheckBox]\n * @implements {@link OnInit}\n * @implements {@link DoCheck}\n * @implements {@link OnChanges}\n * @implements {@link ControlValueAccessor}\n *\n * @example\n * <input euiInputCheckBox\n *        [(ngModel)]=\"isChecked\"\n *        [indeterminate]=\"isIndeterminate\"\n *        [isInvalid]=\"hasError\">\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[euiInputCheckBox]',\n    styleUrls: ['./styles/_index.scss'],\n    template: '',\n    standalone: true,\n})\nexport class EuiInputCheckboxComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n    /**\n     * Gets the CSS classes for the checkbox component.\n     * Combines base classes with validation state classes.\n     *\n     * @returns {string} Space-separated list of CSS classes\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return [this.getCssClasses('eui-input-checkbox'), this._isInvalid ? 'eui-input-checkbox--invalid' : ''].join(' ').trim();\n    }\n    /**\n     * Event emitter that fires when the indeterminate state changes.\n     *\n     * @event indeterminateChange\n     * @type {EventEmitter<boolean>}\n     */\n    @Output() readonly indeterminateChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /**\n     * Controls the indeterminate (mixed) state of the checkbox.\n     * When true, the checkbox appears in an indeterminate state.\n     * This state is automatically cleared when the checkbox is clicked.\n     *\n     * @property {boolean} indeterminate\n     */\n    @Input()\n    get indeterminate(): boolean {\n        return this._indeterminate;\n    }\n    set indeterminate(value: BooleanInput) {\n        const changed = value != this._indeterminate;\n        this._indeterminate = coerceBooleanProperty(value);\n\n        if (changed) {\n            this.indeterminateChange.emit(this._indeterminate);\n        }\n\n        this._syncIndeterminate(this._checked ? false : this._indeterminate);\n    }\n\n    /**\n     * Controls the invalid state of the checkbox. Used for displaying validation errors.\n     *\n     * @property {boolean} isInvalid\n     */\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public set isInvalid(state: any) {\n        this.setInvalid(state);\n    }\n\n    protected _isInvalid: boolean;\n\n    @HostBinding('attr.type') protected type = 'checkbox';\n\n    /**\n     * Controls the checked state of the checkbox.\n     *\n     * @property {boolean} checked\n     */\n    @HostBinding('attr.checked')\n    @Input()\n    public get checked(): boolean {\n        return this._checked;\n    }\n\n    public set checked(value: BooleanInput) {\n        this._checked = coerceBooleanProperty(value) ? true : undefined;\n    }\n\n    protected _checked: boolean;\n    private _indeterminate = false;\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        protected _elementRef: ElementRef<HTMLInputElement>,\n        protected _renderer: Renderer2,\n        injector: Injector,\n    ) {\n        super(_elementRef, _renderer, injector);\n\n        // if there's no id attribute set one\n        if (!this._elementRef.nativeElement.id) {\n            this.setIdAttribute();\n        }\n\n        // register control valueAccessor\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    /**\n     * Lifecycle hook that is called after data-bound properties are initialized.\n     * Sets default control value if needed.\n     */\n    ngOnInit(): void {\n        super.ngOnInit();\n\n        // in case control value is null set the default one (isChecked) and sync Control State\n        if (this.ngControl?.control?.value === null) {\n            this.ngControl.control.setValue(this._checked, { emitModelToViewChange: false });\n            // changing Model Expression after view checked, so detect changes\n            // TODO: check why although it's checked .checked returns false\n            // this.ngControl.viewToModelUpdate(this._checked);\n            // this._cd.detectChanges();\n        }\n    }\n\n    /**\n     * Lifecycle hook that performs custom change detection.\n     * Updates invalid state based on control status.\n     */\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this._isInvalid = this.ngControl.invalid && this.ngControl.touched;\n        }\n    }\n\n    /**\n     * Lifecycle hook that is called when data-bound properties change.\n     * Handles changes to checked and readonly states.\n     *\n     * @param {SimpleChanges} changes - Object containing changed properties\n     */\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['checked']) {\n            const currentValue = coerceBooleanProperty(changes['checked']?.currentValue);\n            if (currentValue !== this?.ngControl?.control?.value) {\n                this._checked = currentValue;\n                this._elementRef.nativeElement.checked = currentValue;\n            }\n        }\n\n        if (changes['readonly']) {\n            const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n            if (readonly) {\n                this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n            } else {\n                this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n            }\n        }\n    }\n\n    /**\n     * Implements ControlValueAccessor writeValue method.\n     * Updates the checked state of the checkbox.\n     *\n     * @param {boolean} obj - The value to write\n     */\n    writeValue(obj: boolean): void {\n        this._checked = coerceBooleanProperty(obj) ? true : undefined;\n        this._elementRef.nativeElement.checked = this._checked ? true : undefined;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onBlur = fn;\n    }\n\n    setDisabledState?(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    /**\n     * Event handler for checkbox change events.\n     *\n     * @param {boolean} checked - The new checked state\n     * @protected\n     */\n    @HostListener('change', ['$event.target.checked'])\n    protected onChanged(checked: boolean): void {\n        this.onChange(checked);\n    }\n\n    /**\n     * Event handler for space key press.\n     * Prevents space key action when checkbox is readonly.\n     *\n     * @param {KeyboardEvent} event - The keyboard event\n     * @protected\n     */\n    @HostListener('keydown.space', ['$event'])\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    protected onChange = <T>(_: T): void => {\n        /* Nothing to be Done so far */\n    };\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected onBlur = (_: any): void => {\n        /* Nothing to be Done so far */\n    };\n\n    /**\n     * Sets the invalid state of the checkbox.\n     *\n     * @param {any} state - The invalid state to set (true/false)\n     * @protected\n     */\n    protected setInvalid(state?: boolean): void;\n    /**\n     * Sets the invalid state of the checkbox.\n     *\n     * @deprecated Use the boolean version instead\n     * @param state - The invalid state to set (true/false)\n     * @protected\n     */\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    protected setInvalid(state?: any): void {\n        // in case it's controlled by NgControl override\n        this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n    }\n\n    /**\n     * Sets the indeterminate state of the checkbox. This is also known as \"mixed\" mode and can be used to\n     * represent a checkbox with three states, e.g. a checkbox that represents a nested list of\n     * check-able items.\n     *\n     * @param value\n     */\n    private _syncIndeterminate(value: boolean): void {\n        if (this._elementRef) {\n            this._elementRef.nativeElement.indeterminate = value;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputCheckboxComponent } from './eui-input-checkbox.component';\n\n/**\n * Angular module for the EUI Input Checkbox component. Provides the checkbox\n * component and its dependencies.\n *\n * @example\n * ```typescript\n * @NgModule({\n *   imports: [EuiInputCheckboxModule]\n * })\n * export class YourModule { }\n * ```\n *\n * @deprecated Use {@link `EuiInputCheckboxComponent`} instead.\n */\n@NgModule({\n    imports: [CommonModule, EuiInputCheckboxComponent],\n    exports: [EuiInputCheckboxComponent],\n})\nexport class EuiInputCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-input-group.mjs

@@ -1,21 +1,64 @@
 import * as i0 from '@angular/core';
-import { Component, HostBinding, Input, NgModule } from '@angular/core';
+import { HostBinding, Input, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
+/**
+ * @description
+ * A component that serves as the main container for input group elements.
+ * Can only be used as an attribute selector on a div element.
+ *
+ * @example
+ * ```html
+ * <div euiInputGroup>
+ *   <eui-input-group-addon>
+ *     <eui-input-group-addon-item>Prefix</eui-input-group-addon-item>
+ *   </eui-input-group-addon>
+ *   <input type="text">
+ *   <eui-input-group-addon>
+ *     <eui-input-group-addon-item>Suffix</eui-input-group-addon-item>
+ *   </eui-input-group-addon>
+ * </div>
+ * ```
+ *
+ * @selector div[euiInputGroup]
+ * @standalone false
+ */
 class EuiInputGroupComponent {
     constructor() {
+        /**
+         * @description
+         * Input property for setting the data-e2e attribute value.
+         * Used for end-to-end testing purposes.
+         *
+         * @default 'eui-input-group'
+         */
         this.e2eAttr = 'eui-input-group';
+        /**
+         * @description
+         * Protected property that defines the type of the input group.
+         * Bound to the host element's type attribute.
+         *
+         * @protected
+         * @default 'inputGroup'
+         */
         this.type = 'inputGroup';
     }
+    /**
+     * @description
+     * Getter that returns the CSS class for the component.
+     * Bound to the host element's class attribute.
+     *
+     * @returns {string} The CSS class name
+     */
     get cssClasses() {
         return 'eui-input-group';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputGroupComponent, isStandalone: false, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:var(--eui-f-m);white-space:normal}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputGroupComponent, isStandalone: true, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:var(--eui-f-m);white-space:normal}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiInputGroup]', template: '<ng-content/>', standalone: false, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:var(--eui-f-m);white-space:normal}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }]
+            args: [{ selector: 'div[euiInputGroup]', template: '<ng-content/>', standalone: true, styles: [".eui-19 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-19 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--eui-f-m-bold);margin-bottom:var(--eui-s-2xs);min-height:var(--eui-s-l)}.eui-19 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0!important;margin-top:0;padding-right:0;text-align:right;font:var(--eui-f-m);white-space:normal}.eui-19 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--eui-f-m-bold)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-group ::ng-deep .eui-icon-svg.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-19 :host.eui-input-group.row{flex-direction:column}.eui-19 :host.eui-input-group.row ::ng-deep label,.eui-19 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }]
         }], propDecorators: { e2eAttr: [{
                 type: HostBinding,
                 args: ['attr.data-e2e']
@@ -29,19 +72,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['attr.type']
             }] } });
 
+/**
+ * @description
+ * A component that serves as a container for input group add-on items.
+ * Can be used either as an attribute selector on a div or as a custom element.
+ *
+ * @example
+ * As an attribute
+ * ```html
+ * <div euiInputGroupAddOn>
+ *   <div euiInputGroupAddOnItem>Item 1</div>
+ *   <div euiInputGroupAddOnItem>Item 2</div>
+ * </div>
+ * ```
+ *
+ * As an element
+ * ```html
+ * <eui-input-group-addon>
+ *   <eui-input-group-addon-item>Item 1</eui-input-group-addon-item>
+ *   <eui-input-group-addon-item>Item 2</eui-input-group-addon-item>
+ * </eui-input-group-addon>
+ * ```
+ *
+ * @selector div[euiInputGroupAddOn], eui-input-group-addon
+ * @standalone false
+ */
 class EuiInputGroupAddOnComponent {
     constructor() {
-        this.e2eAttr = 'eui-input-group-addon';
+        /**
+         * @description
+         * Input property for setting the data-e2e attribute value.
+         * Used for end-to-end testing purposes.
+         *
+         * @default 'eui-input-group-addon'
+         */
+        this.e2eAttr = 'eui-input-group-addon'; /**
+         * @description
+         * Getter that returns the CSS class for the component.
+         * Bound to the host element's class attribute.
+         *
+         * @returns {string} The CSS class name
+         */
     }
     get cssClasses() {
         return 'eui-input-group-addon';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupAddOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputGroupAddOnComponent, isStandalone: false, selector: "div[euiInputGroupAddOn], eui-input-group-addon", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-19 :host.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child){border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:last-child){border-bottom-left-radius:var(--eui-br-m);border-top-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-m) var(--eui-br-m) var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep eui-dropdown{margin-left:-2px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-text+.eui-input-group-addon-item,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-textarea{margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputGroupAddOnComponent, isStandalone: true, selector: "div[euiInputGroupAddOn], eui-input-group-addon", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-19 :host.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child){border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:last-child){border-bottom-left-radius:var(--eui-br-m);border-top-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-m) var(--eui-br-m) var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep eui-dropdown{margin-left:-2px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-text+.eui-input-group-addon-item,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-textarea{margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupAddOnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiInputGroupAddOn], eui-input-group-addon', template: '<ng-content></ng-content>', standalone: false, styles: [".eui-19 :host.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child){border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:last-child){border-bottom-left-radius:var(--eui-br-m);border-top-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-m) var(--eui-br-m) var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep eui-dropdown{margin-left:-2px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-text+.eui-input-group-addon-item,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-textarea{margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}\n"] }]
+            args: [{ selector: 'div[euiInputGroupAddOn], eui-input-group-addon', template: '<ng-content></ng-content>', standalone: true, styles: [".eui-19 :host.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child){border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:last-child){border-bottom-left-radius:var(--eui-br-m);border-top-left-radius:var(--eui-br-m);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-m) var(--eui-br-m) var(--eui-br-none)}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep eui-dropdown{margin-left:-2px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-text+.eui-input-group-addon-item,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-number+.eui-input-group-addon-item{border-left-color:transparent}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-textarea{margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-19 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}\n"] }]
         }], propDecorators: { e2eAttr: [{
                 type: HostBinding,
                 args: ['attr.data-e2e']
@@ -52,19 +133,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @description
+ * A component that represents an individual item within an input group add-on.
+ * Can be used either as an attribute selector on a div or as a custom element.
+ *
+ * @example
+ * As an attribute
+ * ```html
+ * <div euiInputGroupAddOnItem>Content</div>
+ * ```
+ *
+ * As an element
+ * ```html
+ * <eui-input-group-addon-item>Content</eui-input-group-addon-item>
+ * ```
+ *
+ * @selector div[euiInputGroupAddOnItem], eui-input-group-addon-item
+ */
 class EuiInputGroupAddOnItemComponent {
     constructor() {
+        /**
+         * @description
+         * Input property for setting the data-e2e attribute value.
+         * Used for end-to-end testing purposes.
+         *
+         * @default 'eui-input-group-addon-item'
+         */
         this.e2eAttr = 'eui-input-group-addon-item';
     }
+    /**
+     * @description
+     * Getter that returns the CSS class for the component.
+     * Bound to the host element's class attribute.
+     *
+     * @returns {string} The CSS class name
+     */
     get cssClasses() {
         return 'eui-input-group-addon-item';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupAddOnItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputGroupAddOnItemComponent, isStandalone: false, selector: "div[euiInputGroupAddOnItem], eui-input-group-addon-item", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-19 :host.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-none);box-shadow:none;color:var(--eui-c-neutral);display:flex;flex-shrink:0;font:var(--eui-f-m-compact);height:auto;justify-content:center;min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl);padding:0 var(--eui-s-xs)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputGroupAddOnItemComponent, isStandalone: true, selector: "div[euiInputGroupAddOnItem], eui-input-group-addon-item", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".eui-19 :host.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-none);box-shadow:none;color:var(--eui-c-neutral);display:flex;flex-shrink:0;font:var(--eui-f-m-compact);height:auto;justify-content:center;min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl);padding:0 var(--eui-s-xs)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupAddOnItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[euiInputGroupAddOnItem], eui-input-group-addon-item', template: '<ng-content></ng-content>', standalone: false, styles: [".eui-19 :host.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-none);box-shadow:none;color:var(--eui-c-neutral);display:flex;flex-shrink:0;font:var(--eui-f-m-compact);height:auto;justify-content:center;min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl);padding:0 var(--eui-s-xs)}\n"] }]
+            args: [{ selector: 'div[euiInputGroupAddOnItem], eui-input-group-addon-item', template: '<ng-content></ng-content>', standalone: true, styles: [".eui-19 :host.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-none);box-shadow:none;color:var(--eui-c-neutral);display:flex;flex-shrink:0;font:var(--eui-f-m-compact);height:auto;justify-content:center;min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl);padding:0 var(--eui-s-xs)}\n"] }]
         }], propDecorators: { e2eAttr: [{
                 type: HostBinding,
                 args: ['attr.data-e2e']
@@ -75,11 +188,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
                 args: ['class']
             }] } });
 
+/**
+ * @description
+ * Angular module that provides input group components for the EUI framework.
+ * Includes the main input group component and its add-on components.
+ *
+ * @example
+ * // In your app.module.ts or feature module:
+ * import { EuiInputGroupModule } from '@eui/input-group';
+ *
+ * @NgModule({
+ *   imports: [
+ *     EuiInputGroupModule
+ *   ]
+ * })
+ * export class YourModule { }
+ */
 class EuiInputGroupModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupModule, declarations: [EuiInputGroupComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupModule, imports: [CommonModule,
+            EuiInputGroupComponent,
             EuiInputGroupAddOnComponent,
-            EuiInputGroupAddOnItemComponent], imports: [CommonModule], exports: [EuiInputGroupComponent,
+            EuiInputGroupAddOnItemComponent], exports: [EuiInputGroupComponent,
             EuiInputGroupAddOnComponent,
             EuiInputGroupAddOnItemComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupModule, imports: [CommonModule] }); }
@@ -87,8 +217,8 @@ class EuiInputGroupModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputGroupModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations: [
+                    imports: [
+                        CommonModule,
                         EuiInputGroupComponent,
                         EuiInputGroupAddOnComponent,
                         EuiInputGroupAddOnItemComponent,