import { Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class SkeletonTextComponent {
    constructor() {
        this.animated = true;
        this.width = 100;
        this.height = 'inherit';
    }
    get isAnimated() {
        return this.animated;
    }
    get hasWidth() {
        return `${this.width}%`;
    }
    get hasHeight() {
        return this.height;
    }
}
SkeletonTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
SkeletonTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkeletonTextComponent, selector: "he-skeleton-text", inputs: { animated: "animated", width: "width", height: "height" }, host: { properties: { "class.is-animated": "this.isAnimated", "style.width": "this.hasWidth", "style.height": "this.hasHeight" } }, ngImport: i0, template: "<span>&nbsp;</span>\n", styles: [":host{border-radius:2px;display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:rgba(0,0,0,.065);line-height:10px;-webkit-user-select:none;user-select:none;pointer-events:none}span{display:inline-block}:host(.is-animated){position:relative;background:linear-gradient(to right,rgba(0,0,0,.065) 8%,rgba(0,0,0,.135) 18%,rgba(0,0,0,.065) 33%);background-size:800px 104px;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shimmer;animation-timing-function:linear}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkeletonTextComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'he-skeleton-text',
                    templateUrl: './skeleton-text.component.html',
                    styleUrls: ['./skeleton-text.component.scss']
                }]
        }], propDecorators: { animated: [{
                type: Input
            }], width: [{
                type: Input
            }], height: [{
                type: Input
            }], isAnimated: [{
                type: HostBinding,
                args: ['class.is-animated']
            }], hasWidth: [{
                type: HostBinding,
                args: ['style.width']
            }], hasHeight: [{
                type: HostBinding,
                args: ['style.height']
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL3NrZWxldG9uLXRleHQvc2tlbGV0b24tdGV4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9zcmMvY29tbW9uL3NrZWxldG9uLXRleHQvc2tlbGV0b24tdGV4dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzlELE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPVSxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBRWhCLFVBQUssR0FBRyxHQUFHLENBQUM7UUFFWixXQUFNLEdBQUcsU0FBUyxDQUFDO0tBZ0I1QjtJQWRDLElBQ0ksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7O21IQXJCVSxxQkFBcUI7dUdBQXJCLHFCQUFxQixnUUNQbEMsdUJBQ0E7NEZETWEscUJBQXFCO2tCQUxqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFdBQVcsRUFBRSxnQ0FBZ0M7b0JBQzdDLFNBQVMsRUFBRSxDQUFDLGdDQUFnQyxDQUFDO2lCQUM5Qzs4QkFHUyxRQUFRO3NCQURmLEtBQUs7Z0JBR0UsS0FBSztzQkFEWixLQUFLO2dCQUdFLE1BQU07c0JBRGIsS0FBSztnQkFJRixVQUFVO3NCQURiLFdBQVc7dUJBQUMsbUJBQW1CO2dCQU01QixRQUFRO3NCQURYLFdBQVc7dUJBQUMsYUFBYTtnQkFNdEIsU0FBUztzQkFEWixXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdoZS1za2VsZXRvbi10ZXh0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NrZWxldG9uLXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9za2VsZXRvbi10ZXh0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25UZXh0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHJpdmF0ZSBhbmltYXRlZCA9IHRydWU7XG4gIEBJbnB1dCgpXG4gIHByaXZhdGUgd2lkdGggPSAxMDA7XG4gIEBJbnB1dCgpXG4gIHByaXZhdGUgaGVpZ2h0ID0gJ2luaGVyaXQnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuaXMtYW5pbWF0ZWQnKVxuICBnZXQgaXNBbmltYXRlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5hbmltYXRlZDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUud2lkdGgnKVxuICBnZXQgaGFzV2lkdGgoKSB7XG4gICAgcmV0dXJuIGAke3RoaXMud2lkdGh9JWA7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmhlaWdodCcpXG4gIGdldCBoYXNIZWlnaHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuaGVpZ2h0O1xuICB9XG59XG4iLCI8c3Bhbj4mbmJzcDs8L3NwYW4+XG4iXX0=