@alauda-fe/common
Version:
Alauda frontend team common codes.
123 lines • 11.5 kB
JavaScript
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
import { Subject, map, takeUntil } from 'rxjs';
import { ContextChartService } from '../../chart.service';
import { Orientation } from '../../types';
import * as i0 from "@angular/core";
import * as i1 from "../../chart.service";
const _c0 = ["aclYAxis", ""];
function YAxisComponent__svg_g_0__svg_g_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵnamespaceSVG();
i0.ɵɵelement(0, "g", 3);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵstyleMap(ctx_r0.titleStyle);
i0.ɵɵproperty("label", ctx_r0.title)("offsetX", ctx_r0.labelOffsetX)("offsetY", ctx_r0.labelOffsetY)("align", ctx_r0.align)("height", ctx_r0.view.height)("width", ctx_r0.view.width)("isVertical", true)("rotation", ctx_r0.rotation);
} }
function YAxisComponent__svg_g_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵnamespaceSVG();
i0.ɵɵelementStart(0, "g");
i0.ɵɵelement(1, "g", 1);
i0.ɵɵtemplate(2, YAxisComponent__svg_g_0__svg_g_2_Template, 1, 10, "g", 2);
i0.ɵɵelementEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵattribute("transform", ctx_r0.transform);
i0.ɵɵadvance();
i0.ɵɵproperty("suffix", ctx_r0.tickSuffix)("intervalWidth", ctx_r0.intervalWidth || ctx_r0.INTERVAL_WIDTH);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.title);
} }
const INTERVAL_WIDTH = 40;
export class YAxisComponent {
get view() {
return this.context.chartView;
}
constructor(context, cdr) {
this.context = context;
this.cdr = cdr;
this.align = 'middle';
this.labelOffsetX = 0;
this.labelOffsetY = 0;
this.INTERVAL_WIDTH = INTERVAL_WIDTH;
this.destroy$$ = new Subject();
}
ngOnInit() {
this.context.showYLabel = !!this.title;
this.context.yScaleMin = this.min;
this.context.yScaleMax = this.max;
this.context.update$$
.pipe(map(() => `translate(0,${this.context.barOptions.orientation === Orientation.VERTICAL
? 0
: this.context.chartView.height})`), takeUntil(this.destroy$$))
.subscribe(res => {
this.transform = res;
this.cdr.detectChanges();
});
}
ngOnDestroy() {
this.destroy$$.next();
this.destroy$$.complete();
}
static { this.ɵfac = function YAxisComponent_Factory(t) { return new (t || YAxisComponent)(i0.ɵɵdirectiveInject(i1.ContextChartService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YAxisComponent, selectors: [["g", "aclYAxis", ""]], inputs: { title: "title", align: "align", labelOffsetX: "labelOffsetX", labelOffsetY: "labelOffsetY", intervalWidth: "intervalWidth", tickSuffix: "tickSuffix", max: "max", min: "min", titleStyle: "titleStyle", rotation: "rotation" }, attrs: _c0, decls: 2, vars: 3, consts: [[4, "ngIf"], ["aclYAxisTicks", "", 3, "suffix", "intervalWidth"], ["aclAxisLabel", "", 3, "label", "offsetX", "offsetY", "align", "height", "width", "isVertical", "style", "rotation", 4, "ngIf"], ["aclAxisLabel", "", 3, "label", "offsetX", "offsetY", "align", "height", "width", "isVertical", "rotation"]], template: function YAxisComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, YAxisComponent__svg_g_0_Template, 3, 4, "g", 0);
i0.ɵɵpipe(1, "async");
} if (rf & 2) {
i0.ɵɵproperty("ngIf", !i0.ɵɵpipeBind1(1, 1, ctx.context.noData$));
} }, encapsulation: 2, changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(YAxisComponent, [{
type: Component,
args: [{
// eslint-disable-next-line @angular-eslint/component-selector
selector: 'g[aclYAxis]',
template: `
<svg:g
[attr.transform]="transform"
*ngIf="!(context.noData$ | async)"
>
<svg:g
aclYAxisTicks
[suffix]="tickSuffix"
[intervalWidth]="intervalWidth || INTERVAL_WIDTH"
/>
<svg:g
aclAxisLabel
*ngIf="title"
[label]="title"
[offsetX]="labelOffsetX"
[offsetY]="labelOffsetY"
[align]="align"
[height]="view.height"
[width]="view.width"
[isVertical]="true"
[style]="titleStyle"
[rotation]="rotation"
></svg:g>
</svg:g>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
}]
}], () => [{ type: i1.ContextChartService }, { type: i0.ChangeDetectorRef }], { title: [{
type: Input
}], align: [{
type: Input
}], labelOffsetX: [{
type: Input
}], labelOffsetY: [{
type: Input
}], intervalWidth: [{
type: Input
}], tickSuffix: [{
type: Input
}], max: [{
type: Input
}], min: [{
type: Input
}], titleStyle: [{
type: Input
}], rotation: [{
type: Input
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(YAxisComponent, { className: "YAxisComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieS1heGlzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9jaGFydC9jb21tb24vYXhpcy95LWF4aXMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsaUJBQWlCLEVBQ2pCLFNBQVMsRUFDVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRS9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7OztJQWdCcEMsdUJBWVM7OztJQUZQLGdDQUFvQjtJQUNwQixBQUZBLEFBREEsQUFEQSxBQURBLEFBREEsQUFEQSxBQURBLG9DQUFlLGdDQUNTLGdDQUNBLHVCQUNULDhCQUNPLDRCQUNGLG9CQUNELDZCQUVFOzs7O0lBcEJ6Qix5QkFHQztJQUNDLHVCQUlFO0lBQ0YsMEVBWUM7SUFDSCxpQkFBUTs7OztJQWhCSixjQUFxQjtJQUNyQixBQURBLDBDQUFxQixnRUFDNEI7SUFJaEQsY0FBVztJQUFYLG1DQUFXOztBQWhCcEIsTUFBTSxjQUFjLEdBQUcsRUFBRSxDQUFDO0FBK0IxQixNQUFNLE9BQU8sY0FBYztJQTJCekIsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsWUFDa0IsT0FBNEIsRUFDM0IsR0FBc0I7UUFEdkIsWUFBTyxHQUFQLE9BQU8sQ0FBcUI7UUFDM0IsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUE5QmhDLFVBQUssR0FBOEIsUUFBUSxDQUFDO1FBRTVDLGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBRWpCLGlCQUFZLEdBQUcsQ0FBQyxDQUFDO1FBYzFCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO1FBSWYsY0FBUyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFTOUMsQ0FBQztJQUVKLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN2QyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7UUFDbEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRO2FBQ2xCLElBQUksQ0FDSCxHQUFHLENBQ0QsR0FBRyxFQUFFLENBQ0gsZUFDRSxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxXQUFXLEtBQUssV0FBVyxDQUFDLFFBQVE7WUFDMUQsQ0FBQyxDQUFDLENBQUM7WUFDSCxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFDN0IsR0FBRyxDQUNOLEVBQ0QsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDMUI7YUFDQSxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDZixJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQztZQUNyQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDNUIsQ0FBQzsrRUE3RFUsY0FBYztvRUFBZCxjQUFjO1lBMUJ2QixnRUFHQzs7O1lBREUsaUVBQWdDOzs7aUZBd0IxQixjQUFjO2NBOUIxQixTQUFTO2VBQUM7Z0JBQ1QsOERBQThEO2dCQUM5RCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3QlQ7Z0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7b0ZBRVUsS0FBSztrQkFBYixLQUFLO1lBRUcsS0FBSztrQkFBYixLQUFLO1lBRUcsWUFBWTtrQkFBcEIsS0FBSztZQUVHLFlBQVk7a0JBQXBCLEtBQUs7WUFFRyxhQUFhO2tCQUFyQixLQUFLO1lBRUcsVUFBVTtrQkFBbEIsS0FBSztZQUVHLEdBQUc7a0JBQVgsS0FBSztZQUVHLEdBQUc7a0JBQVgsS0FBSztZQUVHLFVBQVU7a0JBQWxCLEtBQUs7WUFFRyxRQUFRO2tCQUFoQixLQUFLOztrRkFuQkssY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCwgbWFwLCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgQ29udGV4dENoYXJ0U2VydmljZSB9IGZyb20gJy4uLy4uL2NoYXJ0LnNlcnZpY2UnO1xuaW1wb3J0IHsgT3JpZW50YXRpb24gfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmNvbnN0IElOVEVSVkFMX1dJRFRIID0gNDA7XG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdnW2FjbFlBeGlzXScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHN2ZzpnXG4gICAgICBbYXR0ci50cmFuc2Zvcm1dPVwidHJhbnNmb3JtXCJcbiAgICAgICpuZ0lmPVwiIShjb250ZXh0Lm5vRGF0YSQgfCBhc3luYylcIlxuICAgID5cbiAgICAgIDxzdmc6Z1xuICAgICAgICBhY2xZQXhpc1RpY2tzXG4gICAgICAgIFtzdWZmaXhdPVwidGlja1N1ZmZpeFwiXG4gICAgICAgIFtpbnRlcnZhbFdpZHRoXT1cImludGVydmFsV2lkdGggfHwgSU5URVJWQUxfV0lEVEhcIlxuICAgICAgLz5cbiAgICAgIDxzdmc6Z1xuICAgICAgICBhY2xBeGlzTGFiZWxcbiAgICAgICAgKm5nSWY9XCJ0aXRsZVwiXG4gICAgICAgIFtsYWJlbF09XCJ0aXRsZVwiXG4gICAgICAgIFtvZmZzZXRYXT1cImxhYmVsT2Zmc2V0WFwiXG4gICAgICAgIFtvZmZzZXRZXT1cImxhYmVsT2Zmc2V0WVwiXG4gICAgICAgIFthbGlnbl09XCJhbGlnblwiXG4gICAgICAgIFtoZWlnaHRdPVwidmlldy5oZWlnaHRcIlxuICAgICAgICBbd2lkdGhdPVwidmlldy53aWR0aFwiXG4gICAgICAgIFtpc1ZlcnRpY2FsXT1cInRydWVcIlxuICAgICAgICBbc3R5bGVdPVwidGl0bGVTdHlsZVwiXG4gICAgICAgIFtyb3RhdGlvbl09XCJyb3RhdGlvblwiXG4gICAgICA+PC9zdmc6Zz5cbiAgICA8L3N2ZzpnPlxuICBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgWUF4aXNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG5cbiAgQElucHV0KCkgYWxpZ246ICdsb3cnIHwgJ21pZGRsZScgfCAnaGlnaCcgPSAnbWlkZGxlJztcblxuICBASW5wdXQoKSBsYWJlbE9mZnNldFggPSAwO1xuXG4gIEBJbnB1dCgpIGxhYmVsT2Zmc2V0WSA9IDA7XG5cbiAgQElucHV0KCkgaW50ZXJ2YWxXaWR0aDogbnVtYmVyO1xuXG4gIEBJbnB1dCgpIHRpY2tTdWZmaXg6IHN0cmluZztcblxuICBASW5wdXQoKSBtYXg6IG51bWJlcjtcblxuICBASW5wdXQoKSBtaW46IG51bWJlcjtcblxuICBASW5wdXQoKSB0aXRsZVN0eWxlOiB7IFtrZXk6IHN0cmluZ106IGFueSB9O1xuXG4gIEBJbnB1dCgpIHJvdGF0aW9uOiBudW1iZXI7XG5cbiAgSU5URVJWQUxfV0lEVEggPSBJTlRFUlZBTF9XSURUSDtcblxuICB0cmFuc2Zvcm06IHN0cmluZztcblxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgZ2V0IHZpZXcoKSB7XG4gICAgcmV0dXJuIHRoaXMuY29udGV4dC5jaGFydFZpZXc7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgcmVhZG9ubHkgY29udGV4dDogQ29udGV4dENoYXJ0U2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbnRleHQuc2hvd1lMYWJlbCA9ICEhdGhpcy50aXRsZTtcbiAgICB0aGlzLmNvbnRleHQueVNjYWxlTWluID0gdGhpcy5taW47XG4gICAgdGhpcy5jb250ZXh0LnlTY2FsZU1heCA9IHRoaXMubWF4O1xuICAgIHRoaXMuY29udGV4dC51cGRhdGUkJFxuICAgICAgLnBpcGUoXG4gICAgICAgIG1hcChcbiAgICAgICAgICAoKSA9PlxuICAgICAgICAgICAgYHRyYW5zbGF0ZSgwLCR7XG4gICAgICAgICAgICAgIHRoaXMuY29udGV4dC5iYXJPcHRpb25zLm9yaWVudGF0aW9uID09PSBPcmllbnRhdGlvbi5WRVJUSUNBTFxuICAgICAgICAgICAgICAgID8gMFxuICAgICAgICAgICAgICAgIDogdGhpcy5jb250ZXh0LmNoYXJ0Vmlldy5oZWlnaHRcbiAgICAgICAgICAgIH0pYCxcbiAgICAgICAgKSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQkKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgICAgdGhpcy50cmFuc2Zvcm0gPSByZXM7XG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95JCQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==