@unovis/ts 1.1.1-beta.6 → 1.1.1-beta.7

package/components/graph/modules/panel/index.js

@@ -1,98 +0,0 @@
-import { select } from 'd3-selection';
-import { trimString } from '../../../../utils/text.js';
-import { smartTransition } from '../../../../utils/d3.js';
-import { setLabelRect } from '../node/helper.js';
-import { getLabelTranslateTransform, OUTLINE_SELECTION_PADDING, DEFAULT_SIDE_LABEL_SIZE } from './helper.js';
-import { panelSelection, panel, label, background, labelText, sideIconGroup, sideIconShape, customSideIcon, sideIconSymbol, panelSelectionActive } from './style.js';
-import { appendShape, updateShape } from '../shape.js';
-
-function createPanels(selection) {
-    selection
-        .attr('transform', d => `translate(${d._x}, ${d._y})`)
-        .style('opacity', 0);
-    selection.append('rect').attr('class', panelSelection)
-        .attr('rx', 9)
-        .attr('ry', 9)
-        .attr('width', d => d._width)
-        .attr('height', d => d._height);
-    selection.append('rect').attr('class', panel)
-        .attr('rx', 7)
-        .attr('ry', 7)
-        .attr('width', d => d._width)
-        .attr('height', d => d._height);
-    const panelLabel = selection.append('g').attr('class', label)
-        .attr('transform', getLabelTranslateTransform);
-    panelLabel.append('rect').attr('class', background);
-    panelLabel.append('text').attr('class', labelText)
-        .attr('dy', '0.32em');
-    const sideIcon = selection.append('g')
-        .attr('class', sideIconGroup)
-        .attr('transform', (d, i, elements) => {
-        const dx = -OUTLINE_SELECTION_PADDING;
-        const dy = -OUTLINE_SELECTION_PADDING;
-        return `translate(${d._width + dx}, ${-dy})`;
-    });
-    appendShape(sideIcon, (d) => d.sideIconShape, sideIconShape, customSideIcon);
-    sideIcon.append('text').attr('class', sideIconSymbol);
-}
-function updatePanels(selection, config, duration) {
-    smartTransition(selection, duration)
-        .attr('transform', d => `translate(${d._x}, ${d._y})`)
-        .style('opacity', d => d._disabled ? 0.4 : 1);
-    const panels = selection.selectAll(`.${panel}`).data(d => [d]);
-    smartTransition(panels, duration)
-        .attr('width', d => d._width)
-        .attr('height', d => d._height)
-        .style('stroke', d => d.borderColor)
-        .style('stroke-width', d => d.borderWidth);
-    const panelSelection$1 = selection.select(`.${panelSelection}`)
-        .classed(panelSelectionActive, d => d.dashedOutline);
-    smartTransition(panelSelection$1, duration)
-        .attr('x', d => -OUTLINE_SELECTION_PADDING)
-        .attr('y', d => -OUTLINE_SELECTION_PADDING)
-        .attr('width', d => d._width + OUTLINE_SELECTION_PADDING * 2)
-        .attr('height', d => d._height + OUTLINE_SELECTION_PADDING * 2);
-    const sideIcon = selection.select(`.${sideIconGroup}`);
-    sideIcon.select(`.${sideIconShape}`)
-        .call(updateShape, (d) => d.sideIconShape, (d) => { var _a; return (_a = d.sideIconShapeSize) !== null && _a !== void 0 ? _a : DEFAULT_SIDE_LABEL_SIZE; })
-        .style('stroke', d => d.sideIconShapeStroke)
-        .style('cursor', d => { var _a; return (_a = d.sideIconCursor) !== null && _a !== void 0 ? _a : null; })
-        .style('opacity', d => d.sideIconShape ? 1 : 0);
-    sideIcon.select(`.${sideIconSymbol}`)
-        .html(d => d.sideIconSymbol)
-        .attr('dy', 1)
-        .style('fill', d => d.sideIconSymbolColor)
-        .style('font-size', d => { var _a, _b; return (_a = d.sideIconFontSize) !== null && _a !== void 0 ? _a : (((_b = d.sideIconShapeSize) !== null && _b !== void 0 ? _b : DEFAULT_SIDE_LABEL_SIZE) / 2.5); });
-    smartTransition(sideIcon, duration)
-        .attr('transform', d => {
-        const dx = -OUTLINE_SELECTION_PADDING;
-        const dy = -OUTLINE_SELECTION_PADDING;
-        return `translate(${d._width + dx}, ${-dy})`;
-    });
-    const panelLabel = selection.select(`.${label}`);
-    panelLabel.select(`.${labelText}`)
-        .text(d => trimString(d.label));
-    smartTransition(panelLabel, duration)
-        .attr('transform', getLabelTranslateTransform);
-    panelLabel
-        .on('mouseover', (event, d) => {
-        const label = select(event.currentTarget);
-        const labelContent = d.label;
-        label.select('text').text(labelContent);
-        setLabelRect(label, labelContent, labelText);
-    })
-        .on('mouseleave', (event, d) => {
-        const label = select(event.currentTarget);
-        const labelContent = trimString(d.label);
-        label.select('text').text(labelContent);
-        setLabelRect(label, labelContent, labelText);
-    });
-}
-function removePanels(selection, config, duration) {
-    smartTransition(selection, duration / 2)
-        .style('opacity', 0)
-        .remove();
-}
-
-export { createPanels, removePanels, updatePanels };
-//# sourceMappingURL=index.js.map

package/components/graph/modules/panel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/graph/modules/panel/index.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\n\n// Utils\nimport { trimString } from 'utils/text'\nimport { smartTransition } from 'utils/d3'\n\n// Types\nimport { GraphInputLink, GraphInputNode } from 'types/graph'\n\n// Local Types\nimport { GraphNode, GraphLink, GraphPanel } from '../../types'\n\n// Config\nimport { GraphConfig } from '../../config'\n\n// Helpers\nimport { setLabelRect } from '../node/helper'\nimport { getLabelTranslateTransform, OUTLINE_SELECTION_PADDING, DEFAULT_SIDE_LABEL_SIZE } from './helper'\n\n// Styles\nimport * as panelSelectors from './style'\nimport { appendShape, updateShape } from '../shape'\n\nexport function createPanels<N extends GraphNode, L extends GraphLink> (\n  selection: Selection<SVGGElement, GraphPanel, SVGGElement, unknown>\n): void {\n  selection\n    .attr('transform', d => `translate(${d._x}, ${d._y})`)\n    .style('opacity', 0)\n\n  selection.append('rect').attr('class', panelSelectors.panelSelection)\n    .attr('rx', 9)\n    .attr('ry', 9)\n    .attr('width', d => d._width)\n    .attr('height', d => d._height)\n\n  selection.append('rect').attr('class', panelSelectors.panel)\n    .attr('rx', 7)\n    .attr('ry', 7)\n    .attr('width', d => d._width)\n    .attr('height', d => d._height)\n\n  const panelLabel = selection.append('g').attr('class', panelSelectors.label)\n    .attr('transform', getLabelTranslateTransform)\n  panelLabel.append('rect').attr('class', panelSelectors.background)\n  panelLabel.append('text').attr('class', panelSelectors.labelText)\n    .attr('dy', '0.32em')\n\n  const sideIcon = selection.append('g')\n    .attr('class', panelSelectors.sideIconGroup)\n    .attr('transform', (d, i, elements) => {\n      const dx = -OUTLINE_SELECTION_PADDING\n      const dy = -OUTLINE_SELECTION_PADDING\n      return `translate(${d._width + dx}, ${-dy})`\n    })\n  appendShape(sideIcon, (d: GraphPanel) => d.sideIconShape, panelSelectors.sideIconShape, panelSelectors.customSideIcon)\n  sideIcon.append('text').attr('class', panelSelectors.sideIconSymbol)\n}\n\nexport function updatePanels<N extends GraphNode, L extends GraphLink> (\n  selection: Selection<SVGGElement, GraphPanel, SVGGElement, unknown>,\n  config: GraphConfig<GraphInputNode, GraphInputLink>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .attr('transform', d => `translate(${d._x}, ${d._y})`)\n    .style('opacity', d => d._disabled ? 0.4 : 1)\n\n  const panels = selection.selectAll<SVGRectElement, GraphPanel>(`.${panelSelectors.panel}`).data(d => [d])\n  smartTransition(panels, duration)\n    .attr('width', d => d._width)\n    .attr('height', d => d._height)\n    .style('stroke', d => d.borderColor)\n    .style('stroke-width', d => d.borderWidth)\n\n  const panelSelection = selection.select<SVGRectElement>(`.${panelSelectors.panelSelection}`)\n    .classed(panelSelectors.panelSelectionActive, d => d.dashedOutline)\n\n  smartTransition(panelSelection, duration)\n    .attr('x', d => -OUTLINE_SELECTION_PADDING)\n    .attr('y', d => -OUTLINE_SELECTION_PADDING)\n    .attr('width', d => d._width + OUTLINE_SELECTION_PADDING * 2)\n    .attr('height', d => d._height + OUTLINE_SELECTION_PADDING * 2)\n\n  const sideIcon = selection.select<SVGGElement>(`.${panelSelectors.sideIconGroup}`)\n\n  sideIcon.select<SVGGElement>(`.${panelSelectors.sideIconShape}`)\n    .call(updateShape, (d: GraphPanel) => d.sideIconShape, (d: GraphPanel) => d.sideIconShapeSize ?? DEFAULT_SIDE_LABEL_SIZE)\n    .style('stroke', d => d.sideIconShapeStroke)\n    .style('cursor', d => d.sideIconCursor ?? null)\n    .style('opacity', d => d.sideIconShape ? 1 : 0)\n\n  sideIcon.select(`.${panelSelectors.sideIconSymbol}`)\n    .html(d => d.sideIconSymbol)\n    .attr('dy', 1)\n    .style('fill', d => d.sideIconSymbolColor)\n    .style('font-size', d => d.sideIconFontSize ?? ((d.sideIconShapeSize ?? DEFAULT_SIDE_LABEL_SIZE) / 2.5))\n\n  smartTransition(sideIcon, duration)\n    .attr('transform', d => {\n      const dx = -OUTLINE_SELECTION_PADDING\n      const dy = -OUTLINE_SELECTION_PADDING\n      return `translate(${d._width + dx}, ${-dy})`\n    })\n\n  const panelLabel = selection.select<SVGGElement>(`.${panelSelectors.label}`)\n\n  panelLabel.select<SVGTextElement>(`.${panelSelectors.labelText}`)\n    .text(d => trimString(d.label))\n\n  smartTransition(panelLabel, duration)\n    .attr('transform', getLabelTranslateTransform)\n\n  panelLabel\n    .on('mouseover', (event: MouseEvent, d) => {\n      const label = select<SVGGElement, GraphPanel<N, L>>(event.currentTarget as SVGGElement)\n      const labelContent = d.label\n      label.select('text').text(labelContent)\n      setLabelRect(label, labelContent, panelSelectors.labelText)\n    })\n    .on('mouseleave', (event: MouseEvent, d) => {\n      const label = select<SVGGElement, GraphPanel<N, L>>(event.currentTarget as SVGGElement)\n      const labelContent = trimString(d.label)\n      label.select('text').text(labelContent)\n      setLabelRect(label, labelContent, panelSelectors.labelText)\n    })\n}\n\nexport function removePanels<N extends GraphNode, L extends GraphLink> (\n  selection: Selection<SVGGElement, GraphPanel, SVGGElement, unknown>,\n  config: GraphConfig<GraphInputNode, GraphInputLink>,\n  duration: number\n): void {\n  smartTransition(selection, duration / 2)\n    .style('opacity', 0)\n    .remove()\n}\n"],"names":["panelSelectors.panelSelection","panelSelectors.panel","panelSelectors.label","panelSelectors.background","panelSelectors.labelText","panelSelectors.sideIconGroup","panelSelectors.sideIconShape","panelSelectors.customSideIcon","panelSelectors.sideIconSymbol","panelSelection","panelSelectors.panelSelectionActive"],"mappings":"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"}

package/components/graph/modules/panel/style.d.ts

@@ -1,14 +0,0 @@
-export declare const panels: string;
-export declare const variables: void;
-export declare const gPanel: string;
-export declare const panel: string;
-export declare const label: string;
-export declare const background: string;
-export declare const labelText: string;
-export declare const panelSelectionActive: string;
-export declare const panelSelection: string;
-export declare const greyout: string;
-export declare const sideIconGroup: string;
-export declare const sideIconShape: string;
-export declare const customSideIcon: string;
-export declare const sideIconSymbol: string;

package/components/graph/modules/panel/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../../src/components/graph/modules/panel/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const panels = css`\n  label: panels;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-graph-panel-border-color: #E6E9F3;\n    --vis-graph-panel-border-opacity: 0.9;\n    --vis-graph-panel-fill-color: #ffffff;\n\n    --vis-graph-panel-label-color: #6c778c;\n    --vis-graph-panel-label-background: #ffffff;\n\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-graph-panel-label-font-family: */\n    --vis-graph-panel-label-font-size: 10pt;\n    --vis-graph-panel-label-font-weight: 300;\n\n    --vis-graph-panel-dashed-outline-color: #b7b7b7;\n\n    --vis-graph-panel-side-icon-symbol-color: #9ea7b8;\n    --vis-graph-panel-side-icon-shape-fill-color: #ffffff;\n\n    --vis-dark-graph-panel-border-color: var(--vis-color-grey);\n    --vis-dark-graph-panel-fill-color: #292b34;\n    --vis-dark-graph-panel-label-color: #E6E9F3;\n    --vis-dark-graph-panel-label-background: var(--vis-color-grey);\n    --vis-dark-graph-panel-side-icon-symbol-color: #ffffff;\n    --vis-dark-graph-panel-side-icon-shape-fill-color: #6c778c;\n    --vis-dark-graph-panel-border-color: #a0a6ad;\n  }\n\n  body.theme-dark ${`.${panels}`} {\n    --vis-graph-panel-border-color: var(--vis-dark-graph-panel-border-color);\n    --vis-graph-panel-fill-color: var(--vis-dark-graph-panel-fill-color);\n    --vis-graph-panel-label-color: var(--vis-dark-graph-panel-label-color);\n    --vis-graph-panel-label-background: var(--vis-dark-graph-panel-label-background);\n    --vis-graph-panel-side-icon-symbol-color: var(--vis-dark-graph-panel-side-icon-symbol-color);\n    --vis-graph-panel-side-icon-shape-fill-color: var(--vis-dark-graph-panel-side-icon-shape-fill-color);\n    --vis-graph-panel-border-color:  var(--vis-dark-graph-panel-border-color);\n  }\n`\n\nexport const gPanel = css`\n  label: g-panel;\n`\n\nexport const panel = css`\n  label: panel;\n\n  stroke: var(--vis-graph-panel-border-color);\n  stroke-opacity: var(--vis-graph-panel-border-opacity);\n  fill: var(--vis-graph-panel-fill-color);\n`\n\nexport const label = css`\n  label: label;\n\n  fill: var(--vis-graph-panel-label-color);\n`\n\nexport const background = css`\n  label: background;\n\n  opacity: 0.9;\n  -webkit-backdrop-filter: blur(2px);\n  backdrop-filter: blur(2px);\n  fill: var(--vis-graph-panel-label-background);\n  stroke: none;\n`\n\nexport const labelText = css`\n  label: label-text;\n\n  text-anchor: middle;\n  font-size: var(--vis-graph-panel-label-font-size);\n  font-weight: var(--vis-graph-panel-label-font-weight);;\n  cursor: default;\n  stroke: none;\n  font-family: var(--vis-graph-panel-label-font-family, var(--vis-font-family));\n`\n\nexport const panelSelectionActive = css`\n  label: active;\n`\n\nexport const panelSelection = css`\n  label: panel-selection-outline;\n\n  opacity: 0;\n  stroke-width: 1;\n  stroke-dasharray: 3 3;\n  fill: var(--vis-graph-node-selection-color);\n  fill-opacity: 0.1;\n  stroke: var(--vis-graph-panel-dashed-outline-color);\n  stroke-opacity: 0;\n\n  &${`.${panelSelectionActive}`} {\n    opacity: 1;\n    stroke-opacity: 0.75;\n  }\n`\n\nexport const greyout = css`\n  label: greyout;\n  opacity: 0.4;\n`\n\nexport const sideIconGroup = css`\n  label: side-icon-group;\n`\n\nexport const sideIconShape = css`\n  label: side-icon-shape;\n\n  fill: var(--vis-graph-panel-side-icon-shape-fill-color);\n  stroke-width: 2px;\n`\n\nexport const customSideIcon = css`\n  label: side-icon-custom;\n`\n\nexport const sideIconSymbol = css`\n  label: side-label-icon-text;\n  font-family: var(--vis-graph-icon-font-family), var(--vis-font-family);\n  fill: var(--vis-graph-panel-side-icon-symbol-color);\n  stroke: none;\n  dominant-baseline: middle;\n  text-anchor: middle;\n  pointer-events: none;\n  cursor: default;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BjB,kBAAA,EAAA,CAAA,CAAA,EAAI,MAAM,CAAE,CAAA,CAAA;;;;;;;;;EAS/B;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;EAMvB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;EAIvB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ5B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAS3B;AAEM,MAAM,oBAAoB,GAAG,GAAG,CAAA,CAAA;;EAEtC;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;AAW5B,GAAA,EAAA,CAAA,CAAA,EAAI,oBAAoB,CAAE,CAAA,CAAA;;;;EAI9B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;EAGzB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;;;EAK/B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;"}

package/components/graph/modules/shape.d.ts

@@ -1,6 +0,0 @@
-import { Selection } from 'd3-selection';
-import { NumericAccessor, StringAccessor } from "../../../types/accessor";
-import { GraphNodeShape } from '../types';
-export declare function isCustomXml(shape: GraphNodeShape): boolean;
-export declare function appendShape<T>(selection: Selection<SVGGElement, T, SVGGElement, unknown>, shapeAccessor: StringAccessor<T>, shapeSelector: string, customShapeSelector: string, index?: number, insertSelector?: string): void;
-export declare function updateShape<T>(selection: Selection<SVGGElement, T, SVGGElement, unknown>, shape: StringAccessor<T>, size: NumericAccessor<T>, index: number): void;

package/components/graph/modules/shape.js

@@ -1,80 +0,0 @@
-import { select } from 'd3-selection';
-import { polygon } from '../../../utils/path.js';
-import { getString } from '../../../utils/data.js';
-import { GraphNodeShape } from '../types.js';
-import { getNodeSize } from './node/helper.js';
-
-function isCustomXml(shape) {
-    return /<[a-z][\s\S]*>/i.test(shape);
-}
-function appendShape(selection, shapeAccessor, shapeSelector, customShapeSelector, index, insertSelector = ':last-child') {
-    selection.each((d, i, elements) => {
-        const element = select(elements[i]);
-        const shape = getString(d, shapeAccessor, index);
-        let shapeElement;
-        const isCustomXmlShape = isCustomXml(shape);
-        if (isCustomXmlShape) {
-            shapeElement = element.insert('g', insertSelector)
-                .html(shape);
-        }
-        else {
-            switch (shape) {
-                case GraphNodeShape.Square:
-                    shapeElement = element.insert('rect', insertSelector)
-                        .attr('rx', 5)
-                        .attr('ry', 5);
-                    break;
-                case GraphNodeShape.Hexagon:
-                case GraphNodeShape.Triangle:
-                    shapeElement = element.insert('path', insertSelector);
-                    break;
-                case GraphNodeShape.Circle:
-                default:
-                    shapeElement = element.insert('circle', insertSelector);
-            }
-        }
-        return shapeElement.attr('class', shapeSelector)
-            .classed(customShapeSelector, isCustomXmlShape);
-    });
-}
-function updateShape(selection, shape, size, index) {
-    if (selection.size() === 0)
-        return;
-    const d = selection.datum();
-    const nodeSize = getNodeSize(d, size, index);
-    selection.filter('circle')
-        .attr('r', nodeSize / 2);
-    selection.filter('rect')
-        .attr('width', nodeSize)
-        .attr('height', nodeSize)
-        .attr('x', -nodeSize / 2)
-        .attr('y', -nodeSize / 2);
-    selection.filter('path')
-        .attr('d', () => {
-        let n;
-        switch (getString(d, shape, index)) {
-            case GraphNodeShape.Square:
-                n = 4;
-                break;
-            case GraphNodeShape.Triangle:
-                n = 3;
-                break;
-            case GraphNodeShape.Hexagon:
-            default:
-                n = 6;
-        }
-        return polygon(nodeSize, n);
-    });
-    selection.filter('g')
-        .filter(() => !isCustomXml(getString(d, shape, index)))
-        .html(getString(d, shape, index));
-    selection.filter('g')
-        .each((d, i, elements) => {
-        const el = select(elements[i]);
-        const bBox = el.node().getBBox();
-        el.attr('transform', `translate(${-bBox.width / 2},${-bBox.height / 2})`);
-    });
-}
-
-export { appendShape, isCustomXml, updateShape };
-//# sourceMappingURL=shape.js.map

package/components/graph/modules/shape.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shape.js","sources":["../../../../src/components/graph/modules/shape.ts"],"sourcesContent":["import { Selection, select } from 'd3-selection'\n\n// Types\nimport { NumericAccessor, StringAccessor } from 'types/accessor'\n\n// Utils\nimport { polygon } from 'utils/path'\nimport { getString } from 'utils/data'\n\n// Types\n\n// Local Types\nimport { GraphNodeShape } from '../types'\n\n// Helpers\nimport { getNodeSize } from './node/helper'\n\nexport function isCustomXml (shape: GraphNodeShape): boolean {\n  return /<[a-z][\\s\\S]*>/i.test(shape)\n}\n\nexport function appendShape<T> (\n  selection: Selection<SVGGElement, T, SVGGElement, unknown>,\n  shapeAccessor: StringAccessor<T>,\n  shapeSelector: string,\n  customShapeSelector: string,\n  index?: number,\n  insertSelector = ':last-child'\n): void {\n  selection.each((d, i, elements) => {\n    const element = select(elements[i])\n    const shape = getString(d, shapeAccessor, index) as GraphNodeShape\n\n    let shapeElement\n    const isCustomXmlShape = isCustomXml(shape)\n    if (isCustomXmlShape) {\n      shapeElement = element.insert('g', insertSelector)\n        .html(shape)\n    } else {\n      switch (shape) {\n        case GraphNodeShape.Square:\n          shapeElement = element.insert('rect', insertSelector)\n            .attr('rx', 5)\n            .attr('ry', 5)\n          break\n        case GraphNodeShape.Hexagon:\n        case GraphNodeShape.Triangle:\n          shapeElement = element.insert('path', insertSelector)\n          break\n        case GraphNodeShape.Circle:\n        default:\n          shapeElement = element.insert('circle', insertSelector)\n      }\n    }\n\n    return shapeElement.attr('class', shapeSelector)\n      .classed(customShapeSelector, isCustomXmlShape)\n  })\n}\n\nexport function updateShape<T> (\n  selection: Selection<SVGGElement, T, SVGGElement, unknown>,\n  shape: StringAccessor<T>,\n  size: NumericAccessor<T>,\n  index: number\n): void {\n  if (selection.size() === 0) return\n\n  const d: T = selection.datum()\n  const nodeSize = getNodeSize(d, size, index)\n  selection.filter('circle')\n    .attr('r', nodeSize / 2)\n\n  selection.filter('rect')\n    .attr('width', nodeSize)\n    .attr('height', nodeSize)\n    .attr('x', -nodeSize / 2)\n    .attr('y', -nodeSize / 2)\n\n  selection.filter('path')\n    .attr('d', () => {\n      let n: number\n      switch (getString(d, shape, index)) {\n        case GraphNodeShape.Square:\n          n = 4\n          break\n        case GraphNodeShape.Triangle:\n          n = 3\n          break\n        case GraphNodeShape.Hexagon:\n        default:\n          n = 6\n      }\n\n      return polygon(nodeSize, n)\n    })\n\n  selection.filter('g')\n    .filter(() => !isCustomXml(getString(d, shape, index) as GraphNodeShape))\n    .html(getString(d, shape, index))\n\n  selection.filter('g')\n    .each((d, i, elements) => {\n      const el = select(elements[i])\n      const bBox = el.node().getBBox()\n      el.attr('transform', `translate(${-bBox.width / 2},${-bBox.height / 2})`)\n    })\n}\n"],"names":[],"mappings":"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"}

package/components/graph/modules/zoom-levels.d.ts

@@ -1,6 +0,0 @@
-export declare enum ZoomLevel {
-    Level0 = 1,
-    Level1 = 0.6,
-    Level2 = 0.4,
-    Level3 = 0.2
-}

package/components/graph/modules/zoom-levels.js

@@ -1,10 +0,0 @@
-var ZoomLevel;
-(function (ZoomLevel) {
-    ZoomLevel[ZoomLevel["Level0"] = 1] = "Level0";
-    ZoomLevel[ZoomLevel["Level1"] = 0.6] = "Level1";
-    ZoomLevel[ZoomLevel["Level2"] = 0.4] = "Level2";
-    ZoomLevel[ZoomLevel["Level3"] = 0.2] = "Level3";
-})(ZoomLevel || (ZoomLevel = {}));
-
-export { ZoomLevel };
-//# sourceMappingURL=zoom-levels.js.map

package/components/graph/modules/zoom-levels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"zoom-levels.js","sources":["../../../../src/components/graph/modules/zoom-levels.ts"],"sourcesContent":["export enum ZoomLevel {\n  Level0 = 1.0,\n  Level1 = 0.6,\n  Level2 = 0.4,\n  Level3 = 0.2,\n}\n"],"names":[],"mappings":"IAAY,UAKX;AALD,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAY,CAAA;AACZ,IAAA,SAAA,CAAA,SAAA,CAAA,QAAA,CAAA,GAAA,GAAA,CAAA,GAAA,QAAY,CAAA;AACZ,IAAA,SAAA,CAAA,SAAA,CAAA,QAAA,CAAA,GAAA,GAAA,CAAA,GAAA,QAAY,CAAA;AACZ,IAAA,SAAA,CAAA,SAAA,CAAA,QAAA,CAAA,GAAA,GAAA,CAAA,GAAA,QAAY,CAAA;AACd,CAAC,EALW,SAAS,KAAT,SAAS,GAKpB,EAAA,CAAA,CAAA;;;;"}

package/components/graph/style.d.ts

@@ -1,6 +0,0 @@
-export declare const variables: void;
-export declare const root: string;
-export declare const background: string;
-export declare const graphGroup: string;
-export declare const zoomOutLevel1: string;
-export declare const zoomOutLevel2: string;

package/components/graph/style.js

@@ -1,66 +0,0 @@
-import { injectGlobal, css } from '@emotion/css';
-import { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from '../../styles/index.js';
-import { label, nodeGauge, node, nodeSelection, nodeSelectionActive } from './modules/node/style.js';
-import { gLink, flowCircle } from './modules/link/style.js';
-
-const variables = injectGlobal `
-  :root {
-    --vis-graph-icon-font-family: ${UNOVIS_ICON_FONT_FAMILY_DEFAULT};
-  }
-`;
-// General
-const root = css `
-  label: graph-component;
-`;
-const background = css `
-  label: background;
-`;
-const graphGroup = css `
-  label: graph-group;
-`;
-const zoomOutLevel1 = css `
-  label: zoom-out-level-1;
-
-  ${`.${label}`} {
-    rect {
-      stroke: none;
-    }
-  }
-`;
-const zoomOutLevel2 = css `
-  label: zoom-out-level-2;
-
-  ${`.${label}`} {
-    visibility: visible;
-  }
-
-  ${`.${nodeGauge}`} {
-    visibility: visible;
-  }
-
-  ${`.${node}`} {
-    stroke-width: 4px;
-  }
-
-  rect${`.${node}`} {
-    stroke-width: 2px;
-  }
-
-  ${`.${gLink}`} {
-    animation: none;
-    stroke-dasharray: none;
-  }
-
-  ${`.${flowCircle}`} {
-    display: none;
-  }
-
-  ${`.${nodeSelection}`} {
-    &${`.${nodeSelectionActive}`} {
-      transform: scale(1.15);
-    }
-  }
-`;
-
-export { background, graphGroup, root, variables, zoomOutLevel1, zoomOutLevel2 };
-//# sourceMappingURL=style.js.map

package/components/graph/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/graph/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\n\n// Nodes\nimport * as nodeSelectors from './modules/node/style'\n\n// Links\nimport * as linkSelectors from './modules/link/style'\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-graph-icon-font-family: ${UNOVIS_ICON_FONT_FAMILY_DEFAULT};\n  }\n`\n\n// General\nexport const root = css`\n  label: graph-component;\n`\n\nexport const background = css`\n  label: background;\n`\n\nexport const graphGroup = css`\n  label: graph-group;\n`\n\nexport const zoomOutLevel1 = css`\n  label: zoom-out-level-1;\n\n  ${`.${nodeSelectors.label}`} {\n    rect {\n      stroke: none;\n    }\n  }\n`\n\nexport const zoomOutLevel2 = css`\n  label: zoom-out-level-2;\n\n  ${`.${nodeSelectors.label}`} {\n    visibility: visible;\n  }\n\n  ${`.${nodeSelectors.nodeGauge}`} {\n    visibility: visible;\n  }\n\n  ${`.${nodeSelectors.node}`} {\n    stroke-width: 4px;\n  }\n\n  rect${`.${nodeSelectors.node}`} {\n    stroke-width: 2px;\n  }\n\n  ${`.${linkSelectors.gLink}`} {\n    animation: none;\n    stroke-dasharray: none;\n  }\n\n  ${`.${linkSelectors.flowCircle}`} {\n    display: none;\n  }\n\n  ${`.${nodeSelectors.nodeSelection}`} {\n    &${`.${nodeSelectors.nodeSelectionActive}`} {\n      transform: scale(1.15);\n    }\n  }\n`\n"],"names":["nodeSelectors.label","nodeSelectors.nodeGauge","nodeSelectors.node","linkSelectors.gLink","linkSelectors.flowCircle","nodeSelectors.nodeSelection","nodeSelectors.nodeSelectionActive"],"mappings":";;;;;AASO,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;oCAED,+BAA+B,CAAA;;EAElE;AAED;AACO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;IAG5B,CAAI,CAAA,EAAAA,KAAmB,CAAE,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;IAG5B,CAAI,CAAA,EAAAA,KAAmB,CAAE,CAAA,CAAA;;;;IAIzB,CAAI,CAAA,EAAAC,SAAuB,CAAE,CAAA,CAAA;;;;IAI7B,CAAI,CAAA,EAAAC,IAAkB,CAAE,CAAA,CAAA;;;;QAIpB,CAAI,CAAA,EAAAA,IAAkB,CAAE,CAAA,CAAA;;;;IAI5B,CAAI,CAAA,EAAAC,KAAmB,CAAE,CAAA,CAAA;;;;;IAKzB,CAAI,CAAA,EAAAC,UAAwB,CAAE,CAAA,CAAA;;;;IAI9B,CAAI,CAAA,EAAAC,aAA2B,CAAE,CAAA,CAAA;OAC9B,CAAI,CAAA,EAAAC,mBAAiC,CAAE,CAAA,CAAA;;;;;;;;"}

package/components/graph/types.d.ts

@@ -1,125 +0,0 @@
-import { Position } from "../../types/position";
-import { GraphInputLink, GraphInputNode, GraphNodeCore, GraphLinkCore } from "../../types/graph";
-import { Spacing } from "../../types/spacing";
-export declare type GraphNode<N extends GraphInputNode = GraphInputNode, L extends GraphInputLink = GraphInputLink> = GraphNodeCore<N, L> & {
-    x?: number;
-    y?: number;
-    _id?: number | string;
-    _index?: number;
-    _state?: {
-        isDragged?: boolean;
-        fx?: number;
-        fy?: number;
-        selected?: boolean;
-        greyout?: boolean;
-    };
-    _panels?: GraphPanel<N, L>[];
-    _isConnected?: boolean;
-};
-export declare type GraphLink<N extends GraphInputNode = GraphInputNode, L extends GraphInputLink = GraphInputLink> = GraphLinkCore<N, L> & {
-    id?: number | string;
-    source: number | string | GraphNode<N>;
-    target: number | string | GraphNode<N>;
-    _id?: number | string;
-    _direction?: number;
-    _index?: number;
-    _neighbours?: number;
-    _state?: {
-        flowAnimTime?: number;
-        hovered?: boolean;
-        selected?: boolean;
-        greyout?: boolean;
-    };
-};
-export declare enum GraphLayoutType {
-    Circular = "circular",
-    Concentric = "concentric",
-    Parallel = "parallel",
-    ParallelHorizontal = "parallel horizontal",
-    Dagre = "dagre",
-    Force = "force",
-    Elk = "elk"
-}
-export declare type GraphCircleLabel = {
-    text: string;
-    textColor?: string | null;
-    color?: string | null;
-    cursor?: string | null;
-    fontSize?: string | null;
-    radius?: number;
-};
-export declare enum GraphLinkStyle {
-    Dashed = "dashed",
-    Solid = "solid"
-}
-export declare enum GraphLinkArrowStyle {
-    Single = "single",
-    Double = "double"
-}
-export declare enum GraphNodeShape {
-    Circle = "circle",
-    Square = "square",
-    Hexagon = "hexagon",
-    Triangle = "triangle"
-}
-export declare type GraphPanelConfig = {
-    /** Panel nodes references by unique ids */
-    nodes: (string | number)[];
-    /** Panel label */
-    label?: string;
-    /** Position of the label */
-    labelPosition?: Position.Top | Position.Bottom | string;
-    /** Color of the panel's border */
-    borderColor?: string;
-    /** Border width of the panel in pixels */
-    borderWidth?: number;
-    /** Inner padding */
-    padding?: number | Spacing;
-    /** Dashed outline showing that the panel is selected */
-    dashedOutline?: boolean;
-    /** Side icon symbol */
-    sideIconSymbol?: string;
-    /** Size of the icon as a CSS string. e.g.: `12pt` or `12px` */
-    sideIconFontSize?: string;
-    /** Color of the icon */
-    sideIconSymbolColor?: string;
-    /** Shape of the icon's background */
-    sideIconShape?: GraphNodeShape | string;
-    /** Size of the icon's background shape */
-    sideIconShapeSize?: number;
-    /** Stroke color of the icon's background shape */
-    sideIconShapeStroke?: string;
-    /** Cursor, when hovering over the icon */
-    sideIconCursor?: string;
-};
-export declare type GraphPanel<N extends GraphInputNode = GraphInputNode, L extends GraphInputLink = GraphInputLink> = GraphPanelConfig & {
-    _numNodes?: number;
-    _x?: number;
-    _y?: number;
-    _width?: number;
-    _height?: number;
-    _disabled?: boolean;
-    _padding?: Spacing;
-};
-export declare type GraphNodeAnimationState = {
-    endAngle: number;
-    nodeIndex: number;
-    nodeSize?: number;
-    borderWidth?: number;
-};
-export declare type GraphNodeAnimatedElement<T = SVGElement> = T & {
-    _animState: GraphNodeAnimationState;
-};
-export declare type GraphForceLayoutSettings = {
-    /** Preferred Link Distance. Default: `60` */
-    linkDistance?: number;
-    /** Link Strength [0:1]. Default: `0.45` */
-    linkStrength?: number;
-    /** Charge Force (<0 repulsion, >0 attraction). Default: `-500` */
-    charge?: number;
-    /** X-centring force. Default: `0.15` */
-    forceXStrength?: number;
-    /** Y-centring force. Default: `0.25` */
-    forceYStrength?: number;
-};
-export declare type GraphElkLayoutSettings = Record<string, string>;

package/components/graph/types.js

@@ -1,30 +0,0 @@
-var GraphLayoutType;
-(function (GraphLayoutType) {
-    GraphLayoutType["Circular"] = "circular";
-    GraphLayoutType["Concentric"] = "concentric";
-    GraphLayoutType["Parallel"] = "parallel";
-    GraphLayoutType["ParallelHorizontal"] = "parallel horizontal";
-    GraphLayoutType["Dagre"] = "dagre";
-    GraphLayoutType["Force"] = "force";
-    GraphLayoutType["Elk"] = "elk";
-})(GraphLayoutType || (GraphLayoutType = {}));
-var GraphLinkStyle;
-(function (GraphLinkStyle) {
-    GraphLinkStyle["Dashed"] = "dashed";
-    GraphLinkStyle["Solid"] = "solid";
-})(GraphLinkStyle || (GraphLinkStyle = {}));
-var GraphLinkArrowStyle;
-(function (GraphLinkArrowStyle) {
-    GraphLinkArrowStyle["Single"] = "single";
-    GraphLinkArrowStyle["Double"] = "double";
-})(GraphLinkArrowStyle || (GraphLinkArrowStyle = {}));
-var GraphNodeShape;
-(function (GraphNodeShape) {
-    GraphNodeShape["Circle"] = "circle";
-    GraphNodeShape["Square"] = "square";
-    GraphNodeShape["Hexagon"] = "hexagon";
-    GraphNodeShape["Triangle"] = "triangle";
-})(GraphNodeShape || (GraphNodeShape = {}));
-
-export { GraphLayoutType, GraphLinkArrowStyle, GraphLinkStyle, GraphNodeShape };
-//# sourceMappingURL=types.js.map

package/components/graph/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/graph/types.ts"],"sourcesContent":["// Types\nimport { Position } from 'types/position'\nimport { GraphInputLink, GraphInputNode, GraphNodeCore, GraphLinkCore } from 'types/graph'\nimport { Spacing } from 'types/spacing'\n\nexport type GraphNode<\n  N extends GraphInputNode = GraphInputNode,\n  L extends GraphInputLink = GraphInputLink,\n> = GraphNodeCore<N, L> & {\n  x?: number;\n  y?: number;\n\n  _id?: number | string;\n  _index?: number;\n  _state?: {\n    isDragged?: boolean;\n    fx?: number;\n    fy?: number;\n    selected?: boolean;\n    greyout?: boolean;\n  };\n\n  _panels?: GraphPanel<N, L>[];\n  _isConnected?: boolean;\n}\n\nexport type GraphLink<\n  N extends GraphInputNode = GraphInputNode,\n  L extends GraphInputLink = GraphInputLink,\n> = GraphLinkCore<N, L> & {\n  id?: number | string;\n  source: number | string | GraphNode<N>;\n  target: number | string | GraphNode<N>;\n\n  _id?: number | string;\n  _direction?: number;\n  _index?: number;\n  _neighbours?: number;\n\n  _state?: {\n    flowAnimTime?: number;\n    hovered?: boolean;\n    selected?: boolean;\n    greyout?: boolean;\n  };\n}\n\nexport enum GraphLayoutType {\n  Circular = 'circular',\n  Concentric = 'concentric',\n  Parallel = 'parallel',\n  ParallelHorizontal = 'parallel horizontal',\n  Dagre = 'dagre',\n  Force = 'force',\n  Elk = 'elk',\n}\n\nexport type GraphCircleLabel = {\n  text: string;\n  textColor?: string | null;\n  color?: string | null;\n  cursor?: string | null;\n  fontSize?: string | null;\n  radius?: number;\n}\n\nexport enum GraphLinkStyle {\n  Dashed = 'dashed',\n  Solid = 'solid',\n}\n\nexport enum GraphLinkArrowStyle {\n  Single = 'single',\n  Double = 'double',\n}\n\nexport enum GraphNodeShape {\n  Circle = 'circle',\n  Square = 'square',\n  Hexagon = 'hexagon',\n  Triangle = 'triangle',\n}\n\nexport type GraphPanelConfig = {\n  /** Panel nodes references by unique ids */\n  nodes: (string|number)[];\n  /** Panel label */\n  label?: string;\n  /** Position of the label */\n  labelPosition?: Position.Top | Position.Bottom | string;\n  /** Color of the panel's border */\n  borderColor?: string;\n  /** Border width of the panel in pixels */\n  borderWidth?: number;\n  /** Inner padding */\n  padding?: number | Spacing;\n  /** Dashed outline showing that the panel is selected */\n  dashedOutline?: boolean;\n  /** Side icon symbol */\n  sideIconSymbol?: string;\n  /** Size of the icon as a CSS string. e.g.: `12pt` or `12px` */\n  sideIconFontSize?: string;\n  /** Color of the icon */\n  sideIconSymbolColor?: string;\n  /** Shape of the icon's background */\n  sideIconShape?: GraphNodeShape | string;\n  /** Size of the icon's background shape */\n  sideIconShapeSize?: number;\n  /** Stroke color of the icon's background shape */\n  sideIconShapeStroke?: string;\n  /** Cursor, when hovering over the icon */\n  sideIconCursor?: string;\n}\n\nexport type GraphPanel<\n  N extends GraphInputNode = GraphInputNode,\n  L extends GraphInputLink = GraphInputLink,\n> = GraphPanelConfig & {\n  _numNodes?: number;\n  _x?: number;\n  _y?: number;\n  _width?: number;\n  _height?: number;\n  _disabled?: boolean;\n  _padding?: Spacing;\n}\n\nexport type GraphNodeAnimationState = {\n  endAngle: number;\n  nodeIndex: number;\n  nodeSize?: number;\n  borderWidth?: number;\n}\n\nexport type GraphNodeAnimatedElement<T = SVGElement> = T & {\n  _animState: GraphNodeAnimationState;\n}\n\nexport type GraphForceLayoutSettings = {\n  /** Preferred Link Distance. Default: `60` */\n  linkDistance?: number;\n  /** Link Strength [0:1]. Default: `0.45` */\n  linkStrength?: number;\n  /** Charge Force (<0 repulsion, >0 attraction). Default: `-500` */\n  charge?: number;\n  /** X-centring force. Default: `0.15` */\n  forceXStrength?: number;\n  /** Y-centring force. Default: `0.25` */\n  forceYStrength?: number;\n}\n\nexport type GraphElkLayoutSettings = Record<string, string>\n"],"names":[],"mappings":"IA+CY,gBAQX;AARD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,eAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,eAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,eAAA,CAAA,oBAAA,CAAA,GAAA,qBAA0C,CAAA;AAC1C,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,eAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACb,CAAC,EARW,eAAe,KAAf,eAAe,GAQ1B,EAAA,CAAA,CAAA,CAAA;IAWW,eAGX;AAHD,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,cAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,cAAc,KAAd,cAAc,GAGzB,EAAA,CAAA,CAAA,CAAA;IAEW,oBAGX;AAHD,CAAA,UAAY,mBAAmB,EAAA;AAC7B,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,GAG9B,EAAA,CAAA,CAAA,CAAA;IAEW,eAKX;AALD,CAAA,UAAY,cAAc,EAAA;AACxB,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,cAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,cAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,cAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EALW,cAAc,KAAd,cAAc,GAKzB,EAAA,CAAA,CAAA;;;;"}

package/components/grouped-bar/config.d.ts

@@ -1,36 +0,0 @@
-import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
-import { StringAccessor } from "../../types/accessor";
-import { Orientation } from "../../types/position";
-export interface GroupedBarConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {
-    /** Force set the group width in pixels. Default: `undefined` */
-    groupWidth?: number;
-    /** Maximum group width for dynamic sizing. Limits the groupWidth property from the top. Default: `undefined` */
-    groupMaxWidth?: number;
-    /** Expected step between the bar groups in the X axis units.
-     * Needed to correctly calculate the width of the bar groups when there are gaps in the data.
-     * Default: `undefined` */
-    dataStep?: number;
-    /** Fractional padding between the groups in the range of [0,1). Default: `0.05` */
-    groupPadding?: number;
-    /** Fractional padding between the bars in the range of [0,1). Default: `0` */
-    barPadding?: number;
-    /** Rounded bar corners. Boolean or number (to set the radius in pixels explicitly). Default: `2` */
-    roundedCorners?: number | boolean;
-    /** Sets the minimum bar height for better visibility of small values. Default: `1` */
-    barMinHeight?: number;
-    /** Configurable bar cursor when hovering over. Default: `null` */
-    cursor?: StringAccessor<Datum>;
-    /** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */
-    orientation?: Orientation | string;
-}
-export declare class GroupedBarConfig<Datum> extends XYComponentConfig<Datum> implements GroupedBarConfigInterface<Datum> {
-    groupMaxWidth: any;
-    groupWidth: any;
-    dataStep: any;
-    groupPadding: number;
-    barPadding: number;
-    roundedCorners: number;
-    barMinHeight: number;
-    cursor: any;
-    orientation: Orientation;
-}

package/components/grouped-bar/config.js

@@ -1,20 +0,0 @@
-import { XYComponentConfig } from '../../core/xy-component/config.js';
-import { Orientation } from '../../types/position.js';
-
-class GroupedBarConfig extends XYComponentConfig {
-    constructor() {
-        super(...arguments);
-        this.groupMaxWidth = undefined;
-        this.groupWidth = undefined;
-        this.dataStep = undefined;
-        this.groupPadding = 0.05;
-        this.barPadding = 0.0;
-        this.roundedCorners = 2;
-        this.barMinHeight = 2;
-        this.cursor = null;
-        this.orientation = Orientation.Vertical;
-    }
-}
-
-export { GroupedBarConfig };
-//# sourceMappingURL=config.js.map

package/components/grouped-bar/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/grouped-bar/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { StringAccessor } from 'types/accessor'\nimport { Orientation } from 'types/position'\n\nexport interface GroupedBarConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {\n  /** Force set the group width in pixels. Default: `undefined` */\n  groupWidth?: number;\n  /** Maximum group width for dynamic sizing. Limits the groupWidth property from the top. Default: `undefined` */\n  groupMaxWidth?: number;\n  /** Expected step between the bar groups in the X axis units.\n   * Needed to correctly calculate the width of the bar groups when there are gaps in the data.\n   * Default: `undefined` */\n  dataStep?: number;\n  /** Fractional padding between the groups in the range of [0,1). Default: `0.05` */\n  groupPadding?: number;\n  /** Fractional padding between the bars in the range of [0,1). Default: `0` */\n  barPadding?: number;\n  /** Rounded bar corners. Boolean or number (to set the radius in pixels explicitly). Default: `2` */\n  roundedCorners?: number | boolean;\n  /** Sets the minimum bar height for better visibility of small values. Default: `1` */\n  barMinHeight?: number;\n  /** Configurable bar cursor when hovering over. Default: `null` */\n  cursor?: StringAccessor<Datum>;\n  /** Chart orientation: `Orientation.Vertical` or `Orientation.Horizontal`. Default `Orientation.Vertical` */\n  orientation?: Orientation | string;\n}\n\nexport class GroupedBarConfig<Datum> extends XYComponentConfig<Datum> implements GroupedBarConfigInterface<Datum> {\n  groupMaxWidth = undefined\n  groupWidth = undefined\n  dataStep = undefined\n  groupPadding = 0.05\n  barPadding = 0.0\n  roundedCorners = 2\n  barMinHeight = 2\n  cursor = null\n  orientation = Orientation.Vertical\n}\n"],"names":[],"mappings":";;;AA6BM,MAAO,gBAAwB,SAAQ,iBAAwB,CAAA;AAArE,IAAA,WAAA,GAAA;;QACE,IAAa,CAAA,aAAA,GAAG,SAAS,CAAA;QACzB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;QACtB,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAY,CAAA,YAAA,GAAG,IAAI,CAAA;QACnB,IAAU,CAAA,UAAA,GAAG,GAAG,CAAA;QAChB,IAAc,CAAA,cAAA,GAAG,CAAC,CAAA;QAClB,IAAY,CAAA,YAAA,GAAG,CAAC,CAAA;QAChB,IAAM,CAAA,MAAA,GAAG,IAAI,CAAA;AACb,QAAA,IAAA,CAAA,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAA;KACnC;AAAA;;;;"}

package/components/grouped-bar/index.d.ts

@@ -1,32 +0,0 @@
-import { XYComponentCore } from "../../core/xy-component";
-import { NumericAccessor } from "../../types/accessor";
-import { Spacing } from "../../types/spacing";
-import { Direction } from "../../types/direction";
-import { GroupedBarConfig, GroupedBarConfigInterface } from './config';
-import * as s from './style';
-export declare class GroupedBar<Datum> extends XYComponentCore<Datum, GroupedBarConfig<Datum>, GroupedBarConfigInterface<Datum>> {
-    static selectors: typeof s;
-    config: GroupedBarConfig<Datum>;
-    getAccessors: () => NumericAccessor<Datum>[];
-    events: {
-        [x: string]: {
-            mouseover: (d: any, i: any, els: any) => void;
-        };
-    };
-    private _barData;
-    constructor(config?: GroupedBarConfigInterface<Datum>);
-    get bleed(): Spacing;
-    private get dataScale();
-    private get valueScale();
-    private isVertical;
-    _render(customDuration?: number): void;
-    _getValueAxisDirection(): Direction.North | Direction.South;
-    _getVisibleData(): Datum[];
-    _getBarPath(x: number, y: number, width: number, height: number, isNegative: boolean, direction: Direction.North | Direction.South): string;
-    _getGroupWidth(): number;
-    getValueScaleExtent(scaleByVisibleData: boolean): number[];
-    _raiseSelection(d: any, i: any, els: any): void;
-    getDataScaleExtent(): number[];
-    getYDataExtent(scaleByVisibleData: boolean): number[];
-    getXDataExtent(): number[];
-}