@alauda-fe/common
Version:
Alauda frontend team common codes.
45 lines • 10.1 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
const _c0 = (a0, a1) => ({ "acl-skeleton-item-active": a0, "acl-skeleton-item-isSquare": a1 });
function SkeletonItemComponent__svg_svg_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵnamespaceSVG();
i0.ɵɵelementStart(0, "svg", 2);
i0.ɵɵelement(1, "path", 3);
i0.ɵɵelementEnd();
} }
export class SkeletonItemComponent {
constructor() {
this.active = false;
this.type = 'rect';
this.isSquare = false;
}
getClass(type) {
return `acl-skeleton-item acl-skeleton-item-${type}`;
}
static { this.ɵfac = function SkeletonItemComponent_Factory(t) { return new (t || SkeletonItemComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeletonItemComponent, selectors: [["acl-skeleton-item"]], inputs: { active: "active", type: "type", isSquare: "isSquare", customStyle: "customStyle" }, decls: 3, vars: 11, consts: [[3, "ngClass", "ngStyle"], ["class", "acl-skeleton-image-svg", "viewBox", "0 0 1098 1024", "xmlns", "http://www.w3.org/2000/svg", 4, "ngIf"], ["viewBox", "0 0 1098 1024", "xmlns", "http://www.w3.org/2000/svg", 1, "acl-skeleton-image-svg"], ["d", "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z", 1, "acl-skeleton-image-path"]], template: function SkeletonItemComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 0);
i0.ɵɵpipe(1, "pure");
i0.ɵɵtemplate(2, SkeletonItemComponent__svg_svg_2_Template, 2, 0, "svg", 1);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵclassMap(i0.ɵɵpipeBind2(1, 5, ctx.type, ctx.getClass));
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(8, _c0, ctx.active, ctx.isSquare))("ngStyle", ctx.customStyle);
i0.ɵɵadvance(2);
i0.ɵɵproperty("ngIf", ctx.type === "image");
} }, styles: ["@keyframes _ngcontent-%COMP%_loading{0%{transform:translate(-150px)}to{transform:translate(calc(150px + 100%))}}.acl-skeleton-item[_ngcontent-%COMP%]{background:rgb(var(--aui-color-n-7))}.acl-skeleton-item-rect[_ngcontent-%COMP%]{width:60px;height:20px;border-radius:2px}.acl-skeleton-item-round[_ngcontent-%COMP%]{width:16px;border-radius:16px}.acl-skeleton-item-active[_ngcontent-%COMP%]{position:relative;overflow:hidden}.acl-skeleton-item-active[_ngcontent-%COMP%]:before{content:\"\";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(90deg,rgba(var(--aui-color-n-7),.7) 25%,rgba(var(--aui-color-n-8),.7) 37%,rgba(var(--aui-color-n-7),.7) 63%);animation:_ngcontent-%COMP%_loading 2s ease-in-out infinite}.acl-skeleton-item-isSquare[_ngcontent-%COMP%]{width:16px;height:16px;border-radius:2px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonItemComponent, [{
type: Component,
args: [{ selector: 'acl-skeleton-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n [class]=\"type | pure: getClass\"\n [ngClass]=\"{\n 'acl-skeleton-item-active': this.active,\n 'acl-skeleton-item-isSquare': this.isSquare\n }\"\n [ngStyle]=\"customStyle\"\n>\n <svg\n *ngIf=\"type === 'image'\"\n class=\"acl-skeleton-image-svg\"\n viewBox=\"0 0 1098 1024\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z\"\n class=\"acl-skeleton-image-path\"\n />\n </svg>\n</div>\n", styles: ["@keyframes loading{0%{transform:translate(-150px)}to{transform:translate(calc(150px + 100%))}}.acl-skeleton-item{background:rgb(var(--aui-color-n-7))}.acl-skeleton-item-rect{width:60px;height:20px;border-radius:2px}.acl-skeleton-item-round{width:16px;border-radius:16px}.acl-skeleton-item-active{position:relative;overflow:hidden}.acl-skeleton-item-active:before{content:\"\";display:block;position:absolute;left:-150px;top:0;height:100%;width:150px;background:linear-gradient(90deg,rgba(var(--aui-color-n-7),.7) 25%,rgba(var(--aui-color-n-8),.7) 37%,rgba(var(--aui-color-n-7),.7) 63%);animation:loading 2s ease-in-out infinite}.acl-skeleton-item-isSquare{width:16px;height:16px;border-radius:2px}\n"] }]
}], null, { active: [{
type: Input
}], type: [{
type: Input
}], isSquare: [{
type: Input
}], customStyle: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkeletonItemComponent, { className: "SkeletonItemComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3NrZWxldG9uL2l0ZW0vY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3NrZWxldG9uL2l0ZW0vdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7SUNReEUsOEJBS0M7SUFDQywwQkFHRTtJQUNKLGlCQUFNOztBRE5SLE1BQU0sT0FBTyxxQkFBcUI7SUFObEM7UUFRRSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBR2YsU0FBSSxHQUFpQixNQUFNLENBQUM7UUFHNUIsYUFBUSxHQUFHLEtBQUssQ0FBQztLQVFsQjtJQUhDLFFBQVEsQ0FBQyxJQUFrQjtRQUN6QixPQUFPLHVDQUF1QyxJQUFJLEVBQUUsQ0FBQztJQUN2RCxDQUFDO3NGQWZVLHFCQUFxQjtvRUFBckIscUJBQXFCO1lDWmxDLDhCQU9DOztZQUNDLDJFQUtDO1lBTUgsaUJBQU07O1lBbEJKLDJEQUErQjtZQUsvQixBQUpBLDhFQUdFLDRCQUNxQjtZQUdwQixlQUFzQjtZQUF0QiwyQ0FBc0I7OztpRkRHZCxxQkFBcUI7Y0FOakMsU0FBUzsyQkFDRSxtQkFBbUIsbUJBR1osdUJBQXVCLENBQUMsTUFBTTtnQkFJL0MsTUFBTTtrQkFETCxLQUFLO1lBSU4sSUFBSTtrQkFESCxLQUFLO1lBSU4sUUFBUTtrQkFEUCxLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLOztrRkFWSyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTdHJpbmdNYXAgfSBmcm9tICcuLi8uLi9jb3JlL3B1YmxpYy1hcGknO1xuXG5leHBvcnQgdHlwZSBza2VsZXRvblR5cGUgPSAncmVjdCcgfCAncm91bmQnIHwgJ2ltYWdlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWNsLXNrZWxldG9uLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJ3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnc3R5bGUuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25JdGVtQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgYWN0aXZlID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgdHlwZTogc2tlbGV0b25UeXBlID0gJ3JlY3QnO1xuXG4gIEBJbnB1dCgpXG4gIGlzU3F1YXJlID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgY3VzdG9tU3R5bGU6IFN0cmluZ01hcDtcblxuICBnZXRDbGFzcyh0eXBlOiBza2VsZXRvblR5cGUpIHtcbiAgICByZXR1cm4gYGFjbC1za2VsZXRvbi1pdGVtIGFjbC1za2VsZXRvbi1pdGVtLSR7dHlwZX1gO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtjbGFzc109XCJ0eXBlIHwgcHVyZTogZ2V0Q2xhc3NcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ2FjbC1za2VsZXRvbi1pdGVtLWFjdGl2ZSc6IHRoaXMuYWN0aXZlLFxuICAgICdhY2wtc2tlbGV0b24taXRlbS1pc1NxdWFyZSc6IHRoaXMuaXNTcXVhcmVcbiAgfVwiXG4gIFtuZ1N0eWxlXT1cImN1c3RvbVN0eWxlXCJcbj5cbiAgPHN2Z1xuICAgICpuZ0lmPVwidHlwZSA9PT0gJ2ltYWdlJ1wiXG4gICAgY2xhc3M9XCJhY2wtc2tlbGV0b24taW1hZ2Utc3ZnXCJcbiAgICB2aWV3Qm94PVwiMCAwIDEwOTggMTAyNFwiXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gID5cbiAgICA8cGF0aFxuICAgICAgZD1cIk0zNjUuNzE0Mjg2IDMyOS4xNDI4NTdxMCA0NS43MTQyODYtMzIuMDM2NTcxIDc3LjY3NzcxNHQtNzcuNjc3NzE0IDMyLjAzNjU3MS03Ny42Nzc3MTQtMzIuMDM2NTcxLTMyLjAzNjU3MS03Ny42Nzc3MTQgMzIuMDM2NTcxLTc3LjY3NzcxNCA3Ny42Nzc3MTQtMzIuMDM2NTcxIDc3LjY3NzcxNCAzMi4wMzY1NzEgMzIuMDM2NTcxIDc3LjY3NzcxNHpNOTUwLjg1NzE0MyA1NDguNTcxNDI5bDAgMjU2LTgwNC41NzE0MjkgMCAwLTEwOS43MTQyODYgMTgyLjg1NzE0My0xODIuODU3MTQzIDkxLjQyODU3MSA5MS40Mjg1NzEgMjkyLjU3MTQyOS0yOTIuNTcxNDI5ek0xMDA1LjcxNDI4NiAxNDYuMjg1NzE0bC05MTQuMjg1NzE0IDBxLTcuNDYwNTcxIDAtMTIuODczMTQzIDUuNDEyNTcxdC01LjQxMjU3MSAxMi44NzMxNDNsMCA2OTQuODU3MTQzcTAgNy40NjA1NzEgNS40MTI1NzEgMTIuODczMTQzdDEyLjg3MzE0MyA1LjQxMjU3MWw5MTQuMjg1NzE0IDBxNy40NjA1NzEgMCAxMi44NzMxNDMtNS40MTI1NzF0NS40MTI1NzEtMTIuODczMTQzbDAtNjk0Ljg1NzE0M3EwLTcuNDYwNTcxLTUuNDEyNTcxLTEyLjg3MzE0M3QtMTIuODczMTQzLTUuNDEyNTcxek0xMDk3LjE0Mjg1NyAxNjQuNTcxNDI5bDAgNjk0Ljg1NzE0M3EwIDM3Ljc0MTcxNC0yNi44NDM0MjkgNjQuNTg1MTQzdC02NC41ODUxNDMgMjYuODQzNDI5bC05MTQuMjg1NzE0IDBxLTM3Ljc0MTcxNCAwLTY0LjU4NTE0My0yNi44NDM0Mjl0LTI2Ljg0MzQyOS02NC41ODUxNDNsMC02OTQuODU3MTQzcTAtMzcuNzQxNzE0IDI2Ljg0MzQyOS02NC41ODUxNDN0NjQuNTg1MTQzLTI2Ljg0MzQyOWw5MTQuMjg1NzE0IDBxMzcuNzQxNzE0IDAgNjQuNTg1MTQzIDI2Ljg0MzQyOXQyNi44NDM0MjkgNjQuNTg1MTQzelwiXG4gICAgICBjbGFzcz1cImFjbC1za2VsZXRvbi1pbWFnZS1wYXRoXCJcbiAgICAvPlxuICA8L3N2Zz5cbjwvZGl2PlxuIl19