@alauda-fe/common
Version:
Alauda frontend team common codes.
836 lines • 101 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Chart, RECT_EVENTS, ScaleType, } from '@alauda/chart';
import { isTemplateRef } from '@alauda/ui';
import { ComponentPortal, DomPortalOutlet, TemplatePortal, } from '@angular/cdk/portal';
import { ApplicationRef, ChangeDetectionStrategy, ChangeDetectorRef, Component, ComponentFactoryResolver, ElementRef, EventEmitter, Injector, Input, Output, TemplateRef, ViewChild, ViewContainerRef, } from '@angular/core';
import { timeFormat } from 'd3';
import dayjs from 'dayjs';
import { BehaviorSubject, map, Observable, Subject, takeUntil, tap, combineLatest, startWith, } from 'rxjs';
import { handleDateFormat, ObservableInput, pointFormat, publishRef, TranslateService, ValueHook, } from '../public-api';
import { LegendComponent } from './legend/legend.component';
import * as i0 from "@angular/core";
import * as i1 from "../public-api";
import * as i2 from "@angular/common";
import * as i3 from "@alauda/ui";
import * as i4 from "../effect-directive/e2e-attribute-binding.directive";
import * as i5 from "../translate/translate.pipe";
const _c0 = ["chartContainer"];
const _c1 = ["titleContainer"];
const _c2 = ["tooltipItemVirtual"];
const _c3 = ["tooltipTitleVirtual"];
const _c4 = ["tooltipNameVirtual"];
const _c5 = ["pieLabelContainer"];
function ViewChartComponent_div_3_div_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementContainer(1, 16);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.customErrorContainer);
} }
function ViewChartComponent_div_3_div_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
const _r2 = i0.ɵɵgetCurrentView();
i0.ɵɵelement(0, "aui-icon", 24);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "translate");
i0.ɵɵelementStart(3, "button", 25);
i0.ɵɵlistener("click", function ViewChartComponent_div_3_div_1_ng_template_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.refresh()); });
i0.ɵɵtext(4);
i0.ɵɵpipe(5, "translate");
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance();
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "failed_load_please"), " ");
i0.ɵɵadvance(3);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, "refresh").toLowerCase(), " ");
} }
function ViewChartComponent_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 22);
i0.ɵɵtemplate(1, ViewChartComponent_div_3_div_1_ng_container_1_Template, 2, 1, "ng-container", 23)(2, ViewChartComponent_div_3_div_1_ng_template_2_Template, 6, 6, "ng-template", null, 8, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementEnd();
} if (rf & 2) {
const noCustomErrorContainer_r3 = i0.ɵɵreference(3);
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.customErrorContainer)("ngIfElse", noCustomErrorContainer_r3);
} }
function ViewChartComponent_div_3_div_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 26);
i0.ɵɵelement(1, "aui-icon", 27);
i0.ɵɵtext(2);
i0.ɵɵpipe(3, "translate");
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance(2);
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 1, "loading"), " ");
} }
function ViewChartComponent_div_3_div_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 28);
i0.ɵɵtext(1);
i0.ɵɵpipe(2, "translate");
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵadvance();
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "no_indicator_selected"), " ");
} }
function ViewChartComponent_div_3_div_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementContainer(1, 16);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.customNoDataTitle);
} }
function ViewChartComponent_div_3_div_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "translate");
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(3);
i0.ɵɵtextInterpolate1(" ", ctx_r0.customNoDataTitle || i0.ɵɵpipeBind1(1, 1, "no_data"), " ");
} }
function ViewChartComponent_div_3_div_4_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 29);
i0.ɵɵtemplate(1, ViewChartComponent_div_3_div_4_ng_container_1_Template, 2, 1, "ng-container", 23)(2, ViewChartComponent_div_3_div_4_ng_template_2_Template, 2, 3, "ng-template", null, 9, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementEnd();
} if (rf & 2) {
const noDataTitleTemplate_r4 = i0.ɵɵreference(3);
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.customNoDataTitle && ctx_r0.isTemplateRef(ctx_r0.customNoDataTitle))("ngIfElse", noDataTitleTemplate_r4);
} }
function ViewChartComponent_div_3_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 17);
i0.ɵɵtemplate(1, ViewChartComponent_div_3_div_1_Template, 4, 2, "div", 18)(2, ViewChartComponent_div_3_div_2_Template, 4, 3, "div", 19)(3, ViewChartComponent_div_3_div_3_Template, 3, 3, "div", 20)(4, ViewChartComponent_div_3_div_4_Template, 4, 2, "div", 21);
i0.ɵɵelementEnd();
} if (rf & 2) {
const status_r5 = ctx.ngIf;
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", status_r5.failed && !status_r5.loading);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", status_r5.loading);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", status_r5.noLegend && !status_r5.loading);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", status_r5.noData && !status_r5.loading && !status_r5.failed);
} }
function ViewChartComponent_ng_template_5_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementContainer(1, 16);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.title);
} }
function ViewChartComponent_ng_template_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementContainer(1, 15);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.titleDescription)("ngTemplateOutletContext", ctx_r0.titleDescriptionContext);
} }
function ViewChartComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ViewChartComponent_ng_template_5_ng_container_0_Template, 2, 1, "ng-container", 23)(1, ViewChartComponent_ng_template_5_ng_container_1_Template, 2, 2, "ng-container", 23);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
const TitleTemplate_r6 = i0.ɵɵreference(8);
const TitleDesTemplate_r7 = i0.ɵɵreference(10);
i0.ɵɵproperty("ngIf", ctx_r0.isTemplateRef(ctx_r0.title))("ngIfElse", TitleTemplate_r6);
i0.ɵɵadvance();
i0.ɵɵproperty("ngIf", ctx_r0.isTemplateRef(ctx_r0.titleDescription))("ngIfElse", TitleDesTemplate_r7);
} }
function ViewChartComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
i0.ɵɵpipe(1, "translate");
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵtextInterpolate2(" ", ctx_r0.title, " ", ctx_r0.unit ? "(" + i0.ɵɵpipeBind1(1, 2, ctx_r0.unit) + ")" : "", "\n");
} }
function ViewChartComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵtextInterpolate1(" ", ctx_r0.titleDescription, "\n");
} }
function ViewChartComponent_ng_template_20_ng_container_0_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementContainerStart(0);
i0.ɵɵelementContainer(1, 16);
i0.ɵɵelementContainerEnd();
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵadvance();
i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.pieLabelText);
} }
function ViewChartComponent_ng_template_20_ng_template_1_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtext(0);
} if (rf & 2) {
const ctx_r0 = i0.ɵɵnextContext(2);
i0.ɵɵtextInterpolate1(" ", ctx_r0.pieLabelText, " ");
} }
function ViewChartComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵtemplate(0, ViewChartComponent_ng_template_20_ng_container_0_Template, 2, 1, "ng-container", 23)(1, ViewChartComponent_ng_template_20_ng_template_1_Template, 1, 1, "ng-template", null, 10, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
const stringPieLabelText_r8 = i0.ɵɵreference(2);
const ctx_r0 = i0.ɵɵnextContext();
i0.ɵɵproperty("ngIf", ctx_r0.pieLabelText && ctx_r0.isTemplateRef(ctx_r0.pieLabelText))("ngIfElse", stringPieLabelText_r8);
} }
export class ViewChartComponent {
get background() {
return this.backgroundColor;
}
get seriesOptions() {
const barSeries = {
stack: this.barType === 'stacked',
bandwidth: this.bandWidth,
isGroup: this.isGroup,
radius: this.barRadius,
closeRadiusLadder: this.closeRadiusLadder,
columnClick: this.columnClick || null,
minHeight: this.minHeight,
};
const lineSeries = {
step: this.stepLine,
curveType: this.curveType,
lineWidth: this.lineWidth,
};
const areaSeries = {
curveType: this.curveType,
startOpacity: this.startOpacity,
endOpacity: this.endOpacity,
lineWidth: this.lineWidth,
};
switch (this.chartType) {
case 'bar': {
return barSeries;
}
case 'line': {
return lineSeries;
}
case 'area': {
return areaSeries;
}
case 'pie': {
return {
innerRadius: this.pieInnerRadius,
outerRadius: this.pieOuterRadius,
startAngle: this.pieStartAngle,
endAngle: this.pieEndAngle,
backgroundColor: this.pieBackgroundColor || 'transparent',
total: this.pieTotal,
label: {
position: {
x: this.pieLabelPosition?.x || '50%',
y: this.pieLabelPosition?.y || '50%',
},
},
innerDisc: this.pieInnerDisc,
itemStyle: this.pieItemStyle || { borderRadius: this.bandWidth / 2 },
};
}
case 'scatter': {
return {
size: this.scatterSize,
...this.scatterThreshold,
type: this.scatterType,
opacity: this.scatterOpacity,
};
}
default: {
return {};
}
}
}
get isCardMode() {
return this.mode === 'card';
}
get scaleType() {
return this.xScaleType || ScaleType.TIME;
}
get isScaleTime() {
return this.scaleType === ScaleType.TIME;
}
get options() {
const defaultXAxisTickFormatter = this.isScaleTime
? () => timeFormat(this.dateAxisLabelFormats || '%H:%M')
: null;
const xAxisTickFormatter = this.xAxisTickFormatter || defaultXAxisTickFormatter;
return {
customHeader: this.chartType !== 'pie',
type: this.stepLine ? 'line' : this.chartType,
offset: {
x: this.marginLeft,
y: this.isCardMode ? 5 : 0,
},
rotated: this.rotated,
title: {
text: this.title,
offsetX: this.titleOffsetX,
hide: this.hideTitle || this.hideHeader,
formatter: () => '',
},
legend: {
hide: this.hideHeader,
formatter: () => '',
offsetY: this.isCardMode ? -8 : 0,
isMount: true,
},
grid: { top: this.gridOffsetTop || 0 },
yAxis: {
tickFormatter: this.yAxisTickFormatter ||
((value) => `${this.conversionMaximum(value)}${this.yAxisTickSuffix || ''}`),
minStep: this.yAxisMinStep,
},
xAxis: {
type: this.xScaleType || ScaleType.TIME,
tickFormatter: xAxisTickFormatter,
ticks: this.ticks,
},
tooltip: {
hideTitle: this.tooltipHideTitle,
trigger: this.tooltipTriggerType,
titleFormatter: this.titleFormatter,
itemFormatter: (context) => {
this.tooltipItemContext = this.mergePointContext(context);
this.cdr.detectChanges();
return this.tooltipPointTemplate
? this.tooltipItemVirtual.nativeElement.innerHTML
: this.tooltipItemContext.context;
},
nameFormatter: ({ name }) => this.tooltipTranslation ? this.translate.get(name) : name,
valueFormatter: this.valueFormatter,
sort: this.tooltipAutoSort ? (a, b) => b.y - a.y : null,
},
seriesOption: this.seriesOptions,
zoom: {
enabled: this.enableZoom,
onzoomStart: (d) => {
this.areaPosition.x1 = d.x;
this.areaPosition.startX = d.value.x;
},
onzoomEnd: (d) => {
this.areaPosition.x2 = d.x;
this.areaPosition.endX = d.value.x;
const { startX, endX } = this.areaPosition;
if (startX !== endX) {
this.mouseUpEvent.next(this.areaPosition);
}
},
},
xPlotLine: {
color: 'red',
},
contextCallbackFunction: this.contextCallbackFunction,
};
}
get tooltipTriggerType() {
return this.tooltipTrigger || this.getTriggerType();
}
getTriggerType() {
switch (this.chartType) {
case 'line':
case 'area':
case 'bar': {
return 'axis';
}
case 'scatter': {
return 'item';
}
case 'pie': {
return 'none';
}
}
}
constructor(componentFactoryResolver, injector, appRef, translate, cdr, viewContainerRef) {
this.componentFactoryResolver = componentFactoryResolver;
this.injector = injector;
this.appRef = appRef;
this.translate = translate;
this.cdr = cdr;
this.viewContainerRef = viewContainerRef;
this.mode = 'default';
this.gridOffsetTop = 0;
// base
this.chartType = 'area';
this.xAccessor = (d) => d.x;
this.yAccessor = (d) => d.y;
// legend
this.hideLegend = false;
this.legendSelectAllOperation = false;
this.tooltipAutoSort = false;
// series
this.bandWidth = 10;
this.barType = 'standard';
// plot line
this.yPlotLinesHide = false;
this.mouseUpEvent = new EventEmitter();
this.markClickEvent = new EventEmitter();
this.refreshEvent = new EventEmitter();
this.onDestroy$ = new Subject();
this._chartStatus$$ = new BehaviorSubject({
loading: true,
noData: false,
failed: false,
noLegend: false,
});
this._status = {};
this.areaPosition = {
x1: 0,
x2: 0,
startX: 0,
endX: 0,
};
this.status$ = combineLatest([this.chartStatus$, this._chartStatus$$]).pipe(map(([status, _status]) => ({
..._status,
...status,
})), tap(status => (this._status = status)), publishRef());
this.isTemplateRef = isTemplateRef;
this.tooltipItemContext = { context: [] };
this.tooltipTitleContext = { context: null };
this.mergePointContext = (context) => ({
context: this.limitMaxContext(context),
...this.tooltipPointTemplateContext,
});
this.defaultPointFormat = pointFormat;
this.titleFormatter = (context) => {
this.tooltipTitleContext = { context };
const title = this.tooltipTranslation && !this.tooltipTitleTemplate
? this.translate.get(context.title) || context.title
: context.title;
this.cdr.markForCheck();
return this.tooltipTitleTemplate
? this.tooltipTitleVirtual.nativeElement.innerHTML
: handleDateFormat(title);
};
this.valueFormatter = (value) => {
const res = this.tooltipPointFormat
? this.tooltipPointFormat(value)
: this.defaultPointFormat(value.y);
return this.hideTooltipUnit && !this.unit
? res
: `${res} ${this.translate.get(this.unit)}`;
};
}
ngOnChanges({ enableZoom }) {
if (enableZoom?.currentValue) {
this.chart?.setOptions({ zoom: { enabled: true } });
}
}
ngAfterViewInit() {
this.chart = Chart({
container: this.chartContainer.nativeElement,
...this.options,
data: [],
});
combineLatest([this.series$, this.xPlotLines$.pipe(startWith(null))])
.pipe(takeUntil(this.onDestroy$))
.subscribe({
next: ([data, res]) => {
if (data) {
this.chart.setOptions({
type: data.length > 3 && this.chartType === 'area'
? 'line'
: this.chartType,
seriesOption: {
lineWidth: data.length > 3 ? 1 : this.lineWidth,
activeLineWidth: data.length > 3 ? 2 : 3,
},
yAxis: {
...this.options.yAxis,
max: res?.value || this.options.yAxis.max,
},
});
const values = this.handelData(data);
this.chart.data(values);
setTimeout(() => {
this.addCustomLegend(this.chart.chartUId);
this.addCustomTitle(this.chart.chartUId);
this.addPieLabelText(this.chart.chartUId);
}, 0);
const legendItems = this.chart.getController('legend').legendItems;
this.handelChartStatus({
loading: false,
noLegend: legendItems.length && legendItems.every(item => !item.activate),
});
}
if (res) {
this.chart?.updateXPlotLine(res);
}
},
});
this.chart.on(RECT_EVENTS.CLICK, (value) => {
this.markClickEvent.next(value);
if (!this.yPlotLinesHide && this.yPlotLines) {
this.chart.updateYPlotLine({
...value,
title: dayjs(value.title).format('YYYY-MM-DD HH:mm:ss'),
});
}
});
this.yPlotLines$.pipe(takeUntil(this.onDestroy$)).subscribe(res => {
if (res) {
this.chart.updateYPlotLine({
...res,
title: dayjs(res.title).format('YYYY-MM-DD HH:mm:ss'),
});
}
});
}
handelData(data) {
return data.map(d => ({
...d,
values: d.values?.map(v => ({
...v,
x: this.xAccessor(v),
y: this.yAccessor(v),
})),
}));
}
addCustomLegend(chartUId) {
const dom = document.querySelector(`.${chartUId} .ac-legend`);
if (!this.customLegendRef && dom && !this.hideHeader) {
const p = new ComponentPortal(LegendComponent);
const o = new DomPortalOutlet(dom, this.componentFactoryResolver, this.appRef, this.injector);
this.customLegendRef = p.attach(o);
this.customLegendRef.instance.chart = this.chart;
this.customLegendRef.instance.symbol = ['bar', 'pie', 'scatter'].includes(this.chartType)
? 'circle'
: 'line';
this.leftOperation$.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
this.customLegendRef.instance.leftOperation = this.leftOperation;
this.customLegendRef.instance.leftOperationContext =
this.leftOperationContext;
});
this.rightOperation$.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
this.customLegendRef.instance.rightOperation = this.rightOperation;
});
this.customLegendRef.instance.mode = this.mode;
this.customLegendRef.instance.hideLegend = this.hideLegend;
this.customLegendRef.instance.selectAllName = this.legendSelectAllName;
this.customLegendRef.instance.selectAllOperation =
this.legendSelectAllOperation;
this.customLegendRef.instance.template = this.legendTemplate;
this.customLegendRef.instance.changeLegend
.pipe(takeUntil(this.onDestroy$))
.subscribe(res => {
this.handelChartStatus({
noLegend: res.every(item => !item.activate),
});
});
}
}
addCustomTitle(chartUId) {
const dom = document.querySelector(`.${chartUId} .ac-title`);
if (!this.customTitleRef && dom && !this.hideHeader) {
const p = new TemplatePortal(this.titleContainer, this.viewContainerRef);
const o = new DomPortalOutlet(dom, this.componentFactoryResolver, this.appRef, this.injector);
this.customTitleRef = p.attach(o);
}
}
addPieLabelText(chartUId) {
const dom = document.querySelector(`.${chartUId} .ac-pie-guide`);
if (!this.customPieLabelTextRef && dom && this.pieLabelText) {
const p = new TemplatePortal(this.pieLabelContainer, this.viewContainerRef);
const o = new DomPortalOutlet(dom, this.componentFactoryResolver, this.appRef, this.injector);
this.customPieLabelTextRef = p.attach(o);
}
}
refresh() {
this.refreshEvent.next(null);
}
ngOnDestroy() {
this.onDestroy$.next();
this.customLegendRef?.destroy();
}
handelChartStatus(status) {
this._chartStatus$$.next({
...status,
});
this.cdr.detectChanges();
}
limitMaxContext(context, limit = 15) {
const values = context.slice(0, limit);
const existActive = context.some(item => item.activated) && values.some(d => !d.activated);
if (!existActive && context.length > limit) {
const data = context.find(item => item.activated);
return data ? [...values.slice(0, limit - 1), data] : values;
}
return values;
}
conversionMaximum(value) {
const unit = 'k';
if (value >= 1000) {
const num = +(value / 1000).toFixed(2);
return `${num}${unit}`;
}
return '' + value;
}
static { this.ɵfac = function ViewChartComponent_Factory(t) { return new (t || ViewChartComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(i1.TranslateService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewChartComponent, selectors: [["acl-view-chart"]], viewQuery: function ViewChartComponent_Query(rf, ctx) { if (rf & 1) {
i0.ɵɵviewQuery(_c0, 5);
i0.ɵɵviewQuery(_c1, 5);
i0.ɵɵviewQuery(_c2, 5);
i0.ɵɵviewQuery(_c3, 5);
i0.ɵɵviewQuery(_c4, 5);
i0.ɵɵviewQuery(_c5, 5);
} if (rf & 2) {
let _t;
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.chartContainer = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.titleContainer = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tooltipItemVirtual = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tooltipTitleVirtual = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tooltipNameVirtual = _t.first);
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pieLabelContainer = _t.first);
} }, inputs: { backgroundColor: "backgroundColor", hideHeader: "hideHeader", mode: "mode", customNoDataTitle: "customNoDataTitle", customErrorContainer: "customErrorContainer", marginLeft: "marginLeft", gridOffsetTop: "gridOffsetTop", rotated: "rotated", chartType: "chartType", series: "series", xAccessor: "xAccessor", yAccessor: "yAccessor", unit: "unit", contextCallbackFunction: "contextCallbackFunction", title: "title", hideTitle: "hideTitle", titleDescription: "titleDescription", titleDescriptionContext: "titleDescriptionContext", titleOffsetX: "titleOffsetX", hideLegend: "hideLegend", legendTemplate: "legendTemplate", leftOperation: "leftOperation", leftOperationContext: "leftOperationContext", rightOperation: "rightOperation", legendSelectAllOperation: "legendSelectAllOperation", legendSelectAllName: "legendSelectAllName", yAxisTickSuffix: "yAxisTickSuffix", dateAxisLabelFormats: "dateAxisLabelFormats", xAxisLabelTranslation: "xAxisLabelTranslation", xScaleType: "xScaleType", xAxisTickFormatter: "xAxisTickFormatter", ticks: "ticks", yAxisTickFormatter: "yAxisTickFormatter", yAxisMinStep: "yAxisMinStep", tooltipTrigger: "tooltipTrigger", tooltipAutoSort: "tooltipAutoSort", tooltipHideTitle: "tooltipHideTitle", tooltipColumnLayout: "tooltipColumnLayout", tooltipTitleTemplate: "tooltipTitleTemplate", tooltipPointNameTemplate: "tooltipPointNameTemplate", tooltipTranslation: "tooltipTranslation", tooltipTitleTranslation: "tooltipTitleTranslation", hideTooltipUnit: "hideTooltipUnit", tooltipPointFormat: "tooltipPointFormat", tooltipPointTemplate: "tooltipPointTemplate", tooltipPointTemplateContext: "tooltipPointTemplateContext", bandWidth: "bandWidth", minHeight: "minHeight", stepLine: "stepLine", curveType: "curveType", barType: "barType", startOpacity: "startOpacity", endOpacity: "endOpacity", lineWidth: "lineWidth", isGroup: "isGroup", barRadius: "barRadius", closeRadiusLadder: "closeRadiusLadder", columnClick: "columnClick", enableZoom: "enableZoom", chartStatus: "chartStatus", yPlotLinesHide: "yPlotLinesHide", yPlotLines: "yPlotLines", pieInnerRadius: "pieInnerRadius", pieOuterRadius: "pieOuterRadius", pieStartAngle: "pieStartAngle", pieEndAngle: "pieEndAngle", pieBackgroundColor: "pieBackgroundColor", pieTotal: "pieTotal", pieInnerDisc: "pieInnerDisc", pieLabelText: "pieLabelText", pieLabelPosition: "pieLabelPosition", pieItemStyle: "pieItemStyle", scatterType: "scatterType", scatterOpacity: "scatterOpacity", scatterSize: "scatterSize", scatterThreshold: "scatterThreshold", xPlotLines: "xPlotLines" }, outputs: { mouseUpEvent: "mouseUpEvent", markClickEvent: "markClickEvent", refreshEvent: "refreshEvent" }, features: [i0.ɵɵNgOnChangesFeature], decls: 22, vars: 14, consts: [["chartContainer", ""], ["titleContainer", ""], ["TitleTemplate", ""], ["TitleDesTemplate", ""], ["tooltipItemVirtual", ""], ["tooltipTitleVirtual", ""], ["tooltipNameVirtual", ""], ["pieLabelContainer", ""], ["noCustomErrorContainer", ""], ["noDataTitleTemplate", ""], ["stringPieLabelText", ""], [1, "ac-chart"], [1, "ac-chart-container", "tw-w-full", "tw-h-full"], ["class", "ac-chart-status", 4, "ngIf"], [1, "hide"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "ngTemplateOutlet"], [1, "ac-chart-status"], ["class", "status failed", 4, "ngIf"], ["class", "status loading", 4, "ngIf"], ["class", "status no-legend", 4, "ngIf"], ["class", "status no-data", 4, "ngIf"], [1, "status", "failed"], [4, "ngIf", "ngIfElse"], ["icon", "exclamation_triangle_s", "background", "triangle"], ["aui-button", "text", 3, "click"], [1, "status", "loading"], ["icon", "spinner"], [1, "status", "no-legend"], [1, "status", "no-data"]], template: function ViewChartComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div", 11);
i0.ɵɵelement(1, "div", 12, 0);
i0.ɵɵtemplate(3, ViewChartComponent_div_3_Template, 5, 4, "div", 13);
i0.ɵɵpipe(4, "async");
i0.ɵɵelementEnd();
i0.ɵɵtemplate(5, ViewChartComponent_ng_template_5_Template, 2, 4, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(7, ViewChartComponent_ng_template_7_Template, 2, 4, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(9, ViewChartComponent_ng_template_9_Template, 1, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
i0.ɵɵelementStart(11, "div", 14, 4);
i0.ɵɵelementContainer(13, 15);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(14, "div", 14, 5);
i0.ɵɵelementContainer(16, 15);
i0.ɵɵelementEnd();
i0.ɵɵelementStart(17, "div", 14, 6);
i0.ɵɵelementContainer(19, 16);
i0.ɵɵelementEnd();
i0.ɵɵtemplate(20, ViewChartComponent_ng_template_20_Template, 3, 2, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
} if (rf & 2) {
i0.ɵɵstyleProp("background", ctx.background);
i0.ɵɵclassProp("ac-non-chart", ctx.chartType === "pie")("ac-bar", ctx.chartType === "bar");
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(4, 12, ctx.status$));
i0.ɵɵadvance(10);
i0.ɵɵproperty("ngTemplateOutlet", ctx.tooltipPointTemplate)("ngTemplateOutletContext", ctx.tooltipItemContext);
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx.tooltipTitleTemplate)("ngTemplateOutletContext", ctx.tooltipTitleContext);
i0.ɵɵadvance(3);
i0.ɵɵproperty("ngTemplateOutlet", ctx.tooltipPointNameTemplate);
} }, dependencies: [i2.NgIf, i2.NgTemplateOutlet, i3.IconComponent, i3.ButtonComponent, i4.E2eAttributeBindingDirective, i2.AsyncPipe, i5.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%;height:100%;display:block}[_nghost-%COMP%] .ac-bar[_ngcontent-%COMP%] .ac-chart-wrapper{display:flex;flex-direction:column}[_nghost-%COMP%] .ac-bar[_ngcontent-%COMP%] .ac-container{flex:1;min-height:calc(100% - 20px)}div.ac-non-chart[_ngcontent-%COMP%]{min-height:unset;padding:0}.ac-chart[_ngcontent-%COMP%]{display:flex;padding:20px 16px;width:100%;position:relative;height:210px;min-height:100%;max-height:100%}.ac-chart-container[_ngcontent-%COMP%]{width:100%}.ac-chart-status[_ngcontent-%COMP%]{left:50%;position:absolute;top:50%;white-space:nowrap;transform:translate(-50%,-50%)}.ac-chart[_ngcontent-%COMP%] .ac-title{font-weight:var(--aui-font-weight-bolder)}.status[_ngcontent-%COMP%]{padding:6px 16px;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-4));border-radius:2px}.status[_ngcontent-%COMP%] aui-icon[_ngcontent-%COMP%]{font-size:14px;margin-right:4px}.loading[_ngcontent-%COMP%] aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-primary))}.failed[_ngcontent-%COMP%] aui-icon[_ngcontent-%COMP%]{color:rgb(var(--aui-color-red))}.hide[_ngcontent-%COMP%]{display:none}"], changeDetection: 0 }); }
}
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "series$", void 0);
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "unit$", void 0);
__decorate([
ValueHook(function (contextCallbackFunction) {
if (contextCallbackFunction && !this.options?.contextCallbackFunction) {
this.chart?.setOptions({ contextCallbackFunction });
}
}),
__metadata("design:type", Function)
], ViewChartComponent.prototype, "contextCallbackFunction", void 0);
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "leftOperation$", void 0);
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "rightOperation$", void 0);
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "yPlotLines$", void 0);
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "xPlotLines$", void 0);
__decorate([
ObservableInput(),
__metadata("design:type", Observable)
], ViewChartComponent.prototype, "chartStatus$", void 0);
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ViewChartComponent, [{
type: Component,
args: [{ selector: 'acl-view-chart', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"ac-chart\"\n [class.ac-non-chart]=\"chartType === 'pie'\"\n [class.ac-bar]=\"chartType === 'bar'\"\n [style.background]=\"background\"\n>\n <div\n #chartContainer\n class=\"ac-chart-container tw-w-full tw-h-full\"\n ></div>\n\n <div\n class=\"ac-chart-status\"\n *ngIf=\"status$ | async as status\"\n >\n <div\n *ngIf=\"status.failed && !status.loading\"\n class=\"status failed\"\n >\n <ng-container *ngIf=\"customErrorContainer; else noCustomErrorContainer\">\n <ng-container [ngTemplateOutlet]=\"customErrorContainer\"></ng-container>\n </ng-container>\n <ng-template #noCustomErrorContainer>\n <aui-icon\n icon=\"exclamation_triangle_s\"\n background=\"triangle\"\n ></aui-icon>\n {{ 'failed_load_please' | translate }}\n <button\n aui-button=\"text\"\n (click)=\"refresh()\"\n >\n {{ ('refresh' | translate).toLowerCase() }}\n </button>\n </ng-template>\n </div>\n <div\n *ngIf=\"status.loading\"\n class=\"status loading\"\n >\n <aui-icon icon=\"spinner\"></aui-icon> {{ 'loading' | translate }}\n </div>\n <div\n *ngIf=\"status.noLegend && !status.loading\"\n class=\"status no-legend\"\n >\n {{ 'no_indicator_selected' | translate }}\n </div>\n\n <div\n *ngIf=\"status.noData && !status.loading && !status.failed\"\n class=\"status no-data\"\n >\n <ng-container\n *ngIf=\"\n customNoDataTitle && isTemplateRef(customNoDataTitle);\n else noDataTitleTemplate\n \"\n >\n <ng-container [ngTemplateOutlet]=\"customNoDataTitle\"></ng-container>\n </ng-container>\n <ng-template #noDataTitleTemplate>\n {{ customNoDataTitle || ('no_data' | translate) }}\n </ng-template>\n </div>\n </div>\n</div>\n\n<!-- title Template -->\n<ng-template #titleContainer>\n <ng-container *ngIf=\"isTemplateRef(title); else TitleTemplate\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"isTemplateRef(titleDescription); else TitleDesTemplate\">\n <ng-container\n [ngTemplateOutlet]=\"titleDescription\"\n [ngTemplateOutletContext]=\"titleDescriptionContext\"\n ></ng-container>\n </ng-container>\n</ng-template>\n\n<ng-template #TitleTemplate>\n {{ title }}\n {{ unit ? '(' + (unit | translate) + ')' : '' }}\n</ng-template>\n\n<ng-template #TitleDesTemplate>\n {{ titleDescription }}\n</ng-template>\n\n<!-- tooltip template -->\n<div\n #tooltipItemVirtual\n class=\"hide\"\n>\n <ng-container\n [ngTemplateOutlet]=\"tooltipPointTemplate\"\n [ngTemplateOutletContext]=\"tooltipItemContext\"\n ></ng-container>\n</div>\n\n<div\n #tooltipTitleVirtual\n class=\"hide\"\n>\n <ng-container\n [ngTemplateOutlet]=\"tooltipTitleTemplate\"\n [ngTemplateOutletContext]=\"tooltipTitleContext\"\n ></ng-container>\n</div>\n\n<div\n #tooltipNameVirtual\n class=\"hide\"\n>\n <ng-container [ngTemplateOutlet]=\"tooltipPointNameTemplate\"></ng-container>\n</div>\n\n<ng-template #pieLabelContainer>\n <ng-container\n *ngIf=\"pieLabelText && isTemplateRef(pieLabelText); else stringPieLabelText\"\n >\n <ng-container [ngTemplateOutlet]=\"pieLabelText\"></ng-container>\n </ng-container>\n <ng-template #stringPieLabelText>\n {{ pieLabelText }}\n </ng-template>\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:block}:host .ac-bar ::ng-deep .ac-chart-wrapper{display:flex;flex-direction:column}:host .ac-bar ::ng-deep .ac-container{flex:1;min-height:calc(100% - 20px)}div.ac-non-chart{min-height:unset;padding:0}.ac-chart{display:flex;padding:20px 16px;width:100%;position:relative;height:210px;min-height:100%;max-height:100%}.ac-chart-container{width:100%}.ac-chart-status{left:50%;position:absolute;top:50%;white-space:nowrap;transform:translate(-50%,-50%)}.ac-chart ::ng-deep .ac-title{font-weight:var(--aui-font-weight-bolder)}.status{padding:6px 16px;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-4));border-radius:2px}.status aui-icon{font-size:14px;margin-right:4px}.loading aui-icon{color:rgb(var(--aui-color-primary))}.failed aui-icon{color:rgb(var(--aui-color-red))}.hide{display:none}\n"] }]
}], () => [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i1.TranslateService }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }], { backgroundColor: [{
type: Input
}], hideHeader: [{
type: Input
}], chartContainer: [{
type: ViewChild,
args: ['chartContainer']
}], titleContainer: [{
type: ViewChild,
args: ['titleContainer']
}], tooltipItemVirtual: [{
type: ViewChild,
args: ['tooltipItemVirtual']
}], tooltipTitleVirtual: [{
type: ViewChild,
args: ['tooltipTitleVirtual']
}], tooltipNameVirtual: [{
type: ViewChild,
args: ['tooltipNameVirtual']
}], pieLabelContainer: [{
type: ViewChild,
args: ['pieLabelContainer']
}], mode: [{
type: Input
}], customNoDataTitle: [{
type: Input
}], customErrorContainer: [{
type: Input
}], marginLeft: [{
type: Input
}], gridOffsetTop: [{
type: Input
}], rotated: [{
type: Input
}], chartType: [{
type: Input
}], series: [{
type: Input
}], series$: [], xAccessor: [{
type: Input
}], yAccessor: [{
type: Input
}], unit: [{
type: Input
}], unit$: [], contextCallbackFunction: [{
type: Input
}], title: [{
type: Input
}], hideTitle: [{
type: Input
}], titleDescription: [{
type: Input
}], titleDescriptionContext: [{
type: Input
}], titleOffsetX: [{
type: Input
}], hideLegend: [{
type: Input
}], legendTemplate: [{
type: Input
}], leftOperation: [{
type: Input
}], leftOperationContext: [{
type: Input
}], leftOperation$: [], rightOperation: [{
type: Input
}], rightOperation$: [], legendSelectAllOperation: [{
type: Input
}], legendSelectAllName: [{
type: Input
}], yAxisTickSuffix: [{
type: Input
}], dateAxisLabelFormats: [{
type: Input
}], xAxisLabelTranslation: [{
type: Input
}], xScaleType: [{
type: Input
}], xAxisTickFormatter: [{
type: Input
}], ticks: [{
type: Input
}], yAxisTickFormatter: [{
type: Input
}], yAxisMinStep: [{
type: Input
}], tooltipTrigger: [{
type: Input
}], tooltipAutoSort: [{
type: Input
}], tooltipHideTitle: [{
type: Input
}], tooltipColumnLayout: [{
type: Input
}], tooltipTitleTemplate: [{
type: Input
}], tooltipPointNameTemplate: [{
type: Input
}], tooltipTranslation: [{
type: Input
}], tooltipTitleTranslation: [{
type: Input
}], hideTooltipUnit: [{
type: Input
}], tooltipPointFormat: [{
type: Input
}], tooltipPointTemplate: [{
type: Input
}], tooltipPointTemplateContext: [{
type: Input
}], bandWidth: [{
type: Input
}], minHeight: [{
type: Input
}], stepLine: [{
type: Input
}], curveType: [{
type: Input
}], barType: [{
type: Input
}], startOpacity: [{
type: Input
}], endOpacity: [{
type: Input
}], lineWidth: [{
type: Input
}], isGroup: [{
type: Input
}], barRadius: [{
type: Input
}], closeRadiusLadder: [{
type: Input
}], columnClick: [{
type: Input
}], enableZoom: [{
type: Input
}], chartStatus: [{
type: Input
}], yPlotLinesHide: [{
type: Input
}], yPlotLines: [{
type: Input
}], pieInnerRadius: [{
type: Input
}], pieOuterRadius: [{
type: Input
}], pieStartAngle: [{
type: Input
}], pieEndAngle: [{
type: Input
}], pieBackgroundColor: [{
type: Input
}], pieTotal: [{
type: Input
}], pieInnerDisc: [{
type: Input
}], pieLabelText: [{
type: Input
}], pieLabelPosition: [{
type: Input
}], pieItemStyle: [{
type: Input
}], scatterType: [{
type: Input
}], scatterOpacity: [{
type: Input
}], scatterSize: [{
type: Input
}], scatterThreshold: [{
type: Input
}], yPlotLines$: [], xPlotLines: [{
type: Input
}], xPlotLines$: [], chartStatus$: [], mouseUpEvent: [{
type: Output
}], markClickEvent: [{
type: Output
}], refreshEvent: [{
type: Output
}] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewChartComponent, { className: "ViewChartComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbW1vbi9zcmMvdmlldy1jaGFydC92aWV3LWNoYXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy92aWV3LWNoYXJ0L3ZpZXctY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFLTCxLQUFLLEVBTUwsV0FBVyxFQUNYLFNBQVMsR0FJVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzNDLE9BQU8sRUFDTCxlQUFlLEVBQ2YsZUFBZSxFQUNmLGNBQWMsR0FDZixNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFFTCxjQUFjLEVBQ2QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1Qsd0JBQXdCLEVBRXhCLFVBQVUsRUFFVixZQUFZLEVBQ1osUUFBUSxFQUNSLEtBQUssRUFHTCxNQUFNLEVBRU4sV0FBVyxFQUNYLFNBQVMsRUFDVCxnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFzQyxVQUFVLEVBQUUsTUFBTSxJQUFJLENBQUM7QUFDcEUsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxlQUFlLEVBQ2YsR0FBRyxFQUNILFVBQVUsRUFDVixPQUFPLEVBQ1AsU0FBUyxFQUNULEdBQUcsRUFDSCxhQUFhLEVBQ2IsU0FBUyxHQUNWLE1BQU0sTUFBTSxDQUFDO0FBRWQsT0FBTyxFQUtMLGdCQUFnQixFQUNoQixlQUFlLEVBQ2YsV0FBVyxFQUNYLFVBQVUsRUFFVixnQkFBZ0IsRUFDaEIsU0FBUyxHQUVWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7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