@alauda-fe/common
Version:
Alauda frontend team common codes.
832 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";
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);
} }, 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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