import * as i0 from '@angular/core';
import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

class UxIconBoxComponent {
    constructor() {
        this.tabindex = 0;
        this.e2eAttr = 'ux-a-icon-box';
    }
}
/** @nocollapse */ UxIconBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UxIconBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ UxIconBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: UxIconBoxComponent, selector: "ux-a-icon-box", inputs: { styleClass: "styleClass", typeClass: "typeClass", iconClass: "iconClass", label: "label", tabindex: "tabindex", e2eAttr: "e2eAttr" }, ngImport: i0, template: "<div class=\"ux-a-icon-box {{ styleClass }}\" [tabindex]=\"tabindex\" [attr.aria-label]=\"label\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-a-icon-box__icon\">\n        <span class=\"ux-a-icon-box__icon-element {{ iconClass }}\"></span>\n    </div>\n    <div class=\"ux-a-icon-box__label\">\n        {{ label }}\n    </div>\n</div>\n", styles: [".ux-a-icon-box{background-color:var(--eui-base-color-primary-100);color:#fff;flex:0 0 8rem;height:9rem;margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s);text-align:center;box-shadow:var(--eui-base-shadow-1)}.ux-a-icon-box:active:not([readonly]),.ux-a-icon-box:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-a-icon-box__icon{font-size:var(--eui-base-font-size-4xl)}.ux-a-icon-box__label{text-transform:uppercase;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}\n"], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UxIconBoxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ux-a-icon-box', encapsulation: ViewEncapsulation.None, template: "<div class=\"ux-a-icon-box {{ styleClass }}\" [tabindex]=\"tabindex\" [attr.aria-label]=\"label\" attr.data-e2e=\"{{ e2eAttr }}\">\n    <div class=\"ux-a-icon-box__icon\">\n        <span class=\"ux-a-icon-box__icon-element {{ iconClass }}\"></span>\n    </div>\n    <div class=\"ux-a-icon-box__label\">\n        {{ label }}\n    </div>\n</div>\n", styles: [".ux-a-icon-box{background-color:var(--eui-base-color-primary-100);color:#fff;flex:0 0 8rem;height:9rem;margin-right:var(--eui-base-spacing-m);padding:var(--eui-base-spacing-s);text-align:center;box-shadow:var(--eui-base-shadow-1)}.ux-a-icon-box:active:not([readonly]),.ux-a-icon-box:focus:not([readonly]){z-index:auto;border-color:var(--eui-base-color-accessible-focus)!important;box-shadow:inset 0 0 0 1px var(--eui-base-color-accessible-focus),inset 0 0 0 2px var(--eui-base-color-grey-5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ux-a-icon-box__icon{font-size:var(--eui-base-font-size-4xl)}.ux-a-icon-box__label{text-transform:uppercase;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}\n"] }]
        }], propDecorators: { styleClass: [{
                type: Input
            }], typeClass: [{
                type: Input
            }], iconClass: [{
                type: Input
            }], label: [{
                type: Input
            }], tabindex: [{
                type: Input
            }], e2eAttr: [{
                type: Input
            }] } });
class UxIconBoxComponentModule {
}
/** @nocollapse */ UxIconBoxComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UxIconBoxComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ UxIconBoxComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: UxIconBoxComponentModule, declarations: [UxIconBoxComponent], imports: [CommonModule], exports: [UxIconBoxComponent] });
/** @nocollapse */ UxIconBoxComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UxIconBoxComponentModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: UxIconBoxComponentModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [CommonModule],
                    exports: [UxIconBoxComponent],
                    declarations: [UxIconBoxComponent],
                }]
        }] });

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

export { UxIconBoxComponent, UxIconBoxComponentModule };
//# sourceMappingURL=eui-deprecated-ux-a-icon-box.mjs.map
