mdt-charts 1.28.2 → 1.29.0

package/lib/engine/polarNotation/donut/DonutHelper.js

@@ -2,74 +2,75 @@ import { merge } from "d3-array";
 import { arc, pie } from "d3-shape";
 const MIN_CHART_BLOCK_SIZE_FOR_MAX_THICKNESS = 400;
 export class DonutHelper {
-    static getThickness(donutSettings, blockSize, margin) {
-        const thicknessOpts = donutSettings.thickness;
-        const chartBlockSize = this.getChartBlockSize(blockSize, margin);
-        if (thicknessOpts.value)
-            return this.getThicknessByUnit(chartBlockSize, thicknessOpts.value, thicknessOpts.unit);
-        if (Math.min(chartBlockSize.width, chartBlockSize.height) > MIN_CHART_BLOCK_SIZE_FOR_MAX_THICKNESS)
-            return this.getThicknessByUnit(chartBlockSize, thicknessOpts.max, thicknessOpts.unit);
-        return this.getThicknessByUnit(chartBlockSize, thicknessOpts.min, thicknessOpts.unit);
-    }
-    static getArcCentroid(blockSize, margin, dataItem, donutThickness) {
-        const arc = this.getArcGeneratorObject(blockSize, margin, donutThickness);
-        return arc.centroid(dataItem);
-    }
-    static getArcGeneratorObject(blockSize, margin, donutThickness) {
-        const outerRadius = this.getOuterRadius(margin, blockSize);
-        const arc = this.getArcGenerator(outerRadius, outerRadius - donutThickness);
-        return arc;
-    }
-    static getOuterRadius(margin, blockSize) {
-        return (Math.min(blockSize.width - margin.left - margin.right, blockSize.height - margin.top - margin.bottom) / 2);
-    }
-    static getInnerRadius(outerRadius, thickness) {
-        return outerRadius - thickness;
-    }
-    static getTranslate(margin, blockSize) {
-        return {
-            x: (blockSize.width - margin.left - margin.right) / 2 + margin.left,
-            y: (blockSize.height - margin.top - margin.bottom) / 2 + margin.top
-        };
-    }
-    static getArcGenerator(outerRadius, innerRadius) {
-        return arc().innerRadius(innerRadius).outerRadius(outerRadius);
-    }
-    static getPieGenerator(valueField, padAngle) {
-        return pie()
-            .padAngle(padAngle)
-            .sort(null)
-            .value((d) => d[valueField]);
-    }
-    static mergeDataWithZeros(firstDataset, secondDataset, keyField, colorField) {
-        const secondSet = new Set();
-        secondDataset.forEach((dataRow) => {
-            secondSet.add(dataRow[keyField]);
-        });
-        const onlyNew = firstDataset
-            .filter((d) => !secondSet.has(d[keyField]))
-            .map((d, index, array) => {
-            const data = {
-                keyField: array[index][keyField],
-                valueField: 0,
-                [colorField]: array[index][colorField]
-                //TODO: добавить цвет из ColorReader'а
-            };
-            return data;
-        });
-        const sortedMerge = merge([secondDataset, onlyNew]);
-        return sortedMerge;
-    }
-    static getThicknessByUnit(chartBlockSize, valueInPx, unit) {
-        if (unit === "px")
-            return valueInPx;
-        const minSideSize = Math.min(chartBlockSize.width, chartBlockSize.height);
-        return (minSideSize / 2) * (valueInPx / 100);
-    }
-    static getChartBlockSize(blockSize, margin) {
-        return {
-            height: blockSize.height - margin.top - margin.bottom,
-            width: blockSize.width - margin.left - margin.right
-        };
-    }
+	static getThickness(donutSettings, blockSize, margin) {
+		const thicknessOpts = donutSettings.thickness;
+		const chartBlockSize = this.getChartBlockSize(blockSize, margin);
+		if (thicknessOpts.value)
+			return this.getThicknessByUnit(chartBlockSize, thicknessOpts.value, thicknessOpts.unit);
+		if (Math.min(chartBlockSize.width, chartBlockSize.height) > MIN_CHART_BLOCK_SIZE_FOR_MAX_THICKNESS)
+			return this.getThicknessByUnit(chartBlockSize, thicknessOpts.max, thicknessOpts.unit);
+		return this.getThicknessByUnit(chartBlockSize, thicknessOpts.min, thicknessOpts.unit);
+	}
+	static getArcCentroid(blockSize, margin, dataItem, donutThickness) {
+		const arc = this.getArcGeneratorObject(blockSize, margin, donutThickness);
+		return arc.centroid(dataItem);
+	}
+	static getArcGeneratorObject(blockSize, margin, donutThickness) {
+		const outerRadius = this.getOuterRadius(margin, blockSize);
+		const arc = this.getArcGenerator(outerRadius, outerRadius - donutThickness);
+		return arc;
+	}
+	static getOuterRadius(margin, blockSize) {
+		return (
+			Math.min(blockSize.width - margin.left - margin.right, blockSize.height - margin.top - margin.bottom) / 2
+		);
+	}
+	static getInnerRadius(outerRadius, thickness) {
+		return outerRadius - thickness;
+	}
+	static getTranslate(margin, blockSize) {
+		return {
+			x: (blockSize.width - margin.left - margin.right) / 2 + margin.left,
+			y: (blockSize.height - margin.top - margin.bottom) / 2 + margin.top
+		};
+	}
+	static getArcGenerator(outerRadius, innerRadius) {
+		return arc().innerRadius(innerRadius).outerRadius(outerRadius);
+	}
+	static getPieGenerator(valueField, padAngle) {
+		return pie()
+			.padAngle(padAngle)
+			.sort(null)
+			.value((d) => d[valueField]);
+	}
+	static mergeDataWithZeros(firstDataset, secondDataset, keyField, colorField) {
+		const secondSet = new Set();
+		secondDataset.forEach((dataRow) => {
+			secondSet.add(dataRow[keyField]);
+		});
+		const onlyNew = firstDataset
+			.filter((d) => !secondSet.has(d[keyField]))
+			.map((d, index, array) => {
+				const data = {
+					keyField: array[index][keyField],
+					valueField: 0,
+					[colorField]: array[index][colorField]
+					//TODO: добавить цвет из ColorReader'а
+				};
+				return data;
+			});
+		const sortedMerge = merge([secondDataset, onlyNew]);
+		return sortedMerge;
+	}
+	static getThicknessByUnit(chartBlockSize, valueInPx, unit) {
+		if (unit === "px") return valueInPx;
+		const minSideSize = Math.min(chartBlockSize.width, chartBlockSize.height);
+		return (minSideSize / 2) * (valueInPx / 100);
+	}
+	static getChartBlockSize(blockSize, margin) {
+		return {
+			height: blockSize.height - margin.top - margin.bottom,
+			width: blockSize.width - margin.left - margin.right
+		};
+	}
 }

package/lib/engine/polarNotation/donut/donut.d.ts

@@ -4,29 +4,44 @@ import { BlockMargin, DonutChartSettings, PolarChartModel } from "../../../model
 import { Block } from "../../block/block";
 import { MdtChartsDataRow, Size } from "../../../config/config";
 export interface Translate {
-    x: number;
-    y: number;
+	x: number;
+	y: number;
 }
 export declare class Donut {
-    static readonly donutBlockClass = "donut-block";
-    static readonly arcPathClass = "arc-path";
-    static readonly arcItemClass = "arc";
-    static readonly arcHighlightedClass = "arc-highlighted";
-    static readonly arcClonesGroupClass = "arc-clones";
-    static readonly arcShadowsGroupClass = "arc-shadow-clones";
-    static readonly arcCloneClass = "arc-clone";
-    static readonly arcShadowClass = "arc-shadow-clone";
-    static render(block: Block, data: MdtChartsDataRow[], margin: BlockMargin, chart: PolarChartModel, blockSize: Size, settings: DonutChartSettings): void;
-    static update(block: Block, data: MdtChartsDataRow[], margin: BlockMargin, chart: PolarChartModel, blockSize: Size, donutSettings: DonutChartSettings, keyField: string): Promise<any>;
-    static updateColors(block: Block, chart: PolarChartModel): void;
-    static getAllArcGroups(block: Block): Selection<SVGGElement, PieArcDatum<MdtChartsDataRow>, SVGGElement, unknown>;
-    static getAllArcClones(block: Block): Selection<SVGGElement, PieArcDatum<MdtChartsDataRow>, SVGGElement, unknown>;
-    static getAllArcShadows(block: Block): Selection<SVGGElement, PieArcDatum<MdtChartsDataRow>, SVGGElement, unknown>;
-    private static renderNewArcItems;
-    private static setElementsColor;
-    /**
-     * Рендер группы для клонов сегментов доната внутри donut-block. Объекдиняет в себе стили для клонов
-     */
-    private static renderClonesG;
-    private static raiseClonesG;
+	static readonly donutBlockClass = "donut-block";
+	static readonly arcPathClass = "arc-path";
+	static readonly arcItemClass = "arc";
+	static readonly arcHighlightedClass = "arc-highlighted";
+	static readonly arcClonesGroupClass = "arc-clones";
+	static readonly arcShadowsGroupClass = "arc-shadow-clones";
+	static readonly arcCloneClass = "arc-clone";
+	static readonly arcShadowClass = "arc-shadow-clone";
+	static render(
+		block: Block,
+		data: MdtChartsDataRow[],
+		margin: BlockMargin,
+		chart: PolarChartModel,
+		blockSize: Size,
+		settings: DonutChartSettings
+	): void;
+	static update(
+		block: Block,
+		data: MdtChartsDataRow[],
+		margin: BlockMargin,
+		chart: PolarChartModel,
+		blockSize: Size,
+		donutSettings: DonutChartSettings,
+		keyField: string
+	): Promise<any>;
+	static updateColors(block: Block, chart: PolarChartModel): void;
+	static getAllArcGroups(block: Block): Selection<SVGGElement, PieArcDatum<MdtChartsDataRow>, SVGGElement, unknown>;
+	static getAllArcClones(block: Block): Selection<SVGGElement, PieArcDatum<MdtChartsDataRow>, SVGGElement, unknown>;
+	static getAllArcShadows(block: Block): Selection<SVGGElement, PieArcDatum<MdtChartsDataRow>, SVGGElement, unknown>;
+	private static renderNewArcItems;
+	private static setElementsColor;
+	/**
+	 * Рендер группы для клонов сегментов доната внутри donut-block. Объекдиняет в себе стили для клонов
+	 */
+	private static renderClonesG;
+	private static raiseClonesG;
 }

package/lib/engine/polarNotation/donut/donut.js

@@ -4,105 +4,115 @@ import { DonutHelper } from "./DonutHelper";
 import { DomHelper } from "../../helpers/domHelper";
 import { ColorReader } from "../../colorReader/colorReader";
 export class Donut {
-    static render(block, data, margin, chart, blockSize, settings) {
-        const outerRadius = DonutHelper.getOuterRadius(margin, blockSize);
-        const thickness = DonutHelper.getThickness(settings, blockSize, margin);
-        const innerRadius = DonutHelper.getInnerRadius(outerRadius, thickness);
-        const arcGenerator = DonutHelper.getArcGenerator(outerRadius, innerRadius);
-        const pieGenerator = DonutHelper.getPieGenerator(chart.data.valueField.name, settings.padAngle);
-        const translateAttr = DonutHelper.getTranslate(margin, blockSize);
-        Aggregator.render(block, chart.data.valueField, innerRadius, translateAttr, thickness, settings.aggregator);
-        const donutBlock = block
-            .getSvg()
-            .append("g")
-            .attr("class", this.donutBlockClass)
-            .attr("x", translateAttr.x)
-            .attr("y", translateAttr.y)
-            .attr("transform", `translate(${translateAttr.x}, ${translateAttr.y})`);
-        this.renderNewArcItems(arcGenerator, pieGenerator, donutBlock, data, chart);
-        this.renderClonesG(donutBlock);
-    }
-    static update(block, data, margin, chart, blockSize, donutSettings, keyField) {
-        const outerRadius = DonutHelper.getOuterRadius(margin, blockSize);
-        const thickness = DonutHelper.getThickness(donutSettings, blockSize, margin);
-        const innerRadius = DonutHelper.getInnerRadius(outerRadius, thickness);
-        const arcGenerator = DonutHelper.getArcGenerator(outerRadius, innerRadius);
-        const pieGenerator = DonutHelper.getPieGenerator(chart.data.valueField.name, donutSettings.padAngle);
-        const oldData = block
-            .getSvg()
-            .selectAll(`.${this.donutBlockClass}`)
-            .selectAll("path")
-            .data()
-            .map((d) => d.data);
-        const dataNewZeroRows = DonutHelper.mergeDataWithZeros(data, oldData, keyField, ColorReader.getChartColorField(chart));
-        const dataExtraZeroRows = DonutHelper.mergeDataWithZeros(oldData, data, keyField, ColorReader.getChartColorField(chart));
-        const donutBlock = block.getSvg().select(`.${this.donutBlockClass}`);
-        this.renderNewArcItems(arcGenerator, pieGenerator, donutBlock, dataNewZeroRows, chart);
-        const path = this.getAllArcGroups(block).data(pieGenerator(dataExtraZeroRows)).select("path");
-        const items = this.getAllArcGroups(block).data(pieGenerator(data));
-        this.setElementsColor(this.getAllArcGroups(block), chart);
-        return new Promise((resolve) => {
-            this.raiseClonesG(block);
-            path.interrupt()
-                .transition()
-                .duration(block.transitionManager.durations.chartUpdate)
-                .on("end", () => {
-                items.exit().remove();
-                resolve("updated");
-            })
-                .attrTween("d", function (d) {
-                const interpolateFunc = interpolate(this._currentData, d);
-                return (t) => {
-                    this._currentData = interpolateFunc(t); // _current - старые данные до обновления, задаются во время рендера
-                    return arcGenerator(this._currentData);
-                };
-            });
-        });
-    }
-    static updateColors(block, chart) {
-        this.setElementsColor(this.getAllArcGroups(block), chart);
-    }
-    static getAllArcGroups(block) {
-        return block.getSvg().selectAll(`.${this.arcItemClass}`);
-    }
-    static getAllArcClones(block) {
-        return block.getSvg().selectAll(`.${Donut.arcCloneClass}`);
-    }
-    static getAllArcShadows(block) {
-        return block.getSvg().selectAll(`.${this.arcShadowClass}`);
-    }
-    static renderNewArcItems(arcGenerator, pieGenerator, donutBlock, data, chart) {
-        const items = donutBlock
-            .selectAll(`.${this.arcItemClass}`)
-            .data(pieGenerator(data))
-            .enter()
-            .append("g")
-            .attr("class", this.arcItemClass);
-        const arcs = items
-            .append("path")
-            .attr("d", arcGenerator)
-            .attr("class", this.arcPathClass)
-            .each(function (d) {
-            this._currentData = d;
-        }); // _currentData используется для получения текущих данных внутри функции обновления.
-        DomHelper.setCssClasses(arcs, chart.cssClasses);
-        this.setElementsColor(items, chart);
-    }
-    static setElementsColor(arcItems, chart) {
-        arcItems.select("path").style("fill", ({ data }, i) => ColorReader.getColorForArc(data, chart, i));
-    }
-    /**
-     * Рендер группы для клонов сегментов доната внутри donut-block. Объекдиняет в себе стили для клонов
-     */
-    static renderClonesG(donutBlock) {
-        const clonesShadowsG = donutBlock.append("g").attr("class", this.arcShadowsGroupClass).raise();
-        const clonesG = donutBlock.append("g").attr("class", this.arcClonesGroupClass).raise();
-        // ElementHighlighter.setShadowFilter(clonesG);
-    }
-    static raiseClonesG(block) {
-        block.getSvg().select(`.${this.donutBlockClass}`).select(`.${this.arcShadowsGroupClass}`).raise();
-        block.getSvg().select(`.${this.donutBlockClass}`).select(`.${this.arcClonesGroupClass}`).raise();
-    }
+	static render(block, data, margin, chart, blockSize, settings) {
+		const outerRadius = DonutHelper.getOuterRadius(margin, blockSize);
+		const thickness = DonutHelper.getThickness(settings, blockSize, margin);
+		const innerRadius = DonutHelper.getInnerRadius(outerRadius, thickness);
+		const arcGenerator = DonutHelper.getArcGenerator(outerRadius, innerRadius);
+		const pieGenerator = DonutHelper.getPieGenerator(chart.data.valueField.name, settings.padAngle);
+		const translateAttr = DonutHelper.getTranslate(margin, blockSize);
+		Aggregator.render(block, chart.data.valueField, innerRadius, translateAttr, thickness, settings.aggregator);
+		const donutBlock = block
+			.getSvg()
+			.append("g")
+			.attr("class", this.donutBlockClass)
+			.attr("x", translateAttr.x)
+			.attr("y", translateAttr.y)
+			.attr("transform", `translate(${translateAttr.x}, ${translateAttr.y})`);
+		this.renderNewArcItems(arcGenerator, pieGenerator, donutBlock, data, chart);
+		this.renderClonesG(donutBlock);
+	}
+	static update(block, data, margin, chart, blockSize, donutSettings, keyField) {
+		const outerRadius = DonutHelper.getOuterRadius(margin, blockSize);
+		const thickness = DonutHelper.getThickness(donutSettings, blockSize, margin);
+		const innerRadius = DonutHelper.getInnerRadius(outerRadius, thickness);
+		const arcGenerator = DonutHelper.getArcGenerator(outerRadius, innerRadius);
+		const pieGenerator = DonutHelper.getPieGenerator(chart.data.valueField.name, donutSettings.padAngle);
+		const oldData = block
+			.getSvg()
+			.selectAll(`.${this.donutBlockClass}`)
+			.selectAll("path")
+			.data()
+			.map((d) => d.data);
+		const dataNewZeroRows = DonutHelper.mergeDataWithZeros(
+			data,
+			oldData,
+			keyField,
+			ColorReader.getChartColorField(chart)
+		);
+		const dataExtraZeroRows = DonutHelper.mergeDataWithZeros(
+			oldData,
+			data,
+			keyField,
+			ColorReader.getChartColorField(chart)
+		);
+		const donutBlock = block.getSvg().select(`.${this.donutBlockClass}`);
+		this.renderNewArcItems(arcGenerator, pieGenerator, donutBlock, dataNewZeroRows, chart);
+		const path = this.getAllArcGroups(block).data(pieGenerator(dataExtraZeroRows)).select("path");
+		const items = this.getAllArcGroups(block).data(pieGenerator(data));
+		this.setElementsColor(this.getAllArcGroups(block), chart);
+		return new Promise((resolve) => {
+			this.raiseClonesG(block);
+			path.interrupt()
+				.transition()
+				.duration(block.transitionManager.durations.chartUpdate)
+				.on("end", () => {
+					items.exit().remove();
+					resolve("updated");
+				})
+				.attrTween("d", function (d) {
+					const interpolateFunc = interpolate(this._currentData, d);
+					return (t) => {
+						this._currentData = interpolateFunc(t); // _current - старые данные до обновления, задаются во время рендера
+						return arcGenerator(this._currentData);
+					};
+				});
+		});
+	}
+	static updateColors(block, chart) {
+		this.setElementsColor(this.getAllArcGroups(block), chart);
+	}
+	static getAllArcGroups(block) {
+		return block.getSvg().selectAll(`.${this.arcItemClass}`);
+	}
+	static getAllArcClones(block) {
+		return block.getSvg().selectAll(`.${Donut.arcCloneClass}`);
+	}
+	static getAllArcShadows(block) {
+		return block.getSvg().selectAll(`.${this.arcShadowClass}`);
+	}
+	static renderNewArcItems(arcGenerator, pieGenerator, donutBlock, data, chart) {
+		const items = donutBlock
+			.selectAll(`.${this.arcItemClass}`)
+			.data(pieGenerator(data))
+			.enter()
+			.append("g")
+			.attr("class", this.arcItemClass);
+		const arcs = items
+			.append("path")
+			.attr("d", arcGenerator)
+			.attr("class", this.arcPathClass)
+			.each(function (d) {
+				this._currentData = d;
+			}); // _currentData используется для получения текущих данных внутри функции обновления.
+		DomHelper.setCssClasses(arcs, chart.cssClasses);
+		this.setElementsColor(items, chart);
+	}
+	static setElementsColor(arcItems, chart) {
+		arcItems.select("path").style("fill", ({ data }, i) => ColorReader.getColorForArc(data, chart, i));
+	}
+	/**
+	 * Рендер группы для клонов сегментов доната внутри donut-block. Объекдиняет в себе стили для клонов
+	 */
+	static renderClonesG(donutBlock) {
+		const clonesShadowsG = donutBlock.append("g").attr("class", this.arcShadowsGroupClass).raise();
+		const clonesG = donutBlock.append("g").attr("class", this.arcClonesGroupClass).raise();
+		// ElementHighlighter.setShadowFilter(clonesG);
+	}
+	static raiseClonesG(block) {
+		block.getSvg().select(`.${this.donutBlockClass}`).select(`.${this.arcShadowsGroupClass}`).raise();
+		block.getSvg().select(`.${this.donutBlockClass}`).select(`.${this.arcClonesGroupClass}`).raise();
+	}
 }
 Donut.donutBlockClass = "donut-block";
 Donut.arcPathClass = "arc-path";

package/lib/engine/polarNotation/extenders/polarRecordOverflowAlert.d.ts

@@ -1,15 +1,15 @@
 import { LegendPosition } from "../../../model/model";
 import { Block } from "../../block/block";
 interface PolarRecordOverflowAlertOptions {
-    hidedRecordsAmount: number;
-    legendPosition: LegendPosition;
+	hidedRecordsAmount: number;
+	legendPosition: LegendPosition;
 }
 declare class PolarRecordOverflowAlertClass {
-    private readonly text;
-    render(block: Block, options: PolarRecordOverflowAlertOptions): void;
-    update(block: Block, options: PolarRecordOverflowAlertOptions): void;
-    private buildCoreOptions;
-    private getPositionAttrs;
+	private readonly text;
+	render(block: Block, options: PolarRecordOverflowAlertOptions): void;
+	update(block: Block, options: PolarRecordOverflowAlertOptions): void;
+	private buildCoreOptions;
+	private getPositionAttrs;
 }
 export declare const PolarRecordOverflowAlert: PolarRecordOverflowAlertClass;
 export {};

package/lib/engine/polarNotation/extenders/polarRecordOverflowAlert.js

@@ -1,40 +1,40 @@
 import { RecordOverflowAlertCore } from "../../features/recordOverflowAlert/recordOverflowAlertCore";
 class PolarRecordOverflowAlertClass {
-    constructor() {
-        this.text = {
-            one: "категория",
-            twoToFour: "категории",
-            tenToTwenty: "категорий",
-            other: "категорий"
-        };
-    }
-    render(block, options) {
-        RecordOverflowAlertCore.render(block, this.buildCoreOptions(options));
-    }
-    update(block, options) {
-        RecordOverflowAlertCore.update(block, this.buildCoreOptions(options));
-    }
-    buildCoreOptions(options) {
-        return {
-            hidedRecordsAmount: options.hidedRecordsAmount,
-            text: this.text,
-            positionAttrs: this.getPositionAttrs(options)
-        };
-    }
-    getPositionAttrs(options) {
-        const position = options.legendPosition === "off" ? "bottom" : options.legendPosition;
-        if (position === "right") {
-            return {
-                bottom: "0",
-                right: "0"
-            };
-        }
-        if (position === "bottom") {
-            return {
-                bottom: "0",
-                left: "0"
-            };
-        }
-    }
+	constructor() {
+		this.text = {
+			one: "категория",
+			twoToFour: "категории",
+			tenToTwenty: "категорий",
+			other: "категорий"
+		};
+	}
+	render(block, options) {
+		RecordOverflowAlertCore.render(block, this.buildCoreOptions(options));
+	}
+	update(block, options) {
+		RecordOverflowAlertCore.update(block, this.buildCoreOptions(options));
+	}
+	buildCoreOptions(options) {
+		return {
+			hidedRecordsAmount: options.hidedRecordsAmount,
+			text: this.text,
+			positionAttrs: this.getPositionAttrs(options)
+		};
+	}
+	getPositionAttrs(options) {
+		const position = options.legendPosition === "off" ? "bottom" : options.legendPosition;
+		if (position === "right") {
+			return {
+				bottom: "0",
+				right: "0"
+			};
+		}
+		if (position === "bottom") {
+			return {
+				bottom: "0",
+				left: "0"
+			};
+		}
+	}
 }
 export const PolarRecordOverflowAlert = new PolarRecordOverflowAlertClass();

package/lib/engine/polarNotation/polarManager.d.ts

@@ -5,9 +5,9 @@ import { MdtChartsDataSource } from "../../config/config";
 import { ChartContentManager } from "../contentManager/contentManagerFactory";
 import { FilterEventManager } from "../filterManager/filterEventManager";
 export declare class PolarManager implements ChartContentManager {
-    render(engine: Engine, model: Model<PolarOptionsModel>): void;
-    updateData(block: Block, model: Model<PolarOptionsModel>, data: MdtChartsDataSource): void;
-    updateColors(block: Block, model: Model<PolarOptionsModel>): void;
-    clearSelection(filterEventManager: FilterEventManager, model: Model<PolarOptionsModel>): void;
-    private renderCharts;
+	render(engine: Engine, model: Model<PolarOptionsModel>): void;
+	updateData(block: Block, model: Model<PolarOptionsModel>, data: MdtChartsDataSource): void;
+	updateColors(block: Block, model: Model<PolarOptionsModel>): void;
+	clearSelection(filterEventManager: FilterEventManager, model: Model<PolarOptionsModel>): void;
+	private renderCharts;
 }