@fluentui/react-charting 5.23.63 → 5.23.64

package/lib-commonjs/utilities/gradients.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getGradientFromToken = exports.getNextGradient = exports.DataVizGradientPalette = void 0;
+exports.DataVizGradientPalette = {
+    gradient1: 'default.1',
+    gradient2: 'default.2',
+    gradient3: 'default.3',
+    gradient4: 'default.4',
+    gradient5: 'default.5',
+    gradient6: 'default.6',
+    gradient7: 'default.7',
+    gradient8: 'default.8',
+    gradient9: 'default.9',
+    gradient10: 'default.10',
+    // extended gradients
+    gradient1Ext: 'extended.1',
+    gradient2Ext: 'extended.2',
+    gradient3Ext: 'extended.3',
+    gradient4Ext: 'extended.4',
+    gradient5Ext: 'extended.5',
+    gradient6Ext: 'extended.6',
+    gradient7Ext: 'extended.7',
+    gradient8Ext: 'extended.8',
+    gradient9Ext: 'extended.9',
+    gradient10Ext: 'extended.10',
+    // status gradients
+    success: 'semantic.success',
+    highSuccess: 'semantic.highSuccess',
+    warning: 'semantic.warning',
+    error: 'semantic.error',
+    highError: 'semantic.highError',
+    disabled: 'semantic.disabled',
+};
+var defaultGradientPalette = {
+    '1': [
+        ['#4760D5', '#637CEF'], // [cornflower.shade10, cornflower.tint10],
+        ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],
+    ],
+    '2': [
+        ['#795AA6', '#9373C0'], // [orchid.shade20, orchid.tint10],
+        ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],
+    ],
+    '3': [
+        ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],
+        ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],
+    ],
+    '4': [
+        ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],
+        ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],
+    ],
+    '5': [
+        ['#3487C7', '#3A96DD'], // [lightBlue.shade10, lightBlue.primary],
+        ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],
+    ],
+    '6': [
+        ['#0E7A0B', '#13A10E'], // [lightGreen.shade20, lightGreen.primary],
+        ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],
+    ],
+    '7': [
+        ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],
+        ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],
+    ],
+    '8': [
+        ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint20],
+        ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],
+    ],
+    '9': [
+        ['#57811B', '#689920'], // [lime.shade20, lime.shade10],
+        ['#57811B', '#689920'], // [lime.shade20, lime.shade10],
+    ],
+    '10': [
+        ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],
+        ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],
+    ],
+};
+var extendedGradientPalette = {
+    '1': [
+        ['#2C3C85', '#3C51B4'], // [cornflower.shade30, cornflower.shade20],
+        ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],
+    ],
+    '2': [
+        ['#4C3867', '#674C8C'], // [orchid.shade30, orchid.shade20],
+        ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],
+    ],
+    '3': [
+        ['#02494C', '#038387'], // [teal.shade30, teal.primary],
+        ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],
+    ],
+    '4': [
+        ['#63276D', '#863593'], // [lilac.shade30, lilac.shade20],
+        ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],
+    ],
+    '5': [
+        ['#20547C', '#2C72A8'], // [lightBlue.shade30, lightBlue.shade20],
+        ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],
+    ],
+    '6': [
+        ['#0B5A08', '#0E7A0B'], // [lightGreen.shade30, lightGreen.shade20],
+        ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],
+    ],
+    '7': [
+        ['#AD006A', '#E3008C'], // [hotPink.shade20, hotPink.primary],
+        ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],
+    ],
+    '8': [
+        ['#9A3D0C', '#CA5010'], // [pumpkin.shade20, pumpkin.primary],
+        ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],
+    ],
+    '9': [
+        ['#405F14', '#57811B'], // [lime.shade30, lime.shade20],
+        ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],
+    ],
+    '10': [
+        ['#6D5700', '#937700'], // [gold.shade30, gold.shade20],
+        ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],
+    ],
+};
+var semanticGradientPalette = {
+    success: [
+        ['#0C5E0C', '#107C10'], // [green.shade20, green.primary],
+        ['#218C21', '#359B35'], // [green.tint10, green.tint20],
+    ],
+    highSuccess: [
+        ['#107C10', '#359B35'], // [green.primary, green.tint20],
+        ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],
+    ],
+    warning: [
+        ['#DE590B', '#F7630C'], // [orange.shade10, orange.primary],
+        ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],
+    ],
+    error: [
+        ['#B10E1C', '#CC2635'], // [cranberry.shade10, cranberry.tint10],
+        ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],
+    ],
+    highError: [
+        ['#6E0811', '#B10E1C'], // [cranberry.shade30, cranberry.shade10],
+        ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],
+    ],
+    disabled: [
+        ['#E6E6E6', '#E6E6E6'],
+        ['#E6E6E6', '#E6E6E6'],
+    ],
+};
+var Gradients = {
+    default: defaultGradientPalette, // base gradients
+    semantic: semanticGradientPalette, // status gradients
+    extended: extendedGradientPalette, // extended gradients
+};
+var DEFAULT_COLORS = Object.values(defaultGradientPalette);
+var TOKENS = Object.values(exports.DataVizGradientPalette);
+var getThemeSpecificGradient = function (gradients, isDarkTheme) {
+    if (gradients.length === 0) {
+        return ['', ''];
+    }
+    var colorIdx = Number(isDarkTheme);
+    if (colorIdx < gradients.length) {
+        return gradients[colorIdx];
+    }
+    return gradients[0];
+};
+var getNextGradient = function (index, offset, isDarkTheme) {
+    if (offset === void 0) { offset = 0; }
+    if (isDarkTheme === void 0) { isDarkTheme = false; }
+    var gradients = DEFAULT_COLORS[(index + offset) % DEFAULT_COLORS.length];
+    return getThemeSpecificGradient(gradients, isDarkTheme);
+};
+exports.getNextGradient = getNextGradient;
+var getGradientFromToken = function (token, isDarkTheme) {
+    if (isDarkTheme === void 0) { isDarkTheme = false; }
+    if (TOKENS.indexOf(token) >= 0) {
+        var _a = token.split('.'), paletteName = _a[0], colorCode = _a[1];
+        var colors = Gradients[paletteName][colorCode];
+        return getThemeSpecificGradient(colors, isDarkTheme);
+    }
+    return [token, token];
+};
+exports.getGradientFromToken = getGradientFromToken;
+//# sourceMappingURL=gradients.js.map

package/lib-commonjs/utilities/gradients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradients.js","sourceRoot":"../src/","sources":["utilities/gradients.ts"],"names":[],"mappings":"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","sourcesContent":["export const DataVizGradientPalette = {\n  gradient1: 'default.1',\n  gradient2: 'default.2',\n  gradient3: 'default.3',\n  gradient4: 'default.4',\n  gradient5: 'default.5',\n  gradient6: 'default.6',\n  gradient7: 'default.7',\n  gradient8: 'default.8',\n  gradient9: 'default.9',\n  gradient10: 'default.10',\n  // extended gradients\n  gradient1Ext: 'extended.1',\n  gradient2Ext: 'extended.2',\n  gradient3Ext: 'extended.3',\n  gradient4Ext: 'extended.4',\n  gradient5Ext: 'extended.5',\n  gradient6Ext: 'extended.6',\n  gradient7Ext: 'extended.7',\n  gradient8Ext: 'extended.8',\n  gradient9Ext: 'extended.9',\n  gradient10Ext: 'extended.10',\n  // status gradients\n  success: 'semantic.success',\n  highSuccess: 'semantic.highSuccess',\n  warning: 'semantic.warning',\n  error: 'semantic.error',\n  highError: 'semantic.highError',\n  disabled: 'semantic.disabled',\n};\n\n/**\n * Key: Color code.\n * Value:\n *\n * Index 0 - Default gradient for light theme\n *      ├── Index 0 - start color of gradient\n *      └── Index 1 - end color of gradient\n *\n * Index 1 - gradient for dark theme\n *      ├── Index 0 - start color of gradient\n *      └── Index 1 - end color of gradient\n */\ntype GradientPalette = { [key: string]: [string, string][] };\n\nconst defaultGradientPalette: GradientPalette = {\n  '1': [\n    ['#4760D5', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n    ['#4F6BED', '#637CEF'], // [cornflower.shade10, cornflower.tint10],\n  ],\n  '2': [\n    ['#795AA6', '#9373C0'], // [orchid.shade20, orchid.tint10],\n    ['#8764B8', '#A083C9'], // [orchid.primary, orchid.tint20],\n  ],\n  '3': [\n    ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n    ['#159195', '#2AA0A4'], // [teal.tint10, teal.tint20],\n  ],\n  '4': [\n    ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n    ['#B146C2', '#C36BD1'], // [lilac.primary, lilac.tint20],\n  ],\n  '5': [\n    ['#3487C7', '#3A96DD'], // [lightBlue.shade10, lightBlue.primary],\n    ['#3487C7', '#3A96DD'], // [lightBlue.shade20, lightBlue.primary],\n  ],\n  '6': [\n    ['#0E7A0B', '#13A10E'], // [lightGreen.shade20, lightGreen.primary],\n    ['#11910D', '#27AC22'], // [lightGreen.shade10, lightGreen.tint10],\n  ],\n  '7': [\n    ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n    ['#E61C99', '#EE5FB7'], // [hotPink.tint10, hotPink.tint30],\n  ],\n  '8': [\n    ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint20],\n    ['#CA5010', '#D77440'], // [pumpkin.primary, pumpkin.tint10],\n  ],\n  '9': [\n    ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n    ['#57811B', '#689920'], // [lime.shade20, lime.shade10],\n  ],\n  '10': [\n    ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n    ['#937700', '#AE8C00'], // [gold.shade20, gold.shade10],\n  ],\n};\n\nconst extendedGradientPalette: GradientPalette = {\n  '1': [\n    ['#2C3C85', '#3C51B4'], // [cornflower.shade30, cornflower.shade20],\n    ['#93A4F4', '#C8D1FA'], // [cornflower.tint30, cornflower.tint40],\n  ],\n  '2': [\n    ['#4C3867', '#674C8C'], // [orchid.shade30, orchid.shade20],\n    ['#A083C9', '#B29AD4'], // [orchid.tint20, orchid.tint30],\n  ],\n  '3': [\n    ['#02494C', '#038387'], // [teal.shade30, teal.primary],\n    ['#4CB4B7', '#9BD9DB'], // [teal.tint30, teal.tint40],\n  ],\n  '4': [\n    ['#63276D', '#863593'], // [lilac.shade30, lilac.shade20],\n    ['#C36BD1', '#CF87DA'], // [lilac.tint20, lilac.tint30],\n  ],\n  '5': [\n    ['#20547C', '#2C72A8'], // [lightBlue.shade30, lightBlue.shade20],\n    ['#4FA1E1', '#83BDEB'], // [lightBlue.tint10, lightBlue.tint30],\n  ],\n  '6': [\n    ['#0B5A08', '#0E7A0B'], // [lightGreen.shade30, lightGreen.shade20],\n    ['#27AC22', '#5EC75A'], // [lightGreen.tint10, lightGreen.tint30],\n  ],\n  '7': [\n    ['#AD006A', '#E3008C'], // [hotPink.shade20, hotPink.primary],\n    ['#EE5FB7', '#F7ADDA'], // [hotPink.tint30, hotPink.tint40],\n  ],\n  '8': [\n    ['#9A3D0C', '#CA5010'], // [pumpkin.shade20, pumpkin.primary],\n    ['#D77440', '#DF8E64'], // [pumpkin.tint20, pumpkin.tint30],\n  ],\n  '9': [\n    ['#405F14', '#57811B'], // [lime.shade30, lime.shade20],\n    ['#73AA24', '#A4CC6C'], // [lime.primary, lime.tint30],\n  ],\n  '10': [\n    ['#6D5700', '#937700'], // [gold.shade30, gold.shade20],\n    ['#D0B232', '#DAC157'], // [gold.tint20, gold.tint30],\n  ],\n};\n\nconst semanticGradientPalette: GradientPalette = {\n  success: [\n    ['#0C5E0C', '#107C10'], // [green.shade20, green.primary],\n    ['#218C21', '#359B35'], // [green.tint10, green.tint20],\n  ],\n  highSuccess: [\n    ['#107C10', '#359B35'], // [green.primary, green.tint20],\n    ['#359B35', '#9FD89F'], // [green.tint20, green.tint40],\n  ],\n  warning: [\n    ['#DE590B', '#F7630C'], // [orange.shade10, orange.primary],\n    ['#DE590B', '#F87528'], // [orange.shade10, orange.tint10],\n  ],\n  error: [\n    ['#B10E1C', '#CC2635'], // [cranberry.shade10, cranberry.tint10],\n    ['#D33F4C', '#EEACB2'], // [cranberry.tint20, cranberry.tint40],\n  ],\n  highError: [\n    ['#6E0811', '#B10E1C'], // [cranberry.shade30, cranberry.shade10],\n    ['#D33F4C', '#DC626D'], // [cranberry.tint20, cranberry.tint30],\n  ],\n  disabled: [\n    ['#E6E6E6', '#E6E6E6'],\n    ['#E6E6E6', '#E6E6E6'],\n  ],\n};\n\nconst Gradients: { [key: string]: GradientPalette } = {\n  default: defaultGradientPalette, // base gradients\n  semantic: semanticGradientPalette, // status gradients\n  extended: extendedGradientPalette, // extended gradients\n};\n\nconst DEFAULT_COLORS = Object.values(defaultGradientPalette);\nconst TOKENS = Object.values(DataVizGradientPalette);\n\nconst getThemeSpecificGradient = (gradients: [string, string][], isDarkTheme: boolean): [string, string] => {\n  if (gradients.length === 0) {\n    return ['', ''];\n  }\n\n  const colorIdx = Number(isDarkTheme);\n\n  if (colorIdx < gradients.length) {\n    return gradients[colorIdx];\n  }\n\n  return gradients[0];\n};\n\nexport const getNextGradient = (index: number, offset: number = 0, isDarkTheme: boolean = false): [string, string] => {\n  const gradients = DEFAULT_COLORS[(index + offset) % DEFAULT_COLORS.length];\n  return getThemeSpecificGradient(gradients, isDarkTheme);\n};\n\nexport const getGradientFromToken = (token: string, isDarkTheme: boolean = false): [string, string] => {\n  if (TOKENS.indexOf(token) >= 0) {\n    const [paletteName, colorCode] = token.split('.');\n    const colors = Gradients[paletteName][colorCode];\n\n    return getThemeSpecificGradient(colors, isDarkTheme);\n  }\n  return [token, token];\n};\n"]}

package/lib-commonjs/utilities/image-export-utils.d.ts

@@ -0,0 +1,13 @@
+import { IImageExportOptions } from '../types/index';
+import { ILegend, ILegendContainer } from '../Legends';
+export declare function toImage(chartContainer: HTMLElement | null | undefined, legendsToSvgCallback?: ILegendContainer['toSVG'], isRTL?: boolean, opts?: IImageExportOptions): Promise<string>;
+export declare function cloneLegendsToSVG(legends: ILegend[], svgWidth: number, config: {
+    selectedLegends: Record<string, boolean>;
+    centerLegends: boolean;
+    textClassName: string;
+    isRTL: boolean;
+}, legendContainer?: HTMLElement | null): {
+    node: SVGGElement | null;
+    width: number;
+    height: number;
+};

package/lib-commonjs/utilities/image-export-utils.js

@@ -0,0 +1,243 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cloneLegendsToSVG = exports.toImage = void 0;
+var tslib_1 = require("tslib");
+var d3_selection_1 = require("d3-selection");
+var index_1 = require("./index");
+var Legends_styles_1 = require("../components/Legends/Legends.styles");
+function toImage(chartContainer, legendsToSvgCallback, isRTL, opts) {
+    if (isRTL === void 0) { isRTL = false; }
+    if (opts === void 0) { opts = {}; }
+    return new Promise(function (resolve, reject) {
+        if (!chartContainer) {
+            return reject(new Error('Chart container is not defined'));
+        }
+        try {
+            var background = typeof opts.background === 'string' ? (0, index_1.resolveCSSVariables)(chartContainer, opts.background) : 'transparent';
+            var svg = toSVG(chartContainer, legendsToSvgCallback, isRTL, background);
+            var svgData = new XMLSerializer().serializeToString(svg.node);
+            var svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));
+            svgToPng(svgDataUrl, {
+                width: opts.width || svg.width,
+                height: opts.height || svg.height,
+                scale: opts.scale,
+            })
+                .then(resolve)
+                .catch(reject);
+        }
+        catch (err) {
+            return reject(err);
+        }
+    });
+}
+exports.toImage = toImage;
+var SVG_STYLE_PROPERTIES = ['display', 'fill', 'fill-opacity', 'opacity', 'stroke', 'stroke-width', 'transform'];
+var SVG_TEXT_STYLE_PROPERTIES = ['font-family', 'font-size', 'font-weight', 'text-anchor'];
+function toSVG(chartContainer, legendsToSvgCallback, isRTL, background) {
+    var svg = chartContainer.querySelector('svg');
+    if (!svg) {
+        throw new Error('SVG not found');
+    }
+    var clonedSvg = (0, d3_selection_1.select)(svg.cloneNode(true))
+        .attr('width', null)
+        .attr('height', null)
+        .attr('viewBox', null);
+    var svgElements = svg.getElementsByTagName('*');
+    var clonedSvgElements = clonedSvg.node().getElementsByTagName('*');
+    for (var i = 0; i < svgElements.length; i++) {
+        if (svgElements[i].tagName.toLowerCase() === 'text') {
+            (0, index_1.copyStyle)(tslib_1.__spreadArray(tslib_1.__spreadArray([], SVG_STYLE_PROPERTIES, true), SVG_TEXT_STYLE_PROPERTIES, true), svgElements[i], clonedSvgElements[i]);
+        }
+        else {
+            (0, index_1.copyStyle)(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);
+        }
+    }
+    var _a = svg.getBoundingClientRect(), svgWidth = _a.width, svgHeight = _a.height;
+    var legendGroup = typeof legendsToSvgCallback === 'function'
+        ? legendsToSvgCallback(svgWidth, isRTL)
+        : { node: null, width: 0, height: 0 };
+    var w1 = Math.max(svgWidth, legendGroup.width);
+    var h1 = svgHeight + legendGroup.height;
+    if (legendGroup.node) {
+        (0, d3_selection_1.select)(legendGroup.node).attr('transform', "translate(0, ".concat(svgHeight, ")"));
+        clonedSvg.append(function () { return legendGroup.node; });
+    }
+    clonedSvg
+        .insert('rect', ':first-child')
+        .attr('x', 0)
+        .attr('y', 0)
+        .attr('width', w1)
+        .attr('height', h1)
+        .attr('fill', background);
+    clonedSvg
+        .attr('width', w1)
+        .attr('height', h1)
+        .attr('viewBox', "0 0 ".concat(w1, " ").concat(h1))
+        .attr('direction', isRTL ? 'rtl' : 'ltr');
+    return {
+        node: clonedSvg.node(),
+        width: w1,
+        height: h1,
+    };
+}
+var LEGEND_TEXT_STYLE_PROPERTIES_MAP = {
+    color: 'fill',
+    'font-family': 'font-family',
+    'font-size': 'font-size',
+    'font-weight': 'font-weight',
+};
+function cloneLegendsToSVG(legends, svgWidth, config, legendContainer) {
+    if (legends.length === 0) {
+        return {
+            node: null,
+            width: 0,
+            height: 0,
+        };
+    }
+    var selectedLegends = config.selectedLegends, centerLegends = config.centerLegends, textClassName = config.textClassName, isRTL = config.isRTL;
+    var legendGroup = (0, d3_selection_1.create)('svg:g');
+    var legendX = centerLegends ? 0 : Legends_styles_1.LEGEND_CONTAINER_MARGIN_START;
+    var legendY = Legends_styles_1.LEGEND_CONTAINER_MARGIN_TOP;
+    var legendLine = [];
+    var legendLines = [];
+    var legendLineWidths = [];
+    var noLegendsSelected = Object.keys(selectedLegends).length === 0;
+    var _loop_1 = function (i) {
+        var textOffset = Legends_styles_1.LEGEND_PADDING + Legends_styles_1.LEGEND_SHAPE_SIZE + Legends_styles_1.LEGEND_SHAPE_MARGIN_END;
+        var legendText = (0, index_1.createMeasurementSpan)(legends[i].title, textClassName, legendContainer);
+        var legendWidth = textOffset + legendText.getBoundingClientRect().width + Legends_styles_1.LEGEND_PADDING;
+        var legendItem = legendGroup.append('g');
+        legendLine.push({ elem: legendItem, width: legendWidth });
+        if (legendX + legendWidth > svgWidth && legendLine.length > 1) {
+            legendLine.pop();
+            legendLines.push(legendLine);
+            legendLineWidths.push(legendX);
+            legendLine = [{ elem: legendItem, width: legendWidth }];
+            legendX = centerLegends ? 0 : Legends_styles_1.LEGEND_CONTAINER_MARGIN_START;
+            legendY += Legends_styles_1.LEGEND_HEIGHT;
+        }
+        var isLegendActive = selectedLegends[legends[i].title] || noLegendsSelected;
+        legendItem
+            .append('rect')
+            .attr('x', legendX + (isRTL ? legendWidth - Legends_styles_1.LEGEND_PADDING - Legends_styles_1.LEGEND_SHAPE_SIZE : Legends_styles_1.LEGEND_PADDING))
+            .attr('y', legendY + Legends_styles_1.LEGEND_PADDING)
+            .attr('width', Legends_styles_1.LEGEND_SHAPE_SIZE)
+            .attr('height', Legends_styles_1.LEGEND_SHAPE_SIZE)
+            .style('fill', isLegendActive ? legends[i].color : 'transparent')
+            .style('stroke-width', Legends_styles_1.LEGEND_SHAPE_BORDER)
+            .style('stroke', legends[i].color);
+        legendItem
+            .append('text')
+            .attr('x', legendX + (isRTL ? legendWidth - textOffset : textOffset))
+            .attr('y', legendY + Legends_styles_1.LEGEND_PADDING)
+            .attr('dominant-baseline', 'hanging')
+            .style('opacity', isLegendActive ? 1 : Legends_styles_1.INACTIVE_LEGEND_TEXT_OPACITY)
+            .text(legends[i].title)
+            .call(function (selection) { return (0, index_1.copyStyle)(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText, selection.node()); });
+        legendX += legendWidth;
+    };
+    for (var i = 0; i < legends.length; i++) {
+        _loop_1(i);
+    }
+    legendLines.push(legendLine);
+    legendLineWidths.push(legendX);
+    legendY += Legends_styles_1.LEGEND_HEIGHT;
+    if (centerLegends) {
+        legendLines.forEach(function (ln, idx) {
+            var lineOffsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);
+            var remLineWidth = legendLineWidths[idx];
+            var itemOffsetX = 0;
+            ln.forEach(function (item) {
+                var newOffsetX = lineOffsetX + (isRTL ? remLineWidth - item.width - itemOffsetX : 0);
+                item.elem.attr('transform', "translate(".concat(newOffsetX, ", 0)"));
+                remLineWidth -= item.width;
+                itemOffsetX += item.width;
+            });
+        });
+    }
+    else if (isRTL) {
+        var w1_1 = Math.max.apply(Math, tslib_1.__spreadArray([svgWidth], legendLineWidths, false));
+        legendLines.forEach(function (ln) {
+            var remLineWidth = w1_1 - Legends_styles_1.LEGEND_CONTAINER_MARGIN_START;
+            var itemOffsetX = Legends_styles_1.LEGEND_CONTAINER_MARGIN_START;
+            ln.forEach(function (item) {
+                var newOffsetX = remLineWidth - item.width - itemOffsetX;
+                item.elem.attr('transform', "translate(".concat(newOffsetX, ", 0)"));
+                remLineWidth -= item.width;
+                itemOffsetX += item.width;
+            });
+        });
+    }
+    return {
+        node: legendGroup.node(),
+        width: Math.max.apply(Math, legendLineWidths),
+        height: legendY,
+    };
+}
+exports.cloneLegendsToSVG = cloneLegendsToSVG;
+function svgToPng(svgDataUrl, opts) {
+    if (opts === void 0) { opts = {}; }
+    return new Promise(function (resolve, reject) {
+        var scale = opts.scale || 1;
+        var w0 = opts.width || 300;
+        var h0 = opts.height || 150;
+        var w1 = scale * w0;
+        var h1 = scale * h0;
+        var canvas = document.createElement('canvas');
+        var img = new Image();
+        canvas.width = w1;
+        canvas.height = h1;
+        img.onload = function () {
+            var ctx = canvas.getContext('2d');
+            if (!ctx) {
+                return reject(new Error('Canvas context is null'));
+            }
+            ctx.clearRect(0, 0, w1, h1);
+            ctx.drawImage(img, 0, 0, w1, h1);
+            var imgData = canvas.toDataURL('image/png');
+            resolve(imgData);
+        };
+        img.onerror = function (err) {
+            reject(err);
+        };
+        img.src = svgDataUrl;
+    });
+}
+var hex2 = /^[\da-f]{2}$/i;
+var hex4 = /^[\da-f]{4}$/i;
+/**
+ * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.
+ *
+ * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}
+ */
+function unescapePonyfill(str) {
+    var result = '';
+    var length = str.length;
+    var index = 0;
+    var chr;
+    var part;
+    while (index < length) {
+        chr = str.charAt(index++);
+        if (chr === '%') {
+            if (str.charAt(index) === 'u') {
+                part = str.slice(index + 1, index + 5);
+                if (hex4.exec(part)) {
+                    result += String.fromCharCode(parseInt(part, 16));
+                    index += 5;
+                    continue;
+                }
+            }
+            else {
+                part = str.slice(index, index + 2);
+                if (hex2.exec(part)) {
+                    result += String.fromCharCode(parseInt(part, 16));
+                    index += 2;
+                    continue;
+                }
+            }
+        }
+        result += chr;
+    }
+    return result;
+}
+//# sourceMappingURL=image-export-utils.js.map

package/lib-commonjs/utilities/image-export-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-export-utils.js","sourceRoot":"../src/","sources":["utilities/image-export-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { create as d3Create, select as d3Select, Selection } from 'd3-selection';\nimport { copyStyle, createMeasurementSpan, resolveCSSVariables } from './index';\nimport { IImageExportOptions } from '../types/index';\nimport { ILegend, ILegendContainer } from '../Legends';\nimport {\n  LEGEND_CONTAINER_MARGIN_TOP,\n  LEGEND_CONTAINER_MARGIN_START,\n  LEGEND_PADDING,\n  LEGEND_HEIGHT,\n  LEGEND_SHAPE_BORDER,\n  LEGEND_SHAPE_SIZE,\n  LEGEND_SHAPE_MARGIN_END,\n  INACTIVE_LEGEND_TEXT_OPACITY,\n} from '../components/Legends/Legends.styles';\n\nexport function toImage(\n  chartContainer: HTMLElement | null | undefined,\n  legendsToSvgCallback?: ILegendContainer['toSVG'],\n  isRTL: boolean = false,\n  opts: IImageExportOptions = {},\n): Promise<string> {\n  return new Promise((resolve, reject) => {\n    if (!chartContainer) {\n      return reject(new Error('Chart container is not defined'));\n    }\n\n    try {\n      const background =\n        typeof opts.background === 'string' ? resolveCSSVariables(chartContainer, opts.background) : 'transparent';\n      const svg = toSVG(chartContainer, legendsToSvgCallback, isRTL, background);\n\n      const svgData = new XMLSerializer().serializeToString(svg.node);\n      const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));\n\n      svgToPng(svgDataUrl, {\n        width: opts.width || svg.width,\n        height: opts.height || svg.height,\n        scale: opts.scale,\n      })\n        .then(resolve)\n        .catch(reject);\n    } catch (err) {\n      return reject(err);\n    }\n  });\n}\n\nconst SVG_STYLE_PROPERTIES = ['display', 'fill', 'fill-opacity', 'opacity', 'stroke', 'stroke-width', 'transform'];\nconst SVG_TEXT_STYLE_PROPERTIES = ['font-family', 'font-size', 'font-weight', 'text-anchor'];\n\nfunction toSVG(\n  chartContainer: HTMLElement,\n  legendsToSvgCallback: ILegendContainer['toSVG'] | undefined,\n  isRTL: boolean,\n  background: string,\n) {\n  const svg = chartContainer.querySelector<SVGSVGElement>('svg');\n  if (!svg) {\n    throw new Error('SVG not found');\n  }\n\n  const clonedSvg = d3Select(svg.cloneNode(true) as SVGSVGElement)\n    .attr('width', null)\n    .attr('height', null)\n    .attr('viewBox', null);\n  const svgElements = svg.getElementsByTagName('*');\n  const clonedSvgElements = clonedSvg.node()!.getElementsByTagName('*');\n\n  for (let i = 0; i < svgElements.length; i++) {\n    if (svgElements[i].tagName.toLowerCase() === 'text') {\n      copyStyle([...SVG_STYLE_PROPERTIES, ...SVG_TEXT_STYLE_PROPERTIES], svgElements[i], clonedSvgElements[i]);\n    } else {\n      copyStyle(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);\n    }\n  }\n\n  const { width: svgWidth, height: svgHeight } = svg.getBoundingClientRect();\n  const legendGroup =\n    typeof legendsToSvgCallback === 'function'\n      ? legendsToSvgCallback(svgWidth, isRTL)\n      : { node: null, width: 0, height: 0 };\n  const w1 = Math.max(svgWidth, legendGroup.width);\n  const h1 = svgHeight + legendGroup.height;\n\n  if (legendGroup.node) {\n    d3Select(legendGroup.node).attr('transform', `translate(0, ${svgHeight})`);\n    clonedSvg.append(() => legendGroup.node);\n  }\n  clonedSvg\n    .insert('rect', ':first-child')\n    .attr('x', 0)\n    .attr('y', 0)\n    .attr('width', w1)\n    .attr('height', h1)\n    .attr('fill', background);\n  clonedSvg\n    .attr('width', w1)\n    .attr('height', h1)\n    .attr('viewBox', `0 0 ${w1} ${h1}`)\n    .attr('direction', isRTL ? 'rtl' : 'ltr');\n\n  return {\n    node: clonedSvg.node()!,\n    width: w1,\n    height: h1,\n  };\n}\n\nconst LEGEND_TEXT_STYLE_PROPERTIES_MAP = {\n  color: 'fill',\n  'font-family': 'font-family',\n  'font-size': 'font-size',\n  'font-weight': 'font-weight',\n};\n\nexport function cloneLegendsToSVG(\n  legends: ILegend[],\n  svgWidth: number,\n  config: {\n    selectedLegends: Record<string, boolean>;\n    centerLegends: boolean;\n    textClassName: string;\n    isRTL: boolean;\n  },\n  legendContainer?: HTMLElement | null,\n) {\n  if (legends.length === 0) {\n    return {\n      node: null,\n      width: 0,\n      height: 0,\n    };\n  }\n\n  const { selectedLegends, centerLegends, textClassName, isRTL } = config;\n  const legendGroup = d3Create<SVGGElement>('svg:g');\n  let legendX = centerLegends ? 0 : LEGEND_CONTAINER_MARGIN_START;\n  let legendY = LEGEND_CONTAINER_MARGIN_TOP;\n  let legendLine: { elem: Selection<SVGGElement, unknown, null, undefined>; width: number }[] = [];\n  const legendLines: (typeof legendLine)[] = [];\n  const legendLineWidths: number[] = [];\n  const noLegendsSelected = Object.keys(selectedLegends).length === 0;\n\n  for (let i = 0; i < legends.length; i++) {\n    const textOffset = LEGEND_PADDING + LEGEND_SHAPE_SIZE + LEGEND_SHAPE_MARGIN_END;\n    const legendText = createMeasurementSpan(legends[i].title, textClassName, legendContainer);\n    const legendWidth = textOffset + legendText.getBoundingClientRect().width + LEGEND_PADDING;\n    const legendItem = legendGroup.append('g');\n\n    legendLine.push({ elem: legendItem, width: legendWidth });\n    if (legendX + legendWidth > svgWidth && legendLine.length > 1) {\n      legendLine.pop();\n      legendLines.push(legendLine);\n      legendLineWidths.push(legendX);\n\n      legendLine = [{ elem: legendItem, width: legendWidth }];\n      legendX = centerLegends ? 0 : LEGEND_CONTAINER_MARGIN_START;\n      legendY += LEGEND_HEIGHT;\n    }\n\n    const isLegendActive = selectedLegends[legends[i].title] || noLegendsSelected;\n\n    legendItem\n      .append('rect')\n      .attr('x', legendX + (isRTL ? legendWidth - LEGEND_PADDING - LEGEND_SHAPE_SIZE : LEGEND_PADDING))\n      .attr('y', legendY + LEGEND_PADDING)\n      .attr('width', LEGEND_SHAPE_SIZE)\n      .attr('height', LEGEND_SHAPE_SIZE)\n      .style('fill', isLegendActive ? legends[i].color : 'transparent')\n      .style('stroke-width', LEGEND_SHAPE_BORDER)\n      .style('stroke', legends[i].color);\n\n    legendItem\n      .append('text')\n      .attr('x', legendX + (isRTL ? legendWidth - textOffset : textOffset))\n      .attr('y', legendY + LEGEND_PADDING)\n      .attr('dominant-baseline', 'hanging')\n      .style('opacity', isLegendActive ? 1 : INACTIVE_LEGEND_TEXT_OPACITY)\n      .text(legends[i].title)\n      .call(selection => copyStyle(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText, selection.node()!));\n\n    legendX += legendWidth;\n  }\n\n  legendLines.push(legendLine);\n  legendLineWidths.push(legendX);\n  legendY += LEGEND_HEIGHT;\n\n  if (centerLegends) {\n    legendLines.forEach((ln, idx) => {\n      const lineOffsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);\n      let remLineWidth = legendLineWidths[idx];\n      let itemOffsetX = 0;\n      ln.forEach(item => {\n        const newOffsetX = lineOffsetX + (isRTL ? remLineWidth - item.width - itemOffsetX : 0);\n        item.elem.attr('transform', `translate(${newOffsetX}, 0)`);\n        remLineWidth -= item.width;\n        itemOffsetX += item.width;\n      });\n    });\n  } else if (isRTL) {\n    const w1 = Math.max(svgWidth, ...legendLineWidths);\n    legendLines.forEach(ln => {\n      let remLineWidth = w1 - LEGEND_CONTAINER_MARGIN_START;\n      let itemOffsetX = LEGEND_CONTAINER_MARGIN_START;\n      ln.forEach(item => {\n        const newOffsetX = remLineWidth - item.width - itemOffsetX;\n        item.elem.attr('transform', `translate(${newOffsetX}, 0)`);\n        remLineWidth -= item.width;\n        itemOffsetX += item.width;\n      });\n    });\n  }\n\n  return {\n    node: legendGroup.node(),\n    width: Math.max(...legendLineWidths),\n    height: legendY,\n  };\n}\n\nfunction svgToPng(svgDataUrl: string, opts: IImageExportOptions = {}): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const scale = opts.scale || 1;\n    const w0 = opts.width || 300;\n    const h0 = opts.height || 150;\n    const w1 = scale * w0;\n    const h1 = scale * h0;\n\n    const canvas = document.createElement('canvas');\n    const img = new Image();\n\n    canvas.width = w1;\n    canvas.height = h1;\n\n    img.onload = function () {\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        return reject(new Error('Canvas context is null'));\n      }\n\n      ctx.clearRect(0, 0, w1, h1);\n      ctx.drawImage(img, 0, 0, w1, h1);\n\n      const imgData = canvas.toDataURL('image/png');\n      resolve(imgData);\n    };\n\n    img.onerror = function (err) {\n      reject(err);\n    };\n\n    img.src = svgDataUrl;\n  });\n}\n\nconst hex2 = /^[\\da-f]{2}$/i;\nconst hex4 = /^[\\da-f]{4}$/i;\n\n/**\n * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.\n *\n * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}\n */\nfunction unescapePonyfill(str: string) {\n  let result = '';\n  const length = str.length;\n  let index = 0;\n  let chr;\n  let part;\n  while (index < length) {\n    chr = str.charAt(index++);\n    if (chr === '%') {\n      if (str.charAt(index) === 'u') {\n        part = str.slice(index + 1, index + 5);\n        if (hex4.exec(part)) {\n          result += String.fromCharCode(parseInt(part, 16));\n          index += 5;\n          continue;\n        }\n      } else {\n        part = str.slice(index, index + 2);\n        if (hex2.exec(part)) {\n          result += String.fromCharCode(parseInt(part, 16));\n          index += 2;\n          continue;\n        }\n      }\n    }\n    result += chr;\n  }\n  return result;\n}\n"]}

package/lib-commonjs/utilities/index.d.ts

@@ -0,0 +1,5 @@
+export * from './ChartHoverCard/index';
+export * from './utilities';
+export * from './colors';
+export * from './gradients';
+export * from './vbc-utils';

package/lib-commonjs/utilities/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ChartHoverCard/index"), exports);
+tslib_1.__exportStar(require("./utilities"), exports);
+tslib_1.__exportStar(require("./colors"), exports);
+tslib_1.__exportStar(require("./gradients"), exports);
+tslib_1.__exportStar(require("./vbc-utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/utilities/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["utilities/index.ts"],"names":[],"mappings":";;;AAAA,iEAAuC;AACvC,sDAA4B;AAC5B,mDAAyB;AACzB,sDAA4B;AAC5B,sDAA4B","sourcesContent":["export * from './ChartHoverCard/index';\nexport * from './utilities';\nexport * from './colors';\nexport * from './gradients';\nexport * from './vbc-utils';\n"]}

package/lib-commonjs/utilities/locale-util.d.ts

@@ -0,0 +1,3 @@
+type LocaleStringDataProps = number | string | Date | undefined;
+export declare const convertToLocaleString: (data: LocaleStringDataProps, culture?: string) => LocaleStringDataProps;
+export {};

package/lib-commonjs/utilities/locale-util.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertToLocaleString = void 0;
+var convertToLocaleString = function (data, culture) {
+    if (!data) {
+        return data;
+    }
+    culture = culture || undefined;
+    if (typeof data === 'number') {
+        return data.toLocaleString(culture);
+    }
+    else if (typeof data === 'string' && !window.isNaN(Number(data))) {
+        var num = Number(data);
+        return num.toLocaleString(culture);
+    }
+    else if (data instanceof Date) {
+        return data.toLocaleDateString(culture);
+    }
+    return data;
+};
+exports.convertToLocaleString = convertToLocaleString;
+//# sourceMappingURL=locale-util.js.map

package/lib-commonjs/utilities/locale-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale-util.js","sourceRoot":"../src/","sources":["utilities/locale-util.ts"],"names":[],"mappings":";;;AACO,IAAM,qBAAqB,GAAG,UAAC,IAA2B,EAAE,OAAgB;IACjF,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC;SAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QACnE,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QACzB,OAAO,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;SAAM,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAdW,QAAA,qBAAqB,yBAchC","sourcesContent":["type LocaleStringDataProps = number | string | Date | undefined;\nexport const convertToLocaleString = (data: LocaleStringDataProps, culture?: string): LocaleStringDataProps => {\n  if (!data) {\n    return data;\n  }\n  culture = culture || undefined;\n  if (typeof data === 'number') {\n    return data.toLocaleString(culture);\n  } else if (typeof data === 'string' && !window.isNaN(Number(data))) {\n    const num = Number(data);\n    return num.toLocaleString(culture);\n  } else if (data instanceof Date) {\n    return data.toLocaleDateString(culture);\n  }\n  return data;\n};\n"]}

package/lib-commonjs/utilities/test-data.d.ts

@@ -0,0 +1,43 @@
+import { IChartDataPoint, IChartProps, IHorizontalBarChartWithAxisDataPoint, IVerticalStackedChartProps } from '../index';
+export declare const chartPointsVBC: {
+    x: number;
+    y: number;
+    legend: string;
+    color: string;
+    xAxisCalloutData: string;
+    yAxisCalloutData: string;
+}[];
+export declare const chartPointsVSBC: IVerticalStackedChartProps[];
+export declare const chartPoints2VSBC: IVerticalStackedChartProps[];
+export declare const emptychartPointsVSBC: IVerticalStackedChartProps[];
+export declare const pointsHBCWA: {
+    x: number;
+    y: number;
+    legend: string;
+    color: string;
+    xAxisCalloutData: string;
+    yAxisCalloutData: string;
+}[];
+export declare const pointsDC: IChartDataPoint[];
+export declare const pointsDCElevateMinimumsExample: IChartDataPoint[];
+export declare const chartPointsDC: IChartProps;
+export declare const chartPointsDCElevateMinimums: IChartProps;
+export declare const chartPointsHBCWA: IHorizontalBarChartWithAxisDataPoint[];
+export declare const chartPointsWithStringYAxisHBCWA: IHorizontalBarChartWithAxisDataPoint[];
+export declare const chartPointsWithAxisToolTipHBCWA: IHorizontalBarChartWithAxisDataPoint[];
+export declare const allNegativeChartPointsVBC: {
+    x: number;
+    y: number;
+    legend: string;
+    color: string;
+    xAxisCalloutData: string;
+    yAxisCalloutData: string;
+}[];
+export declare const negativeChartPointsVBC: {
+    x: number;
+    y: number;
+    legend: string;
+    color: string;
+    xAxisCalloutData: string;
+    yAxisCalloutData: string;
+}[];