import { Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
import * as i0 from "@angular/core";
const _c0 = ["euiInputGroup", ""];
const _c1 = ["*"];
export class EuiInputGroupComponent {
    constructor() {
        this.type = 'inputGroup';
    }
    get cssClasses() {
        return [
            'eui-input-group',
            this.styleClass ? this.styleClass : ''
        ].join(' ').trim();
    }
}
/** @nocollapse */ EuiInputGroupComponent.ɵfac = function EuiInputGroupComponent_Factory(t) { return new (t || EuiInputGroupComponent)(); };
/** @nocollapse */ EuiInputGroupComponent.ɵcmp = i0.ɵɵdefineComponent({ type: EuiInputGroupComponent, selectors: [["div", "euiInputGroup", ""]], hostVars: 3, hostBindings: function EuiInputGroupComponent_HostBindings(rf, ctx) { if (rf & 2) {
        i0.ɵɵattribute("type", ctx.type);
        i0.ɵɵclassMap(ctx.cssClasses);
    } }, inputs: { styleClass: "styleClass" }, attrs: _c0, ngContentSelectors: _c1, decls: 1, vars: 0, template: function EuiInputGroupComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵprojectionDef();
        i0.ɵɵprojection(0);
    } }, styles: [".eui-input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--eui-spacing-m);position:relative;width:100%}.eui-input-group.row{align-items:center;flex-direction:row}.eui-input-group.row .eui-label,.eui-input-group.row label{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0;margin-top:0;padding-right:0;text-align:right}.eui-input-group.row .eui-label .eui-icon,.eui-input-group.row label .eui-icon{margin-left:var(--eui-spacing-2xs)}.eui-input-group.row .eui-input-checkbox+label,.eui-input-group.row .eui-input-radio+label{justify-content:inherit;margin-bottom:var(--eui-spacing-xs);margin-top:var(--eui-spacing-xs)}@media screen and (max-width:767px){.eui-input-group.row{flex-direction:column}.eui-input-group.row .eui-label,.eui-input-group.row label{justify-content:flex-start;text-align:left}}.eui-input-group-addon{align-items:stretch;display:flex;position:relative;width:100%}.eui-input-group-addon-item{align-items:center;align-self:stretch;background-color:var(--eui-color-grey-lightester);border:1px solid var(--eui-color-grey-light);border-radius:0;color:var(--eui-color-grey-darkest);display:flex;height:auto;justify-content:center;padding:var(--eui-spacing-xs)}.eui-input-group-addon-item .eui-icon{color:var(--eui-color-grey-darkest);font-size:var(--eui-font-size-2xl)}.eui-input-group-addon>:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.eui-input-group-addon>:not(:last-child){border-bottom-left-radius:var(--eui-border-radius-base);border-bottom-right-radius:0;border-top-left-radius:var(--eui-border-radius-base);border-top-right-radius:0}.eui-input-group-addon>:not(:first-child):not(:last-child){border-radius:0}.eui-input-group-addon>:last-child:not(:first-child){border-radius:0 var(--eui-border-radius-base) var(--eui-border-radius-base) 0}"], encapsulation: 2 });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(EuiInputGroupComponent, [{
        type: Component,
        args: [{
                // tslint:disable-next-line:component-selector
                selector: 'div[euiInputGroup]',
                styleUrls: ['./styles/_index.scss'],
                template: '<ng-content></ng-content>',
                encapsulation: ViewEncapsulation.None
            }]
    }], function () { return []; }, { cssClasses: [{
            type: HostBinding,
            args: ['class']
        }], styleClass: [{
            type: Input
        }], type: [{
            type: HostBinding,
            args: ['attr.type']
        }] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWlucHV0LWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIvYnVpbGRzL2V1aS9jYy1jc2RyLXJvb3QvcGFja2FnZXMvZXVpL3BhY2thZ2VzL2NvbXBvbmVudHMtbmV4dC9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9ldWktaW5wdXQtZ3JvdXAvZXVpLWlucHV0LWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEdBQUcsTUFBTSxlQUFlLENBQUM7Ozs7QUFTbEYsTUFBTSxPQUFPLHNCQUFzQjtJQWEvQjtRQUZvQyxTQUFJLEdBQVcsWUFBWSxDQUFDO0lBR2hFLENBQUM7SUFaRCxJQUNXLFVBQVU7UUFDakIsT0FBTztZQUNILGlCQUFpQjtZQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ3pDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7OytHQVJRLHNCQUFzQjs4RUFBdEIsc0JBQXNCOzs7OztRQUhwQixrQkFBWTs7a0RBR2Qsc0JBQXNCO2NBUGxDLFNBQVM7ZUFBQztnQkFDUCw4Q0FBOEM7Z0JBQzlDLFFBQVEsRUFBRSxvQkFBb0I7Z0JBQzlCLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2dCQUNuQyxRQUFRLEVBQUUsMkJBQTJCO2dCQUNyQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN4QztzQ0FJYyxVQUFVO2tCQURwQixXQUFXO21CQUFDLE9BQU87WUFRWCxVQUFVO2tCQUFsQixLQUFLO1lBQzhCLElBQUk7a0JBQXZDLFdBQVc7bUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICAgIHNlbGVjdG9yOiAnZGl2W2V1aUlucHV0R3JvdXBdJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgRXVpSW5wdXRHcm91cENvbXBvbmVudCB7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBwdWJsaWMgZ2V0IGNzc0NsYXNzZXMoKTogYW55IHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgICdldWktaW5wdXQtZ3JvdXAnLFxuICAgICAgICAgICAgdGhpcy5zdHlsZUNsYXNzID8gdGhpcy5zdHlsZUNsYXNzIDogJydcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHN0eWxlQ2xhc3M6IHN0cmluZztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudHlwZScpIHByb3RlY3RlZCB0eXBlOiBzdHJpbmcgPSAnaW5wdXRHcm91cCc7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICB9XG5cbn1cbiJdfQ==