@alauda-fe/common
Version:
Alauda frontend team common codes.
57 lines • 5.99 kB
JavaScript
import { ChangeDetectionStrategy, Component, HostBinding, Input, } from '@angular/core';
import * as i0 from "@angular/core";
export class ResourceIconComponent {
constructor() {
this.displayMode = 'row';
}
get isCard() {
return this.displayMode === 'card';
}
get isLite() {
return this.displayMode === 'row-lite';
}
iconName(type) {
switch (type) {
case 'namespace': {
return 'namespace';
}
case 'project': {
return 'project';
}
case 'cluster': {
return 'server';
}
default: {
return type;
}
}
}
static { this.ɵfac = function ResourceIconComponent_Factory(t) { return new (t || ResourceIconComponent)(); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ResourceIconComponent, selectors: [["acl-resource-icon"]], hostVars: 4, hostBindings: function ResourceIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
i0.ɵɵclassProp("card", ctx.isCard)("row--lite", ctx.isLite);
} }, inputs: { type: "type", color: "color", displayMode: "displayMode" }, decls: 2, vars: 6, consts: [[1, "acl-colorful-icon", 3, "icon"]], template: function ResourceIconComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelement(0, "aui-icon", 0);
i0.ɵɵpipe(1, "pure");
} if (rf & 2) {
i0.ɵɵclassProp("highlight", ctx.color === "white");
i0.ɵɵproperty("icon", "bicolor:" + i0.ɵɵpipeBind2(1, 3, ctx.type, ctx.iconName));
} }, styles: ["[_nghost-%COMP%]{display:inline-flex;align-items:center;font-size:32px}.card[_nghost-%COMP%]{font-size:72px}.row--lite[_nghost-%COMP%]{font-size:24px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ResourceIconComponent, [{
type: Component,
args: [{ selector: 'acl-resource-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aui-icon\n class=\"acl-colorful-icon\"\n [class.highlight]=\"color === 'white'\"\n [icon]=\"'bicolor:' + (type | pure: iconName)\"\n></aui-icon>\n", styles: [":host{display:inline-flex;align-items:center;font-size:32px}:host.card{font-size:72px}:host.row--lite{font-size:24px}\n"] }]
}], null, { isCard: [{
type: HostBinding,
args: ['class.card']
}], isLite: [{
type: HostBinding,
args: ['class.row--lite']
}], type: [{
type: Input
}], color: [{
type: Input
}], displayMode: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ResourceIconComponent, { className: "ResourceIconComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL2ljb24vY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL2J1c2luZXNzL3Jlc291cmNlLXNlbGVjdC9leHBvcnRzL2ljb24vdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDOztBQVV2QixNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBd0JFLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0tBa0JyQjtJQW5DQyxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssTUFBTSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssVUFBVSxDQUFDO0lBQ3pDLENBQUM7SUFXRCxRQUFRLENBQUMsSUFBWTtRQUNuQixRQUFRLElBQUksRUFBRSxDQUFDO1lBQ2IsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDO2dCQUNqQixPQUFPLFdBQVcsQ0FBQztZQUNyQixDQUFDO1lBQ0QsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDO2dCQUNmLE9BQU8sU0FBUyxDQUFDO1lBQ25CLENBQUM7WUFDRCxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2YsT0FBTyxRQUFRLENBQUM7WUFDbEIsQ0FBQztZQUNELE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ1IsT0FBTyxJQUFJLENBQUM7WUFDZCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7c0ZBbkNVLHFCQUFxQjtvRUFBckIscUJBQXFCO1lBQXJCLGtDQUFxQix5QkFBQTs7WUNmbEMsOEJBSVk7OztZQUZWLGtEQUFxQztZQUNyQyxnRkFBNkM7OztpRkRZbEMscUJBQXFCO2NBTmpDLFNBQVM7MkJBQ0UsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU07Z0JBSTNDLE1BQU07a0JBRFQsV0FBVzttQkFBQyxZQUFZO1lBTXJCLE1BQU07a0JBRFQsV0FBVzttQkFBQyxpQkFBaUI7WUFNOUIsSUFBSTtrQkFESCxLQUFLO1lBSU4sS0FBSztrQkFESixLQUFLO1lBSU4sV0FBVztrQkFEVixLQUFLOztrRkFqQksscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGF0YVR5cGUgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FjbC1yZXNvdXJjZS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBSZXNvdXJjZUljb25Db21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQnKVxuICBnZXQgaXNDYXJkKCkge1xuICAgIHJldHVybiB0aGlzLmRpc3BsYXlNb2RlID09PSAnY2FyZCc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnJvdy0tbGl0ZScpXG4gIGdldCBpc0xpdGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGlzcGxheU1vZGUgPT09ICdyb3ctbGl0ZSc7XG4gIH1cblxuICBASW5wdXQoKVxuICB0eXBlOiBEYXRhVHlwZTtcblxuICBASW5wdXQoKVxuICBjb2xvcjogJ3doaXRlJyB8ICdibHVlJztcblxuICBASW5wdXQoKVxuICBkaXNwbGF5TW9kZSA9ICdyb3cnO1xuXG4gIGljb25OYW1lKHR5cGU6IHN0cmluZykge1xuICAgIHN3aXRjaCAodHlwZSkge1xuICAgICAgY2FzZSAnbmFtZXNwYWNlJzoge1xuICAgICAgICByZXR1cm4gJ25hbWVzcGFjZSc7XG4gICAgICB9XG4gICAgICBjYXNlICdwcm9qZWN0Jzoge1xuICAgICAgICByZXR1cm4gJ3Byb2plY3QnO1xuICAgICAgfVxuICAgICAgY2FzZSAnY2x1c3Rlcic6IHtcbiAgICAgICAgcmV0dXJuICdzZXJ2ZXInO1xuICAgICAgfVxuICAgICAgZGVmYXVsdDoge1xuICAgICAgICByZXR1cm4gdHlwZTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxhdWktaWNvblxuICBjbGFzcz1cImFjbC1jb2xvcmZ1bC1pY29uXCJcbiAgW2NsYXNzLmhpZ2hsaWdodF09XCJjb2xvciA9PT0gJ3doaXRlJ1wiXG4gIFtpY29uXT1cIidiaWNvbG9yOicgKyAodHlwZSB8IHB1cmU6IGljb25OYW1lKVwiXG4+PC9hdWktaWNvbj5cbiJdfQ==