import { ChangeDetectionStrategy, Component } from '@angular/core';
import * as i0 from "@angular/core";
const _c0 = function (a0) { return { width: a0 }; };
function NavSkeletonComponent_li_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 1);
    i0.ɵɵelement(1, "acl-skeleton-item", 2)(2, "acl-skeleton-item", 3)(3, "acl-skeleton-item", 2);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const nav_r1 = ctx.$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("isSquare", true)("active", true);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("customStyle", i0.ɵɵpureFunction1(6, _c0, nav_r1 * 30 + "px"))("active", true);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("isSquare", true)("active", true);
} }
export class NavSkeletonComponent {
    constructor() {
        this.navs = [1, 2, 2, 2, 1, 2, 2, 3, 3, 3, 2, 2, 2, 3, 2, 1];
    }
}
NavSkeletonComponent.ɵfac = function NavSkeletonComponent_Factory(t) { return new (t || NavSkeletonComponent)(); };
NavSkeletonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NavSkeletonComponent, selectors: [["acl-nav-skeleton"]], decls: 2, vars: 1, consts: [["class", "nav-item", 4, "ngFor", "ngForOf"], [1, "nav-item"], [3, "isSquare", "active"], [3, "customStyle", "active"]], template: function NavSkeletonComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "ul");
        i0.ɵɵtemplate(1, NavSkeletonComponent_li_1_Template, 4, 8, "li", 0);
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵadvance(1);
        i0.ɵɵproperty("ngForOf", ctx.navs);
    } }, styles: [".nav-item[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:20px;padding:0 20px}.nav-item[_ngcontent-%COMP%]   acl-skeleton-item[_ngcontent-%COMP%]:nth-child(1){margin-right:12px}.nav-item[_ngcontent-%COMP%]   acl-skeleton-item[_ngcontent-%COMP%]:nth-child(2){flex:1}"], changeDetection: 0 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavSkeletonComponent, [{
        type: Component,
        args: [{ selector: 'acl-nav-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul>\n  <li\n    *ngFor=\"let nav of navs\"\n    class=\"nav-item\"\n  >\n    <acl-skeleton-item\n      [isSquare]=\"true\"\n      [active]=\"true\"\n    ></acl-skeleton-item>\n    <acl-skeleton-item\n      [customStyle]=\"{ width: nav * 30 + 'px' }\"\n      [active]=\"true\"\n    ></acl-skeleton-item>\n    <acl-skeleton-item\n      [isSquare]=\"true\"\n      [active]=\"true\"\n    ></acl-skeleton-item>\n  </li>\n</ul>\n", styles: [".nav-item{display:flex;align-items:center;margin-bottom:20px;padding:0 20px}.nav-item acl-skeleton-item:nth-child(1){margin-right:12px}.nav-item acl-skeleton-item:nth-child(2){flex:1}\n"] }]
    }], null, null); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3NrZWxldG9uL25hdi1za2VsZXRvbi9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvc2tlbGV0b24vbmF2LXNrZWxldG9uL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0NqRSw2QkFHQztJQUNDLHVDQUdxQiwyQkFBQSwyQkFBQTtJQVN2QixpQkFBSzs7O0lBWEQsZUFBaUI7SUFBakIsK0JBQWlCLGdCQUFBO0lBSWpCLGVBQTBDO0lBQTFDLDRFQUEwQyxnQkFBQTtJQUkxQyxlQUFpQjtJQUFqQiwrQkFBaUIsZ0JBQUE7O0FETnZCLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFPRSxTQUFJLEdBQWEsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztLQUNuRTs7d0ZBRlksb0JBQW9CO3VFQUFwQixvQkFBb0I7UUNSakMsMEJBQUk7UUFDRixtRUFnQks7UUFDUCxpQkFBSzs7UUFoQmUsZUFBTztRQUFQLGtDQUFPOzt1RkRNZCxvQkFBb0I7Y0FOaEMsU0FBUzsyQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLW5hdi1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAndGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWydzdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZTa2VsZXRvbkNvbXBvbmVudCB7XG4gIG5hdnM6IG51bWJlcltdID0gWzEsIDIsIDIsIDIsIDEsIDIsIDIsIDMsIDMsIDMsIDIsIDIsIDIsIDMsIDIsIDFdO1xufVxuIiwiPHVsPlxuICA8bGlcbiAgICAqbmdGb3I9XCJsZXQgbmF2IG9mIG5hdnNcIlxuICAgIGNsYXNzPVwibmF2LWl0ZW1cIlxuICA+XG4gICAgPGFjbC1za2VsZXRvbi1pdGVtXG4gICAgICBbaXNTcXVhcmVdPVwidHJ1ZVwiXG4gICAgICBbYWN0aXZlXT1cInRydWVcIlxuICAgID48L2FjbC1za2VsZXRvbi1pdGVtPlxuICAgIDxhY2wtc2tlbGV0b24taXRlbVxuICAgICAgW2N1c3RvbVN0eWxlXT1cInsgd2lkdGg6IG5hdiAqIDMwICsgJ3B4JyB9XCJcbiAgICAgIFthY3RpdmVdPVwidHJ1ZVwiXG4gICAgPjwvYWNsLXNrZWxldG9uLWl0ZW0+XG4gICAgPGFjbC1za2VsZXRvbi1pdGVtXG4gICAgICBbaXNTcXVhcmVdPVwidHJ1ZVwiXG4gICAgICBbYWN0aXZlXT1cInRydWVcIlxuICAgID48L2FjbC1za2VsZXRvbi1pdGVtPlxuICA8L2xpPlxuPC91bD5cbiJdfQ==