@unovis/ts 1.5.1-ql.2 → 1.5.1-xplg.1

package/components/treemap/index.js

@@ -0,0 +1,263 @@
+import { select } from 'd3-selection';
+import { hierarchy, treemap } from 'd3-hierarchy';
+import { extent, group, max } from 'd3-array';
+import { scaleLinear, scaleThreshold } from 'd3-scale';
+import { hsl } from 'd3-color';
+import { wrapSVGText } from '../../utils/text.js';
+import { ComponentCore } from '../../core/component/index.js';
+import { SeriesDataModel } from '../../data-models/series.js';
+import { getColor, getHexValue, brighter, isDarkBackground } from '../../utils/color.js';
+import { getString, getNumber } from '../../utils/data.js';
+import { TreemapDefaultConfig } from './config.js';
+import * as style from './style.js';
+import { tiles, tileGroup, tile, clickableTile, label } from './style.js';
+
+const LIGHTNESS_VARIATION_AMOUNT = 0.08;
+const MIN_TILE_SIZE_FOR_LABEL = 20;
+const defaultNumberFormat = (value) => `${value}`;
+class Treemap extends ComponentCore {
+    constructor(config) {
+        super();
+        this._defaultConfig = TreemapDefaultConfig;
+        this.config = this._defaultConfig;
+        this.datamodel = new SeriesDataModel();
+        if (config)
+            this.setConfig(config);
+        this.tiles = this.g.append('g').attr('class', tiles);
+    }
+    isTileLargeEnough(d) {
+        const w = d.x1 - d.x0;
+        const h = d.y1 - d.y0;
+        return (w >= MIN_TILE_SIZE_FOR_LABEL) && (h >= MIN_TILE_SIZE_FOR_LABEL);
+    }
+    getTileLightness(node, siblings) {
+        // Get the value extent of the sibling group
+        const [minValue, maxValue] = extent(siblings, d => d.value);
+        // If there's no range or no value, return default lightness
+        if (minValue === maxValue || !node.value)
+            return 0;
+        // Calculate relative position in the range (0 to 1)
+        // Larger values will be closer to 0 (darker)
+        return LIGHTNESS_VARIATION_AMOUNT * ((maxValue - node.value) / (maxValue - minValue));
+    }
+    _render() {
+        var _a;
+        const { config, datamodel: { data }, _width, _height } = this;
+        const { numberFormat = defaultNumberFormat } = config;
+        if (!((_a = config.layers) === null || _a === void 0 ? void 0 : _a.length)) {
+            console.warn('Unovis | Treemap: No layers defined');
+            return;
+        }
+        // Map each layer accessor function to get string values from the data array
+        const layerAccessors = config.layers.map(layerAccessor => {
+            return (i) => getString(data[i], layerAccessor, i);
+        });
+        // Group the data indices by the layer accessors to create a hierarchical structure
+        const nestedData = group(data.keys(), ...layerAccessors);
+        // Create the hierarchy from the grouped data,
+        // which by itself is not quite right because there is an extra
+        // level of nesting that we don't want, just above the leaf nodes.
+        const rootNode = hierarchy(nestedData);
+        // Compute the aggregation
+        if (config.value) {
+            rootNode.sum(index => typeof index === 'number' && getNumber(data[index], config.value, index));
+        }
+        else {
+            rootNode.count();
+        }
+        // Fix the hierarchy by removing the extra level of nesting
+        rootNode.each(node => {
+            if (!node.children) {
+                node.parent.children = null;
+            }
+        });
+        const treemapLayout = treemap()
+            .size([_width, _height])
+            .round(true)
+            .padding(config.tilePadding);
+        // Apply padding to the top of each tile,
+        // but not for the root node.
+        if (this.config.tilePaddingTop !== undefined) {
+            treemapLayout.paddingTop(d => d.parent ? config.tilePaddingTop : 0);
+        }
+        // Compute the treemap layout
+        const treemapData = treemapLayout(rootNode);
+        // Process the resulting hierarchy into the type we need
+        let nodeId = 0;
+        treemapData.each(node => {
+            const n = node;
+            // Generate unique IDs for each node
+            node._id = `node-${nodeId++}`;
+            const treemapDatum = {
+                key: n.data[0],
+            };
+            // Populate the index and datum for leaf nodes
+            const isLeafNode = !n.children;
+            if (isLeafNode) {
+                treemapDatum.index = n.data[1][0];
+                treemapDatum.datum = data[treemapDatum.index];
+            }
+            node.data = treemapDatum;
+        });
+        const descendants = treemapData.descendants();
+        // Set up the brightness increase scale based on depth
+        const maxDepth = max(descendants, d => d.depth);
+        const brightnessIncrease = scaleLinear()
+            .domain([1, maxDepth])
+            .range([0, 1]);
+        // Get all leaf node values and calculate their square roots
+        // (since area is proportional to value)
+        const leafValues = descendants.filter(d => !d.children).map(d => d.value);
+        const maxLeafValue = Math.sqrt(max(leafValues)) || 0;
+        // Divide the range into three equal intervals based on the square root of values
+        // This accounts for the fact that area is proportional to value
+        const fontSizeScale = scaleThreshold()
+            .domain([
+            maxLeafValue / 3,
+            (maxLeafValue * 2) / 3, // Second third of the max value
+        ])
+            .range([
+            config.tileLabelSmallFontSize,
+            config.tileLabelMediumFontSize,
+            config.tileLabelLargeFontSize,
+        ]);
+        // First pass: Set base colors without considering tileColor config
+        treemapData
+            .eachBefore((node) => {
+            if (!node.children)
+                return;
+            const children = node.children;
+            children.forEach((treemapChild, i) => {
+                // Use default color scheme without tileColor config
+                let color = getColor(treemapChild, undefined, i, treemapChild.depth !== 1);
+                color = color !== null && color !== void 0 ? color : node._fill;
+                const hexColor = color ? getHexValue(color, this.g.node()) : null;
+                if (hexColor) {
+                    const hslColor = hsl(hexColor);
+                    if (config.enableLightnessVariance) {
+                        if (!treemapChild.children) {
+                            const lightnessAdjustment = this.getTileLightness(treemapChild, children);
+                            hslColor.l = Math.min(1, hslColor.l + lightnessAdjustment);
+                        }
+                    }
+                    treemapChild._fill = brighter(hslColor.toString(), brightnessIncrease(treemapChild.depth));
+                }
+                else {
+                    treemapChild._fill = null;
+                }
+            });
+        });
+        // Second pass: Apply tileColor config as an overlay
+        if (config.tileColor) {
+            treemapData
+                .eachBefore((node) => {
+                const color = getColor(node, config.tileColor);
+                if (color !== null) {
+                    node._fill = color;
+                }
+            });
+        }
+        // Render tiles
+        const visibleNodes = descendants.filter(d => d.depth > 0);
+        const tiles = this.tiles
+            .selectAll(`g.${tileGroup}`)
+            .data(visibleNodes, d => d._id);
+        const tilesEnter = tiles
+            .enter()
+            .append('g')
+            .attr('class', tileGroup);
+        // Computes the rect border radius for a given tile.
+        // The rx and ry values are the minimum of the tile
+        // border radius and some fraction the width of the tile,
+        // based on the tileBorderRadiusFactor config.
+        // This ensures that the tile border radius is not
+        // larger than the tile size, which makes small tiles
+        // look better.
+        const rx = (d) => Math.min(config.tileBorderRadius, (d.x1 - d.x0) * config.tileBorderRadiusFactor);
+        // Add clipPath elements
+        tilesEnter
+            .append('clipPath')
+            .attr('id', d => `clip-${d._id}`)
+            .append('rect')
+            .attr('rx', rx)
+            .attr('ry', rx);
+        // Tile rectangles
+        tilesEnter
+            .append('rect')
+            .classed(tile, true)
+            // Make the leaf tiles clickable if a click handler is provided
+            .classed(clickableTile, d => config.showTileClickAffordance && !d.children)
+            .attr('rx', rx)
+            .attr('ry', rx)
+            // Initialize tile positions so that the initial transition is smooth
+            .attr('x', d => d.x0)
+            .attr('y', d => d.y0)
+            .attr('width', d => d.x1 - d.x0)
+            .attr('height', d => d.y1 - d.y0)
+            .style('fill', d => { var _a; return (_a = d._fill) !== null && _a !== void 0 ? _a : getColor(d, config.tileColor); })
+            .style('opacity', 0)
+            .style('cursor', config.showTileClickAffordance ? d => !d.children ? 'pointer' : null : null);
+        tiles.merge(tilesEnter).select(`rect.${tile}`)
+            .style('fill', d => { var _a; return (_a = d._fill) !== null && _a !== void 0 ? _a : getColor(d, config.tileColor); })
+            .style('opacity', 1)
+            .attr('x', d => d.x0)
+            .attr('y', d => d.y0)
+            .attr('width', d => d.x1 - d.x0)
+            .attr('height', d => d.y1 - d.y0);
+        // Update clipPath rects
+        tiles.merge(tilesEnter).select('clipPath rect')
+            .attr('x', d => d.x0)
+            .attr('y', d => d.y0)
+            .attr('width', d => d.x1 - d.x0 - config.tilePadding)
+            .attr('height', d => d.y1 - d.y0);
+        // Tile labels
+        tilesEnter
+            .append('text')
+            .attr('class', label)
+            .attr('clip-path', d => `url(#clip-${d._id})`);
+        // Update all labels first
+        const mergedTiles = tiles.merge(tilesEnter);
+        // Hide labels that don't meet criteria
+        mergedTiles.select(`text.${label}`)
+            .style('display', d => {
+            const isAllowedNode = config.labelInternalNodes ? true : !d.children;
+            return isAllowedNode && this.isTileLargeEnough(d) ? null : 'none';
+        })
+            // Make the internal labels semibold
+            .style('font-weight', d => d.children ? '500' : 'normal');
+        // Update visible labels
+        mergedTiles.select(`text.${label}`)
+            .filter(d => {
+            const isAllowedNode = config.labelInternalNodes ? true : !d.children;
+            return isAllowedNode && this.isTileLargeEnough(d);
+        })
+            .attr('clip-path', d => `url(#clip-${d._id})`)
+            .attr('x', d => d.x0 + config.labelOffsetX)
+            .attr('y', d => d.y0 + config.labelOffsetY)
+            .each(function (d) {
+            var _a;
+            const text = select(this);
+            const label = `${d.data.key}: ${numberFormat(d.value)}`;
+            text.text(label);
+            // Set text color based on background darkness
+            const backgroundColor = (_a = d._fill) !== null && _a !== void 0 ? _a : getColor(d, config.tileColor);
+            const textColor = backgroundColor && isDarkBackground(backgroundColor) ? '#ffffff' : '#000000';
+            text.style('fill', textColor);
+            // Apply font size scaling only to leaf nodes if enabled
+            if (!d.children && config.enableTileLabelFontSizeVariation) {
+                text.style('font-size', `${fontSizeScale(Math.sqrt(d.value))}px`);
+            }
+            // Apply text wrapping to leaf nodes
+            if (!d.children) {
+                const availableWidth = d.x1 - d.x0 - (2 * config.labelOffsetX);
+                wrapSVGText(text, availableWidth);
+            }
+        });
+        // Exit
+        tiles.exit().remove();
+    }
+}
+Treemap.selectors = style;
+
+export { Treemap };
+//# sourceMappingURL=index.js.map

package/components/treemap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/treemap/index.ts"],"sourcesContent":["import { Selection, select } from 'd3-selection'\nimport { hierarchy, HierarchyNode, treemap } from 'd3-hierarchy'\nimport { group, max, extent } from 'd3-array'\nimport { scaleLinear, scaleThreshold } from 'd3-scale'\nimport { hsl } from 'd3-color'\nimport { wrapSVGText } from 'utils/text'\nimport { ComponentCore } from 'core/component'\nimport { SeriesDataModel } from 'data-models/series'\nimport { getColor, brighter, getHexValue, isDarkBackground } from 'utils/color'\nimport { getString, getNumber } from 'utils/data'\nimport { TreemapConfigInterface, TreemapDefaultConfig } from './config'\nimport { TreemapDatum, TreemapNode } from './types'\n\nimport * as s from './style' // Minimum pixel size for showing labels\n\nconst LIGHTNESS_VARIATION_AMOUNT = 0.08\n\nconst MIN_TILE_SIZE_FOR_LABEL = 20\n\nconst defaultNumberFormat = (value: number): string => `${value}`\n\nexport class Treemap<Datum> extends ComponentCore<Datum[], TreemapConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = TreemapDefaultConfig as TreemapConfigInterface<Datum>\n  public config: TreemapConfigInterface<Datum> = this._defaultConfig\n\n  datamodel: SeriesDataModel<Datum> = new SeriesDataModel()\n  tiles: Selection<SVGGElement, unknown, SVGGElement, unknown>\n\n  private isTileLargeEnough (d: TreemapNode<Datum>): boolean {\n    const w = d.x1 - d.x0\n    const h = d.y1 - d.y0\n    return (w >= MIN_TILE_SIZE_FOR_LABEL) && (h >= MIN_TILE_SIZE_FOR_LABEL)\n  }\n\n  private getTileLightness (node: TreemapNode<Datum>, siblings: TreemapNode<Datum>[]): number {\n    // Get the value extent of the sibling group\n    const [minValue, maxValue] = extent(siblings, d => d.value)\n\n    // If there's no range or no value, return default lightness\n    if (minValue === maxValue || !node.value) return 0\n\n    // Calculate relative position in the range (0 to 1)\n    // Larger values will be closer to 0 (darker)\n    return LIGHTNESS_VARIATION_AMOUNT * ((maxValue - node.value) / (maxValue - minValue))\n  }\n\n  constructor (config?: TreemapConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n    this.tiles = this.g.append('g').attr('class', s.tiles)\n  }\n\n  _render (): void {\n    const { config, datamodel: { data }, _width, _height } = this\n    const { numberFormat = defaultNumberFormat } = config\n\n    if (!config.layers?.length) {\n      console.warn('Unovis | Treemap: No layers defined')\n      return\n    }\n\n    // Map each layer accessor function to get string values from the data array\n    const layerAccessors = config.layers.map(layerAccessor => {\n      return (i: number) => getString(data[i], layerAccessor, i)\n    })\n\n    // Group the data indices by the layer accessors to create a hierarchical structure\n    const nestedData = group(data.keys(), ...layerAccessors as [(d: number) => string])\n\n    // Create the hierarchy from the grouped data,\n    // which by itself is not quite right because there is an extra\n    // level of nesting that we don't want, just above the leaf nodes.\n    const rootNode = hierarchy(nestedData)\n\n    // Compute the aggregation\n    if (config.value) {\n      rootNode.sum(index => typeof index === 'number' && getNumber(data[index], config.value, index))\n    } else {\n      rootNode.count()\n    }\n\n    // Fix the hierarchy by removing the extra level of nesting\n    rootNode.each(node => {\n      if (!node.children) {\n        node.parent.children = null\n      }\n    })\n\n    const treemapLayout = treemap()\n      .size([_width, _height])\n      .round(true)\n      .padding(config.tilePadding)\n\n    // Apply padding to the top of each tile,\n    // but not for the root node.\n    if (this.config.tilePaddingTop !== undefined) {\n      treemapLayout.paddingTop(d => d.parent ? config.tilePaddingTop : 0)\n    }\n\n    // Compute the treemap layout\n    const treemapData = treemapLayout(rootNode) as TreemapNode<Datum>\n\n    // Process the resulting hierarchy into the type we need\n    let nodeId = 0\n    treemapData.each(node => {\n      const n = node as unknown as HierarchyNode<[string, number[]]>\n      // Generate unique IDs for each node\n      node._id = `node-${nodeId++}`\n\n      const treemapDatum: TreemapDatum<Datum> = {\n        key: n.data[0],\n      }\n\n      // Populate the index and datum for leaf nodes\n      const isLeafNode = !n.children\n      if (isLeafNode) {\n        treemapDatum.index = n.data[1][0]\n        treemapDatum.datum = data[treemapDatum.index]\n      }\n\n      node.data = treemapDatum\n    })\n\n    const descendants = treemapData.descendants()\n\n    // Set up the brightness increase scale based on depth\n    const maxDepth = max(descendants, d => d.depth)\n\n    const brightnessIncrease = scaleLinear()\n      .domain([1, maxDepth])\n      .range([0, 1])\n\n    // Get all leaf node values and calculate their square roots\n    // (since area is proportional to value)\n    const leafValues = descendants.filter(d => !d.children).map(d => d.value)\n    const maxLeafValue = Math.sqrt(max(leafValues)) || 0\n\n    // Divide the range into three equal intervals based on the square root of values\n    // This accounts for the fact that area is proportional to value\n    const fontSizeScale = scaleThreshold<number, number>()\n      .domain([\n        maxLeafValue / 3, // First third of the max value\n        (maxLeafValue * 2) / 3, // Second third of the max value\n      ])\n      .range([\n        config.tileLabelSmallFontSize,\n        config.tileLabelMediumFontSize,\n        config.tileLabelLargeFontSize,\n      ])\n\n    // First pass: Set base colors without considering tileColor config\n    treemapData\n      .eachBefore((node) => {\n        if (!node.children) return\n        const children = node.children\n\n        children.forEach((treemapChild, i) => {\n          // Use default color scheme without tileColor config\n          let color = getColor(treemapChild, undefined, i, treemapChild.depth !== 1)\n          color = color ?? (node as TreemapNode<Datum>)._fill\n\n          const hexColor = color ? getHexValue(color, this.g.node()) : null\n\n          if (hexColor) {\n            const hslColor = hsl(hexColor)\n\n            if (config.enableLightnessVariance) {\n              if (!treemapChild.children) {\n                const lightnessAdjustment = this.getTileLightness(treemapChild, children)\n                hslColor.l = Math.min(1, hslColor.l + lightnessAdjustment)\n              }\n            }\n\n            treemapChild._fill = brighter(hslColor.toString(), brightnessIncrease(treemapChild.depth))\n          } else {\n            treemapChild._fill = null\n          }\n        })\n      })\n\n    // Second pass: Apply tileColor config as an overlay\n    if (config.tileColor) {\n      treemapData\n        .eachBefore((node) => {\n          const color = getColor(node, config.tileColor)\n          if (color !== null) {\n            node._fill = color\n          }\n        })\n    }\n\n    // Render tiles\n    const visibleNodes = descendants.filter(d => d.depth > 0)\n    const tiles = this.tiles\n      .selectAll<SVGGElement, TreemapNode<Datum>>(`g.${s.tileGroup}`)\n      .data(visibleNodes, d => d._id)\n    const tilesEnter = tiles\n      .enter()\n      .append('g')\n      .attr('class', s.tileGroup)\n\n    // Computes the rect border radius for a given tile.\n    // The rx and ry values are the minimum of the tile\n    // border radius and some fraction the width of the tile,\n    // based on the tileBorderRadiusFactor config.\n    // This ensures that the tile border radius is not\n    // larger than the tile size, which makes small tiles\n    // look better.\n    const rx = (d: TreemapNode<Datum>): number =>\n      Math.min(config.tileBorderRadius, (d.x1 - d.x0) * config.tileBorderRadiusFactor)\n\n    // Add clipPath elements\n    tilesEnter\n      .append('clipPath')\n      .attr('id', d => `clip-${d._id}`)\n      .append('rect')\n      .attr('rx', rx)\n      .attr('ry', rx)\n\n    // Tile rectangles\n    tilesEnter\n      .append('rect')\n      .classed(s.tile, true)\n\n      // Make the leaf tiles clickable if a click handler is provided\n      .classed(s.clickableTile, d => config.showTileClickAffordance && !d.children)\n\n      .attr('rx', rx)\n      .attr('ry', rx)\n      // Initialize tile positions so that the initial transition is smooth\n      .attr('x', d => d.x0)\n      .attr('y', d => d.y0)\n      .attr('width', d => d.x1 - d.x0)\n      .attr('height', d => d.y1 - d.y0)\n      .style('fill', d => d._fill ?? getColor(d, config.tileColor))\n      .style('opacity', 0)\n      .style('cursor', config.showTileClickAffordance ? d => !d.children ? 'pointer' : null : null)\n\n    tiles.merge(tilesEnter).select(`rect.${s.tile}`)\n      .style('fill', d => d._fill ?? getColor(d, config.tileColor))\n      .style('opacity', 1)\n      .attr('x', d => d.x0)\n      .attr('y', d => d.y0)\n      .attr('width', d => d.x1 - d.x0)\n      .attr('height', d => d.y1 - d.y0)\n\n    // Update clipPath rects\n    tiles.merge(tilesEnter).select('clipPath rect')\n      .attr('x', d => d.x0)\n      .attr('y', d => d.y0)\n      .attr('width', d => d.x1 - d.x0 - config.tilePadding)\n      .attr('height', d => d.y1 - d.y0)\n\n    // Tile labels\n    tilesEnter\n      .append('text')\n      .attr('class', s.label)\n      .attr('clip-path', d => `url(#clip-${d._id})`)\n    // Update all labels first\n    const mergedTiles = tiles.merge(tilesEnter)\n\n    // Hide labels that don't meet criteria\n    mergedTiles.select(`text.${s.label}`)\n      .style('display', d => {\n        const isAllowedNode = config.labelInternalNodes ? true : !d.children\n        return isAllowedNode && this.isTileLargeEnough(d) ? null : 'none'\n      })\n      // Make the internal labels semibold\n      .style('font-weight', d => d.children ? '500' : 'normal')\n\n    // Update visible labels\n    mergedTiles.select(`text.${s.label}`)\n      .filter(d => {\n        const isAllowedNode = config.labelInternalNodes ? true : !d.children\n        return isAllowedNode && this.isTileLargeEnough(d)\n      })\n      .attr('clip-path', d => `url(#clip-${d._id})`)\n      .attr('x', d => d.x0 + config.labelOffsetX)\n      .attr('y', d => d.y0 + config.labelOffsetY)\n      .each(function (d) {\n        const text = select(this) as unknown as Selection<SVGTextElement, any, SVGElement, any>\n\n        const label = `${d.data.key}: ${numberFormat(d.value)}`\n        text.text(label)\n\n        // Set text color based on background darkness\n        const backgroundColor = d._fill ?? getColor(d, config.tileColor)\n        const textColor = backgroundColor && isDarkBackground(backgroundColor) ? '#ffffff' : '#000000'\n        text.style('fill', textColor)\n\n        // Apply font size scaling only to leaf nodes if enabled\n        if (!d.children && config.enableTileLabelFontSizeVariation) {\n          text.style('font-size', `${fontSizeScale(Math.sqrt(d.value))}px`)\n        }\n\n        // Apply text wrapping to leaf nodes\n        if (!d.children) {\n          const availableWidth = d.x1 - d.x0 - (2 * config.labelOffsetX)\n          wrapSVGText(text, availableWidth)\n        }\n      })\n\n    // Exit\n    tiles.exit().remove()\n  }\n}\n"],"names":["s.tiles","s.tileGroup","s.tile","s.clickableTile","s.label","s"],"mappings":"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"}

package/components/treemap/style.d.ts

@@ -0,0 +1,22 @@
+export declare const root: string;
+export declare const variables: {
+    treemapTileStrokeColor: "--vis-treemap-tile-stroke-color";
+    treemapTileStrokeWidth: "--vis-treemap-tile-stroke-width";
+    treemapTileHoverStrokeColor: "--vis-treemap-tile-hover-stroke-color";
+    treemapTileFillColor: "--vis-treemap-tile-fill-color";
+    treemapTileBackgroundColor: "--vis-treemap-tile-background-color";
+    treemapTileCursor: "--vis-treemap-tile-cursor";
+    treemapLabelFontFamily: "--vis-treemap-label-font-family";
+    treemapLabelTextColor: "--vis-treemap-label-text-color";
+    treemapLabelFontSize: "--vis-treemap-label-font-size";
+    treemapLabelOpacity: "--vis-treemap-label-opacity";
+    darkTreemapTileStrokeColor: "--vis-dark-treemap-tile-stroke-color";
+    darkTreemapTileFillColor: "--vis-dark-treemap-tile-fill-color";
+    darkTreemapLabelTextColor: "--vis-dark-treemap-label-text-color";
+};
+export declare const tiles: string;
+export declare const tileGroup: string;
+export declare const tile: string;
+export declare const clickableTile: string;
+export declare const tileForeground: string;
+export declare const label: string;

package/components/treemap/style.js

@@ -0,0 +1,62 @@
+import { css } from '@emotion/css';
+import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
+
+const cssVarDefaults = {
+    '--vis-treemap-tile-stroke-color': '#fff',
+    '--vis-treemap-tile-stroke-width': '2px',
+    '--vis-treemap-tile-hover-stroke-color': '#fff',
+    '--vis-treemap-tile-fill-color': '#B9BEC3',
+    '--vis-treemap-tile-background-color': '#fff',
+    '--vis-treemap-tile-cursor': 'default',
+    /* Undefined by default to allow proper fallback to var(--vis-font-family) */
+    '--vis-treemap-label-font-family': undefined,
+    '--vis-treemap-label-text-color': '#5b5f6d',
+    '--vis-treemap-label-font-size': '12px',
+    /* Label opacity */
+    '--vis-treemap-label-opacity': 0.8,
+    /* Dark Theme */
+    '--vis-dark-treemap-tile-stroke-color': '#2c2c2c',
+    '--vis-dark-treemap-tile-fill-color': '#5b5f6d',
+    '--vis-dark-treemap-label-text-color': '#fff',
+};
+const root = css `
+  label: treemap-component;
+`;
+const variables = getCssVarNames(cssVarDefaults);
+injectGlobalCssVariables(cssVarDefaults, root);
+const tiles = css `
+  label: g-tiles;
+`;
+const tileGroup = css `
+  label: tile-group;
+`;
+const tile = css `
+  label: tile;
+  stroke: var(--vis-treemap-tile-hover-stroke-color);
+  stroke-opacity: 0;
+  transition: stroke-opacity 100ms ease-in-out;
+
+  &:hover {
+    stroke-opacity: 1;
+  }
+`;
+// The leaf tiles are clickable
+const clickableTile = css `
+  label: clickable-tile;
+  cursor: pointer;
+`;
+const tileForeground = css `
+  label: tile-foreground;
+`;
+const label = css `
+  label: label;
+  text-anchor: start;
+  dominant-baseline: hanging;
+  user-select: none;
+  pointer-events: none;
+  font-size: var(--vis-treemap-label-font-size);
+  opacity: var(--vis-treemap-label-opacity);
+`;
+
+export { clickableTile, label, root, tile, tileForeground, tileGroup, tiles, variables };
+//# sourceMappingURL=style.js.map

package/components/treemap/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/treemap/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n  '--vis-treemap-tile-stroke-color': '#fff',\n  '--vis-treemap-tile-stroke-width': '2px',\n  '--vis-treemap-tile-hover-stroke-color': '#fff',\n  '--vis-treemap-tile-fill-color': '#B9BEC3',\n  '--vis-treemap-tile-background-color': '#fff',\n  '--vis-treemap-tile-cursor': 'default',\n  /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n  '--vis-treemap-label-font-family': undefined as undefined,\n  '--vis-treemap-label-text-color': '#5b5f6d',\n  '--vis-treemap-label-font-size': '12px',\n\n  /* Label opacity */\n  '--vis-treemap-label-opacity': 0.8,\n\n  /* Dark Theme */\n  '--vis-dark-treemap-tile-stroke-color': '#2c2c2c',\n  '--vis-dark-treemap-tile-fill-color': '#5b5f6d',\n  '--vis-dark-treemap-label-text-color': '#fff',\n}\n\nexport const root = css`\n  label: treemap-component;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const tiles = css`\n  label: g-tiles;\n`\n\nexport const tileGroup = css`\n  label: tile-group;\n`\n\nexport const tile = css`\n  label: tile;\n  stroke: var(--vis-treemap-tile-hover-stroke-color);\n  stroke-opacity: 0;\n  transition: stroke-opacity 100ms ease-in-out;\n\n  &:hover {\n    stroke-opacity: 1;\n  }\n`\n\n// The leaf tiles are clickable\nexport const clickableTile = css`\n  label: clickable-tile;\n  cursor: pointer;\n`\n\nexport const tileForeground = css`\n  label: tile-foreground;\n`\n\nexport const label = css`\n  label: label;\n  text-anchor: start;\n  dominant-baseline: hanging;\n  user-select: none;\n  pointer-events: none;\n  font-size: var(--vis-treemap-label-font-size);\n  opacity: var(--vis-treemap-label-opacity);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;AACrB,IAAA,iCAAiC,EAAE,MAAM;AACzC,IAAA,iCAAiC,EAAE,KAAK;AACxC,IAAA,uCAAuC,EAAE,MAAM;AAC/C,IAAA,+BAA+B,EAAE,SAAS;AAC1C,IAAA,qCAAqC,EAAE,MAAM;AAC7C,IAAA,2BAA2B,EAAE,SAAS;;AAEtC,IAAA,iCAAiC,EAAE,SAAsB;AACzD,IAAA,gCAAgC,EAAE,SAAS;AAC3C,IAAA,+BAA+B,EAAE,MAAM;;AAGvC,IAAA,6BAA6B,EAAE,GAAG;;AAGlC,IAAA,sCAAsC,EAAE,SAAS;AACjD,IAAA,oCAAoC,EAAE,SAAS;AAC/C,IAAA,qCAAqC,EAAE,MAAM;CAC9C,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAStB;AAED;AACO,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;EAG/B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/treemap/types.d.ts

@@ -0,0 +1,11 @@
+import { HierarchyRectangularNode } from 'd3-hierarchy';
+export declare type TreemapDatum<Datum> = {
+    key?: string;
+    index?: number;
+    datum?: Datum;
+};
+export interface TreemapNode<Datum> extends HierarchyRectangularNode<TreemapDatum<Datum>> {
+    _id: string;
+    _fill?: string;
+    _fillOpacity?: number | null;
+}

package/components/treemap/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/treemap/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components.d.ts

@@ -27,6 +27,8 @@ export { FreeBrush } from './components/free-brush';
 export { XYLabels } from './components/xy-labels';
 export { NestedDonut } from './components/nested-donut';
 export { Annotations } from "./components/annotations";
+export { Treemap } from './components/treemap';
+export * from './components/donut/constants';
 export type { LineConfigInterface } from './components/line/config';
 export type { StackedBarConfigInterface } from './components/stacked-bar/config';
 export type { GroupedBarConfigInterface } from './components/grouped-bar/config';
@@ -51,3 +53,4 @@ export type { FreeBrushConfigInterface } from './components/free-brush/config';
 export type { XYLabelsConfigInterface } from './components/xy-labels/config';
 export type { NestedDonutConfigInterface } from './components/nested-donut/config';
 export type { AnnotationsConfigInterface } from './components/annotations/config';
+export type { TreemapConfigInterface } from './components/treemap/config';

package/components.js

@@ -25,6 +25,8 @@ export { FreeBrush } from './components/free-brush/index.js';
 export { XYLabels } from './components/xy-labels/index.js';
 export { NestedDonut } from './components/nested-donut/index.js';
 export { Annotations } from './components/annotations/index.js';
+export { Treemap } from './components/treemap/index.js';
+export { DONUT_HALF_ANGLE_RANGES, DONUT_HALF_ANGLE_RANGE_BOTTOM, DONUT_HALF_ANGLE_RANGE_LEFT, DONUT_HALF_ANGLE_RANGE_RIGHT, DONUT_HALF_ANGLE_RANGE_TOP } from './components/donut/constants.js';
 
 // Core
 //# sourceMappingURL=components.js.map

package/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../src/components.ts"],"sourcesContent":["// Core\nexport { ComponentCore } from 'core/component'\nexport type { ComponentConfigInterface } from 'core/component/config'\nexport { XYComponentCore } from 'core/xy-component'\nexport type { XYComponentConfigInterface } from 'core/xy-component/config'\n\n// Components\nexport { Tooltip } from 'components/tooltip'\nexport { Line } from './components/line'\nexport { StackedBar } from './components/stacked-bar'\nexport { GroupedBar } from './components/grouped-bar'\nexport { Axis } from './components/axis'\nexport { Scatter } from './components/scatter'\nexport { Brush } from './components/brush'\nexport { BulletLegend } from './components/bullet-legend'\nexport { FlowLegend } from './components/flow-legend'\nexport { Crosshair } from './components/crosshair'\nexport { Timeline } from './components/timeline'\nexport { Sankey } from './components/sankey'\nexport { Area } from './components/area'\nexport { TopoJSONMap } from './components/topojson-map'\nexport { LeafletMap } from './components/leaflet-map'\nexport { MapLibreArcticDark, MapLibreArcticLight } from './components/leaflet-map/renderer/map-style'\nexport { LeafletFlowMap } from './components/leaflet-flow-map'\nexport { ChordDiagram } from './components/chord-diagram'\nexport { Graph } from './components/graph'\nexport { VisControls } from './components/vis-controls'\nexport { Donut } from './components/donut'\nexport { FreeBrush } from './components/free-brush'\nexport { XYLabels } from './components/xy-labels'\nexport { NestedDonut } from './components/nested-donut'\nexport { Annotations } from 'components/annotations'\n\n// Config Interfaces\nexport type { LineConfigInterface } from './components/line/config'\nexport type { StackedBarConfigInterface } from './components/stacked-bar/config'\nexport type { GroupedBarConfigInterface } from './components/grouped-bar/config'\nexport type { ScatterConfigInterface } from './components/scatter/config'\nexport type { TooltipConfigInterface } from './components/tooltip/config'\nexport type { BrushConfigInterface } from './components/brush/config'\nexport type { AxisConfigInterface } from './components/axis/config'\nexport type { BulletLegendConfigInterface } from './components/bullet-legend/config'\nexport type { FlowLegendConfigInterface } from './components/flow-legend/config'\nexport type { CrosshairConfigInterface } from './components/crosshair/config'\nexport type { TimelineConfigInterface } from './components/timeline/config'\nexport type { SankeyConfigInterface } from './components/sankey/config'\nexport type { AreaConfigInterface } from './components/area/config'\nexport type { TopoJSONMapConfigInterface } from './components/topojson-map/config'\nexport type { LeafletMapConfigInterface } from './components/leaflet-map/config'\nexport type { LeafletFlowMapConfigInterface } from './components/leaflet-flow-map/config'\nexport type { ChordDiagramConfigInterface } from './components/chord-diagram/config'\nexport type { GraphConfigInterface } from './components/graph/config'\nexport type { VisControlsConfigInterface } from './components/vis-controls/config'\nexport type { DonutConfigInterface } from './components/donut/config'\nexport type { FreeBrushConfigInterface } from './components/free-brush/config'\nexport type { XYLabelsConfigInterface } from './components/xy-labels/config'\nexport type { NestedDonutConfigInterface } from './components/nested-donut/config'\nexport type { AnnotationsConfigInterface } from './components/annotations/config'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"components.js","sources":["../src/components.ts"],"sourcesContent":["// Core\nexport { ComponentCore } from 'core/component'\nexport type { ComponentConfigInterface } from 'core/component/config'\nexport { XYComponentCore } from 'core/xy-component'\nexport type { XYComponentConfigInterface } from 'core/xy-component/config'\n\n// Components\nexport { Tooltip } from 'components/tooltip'\nexport { Line } from './components/line'\nexport { StackedBar } from './components/stacked-bar'\nexport { GroupedBar } from './components/grouped-bar'\nexport { Axis } from './components/axis'\nexport { Scatter } from './components/scatter'\nexport { Brush } from './components/brush'\nexport { BulletLegend } from './components/bullet-legend'\nexport { FlowLegend } from './components/flow-legend'\nexport { Crosshair } from './components/crosshair'\nexport { Timeline } from './components/timeline'\nexport { Sankey } from './components/sankey'\nexport { Area } from './components/area'\nexport { TopoJSONMap } from './components/topojson-map'\nexport { LeafletMap } from './components/leaflet-map'\nexport { MapLibreArcticDark, MapLibreArcticLight } from './components/leaflet-map/renderer/map-style'\nexport { LeafletFlowMap } from './components/leaflet-flow-map'\nexport { ChordDiagram } from './components/chord-diagram'\nexport { Graph } from './components/graph'\nexport { VisControls } from './components/vis-controls'\nexport { Donut } from './components/donut'\nexport { FreeBrush } from './components/free-brush'\nexport { XYLabels } from './components/xy-labels'\nexport { NestedDonut } from './components/nested-donut'\nexport { Annotations } from 'components/annotations'\nexport { Treemap } from './components/treemap'\n\n// Constants\nexport * from './components/donut/constants'\n\n// Config Interfaces\nexport type { LineConfigInterface } from './components/line/config'\nexport type { StackedBarConfigInterface } from './components/stacked-bar/config'\nexport type { GroupedBarConfigInterface } from './components/grouped-bar/config'\nexport type { ScatterConfigInterface } from './components/scatter/config'\nexport type { TooltipConfigInterface } from './components/tooltip/config'\nexport type { BrushConfigInterface } from './components/brush/config'\nexport type { AxisConfigInterface } from './components/axis/config'\nexport type { BulletLegendConfigInterface } from './components/bullet-legend/config'\nexport type { FlowLegendConfigInterface } from './components/flow-legend/config'\nexport type { CrosshairConfigInterface } from './components/crosshair/config'\nexport type { TimelineConfigInterface } from './components/timeline/config'\nexport type { SankeyConfigInterface } from './components/sankey/config'\nexport type { AreaConfigInterface } from './components/area/config'\nexport type { TopoJSONMapConfigInterface } from './components/topojson-map/config'\nexport type { LeafletMapConfigInterface } from './components/leaflet-map/config'\nexport type { LeafletFlowMapConfigInterface } from './components/leaflet-flow-map/config'\nexport type { ChordDiagramConfigInterface } from './components/chord-diagram/config'\nexport type { GraphConfigInterface } from './components/graph/config'\nexport type { VisControlsConfigInterface } from './components/vis-controls/config'\nexport type { DonutConfigInterface } from './components/donut/config'\nexport type { FreeBrushConfigInterface } from './components/free-brush/config'\nexport type { XYLabelsConfigInterface } from './components/xy-labels/config'\nexport type { NestedDonutConfigInterface } from './components/nested-donut/config'\nexport type { AnnotationsConfigInterface } from './components/annotations/config'\nexport type { TreemapConfigInterface } from './components/treemap/config'\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA"}

package/containers/single-container/config.d.ts

@@ -2,6 +2,7 @@ import { ContainerConfigInterface } from "../../core/container/config";
 import { ComponentCore } from "../../core/component";
 import { Tooltip } from "../../components/tooltip";
 import { Annotations } from "../../components/annotations";
+import { Spacing } from "../../types/spacing";
 export interface SingleContainerConfigInterface<Datum> extends ContainerConfigInterface {
     /** Visualization component. Default: `undefined` */
     component?: ComponentCore<Datum>;
@@ -9,5 +10,7 @@ export interface SingleContainerConfigInterface<Datum> extends ContainerConfigIn
     tooltip?: Tooltip;
     /** Annotations component. Default: `undefined` */
     annotations?: Annotations | undefined;
+    /** Callback function to be called when the chart rendering is complete. Default: `undefined` */
+    onRenderComplete?: (svgNode: SVGSVGElement, margin: Spacing, containerWidth: number, containerHeight: number, componentWidth: number, componentHeight: number) => void;
 }
 export declare const SingleContainerDefaultConfig: SingleContainerConfigInterface<unknown>;

package/containers/single-container/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/containers/single-container/config.ts"],"sourcesContent":["// Core\nimport { ContainerDefaultConfig, ContainerConfigInterface } from 'core/container/config'\nimport { ComponentCore } from 'core/component'\nimport { Tooltip } from 'components/tooltip'\nimport { Annotations } from 'components/annotations'\n\nexport interface SingleContainerConfigInterface<Datum> extends ContainerConfigInterface {\n  /** Visualization component. Default: `undefined` */\n  component?: ComponentCore<Datum>;\n  /** Tooltip component. Default: `undefined` */\n  tooltip?: Tooltip;\n  /** Annotations component. Default: `undefined` */\n  annotations?: Annotations | undefined;\n}\n\nexport const SingleContainerDefaultConfig: SingleContainerConfigInterface<unknown> = {\n  ...ContainerDefaultConfig,\n  tooltip: undefined,\n  annotations: undefined,\n}\n"],"names":[],"mappings":";;AAAA;AAeO,MAAM,4BAA4B,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACpC,sBAAsB,CACzB,EAAA,EAAA,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,SAAS;;;;"}
+{"version":3,"file":"config.js","sources":["../../../src/containers/single-container/config.ts"],"sourcesContent":["// Core\nimport { ContainerDefaultConfig, ContainerConfigInterface } from 'core/container/config'\nimport { ComponentCore } from 'core/component'\nimport { Tooltip } from 'components/tooltip'\nimport { Annotations } from 'components/annotations'\n\n// Types\nimport { Spacing } from 'types/spacing'\n\nexport interface SingleContainerConfigInterface<Datum> extends ContainerConfigInterface {\n  /** Visualization component. Default: `undefined` */\n  component?: ComponentCore<Datum>;\n  /** Tooltip component. Default: `undefined` */\n  tooltip?: Tooltip;\n  /** Annotations component. Default: `undefined` */\n  annotations?: Annotations | undefined;\n  /** Callback function to be called when the chart rendering is complete. Default: `undefined` */\n  onRenderComplete?: (\n    svgNode: SVGSVGElement,\n    margin: Spacing,\n    containerWidth: number,\n    containerHeight: number,\n    componentWidth: number,\n    componentHeight: number,\n  ) => void;\n}\n\nexport const SingleContainerDefaultConfig: SingleContainerConfigInterface<unknown> = {\n  ...ContainerDefaultConfig,\n  tooltip: undefined,\n  annotations: undefined,\n}\n"],"names":[],"mappings":";;AAAA;AA2BO,MAAM,4BAA4B,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACpC,sBAAsB,CACzB,EAAA,EAAA,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,SAAS;;;;"}

package/containers/single-container/index.js

@@ -83,7 +83,7 @@ class SingleContainer extends ContainerCore {
         (_a = this.config.annotations) === null || _a === void 0 ? void 0 : _a.setSize(this.width, this.height, this.containerWidth, this.containerHeight);
     }
     _render(duration) {
-        var _a;
+        var _a, _b;
         const { config, component } = this;
         super._render(duration);
         component.g.attr('transform', `translate(${config.margin.left},${config.margin.top})`);
@@ -91,6 +91,7 @@ class SingleContainer extends ContainerCore {
         (_a = config.annotations) === null || _a === void 0 ? void 0 : _a.render(duration);
         if (config.tooltip)
             config.tooltip.update();
+        (_b = config.onRenderComplete) === null || _b === void 0 ? void 0 : _b.call(config, this.svg.node(), config.margin, this.containerWidth, this.containerHeight, this.width, this.height);
     }
     // Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)
     // Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.

package/containers/single-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.ts"],"sourcesContent":["// Global CSS variables (side effects import)\nimport 'styles/index'\n\n// Core\nimport { ContainerCore } from 'core/container'\nimport { ComponentCore } from 'core/component'\nimport { ComponentConfigInterface } from 'core/component/config'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\n\n// Types\nimport { Sizing, ExtendedSizeComponent } from 'types/component'\n\n// Config\nimport { SingleContainerDefaultConfig, SingleContainerConfigInterface } from './config'\n\nexport class SingleContainer<Data> extends ContainerCore {\n  protected _defaultConfig = SingleContainerDefaultConfig as SingleContainerConfigInterface<Data>\n  public component: ComponentCore<Data>\n  public config: SingleContainerConfigInterface<Data> = this._defaultConfig\n\n  constructor (element: HTMLElement, config?: SingleContainerConfigInterface<Data>, data?: Data) {\n    super(element)\n\n    if (config) {\n      this.updateContainer(config, true)\n      this.component = config.component\n    }\n\n    if (data) {\n      this.setData(data, true)\n    }\n\n    // Render if component exists and has data\n    if (this.component?.datamodel.data) this.render()\n  }\n\n  public setData (data: Data, preventRender?: boolean): void {\n    const { config } = this\n\n    if (this.component) this.component.setData(data)\n    if (!preventRender) this.render()\n    config.tooltip?.hide()\n  }\n\n  public updateContainer (containerConfig: SingleContainerConfigInterface<Data>, preventRender?: boolean): void {\n    super.updateContainer(containerConfig)\n    this._removeAllChildren()\n\n    this.component = containerConfig.component\n    if (containerConfig.sizing) this.component.sizing = containerConfig.sizing\n    this.element.appendChild(this.component.element)\n\n    const tooltip = containerConfig.tooltip\n    if (tooltip) {\n      if (!tooltip.hasContainer()) tooltip.setContainer(this._container)\n      tooltip.setComponents([this.component])\n    }\n\n    const annotations = containerConfig.annotations\n    if (annotations) {\n      this.element.appendChild(annotations.element)\n    }\n\n    // Defs\n    this.element.appendChild(this._svgDefs.node())\n    this.element.appendChild(this._svgDefsExternal.node())\n\n    if (!preventRender) this.render()\n  }\n\n  public updateComponent (componentConfig: ComponentConfigInterface, preventRender?: boolean): void {\n    this.component.setConfig(componentConfig)\n    if (!preventRender) this.render()\n  }\n\n  public update (\n    containerConfig: SingleContainerConfigInterface<Data>,\n    componentConfig?: ComponentConfigInterface,\n    data?: Data\n  ): void {\n    if (containerConfig) this.updateContainer(containerConfig, true)\n    if (componentConfig) this.updateComponent(componentConfig, true)\n    if (data) this.setData(data, true)\n    this.render()\n  }\n\n  public getFitWidthScale (): number {\n    const { config, component } = this\n\n    const extendedSizeComponent = component as ExtendedSizeComponent\n    if (!extendedSizeComponent.getWidth) return 1\n\n    const componentWidth = extendedSizeComponent.getWidth() + config.margin.left + config.margin.right\n    return this.width / componentWidth\n  }\n\n  protected _preRender (): void {\n    super._preRender()\n    this.component.setSize(this.width, this.height, this.containerWidth, this.containerHeight)\n    this.config.annotations?.setSize(this.width, this.height, this.containerWidth, this.containerHeight)\n  }\n\n  protected _render (duration?: number): void {\n    const { config, component } = this\n    super._render(duration)\n\n    component.g.attr('transform', `translate(${config.margin.left},${config.margin.top})`)\n    component.render(duration)\n    config.annotations?.render(duration)\n\n    if (config.tooltip) config.tooltip.update()\n  }\n\n  // Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)\n  // Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.\n  public render (duration = this.config.duration): void {\n    const { config, component } = this\n\n    if (config.sizing === Sizing.Extend || config.sizing === Sizing.FitWidth) {\n      const fitToWidth = config.sizing === Sizing.FitWidth\n      const extendedSizeComponent = component as ExtendedSizeComponent\n\n      const componentWidth = extendedSizeComponent.getWidth() + config.margin.left + config.margin.right\n      const componentHeight = extendedSizeComponent.getHeight() + config.margin.top + config.margin.bottom\n      const scale = fitToWidth ? this.getFitWidthScale() : 1\n\n      const currentWidth = this.svg.attr('width')\n      const currentHeight = this.svg.attr('height')\n      const scaledWidth = componentWidth * scale\n      const scaledHeight = componentHeight * scale\n      const animated = currentWidth || currentHeight\n\n      smartTransition(this.svg, animated ? duration : 0)\n        .attr('width', scaledWidth)\n        .attr('height', scaledHeight)\n        .attr('viewBox', `${0} ${0} ${componentWidth} ${fitToWidth ? scaledHeight : componentHeight}`)\n        .attr('preserveAspectRatio', 'xMinYMin')\n    } else {\n      this.svg\n        .attr('width', this.config.width || this.containerWidth)\n        .attr('height', this.config.height || this.containerHeight)\n    }\n\n    // Set up Resize Observer\n    if (!this._resizeObserver) this._setUpResizeObserver()\n\n    // Schedule the actual rendering in the next frame\n    cancelAnimationFrame(this._renderAnimationFrameId)\n    this._renderAnimationFrameId = requestAnimationFrame(() => {\n      this._preRender()\n      this._render(duration)\n    })\n  }\n\n  protected _onResize (): void {\n    const { config } = this\n    super._onResize()\n    config.tooltip?.hide()\n  }\n\n  public destroy (): void {\n    const { component, config } = this\n    super.destroy()\n\n    component?.destroy()\n    config.tooltip?.destroy()\n    config.annotations?.destroy()\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.ts"],"sourcesContent":["// Global CSS variables (side effects import)\nimport 'styles/index'\n\n// Core\nimport { ContainerCore } from 'core/container'\nimport { ComponentCore } from 'core/component'\nimport { ComponentConfigInterface } from 'core/component/config'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\n\n// Types\nimport { Sizing, ExtendedSizeComponent } from 'types/component'\n\n// Config\nimport { SingleContainerDefaultConfig, SingleContainerConfigInterface } from './config'\n\nexport class SingleContainer<Data> extends ContainerCore {\n  protected _defaultConfig = SingleContainerDefaultConfig as SingleContainerConfigInterface<Data>\n  public component: ComponentCore<Data>\n  public config: SingleContainerConfigInterface<Data> = this._defaultConfig\n\n  constructor (element: HTMLElement, config?: SingleContainerConfigInterface<Data>, data?: Data) {\n    super(element)\n\n    if (config) {\n      this.updateContainer(config, true)\n      this.component = config.component\n    }\n\n    if (data) {\n      this.setData(data, true)\n    }\n\n    // Render if component exists and has data\n    if (this.component?.datamodel.data) this.render()\n  }\n\n  public setData (data: Data, preventRender?: boolean): void {\n    const { config } = this\n\n    if (this.component) this.component.setData(data)\n    if (!preventRender) this.render()\n    config.tooltip?.hide()\n  }\n\n  public updateContainer (containerConfig: SingleContainerConfigInterface<Data>, preventRender?: boolean): void {\n    super.updateContainer(containerConfig)\n    this._removeAllChildren()\n\n    this.component = containerConfig.component\n    if (containerConfig.sizing) this.component.sizing = containerConfig.sizing\n    this.element.appendChild(this.component.element)\n\n    const tooltip = containerConfig.tooltip\n    if (tooltip) {\n      if (!tooltip.hasContainer()) tooltip.setContainer(this._container)\n      tooltip.setComponents([this.component])\n    }\n\n    const annotations = containerConfig.annotations\n    if (annotations) {\n      this.element.appendChild(annotations.element)\n    }\n\n    // Defs\n    this.element.appendChild(this._svgDefs.node())\n    this.element.appendChild(this._svgDefsExternal.node())\n\n    if (!preventRender) this.render()\n  }\n\n  public updateComponent (componentConfig: ComponentConfigInterface, preventRender?: boolean): void {\n    this.component.setConfig(componentConfig)\n    if (!preventRender) this.render()\n  }\n\n  public update (\n    containerConfig: SingleContainerConfigInterface<Data>,\n    componentConfig?: ComponentConfigInterface,\n    data?: Data\n  ): void {\n    if (containerConfig) this.updateContainer(containerConfig, true)\n    if (componentConfig) this.updateComponent(componentConfig, true)\n    if (data) this.setData(data, true)\n    this.render()\n  }\n\n  public getFitWidthScale (): number {\n    const { config, component } = this\n\n    const extendedSizeComponent = component as ExtendedSizeComponent\n    if (!extendedSizeComponent.getWidth) return 1\n\n    const componentWidth = extendedSizeComponent.getWidth() + config.margin.left + config.margin.right\n    return this.width / componentWidth\n  }\n\n  protected _preRender (): void {\n    super._preRender()\n    this.component.setSize(this.width, this.height, this.containerWidth, this.containerHeight)\n    this.config.annotations?.setSize(this.width, this.height, this.containerWidth, this.containerHeight)\n  }\n\n  protected _render (duration?: number): void {\n    const { config, component } = this\n    super._render(duration)\n\n    component.g.attr('transform', `translate(${config.margin.left},${config.margin.top})`)\n    component.render(duration)\n    config.annotations?.render(duration)\n\n    if (config.tooltip) config.tooltip.update()\n    config.onRenderComplete?.(this.svg.node(), config.margin, this.containerWidth, this.containerHeight, this.width, this.height)\n  }\n\n  // Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)\n  // Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.\n  public render (duration = this.config.duration): void {\n    const { config, component } = this\n\n    if (config.sizing === Sizing.Extend || config.sizing === Sizing.FitWidth) {\n      const fitToWidth = config.sizing === Sizing.FitWidth\n      const extendedSizeComponent = component as ExtendedSizeComponent\n\n      const componentWidth = extendedSizeComponent.getWidth() + config.margin.left + config.margin.right\n      const componentHeight = extendedSizeComponent.getHeight() + config.margin.top + config.margin.bottom\n      const scale = fitToWidth ? this.getFitWidthScale() : 1\n\n      const currentWidth = this.svg.attr('width')\n      const currentHeight = this.svg.attr('height')\n      const scaledWidth = componentWidth * scale\n      const scaledHeight = componentHeight * scale\n      const animated = currentWidth || currentHeight\n\n      smartTransition(this.svg, animated ? duration : 0)\n        .attr('width', scaledWidth)\n        .attr('height', scaledHeight)\n        .attr('viewBox', `${0} ${0} ${componentWidth} ${fitToWidth ? scaledHeight : componentHeight}`)\n        .attr('preserveAspectRatio', 'xMinYMin')\n    } else {\n      this.svg\n        .attr('width', this.config.width || this.containerWidth)\n        .attr('height', this.config.height || this.containerHeight)\n    }\n\n    // Set up Resize Observer\n    if (!this._resizeObserver) this._setUpResizeObserver()\n\n    // Schedule the actual rendering in the next frame\n    cancelAnimationFrame(this._renderAnimationFrameId)\n    this._renderAnimationFrameId = requestAnimationFrame(() => {\n      this._preRender()\n      this._render(duration)\n    })\n  }\n\n  protected _onResize (): void {\n    const { config } = this\n    super._onResize()\n    config.tooltip?.hide()\n  }\n\n  public destroy (): void {\n    const { component, config } = this\n    super.destroy()\n\n    component?.destroy()\n    config.tooltip?.destroy()\n    config.annotations?.destroy()\n  }\n}\n"],"names":[],"mappings":"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"}

package/containers/xy-container/config.d.ts

@@ -6,6 +6,7 @@ import { Axis } from "../../components/axis";
 import { Crosshair } from "../../components/crosshair";
 import { ContinuousScale } from "../../types/scale";
 import { Direction } from "../../types/direction";
+import { Spacing } from "../../types/spacing";
 export interface XYContainerConfigInterface<Datum> extends ContainerConfigInterface {
     /** An array of visualization components. Default: `[]` */
     components?: XYComponentCore<Datum>[];
@@ -80,5 +81,9 @@ export interface XYContainerConfigInterface<Datum> extends ContainerConfigInterf
     scaleByDomain?: boolean;
     /** Annotations component. Default: `undefined` */
     annotations?: Annotations | undefined;
+    /** Extend the clip path by the specified number of pixels. Default: `2` */
+    clipPathExtend?: number;
+    /** Callback function to be called when the chart rendering is complete. Default: `undefined` */
+    onRenderComplete?: (svgNode: SVGSVGElement, margin: Spacing, bleed: Spacing, containerWidth: number, containerHeight: number, componentWidth: number, componentHeight: number) => void;
 }
 export declare const XYContainerDefaultConfig: XYContainerConfigInterface<unknown>;

package/containers/xy-container/config.js

@@ -1,7 +1,7 @@
 import { ContainerDefaultConfig } from '../../core/container/config.js';
 import { Direction } from '../../types/direction.js';
 
-const XYContainerDefaultConfig = Object.assign(Object.assign({}, ContainerDefaultConfig), { components: [], tooltip: undefined, crosshair: undefined, annotations: undefined, xAxis: undefined, yAxis: undefined, autoMargin: true, xScale: undefined, xDomain: undefined, xDomainMinConstraint: undefined, xDomainMaxConstraint: undefined, xRange: undefined, yScale: undefined, yDomain: undefined, yDomainMinConstraint: undefined, yDomainMaxConstraint: undefined, yRange: undefined, yDirection: Direction.North, preventEmptyDomain: null, scaleByDomain: false });
+const XYContainerDefaultConfig = Object.assign(Object.assign({}, ContainerDefaultConfig), { components: [], tooltip: undefined, crosshair: undefined, annotations: undefined, xAxis: undefined, yAxis: undefined, autoMargin: true, xScale: undefined, xDomain: undefined, xDomainMinConstraint: undefined, xDomainMaxConstraint: undefined, xRange: undefined, yScale: undefined, yDomain: undefined, yDomainMinConstraint: undefined, yDomainMaxConstraint: undefined, yRange: undefined, yDirection: Direction.North, preventEmptyDomain: null, scaleByDomain: false, clipPathExtend: 2 });
 
 export { XYContainerDefaultConfig };
 //# sourceMappingURL=config.js.map