import * as i0 from '@angular/core';
import { HostBinding, Input, Component, inject } from '@angular/core';
import * as i1 from '@eui/components/shared';
import { BaseStatesDirective } from '@eui/components/shared';

/**
 * @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.
 *
 * @usageNotes
 * ### Basic Usage
 * ```html
 * <div euiInputGroupAddOn>
 *   <div euiInputGroupAddOnItem>https://</div>
 *   <input euiInputText placeholder="example.com" />
 * </div>
 * ```
 *
 * ### Accessibility
 * - Decorative items should have `aria-hidden="true"`
 * - Meaningful items should be properly labeled for screen readers
 *
 * ### Notes
 * - Typically contains text, icons, or buttons
 * - Must be used within `euiInputGroupAddOn` container
 */
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: "21.2.16", ngImport: i0, type: EuiInputGroupAddOnItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", 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/>', isInline: true, styles: [".eui-21 .eui-input-group :host.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-secondary-surface-light);border:var(--eui-bw-xs) solid var(--eui-c-secondary-border);box-shadow:none;color:var(--eui-c-text);display:flex;flex-shrink:0;font:var(--eui-f-m);height:auto;justify-content:center;min-height:var(--eui-s-5xl);min-width:var(--eui-s-5xl);padding:0 var(--eui-s-xs)}.eui-21 .eui-input-group--size-s :host.eui-input-group-addon-item{min-height:calc(var(--eui-s-3xl) + var(--eui-s-3xs))}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EuiInputGroupAddOnItemComponent, decorators: [{
            type: Component,
            args: [{ selector: 'div[euiInputGroupAddOnItem], eui-input-group-addon-item', template: '<ng-content/>', styles: [".eui-21 .eui-input-group :host.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-c-secondary-surface-light);border:var(--eui-bw-xs) solid var(--eui-c-secondary-border);box-shadow:none;color:var(--eui-c-text);display:flex;flex-shrink:0;font:var(--eui-f-m);height:auto;justify-content:center;min-height:var(--eui-s-5xl);min-width:var(--eui-s-5xl);padding:0 var(--eui-s-xs)}.eui-21 .eui-input-group--size-s :host.eui-input-group-addon-item{min-height:calc(var(--eui-s-3xl) + var(--eui-s-3xs))}\n"] }]
        }], propDecorators: { e2eAttr: [{
                type: HostBinding,
                args: ['attr.data-e2e']
            }, {
                type: Input
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

/**
 * @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.
 *
 * @usageNotes
 * ### Basic Usage
 * ```html
 * <div euiInputGroupAddOn>
 *   <div euiInputGroupAddOnItem>€</div>
 *   <input euiInputText type="number" />
 * </div>
 * ```
 *
 * ### Accessibility
 * - Add-on items should have appropriate ARIA labels when they convey meaning
 * - Ensure add-on content is announced to screen readers if it provides context
 *
 * ### Notes
 * - Used to group prefix/suffix elements with input controls
 * - Provides consistent styling for input decorations
 */
class EuiInputGroupAddOnComponent {
    constructor() {
        /**
         * @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: "21.2.16", ngImport: i0, type: EuiInputGroupAddOnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", 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/>', isInline: true, styles: [".eui-21 :host.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-21 :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-21 :host.eui-input-group-addon ::ng-deep>:not(:last-child){border-bottom-left-radius:var(--eui-br-s);border-top-left-radius:var(--eui-br-s);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child)>.eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child)>.eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child)>.eui-select{border-radius:var(--eui-br-none)}.eui-21 :host.eui-input-group-addon ::ng-deep>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-s) var(--eui-br-s) var(--eui-br-none);position:relative}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-select,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-dropdown{margin-left:-2px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-text+.eui-input-group-addon-item,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-number+.eui-input-group-addon-item{left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep div[flexwrapper]+.eui-input-group-addon-item{left:-2px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-autocomplete__input,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-number,.eui-21 :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-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete:not(.eui-autocomplete--chips-position-none) .eui-autocomplete__wrapper{background-color:var(--eui-c-surface-container);border:var(--eui-bw-xs) solid var(--eui-c-secondary-border);border-radius:inherit;padding:var(--eui-s-2xs)}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none+.eui-input-group-addon-item{left:-3px;position:relative}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-21 :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}.eui-21 .eui-input-group--size-s :host.eui-input-group-addon ::ng-deep .eui-input-text,.eui-21 .eui-input-group--size-s :host.eui-input-group-addon ::ng-deep .eui-input-select,.eui-21 .eui-input-group--size-s :host.eui-input-group-addon ::ng-deep .eui-input-number{padding:calc(var(--eui-s-3xs) - 1px) calc(var(--eui-s-m) - 1px);min-height:auto}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EuiInputGroupAddOnComponent, decorators: [{
            type: Component,
            args: [{ selector: 'div[euiInputGroupAddOn], eui-input-group-addon', template: '<ng-content/>', styles: [".eui-21 :host.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-21 :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-21 :host.eui-input-group-addon ::ng-deep>:not(:last-child){border-bottom-left-radius:var(--eui-br-s);border-top-left-radius:var(--eui-br-s);border-bottom-right-radius:var(--eui-br-none);border-top-right-radius:var(--eui-br-none)}.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child){border-radius:var(--eui-br-none)}.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child)>.eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child)>.eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep>:not(:first-child):not(:last-child)>.eui-select{border-radius:var(--eui-br-none)}.eui-21 :host.eui-input-group-addon ::ng-deep>:last-child:not(:first-child){border-radius:var(--eui-br-none) var(--eui-br-s) var(--eui-br-s) var(--eui-br-none);position:relative}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-select,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-dropdown{margin-left:-2px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-text+.eui-input-group-addon-item,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-number+.eui-input-group-addon-item{left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep div[flexwrapper]+.eui-input-group-addon-item{left:-2px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-autocomplete__input,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-button+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-number,.eui-21 :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-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+div[flexwrapper] .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete:not(.eui-autocomplete--chips-position-none) .eui-autocomplete__wrapper{background-color:var(--eui-c-surface-container);border:var(--eui-bw-xs) solid var(--eui-c-secondary-border);border-radius:inherit;padding:var(--eui-s-2xs)}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none .eui-select{border-bottom-left-radius:var(--eui-br-none);border-top-left-radius:var(--eui-br-none);margin-left:-1px}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete.eui-autocomplete--chips-position-none+.eui-input-group-addon-item{left:-3px;position:relative}.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-autocomplete__wrapper .eui-select,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-input-number,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-textarea__wrapper .eui-select,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-textarea,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-text,.eui-21 :host.eui-input-group-addon ::ng-deep .eui-input-group-addon-item+.eui-input-maxlength-wrapper .eui-input-number,.eui-21 :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}.eui-21 .eui-input-group--size-s :host.eui-input-group-addon ::ng-deep .eui-input-text,.eui-21 .eui-input-group--size-s :host.eui-input-group-addon ::ng-deep .eui-input-select,.eui-21 .eui-input-group--size-s :host.eui-input-group-addon ::ng-deep .eui-input-number{padding:calc(var(--eui-s-3xs) - 1px) calc(var(--eui-s-m) - 1px);min-height:auto}\n"] }]
        }], propDecorators: { e2eAttr: [{
                type: HostBinding,
                args: ['attr.data-e2e']
            }, {
                type: Input
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });

/**
 * @description
 * Container component used to group input-related elements such as labels, inputs, and validation messages.
 * `euiInputGroup` provides a consistent layout and styling for form controls and is required to ensure proper visual and functional integration of EUI input components.
 * This component can only be used as an attribute selector on a `div` element.
 *
 * @usageNotes
 * ### Basic Usage
 * ```html
 * <div euiInputGroup>
 *   <label euiLabel for="email">Email</label>
 *   <input euiInputText id="email" type="email" />
 * </div>
 * ```
 *
 * ### With Validation Message
 * ```html
 * <div euiInputGroup>
 *   <label euiLabel for="password">Password</label>
 *   <input euiInputText id="password" type="password" [isInvalid]="hasError" />
 *   <span euiLabel euiDanger *ngIf="hasError">Password is required</span>
 * </div>
 * ```
 *
 * ### Accessibility
 * - Groups related form elements for better screen reader navigation
 * - Maintains proper label-input associations
 * - Ensures validation messages are announced to assistive technologies
 *
 * ### Notes
 * - Must be used as attribute on `div` element only
 * - Provides consistent spacing and layout for form controls
 * - Supports size variants through `euiSizeS` input
 */
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';
        this.baseStatesDirective = inject(BaseStatesDirective);
    }
    /**
     * @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 [
            this.baseStatesDirective.getCssClasses('eui-input-group'),
        ].join(' ').trim();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EuiInputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: EuiInputGroupComponent, isStandalone: true, selector: "div[euiInputGroup]", inputs: { e2eAttr: "e2eAttr" }, host: { properties: { "attr.data-e2e": "this.e2eAttr", "class": "this.cssClasses", "attr.type": "this.type" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSizeS", "euiSizeS", "euiSizeVariant", "euiSizeVariant"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-21 :host.eui-input-group{--_label-font: var(--eui-f-m-medium)}.eui-21 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-l);position:relative;width:100%}.eui-21 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-21 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--_label-font);letter-spacing:-.25px;margin-bottom:var(--eui-s-3xs);min-height:var(--eui-s-l)}.eui-21 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-21 :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-21 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--_label-font)}@media screen and (max-width:767px){.eui-21 :host.eui-input-group.row{flex-direction:column}.eui-21 :host.eui-input-group.row ::ng-deep label,.eui-21 :host.eui-input-group.row ::ng-deep .eui-label{justify-content:flex-start;text-align:left}}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EuiInputGroupComponent, decorators: [{
            type: Component,
            args: [{ selector: 'div[euiInputGroup]', template: '<ng-content/>', hostDirectives: [
                        {
                            directive: BaseStatesDirective,
                            inputs: [
                                'euiSizeS',
                                'euiSizeVariant',
                            ],
                        },
                    ], styles: [".eui-21 :host.eui-input-group{--_label-font: var(--eui-f-m-medium)}.eui-21 :host.eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-s-l);position:relative;width:100%}.eui-21 :host.eui-input-group ::ng-deep>.eui-label{align-items:center;display:inline-flex}.eui-21 :host.eui-input-group ::ng-deep>.eui-label:first-child{font:var(--_label-font);letter-spacing:-.25px;margin-bottom:var(--eui-s-3xs);min-height:var(--eui-s-l)}.eui-21 :host.eui-input-group.row{align-items:center;flex-direction:row}.eui-21 :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-21 :host.eui-input-group.row ::ng-deep .eui-label:first-child{font:var(--_label-font)}@media screen and (max-width:767px){.eui-21 :host.eui-input-group.row{flex-direction:column}.eui-21 :host.eui-input-group.row ::ng-deep label,.eui-21 :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']
            }, {
                type: Input
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }], type: [{
                type: HostBinding,
                args: ['attr.type']
            }] } });

const EUI_INPUT_GROUP = [
    EuiInputGroupComponent,
    EuiInputGroupAddOnComponent,
    EuiInputGroupAddOnItemComponent,
];

/**
 * Generated bundle index. Do not edit.
 */

export { EUI_INPUT_GROUP, EuiInputGroupAddOnComponent, EuiInputGroupAddOnItemComponent, EuiInputGroupComponent };
//# sourceMappingURL=eui-components-eui-input-group.mjs.map
