import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
 * Component to skeleton loader
 */
export class SkeletonComponent {
    constructor() {
        /**
         * Amination for the skeleton loader
         */
        this.animation = true;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SkeletonComponent, selector: "mic-skeleton-loader", inputs: { appearance: "appearance", animation: "animation", ariaLabel: "ariaLabel" }, ngImport: i0, template: "<span\n  class=\"skeleton-loader\"\n  role=\"progressbar\"\n  [ngClass]=\"{\n    image: appearance === 'image',\n    circle: appearance === 'circle',\n    progress: animation\n  }\"\n  [ariaLabel]=\"ariaLabel\"\n>\n</span>\n", styles: [".skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}.skeleton-loader:after,.skeleton-loader:before{box-sizing:border-box}.skeleton-loader.circle{width:40px;height:40px;margin:5px;border-radius:50%}.skeleton-loader.image{height:150px;text-align:center}.skeleton-loader.image:after{font-family:Material Icons;content:\"\\e3f4\";font-size:150px}.skeleton-loader.progress{transform:translateZ(0)}.skeleton-loader.progress:after,.skeleton-loader.progress:before{box-sizing:border-box}.skeleton-loader.progress:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;background-image:linear-gradient(90deg,#fff0,#fff9,#fff0);position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkeletonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mic-skeleton-loader', template: "<span\n  class=\"skeleton-loader\"\n  role=\"progressbar\"\n  [ngClass]=\"{\n    image: appearance === 'image',\n    circle: appearance === 'circle',\n    progress: animation\n  }\"\n  [ariaLabel]=\"ariaLabel\"\n>\n</span>\n", styles: [".skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}.skeleton-loader:after,.skeleton-loader:before{box-sizing:border-box}.skeleton-loader.circle{width:40px;height:40px;margin:5px;border-radius:50%}.skeleton-loader.image{height:150px;text-align:center}.skeleton-loader.image:after{font-family:Material Icons;content:\"\\e3f4\";font-size:150px}.skeleton-loader.progress{transform:translateZ(0)}.skeleton-loader.progress:after,.skeleton-loader.progress:before{box-sizing:border-box}.skeleton-loader.progress:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;background-image:linear-gradient(90deg,#fff0,#fff9,#fff0);position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}\n"] }]
        }], propDecorators: { appearance: [{
                type: Input
            }], animation: [{
                type: Input
            }], ariaLabel: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvdGhlbWUvc3JjL2xpYi9sb2FkZXIvc2tlbGV0b24vc2tlbGV0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvdGhlbWUvc3JjL2xpYi9sb2FkZXIvc2tlbGV0b24vc2tlbGV0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUVqRDs7R0FFRztBQU1ILE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFjRTs7V0FFRztRQUNhLGNBQVMsR0FBRyxJQUFJLENBQUM7S0FLbEM7K0dBakJZLGlCQUFpQjttR0FBakIsaUJBQWlCLGlKQ1Y5QixrT0FXQTs7NEZERGEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLHFCQUFxQjs4QkFXZixVQUFVO3NCQUF6QixLQUFLO2dCQUtVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBSVUsU0FBUztzQkFBeEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBDb21wb25lbnQgdG8gc2tlbGV0b24gbG9hZGVyXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21pYy1za2VsZXRvbi1sb2FkZXInLFxuICBzdHlsZVVybHM6IFsnLi9za2VsZXRvbi5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24uY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFwcGVhcmFuY2UgdXNlZCBpbiBza2VsZXRvbiBsb2FkZXIgOlxuICAgKiAtIGxpbmVcbiAgICogLSBjaXJjbGVcbiAgICogLSBpbWFnZVxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIGFwcGVhcmFuY2UhOiAnbGluZScgfCAnY2lyY2xlJyB8ICdpbWFnZSc7XG5cbiAgLyoqXG4gICAqIEFtaW5hdGlvbiBmb3IgdGhlIHNrZWxldG9uIGxvYWRlclxuICAgKi9cbiAgQElucHV0KCkgcHVibGljIGFuaW1hdGlvbiA9IHRydWU7XG4gIC8qKlxuICAgKiBBcmlhIGxhYmVsIGZvciBza2VsZXRvbi5cbiAgICovXG4gIEBJbnB1dCgpIHB1YmxpYyBhcmlhTGFiZWw/OiBzdHJpbmc7XG59XG4iLCI8c3BhblxuICBjbGFzcz1cInNrZWxldG9uLWxvYWRlclwiXG4gIHJvbGU9XCJwcm9ncmVzc2JhclwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICBpbWFnZTogYXBwZWFyYW5jZSA9PT0gJ2ltYWdlJyxcbiAgICBjaXJjbGU6IGFwcGVhcmFuY2UgPT09ICdjaXJjbGUnLFxuICAgIHByb2dyZXNzOiBhbmltYXRpb25cbiAgfVwiXG4gIFthcmlhTGFiZWxdPVwiYXJpYUxhYmVsXCJcbj5cbjwvc3Bhbj5cbiJdfQ==