import { Component, Input, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, numberAttribute, booleanAttribute, } from '@angular/core';
import { BaseStatesDirective } from '../../base-states.directive';
import * as i0 from "@angular/core";
import * as i1 from "../../base-states.directive";
export class EuimLabelComponent {
    get cssClasses() {
        return this.getCssClasses();
    }
    constructor(baseStatesDirective) {
        this.baseStatesDirective = baseStatesDirective;
        this.euimLabelTitle = false;
        this.euimLabelSubTitle = false;
        this.euimLabelMeta = false;
        this.euimLabelTruncate = false;
        this.euimLabelTextWrap = false;
    }
    getCssClasses() {
        return [
            this.baseStatesDirective.getCssClasses('euim-label'),
            this.euimLabelTitle ? 'euim-label__title' : '',
            this.euimLabelSubTitle ? 'euim-label__sub-title' : '',
            this.euimLabelMeta ? 'euim-label__meta' : '',
            this.euimLabelTextWrap ? 'eui-u-text-wrap' : '',
            this.euimLabelTruncate ? 'eui-u-text-truncate' : '',
            this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
        ].join(' ');
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLabelComponent, isStandalone: true, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-c-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, decorators: [{
            type: Component,
            args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                        {
                            directive: BaseStatesDirective,
                            inputs: [
                                'euimSizeXS',
                                'euimSizeS',
                                'euimSizeM',
                                'euimSizeL',
                                'euimSizeXL',
                                'euimSize2XL',
                                'euimSize3XL',
                                'euimSize4XL',
                                'color',
                            ],
                        },
                    ], standalone: true, imports: [], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-c-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"] }]
        }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
                type: HostBinding,
                args: ['style.--euimLabelTruncateWithLines']
            }, {
                type: Input,
                args: [{ transform: numberAttribute }]
            }], euimLabelTitle: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], euimLabelSubTitle: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], euimLabelMeta: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], euimLabelTruncate: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], euimLabelTextWrap: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], cssClasses: [{
                type: HostBinding,
                args: ['class']
            }] } });
//# sourceMappingURL=data:application/json;base64, 