@alauda-fe/common
Version:
Alauda frontend team common codes.
36 lines • 5.19 kB
JavaScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
import * as i0 from "@angular/core";
const _c0 = a0 => ({ 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();
i0.ɵɵproperty("isSquare", true)("active", true);
i0.ɵɵadvance();
i0.ɵɵproperty("customStyle", i0.ɵɵpureFunction1(6, _c0, nav_r1 * 30 + "px"))("active", true);
i0.ɵɵadvance();
i0.ɵɵproperty("isSquare", true)("active", true);
} }
export class NavSkeletonComponent {
constructor() {
this.navList = [1, 2, 2, 2, 1, 2, 2, 3, 3, 3, 2, 2, 2, 3, 2, 1];
}
static { this.ɵfac = function NavSkeletonComponent_Factory(t) { return new (t || NavSkeletonComponent)(); }; }
static { this.ɵ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();
i0.ɵɵproperty("ngForOf", ctx.navList);
} }, 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 }); }
}
(() => { (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 navList\"\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); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavSkeletonComponent, { className: "NavSkeletonComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3NrZWxldG9uL25hdi1za2VsZXRvbi9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvc2tlbGV0b24vbmF2LXNrZWxldG9uL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztJQ0NqRSw2QkFHQztJQVNDLEFBSkEsQUFKQSx1Q0FHcUIsMkJBSUEsMkJBSUE7SUFDdkIsaUJBQUs7OztJQVhELGNBQWlCO0lBQ2pCLEFBREEsK0JBQWlCLGdCQUNGO0lBR2YsY0FBMEM7SUFDMUMsQUFEQSw0RUFBMEMsZ0JBQzNCO0lBR2YsY0FBaUI7SUFDakIsQUFEQSwrQkFBaUIsZ0JBQ0Y7O0FEUHJCLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFPRSxZQUFPLEdBQWEsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztLQUN0RTtxRkFGWSxvQkFBb0I7b0VBQXBCLG9CQUFvQjtZQ1JqQywwQkFBSTtZQUNGLG1FQUdDO1lBY0gsaUJBQUs7O1lBaEJlLGNBQVU7WUFBVixxQ0FBVTs7O2lGRE1qQixvQkFBb0I7Y0FOaEMsU0FBUzsyQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTTs7a0ZBRXBDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLW5hdi1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAndGVtcGxhdGUuaHRtbCcsXG4gIHN0eWxlVXJsczogWydzdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOYXZTa2VsZXRvbkNvbXBvbmVudCB7XG4gIG5hdkxpc3Q6IG51bWJlcltdID0gWzEsIDIsIDIsIDIsIDEsIDIsIDIsIDMsIDMsIDMsIDIsIDIsIDIsIDMsIDIsIDFdO1xufVxuIiwiPHVsPlxuICA8bGlcbiAgICAqbmdGb3I9XCJsZXQgbmF2IG9mIG5hdkxpc3RcIlxuICAgIGNsYXNzPVwibmF2LWl0ZW1cIlxuICA+XG4gICAgPGFjbC1za2VsZXRvbi1pdGVtXG4gICAgICBbaXNTcXVhcmVdPVwidHJ1ZVwiXG4gICAgICBbYWN0aXZlXT1cInRydWVcIlxuICAgID48L2FjbC1za2VsZXRvbi1pdGVtPlxuICAgIDxhY2wtc2tlbGV0b24taXRlbVxuICAgICAgW2N1c3RvbVN0eWxlXT1cInsgd2lkdGg6IG5hdiAqIDMwICsgJ3B4JyB9XCJcbiAgICAgIFthY3RpdmVdPVwidHJ1ZVwiXG4gICAgPjwvYWNsLXNrZWxldG9uLWl0ZW0+XG4gICAgPGFjbC1za2VsZXRvbi1pdGVtXG4gICAgICBbaXNTcXVhcmVdPVwidHJ1ZVwiXG4gICAgICBbYWN0aXZlXT1cInRydWVcIlxuICAgID48L2FjbC1za2VsZXRvbi1pdGVtPlxuICA8L2xpPlxuPC91bD5cbiJdfQ==