mdt-charts 1.27.1 → 1.27.3

package/lib/engine/features/axis/axisLabelDomHelper.js

@@ -1,104 +1,105 @@
-import { select } from 'd3-selection';
-import { DomHelper } from '../../helpers/domHelper';
-import { Helper } from '../../helpers/helper';
-import { AXIS_HORIZONTAL_LABEL_PADDING, AXIS_VERTICAL_LABEL_PADDING } from '../../../model/margin/twoDim/twoDimMarginModel';
+import { select } from "d3-selection";
+import { DomHelper } from "../../helpers/domHelper";
+import { Helper } from "../../helpers/helper";
+import { AXIS_HORIZONTAL_LABEL_PADDING, AXIS_VERTICAL_LABEL_PADDING } from "../../../model/margin/twoDim/twoDimMarginModel";
 export class AxisLabelHelper {
     static setTitles(axisElement, axisOptions) {
-        axisElement.selectAll('.tick text')
-            .each(function (d, i) {
-            const tickTitle = select(this).select('title');
+        axisElement.selectAll(".tick text").each(function (d, i) {
+            const tickTitle = select(this).select("title");
             if (tickTitle.empty())
-                select(this)
-                    .append('title')
-                    .text(axisOptions.browserTooltip.format(d));
+                select(this).append("title").text(axisOptions.browserTooltip.format(d));
             else {
-                tickTitle.text((axisOptions.browserTooltip.format(d)));
+                tickTitle.text(axisOptions.browserTooltip.format(d));
             }
         });
     }
     static setAxisLabelPaddingByOrient(axis, axisOptions) {
         let axisLabelPadding = AXIS_HORIZONTAL_LABEL_PADDING;
-        if (axisOptions.orient === 'left' || axisOptions.orient === 'right')
+        if (axisOptions.orient === "left" || axisOptions.orient === "right")
             axisLabelPadding = AXIS_VERTICAL_LABEL_PADDING;
         axis.tickPadding(axisLabelPadding);
     }
     static rotateLabels(axisElement, keyAxisOrient) {
-        const labelBlocks = axisElement.selectAll('text');
-        labelBlocks.attr('transform', 'rotate(-90)');
-        if (keyAxisOrient === 'bottom') {
-            labelBlocks
-                .attr('text-anchor', 'end')
-                .attr('x', -AXIS_HORIZONTAL_LABEL_PADDING)
-                .attr('y', -4);
+        const labelBlocks = axisElement.selectAll("text");
+        labelBlocks.attr("transform", "rotate(-90)");
+        if (keyAxisOrient === "bottom") {
+            labelBlocks.attr("text-anchor", "end").attr("x", -AXIS_HORIZONTAL_LABEL_PADDING).attr("y", -4);
         }
-        else if (keyAxisOrient === 'top') {
-            labelBlocks
-                .attr('text-anchor', 'start')
-                .attr('x', AXIS_HORIZONTAL_LABEL_PADDING)
-                .attr('y', 6);
+        else if (keyAxisOrient === "top") {
+            labelBlocks.attr("text-anchor", "start").attr("x", AXIS_HORIZONTAL_LABEL_PADDING).attr("y", 6);
         }
     }
     static cropLabels(block, scale, scaleOptions, axisOptions, blockSize) {
         var _a, _b, _c;
-        const axisTextBlocks = block.getSvg().select(`.${axisOptions.cssClass}`).selectAll('text');
+        const axisTextBlocks = block
+            .getSvg()
+            .select(`.${axisOptions.cssClass}`)
+            .selectAll("text");
         let maxLabelSize;
-        if ((axisOptions.orient === 'left' || axisOptions.orient === 'right') || (axisOptions.type === 'key' && axisOptions.labels.position === 'rotated'))
+        if (axisOptions.orient === "left" ||
+            axisOptions.orient === "right" ||
+            (axisOptions.type === "key" && axisOptions.labels.position === "rotated"))
             maxLabelSize = axisOptions.labels.maxSize;
         else
             maxLabelSize = ((_c = (_b = (_a = scale).step) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : Infinity) - 4;
         DomHelper.cropSvgLabels(axisTextBlocks, maxLabelSize);
-        if (axisOptions.labels.position === 'straight' && (axisOptions.orient === 'top' || axisOptions.orient === 'bottom')) {
+        if (axisOptions.labels.position === "straight" &&
+            (axisOptions.orient === "top" || axisOptions.orient === "bottom")) {
             this.cropAndAlignExtremeLabels(block, maxLabelSize, axisOptions, blockSize);
         }
     }
     static hideLabels(axisElement) {
-        axisElement.selectAll('.tick text').style('display', 'none');
+        axisElement.selectAll(".tick text").style("display", "none");
     }
     static alignLabelsInKeyAxis(axisOptions, axisElement) {
-        if (axisOptions.orient === 'left')
-            this.alignLabelsInVerticalAxis(axisElement, 'start', axisOptions.labels.maxSize, true);
-        else if (axisOptions.orient === 'right')
-            this.alignLabelsInVerticalAxis(axisElement, 'start', axisOptions.labels.maxSize, false);
+        if (axisOptions.orient === "left")
+            this.alignLabelsInVerticalAxis(axisElement, "start", axisOptions.labels.maxSize, true);
+        else if (axisOptions.orient === "right")
+            this.alignLabelsInVerticalAxis(axisElement, "start", axisOptions.labels.maxSize, false);
     }
     static alignLabelsInVerticalAxis(axisElement, anchor, maxLabelSize, changeCoordinate) {
-        const axisTextBlocks = axisElement.selectAll('text');
-        const spans = axisElement.selectAll('tspan');
-        axisTextBlocks.attr('text-anchor', anchor);
-        spans.attr('text-anchor', anchor);
+        const axisTextBlocks = axisElement.selectAll("text");
+        const spans = axisElement.selectAll("tspan");
+        axisTextBlocks.attr("text-anchor", anchor);
+        spans.attr("text-anchor", anchor);
         if (changeCoordinate) {
-            axisTextBlocks.attr('x', -(maxLabelSize + AXIS_VERTICAL_LABEL_PADDING));
-            spans.attr('x', -(maxLabelSize + AXIS_VERTICAL_LABEL_PADDING));
+            axisTextBlocks.attr("x", -(maxLabelSize + AXIS_VERTICAL_LABEL_PADDING));
+            spans.attr("x", -(maxLabelSize + AXIS_VERTICAL_LABEL_PADDING));
         }
         else {
-            spans.attr('x', AXIS_VERTICAL_LABEL_PADDING);
+            spans.attr("x", AXIS_VERTICAL_LABEL_PADDING);
         }
     }
     static alignHorizontalAxisLastLabel(block, maxLabelSize, axisOptions, blockSize, crop) {
-        const lastTick = block.getSvg().select(`.${axisOptions.cssClass}`).select('.tick:last-of-type');
-        const lastLabel = lastTick.select('text');
+        const lastTick = block
+            .getSvg()
+            .select(`.${axisOptions.cssClass}`)
+            .select(".tick:last-of-type");
+        const lastLabel = lastTick.select("text");
         if (lastTick.empty() || lastTick.size() === 0 || lastLabel.size() === 0)
             return;
-        const tickTranslateX = Helper.getTranslateNumbers(lastTick.attr('transform'))[0];
+        const tickTranslateX = Helper.getTranslateNumbers(lastTick.attr("transform"))[0];
         const marginRight = blockSize.width - axisOptions.translate.translateX - tickTranslateX;
         if (tickTranslateX + lastLabel.node().getBBox().width + axisOptions.translate.translateX > blockSize.width) {
-            lastLabel.attr('text-anchor', 'start');
-            lastLabel.attr('transform', `translate(${this.getTranslateNumber(maxLabelSize, lastLabel, marginRight)}, 0)`);
+            lastLabel.attr("text-anchor", "start");
+            lastLabel.attr("transform", `translate(${this.getTranslateNumber(maxLabelSize, lastLabel, marginRight)}, 0)`);
             if (crop)
                 DomHelper.cropSvgLabels(lastLabel, maxLabelSize / 2 + marginRight);
         }
     }
     static cropAndAlignExtremeLabels(block, maxLabelSize, axisOptions, blockSize) {
         this.alignHorizontalAxisLastLabel(block, maxLabelSize, axisOptions, blockSize, true);
-        const firstLabel = block.getSvg()
+        const firstLabel = block
+            .getSvg()
             .select(`.${axisOptions.cssClass}`)
-            .select('.tick:first-of-type')
-            .select('text');
+            .select(".tick:first-of-type")
+            .select("text");
         if (firstLabel.empty())
             return;
-        const axisElementTranslate = Helper.getTranslateNumbers(block.getSvg().select(`.${axisOptions.cssClass}`).attr('transform'))[0];
+        const axisElementTranslate = Helper.getTranslateNumbers(block.getSvg().select(`.${axisOptions.cssClass}`).attr("transform"))[0];
         if (axisOptions.translate.translateX - firstLabel.node().getBBox().width / 2 < 0) {
-            firstLabel.attr('text-anchor', 'start');
-            firstLabel.attr('transform', `translate(${-axisOptions.translate.translateX}, 0)`);
+            firstLabel.attr("text-anchor", "start");
+            firstLabel.attr("transform", `translate(${-axisOptions.translate.translateX}, 0)`);
             DomHelper.cropSvgLabels(firstLabel, maxLabelSize / 2 + axisElementTranslate);
         }
     }
@@ -111,37 +112,44 @@ export class AxisLabelHelper {
     static wrapHandler(textBlocks, maxWidth) {
         textBlocks.each(function () {
             let textBlock = select(this);
-            if (!textBlock.selectAll('tspan').empty())
+            if (!textBlock.selectAll("tspan").empty())
                 return;
-            textBlock.select('title').remove();
+            textBlock.select("title").remove();
             let textContent = textBlock.text();
             if (textBlock.node().getBBox().width > maxWidth) {
-                let letters = textBlock.text().split('').reverse(), // split text to letters.
+                let letters = textBlock.text().split("").reverse(), // split text to letters.
                 letter, line = [], // one line. letters from this var into tpsans.
-                lineNumber = 0, dy = 1.4, tspan = textBlock.text(null).append("tspan").attr("dy", dy + "em");
-                while (letter = letters.pop()) {
+                lineNumber = 0, dy = 1.4, tspan = textBlock
+                    .text(null)
+                    .append("tspan")
+                    .attr("dy", dy + "em");
+                while ((letter = letters.pop())) {
                     line.push(letter);
-                    tspan.text(line.join(''));
+                    tspan.text(line.join(""));
                     if (tspan.node().getComputedTextLength() > maxWidth && line.length > 1 && letters.length > 0) {
                         line.pop();
-                        tspan.text(line.join(''));
-                        if (lineNumber === 0 && line[line.length - 1] !== ' ')
-                            tspan.text(tspan.text() + '-');
+                        tspan.text(line.join(""));
+                        if (lineNumber === 0 && line[line.length - 1] !== " ")
+                            tspan.text(tspan.text() + "-");
                         line = [letter];
-                        if (lineNumber >= 1) { // If text block has 2 lines, text cropped.
+                        if (lineNumber >= 1) {
+                            // If text block has 2 lines, text cropped.
                             if (letters.length > 0)
-                                tspan.text(tspan.text().substr(0, tspan.text().length - 1) + '...');
+                                tspan.text(tspan.text().substr(0, tspan.text().length - 1) + "...");
                             break;
                         }
-                        tspan = textBlock.append("tspan").attr("dy", dy * lineNumber + 1 + "em").text(letter);
+                        tspan = textBlock
+                            .append("tspan")
+                            .attr("dy", dy * lineNumber + 1 + "em")
+                            .text(letter);
                         lineNumber++;
                     }
                 }
-                if (textBlock.selectAll('tspan').size() === 1) {
-                    textBlock.text(textContent).attr('y', null);
+                if (textBlock.selectAll("tspan").size() === 1) {
+                    textBlock.text(textContent).attr("y", null);
                 }
-                if (!textBlock.selectAll('tspan').empty()) {
-                    textBlock.attr('y', -(textBlock.node().getBBox().height / 2 + 4.8));
+                if (!textBlock.selectAll("tspan").empty()) {
+                    textBlock.attr("y", -(textBlock.node().getBBox().height / 2 + 4.8));
                 }
             }
         });

package/lib/engine/features/axis/axisLabelsEventManager.js

@@ -2,9 +2,9 @@ import { pointer } from "d3-selection";
 import { TipBox } from "../tipBox/tipBox";
 export class AxisLabelsEventManager {
     static setHoverEvents(block, axisElement) {
-        const labels = axisElement.selectAll('.tick text');
-        labels.on('mousemove', function (e, d) {
-            TipBox.get(block).dispatch('mousemove', {
+        const labels = axisElement.selectAll(".tick text");
+        labels.on("mousemove", function (e, d) {
+            TipBox.get(block).dispatch("mousemove", {
                 bubbles: false,
                 cancelable: true,
                 detail: {
@@ -13,11 +13,11 @@ export class AxisLabelsEventManager {
                 }
             });
         });
-        labels.on('mouseleave', function (e, d) {
-            TipBox.get(block).dispatch('mouseleave');
+        labels.on("mouseleave", function (e, d) {
+            TipBox.get(block).dispatch("mouseleave");
         });
-        labels.on('click', function (e, d) {
-            TipBox.get(block).dispatch('click', {
+        labels.on("click", function (e, d) {
+            TipBox.get(block).dispatch("click", {
                 bubbles: false,
                 cancelable: true,
                 detail: {
@@ -28,9 +28,9 @@ export class AxisLabelsEventManager {
         });
     }
     static removeEvents(axisElement) {
-        const labels = axisElement.selectAll('.tick text');
-        labels.on('mousemove', null);
-        labels.on('mouseleave', null);
-        labels.on('click', null);
+        const labels = axisElement.selectAll(".tick text");
+        labels.on("mousemove", null);
+        labels.on("mouseleave", null);
+        labels.on("click", null);
     }
 }

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

@@ -1,8 +1,8 @@
-import { Selection } from 'd3-selection';
-import { MdtChartsDataRow, Size } from '../../../config/config';
+import { Selection } from "d3-selection";
+import { MdtChartsDataRow, Size } from "../../../config/config";
 import { BlockMargin, EmbeddedLabelTypeModel, Field, Orient } from "../../../model/model";
 import { Block } from "../../block/block";
-import { BarAttrsHelper } from '../../twoDimensionalNotation/bar/barHelper';
+import { BarAttrsHelper } from "../../twoDimensionalNotation/bar/barHelper";
 export declare class EmbeddedLabels {
     static embeddedLabelsGroupClass: string;
     static embeddedLabelClass: string;

package/lib/engine/features/embeddedLabels/embeddedLabels.js

@@ -1,23 +1,24 @@
-import { select } from 'd3-selection';
-import { DomHelper } from '../../helpers/domHelper';
-import { Helper } from '../../helpers/helper';
+import { select } from "d3-selection";
+import { DomHelper } from "../../helpers/domHelper";
+import { Helper } from "../../helpers/helper";
 import { ValueFormatter } from "../../valueFormatter";
-import { EmbeddedLabelsDomHelper } from './embeddedLabelsDomHelper';
+import { EmbeddedLabelsDomHelper } from "./embeddedLabelsDomHelper";
 import { EmbeddedLabelsHelper } from "./embeddedLabelsHelper";
 export class EmbeddedLabels {
     static render(block, bars, barAttrsHelper, field, type, keyAxisOrient, blockSize, margin, index, cssClasses) {
         const labelsGroup = this.renderGroup(block, Helper.getCssClassesWithElementIndex(cssClasses, index));
         DomHelper.setCssClasses(labelsGroup, Helper.getCssClassesWithElementIndex(cssClasses, index));
-        bars.each(dataRow => {
+        bars.each((dataRow) => {
             this.renderLabel(labelsGroup, barAttrsHelper, dataRow, field, type, keyAxisOrient, blockSize, margin);
         });
     }
     static restoreRemoved(block, bars, barAttrsHelper, field, type, keyAxisOrient, blockSize, margin, index, cssClasses, keyFieldName) {
-        const untaggedBars = bars.filter(d => {
-            return block.svg.getChartBlock()
+        const untaggedBars = bars.filter((d) => {
+            return block.svg
+                .getChartBlock()
                 .selectAll(`.${EmbeddedLabels.embeddedLabelsGroupClass}${Helper.getCssClassesLine(cssClasses)}.chart-element-${index}`)
                 .selectAll(`.${this.embeddedLabelClass}`)
-                .filter(row => row[keyFieldName] === d[keyFieldName])
+                .filter((row) => row[keyFieldName] === d[keyFieldName])
                 .empty();
         });
         if (!untaggedBars.empty()) {
@@ -25,17 +26,18 @@ export class EmbeddedLabels {
         }
     }
     static removeUnused(block, chartCssClasses, fieldIndex, indexes) {
-        block.svg.getChartBlock()
+        block.svg
+            .getChartBlock()
             .selectAll(`.${EmbeddedLabels.embeddedLabelsGroupClass}${Helper.getCssClassesLine(chartCssClasses)}.chart-element-${fieldIndex}`)
             .selectAll(`.${this.embeddedLabelClass}`)
-            .filter((d, i) => indexes.findIndex(ind => ind === i) !== -1)
+            .filter((d, i) => indexes.findIndex((ind) => ind === i) !== -1)
             .remove();
     }
     static update(block, bars, keyAxisOrient, barAttrsHelper, margin, valueField, type, blockSize, newData, index, cssClasses) {
-        const labelsGroup = block.svg.getChartBlock()
+        const labelsGroup = block.svg
+            .getChartBlock()
             .selectAll(`.${EmbeddedLabels.embeddedLabelsGroupClass}${Helper.getCssClassesLine(cssClasses)}.chart-element-${index}`);
-        labelsGroup.selectAll(`.${this.embeddedLabelBgClass}`)
-            .remove();
+        labelsGroup.selectAll(`.${this.embeddedLabelBgClass}`).remove();
         const labelsSelection = labelsGroup
             .selectAll(`.${this.embeddedLabelClass}`)
             .data(newData);
@@ -49,10 +51,10 @@ export class EmbeddedLabels {
         block.svg.getChartBlock().selectAll(`.${this.embeddedLabelsGroupClass}`).raise();
     }
     static renderLabel(labelsGroup, barAttrsHelper, dataRow, field, type, keyAxisOrient, blockSize, margin) {
-        const labelBlock = labelsGroup.append('text').datum(dataRow);
+        const labelBlock = labelsGroup.append("text").datum(dataRow);
         labelBlock
             .classed(EmbeddedLabels.embeddedLabelClass, true)
-            .style('pointer-events', 'none')
+            .style("pointer-events", "none")
             .text(ValueFormatter.formatField(field.format, dataRow[field.name]));
         const barAttrs = {
             x: barAttrsHelper.x(dataRow),
@@ -63,13 +65,13 @@ export class EmbeddedLabels {
         const labelUnserveFlag = EmbeddedLabelsHelper.getLabelUnserveFlag(barAttrs.height); // if bar is too small to serve label inside. This flag is needed for set outside postion and change text anchor if bar wide as whole chart block
         const position = EmbeddedLabelsHelper.getLabelPosition(barAttrs, labelBlock.node().getBBox().width, margin, blockSize, labelUnserveFlag);
         const attrs = EmbeddedLabelsHelper.getLabelAttrs(barAttrs, type, position, keyAxisOrient, labelBlock.node().getBBox().width);
-        if (position === 'outside') {
+        if (position === "outside") {
             attrs.x = this.checkLabelToResetTextAnchor(attrs.x, labelBlock.node().getBBox().width, margin, blockSize, keyAxisOrient);
             this.renderBackground(labelsGroup, labelBlock, attrs);
         }
         EmbeddedLabelsDomHelper.setLabelBlockAttrs(attrs, labelBlock);
-        if (position === 'inside')
-            labelBlock.style('fill', this.innerLabelColor);
+        if (position === "inside")
+            labelBlock.style("fill", this.innerLabelColor);
         EmbeddedLabelsDomHelper.cropText(labelBlock, barAttrs, position, labelUnserveFlag, margin, blockSize);
     }
     static updateLabel(block, dataRow, keyAxisOrient, barAttrsHelper, margin, type, blockSize, labelBlock, labelsGroup) {
@@ -83,49 +85,47 @@ export class EmbeddedLabels {
         const position = EmbeddedLabelsHelper.getLabelPosition(barAttrs, labelBlock.node().getBBox().width, margin, blockSize, labelUnserveFlag);
         const attrs = EmbeddedLabelsHelper.getLabelAttrs(barAttrs, type, position, keyAxisOrient, labelBlock.node().getBBox().width);
         EmbeddedLabelsDomHelper.cropText(labelBlock, barAttrs, position, labelUnserveFlag, margin, blockSize);
-        if (position === 'outside') {
+        if (position === "outside") {
             attrs.x = this.checkLabelToResetTextAnchor(attrs.x, labelBlock.node().getBBox().width, margin, blockSize, keyAxisOrient);
-            labelBlock.style('fill', this.outerLabelColor);
+            labelBlock.style("fill", this.outerLabelColor);
         }
-        EmbeddedLabelsDomHelper.setLabelBlockAttrs(attrs, labelBlock, block.transitionManager.durations.chartUpdate)
-            .then(() => {
-            if (position === 'outside')
+        EmbeddedLabelsDomHelper.setLabelBlockAttrs(attrs, labelBlock, block.transitionManager.durations.chartUpdate).then(() => {
+            if (position === "outside")
                 this.renderBackground(labelsGroup, labelBlock, attrs);
-            if (position === 'inside')
-                labelBlock.style('fill', this.innerLabelColor);
+            if (position === "inside")
+                labelBlock.style("fill", this.innerLabelColor);
         });
     }
     static checkLabelToResetTextAnchor(x, width, margin, blockSize, keyAxisOrient) {
-        if (keyAxisOrient === 'left') {
+        if (keyAxisOrient === "left") {
             if (x + width > blockSize.width - margin.right)
                 return blockSize.width - margin.right - width;
             return x;
         }
-        if (keyAxisOrient === 'right') {
+        if (keyAxisOrient === "right") {
             if (x < margin.left)
                 return margin.left;
             return x;
         }
     }
     static renderGroup(block, cssClasses) {
-        let group = block.svg.getChartBlock()
+        let group = block.svg
+            .getChartBlock()
             .select(`.${this.embeddedLabelsGroupClass}${Helper.getCssClassesLine(cssClasses)}`)
             .raise();
         if (group.empty())
-            group = block.svg.getChartBlock()
-                .append('g')
-                .attr('class', this.embeddedLabelsGroupClass)
-                .raise();
+            group = block.svg.getChartBlock().append("g").attr("class", this.embeddedLabelsGroupClass).raise();
         return group;
     }
     static renderBackground(labelsGroup, labelBlock, attrs) {
-        labelsGroup.append('rect')
-            .attr('class', this.embeddedLabelBgClass)
-            .attr('x', attrs.x)
-            .attr('y', attrs.y - labelBlock.node().getBBox().height / 2)
-            .attr('width', labelBlock.node().getBBox().width)
-            .attr('height', labelBlock.node().getBBox().height)
-            .style('fill', 'rgba(255, 255, 255, 0.8)')
+        labelsGroup
+            .append("rect")
+            .attr("class", this.embeddedLabelBgClass)
+            .attr("x", attrs.x)
+            .attr("y", attrs.y - labelBlock.node().getBBox().height / 2)
+            .attr("width", labelBlock.node().getBBox().width)
+            .attr("height", labelBlock.node().getBBox().height)
+            .style("fill", "rgba(255, 255, 255, 0.8)")
             .lower();
     }
     static getLabelByIndex(labelsSelection, barIndex, valueField, dataRow) {
@@ -140,8 +140,8 @@ export class EmbeddedLabels {
         return labelBlock;
     }
 }
-EmbeddedLabels.embeddedLabelsGroupClass = 'embedded-labels-group';
-EmbeddedLabels.embeddedLabelClass = 'embedded-label';
-EmbeddedLabels.embeddedLabelBgClass = 'embedded-label-bg';
-EmbeddedLabels.innerLabelColor = '#FFFFFF';
-EmbeddedLabels.outerLabelColor = '#000000';
+EmbeddedLabels.embeddedLabelsGroupClass = "embedded-labels-group";
+EmbeddedLabels.embeddedLabelClass = "embedded-label";
+EmbeddedLabels.embeddedLabelBgClass = "embedded-label-bg";
+EmbeddedLabels.innerLabelColor = "#FFFFFF";
+EmbeddedLabels.outerLabelColor = "#000000";

package/lib/engine/features/embeddedLabels/embeddedLabelsDomHelper.d.ts

@@ -1,5 +1,5 @@
 import { BarAttrs, EmbeddedLabelPosition, LabelAttrs } from "./embeddedLabelsHelper";
-import { BaseType, Selection } from 'd3-selection';
+import { BaseType, Selection } from "d3-selection";
 import { BlockMargin } from "../../../model/model";
 import { MdtChartsDataRow, Size } from "../../../config/config";
 export declare class EmbeddedLabelsDomHelper {

package/lib/engine/features/embeddedLabels/embeddedLabelsDomHelper.js

@@ -9,14 +9,11 @@ export class EmbeddedLabelsDomHelper {
                     .interrupt()
                     .transition()
                     .duration(transitionDuration)
-                    .on('end', () => resolve('updated'));
+                    .on("end", () => resolve("updated"));
             }
-            labelBlockHandler
-                .attr('x', attrs.x)
-                .attr('y', attrs.y)
-                .attr('dominant-baseline', 'middle');
+            labelBlockHandler.attr("x", attrs.x).attr("y", attrs.y).attr("dominant-baseline", "middle");
             if (transitionDuration <= 0)
-                resolve('updated');
+                resolve("updated");
         });
     }
     static cropText(labelBlock, barAttrs, position, labelUnserveFlag, margin, blockSize) {

package/lib/engine/features/embeddedLabels/embeddedLabelsHelper.d.ts

@@ -1,7 +1,7 @@
 import { BlockMargin, EmbeddedLabelTypeModel, Field, Orient } from "../../../model/model";
 import { Size } from "../../../config/config";
-export declare type EmbeddedLabelPosition = 'inside' | 'outside';
-export declare type TextAnchor = 'start' | 'end' | 'center';
+export declare type EmbeddedLabelPosition = "inside" | "outside";
+export declare type TextAnchor = "start" | "end" | "center";
 export interface LabelAttrs {
     x: number;
     y: number;

package/lib/engine/features/embeddedLabels/embeddedLabelsHelper.js

@@ -2,13 +2,15 @@ export const LABEL_BAR_PADDING = 6;
 export const MIN_BAR_HEIGHT_FOR_LABEL_SERVE = 12;
 export class EmbeddedLabelsHelper {
     static getLabelPosition(barAttrs, labelBlockWidth, margin, blockSize, labelUnserveFlag) {
-        if (labelUnserveFlag || this.getSpaceSizeForType('inside', barAttrs.width, margin, blockSize) < labelBlockWidth
-            && this.getSpaceSizeForType('inside', barAttrs.width, margin, blockSize) < this.getSpaceSizeForType('outside', barAttrs.width, margin, blockSize))
-            return 'outside';
-        return 'inside';
+        if (labelUnserveFlag ||
+            (this.getSpaceSizeForType("inside", barAttrs.width, margin, blockSize) < labelBlockWidth &&
+                this.getSpaceSizeForType("inside", barAttrs.width, margin, blockSize) <
+                    this.getSpaceSizeForType("outside", barAttrs.width, margin, blockSize)))
+            return "outside";
+        return "inside";
     }
     static getSpaceSizeForType(position, barWidth, margin, blockSize) {
-        if (position === 'outside')
+        if (position === "outside")
             return blockSize.width - margin.left - margin.right - barWidth - LABEL_BAR_PADDING;
         return barWidth - LABEL_BAR_PADDING * 2;
     }
@@ -16,7 +18,7 @@ export class EmbeddedLabelsHelper {
         const textAnchor = this.getTextAnchor(type, position, keyAxisOrient);
         const y = this.getLabelAttrY(barAttrs.y, barAttrs.height);
         let x = this.getLabelAttrX(barAttrs, type, position, keyAxisOrient);
-        if (textAnchor === 'end') {
+        if (textAnchor === "end") {
             x = x - labelWidth;
         }
         return {
@@ -26,9 +28,9 @@ export class EmbeddedLabelsHelper {
         };
     }
     static getLabelField(type, valueFields, keyField, index) {
-        if (type === 'key')
+        if (type === "key")
             return keyField;
-        if (type === 'value')
+        if (type === "value")
             return valueFields[index];
         return null;
     }
@@ -36,16 +38,16 @@ export class EmbeddedLabelsHelper {
         return barHeight < MIN_BAR_HEIGHT_FOR_LABEL_SERVE;
     }
     static getLabelAttrX(barAttrs, type, position, keyAxisOrient) {
-        if (keyAxisOrient === 'left') {
-            if (position === 'outside')
+        if (keyAxisOrient === "left") {
+            if (position === "outside")
                 return barAttrs.x + barAttrs.width + LABEL_BAR_PADDING;
-            if (type === 'key')
+            if (type === "key")
                 return barAttrs.x + LABEL_BAR_PADDING;
             return barAttrs.x + barAttrs.width - LABEL_BAR_PADDING;
         }
-        if (position === 'outside')
+        if (position === "outside")
             return barAttrs.x - LABEL_BAR_PADDING;
-        if (type === 'key')
+        if (type === "key")
             return barAttrs.x + barAttrs.width - LABEL_BAR_PADDING;
         return barAttrs.x + LABEL_BAR_PADDING;
     }
@@ -53,13 +55,13 @@ export class EmbeddedLabelsHelper {
         return barY + barHeight / 2 + 1;
     }
     static getTextAnchor(type, position, keyAxisOrient) {
-        if (keyAxisOrient === 'left') {
-            if (position === 'outside' || type === 'key')
-                return 'start';
-            return 'end';
+        if (keyAxisOrient === "left") {
+            if (position === "outside" || type === "key")
+                return "start";
+            return "end";
         }
-        if (position === 'outside' || type === 'key')
-            return 'end';
-        return 'start';
+        if (position === "outside" || type === "key")
+            return "end";
+        return "start";
     }
 }

package/lib/engine/features/gridLine/gidLineHelper.d.ts

@@ -1,7 +1,7 @@
 import { AxisScale } from "d3-axis";
 import { Size } from "../../../config/config";
 import { AxisModelOptions, BlockMargin } from "../../../model/model";
-export declare type GridLineType = 'key' | 'value';
+export declare type GridLineType = "key" | "value";
 export interface GridLineAttributes {
     x1: number;
     y1: number;

package/lib/engine/features/gridLine/gidLineHelper.js

@@ -3,15 +3,15 @@ export class GridLineHelper {
     static getGridLineLength(gridLineType, keyAxis, valueAxis, blockSize, margin) {
         let axis;
         let axisLength;
-        if (gridLineType === 'key')
+        if (gridLineType === "key")
             axis = keyAxis;
         else
             axis = valueAxis;
-        if (axis.orient === 'left' || axis.orient === 'right')
+        if (axis.orient === "left" || axis.orient === "right")
             axisLength = blockSize.width - margin.left - margin.right;
         else
             axisLength = blockSize.height - margin.top - margin.bottom;
-        if (axis.orient === 'right' || axis.orient === 'bottom')
+        if (axis.orient === "right" || axis.orient === "bottom")
             axisLength = -axisLength;
         return axisLength;
     }
@@ -22,7 +22,7 @@ export class GridLineHelper {
             x2: 0,
             y2: 0
         };
-        if (axis.orient === 'left' || axis.orient === 'right')
+        if (axis.orient === "left" || axis.orient === "right")
             attributes.x2 = lineLength;
         else
             attributes.y2 = lineLength;
@@ -39,7 +39,7 @@ export class GridLineHelper {
         const scaledEnd = scaleValue(scaleValue.domain()[1]);
         const minCoord = min([scaledStart, scaledEnd]) - scaleValue(0);
         const maxCoord = max([scaledStart, scaledEnd]) - scaleValue(0);
-        if (axis.orient === 'left' || axis.orient === 'right') {
+        if (axis.orient === "left" || axis.orient === "right") {
             attributes.x1 = minCoord;
             attributes.x2 = maxCoord;
         }