mdt-charts 1.27.0 → 1.27.2

package/.prettierrc

@@ -0,0 +1,6 @@
+{
+	"useTabs": true,
+	"tabWidth": 4,
+	"trailingComma": "none",
+	"printWidth": 120
+}

package/lib/config/config.d.ts

@@ -1,13 +1,13 @@
 declare type DataType = string;
 export declare type MdtChartsIconElement = () => HTMLElement;
-export declare type AxisPosition = 'start' | 'end';
-export declare type ChartOrientation = 'vertical' | 'horizontal';
-export declare type ChartNotation = '2d' | 'polar' | 'interval';
-export declare type ChartType = 'bar' | 'line' | 'area' | 'donut' | 'gantt';
-export declare type TwoDimensionalChartType = 'line' | 'bar' | 'area' | 'dot';
-export declare type PolarChartType = 'donut';
-export declare type IntervalChartType = 'gantt';
-export declare type EmbeddedLabelType = 'none' | 'key' | 'value';
+export declare type AxisPosition = "start" | "end";
+export declare type ChartOrientation = "vertical" | "horizontal";
+export declare type ChartNotation = "2d" | "polar" | "interval";
+export declare type ChartType = "bar" | "line" | "area" | "donut" | "gantt";
+export declare type TwoDimensionalChartType = "line" | "bar" | "area" | "dot";
+export declare type PolarChartType = "donut";
+export declare type IntervalChartType = "gantt";
+export declare type EmbeddedLabelType = "none" | "key" | "value";
 export declare type ValueLabelsCollisionMode = "none" | "hide";
 export declare type TwoDimLegendPosition = "top" | "bottom";
 export declare type MdtChartsDataRow = {
@@ -50,7 +50,7 @@ interface GraphicNotationOptions extends BasicOptions {
     selectable: boolean;
 }
 export interface MdtChartsTwoDimensionalOptions extends GraphicNotationOptions {
-    type: '2d';
+    type: "2d";
     axis: TwoDimensionalAxis;
     additionalElements: AdditionalElements;
     charts: MdtChartsTwoDimensionalChart[];
@@ -58,11 +58,11 @@ export interface MdtChartsTwoDimensionalOptions extends GraphicNotationOptions {
     valueLabels?: MdtChartsTwoDimensionalValueLabels;
 }
 export interface MdtChartsPolarOptions extends GraphicNotationOptions {
-    type: 'polar';
+    type: "polar";
     chart: PolarChart;
 }
 export interface MdtChartsIntervalOptions extends GraphicNotationOptions {
-    type: 'interval';
+    type: "interval";
     axis: IntervalAxis;
     chart: IntervalChart;
     additionalElements: AdditionalElements;
@@ -150,7 +150,7 @@ export interface TwoDimensionalAxis {
     value: NumberAxisOptions;
     valueSecondary?: NumberSecondaryAxisOptions;
 }
-export declare type NumberSecondaryAxisOptions = Omit<NumberAxisOptions, 'position'>;
+export declare type NumberSecondaryAxisOptions = Omit<NumberAxisOptions, "position">;
 export interface AxisOptions {
     visibility: boolean;
     position: AxisPosition;
@@ -299,7 +299,7 @@ export interface TwoDimensionalChartValueLabels {
     format?: ValueLabelsFormatter;
 }
 export declare type ValueLabelsFormatter = (value: number) => string;
-export declare type TwoDimensionalValueGroup = 'main' | 'secondary';
+export declare type TwoDimensionalValueGroup = "main" | "secondary";
 interface MarkersOptions {
     show: boolean;
 }

package/lib/designer/designerConfig.d.ts

@@ -7,7 +7,7 @@ export declare type Formatter = (value: any, options?: {
     title?: string;
     empty?: string;
 }) => string;
-export declare type TooltipPosition = 'followCursor' | 'fixed';
+export declare type TooltipPosition = "followCursor" | "fixed";
 export interface DesignerConfig {
     canvas: Canvas;
     dataFormat: DataFormat;

package/lib/engine/block/block.js

@@ -22,11 +22,11 @@ export class Block {
     }
     renderWrapper(blockSize) {
         this.wrapper = this.parentElementSelection
-            .append('div')
-            .attr('class', this.wrapperCssClasses.join(' '))
-            .style('width', blockSize.width + 'px')
-            .style('height', blockSize.height + 'px')
-            .style('position', 'relative');
+            .append("div")
+            .attr("class", this.wrapperCssClasses.join(" "))
+            .style("width", blockSize.width + "px")
+            .style("height", blockSize.height + "px")
+            .style("position", "relative");
         this.svg.initParent(this.wrapper);
         this.html.initParent(this.wrapper);
     }
@@ -45,17 +45,17 @@ export class Block {
     removeMouseEvents() {
         //TODO: move this method in blockSvg
         const tipBoxes = this.getSvg().selectAll(`.${TipBox.tipBoxClass}`);
-        tipBoxes.on('mousemove', null);
-        tipBoxes.on('mouseover', null);
-        tipBoxes.on('mouseleave', null);
-        tipBoxes.on('click', null);
+        tipBoxes.on("mousemove", null);
+        tipBoxes.on("mouseover", null);
+        tipBoxes.on("mouseleave", null);
+        tipBoxes.on("click", null);
         const arcItems = Donut.getAllArcGroups(this);
-        arcItems.on('mouseover', null);
-        arcItems.on('mouseleave', null);
-        arcItems.on('mousemove', null);
-        arcItems.on('click', null);
+        arcItems.on("mouseover", null);
+        arcItems.on("mouseleave", null);
+        arcItems.on("mousemove", null);
+        arcItems.on("click", null);
     }
     clearWrapper() {
-        this.getWrapper().selectAll('*').remove();
+        this.getWrapper().selectAll("*").remove();
     }
 }

package/lib/engine/block/blockHelper.js

@@ -11,8 +11,8 @@ export class BlockHelper {
     }
     static getFormattedCssClassesForWrapper(cssClasses) {
         const wrapperClasses = [];
-        cssClasses.forEach(cssClass => {
-            wrapperClasses.push(cssClass + '-wrapper');
+        cssClasses.forEach((cssClass) => {
+            wrapperClasses.push(cssClass + "-wrapper");
         });
         return wrapperClasses;
     }

package/lib/engine/block/blockSvg.js

@@ -4,8 +4,8 @@ import { HatchPatternDef } from "./defs/hatchPattern";
 export class BlockSvg {
     constructor(options) {
         this.hatchPatternDef = new HatchPatternDef();
-        this.chartBlockClass = 'chart-block';
-        this.chartGroupClass = 'chart-group';
+        this.chartBlockClass = "chart-block";
+        this.chartGroupClass = "chart-group";
         this.svgCssClasses = options.svgCssClasses;
         this.parentBlockId = options.parentBlockId;
     }
@@ -14,18 +14,16 @@ export class BlockSvg {
     }
     render(blockSize) {
         this.parent
-            .append('svg')
-            .attr('width', blockSize.width)
-            .attr('height', blockSize.height)
-            .attr('class', this.svgCssClasses + ' ' + NamesHelper.getClassName('svg-chart'));
+            .append("svg")
+            .attr("width", blockSize.width)
+            .attr("height", blockSize.height)
+            .attr("class", this.svgCssClasses + " " + NamesHelper.getClassName("svg-chart"));
     }
     getBlock() {
-        return this.parent.select(`svg.${NamesHelper.getClassName('svg-chart')}`);
+        return this.parent.select(`svg.${NamesHelper.getClassName("svg-chart")}`);
     }
     renderChartsBlock() {
-        this.getBlock()
-            .append('g')
-            .attr('class', this.chartBlockClass);
+        this.getBlock().append("g").attr("class", this.chartBlockClass);
     }
     getChartBlock() {
         return this.getBlock().select(`.${this.chartBlockClass}`);
@@ -33,42 +31,41 @@ export class BlockSvg {
     getChartGroup(chartIndex) {
         let group = this.getChartBlock().select(`.${this.chartGroupClass}-${chartIndex}`);
         if (group.empty()) {
-            group = this.getChartBlock().append('g')
-                .attr('class', `${this.chartGroupClass}-${chartIndex}`);
+            group = this.getChartBlock().append("g").attr("class", `${this.chartGroupClass}-${chartIndex}`);
         }
         return group;
     }
     getClipPathId() {
-        return NamesHelper.getId('clip-path', this.parentBlockId);
+        return NamesHelper.getId("clip-path", this.parentBlockId);
     }
     renderChartClipPath(margin, blockSize) {
         const attributes = BlockHelper.getClipPathAttributes(blockSize, margin);
         this.ensureDefsRendered()
-            .append('clipPath')
-            .attr('id', this.getClipPathId())
-            .append('rect')
-            .attr('x', attributes.x)
-            .attr('y', attributes.y)
-            .attr('width', attributes.width)
-            .attr('height', attributes.height);
+            .append("clipPath")
+            .attr("id", this.getClipPathId())
+            .append("rect")
+            .attr("x", attributes.x)
+            .attr("y", attributes.y)
+            .attr("width", attributes.width)
+            .attr("height", attributes.height);
     }
     updateChartClipPath(margin, blockSize) {
         const attributes = BlockHelper.getClipPathAttributes(blockSize, margin);
         this.ensureDefsRendered()
-            .select('clipPath')
-            .select('rect')
-            .attr('x', attributes.x)
-            .attr('y', attributes.y)
-            .attr('width', attributes.width)
-            .attr('height', attributes.height);
+            .select("clipPath")
+            .select("rect")
+            .attr("x", attributes.x)
+            .attr("y", attributes.y)
+            .attr("width", attributes.width)
+            .attr("height", attributes.height);
     }
     renderBarHatchPattern() {
         this.hatchPatternDef.appendToDefsBlock(this.ensureDefsRendered());
     }
     ensureDefsRendered() {
-        let defs = this.getBlock().select('defs');
+        let defs = this.getBlock().select("defs");
         if (defs.empty())
-            defs = this.getBlock().append('defs');
+            defs = this.getBlock().append("defs");
         return defs;
     }
 }

package/lib/engine/block/defs/LinearGradientDef.js

@@ -1,14 +1,16 @@
 export class LinearGradientDef {
     render(defs, gradients) {
-        gradients.forEach(gradient => {
-            const linearGradient = defs.append("linearGradient")
+        gradients.forEach((gradient) => {
+            const linearGradient = defs
+                .append("linearGradient")
                 .attr("id", gradient.id)
                 .attr("x1", gradient.position.x1)
                 .attr("y1", gradient.position.y1)
                 .attr("x2", gradient.position.x2)
                 .attr("y2", gradient.position.y2);
-            gradient.items.forEach(item => {
-                linearGradient.append("stop")
+            gradient.items.forEach((item) => {
+                linearGradient
+                    .append("stop")
                     .attr("id", item.id)
                     .attr("offset", item.offset)
                     .attr("stop-opacity", item.opacity)
@@ -17,11 +19,10 @@ export class LinearGradientDef {
         });
     }
     updateColors(defs, gradients) {
-        gradients.forEach(gradient => {
+        gradients.forEach((gradient) => {
             const linearGradient = defs.select(`#${gradient.id}`);
-            gradient.items.forEach(item => {
-                linearGradient.select(`#${item.id}`)
-                    .attr("stop-color", item.color);
+            gradient.items.forEach((item) => {
+                linearGradient.select(`#${item.id}`).attr("stop-color", item.color);
             });
         });
     }

package/lib/engine/contentManager/contentManagerFactory.js

@@ -4,7 +4,7 @@ export class ContentManagerFactory {
     constructor() {
         this.managers = {
             "2d": TwoDimensionalManager,
-            "polar": PolarManager
+            polar: PolarManager
         };
     }
     getManager(type) {

package/lib/engine/elementHighlighter/elementHighlighter.d.ts

@@ -1,8 +1,8 @@
-import { Selection, BaseType } from 'd3-selection';
-import { PieArcDatum } from 'd3-shape';
+import { Selection, BaseType } from "d3-selection";
+import { PieArcDatum } from "d3-shape";
 import { BlockMargin, TwoDimensionalChartModel } from "../../model/model";
 import { Block } from "../block/block";
-import { MdtChartsDataRow, Size } from '../../config/config';
+import { MdtChartsDataRow, Size } from "../../config/config";
 export declare class ElementHighlighter {
     private static inactiveElemClass;
     static toggleActivityStyle(elementSelection: Selection<BaseType, unknown, BaseType, unknown>, isActive: boolean): void;

package/lib/engine/elementHighlighter/elementHighlighter.js

@@ -1,13 +1,13 @@
-import { select } from 'd3-selection';
-import { easeLinear } from 'd3-ease';
-import { interrupt } from 'd3-transition';
-import { DomHelper, SelectionCondition } from '../helpers/domHelper';
-import { Donut } from '../polarNotation/donut/donut';
-import { MarkDot } from '../features/markDots/markDot';
-import { Helper } from '../helpers/helper';
-import * as chroma from 'chroma-js';
-import { NamesHelper } from '../helpers/namesHelper';
-import { DonutHelper } from '../polarNotation/donut/DonutHelper';
+import { select } from "d3-selection";
+import { easeLinear } from "d3-ease";
+import { interrupt } from "d3-transition";
+import { DomHelper, SelectionCondition } from "../helpers/domHelper";
+import { Donut } from "../polarNotation/donut/donut";
+import { MarkDot } from "../features/markDots/markDot";
+import { Helper } from "../helpers/helper";
+import * as chroma from "chroma-js";
+import { NamesHelper } from "../helpers/namesHelper";
+import { DonutHelper } from "../polarNotation/donut/DonutHelper";
 export class ElementHighlighter {
     static toggleActivityStyle(elementSelection, isActive) {
         elementSelection.classed(this.inactiveElemClass, !isActive);
@@ -18,25 +18,22 @@ export class ElementHighlighter {
     static setShadowFilter(elemSelection, blurPercent = 1) {
         const maxBlurSize = 8;
         elemSelection.each(function () {
-            const elemFill = select(this).style('fill') || 'rgb(0, 0, 0)';
+            const elemFill = select(this).style("fill") || "rgb(0, 0, 0)";
             const colorInRgb = chroma(elemFill).css();
             const shadowColor = Helper.getRgbaFromRgb(colorInRgb, 0.6);
-            select(this).style('filter', `drop-shadow(0px 0px ${blurPercent * maxBlurSize}px ${shadowColor})`);
+            select(this).style("filter", `drop-shadow(0px 0px ${blurPercent * maxBlurSize}px ${shadowColor})`);
         });
     }
     static removeFilter(elemSelection) {
-        elemSelection.style('filter', null);
+        elemSelection.style("filter", null);
     }
     static removeShadowClone(block, keyFieldName, selectedSegment, margin, blockSize, donutThickness) {
-        const shadowClone = Donut.getAllArcShadows(block)
-            .filter((d) => d.data[keyFieldName] === selectedSegment.datum().data[keyFieldName]);
-        this.removeFilter(shadowClone.select('path'));
-        this.toggleDonutHighlightState(shadowClone, margin, blockSize, donutThickness, block.transitionManager.durations.higlightedScale, false)
-            .then(() => shadowClone.remove());
+        const shadowClone = Donut.getAllArcShadows(block).filter((d) => d.data[keyFieldName] === selectedSegment.datum().data[keyFieldName]);
+        this.removeFilter(shadowClone.select("path"));
+        this.toggleDonutHighlightState(shadowClone, margin, blockSize, donutThickness, block.transitionManager.durations.higlightedScale, false).then(() => shadowClone.remove());
     }
     static removeCloneForElem(block, keyFieldName, selectedSegment) {
-        const clone = Donut.getAllArcClones(block)
-            .filter((d) => d.data[keyFieldName] === selectedSegment.datum().data[keyFieldName]);
+        const clone = Donut.getAllArcClones(block).filter((d) => d.data[keyFieldName] === selectedSegment.datum().data[keyFieldName]);
         clone.remove();
     }
     static removeDonutArcClones(block) {
@@ -49,21 +46,21 @@ export class ElementHighlighter {
         this.toggleDonutHighlightState(arcSelection, margin, blockSize, donutThickness, block.transitionManager.durations.higlightedScale, true);
         this.toggleDonutHighlightState(clone, margin, blockSize, donutThickness, block.transitionManager.durations.higlightedScale, true);
         this.toggleDonutHighlightState(shadowClone, margin, blockSize, donutThickness, block.transitionManager.durations.higlightedScale, true);
-        this.setShadowFilter(shadowClone.select('path'), donutThickness / 60);
+        this.setShadowFilter(shadowClone.select("path"), donutThickness / 60);
     }
     static toggleDonutHighlightState(segment, margin, blockSize, donutThickness, transitionDuration, on) {
-        return new Promise(resolve => {
+        return new Promise((resolve) => {
             let scaleSize = 0;
             if (on)
                 scaleSize = 5; // Если нужно выделить сегмент, то scaleSize не равен нулю и отображается увеличенным
             segment
-                .select('path')
+                .select("path")
                 .interrupt()
                 .transition()
                 .duration(transitionDuration)
-                .on('end', () => resolve(''))
+                .on("end", () => resolve(""))
                 .ease(easeLinear)
-                .attr('d', (d, i) => DonutHelper.getArcGeneratorObject(blockSize, margin, donutThickness)
+                .attr("d", (d, i) => DonutHelper.getArcGeneratorObject(blockSize, margin, donutThickness)
                 .outerRadius(DonutHelper.getOuterRadius(margin, blockSize) + scaleSize)
                 .innerRadius(DonutHelper.getOuterRadius(margin, blockSize) - donutThickness - scaleSize)(d, i));
         });
@@ -73,7 +70,7 @@ export class ElementHighlighter {
         this.toggleDonutHighlightState(segments, margin, blockSize, donutThickness, 0, false);
     }
     static setInactiveFor2D(block, keyFieldName, charts) {
-        charts.forEach(chart => {
+        charts.forEach((chart) => {
             const elems = DomHelper.get2DChartElements(block, chart);
             if (block.filterEventManager.getSelectedKeys().length === 0) {
                 this.toggleActivityStyle(elems, true);
@@ -87,19 +84,19 @@ export class ElementHighlighter {
         });
     }
     static remove2DChartsFullHighlighting(block, charts, transitionDuration = 0) {
-        charts.forEach(chart => {
+        charts.forEach((chart) => {
             const elems = DomHelper.get2DChartElements(block, chart);
-            if (chart.type !== 'bar')
+            if (chart.type !== "bar")
                 MarkDot.tryMakeMarkDotVisible(elems, chart.markersOptions, false);
             this.toggle2DElements(elems, false, chart, transitionDuration);
             this.toggleActivityStyle(elems, true);
         });
     }
     static removeUnselected2DHighlight(block, keyFieldName, charts, transitionDuration) {
-        charts.forEach(chart => {
+        charts.forEach((chart) => {
             const elems = DomHelper.get2DChartElements(block, chart);
             const selectedElems = DomHelper.getChartElementsByKeys(elems, chart.isSegmented, keyFieldName, block.filterEventManager.getSelectedKeys(), SelectionCondition.Exclude);
-            if (chart.type !== 'bar')
+            if (chart.type !== "bar")
                 MarkDot.tryMakeMarkDotVisible(selectedElems, chart.markersOptions, false);
             this.toggle2DElements(selectedElems, false, chart, transitionDuration);
             if (block.filterEventManager.getSelectedKeys().length > 0)
@@ -107,7 +104,7 @@ export class ElementHighlighter {
         });
     }
     static toggle2DElements(elemSelection, isHighlight, chart, transitionDuration) {
-        if (chart.type === 'area' || chart.type === 'line') {
+        if (chart.type === "area" || chart.type === "line") {
             elemSelection.call(this.toggleDot, isHighlight, chart.markersOptions.styles, transitionDuration);
         }
         else {
@@ -115,7 +112,7 @@ export class ElementHighlighter {
             if (isHighlight) {
                 elemSelection.each(function (d) {
                     const attrs = this.attrs;
-                    const blurPercent = (attrs.orient === 'vertical' ? attrs.width : attrs.height) / 30; // 30px = max bar size, 13px - max blurSize 
+                    const blurPercent = (attrs.orient === "vertical" ? attrs.width : attrs.height) / 30; // 30px = max bar size, 13px - max blurSize
                     ElementHighlighter.setShadowFilter(select(this), blurPercent);
                 });
             }
@@ -126,37 +123,43 @@ export class ElementHighlighter {
     }
     static makeArcClone(segment, block) {
         const clone = this.renderDonutSegmentClone(segment, `${Donut.arcCloneClass}`);
-        block.getSvg().select(`.${Donut.arcClonesGroupClass}`).append(function () { return clone.node(); });
+        block
+            .getSvg()
+            .select(`.${Donut.arcClonesGroupClass}`)
+            .append(function () {
+            return clone.node();
+        });
         return clone;
     }
     static makeArcShadow(segment, block) {
         const shadowClone = this.renderDonutSegmentClone(segment, `${Donut.arcShadowClass}`);
-        block.getSvg().select(`.${Donut.arcShadowsGroupClass}`).append(function () { return shadowClone.node(); });
+        block
+            .getSvg()
+            .select(`.${Donut.arcShadowsGroupClass}`)
+            .append(function () {
+            return shadowClone.node();
+        });
         return shadowClone;
     }
     static renderDonutSegmentClone(segment, newClass) {
         return segment
             .clone(true)
-            .style('pointer-events', 'none')
+            .style("pointer-events", "none")
             .classed(`${Donut.arcCloneClass}`, false)
             .classed(newClass, true)
             .remove();
     }
     static toggleBar(elemSelection, isHighlight) {
-        const animationName = 'bar-highlight';
+        const animationName = "bar-highlight";
         if (isHighlight) {
             elemSelection.each(function () {
                 const attrs = this.attrs;
                 const handler = select(this).interrupt(animationName).transition(animationName).duration(200);
-                if (attrs.orient === 'vertical') {
-                    handler
-                        .attr('x', attrs.x - attrs.scaleSize)
-                        .attr('width', attrs.width + attrs.scaleSize * 2);
+                if (attrs.orient === "vertical") {
+                    handler.attr("x", attrs.x - attrs.scaleSize).attr("width", attrs.width + attrs.scaleSize * 2);
                 }
                 else {
-                    handler
-                        .attr('y', attrs.y - attrs.scaleSize)
-                        .attr('height', attrs.height + attrs.scaleSize * 2);
+                    handler.attr("y", attrs.y - attrs.scaleSize).attr("height", attrs.height + attrs.scaleSize * 2);
                 }
             });
         }
@@ -164,17 +167,13 @@ export class ElementHighlighter {
             elemSelection.each(function () {
                 const attrs = this.attrs;
                 const handler = select(this).interrupt(animationName).transition(animationName).duration(200);
-                handler
-                    .attr('x', attrs.x)
-                    .attr('width', attrs.width)
-                    .attr('y', attrs.y)
-                    .attr('height', attrs.height);
+                handler.attr("x", attrs.x).attr("width", attrs.width).attr("y", attrs.y).attr("height", attrs.height);
             });
         }
     }
     static toggleDot(elementSelection, isScaled, styles, transitionDuration = 0) {
-        const animationName = 'size-scale';
-        elementSelection.nodes().forEach(node => {
+        const animationName = "size-scale";
+        elementSelection.nodes().forEach((node) => {
             interrupt(node, animationName);
         });
         let elementsHandler = elementSelection;
@@ -186,10 +185,9 @@ export class ElementHighlighter {
                 .ease(easeLinear);
         }
         elementsHandler
-            .attr('r', isScaled ? styles.highlighted.size.radius : styles.normal.size.radius)
-            .style('stroke-width', isScaled ? styles.highlighted.size.borderSize : styles.normal.size.borderSize)
-            .each(function () {
-            select(this).style('fill', isScaled ? select(this).style('stroke') : 'white');
+            .attr("r", isScaled ? styles.highlighted.size.radius : styles.normal.size.radius)
+            .style("stroke-width", isScaled ? styles.highlighted.size.borderSize : styles.normal.size.borderSize).each(function () {
+            select(this).style("fill", isScaled ? select(this).style("stroke") : "white");
         });
     }
 }

package/lib/engine/elementHighlighter/selectHighlighter.js

@@ -7,19 +7,19 @@ import { ElementHighlighter } from "./elementHighlighter";
 import { MarkDot } from "../../engine/features/markDots/markDot";
 export class SelectHighlighter {
     static click2DHandler(multySelection, appendKey, keyValue, selectedKeys, block, options) {
-        options.charts.forEach(chart => {
+        options.charts.forEach((chart) => {
             const selectedElements = DomHelper.getChartElementsByKeys(DomHelper.get2DChartElements(block, chart), chart.isSegmented, options.data.keyField.name, [keyValue]);
             const elements = DomHelper.get2DChartElements(block, chart);
             if (!appendKey) {
                 ElementHighlighter.toggle2DElements(selectedElements, false, chart, block.transitionManager.durations.markerHover);
-                if (chart.type !== 'bar')
+                if (chart.type !== "bar")
                     MarkDot.tryMakeMarkDotVisible(selectedElements, chart.markersOptions, false);
                 if (selectedKeys.length > 0) {
                     ElementHighlighter.toggleActivityStyle(selectedElements, false);
                 }
                 else {
                     ElementHighlighter.toggleActivityStyle(elements, true);
-                    if (chart.type !== 'bar')
+                    if (chart.type !== "bar")
                         MarkDot.tryMakeMarkDotVisible(elements, chart.markersOptions, false);
                 }
                 return;
@@ -32,12 +32,12 @@ export class SelectHighlighter {
             else {
                 ElementHighlighter.toggle2DElements(DomHelper.getChartElementsByKeys(elements, chart.isSegmented, options.data.keyField.name, selectedKeys, SelectionCondition.Exclude), false, chart, block.transitionManager.durations.markerHover);
                 ElementHighlighter.toggleActivityStyle(elements, false);
-                if (chart.type !== 'bar')
+                if (chart.type !== "bar")
                     MarkDot.tryMakeMarkDotVisible(elements, chart.markersOptions, false);
                 ElementHighlighter.toggleActivityStyle(selectedElements, true);
                 ElementHighlighter.toggle2DElements(selectedElements, true, chart, block.transitionManager.durations.markerHover);
             }
-            if (chart.type !== 'bar')
+            if (chart.type !== "bar")
                 MarkDot.tryMakeMarkDotVisible(selectedElements, chart.markersOptions, true);
         });
     }
@@ -75,11 +75,11 @@ export class SelectHighlighter {
         ElementHighlighter.toggleActivityStyle(Legend.getItemsByKeys(block, selectedKeys), true);
     }
     static clear2D(block, options) {
-        options.charts.forEach(chart => {
+        options.charts.forEach((chart) => {
             const elements = DomHelper.get2DChartElements(block, chart);
             ElementHighlighter.toggle2DElements(elements, false, chart, block.transitionManager.durations.markerHover);
             ElementHighlighter.toggleActivityStyle(elements, true);
-            if (chart.type !== 'bar')
+            if (chart.type !== "bar")
                 MarkDot.tryMakeMarkDotVisible(elements, chart.markersOptions, false);
         });
     }

package/lib/engine/engine.d.ts

@@ -1,7 +1,7 @@
-import { Block } from './block/block';
-import { Model } from '../model/model';
-import { FilterCallback } from './filterManager/filterEventManager';
-import { MdtChartsDataSource } from '../config/config';
+import { Block } from "./block/block";
+import { Model } from "../model/model";
+import { FilterCallback } from "./filterManager/filterEventManager";
+import { MdtChartsDataSource } from "../config/config";
 export declare class Engine {
     private filterCallback;
     private initializeSelected;

package/lib/engine/engine.js

@@ -1,8 +1,8 @@
-import { Block } from './block/block';
-import { ValueFormatter } from './valueFormatter';
-import { ContentManager } from './contentManager/contentManager';
-import { FilterEventManager } from './filterManager/filterEventManager';
-import { Helper } from './helpers/helper';
+import { Block } from "./block/block";
+import { ValueFormatter } from "./valueFormatter";
+import { ContentManager } from "./contentManager/contentManager";
+import { FilterEventManager } from "./filterManager/filterEventManager";
+import { Helper } from "./helpers/helper";
 export class Engine {
     constructor(id, filterCallback, initializeSelected) {
         this.filterCallback = filterCallback;

package/lib/engine/features/aggregator/aggregator.d.ts

@@ -1,4 +1,4 @@
-import { DataType } from '../../../designer/designerConfig';
+import { DataType } from "../../../designer/designerConfig";
 import { DonutAggregatorModel, Field } from "../../../model/model";
 import { Block } from "../../block/block";
 import { Translate } from "../../polarNotation/donut/donut";