@alauda-fe/common
Version:
Alauda frontend team common codes.
38 lines • 5.32 kB
JavaScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../item/component";
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);
} }, dependencies: [i1.NgForOf, i2.SkeletonItemComponent], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3NrZWxldG9uL25hdi1za2VsZXRvbi9jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvc2tlbGV0b24vbmF2LXNrZWxldG9uL3RlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lDQ2pFLDZCQUdDO0lBU0MsQUFKQSxBQUpBLHVDQUdxQiwyQkFJQSwyQkFJQTtJQUN2QixpQkFBSzs7O0lBWEQsY0FBaUI7SUFDakIsQUFEQSwrQkFBaUIsZ0JBQ0Y7SUFHZixjQUEwQztJQUMxQyxBQURBLDRFQUEwQyxnQkFDM0I7SUFHZixjQUFpQjtJQUNqQixBQURBLCtCQUFpQixnQkFDRjs7QURQckIsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQU9FLFlBQU8sR0FBYSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0tBQ3RFO3FGQUZZLG9CQUFvQjtvRUFBcEIsb0JBQW9CO1lDUmpDLDBCQUFJO1lBQ0YsbUVBR0M7WUFjSCxpQkFBSzs7WUFoQmUsY0FBVTtZQUFWLHFDQUFVOzs7aUZETWpCLG9CQUFvQjtjQU5oQyxTQUFTOzJCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNOztrRkFFcEMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtbmF2LXNrZWxldG9uJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3N0eWxlLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIE5hdlNrZWxldG9uQ29tcG9uZW50IHtcbiAgbmF2TGlzdDogbnVtYmVyW10gPSBbMSwgMiwgMiwgMiwgMSwgMiwgMiwgMywgMywgMywgMiwgMiwgMiwgMywgMiwgMV07XG59XG4iLCI8dWw+XG4gIDxsaVxuICAgICpuZ0Zvcj1cImxldCBuYXYgb2YgbmF2TGlzdFwiXG4gICAgY2xhc3M9XCJuYXYtaXRlbVwiXG4gID5cbiAgICA8YWNsLXNrZWxldG9uLWl0ZW1cbiAgICAgIFtpc1NxdWFyZV09XCJ0cnVlXCJcbiAgICAgIFthY3RpdmVdPVwidHJ1ZVwiXG4gICAgPjwvYWNsLXNrZWxldG9uLWl0ZW0+XG4gICAgPGFjbC1za2VsZXRvbi1pdGVtXG4gICAgICBbY3VzdG9tU3R5bGVdPVwieyB3aWR0aDogbmF2ICogMzAgKyAncHgnIH1cIlxuICAgICAgW2FjdGl2ZV09XCJ0cnVlXCJcbiAgICA+PC9hY2wtc2tlbGV0b24taXRlbT5cbiAgICA8YWNsLXNrZWxldG9uLWl0ZW1cbiAgICAgIFtpc1NxdWFyZV09XCJ0cnVlXCJcbiAgICAgIFthY3RpdmVdPVwidHJ1ZVwiXG4gICAgPjwvYWNsLXNrZWxldG9uLWl0ZW0+XG4gIDwvbGk+XG48L3VsPlxuIl19