import { Component, HostBinding, Input, ViewEncapsulation, ChangeDetectionStrategy, booleanAttribute, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@ionic/angular";
import * as i2 from "@ngx-translate/core";
export class EuimEmptyListPlaceholderComponent {
    get cssClasses() {
        return this.getCssClasses();
    }
    getCssClasses() {
        return [
            'euim-empty-list-placeholder',
            this.euimMarginTopLarge ? 'euim-empty-list-placeholder--margin-top-large' : '',
            this.euimMarginTopSmall ? 'euim-empty-list-placeholder--margin-top-small' : '',
            this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
        ].join(' ');
    }
    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (icon) {\n  <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n  <ion-icon name=\"search\"\n  class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n  <div class=\"euim-empty-list-placeholder__message\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n  </div>\n}\n@if (description || (!icon && !message && !description)) {\n  <div class=\"euim-empty-list-placeholder__description\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n  </div>\n}\n<ng-content></ng-content>\n", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder__icon{color:var(--eui-c-neutral-light);width:var(--eui-is-l);height:var(--eui-is-l)}.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder__description{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
            type: Component,
            args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (icon) {\n  <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n  <ion-icon name=\"search\"\n  class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n  <div class=\"euim-empty-list-placeholder__message\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n  </div>\n}\n@if (description || (!icon && !message && !description)) {\n  <div class=\"euim-empty-list-placeholder__description\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n  </div>\n}\n<ng-content></ng-content>\n", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder__icon{color:var(--eui-c-neutral-light);width:var(--eui-is-l);height:var(--eui-is-l)}.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder__description{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}\n"] }]
        }], propDecorators: { message: [{
                type: Input
            }], icon: [{
                type: Input
            }], description: [{
                type: Input
            }], button: [{
                type: Input
            }], euimMarginTopLarge: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], euimMarginTopSmall: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], euimMarginBottomSmall: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64, 