import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "ngx-skeleton-loader";
const _c0 = function () { return { width: "100%", height: "100%", "margin": "0" }; };
const _c1 = function () { return { width: "100px", height: "14px", "margin-bottom": "7px", "display": "block" }; };
const _c2 = function () { return { width: "120px", height: "14px", "margin": "0", "display": "block" }; };
const _c3 = function () { return { width: "200px", height: "16px", "margin": "0" }; };
const _c4 = function () { return { "margin-bottom": "16px", width: "320px", height: "28px" }; };
const _c5 = function () { return { "margin-bottom": "7px", height: "16px", width: "80%" }; };
const _c6 = function () { return { "margin-bottom": "7px", height: "16px" }; };
const _c7 = function () { return { "margin-bottom": "0", height: "16px", width: "40%" }; };
const _c8 = function () { return { width: "26px", height: "26px", "margin": "0" }; };
const _c9 = function () { return { "margin": "0", "margin-left": "15px", height: "18px", width: "180px" }; };
const _c10 = function () { return { "margin": "0", "margin-right": "15px", height: "16px", width: "260px" }; };
const _c11 = function () { return { "margin": "0", height: "16px", width: "90px" }; };
function PostLoaderComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelementStart(1, "section", 1);
    i0.ɵɵelementStart(2, "div", 2);
    i0.ɵɵelementStart(3, "div", 3);
    i0.ɵɵelementStart(4, "figure", 4);
    i0.ɵɵelement(5, "ngx-skeleton-loader", 5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "div", 6);
    i0.ɵɵelement(7, "ngx-skeleton-loader", 7);
    i0.ɵɵelement(8, "ngx-skeleton-loader", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(9, "div", 8);
    i0.ɵɵelement(10, "ngx-skeleton-loader", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelement(11, "ngx-skeleton-loader", 7);
    i0.ɵɵelement(12, "ngx-skeleton-loader", 7);
    i0.ɵɵelement(13, "ngx-skeleton-loader", 7);
    i0.ɵɵelement(14, "ngx-skeleton-loader", 7);
    i0.ɵɵelementStart(15, "div", 9);
    i0.ɵɵelement(16, "ngx-skeleton-loader", 5);
    i0.ɵɵelement(17, "ngx-skeleton-loader", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(18, "div", 10);
    i0.ɵɵelement(19, "ngx-skeleton-loader", 7);
    i0.ɵɵelement(20, "ngx-skeleton-loader", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    i0.ɵɵadvance(5);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(12, _c0));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(13, _c1));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(14, _c2));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(15, _c3));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(16, _c4));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(17, _c5));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(18, _c6));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(19, _c7));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(20, _c8));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(21, _c9));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(22, _c10));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("theme", i0.ɵɵpureFunction0(23, _c11));
} }
export class PostLoaderComponent {
    constructor() {
        this.noOfPosts = 3;
        this.posts = [];
    }
    ngOnInit() {
        this.posts = Array(Number(this.noOfPosts)).fill(1).map((x, i) => i + 1);
    }
}
PostLoaderComponent.ɵfac = function PostLoaderComponent_Factory(t) { return new (t || PostLoaderComponent)(); };
PostLoaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PostLoaderComponent, selectors: [["ins-post-loader"]], inputs: { noOfPosts: "noOfPosts" }, decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "post-block"], [1, "pb-head"], [1, "pb-profile"], [1, "pb-avatar"], ["appearance", "circle", 1, "null-container", 3, "theme"], [1, "pb-meta"], [1, "null-container", 3, "theme"], [1, "pb-ortho"], [1, "pb-condition"], [1, "pb-foot"]], template: function PostLoaderComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵtemplate(0, PostLoaderComponent_ng_container_0_Template, 21, 24, "ng-container", 0);
    } if (rf & 2) {
        i0.ɵɵproperty("ngForOf", ctx.posts);
    } }, directives: [i1.NgForOf, i2.NgxSkeletonLoaderComponent], styles: [".post-block[_ngcontent-%COMP%]{padding:1.875rem .625rem;border-top:1px solid #e2e5e4}.pb-head[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.875rem}.pb-profile[_ngcontent-%COMP%]{display:flex;align-items:center}.pb-avatar[_ngcontent-%COMP%]{margin:0 .9375rem 0 0;width:2.125rem;height:2.125rem}.pb-meta[_ngcontent-%COMP%]{flex:1 1 auto}.pb-ortho[_ngcontent-%COMP%]{display:flex;align-items:center}@media (max-width:575px){.pb-ortho[_ngcontent-%COMP%]{display:none}}.pb-condition[_ngcontent-%COMP%], .pb-foot[_ngcontent-%COMP%]{display:flex;align-items:center;margin-top:1.25rem}.null-container[_ngcontent-%COMP%]{display:contents}[_nghost-%COMP%] ngx-skeleton-loader .loader{display:block}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(PostLoaderComponent, [{
        type: Component,
        args: [{
                selector: 'ins-post-loader',
                templateUrl: './post-loader.component.html',
                styleUrls: ['./post-loader.component.scss']
            }]
    }], function () { return []; }, { noOfPosts: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 