mdt-charts 1.29.0 → 1.30.0

package/lib/engine/features/recordOverflowAlert/recordOverflowAlertCore.js

@@ -1,45 +1,37 @@
 class RecordOverflowAlertCoreClass {
-	constructor() {
-		this.blockClass = "record-overflow-alert";
-	}
-	render(block, options) {
-		const alertBlock = block
-			.getWrapper()
-			.append("div")
-			.attr("class", this.blockClass)
-			.text(this.getAlertText(options));
-		this.setAlertPosition(alertBlock, options.positionAttrs);
-	}
-	update(block, options) {
-		let alertBlock = block.getWrapper().select(`div.${this.blockClass}`);
-		if (alertBlock.empty()) {
-			if (options.hidedRecordsAmount === 0) return;
-			else this.render(block, options);
-		} else {
-			if (options.hidedRecordsAmount === 0) alertBlock.remove();
-			else alertBlock.text(this.getAlertText(options));
-		}
-	}
-	getAlertText(options) {
-		return `+ ${options.hidedRecordsAmount} ${this.getWordTextEndingByAmount(
-			options.hidedRecordsAmount,
-			options.text
-		)}`;
-	}
-	getWordTextEndingByAmount(hidedRecordsAmount, text) {
-		const lastDigit = hidedRecordsAmount % 10;
-		if (hidedRecordsAmount >= 10 && hidedRecordsAmount <= 20) return text.tenToTwenty;
-		if (lastDigit === 1) return text.one;
-		if (lastDigit >= 2 && lastDigit <= 4) return text.twoToFour;
-		return text.other;
-	}
-	setAlertPosition(alertBlock, attrs) {
-		alertBlock
-			.style("position", "absolute")
-			.style("left", attrs.left)
-			.style("right", attrs.right)
-			.style("top", attrs.top)
-			.style("bottom", attrs.bottom);
-	}
+    constructor() {
+        this.blockClass = "record-overflow-alert";
+    }
+    render(block, options) {
+        if (options.show) {
+            const alertBlock = block
+                .getWrapper()
+                .append("div")
+                .attr("class", this.blockClass)
+                .text(options.textContent);
+            this.setAlertPosition(alertBlock, options.positionAttrs);
+        }
+    }
+    update(block, options) {
+        let alertBlock = block.getWrapper().select(`.${this.blockClass}`);
+        if (alertBlock.empty()) {
+            if (options.show)
+                this.render(block, options);
+        }
+        else {
+            if (options.show)
+                alertBlock.text(options.textContent);
+            else
+                alertBlock.remove();
+        }
+    }
+    setAlertPosition(alertBlock, attrs) {
+        alertBlock
+            .style("position", "absolute")
+            .style("left", attrs.left)
+            .style("right", attrs.right)
+            .style("top", attrs.top)
+            .style("bottom", attrs.bottom);
+    }
 }
 export const RecordOverflowAlertCore = new RecordOverflowAlertCoreClass();

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

@@ -2,25 +2,20 @@ import { ScaleLinear } from "d3-scale";
 import { AxisScale } from "d3-axis";
 import { BarChartSettings, ScaleKeyModel, ScaleValueModel } from "../../../model/model";
 export interface Scales {
-	key: AxisScale<any>;
-	value: AxisScale<any>;
+    key: AxisScale<any>;
+    value: AxisScale<any>;
 }
 export interface ScalesWithSecondary extends Scales {
-	valueSecondary: AxisScale<any>;
+    valueSecondary: AxisScale<any>;
 }
 export declare class Scale {
-	static getScales(scaleKey: ScaleKeyModel, scaleValue: ScaleValueModel, bandSettings: BarChartSettings): Scales;
-	static getScalesWithSecondary(
-		scaleKey: ScaleKeyModel,
-		scaleValue: ScaleValueModel,
-		scaleValueSecondary: ScaleValueModel,
-		bandSettings: BarChartSettings
-	): ScalesWithSecondary;
-	static getScaleValue(scaleValue: ScaleValueModel): ScaleLinear<number, number, never>;
-	static getScaleBandWidth(scale: AxisScale<any>): number;
-	static getScaleStep(scale: AxisScale<any>): number;
-	static getScaledValue(scale: AxisScale<any>, value: any): number;
-	private static getScaleBand;
-	private static getScaleLinear;
-	private static getScalePoint;
+    static getScales(scaleKey: ScaleKeyModel, scaleValue: ScaleValueModel, bandSettings: BarChartSettings): Scales;
+    static getScalesWithSecondary(scaleKey: ScaleKeyModel, scaleValue: ScaleValueModel, scaleValueSecondary: ScaleValueModel, bandSettings: BarChartSettings): ScalesWithSecondary;
+    static getScaleValue(scaleValue: ScaleValueModel): ScaleLinear<number, number, never>;
+    static getScaleBandWidth(scale: AxisScale<any>): number;
+    static getScaleStep(scale: AxisScale<any>): number;
+    static getScaledValue(scale: AxisScale<any>, value: any): number;
+    private static getScaleBand;
+    private static getScaleLinear;
+    private static getScalePoint;
 }

package/lib/engine/features/scale/scale.js

@@ -1,79 +1,72 @@
 import { scaleBand, scaleLinear, scalePoint } from "d3-scale";
 export class Scale {
-	static getScales(scaleKey, scaleValue, bandSettings) {
-		const scales = {
-			key: null,
-			value: null
-		};
-		if (scaleKey.type === "band")
-			scales.key = this.getScaleBand(scaleKey.domain, scaleKey.range, bandSettings, scaleKey.elementsAmount);
-		else if (scaleKey.type === "point") scales.key = this.getScalePoint(scaleKey.domain, scaleKey.range);
-		scales.value = this.getScaleValue(scaleValue);
-		return scales;
-	}
-	static getScalesWithSecondary(scaleKey, scaleValue, scaleValueSecondary, bandSettings) {
-		const scales = this.getScales(scaleKey, scaleValue, bandSettings);
-		return Object.assign(
-			Object.assign({}, scales),
-			scaleValueSecondary && {
-				valueSecondary: this.getScaleValue(scaleValueSecondary)
-			}
-		);
-	}
-	static getScaleValue(scaleValue) {
-		return this.getScaleLinear(scaleValue.domain, scaleValue.range);
-	}
-	static getScaleBandWidth(scale) {
-		if (scale.bandwidth && scale.bandwidth() !== 0) {
-			return scale.bandwidth();
-		} else if (scale.step) {
-			return scale.step();
-		}
-	}
-	static getScaleStep(scale) {
-		if (scale.step) {
-			return scale.step();
-		}
-	}
-	static getScaledValue(scale, value) {
-		if (scale.bandwidth && scale.bandwidth() !== 0) {
-			return scale(value) + this.getScaleBandWidth(scale) / 2;
-		}
-		return scale(value);
-	}
-	static getScaleBand(domain, range, bandSettings, elementsInGroupAmount) {
-		const scale = scaleBand().domain(domain).range([range.start, range.end]);
-		const bandSize = scale.bandwidth();
-		if (bandSettings.groupMinDistance < bandSize) {
-			scale.paddingInner(bandSettings.groupMinDistance / bandSize);
-			scale.paddingOuter(bandSettings.groupMinDistance / bandSize / 2);
-		}
-		// Padding inner = 10. If bandwidth more than needed, paddingInner is increased to number less than 35
-		let paddingInner = bandSettings.groupMinDistance;
-		while (
-			scale.bandwidth() >
-				bandSettings.maxBarWidth * elementsInGroupAmount +
-					bandSettings.barDistance * (elementsInGroupAmount - 1) &&
-			paddingInner < bandSettings.groupMaxDistance
-		) {
-			scale.paddingInner(++paddingInner / bandSize);
-		}
-		// if bandwidth more than all bars widths in group + distance between it + distance between groups
-		let paddingOuter = 1;
-		while (
-			scale.step() >
-			bandSettings.maxBarWidth * elementsInGroupAmount +
-				bandSettings.groupMaxDistance +
-				bandSettings.barDistance * (elementsInGroupAmount - 1)
-		) {
-			scale.paddingOuter(++paddingOuter / bandSize);
-		}
-		return scale;
-	}
-	static getScaleLinear(domain, range) {
-		return scaleLinear().domain(domain).range([range.start, range.end]);
-	}
-	static getScalePoint(domain, range) {
-		return scalePoint().domain(domain).range([range.start, range.end]);
-	}
+    static getScales(scaleKey, scaleValue, bandSettings) {
+        const scales = {
+            key: null,
+            value: null
+        };
+        if (scaleKey.type === "band")
+            scales.key = this.getScaleBand(scaleKey.domain, scaleKey.range, bandSettings, scaleKey.elementsAmount);
+        else if (scaleKey.type === "point")
+            scales.key = this.getScalePoint(scaleKey.domain, scaleKey.range);
+        scales.value = this.getScaleValue(scaleValue);
+        return scales;
+    }
+    static getScalesWithSecondary(scaleKey, scaleValue, scaleValueSecondary, bandSettings) {
+        const scales = this.getScales(scaleKey, scaleValue, bandSettings);
+        return Object.assign(Object.assign({}, scales), (scaleValueSecondary && { valueSecondary: this.getScaleValue(scaleValueSecondary) }));
+    }
+    static getScaleValue(scaleValue) {
+        return this.getScaleLinear(scaleValue.domain, scaleValue.range);
+    }
+    static getScaleBandWidth(scale) {
+        if (scale.bandwidth && scale.bandwidth() !== 0) {
+            return scale.bandwidth();
+        }
+        else if (scale.step) {
+            return scale.step();
+        }
+    }
+    static getScaleStep(scale) {
+        if (scale.step) {
+            return scale.step();
+        }
+    }
+    static getScaledValue(scale, value) {
+        if (scale.bandwidth && scale.bandwidth() !== 0) {
+            return scale(value) + this.getScaleBandWidth(scale) / 2;
+        }
+        return scale(value);
+    }
+    static getScaleBand(domain, range, bandSettings, elementsInGroupAmount) {
+        const scale = scaleBand().domain(domain).range([range.start, range.end]);
+        const bandSize = scale.bandwidth();
+        if (bandSettings.groupMinDistance < bandSize) {
+            scale.paddingInner(bandSettings.groupMinDistance / bandSize);
+            scale.paddingOuter(bandSettings.groupMinDistance / bandSize / 2);
+        }
+        // Padding inner = 10. If bandwidth more than needed, paddingInner is increased to number less than 35
+        let paddingInner = bandSettings.groupMinDistance;
+        while (scale.bandwidth() >
+            bandSettings.maxBarWidth * elementsInGroupAmount +
+                bandSettings.barDistance * (elementsInGroupAmount - 1) &&
+            paddingInner < bandSettings.groupMaxDistance) {
+            scale.paddingInner(++paddingInner / bandSize);
+        }
+        // if bandwidth more than all bars widths in group + distance between it + distance between groups
+        let paddingOuter = 1;
+        while (scale.step() >
+            bandSettings.maxBarWidth * elementsInGroupAmount +
+                bandSettings.groupMaxDistance +
+                bandSettings.barDistance * (elementsInGroupAmount - 1)) {
+            scale.paddingOuter(++paddingOuter / bandSize);
+        }
+        return scale;
+    }
+    static getScaleLinear(domain, range) {
+        return scaleLinear().domain(domain).range([range.start, range.end]);
+    }
+    static getScalePoint(domain, range) {
+        return scalePoint().domain(domain).range([range.start, range.end]);
+    }
 }

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

@@ -3,13 +3,9 @@ import { Block } from "../../block/block";
 import { BlockMargin } from "../../../model/model";
 import { Size } from "../../../config/config";
 export declare class TipBox {
-	static readonly tipBoxClass = "tipbox";
-	static renderOrGet(
-		block: Block,
-		margin: BlockMargin,
-		blockSize: Size
-	): Selection<SVGRectElement, unknown, HTMLElement, any>;
-	static get(block: Block): Selection<SVGRectElement, unknown, HTMLElement, any>;
-	static clearEvents(block: Block): void;
-	private static renderBlock;
+    static readonly tipBoxClass = "tipbox";
+    static renderOrGet(block: Block, margin: BlockMargin, blockSize: Size): Selection<SVGRectElement, unknown, HTMLElement, any>;
+    static get(block: Block): Selection<SVGRectElement, unknown, HTMLElement, any>;
+    static clearEvents(block: Block): void;
+    private static renderBlock;
 }

package/lib/engine/features/tipBox/tipBox.js

@@ -1,28 +1,28 @@
 import { TipBoxHelper } from "./tipBoxHelper";
 export class TipBox {
-	static renderOrGet(block, margin, blockSize) {
-		const attributes = TipBoxHelper.getAttributes(margin, blockSize);
-		return this.renderBlock(block, attributes);
-	}
-	static get(block) {
-		return block.getSvg().select(`.${this.tipBoxClass}`);
-	}
-	static clearEvents(block) {
-		block.getSvg().select(`.${this.tipBoxClass}`).on("mousemove", null).on("mouseleave", null).on("click", null);
-	}
-	static renderBlock(block, attributes) {
-		let tipBox = block.getSvg().select(`rect.${this.tipBoxClass}`);
-		if (tipBox.empty())
-			tipBox = block
-				.getSvg()
-				.append("rect")
-				.attr("class", this.tipBoxClass)
-				.attr("x", attributes.x)
-				.attr("y", attributes.y)
-				.attr("width", attributes.width)
-				.attr("height", attributes.height)
-				.style("opacity", 0);
-		return tipBox;
-	}
+    static renderOrGet(block, margin, blockSize) {
+        const attributes = TipBoxHelper.getAttributes(margin, blockSize);
+        return this.renderBlock(block, attributes);
+    }
+    static get(block) {
+        return block.getSvg().select(`.${this.tipBoxClass}`);
+    }
+    static clearEvents(block) {
+        block.getSvg().select(`.${this.tipBoxClass}`).on("mousemove", null).on("mouseleave", null).on("click", null);
+    }
+    static renderBlock(block, attributes) {
+        let tipBox = block.getSvg().select(`rect.${this.tipBoxClass}`);
+        if (tipBox.empty())
+            tipBox = block
+                .getSvg()
+                .append("rect")
+                .attr("class", this.tipBoxClass)
+                .attr("x", attributes.x)
+                .attr("y", attributes.y)
+                .attr("width", attributes.width)
+                .attr("height", attributes.height)
+                .style("opacity", 0);
+        return tipBox;
+    }
 }
 TipBox.tipBoxClass = "tipbox";

package/lib/engine/features/tipBox/tipBoxHelper.d.ts

@@ -2,22 +2,15 @@ import { AxisScale } from "d3-axis";
 import { ChartOrientation, Size } from "../../../config/config";
 import { BlockMargin, ScaleKeyType } from "../../../model/model";
 export interface TipBoxAttributes {
-	x: number;
-	y: number;
-	width: number;
-	height: number;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
 }
 export declare class TipBoxHelper {
-	static getKeyValueByPointer(
-		pointer: [number, number],
-		chartOrient: ChartOrientation,
-		margin: BlockMargin,
-		blockSize: Size,
-		scaleKey: AxisScale<any>,
-		scaleKeyType: ScaleKeyType
-	): string;
-	static getAttributes(margin: BlockMargin, blockSize: Size): TipBoxAttributes;
-	private static getKeyIndex;
-	private static getKeyIndexOfPoint;
-	private static getKeyIndexOfBand;
+    static getKeyValueByPointer(pointer: [number, number], chartOrient: ChartOrientation, margin: BlockMargin, blockSize: Size, scaleKey: AxisScale<any>, scaleKeyType: ScaleKeyType): string;
+    static getAttributes(margin: BlockMargin, blockSize: Size): TipBoxAttributes;
+    private static getKeyIndex;
+    private static getKeyIndexOfPoint;
+    private static getKeyIndexOfBand;
 }

package/lib/engine/features/tipBox/tipBoxHelper.js

@@ -1,63 +1,48 @@
 import { Scale } from "../scale/scale";
 export class TipBoxHelper {
-	static getKeyValueByPointer(pointer, chartOrient, margin, blockSize, scaleKey, scaleKeyType) {
-		const index = TipBoxHelper.getKeyIndex(pointer, chartOrient, margin, blockSize, scaleKey, scaleKeyType);
-		let keyValue = scaleKey.domain()[index];
-		if (index >= scaleKey.domain().length) keyValue = scaleKey.domain()[scaleKey.domain().length - 1];
-		return keyValue;
-	}
-	static getAttributes(margin, blockSize) {
-		const pad = 5;
-		return {
-			x: margin.left - pad,
-			y: margin.top - pad,
-			width: blockSize.width - margin.left - margin.right + pad * 2,
-			height: blockSize.height - margin.top - margin.bottom + pad * 2
-		};
-	}
-	static getKeyIndex(pointer, chartOrient, margin, blockSize, scaleKey, scaleKeyType) {
-		const pointerAxisType = chartOrient === "vertical" ? 0 : 1; // 0 - координата поинтера по оси x, 1 - по оси y
-		const marginByOrient = chartOrient === "vertical" ? margin.left : margin.top;
-		const scaleStep = Scale.getScaleStep(scaleKey);
-		if (scaleKeyType === "point") {
-			return this.getKeyIndexOfPoint(pointer, scaleStep, marginByOrient, pointerAxisType);
-		} else {
-			return this.getKeyIndexOfBand(
-				pointer,
-				scaleStep,
-				marginByOrient,
-				pointerAxisType,
-				blockSize,
-				margin,
-				chartOrient,
-				scaleKey
-			);
-		}
-	}
-	static getKeyIndexOfPoint(pointer, scaleStep, marginByOrient, pointerAxisType) {
-		const point = pointer[pointerAxisType] - marginByOrient + scaleStep / 2;
-		if (point < 0) return 0;
-		return Math.floor(point / scaleStep);
-	}
-	static getKeyIndexOfBand(
-		pointer,
-		scaleStep,
-		marginByOrient,
-		pointerAxisType,
-		blockSize,
-		margin,
-		chartOrient,
-		scaleKey
-	) {
-		const chartBlockSizeByDir =
-			chartOrient === "vertical"
-				? blockSize.width - margin.left - margin.right
-				: blockSize.height - margin.top - margin.bottom;
-		const outerPadding = chartBlockSizeByDir - scaleStep * scaleKey.domain().length;
-		if (pointer[pointerAxisType] - marginByOrient - 1 < outerPadding / 2) return 0; // Самый первый элемент
-		if (pointer[pointerAxisType] - marginByOrient - 1 + outerPadding / 2 > chartBlockSizeByDir)
-			return scaleKey.domain().length - 1; // последний индекс
-		const point = pointer[pointerAxisType] - outerPadding / 2 - marginByOrient - 1;
-		return Math.floor(point / scaleStep);
-	}
+    static getKeyValueByPointer(pointer, chartOrient, margin, blockSize, scaleKey, scaleKeyType) {
+        const index = TipBoxHelper.getKeyIndex(pointer, chartOrient, margin, blockSize, scaleKey, scaleKeyType);
+        let keyValue = scaleKey.domain()[index];
+        if (index >= scaleKey.domain().length)
+            keyValue = scaleKey.domain()[scaleKey.domain().length - 1];
+        return keyValue;
+    }
+    static getAttributes(margin, blockSize) {
+        const pad = 5;
+        return {
+            x: margin.left - pad,
+            y: margin.top - pad,
+            width: blockSize.width - margin.left - margin.right + pad * 2,
+            height: blockSize.height - margin.top - margin.bottom + pad * 2
+        };
+    }
+    static getKeyIndex(pointer, chartOrient, margin, blockSize, scaleKey, scaleKeyType) {
+        const pointerAxisType = chartOrient === "vertical" ? 0 : 1; // 0 - координата поинтера по оси x, 1 - по оси y
+        const marginByOrient = chartOrient === "vertical" ? margin.left : margin.top;
+        const scaleStep = Scale.getScaleStep(scaleKey);
+        if (scaleKeyType === "point") {
+            return this.getKeyIndexOfPoint(pointer, scaleStep, marginByOrient, pointerAxisType);
+        }
+        else {
+            return this.getKeyIndexOfBand(pointer, scaleStep, marginByOrient, pointerAxisType, blockSize, margin, chartOrient, scaleKey);
+        }
+    }
+    static getKeyIndexOfPoint(pointer, scaleStep, marginByOrient, pointerAxisType) {
+        const point = pointer[pointerAxisType] - marginByOrient + scaleStep / 2;
+        if (point < 0)
+            return 0;
+        return Math.floor(point / scaleStep);
+    }
+    static getKeyIndexOfBand(pointer, scaleStep, marginByOrient, pointerAxisType, blockSize, margin, chartOrient, scaleKey) {
+        const chartBlockSizeByDir = chartOrient === "vertical"
+            ? blockSize.width - margin.left - margin.right
+            : blockSize.height - margin.top - margin.bottom;
+        const outerPadding = chartBlockSizeByDir - scaleStep * scaleKey.domain().length;
+        if (pointer[pointerAxisType] - marginByOrient - 1 < outerPadding / 2)
+            return 0; // Самый первый элемент
+        if (pointer[pointerAxisType] - marginByOrient - 1 + outerPadding / 2 > chartBlockSizeByDir)
+            return scaleKey.domain().length - 1; // последний индекс
+        const point = pointer[pointerAxisType] - outerPadding / 2 - marginByOrient - 1;
+        return Math.floor(point / scaleStep);
+    }
 }

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

@@ -2,10 +2,10 @@ import { Size } from "../../../config/config";
 import { OptionsModelTitle, TitleBlockModel } from "../../../model/model";
 import { Block } from "../../block/block";
 export declare class Title {
-	private static readonly titleCssClass;
-	static render(block: Block, title: OptionsModelTitle, titleBlockModel: TitleBlockModel, blockSize: Size): void;
-	static updateData(block: Block, title: OptionsModelTitle): void;
-	private static fillTitleBlockAttributes;
-	private static getTitleAttributes;
-	private static setTitleTooltip;
+    private static readonly titleCssClass;
+    static render(block: Block, title: OptionsModelTitle, titleBlockModel: TitleBlockModel, blockSize: Size): void;
+    static updateData(block: Block, title: OptionsModelTitle): void;
+    private static fillTitleBlockAttributes;
+    private static getTitleAttributes;
+    private static setTitleTooltip;
 }

package/lib/engine/features/title/title.js

@@ -1,38 +1,39 @@
 import { DomHelper } from "../../helpers/domHelper";
 export class Title {
-	static render(block, title, titleBlockModel, blockSize) {
-		if (!title.textContent) return;
-		const titleBlock = block.getSvg().append("text").attr("class", this.titleCssClass);
-		const titleCoordinate = this.getTitleAttributes(blockSize, titleBlockModel);
-		this.fillTitleBlockAttributes(titleBlock, titleCoordinate, title);
-		this.setTitleTooltip(titleBlock, title.textContent);
-	}
-	static updateData(block, title) {
-		block.getSvg().select(`.${this.titleCssClass}`).text(title.textContent);
-	}
-	static fillTitleBlockAttributes(titleBlock, attributes, title) {
-		titleBlock
-			.attr("x", attributes.x)
-			.attr("y", attributes.y)
-			.attr("dominant-baseline", attributes.dominantBaseline)
-			.text(title.textContent)
-			.style("font-size", `${title.fontSize}px`);
-		DomHelper.cropSvgLabels(titleBlock, attributes.maxWidth);
-	}
-	static getTitleAttributes(blockSize, titleBlockModel) {
-		const coordinate = {
-			x: 0,
-			y: 0,
-			maxWidth: 0,
-			dominantBaseline: "hanging"
-		};
-		coordinate.x = titleBlockModel.margin.left;
-		coordinate.y = titleBlockModel.margin.top;
-		coordinate.maxWidth = blockSize.width - titleBlockModel.margin.left - titleBlockModel.margin.right;
-		return coordinate;
-	}
-	static setTitleTooltip(titleBlock, text) {
-		titleBlock.append("title").text(text);
-	}
+    static render(block, title, titleBlockModel, blockSize) {
+        if (!title.textContent)
+            return;
+        const titleBlock = block.getSvg().append("text").attr("class", this.titleCssClass);
+        const titleCoordinate = this.getTitleAttributes(blockSize, titleBlockModel);
+        this.fillTitleBlockAttributes(titleBlock, titleCoordinate, title);
+        this.setTitleTooltip(titleBlock, title.textContent);
+    }
+    static updateData(block, title) {
+        block.getSvg().select(`.${this.titleCssClass}`).text(title.textContent);
+    }
+    static fillTitleBlockAttributes(titleBlock, attributes, title) {
+        titleBlock
+            .attr("x", attributes.x)
+            .attr("y", attributes.y)
+            .attr("dominant-baseline", attributes.dominantBaseline)
+            .text(title.textContent)
+            .style("font-size", `${title.fontSize}px`);
+        DomHelper.cropSvgLabels(titleBlock, attributes.maxWidth);
+    }
+    static getTitleAttributes(blockSize, titleBlockModel) {
+        const coordinate = {
+            x: 0,
+            y: 0,
+            maxWidth: 0,
+            dominantBaseline: "hanging"
+        };
+        coordinate.x = titleBlockModel.margin.left;
+        coordinate.y = titleBlockModel.margin.top;
+        coordinate.maxWidth = blockSize.width - titleBlockModel.margin.left - titleBlockModel.margin.right;
+        return coordinate;
+    }
+    static setTitleTooltip(titleBlock, text) {
+        titleBlock.append("title").text(text);
+    }
 }
 Title.titleCssClass = "chart-title";

package/lib/engine/features/tolltip/newTooltip/newTooltip.d.ts

@@ -1,20 +1,16 @@
 import { Selection } from "d3-selection";
 export interface TooltipCoordinate {
-	left: string;
-	top: string;
-	right: string;
-	bottom: string;
+    left: string;
+    top: string;
+    right: string;
+    bottom: string;
 }
 export declare class NewTooltip {
-	static tooltipBlockClass: string;
-	private elSelection;
-	getEl(): Selection<HTMLElement, unknown, HTMLElement, any>;
-	findInWrapper(
-		wrapper: Selection<HTMLElement, unknown, HTMLElement, any>
-	): Selection<HTMLElement, unknown, HTMLElement, any>;
-	render(
-		wrapper: Selection<HTMLElement, unknown, HTMLElement, any>
-	): Selection<HTMLElement, unknown, HTMLElement, any>;
-	appendContent(content: HTMLElement): void;
-	setCoordinate(coordinate: TooltipCoordinate): void;
+    static tooltipBlockClass: string;
+    private elSelection;
+    getEl(): Selection<HTMLElement, unknown, HTMLElement, any>;
+    findInWrapper(wrapper: Selection<HTMLElement, unknown, HTMLElement, any>): Selection<HTMLElement, unknown, HTMLElement, any>;
+    render(wrapper: Selection<HTMLElement, unknown, HTMLElement, any>): Selection<HTMLElement, unknown, HTMLElement, any>;
+    appendContent(content: HTMLElement): void;
+    setCoordinate(coordinate: TooltipCoordinate): void;
 }