@fluentui/react-charts 9.3.21 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

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

@@ -1,405 +0,0 @@
-'use client';
-import { create as d3Create, select as d3Select } from 'd3-selection';
-import { isHTMLElement } from '@fluentui/react-utilities';
-import { copyStyle, measureTextWithDOM } from './index';
-import { LEGEND_CONTAINER_MARGIN_TOP, LEGEND_CONTAINER_MARGIN_START, LEGEND_PADDING, LEGEND_HEIGHT, LEGEND_SHAPE_BORDER, LEGEND_SHAPE_SIZE, LEGEND_SHAPE_MARGIN_END, INACTIVE_LEGEND_TEXT_OPACITY } from '../components/Legends/useLegendsStyles.styles';
-export async function exportChartsAsImage(charts, legendsToSvg, isRTL = false, opts = {}) {
-    if (charts.length === 0 && !legendsToSvg) {
-        throw new Error('No charts or legends to export');
-    }
-    const chartImages = await Promise.all(charts.map((chart)=>{
-        return new Promise((resolve)=>{
-            const svg = cloneStyledSVG(chart.container, isRTL);
-            const svgDataUrl = svgToBase64(svg.node);
-            resolve({
-                dataUrl: svgDataUrl,
-                width: svg.width,
-                height: svg.height
-            });
-        });
-    }));
-    const grid = []; // Sparse 2D array
-    charts.forEach((chart, i)=>{
-        const row = chart.row || 0;
-        const col = chart.col || 0;
-        if (!grid[row]) {
-            grid[row] = [];
-        }
-        grid[row][col] = chartImages[i];
-    });
-    if (legendsToSvg) {
-        let totalWidth = 0;
-        grid.forEach((row)=>{
-            let rowWidth = 0;
-            row.forEach((item)=>{
-                rowWidth += item.width;
-            });
-            totalWidth = Math.max(totalWidth, rowWidth);
-        });
-        const svg = legendsToSvg(totalWidth, isRTL);
-        if (svg.node) {
-            const svgDataUrl = svgToBase64(svg.node);
-            grid.push([
-                {
-                    dataUrl: svgDataUrl,
-                    width: svg.width,
-                    height: svg.height
-                }
-            ]);
-        }
-    }
-    return svgToPng(grid, opts);
-}
-const SVG_STYLE_PROPERTIES = [
-    'display',
-    'fill',
-    'fill-opacity',
-    'opacity',
-    'stroke',
-    'stroke-width',
-    'transform',
-    'border-collapse'
-];
-const SVG_TEXT_STYLE_PROPERTIES = [
-    'font-family',
-    'font-size',
-    'font-weight',
-    'text-anchor',
-    'background-color',
-    'color',
-    'padding',
-    'text-align',
-    'border'
-];
-const ANNOTATION_HTML_STYLE_PROPERTIES = [
-    'align-items',
-    'background',
-    'background-color',
-    'border',
-    'border-radius',
-    'box-shadow',
-    'box-sizing',
-    'color',
-    'column-gap',
-    'display',
-    'flex',
-    'flex-direction',
-    'font-family',
-    'font-size',
-    'font-style',
-    'font-weight',
-    'gap',
-    'height',
-    'justify-content',
-    'letter-spacing',
-    'line-height',
-    'margin',
-    'max-height',
-    'max-width',
-    'min-height',
-    'min-width',
-    'opacity',
-    'overflow',
-    'padding',
-    'pointer-events',
-    'position',
-    'row-gap',
-    'text-align',
-    'text-decoration',
-    'text-transform',
-    'top',
-    'right',
-    'bottom',
-    'left',
-    'visibility',
-    'white-space',
-    'width',
-    'z-index'
-];
-const ANNOTATION_FOREIGN_OBJECT_STYLE_PROPERTIES = [
-    'overflow',
-    'pointer-events'
-];
-function cloneStyledSVG(chartContainer, isRTL) {
-    if (!chartContainer) {
-        throw new Error('Chart container is not defined');
-    }
-    const svg = chartContainer.querySelector('svg');
-    if (!svg) {
-        throw new Error('SVG not found');
-    }
-    let clonedSvg = d3Select(svg.cloneNode(true)).attr('width', null).attr('height', null).attr('viewBox', null);
-    let svgElements = svg.getElementsByTagName('*');
-    let clonedSvgElements = clonedSvg.node().getElementsByTagName('*');
-    const TEXT_ELEMENTS = [
-        'text'
-    ];
-    const TABLE_ELEMENTS = [
-        'table',
-        'thead',
-        'tbody',
-        'tr',
-        'th',
-        'td'
-    ];
-    for(let i = 0; i < svgElements.length; i++){
-        const tag = svgElements[i].tagName.toLowerCase();
-        if (TEXT_ELEMENTS.includes(tag) || TABLE_ELEMENTS.includes(tag)) {
-            copyStyle([
-                ...SVG_STYLE_PROPERTIES,
-                ...SVG_TEXT_STYLE_PROPERTIES
-            ], svgElements[i], clonedSvgElements[i]);
-        } else {
-            copyStyle(SVG_STYLE_PROPERTIES, svgElements[i], clonedSvgElements[i]);
-        }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    svgElements = null;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    clonedSvgElements = null;
-    const originalForeignObjects = svg.querySelectorAll('foreignObject');
-    const clonedForeignObjects = clonedSvg.node().querySelectorAll('foreignObject');
-    originalForeignObjects.forEach((originalFo, index)=>{
-        const clonedFo = clonedForeignObjects[index];
-        if (!clonedFo) {
-            return;
-        }
-        const originalRoot = originalFo.firstElementChild;
-        const clonedRoot = clonedFo.firstElementChild;
-        if (originalRoot && clonedRoot) {
-            copyStyle(ANNOTATION_HTML_STYLE_PROPERTIES, originalRoot, clonedRoot);
-        }
-        const originalHtmlElements = originalFo.querySelectorAll('*');
-        const clonedHtmlElements = clonedFo.querySelectorAll('*');
-        originalHtmlElements.forEach((originalEl, elementIndex)=>{
-            const clonedEl = clonedHtmlElements[elementIndex];
-            if (clonedEl) {
-                copyStyle(ANNOTATION_HTML_STYLE_PROPERTIES, originalEl, clonedEl);
-            }
-        });
-    });
-    const annotationSvg = chartContainer.querySelector('[data-chart-annotation-svg="true"]');
-    let annotationClone = null;
-    if (annotationSvg) {
-        annotationClone = annotationSvg.cloneNode(true);
-        copyStyle(SVG_STYLE_PROPERTIES, annotationSvg, annotationClone);
-        const annotationElements = annotationSvg.getElementsByTagName('*');
-        const clonedAnnotationElements = annotationClone.getElementsByTagName('*');
-        for(let i = 0; i < annotationElements.length; i++){
-            const original = annotationElements[i];
-            const cloned = clonedAnnotationElements[i];
-            const tag = original.tagName.toLowerCase();
-            const isSvgElement = original instanceof SVGElement;
-            const isTextElement = tag === 'text';
-            const isHtmlElement = isHTMLElement(original);
-            if (isSvgElement) {
-                if (isTextElement) {
-                    copyStyle([
-                        ...SVG_STYLE_PROPERTIES,
-                        ...SVG_TEXT_STYLE_PROPERTIES
-                    ], original, cloned);
-                } else {
-                    copyStyle(SVG_STYLE_PROPERTIES, original, cloned);
-                }
-            }
-            if (isHtmlElement) {
-                copyStyle(ANNOTATION_HTML_STYLE_PROPERTIES, original, cloned);
-            }
-            if (tag === 'foreignobject') {
-                copyStyle(ANNOTATION_FOREIGN_OBJECT_STYLE_PROPERTIES, original, cloned);
-            }
-        }
-    }
-    const { width, height } = svg.getBoundingClientRect();
-    clonedSvg.attr('width', width).attr('height', height).attr('viewBox', `0 0 ${width} ${height}`).attr('direction', isRTL ? 'rtl' : 'ltr');
-    if (annotationClone) {
-        clonedSvg.selectAll('[data-chart-annotation-layer="true"]').remove();
-        d3Select(annotationClone).attr('x', 0).attr('y', 0).attr('width', width).attr('height', height);
-        clonedSvg.append(()=>annotationClone);
-    }
-    const result = {
-        node: clonedSvg.node(),
-        width,
-        height
-    };
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    clonedSvg = null;
-    return result;
-}
-const LEGEND_TEXT_STYLE_PROPERTIES_MAP = {
-    color: 'fill',
-    'font-family': 'font-family',
-    'font-size': 'font-size',
-    'font-weight': 'font-weight'
-};
-export function cloneLegendsToSVG(legends, svgWidth, config, legendContainer) {
-    if (legends.length === 0) {
-        return {
-            node: null,
-            width: 0,
-            height: 0
-        };
-    }
-    const { selectedLegends, centerLegends, textClassName, isRTL } = config;
-    const legendGroup = d3Create('svg:g');
-    let legendX = centerLegends ? 0 : LEGEND_CONTAINER_MARGIN_START;
-    let legendY = LEGEND_CONTAINER_MARGIN_TOP;
-    let legendLine = [];
-    const legendLines = [];
-    const legendLineWidths = [];
-    const noLegendsSelected = Object.keys(selectedLegends).length === 0;
-    for(let i = 0; i < legends.length; i++){
-        const textOffset = LEGEND_PADDING + LEGEND_SHAPE_SIZE + LEGEND_SHAPE_MARGIN_END;
-        const legendText = measureTextWithDOM(legends[i].title, `.${textClassName}`, legendContainer);
-        const legendWidth = textOffset + legendText.width + LEGEND_PADDING;
-        const 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 : LEGEND_CONTAINER_MARGIN_START;
-            legendY += LEGEND_HEIGHT;
-        }
-        const isLegendActive = selectedLegends[legends[i].title] || noLegendsSelected;
-        legendItem.append('rect').attr('x', legendX + (isRTL ? legendWidth - LEGEND_PADDING - LEGEND_SHAPE_SIZE : LEGEND_PADDING)).attr('y', legendY + LEGEND_PADDING).attr('width', LEGEND_SHAPE_SIZE).attr('height', LEGEND_SHAPE_SIZE).style('fill', isLegendActive ? legends[i].color : 'transparent').style('stroke-width', LEGEND_SHAPE_BORDER).style('stroke', legends[i].color);
-        legendItem.append('text').attr('x', legendX + (isRTL ? legendWidth - textOffset : textOffset)).attr('y', legendY + LEGEND_PADDING).attr('dominant-baseline', 'hanging').style('opacity', isLegendActive ? 1 : INACTIVE_LEGEND_TEXT_OPACITY).text(legends[i].title).call((selection)=>copyStyle(LEGEND_TEXT_STYLE_PROPERTIES_MAP, legendText.node, selection.node()));
-        legendX += legendWidth;
-    }
-    legendLines.push(legendLine);
-    legendLineWidths.push(legendX);
-    legendY += LEGEND_HEIGHT;
-    if (centerLegends) {
-        legendLines.forEach((ln, idx)=>{
-            const lineOffsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);
-            let remLineWidth = legendLineWidths[idx];
-            let itemOffsetX = 0;
-            ln.forEach((item)=>{
-                const newOffsetX = lineOffsetX + (isRTL ? remLineWidth - item.width - itemOffsetX : 0);
-                item.elem.attr('transform', `translate(${newOffsetX}, 0)`);
-                remLineWidth -= item.width;
-                itemOffsetX += item.width;
-            });
-        });
-    } else if (isRTL) {
-        const w1 = Math.max(svgWidth, ...legendLineWidths);
-        legendLines.forEach((ln)=>{
-            let remLineWidth = w1 - LEGEND_CONTAINER_MARGIN_START;
-            let itemOffsetX = LEGEND_CONTAINER_MARGIN_START;
-            ln.forEach((item)=>{
-                const newOffsetX = remLineWidth - item.width - itemOffsetX;
-                item.elem.attr('transform', `translate(${newOffsetX}, 0)`);
-                remLineWidth -= item.width;
-                itemOffsetX += item.width;
-            });
-        });
-    }
-    const w1 = Math.max(svgWidth, ...legendLineWidths);
-    const h1 = legendY;
-    const svg = d3Create('svg').attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);
-    svg.append(()=>legendGroup.node());
-    return {
-        node: svg.node(),
-        width: w1,
-        height: h1
-    };
-}
-async function svgToPng(grid, opts = {}) {
-    let totalWidth = 0;
-    let totalHeight = 0;
-    const positionedImages = grid.map((row)=>{
-        let rowWidth = 0;
-        let rowHeight = 0;
-        const items = row.map((item)=>{
-            const positioned = {
-                ...item,
-                x: rowWidth,
-                y: totalHeight
-            };
-            rowWidth += item.width;
-            rowHeight = Math.max(rowHeight, item.height);
-            return positioned;
-        });
-        totalWidth = Math.max(totalWidth, rowWidth);
-        totalHeight += rowHeight;
-        return items;
-    }).flat();
-    const scale = opts.scale || 1;
-    const w0 = opts.width || totalWidth;
-    const h0 = opts.height || totalHeight;
-    const scaleX = scale * w0 / totalWidth;
-    const scaleY = scale * h0 / totalHeight;
-    totalWidth = scaleX * totalWidth;
-    totalHeight = scaleY * totalHeight;
-    const canvas = document.createElement('canvas');
-    canvas.width = totalWidth;
-    canvas.height = totalHeight;
-    const ctx = canvas.getContext('2d');
-    if (!ctx) {
-        throw new Error('Canvas context is null');
-    }
-    ctx.fillStyle = opts.background || 'transparent';
-    ctx.fillRect(0, 0, totalWidth, totalHeight);
-    await Promise.all(positionedImages.map((item)=>new Promise((resolve, reject)=>{
-            const img = new Image();
-            img.onload = ()=>{
-                ctx.drawImage(img, scaleX * item.x, scaleY * item.y, scaleX * item.width, scaleY * item.height);
-                resolve();
-            };
-            img.onerror = reject;
-            img.src = item.dataUrl;
-        })));
-    return canvas.toDataURL('image/png');
-}
-function svgToBase64(svgNode) {
-    if (!svgNode) {
-        throw new Error('SVG node is null');
-    }
-    const svgData = new XMLSerializer().serializeToString(svgNode);
-    const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));
-    return svgDataUrl;
-}
-const hex2 = /^[\da-f]{2}$/i;
-const 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) {
-    let result = '';
-    const length = str.length;
-    let index = 0;
-    let chr;
-    let 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;
-}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/image-export-utils.ts"],"sourcesContent":["'use client';\n\nimport type { Selection } from 'd3-selection';\nimport { create as d3Create, select as d3Select } from 'd3-selection';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nimport { copyStyle, measureTextWithDOM } from './index';\nimport type { ImageExportOptions } from '../types/index';\nimport type { Legend, LegendContainer } 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/useLegendsStyles.styles';\n\nexport type GridChart = {\n  container: HTMLElement | null | undefined;\n  row?: number;\n  col?: number;\n};\n\ntype SvgImage = {\n  dataUrl: string;\n  width: number;\n  height: number;\n};\n\nexport async function exportChartsAsImage(\n  charts: GridChart[],\n  legendsToSvg?: LegendContainer['toSVG'],\n  isRTL: boolean = false,\n  opts: ImageExportOptions = {},\n): Promise<string> {\n  if (charts.length === 0 && !legendsToSvg) {\n    throw new Error('No charts or legends to export');\n  }\n\n  const chartImages = await Promise.all(\n    charts.map(chart => {\n      return new Promise<SvgImage>(resolve => {\n        const svg = cloneStyledSVG(chart.container, isRTL);\n        const svgDataUrl = svgToBase64(svg.node);\n        resolve({ dataUrl: svgDataUrl, width: svg.width, height: svg.height });\n      });\n    }),\n  );\n\n  const grid: SvgImage[][] = []; // Sparse 2D array\n  charts.forEach((chart, i) => {\n    const row = chart.row || 0;\n    const col = chart.col || 0;\n    if (!grid[row]) {\n      grid[row] = [];\n    }\n    grid[row][col] = chartImages[i];\n  });\n\n  if (legendsToSvg) {\n    let totalWidth = 0;\n    grid.forEach(row => {\n      let rowWidth = 0;\n      row.forEach(item => {\n        rowWidth += item.width;\n      });\n      totalWidth = Math.max(totalWidth, rowWidth);\n    });\n\n    const svg = legendsToSvg(totalWidth, isRTL);\n    if (svg.node) {\n      const svgDataUrl = svgToBase64(svg.node);\n      grid.push([{ dataUrl: svgDataUrl, width: svg.width, height: svg.height }]);\n    }\n  }\n\n  return svgToPng(grid, opts);\n}\n\nconst SVG_STYLE_PROPERTIES = [\n  'display',\n  'fill',\n  'fill-opacity',\n  'opacity',\n  'stroke',\n  'stroke-width',\n  'transform',\n  'border-collapse',\n];\nconst SVG_TEXT_STYLE_PROPERTIES = [\n  'font-family',\n  'font-size',\n  'font-weight',\n  'text-anchor',\n  'background-color',\n  'color',\n  'padding',\n  'text-align',\n  'border',\n];\n\nconst ANNOTATION_HTML_STYLE_PROPERTIES = [\n  'align-items',\n  'background',\n  'background-color',\n  'border',\n  'border-radius',\n  'box-shadow',\n  'box-sizing',\n  'color',\n  'column-gap',\n  'display',\n  'flex',\n  'flex-direction',\n  'font-family',\n  'font-size',\n  'font-style',\n  'font-weight',\n  'gap',\n  'height',\n  'justify-content',\n  'letter-spacing',\n  'line-height',\n  'margin',\n  'max-height',\n  'max-width',\n  'min-height',\n  'min-width',\n  'opacity',\n  'overflow',\n  'padding',\n  'pointer-events',\n  'position',\n  'row-gap',\n  'text-align',\n  'text-decoration',\n  'text-transform',\n  'top',\n  'right',\n  'bottom',\n  'left',\n  'visibility',\n  'white-space',\n  'width',\n  'z-index',\n];\nconst ANNOTATION_FOREIGN_OBJECT_STYLE_PROPERTIES = ['overflow', 'pointer-events'];\n\nfunction cloneStyledSVG(chartContainer: HTMLElement | null | undefined, isRTL: boolean) {\n  if (!chartContainer) {\n    throw new Error('Chart container is not defined');\n  }\n\n  const svg = chartContainer.querySelector<SVGSVGElement>('svg');\n  if (!svg) {\n    throw new Error('SVG not found');\n  }\n\n  let clonedSvg = d3Select(svg.cloneNode(true) as SVGSVGElement)\n    .attr('width', null)\n    .attr('height', null)\n    .attr('viewBox', null);\n  let svgElements = svg.getElementsByTagName('*');\n  let clonedSvgElements = clonedSvg.node()!.getElementsByTagName('*');\n\n  const TEXT_ELEMENTS = ['text'];\n  const TABLE_ELEMENTS = ['table', 'thead', 'tbody', 'tr', 'th', 'td'];\n\n  for (let i = 0; i < svgElements.length; i++) {\n    const tag = svgElements[i].tagName.toLowerCase();\n\n    if (TEXT_ELEMENTS.includes(tag) || TABLE_ELEMENTS.includes(tag)) {\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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  svgElements = null as any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  clonedSvgElements = null as any;\n\n  const originalForeignObjects = svg.querySelectorAll('foreignObject');\n  const clonedForeignObjects = clonedSvg.node()!.querySelectorAll('foreignObject');\n\n  originalForeignObjects.forEach((originalFo, index) => {\n    const clonedFo = clonedForeignObjects[index];\n    if (!clonedFo) {\n      return;\n    }\n\n    const originalRoot = originalFo.firstElementChild as HTMLElement | null;\n    const clonedRoot = clonedFo.firstElementChild as HTMLElement | null;\n\n    if (originalRoot && clonedRoot) {\n      copyStyle(ANNOTATION_HTML_STYLE_PROPERTIES, originalRoot, clonedRoot);\n    }\n\n    const originalHtmlElements = originalFo.querySelectorAll<HTMLElement>('*');\n    const clonedHtmlElements = clonedFo.querySelectorAll<HTMLElement>('*');\n\n    originalHtmlElements.forEach((originalEl, elementIndex) => {\n      const clonedEl = clonedHtmlElements[elementIndex];\n      if (clonedEl) {\n        copyStyle(ANNOTATION_HTML_STYLE_PROPERTIES, originalEl, clonedEl);\n      }\n    });\n  });\n\n  const annotationSvg = chartContainer.querySelector<SVGSVGElement>('[data-chart-annotation-svg=\"true\"]');\n  let annotationClone: SVGSVGElement | null = null;\n\n  if (annotationSvg) {\n    annotationClone = annotationSvg.cloneNode(true) as SVGSVGElement;\n    copyStyle(SVG_STYLE_PROPERTIES, annotationSvg, annotationClone);\n\n    const annotationElements = annotationSvg.getElementsByTagName('*');\n    const clonedAnnotationElements = annotationClone.getElementsByTagName('*');\n\n    for (let i = 0; i < annotationElements.length; i++) {\n      const original = annotationElements[i];\n      const cloned = clonedAnnotationElements[i];\n      const tag = original.tagName.toLowerCase();\n      const isSvgElement = original instanceof SVGElement;\n      const isTextElement = tag === 'text';\n      const isHtmlElement = isHTMLElement(original);\n\n      if (isSvgElement) {\n        if (isTextElement) {\n          copyStyle([...SVG_STYLE_PROPERTIES, ...SVG_TEXT_STYLE_PROPERTIES], original, cloned);\n        } else {\n          copyStyle(SVG_STYLE_PROPERTIES, original, cloned);\n        }\n      }\n\n      if (isHtmlElement) {\n        copyStyle(ANNOTATION_HTML_STYLE_PROPERTIES, original, cloned);\n      }\n\n      if (tag === 'foreignobject') {\n        copyStyle(ANNOTATION_FOREIGN_OBJECT_STYLE_PROPERTIES, original, cloned);\n      }\n    }\n  }\n\n  const { width, height } = svg.getBoundingClientRect();\n\n  clonedSvg\n    .attr('width', width)\n    .attr('height', height)\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .attr('direction', isRTL ? 'rtl' : 'ltr');\n\n  if (annotationClone) {\n    clonedSvg.selectAll('[data-chart-annotation-layer=\"true\"]').remove();\n    d3Select(annotationClone).attr('x', 0).attr('y', 0).attr('width', width).attr('height', height);\n    clonedSvg.append(() => annotationClone as SVGSVGElement);\n  }\n  const result = {\n    node: clonedSvg.node(),\n    width,\n    height,\n  };\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  clonedSvg = null as any;\n\n  return result;\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: Legend[],\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  node: SVGSVGElement | null;\n  width: number;\n  height: number;\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 = measureTextWithDOM(legends[i].title, `.${textClassName}`, legendContainer);\n    const legendWidth = textOffset + legendText.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.node, 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  const w1 = Math.max(svgWidth, ...legendLineWidths);\n  const h1 = legendY;\n  const svg = d3Create<SVGSVGElement>('svg').attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);\n  svg.append(() => legendGroup.node()!);\n\n  return {\n    node: svg.node(),\n    width: w1,\n    height: h1,\n  };\n}\n\ntype PositionedImage = SvgImage & {\n  x: number;\n  y: number;\n};\n\nasync function svgToPng(grid: SvgImage[][], opts: ImageExportOptions = {}): Promise<string> {\n  let totalWidth = 0;\n  let totalHeight = 0;\n\n  const positionedImages: PositionedImage[] = grid\n    .map(row => {\n      let rowWidth = 0;\n      let rowHeight = 0;\n\n      const items = row.map(item => {\n        const positioned = { ...item, x: rowWidth, y: totalHeight };\n        rowWidth += item.width;\n        rowHeight = Math.max(rowHeight, item.height);\n        return positioned;\n      });\n\n      totalWidth = Math.max(totalWidth, rowWidth);\n      totalHeight += rowHeight;\n\n      return items;\n    })\n    .flat();\n\n  const scale = opts.scale || 1;\n  const w0 = opts.width || totalWidth;\n  const h0 = opts.height || totalHeight;\n  const scaleX = (scale * w0) / totalWidth;\n  const scaleY = (scale * h0) / totalHeight;\n  totalWidth = scaleX * totalWidth;\n  totalHeight = scaleY * totalHeight;\n\n  const canvas = document.createElement('canvas');\n  canvas.width = totalWidth;\n  canvas.height = totalHeight;\n\n  const ctx = canvas.getContext('2d');\n  if (!ctx) {\n    throw new Error('Canvas context is null');\n  }\n\n  ctx.fillStyle = opts.background || 'transparent';\n  ctx.fillRect(0, 0, totalWidth, totalHeight);\n\n  await Promise.all(\n    positionedImages.map(\n      item =>\n        new Promise<void>((resolve, reject) => {\n          const img = new Image();\n          img.onload = () => {\n            ctx.drawImage(img, scaleX * item.x, scaleY * item.y, scaleX * item.width, scaleY * item.height);\n            resolve();\n          };\n          img.onerror = reject;\n          img.src = item.dataUrl;\n        }),\n    ),\n  );\n\n  return canvas.toDataURL('image/png');\n}\n\nfunction svgToBase64(svgNode: SVGSVGElement | null) {\n  if (!svgNode) {\n    throw new Error('SVG node is null');\n  }\n\n  const svgData = new XMLSerializer().serializeToString(svgNode);\n  const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));\n  return svgDataUrl;\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"],"names":["create","d3Create","select","d3Select","isHTMLElement","copyStyle","measureTextWithDOM","LEGEND_CONTAINER_MARGIN_TOP","LEGEND_CONTAINER_MARGIN_START","LEGEND_PADDING","LEGEND_HEIGHT","LEGEND_SHAPE_BORDER","LEGEND_SHAPE_SIZE","LEGEND_SHAPE_MARGIN_END","INACTIVE_LEGEND_TEXT_OPACITY","exportChartsAsImage","charts","legendsToSvg","isRTL","opts","length","Error","chartImages","Promise","all","map","chart","resolve","svg","cloneStyledSVG","container","svgDataUrl","svgToBase64","node","dataUrl","width","height","grid","forEach","i","row","col","totalWidth","rowWidth","item","Math","max","push","svgToPng","SVG_STYLE_PROPERTIES","SVG_TEXT_STYLE_PROPERTIES","ANNOTATION_HTML_STYLE_PROPERTIES","ANNOTATION_FOREIGN_OBJECT_STYLE_PROPERTIES","chartContainer","querySelector","clonedSvg","cloneNode","attr","svgElements","getElementsByTagName","clonedSvgElements","TEXT_ELEMENTS","TABLE_ELEMENTS","tag","tagName","toLowerCase","includes","originalForeignObjects","querySelectorAll","clonedForeignObjects","originalFo","index","clonedFo","originalRoot","firstElementChild","clonedRoot","originalHtmlElements","clonedHtmlElements","originalEl","elementIndex","clonedEl","annotationSvg","annotationClone","annotationElements","clonedAnnotationElements","original","cloned","isSvgElement","SVGElement","isTextElement","isHtmlElement","getBoundingClientRect","selectAll","remove","append","result","LEGEND_TEXT_STYLE_PROPERTIES_MAP","color","cloneLegendsToSVG","legends","svgWidth","config","legendContainer","selectedLegends","centerLegends","textClassName","legendGroup","legendX","legendY","legendLine","legendLines","legendLineWidths","noLegendsSelected","Object","keys","textOffset","legendText","title","legendWidth","legendItem","elem","pop","isLegendActive","style","text","call","selection","ln","idx","lineOffsetX","remLineWidth","itemOffsetX","newOffsetX","w1","h1","totalHeight","positionedImages","rowHeight","items","positioned","x","y","flat","scale","w0","h0","scaleX","scaleY","canvas","document","createElement","ctx","getContext","fillStyle","background","fillRect","reject","img","Image","onload","drawImage","onerror","src","toDataURL","svgNode","svgData","XMLSerializer","serializeToString","btoa","unescapePonyfill","encodeURIComponent","hex2","hex4","str","chr","part","charAt","slice","exec","String","fromCharCode","parseInt"],"mappings":"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"}

package/lib/utilities/index.js

@@ -1,5 +0,0 @@
-export * from './utilities';
-export * from './colors';
-export * from './vbc-utils';
-export * from './Common.styles';
-export * from './ChartTitle';

package/lib/utilities/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/index.ts"],"sourcesContent":["export * from './utilities';\nexport * from './colors';\nexport * from './vbc-utils';\nexport * from './Common.styles';\nexport * from './ChartTitle';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,eAAe"}

package/lib/utilities/overflow-utils.js

@@ -1,27 +0,0 @@
-/**
- * Detects whether an element's content has horizontal overflow
- *
- * @public
- * @param element - Element to check for overflow
- * @returns True if element's content overflows
- */ export function hasHorizontalOverflow(element) {
-    return element.clientWidth < element.scrollWidth;
-}
-/**
- * Detects whether an element's content has vertical overflow
- *
- * @public
- * @param element - Element to check for overflow
- * @returns True if element's content overflows
- */ export function hasVerticalOverflow(element) {
-    return element.clientHeight < element.scrollHeight;
-}
-/**
- * Detects whether an element's content has overflow in any direction
- *
- * @public
- * @param element - Element to check for overflow
- * @returns True if element's content overflows
- */ export function hasOverflow(element) {
-    return hasHorizontalOverflow(element) || hasVerticalOverflow(element);
-}

package/lib/utilities/overflow-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/overflow-utils.ts"],"sourcesContent":["/**\n * Detects whether an element's content has horizontal overflow\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasHorizontalOverflow(element: HTMLElement): boolean {\n  return element.clientWidth < element.scrollWidth;\n}\n\n/**\n * Detects whether an element's content has vertical overflow\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasVerticalOverflow(element: HTMLElement): boolean {\n  return element.clientHeight < element.scrollHeight;\n}\n\n/**\n * Detects whether an element's content has overflow in any direction\n *\n * @public\n * @param element - Element to check for overflow\n * @returns True if element's content overflows\n */\nexport function hasOverflow(element: HTMLElement): boolean {\n  return hasHorizontalOverflow(element) || hasVerticalOverflow(element);\n}\n"],"names":["hasHorizontalOverflow","element","clientWidth","scrollWidth","hasVerticalOverflow","clientHeight","scrollHeight","hasOverflow"],"mappings":"AAAA;;;;;;CAMC,GACD,OAAO,SAASA,sBAAsBC,OAAoB;IACxD,OAAOA,QAAQC,WAAW,GAAGD,QAAQE,WAAW;AAClD;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,oBAAoBH,OAAoB;IACtD,OAAOA,QAAQI,YAAY,GAAGJ,QAAQK,YAAY;AACpD;AAEA;;;;;;CAMC,GACD,OAAO,SAASC,YAAYN,OAAoB;IAC9C,OAAOD,sBAAsBC,YAAYG,oBAAoBH;AAC/D"}

package/lib/utilities/scatterpolar-utils.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-/**
- * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series
- * Now places labels at equal angles for all unique texts, regardless of data positions.
- */ export function renderScatterPolarCategoryLabels({ xAxisScale, yAxisScale, className, lineOptions, minPixelGap = 40 }) {
-    const maybeLineOptions = extractMaybeLineOptions(lineOptions);
-    var _maybeLineOptions_axisLabel;
-    // Always use axisLabel from lineOptions to display the labels
-    const uniqueTexts = (_maybeLineOptions_axisLabel = maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.axisLabel) !== null && _maybeLineOptions_axisLabel !== void 0 ? _maybeLineOptions_axisLabel : [];
-    // Place labels at equal angles
-    const renderedLabels = [];
-    const placedPositions = [];
-    const labelRadius = 0.7; // You can adjust this value for more/less offset
-    const numLabels = uniqueTexts.length;
-    // Respect schema or prop rotation and direction (default ccw, 0°)
-    const dirMultiplier = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.direction) === 'clockwise' ? -1 : 1;
-    var _maybeLineOptions_rotation;
-    const rotationRad = ((_maybeLineOptions_rotation = maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.rotation) !== null && _maybeLineOptions_rotation !== void 0 ? _maybeLineOptions_rotation : 0) * Math.PI / 180;
-    uniqueTexts.forEach((text, i)=>{
-        const angle = rotationRad + dirMultiplier * (2 * Math.PI / numLabels) * i;
-        const originXOffset = (maybeLineOptions === null || maybeLineOptions === void 0 ? void 0 : maybeLineOptions.originXOffset) || 0;
-        const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);
-        const y = yAxisScale(labelRadius * Math.sin(angle));
-        // Check distance from all previously placed labels
-        const isFarEnough = placedPositions.every((pos)=>Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);
-        if (renderedLabels.length === 0 || isFarEnough) {
-            renderedLabels.push(/*#__PURE__*/ React.createElement("text", {
-                key: `scatterpolar-label-${text}`,
-                x: x,
-                y: y,
-                className: className,
-                textAnchor: "middle",
-                alignmentBaseline: "middle",
-                opacity: 1
-            }, text));
-            placedPositions.push({
-                x,
-                y
-            });
-        }
-    });
-    return renderedLabels;
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function extractMaybeLineOptions(lineOptions) {
-    return lineOptions ? {
-        originXOffset: lineOptions.originXOffset,
-        direction: lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise' ? lineOptions.direction : undefined,
-        rotation: lineOptions.rotation,
-        axisLabel: Array.isArray(lineOptions.axisLabel) ? lineOptions.axisLabel : undefined
-    } : undefined;
-}

package/lib/utilities/scatterpolar-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/scatterpolar-utils.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ScaleLinear } from 'd3-scale';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Helper to render categorical labels for scatterpolar charts with improved overlap logic across all series\n * Now places labels at equal angles for all unique texts, regardless of data positions.\n */\nexport function renderScatterPolarCategoryLabels({\n  xAxisScale,\n  yAxisScale,\n  className,\n  lineOptions,\n  minPixelGap = 40,\n}: {\n  xAxisScale: ScaleLinear<number, number>;\n  yAxisScale: ScaleLinear<number, number>;\n  className: string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  lineOptions?: any;\n  minPixelGap?: number;\n}): JSXElement[] {\n  const maybeLineOptions = extractMaybeLineOptions(lineOptions);\n\n  // Always use axisLabel from lineOptions to display the labels\n  const uniqueTexts: string[] = maybeLineOptions?.axisLabel ?? [];\n\n  // Place labels at equal angles\n  const renderedLabels: JSXElement[] = [];\n  const placedPositions: { x: number; y: number }[] = [];\n  const labelRadius = 0.7; // You can adjust this value for more/less offset\n  const numLabels = uniqueTexts.length;\n\n  // Respect schema or prop rotation and direction (default ccw, 0°)\n  const dirMultiplier = maybeLineOptions?.direction === 'clockwise' ? -1 : 1;\n  const rotationRad = ((maybeLineOptions?.rotation ?? 0) * Math.PI) / 180;\n\n  uniqueTexts.forEach((text, i) => {\n    const angle = rotationRad + dirMultiplier * ((2 * Math.PI) / numLabels) * i;\n    const originXOffset = maybeLineOptions?.originXOffset || 0;\n    const x = xAxisScale(labelRadius * Math.cos(angle) - originXOffset / 2);\n    const y = yAxisScale(labelRadius * Math.sin(angle));\n\n    // Check distance from all previously placed labels\n    const isFarEnough = placedPositions.every(pos => Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2) >= minPixelGap);\n\n    if (renderedLabels.length === 0 || isFarEnough) {\n      renderedLabels.push(\n        <text\n          key={`scatterpolar-label-${text}`}\n          x={x}\n          y={y}\n          className={className}\n          textAnchor=\"middle\"\n          alignmentBaseline=\"middle\"\n          opacity={1}\n        >\n          {text}\n        </text>,\n      );\n      placedPositions.push({ x, y });\n    }\n  });\n\n  return renderedLabels;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function extractMaybeLineOptions(lineOptions: any):\n  | {\n      originXOffset?: number;\n      direction?: 'clockwise' | 'counterclockwise';\n      rotation?: number;\n      axisLabel?: string[];\n    }\n  | undefined {\n  return lineOptions\n    ? {\n        originXOffset: lineOptions.originXOffset,\n        direction:\n          lineOptions.direction === 'clockwise' || lineOptions.direction === 'counterclockwise'\n            ? lineOptions.direction\n            : undefined,\n        rotation: lineOptions.rotation,\n        axisLabel: Array.isArray(lineOptions.axisLabel) ? lineOptions.axisLabel : undefined,\n      }\n    : undefined;\n}\n"],"names":["React","renderScatterPolarCategoryLabels","xAxisScale","yAxisScale","className","lineOptions","minPixelGap","maybeLineOptions","extractMaybeLineOptions","uniqueTexts","axisLabel","renderedLabels","placedPositions","labelRadius","numLabels","length","dirMultiplier","direction","rotationRad","rotation","Math","PI","forEach","text","i","angle","originXOffset","x","cos","y","sin","isFarEnough","every","pos","sqrt","push","key","textAnchor","alignmentBaseline","opacity","undefined","Array","isArray"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B;;;CAGC,GACD,OAAO,SAASC,iCAAiC,EAC/CC,UAAU,EACVC,UAAU,EACVC,SAAS,EACTC,WAAW,EACXC,cAAc,EAAE,EAQjB;IACC,MAAMC,mBAAmBC,wBAAwBH;QAGnBE;IAD9B,8DAA8D;IAC9D,MAAME,cAAwBF,CAAAA,8BAAAA,6BAAAA,uCAAAA,iBAAkBG,SAAS,cAA3BH,yCAAAA,8BAA+B,EAAE;IAE/D,+BAA+B;IAC/B,MAAMI,iBAA+B,EAAE;IACvC,MAAMC,kBAA8C,EAAE;IACtD,MAAMC,cAAc,KAAK,iDAAiD;IAC1E,MAAMC,YAAYL,YAAYM,MAAM;IAEpC,kEAAkE;IAClE,MAAMC,gBAAgBT,CAAAA,6BAAAA,uCAAAA,iBAAkBU,SAAS,MAAK,cAAc,CAAC,IAAI;QACnDV;IAAtB,MAAMW,cAAc,AAAEX,CAAAA,CAAAA,6BAAAA,6BAAAA,uCAAAA,iBAAkBY,QAAQ,cAA1BZ,wCAAAA,6BAA8B,CAAA,IAAKa,KAAKC,EAAE,GAAI;IAEpEZ,YAAYa,OAAO,CAAC,CAACC,MAAMC;QACzB,MAAMC,QAAQP,cAAcF,gBAAiB,CAAA,AAAC,IAAII,KAAKC,EAAE,GAAIP,SAAQ,IAAKU;QAC1E,MAAME,gBAAgBnB,CAAAA,6BAAAA,uCAAAA,iBAAkBmB,aAAa,KAAI;QACzD,MAAMC,IAAIzB,WAAWW,cAAcO,KAAKQ,GAAG,CAACH,SAASC,gBAAgB;QACrE,MAAMG,IAAI1B,WAAWU,cAAcO,KAAKU,GAAG,CAACL;QAE5C,mDAAmD;QACnD,MAAMM,cAAcnB,gBAAgBoB,KAAK,CAACC,CAAAA,MAAOb,KAAKc,IAAI,CAAC,AAACP,CAAAA,IAAIM,IAAIN,CAAC,AAADA,KAAM,IAAI,AAACE,CAAAA,IAAII,IAAIJ,CAAC,AAADA,KAAM,MAAMvB;QAEnG,IAAIK,eAAeI,MAAM,KAAK,KAAKgB,aAAa;YAC9CpB,eAAewB,IAAI,eACjB,oBAACZ;gBACCa,KAAK,CAAC,mBAAmB,EAAEb,MAAM;gBACjCI,GAAGA;gBACHE,GAAGA;gBACHzB,WAAWA;gBACXiC,YAAW;gBACXC,mBAAkB;gBAClBC,SAAS;eAERhB;YAGLX,gBAAgBuB,IAAI,CAAC;gBAAER;gBAAGE;YAAE;QAC9B;IACF;IAEA,OAAOlB;AACT;AAEA,8DAA8D;AAC9D,OAAO,SAASH,wBAAwBH,WAAgB;IAQtD,OAAOA,cACH;QACEqB,eAAerB,YAAYqB,aAAa;QACxCT,WACEZ,YAAYY,SAAS,KAAK,eAAeZ,YAAYY,SAAS,KAAK,qBAC/DZ,YAAYY,SAAS,GACrBuB;QACNrB,UAAUd,YAAYc,QAAQ;QAC9BT,WAAW+B,MAAMC,OAAO,CAACrC,YAAYK,SAAS,IAAIL,YAAYK,SAAS,GAAG8B;IAC5E,IACAA;AACN"}

package/lib/utilities/string.js

@@ -1,32 +0,0 @@
-// Regex that finds { and } so they can be removed on a lookup for string format
-const FORMAT_ARGS_REGEX = /[\{\}]/g;
-// Regex that finds {#} so it can be replaced by the arguments in string format
-const FORMAT_REGEX = /\{\d+\}/g;
-/**
- * String format method, used for scenarios where at runtime you
- * need to evaluate a formatted string given a tokenized string. This
- * usually only is needed in localization scenarios.
-
- * @example
- * ```tsx
- * "I love {0} every {1}".format("CXP")
- * ```
- * will result in a Debug Exception.
- *
- * @public
- */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function format(s, ...values) {
-    const args = values;
-    // Callback match function
-    function replaceFunc(match) {
-        // looks up in the args
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        let replacement = args[match.replace(FORMAT_ARGS_REGEX, '')];
-        // catches undefined in nondebug and null in debug and nondebug
-        if (replacement === null || replacement === undefined) {
-            replacement = '';
-        }
-        return replacement;
-    }
-    return s.replace(FORMAT_REGEX, replaceFunc);
-}

package/lib/utilities/string.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utilities/string.ts"],"sourcesContent":["// Regex that finds { and } so they can be removed on a lookup for string format\nconst FORMAT_ARGS_REGEX = /[\\{\\}]/g;\n\n// Regex that finds {#} so it can be replaced by the arguments in string format\nconst FORMAT_REGEX = /\\{\\d+\\}/g;\n\n/**\n * String format method, used for scenarios where at runtime you\n * need to evaluate a formatted string given a tokenized string. This\n * usually only is needed in localization scenarios.\n\n * @example\n * ```tsx\n * \"I love {0} every {1}\".format(\"CXP\")\n * ```\n * will result in a Debug Exception.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function format(s: string, ...values: any[]): string {\n  const args = values;\n  // Callback match function\n  function replaceFunc(match: string): string {\n    // looks up in the args\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let replacement = args[match.replace(FORMAT_ARGS_REGEX, '') as any];\n\n    // catches undefined in nondebug and null in debug and nondebug\n    if (replacement === null || replacement === undefined) {\n      replacement = '';\n    }\n\n    return replacement;\n  }\n  return s.replace(FORMAT_REGEX, replaceFunc);\n}\n"],"names":["FORMAT_ARGS_REGEX","FORMAT_REGEX","format","s","values","args","replaceFunc","match","replacement","replace","undefined"],"mappings":"AAAA,gFAAgF;AAChF,MAAMA,oBAAoB;AAE1B,+EAA+E;AAC/E,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,8DAA8D;AAC9D,OAAO,SAASC,OAAOC,CAAS,EAAE,GAAGC,MAAa;IAChD,MAAMC,OAAOD;IACb,0BAA0B;IAC1B,SAASE,YAAYC,KAAa;QAChC,uBAAuB;QACvB,8DAA8D;QAC9D,IAAIC,cAAcH,IAAI,CAACE,MAAME,OAAO,CAACT,mBAAmB,IAAW;QAEnE,+DAA+D;QAC/D,IAAIQ,gBAAgB,QAAQA,gBAAgBE,WAAW;YACrDF,cAAc;QAChB;QAEA,OAAOA;IACT;IACA,OAAOL,EAAEM,OAAO,CAACR,cAAcK;AACjC"}