import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class LoaderFrameworkComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderFrameworkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderFrameworkComponent, selector: "framework-loader", ngImport: i0, template: "<div class=\"assessment-list-item\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\n    <div class=\"table-row\">\n        <div class=\"table-column serial\">\n            <div class=\"sr-no\"></div>\n        </div>\n        <div class=\"table-column name\">\n            <div class=\"loader\"></div>\n        </div>\n        <div class=\"table-column action\">\n            <div class=\"loader\"></div>\n        </div>\n    </div>\n</div>", styles: [".assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}.assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}.assessment-list-item .table-row .table-column{height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}.assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;height:100%}.assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}.assessment-list-item .table-row .table-column.name .loader{width:calc(100% - 200px)}.assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.action .loader{width:28px}.loader{background:#f1f1f1;border-radius:20px;height:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderFrameworkComponent, decorators: [{
            type: Component,
            args: [{ selector: 'framework-loader', template: "<div class=\"assessment-list-item\" *ngFor=\"let data of [1, 1, 1, 1, 1, 1, 1]\">\n    <div class=\"table-row\">\n        <div class=\"table-column serial\">\n            <div class=\"sr-no\"></div>\n        </div>\n        <div class=\"table-column name\">\n            <div class=\"loader\"></div>\n        </div>\n        <div class=\"table-column action\">\n            <div class=\"loader\"></div>\n        </div>\n    </div>\n</div>", styles: [".assessment-list-item{border:1px solid #f1f1f1;border-radius:2px;margin-bottom:4px}.assessment-list-item .table-row{display:flex;align-items:center;justify-content:space-between}.assessment-list-item .table-row .table-column{height:48px;position:relative;width:100%;display:flex;align-items:center;padding:0 4px}.assessment-list-item .table-row .table-column.serial{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.serial .sr-no{width:16px;background:#f8f8f8;writing-mode:vertical-lr;height:100%}.assessment-list-item .table-row .table-column.name{width:calc(100% - 64px);min-width:calc(100% - 64px)}.assessment-list-item .table-row .table-column.name .loader{width:calc(100% - 200px)}.assessment-list-item .table-row .table-column.action{width:32px;max-width:32px;justify-content:center}.assessment-list-item .table-row .table-column.action .loader{width:28px}.loader{background:#f1f1f1;border-radius:20px;height:10px}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3dvcmtmbG93LXByb2dyYW0vY3JlYXRlLXByb2dyYW0tdWkvZGVmaW5lLWZyYW1ld29yay1saXN0aW5nL2xvYWRlci9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvd29ya2Zsb3ctcHJvZ3JhbS9jcmVhdGUtcHJvZ3JhbS11aS9kZWZpbmUtZnJhbWV3b3JrLWxpc3RpbmcvbG9hZGVyL2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7QUFPbEQsTUFBTSxPQUFPLHdCQUF3QjtJQUVuQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qix3RENQckMsd2JBWU07OzRGRExPLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcmFtZXdvcmstbG9hZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQubGVzcyddXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckZyYW1ld29ya0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiYXNzZXNzbWVudC1saXN0LWl0ZW1cIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBbMSwgMSwgMSwgMSwgMSwgMSwgMV1cIj5cbiAgICA8ZGl2IGNsYXNzPVwidGFibGUtcm93XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gc2VyaWFsXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3Itbm9cIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJsZS1jb2x1bW4gbmFtZVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvYWRlclwiPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNvbHVtbiBhY3Rpb25cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJsb2FkZXJcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=