mdt-charts 1.28.2 → 1.29.0

package/lib/engine/polarNotation/polarManager.js

@@ -6,56 +6,70 @@ import { Aggregator } from "../features/aggregator/aggregator";
 import { Donut } from "./donut/donut";
 import { PolarRecordOverflowAlert } from "./extenders/polarRecordOverflowAlert";
 export class PolarManager {
-    render(engine, model) {
-        const options = model.options;
-        engine.block.svg.render(model.blockCanvas.size);
-        this.renderCharts(engine.block, options.charts, engine.data, options.data.dataSource, model.chartBlock.margin, model.blockCanvas.size, options.chartCanvas);
-        Title.render(engine.block, options.title, model.otherComponents.titleBlock, model.blockCanvas.size);
-        Legend.get().render(engine.block, engine.data, options, model);
-        Tooltip.render(engine.block, model, engine.data, model.otherComponents.tooltipBlock);
-        engine.block.filterEventManager.setListenerPolar(model.chartBlock.margin, model.blockCanvas.size, options);
-        if (model.dataSettings.scope.hidedRecordsAmount !== 0)
-            PolarRecordOverflowAlert.render(engine.block, {
-                hidedRecordsAmount: model.dataSettings.scope.hidedRecordsAmount,
-                legendPosition: model.options.legend.position
-            });
-        engine.block.getSvg().on("click", (e) => {
-            if (e.target === engine.block.getSvg().node())
-                this.clearSelection(engine.block.filterEventManager, model);
-        });
-    }
-    updateData(block, model, data) {
-        block.transitionManager.interruptTransitions();
-        block.removeMouseEvents();
-        block.filterEventManager.updateData(data[model.options.data.dataSource]);
-        Title.updateData(block, model.options.title);
-        ElementHighlighter.removeDonutArcClones(block);
-        ElementHighlighter.removeFilter(Donut.getAllArcGroups(block));
-        ElementHighlighter.toggleActivityStyle(Donut.getAllArcGroups(block), true);
-        Tooltip.hide(block);
-        const options = model.options;
-        Donut.update(block, data[options.data.dataSource], model.chartBlock.margin, options.charts[0], model.blockCanvas.size, options.chartCanvas, options.data.keyField.name).then(() => {
-            Tooltip.render(block, model, data, model.otherComponents.tooltipBlock);
-            block.filterEventManager.setListenerPolar(model.chartBlock.margin, model.blockCanvas.size, options);
-        });
-        Aggregator.update(block, options.charts[0].data.valueField, options.chartCanvas.aggregator);
-        Legend.get().update(block, data, model);
-        PolarRecordOverflowAlert.update(block, {
-            hidedRecordsAmount: model.dataSettings.scope.hidedRecordsAmount,
-            legendPosition: model.options.legend.position
-        });
-    }
-    updateColors(block, model) {
-        Legend.get().updateColors(block, model.options);
-        Donut.updateColors(block, model.options.charts[0]);
-    }
-    clearSelection(filterEventManager, model) {
-        filterEventManager.clearKeysForPolar(model.chartBlock.margin, model.blockCanvas.size, model.options);
-    }
-    renderCharts(block, charts, data, dataSource, margin, blockSize, donutSettings) {
-        charts.forEach((chart) => {
-            if (chart.type === "donut")
-                Donut.render(block, data[dataSource], margin, chart, blockSize, donutSettings);
-        });
-    }
+	render(engine, model) {
+		const options = model.options;
+		engine.block.svg.render(model.blockCanvas.size);
+		this.renderCharts(
+			engine.block,
+			options.charts,
+			engine.data,
+			options.data.dataSource,
+			model.chartBlock.margin,
+			model.blockCanvas.size,
+			options.chartCanvas
+		);
+		Title.render(engine.block, options.title, model.otherComponents.titleBlock, model.blockCanvas.size);
+		Legend.get().render(engine.block, engine.data, options, model);
+		Tooltip.render(engine.block, model, engine.data, model.otherComponents.tooltipBlock);
+		engine.block.filterEventManager.setListenerPolar(model.chartBlock.margin, model.blockCanvas.size, options);
+		if (model.dataSettings.scope.hidedRecordsAmount !== 0)
+			PolarRecordOverflowAlert.render(engine.block, {
+				hidedRecordsAmount: model.dataSettings.scope.hidedRecordsAmount,
+				legendPosition: model.options.legend.position
+			});
+		engine.block.getSvg().on("click", (e) => {
+			if (e.target === engine.block.getSvg().node()) this.clearSelection(engine.block.filterEventManager, model);
+		});
+	}
+	updateData(block, model, data) {
+		block.transitionManager.interruptTransitions();
+		block.removeMouseEvents();
+		block.filterEventManager.updateData(data[model.options.data.dataSource]);
+		Title.updateData(block, model.options.title);
+		ElementHighlighter.removeDonutArcClones(block);
+		ElementHighlighter.removeFilter(Donut.getAllArcGroups(block));
+		ElementHighlighter.toggleActivityStyle(Donut.getAllArcGroups(block), true);
+		Tooltip.hide(block);
+		const options = model.options;
+		Donut.update(
+			block,
+			data[options.data.dataSource],
+			model.chartBlock.margin,
+			options.charts[0],
+			model.blockCanvas.size,
+			options.chartCanvas,
+			options.data.keyField.name
+		).then(() => {
+			Tooltip.render(block, model, data, model.otherComponents.tooltipBlock);
+			block.filterEventManager.setListenerPolar(model.chartBlock.margin, model.blockCanvas.size, options);
+		});
+		Aggregator.update(block, options.charts[0].data.valueField, options.chartCanvas.aggregator);
+		Legend.get().update(block, data, model);
+		PolarRecordOverflowAlert.update(block, {
+			hidedRecordsAmount: model.dataSettings.scope.hidedRecordsAmount,
+			legendPosition: model.options.legend.position
+		});
+	}
+	updateColors(block, model) {
+		Legend.get().updateColors(block, model.options);
+		Donut.updateColors(block, model.options.charts[0]);
+	}
+	clearSelection(filterEventManager, model) {
+		filterEventManager.clearKeysForPolar(model.chartBlock.margin, model.blockCanvas.size, model.options);
+	}
+	renderCharts(block, charts, data, dataSource, margin, blockSize, donutSettings) {
+		charts.forEach((chart) => {
+			if (chart.type === "donut") Donut.render(block, data[dataSource], margin, chart, blockSize, donutSettings);
+		});
+	}
 }

package/lib/engine/transitionManager.d.ts

@@ -1,19 +1,18 @@
 import { Transitions } from "../designer/designerConfig";
 import { Block } from "./block/block";
-interface Durations extends Transitions {
-}
+interface Durations extends Transitions {}
 export declare class TransitionManager {
-    /**
-     * Анимации обновления в ms.
-     */
-    durations: Durations;
-    private block;
-    /**
-     * Классы "подвижных" элементов
-     */
-    private transitionableElemClasses;
-    constructor(block: Block, transitionsDurations?: Transitions);
-    interruptTransitions(): void;
-    private setDurations;
+	/**
+	 * Анимации обновления в ms.
+	 */
+	durations: Durations;
+	private block;
+	/**
+	 * Классы "подвижных" элементов
+	 */
+	private transitionableElemClasses;
+	constructor(block: Block, transitionsDurations?: Transitions);
+	interruptTransitions(): void;
+	private setDurations;
 }
 export {};

package/lib/engine/transitionManager.js

@@ -9,53 +9,52 @@ import { Area } from "./twoDimensionalNotation/area/area";
 import { Bar } from "./twoDimensionalNotation/bar/bar";
 import { Line } from "./twoDimensionalNotation/line/line";
 export class TransitionManager {
-    constructor(block, transitionsDurations = null) {
-        /**
-         * Анимации обновления в ms.
-         */
-        this.durations = {
-            chartUpdate: 1000,
-            tooltipSlide: 75,
-            higlightedScale: 200,
-            markerHover: 50,
-            elementFadeOut: 400
-        };
-        /**
-         * Классы "подвижных" элементов
-         */
-        this.transitionableElemClasses = [
-            Tooltip.tooltipBlockClass,
-            Tooltip.tooltipLineClass,
-            Axis.axesClass,
-            Area.areaChartClass,
-            Bar.barItemClass,
-            Line.lineChartClass,
-            MarkDot.markerDotClass,
-            EmbeddedLabels.embeddedLabelClass,
-            Donut.arcPathClass,
-            Aggregator.aggregatorValueClass
-        ];
-        this.block = block;
-        if (transitionsDurations)
-            this.setDurations(transitionsDurations);
-    }
-    interruptTransitions() {
-        this.transitionableElemClasses.forEach((elemClass) => {
-            const elementsSelection = this.block.getSvg().selectAll(`.${elemClass}`).interrupt();
-            elementsSelection.nodes().forEach((node) => interrupt(node));
-        });
-        this.block.getSvg().selectAll(`.${Axis.axesClass}`).selectAll("*").interrupt();
-    }
-    setDurations(durations) {
-        if (durations.chartUpdate !== undefined && durations.chartUpdate >= 0)
-            this.durations.chartUpdate = durations.chartUpdate;
-        if (durations.higlightedScale !== undefined && durations.higlightedScale >= 0)
-            this.durations.higlightedScale = durations.higlightedScale;
-        if (durations.elementFadeOut !== undefined && durations.elementFadeOut >= 0)
-            this.durations.elementFadeOut = durations.elementFadeOut;
-        if (durations.markerHover !== undefined && durations.markerHover >= 0)
-            this.durations.markerHover = durations.markerHover;
-        if (durations.tooltipSlide !== undefined && durations.tooltipSlide >= 0)
-            this.durations.tooltipSlide = durations.tooltipSlide;
-    }
+	constructor(block, transitionsDurations = null) {
+		/**
+		 * Анимации обновления в ms.
+		 */
+		this.durations = {
+			chartUpdate: 1000,
+			tooltipSlide: 75,
+			higlightedScale: 200,
+			markerHover: 50,
+			elementFadeOut: 400
+		};
+		/**
+		 * Классы "подвижных" элементов
+		 */
+		this.transitionableElemClasses = [
+			Tooltip.tooltipBlockClass,
+			Tooltip.tooltipLineClass,
+			Axis.axesClass,
+			Area.areaChartClass,
+			Bar.barItemClass,
+			Line.lineChartClass,
+			MarkDot.markerDotClass,
+			EmbeddedLabels.embeddedLabelClass,
+			Donut.arcPathClass,
+			Aggregator.aggregatorValueClass
+		];
+		this.block = block;
+		if (transitionsDurations) this.setDurations(transitionsDurations);
+	}
+	interruptTransitions() {
+		this.transitionableElemClasses.forEach((elemClass) => {
+			const elementsSelection = this.block.getSvg().selectAll(`.${elemClass}`).interrupt();
+			elementsSelection.nodes().forEach((node) => interrupt(node));
+		});
+		this.block.getSvg().selectAll(`.${Axis.axesClass}`).selectAll("*").interrupt();
+	}
+	setDurations(durations) {
+		if (durations.chartUpdate !== undefined && durations.chartUpdate >= 0)
+			this.durations.chartUpdate = durations.chartUpdate;
+		if (durations.higlightedScale !== undefined && durations.higlightedScale >= 0)
+			this.durations.higlightedScale = durations.higlightedScale;
+		if (durations.elementFadeOut !== undefined && durations.elementFadeOut >= 0)
+			this.durations.elementFadeOut = durations.elementFadeOut;
+		if (durations.markerHover !== undefined && durations.markerHover >= 0)
+			this.durations.markerHover = durations.markerHover;
+		if (durations.tooltipSlide !== undefined && durations.tooltipSlide >= 0)
+			this.durations.tooltipSlide = durations.tooltipSlide;
+	}
 }

package/lib/engine/twoDimensionalNotation/area/area.d.ts

@@ -3,35 +3,51 @@ import { Scales } from "../../features/scale/scale";
 import { Block } from "../../block/block";
 import { MdtChartsDataRow } from "../../../config/config";
 interface AreaOptions {
-    staticSettings: LineLikeChartSettings;
+	staticSettings: LineLikeChartSettings;
 }
 export declare class Area {
-    private readonly options;
-    static readonly areaChartClass = "area";
-    static readonly areaBorderLineClass = "area-border-line";
-    static get(options: AreaOptions): Area;
-    constructor(options: AreaOptions);
-    render(block: Block, scales: Scales, data: MdtChartsDataRow[], keyField: Field, margin: BlockMargin, keyAxisOrient: Orient, chart: TwoDimensionalChartModel): void;
-    update(block: Block, scales: Scales, newData: MdtChartsDataRow[], keyField: Field, margin: BlockMargin, chart: TwoDimensionalChartModel, keyAxisOrient: Orient): Promise<any>[];
-    updateColors(block: Block, chart: TwoDimensionalChartModel): void;
-    private renderGrouped;
-    private renderSegmented;
-    private updateGrouped;
-    private updateSegmented;
-    private updateGroupedPath;
-    private updateSegmentedPath;
-    private setChartFillStyle;
-    private createAreaGeneratorFactory;
-    private createLineGeneratorFactory;
-    private renderArea;
-    private renderBorderLine;
-    private renderAreaSegmented;
-    private renderBorderLineSegmented;
-    private updateAreaSegmented;
-    private updateBorderLineSegmented;
-    private updateArea;
-    private updateBorderLine;
-    private getAllAreasWithNewData;
-    private getLineGeneratorFactory;
+	private readonly options;
+	static readonly areaChartClass = "area";
+	static readonly areaBorderLineClass = "area-border-line";
+	static get(options: AreaOptions): Area;
+	constructor(options: AreaOptions);
+	render(
+		block: Block,
+		scales: Scales,
+		data: MdtChartsDataRow[],
+		keyField: Field,
+		margin: BlockMargin,
+		keyAxisOrient: Orient,
+		chart: TwoDimensionalChartModel
+	): void;
+	update(
+		block: Block,
+		scales: Scales,
+		newData: MdtChartsDataRow[],
+		keyField: Field,
+		margin: BlockMargin,
+		chart: TwoDimensionalChartModel,
+		keyAxisOrient: Orient
+	): Promise<any>[];
+	updateColors(block: Block, chart: TwoDimensionalChartModel): void;
+	private renderGrouped;
+	private renderSegmented;
+	private updateGrouped;
+	private updateSegmented;
+	private updateGroupedPath;
+	private updateSegmentedPath;
+	private setChartFillStyle;
+	private createAreaGeneratorFactory;
+	private createLineGeneratorFactory;
+	private renderArea;
+	private renderBorderLine;
+	private renderAreaSegmented;
+	private renderBorderLineSegmented;
+	private updateAreaSegmented;
+	private updateBorderLineSegmented;
+	private updateArea;
+	private updateBorderLine;
+	private getAllAreasWithNewData;
+	private getLineGeneratorFactory;
 }
 export {};