@unovis/ts 1.0.0-alpha.4

package/components/chord-diagram/modules/link.d.ts

@@ -0,0 +1,20 @@
+import { Selection } from 'd3-selection';
+import { Area } from 'd3-shape';
+import { ChordInputNode, ChordRibbon, ChordRibbonPoint } from '../types';
+export interface ArcLink extends SVGElement {
+    _animState?: {
+        source: {
+            y0: number;
+            y1: number;
+        };
+        target: {
+            x0: number;
+            x1: number;
+            y1: number;
+        };
+    };
+}
+export declare function emptyPath(): string;
+export declare function createLink<N extends ChordInputNode>(selection: Selection<SVGPathElement, ChordRibbon<N>, SVGGElement, unknown>, areaGen: Area<ChordRibbonPoint>): void;
+export declare function updateLink<N extends ChordInputNode>(selection: Selection<SVGElement, ChordRibbon<N>, SVGGElement, unknown>, areaGen: Area<ChordRibbonPoint>, duration: number): void;
+export declare function removeLink<N extends ChordInputNode>(selection: Selection<SVGElement, ChordRibbon<N>, SVGGElement, unknown>, duration: number): void;

package/components/chord-diagram/modules/link.js

@@ -0,0 +1,35 @@
+import { select } from 'd3-selection';
+import { interpolatePath } from 'd3-interpolate-path';
+import { smartTransition } from '../../../utils/d3.js';
+
+function emptyPath() {
+    return 'M0,0 L0,0';
+}
+function createLink(selection, areaGen) {
+    selection
+        .attr('d', d => areaGen(d.points) || emptyPath())
+        .style('opacity', 0);
+}
+function updateLink(selection, areaGen, duration) {
+    const selTransition = smartTransition(selection, duration)
+        .style('opacity', 0.7);
+    if (duration) {
+        const transition = selTransition;
+        transition.attrTween('d', (d, i, el) => {
+            const previous = select(el[i]).attr('d');
+            const next = areaGen(d.points) || emptyPath();
+            return interpolatePath(previous, next);
+        });
+    }
+    else {
+        selTransition.attr('d', d => areaGen(d.points));
+    }
+}
+function removeLink(selection, duration) {
+    smartTransition(selection, duration)
+        .style('opacity', 0)
+        .remove();
+}
+
+export { createLink, emptyPath, removeLink, updateLink };
+//# sourceMappingURL=link.js.map

package/components/chord-diagram/modules/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../src/components/chord-diagram/modules/link.ts"],"sourcesContent":["import { Selection, select } from 'd3-selection'\nimport { Area } from 'd3-shape'\nimport { Transition } from 'd3-transition'\nimport { interpolatePath } from 'd3-interpolate-path'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\n\n// Local Types\nimport { ChordInputNode, ChordRibbon, ChordRibbonPoint } from '../types'\n\nexport interface ArcLink extends SVGElement {\n  _animState?: {\n    source: { y0: number; y1: number };\n    target: { x0: number; x1: number; y1: number };\n  };\n}\n\nexport function emptyPath (): string {\n  return 'M0,0 L0,0'\n}\n\nexport function createLink<N extends ChordInputNode> (\n  selection: Selection<SVGPathElement, ChordRibbon<N>, SVGGElement, unknown>,\n  areaGen: Area<ChordRibbonPoint>\n): void {\n  selection\n    .attr('d', d => areaGen(d.points) || emptyPath())\n    .style('opacity', 0)\n}\n\nexport function updateLink<N extends ChordInputNode> (\n  selection: Selection<SVGElement, ChordRibbon<N>, SVGGElement, unknown>,\n  areaGen: Area<ChordRibbonPoint>,\n  duration: number\n): void {\n  const selTransition = smartTransition(selection, duration)\n    .style('opacity', 0.7)\n  if (duration) {\n    const transition = selTransition as Transition<SVGElement, ChordRibbon<N>, SVGGElement, unknown>\n    transition.attrTween('d', (d, i, el) => {\n      const previous = select(el[i]).attr('d')\n      const next = areaGen(d.points) || emptyPath()\n      return interpolatePath(previous, next)\n    })\n  } else {\n    selTransition.attr('d', d => areaGen(d.points))\n  }\n}\n\nexport function removeLink<N extends ChordInputNode> (\n  selection: Selection<SVGElement, ChordRibbon<N>, SVGGElement, unknown>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .style('opacity', 0)\n    .remove()\n}\n"],"names":[],"mappings":";;;;SAkBgB,SAAS,GAAA;AACvB,IAAA,OAAO,WAAW,CAAA;AACpB,CAAC;AAEe,SAAA,UAAU,CACxB,SAA0E,EAC1E,OAA+B,EAAA;IAE/B,SAAS;AACN,SAAA,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;AAChD,SAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;AACxB,CAAC;SAEe,UAAU,CACxB,SAAsE,EACtE,OAA+B,EAC/B,QAAgB,EAAA;AAEhB,IAAA,MAAM,aAAa,GAAG,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC;AACvD,SAAA,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;AACxB,IAAA,IAAI,QAAQ,EAAE;QACZ,MAAM,UAAU,GAAG,aAA6E,CAAA;AAChG,QAAA,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,KAAI;AACrC,YAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YACxC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,SAAS,EAAE,CAAA;AAC7C,YAAA,OAAO,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;AACxC,SAAC,CAAC,CAAA;AACH,KAAA;AAAM,SAAA;AACL,QAAA,aAAa,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAChD,KAAA;AACH,CAAC;AAEe,SAAA,UAAU,CACxB,SAAsE,EACtE,QAAgB,EAAA;AAEhB,IAAA,eAAe,CAAC,SAAS,EAAE,QAAQ,CAAC;AACjC,SAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;AACnB,SAAA,MAAM,EAAE,CAAA;AACb;;;;"}

package/components/chord-diagram/modules/node.d.ts

@@ -0,0 +1,17 @@
+import { Selection } from 'd3-selection';
+import { Arc } from 'd3-shape';
+import { ChordInputNode, ChordInputLink, ChordNode } from '../types';
+import { ChordDiagramConfig } from '../config';
+declare type AnimState = {
+    x0: number;
+    x1: number;
+    y0: number;
+    y1: number;
+};
+export interface ArcNode extends SVGElement {
+    _animState?: AnimState;
+}
+export declare function createNode<N extends ChordInputNode, L extends ChordInputLink>(selection: Selection<SVGPathElement, ChordNode<N>, SVGGElement, unknown>, config: ChordDiagramConfig<N, L>): void;
+export declare function updateNode<N extends ChordInputNode, L extends ChordInputLink>(selection: Selection<SVGElement, ChordNode<N>, SVGGElement, ChordNode<N>[]>, config: ChordDiagramConfig<N, L>, arcGen: Arc<unknown, AnimState>, duration: number): void;
+export declare function removeNode<N extends ChordInputNode, L extends ChordInputLink>(selection: Selection<SVGElement, ChordNode<N>, SVGGElement, unknown>, duration: number): void;
+export {};

package/components/chord-diagram/modules/node.js

@@ -0,0 +1,52 @@
+import { interpolate } from 'd3-interpolate';
+import { getColor } from '../../../utils/color.js';
+import { smartTransition } from '../../../utils/d3.js';
+
+function createNode(selection, config) {
+    selection
+        .style('fill', d => getColor(d, config.nodeColor, d.height))
+        .style('stroke', d => getColor(d, config.nodeColor, d.height))
+        .style('opacity', 0)
+        .each((d, i, els) => {
+        const arcNode = els[i];
+        const angleCenter = (d.x0 + d.x1) / 2;
+        const angleHalfWidth = (d.x1 - d.x0) / 2;
+        arcNode._animState = {
+            x0: angleCenter - angleHalfWidth * 0.8,
+            x1: angleCenter + angleHalfWidth * 0.8,
+            y0: d.y0,
+            y1: d.y1,
+        };
+    });
+}
+function updateNode(selection, config, arcGen, duration) {
+    selection
+        .attr('id', (d, i) => `chord-node-${i}`)
+        .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables
+        .style('fill', d => getColor(d, config.nodeColor, d.depth))
+        .style('stroke', d => getColor(d, config.nodeColor, d.depth));
+    if (duration) {
+        const transition = smartTransition(selection, duration)
+            .style('opacity', 1);
+        transition.attrTween('d', (d, i, els) => {
+            const arcNode = els[i];
+            const nextAnimState = { x0: d.x0, x1: d.x1, y0: d.y0, y1: d.y1 };
+            const datum = interpolate(arcNode._animState, nextAnimState);
+            return (t) => {
+                arcNode._animState = datum(t);
+                return arcGen(arcNode._animState);
+            };
+        });
+    }
+    else {
+        selection.attr('d', d => arcGen(d));
+    }
+}
+function removeNode(selection, duration) {
+    smartTransition(selection, duration)
+        .style('opacity', 0)
+        .remove();
+}
+
+export { createNode, removeNode, updateNode };
+//# sourceMappingURL=node.js.map

package/components/chord-diagram/modules/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sources":["../../../../src/components/chord-diagram/modules/node.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { interpolate } from 'd3-interpolate'\nimport { Arc } from 'd3-shape'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\n\n// Local Types\nimport { ChordInputNode, ChordInputLink, ChordNode } from '../types'\n\n// Config\nimport { ChordDiagramConfig } from '../config'\n\ntype AnimState = { x0: number; x1: number; y0: number; y1: number }\nexport interface ArcNode extends SVGElement {\n  _animState?: AnimState;\n}\n\nexport function createNode<N extends ChordInputNode, L extends ChordInputLink> (\n  selection: Selection<SVGPathElement, ChordNode<N>, SVGGElement, unknown>,\n  config: ChordDiagramConfig<N, L>\n): void {\n  selection\n    .style('fill', d => getColor(d, config.nodeColor, d.height))\n    .style('stroke', d => getColor(d, config.nodeColor, d.height))\n    .style('opacity', 0)\n    .each((d, i, els) => {\n      const arcNode: ArcNode = els[i]\n      const angleCenter = (d.x0 + d.x1) / 2\n      const angleHalfWidth = (d.x1 - d.x0) / 2\n      arcNode._animState = {\n        x0: angleCenter - angleHalfWidth * 0.8,\n        x1: angleCenter + angleHalfWidth * 0.8,\n        y0: d.y0,\n        y1: d.y1,\n      }\n    })\n}\n\nexport function updateNode<N extends ChordInputNode, L extends ChordInputLink> (\n  selection: Selection<SVGElement, ChordNode<N>, SVGGElement, ChordNode<N>[]>,\n  config: ChordDiagramConfig<N, L>,\n  arcGen: Arc<unknown, AnimState>,\n  duration: number\n): void {\n  selection\n    .attr('id', (d, i) => `chord-node-${i}`)\n    .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables\n    .style('fill', d => getColor(d, config.nodeColor, d.depth))\n    .style('stroke', d => getColor(d, config.nodeColor, d.depth))\n\n  if (duration) {\n    const transition = smartTransition(selection, duration)\n      .style('opacity', 1) as Transition<SVGElement, ChordNode<N>, SVGGElement, ChordNode<N>[]>\n\n    transition.attrTween('d', (d, i, els) => {\n      const arcNode: ArcNode = els[i]\n      const nextAnimState = { x0: d.x0, x1: d.x1, y0: d.y0, y1: d.y1 }\n      const datum = interpolate(arcNode._animState, nextAnimState)\n\n      return (t: number): string => {\n        arcNode._animState = datum(t)\n        return arcGen(arcNode._animState)\n      }\n    })\n  } else {\n    selection.attr('d', d => arcGen(d))\n  }\n}\n\nexport function removeNode<N extends ChordInputNode, L extends ChordInputLink> (\n  selection: Selection<SVGElement, ChordNode<N>, SVGGElement, unknown>,\n  duration: number\n): void {\n  smartTransition(selection, duration)\n    .style('opacity', 0)\n    .remove()\n}\n"],"names":[],"mappings":"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"}

package/components/chord-diagram/style.d.ts

@@ -0,0 +1,13 @@
+export declare const root: string;
+export declare const variables: void;
+export declare const nodes: string;
+export declare const links: string;
+export declare const labels: string;
+export declare const node: string;
+export declare const hoveredNode: string;
+export declare const gLabel: string;
+export declare const label: string;
+export declare const labelExit: string;
+export declare const link: string;
+export declare const hoveredLink: string;
+export declare const transparent: string;

package/components/chord-diagram/style.js

@@ -0,0 +1,88 @@
+import { css, injectGlobal } from '@emotion/css';
+
+const root = css `
+  label: chord-diagram-component;
+`;
+const variables = injectGlobal `
+  :root {
+    --vis-chord-diagram-link-fill-color: #cad5f6;
+    --vis-chord-diagram-link-stroke-color: #777777;
+    --vis-chord-diagram-link-stroke-opacity: 0.15;
+
+    --vis-chord-diagram-label-text-fill-color-bright: #ffffff;
+    --vis-chord-diagram-label-text-fill-color-dark: #a5abb2;
+
+    --vis-dark-chord-diagram-link-fill-color: #575c65;
+  }
+
+  body.theme-dark ${`.${root}`} {
+    --vis-chord-diagram-link-fill-color: var(--vis-dark-chord-diagram-link-fill-color);
+  }
+`;
+const nodes = css `
+  label: nodes;
+`;
+const links = css `
+  label: links;
+`;
+const labels = css `
+  label: labels;
+`;
+const node = css `
+  label: node;
+  stroke-width: 0;
+  fill: var(--vis-color-main);
+  stroke: var(--vis-color-main);
+
+  &:hover {
+    stroke-width: 2;
+  }
+`;
+const hoveredNode = css `
+  label: hovered;
+  fill-opacity: 1;
+  stroke-width: 1.5;
+`;
+const gLabel = css `
+  label: group-label;
+`;
+const label = css `
+  label: label;
+
+  dominant-baseline: middle;
+  user-select: none;
+  pointer-events: none;
+
+  > textPath {
+    dominant-baseline: middle;
+  }
+`;
+const labelExit = css `
+  label: label-exit;
+`;
+const link = css `
+  label: link;
+
+  fill: var(--vis-chord-diagram-link-fill-color);
+  stroke:  var(--vis-chord-diagram-link-stroke-color);
+  stroke-opacity:  var(--vis-chord-diagram-link-stroke-opacity);
+  transition: .1s fill-opacity;
+
+  &:hover {
+    fill-opacity: 1;
+  }
+`;
+const hoveredLink = css `
+  label: hovered;
+  fill-opacity: 0.9;
+`;
+const transparent = css `
+  fill-opacity: 0.25;
+
+  text {
+    fill-opacity: 1;
+  }
+`;
+
+export { gLabel, hoveredLink, hoveredNode, label, labelExit, labels, link, links, node, nodes, root, transparent, variables };
+//# sourceMappingURL=style.js.map

package/components/chord-diagram/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/chord-diagram/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const root = css`\n  label: chord-diagram-component;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-chord-diagram-link-fill-color: #cad5f6;\n    --vis-chord-diagram-link-stroke-color: #777777;\n    --vis-chord-diagram-link-stroke-opacity: 0.15;\n\n    --vis-chord-diagram-label-text-fill-color-bright: #ffffff;\n    --vis-chord-diagram-label-text-fill-color-dark: #a5abb2;\n\n    --vis-dark-chord-diagram-link-fill-color: #575c65;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-chord-diagram-link-fill-color: var(--vis-dark-chord-diagram-link-fill-color);\n  }\n`\n\nexport const nodes = css`\n  label: nodes;\n`\n\nexport const links = css`\n  label: links;\n`\n\nexport const labels = css`\n  label: labels;\n`\n\nexport const node = css`\n  label: node;\n  stroke-width: 0;\n  fill: var(--vis-color-main);\n  stroke: var(--vis-color-main);\n\n  &:hover {\n    stroke-width: 2;\n  }\n`\n\nexport const hoveredNode = css`\n  label: hovered;\n  fill-opacity: 1;\n  stroke-width: 1.5;\n`\n\nexport const gLabel = css`\n  label: group-label;\n`\n\nexport const label = css`\n  label: label;\n\n  dominant-baseline: middle;\n  user-select: none;\n  pointer-events: none;\n\n  > textPath {\n    dominant-baseline: middle;\n  }\n`\n\nexport const labelExit = css`\n  label: label-exit;\n`\n\nexport const link = css`\n  label: link;\n\n  fill: var(--vis-chord-diagram-link-fill-color);\n  stroke:  var(--vis-chord-diagram-link-stroke-color);\n  stroke-opacity:  var(--vis-chord-diagram-link-stroke-opacity);\n  transition: .1s fill-opacity;\n\n  &:hover {\n    fill-opacity: 1;\n  }\n`\n\nexport const hoveredLink = css`\n  label: hovered;\n  fill-opacity: 0.9;\n`\n\nexport const transparent = css`\n  fill-opacity: 0.25;\n\n  text {\n    fill-opacity: 1;\n  }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;AAYjB,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;EAG7B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAStB;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;EAI7B;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAUvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWtB;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;EAG7B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;"}

package/components/chord-diagram/types.d.ts

@@ -0,0 +1,40 @@
+import { HierarchyRectangularNode } from 'd3-hierarchy';
+export interface ChordInputNode {
+    id?: string;
+}
+export interface ChordInputLink {
+    id?: string;
+    source: number | string | ChordInputNode;
+    target: number | string | ChordInputNode;
+}
+export interface ChordHierarchy<N> {
+    key: string;
+    values: (ChordHierarchy<N> | N)[];
+}
+export declare type ChordNodeState = {
+    _state: {
+        hovered?: boolean;
+        value?: number;
+    };
+    _prevX1?: number;
+};
+export declare type ChordNode<N extends ChordInputNode> = HierarchyRectangularNode<N | ChordHierarchy<N>> & ChordNodeState;
+export declare type ChordLeafNode<N extends ChordInputNode> = HierarchyRectangularNode<N> & ChordNodeState;
+export declare type ChordRibbonPoint = {
+    x0: number;
+    x1: number;
+    y0: number;
+    y1: number;
+};
+export interface ChordRibbon<N extends ChordInputNode> {
+    source: ChordLeafNode<N>;
+    target: ChordLeafNode<N>;
+    points: ChordRibbonPoint[];
+    _state: {
+        hovered?: boolean;
+    };
+}
+export declare enum ChordLabelAlignment {
+    Along = "along",
+    Perpendicular = "perpendicular"
+}

package/components/chord-diagram/types.js

@@ -0,0 +1,8 @@
+var ChordLabelAlignment;
+(function (ChordLabelAlignment) {
+    ChordLabelAlignment["Along"] = "along";
+    ChordLabelAlignment["Perpendicular"] = "perpendicular";
+})(ChordLabelAlignment || (ChordLabelAlignment = {}));
+
+export { ChordLabelAlignment };
+//# sourceMappingURL=types.js.map

package/components/chord-diagram/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/chord-diagram/types.ts"],"sourcesContent":["import { HierarchyRectangularNode } from 'd3-hierarchy'\n\n// Node data flow in the component:\n// Input data (N extends ChordInputNode, L extends ChordInputLink)\n//   => GraphNodeCore<N>[] (we reference it only in a few places when it's needed, to make the code easier to read)\n//   => ChordHierarchy (nested object representing node hierarchy)\n//   => ChordNode[] and ChordLeafNode[] (HierarchyRectangularNode[] from D3 partition)\n\nexport interface ChordInputNode {\n  id?: string;\n}\n\nexport interface ChordInputLink {\n  id?: string;\n  source: number | string | ChordInputNode;\n  target: number | string | ChordInputNode;\n}\n\nexport interface ChordHierarchy<N> {\n  key: string;\n  values: (ChordHierarchy<N> | N)[];\n}\n\nexport type ChordNodeState = {\n  _state: {\n    hovered?: boolean;\n    value?: number;\n  };\n  _prevX1?: number;\n}\n\nexport type ChordNode<N extends ChordInputNode> = HierarchyRectangularNode<N | ChordHierarchy<N>> & ChordNodeState\nexport type ChordLeafNode<N extends ChordInputNode> = HierarchyRectangularNode<N> & ChordNodeState\n\nexport type ChordRibbonPoint = { x0: number; x1: number; y0: number; y1: number }\nexport interface ChordRibbon<N extends ChordInputNode> {\n  source: ChordLeafNode<N>;\n  target: ChordLeafNode<N>;\n  points: ChordRibbonPoint[];\n  _state: {\n    hovered?: boolean;\n  };\n}\n\nexport enum ChordLabelAlignment {\n  Along = 'along',\n  Perpendicular = 'perpendicular',\n}\n"],"names":[],"mappings":"IA4CY,oBAGX;AAHD,CAAA,UAAY,mBAAmB,EAAA;AAC7B,IAAA,mBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,mBAAA,CAAA,eAAA,CAAA,GAAA,eAA+B,CAAA;AACjC,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,GAG9B,EAAA,CAAA,CAAA;;;;"}

package/components/crosshair/config.d.ts

@@ -0,0 +1,43 @@
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { Tooltip } from "../tooltip";
+import { NumericAccessor } from "../../types/accessor";
+import { ContinuousScale } from "../../types/scale";
+import { CrosshairCircle } from './types';
+export interface CrosshairConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {
+    /** Separate array of accessors for stacked components (eg StackedBar, Area). Default: `undefined` */
+    yStacked?: NumericAccessor<Datum>[];
+    /** Baseline accessor function for stacked values, useful with stacked areas. Default: `null` */
+    baseline?: NumericAccessor<Datum>;
+    /** An instance of the Tooltip component to be used with Crosshair. Default: `undefined` */
+    tooltip?: Tooltip | undefined;
+    /** Tooltip template accessor. The function is supposed to return either a valid HTML string or an HTMLElement. Default: `d => ''` */
+    template?: (data: Datum, x: number | Date) => string | HTMLElement;
+    /** Hide Crosshair when the corresponding element is far from mouse pointer. Default: `true` */
+    hideWhenFarFromPointer?: boolean;
+    /** Distance in pixels to check in the hideWhenFarFromPointer condition. Default: `100` */
+    hideWhenFarFromPointerDistance?: number;
+    /** Snap to the nearest data point.
+     * If disabled, the tooltip template will receive only the horizontal position of the crosshair and you'll be responsible
+     * for getting the underlying data records and crosshair circles (see the `getCircles` configuration option).
+     * Default: `true`
+    */
+    snapToData?: boolean;
+    /** Custom function for setting up the crosshair circles, usually needed when `snapToData` is set to `false`.
+     * The function receives the horizontal position of the crosshair (in the data space, not in pixels), the data array
+     * and the `yScale` instance to help you calculate the correct vertical position of the circles.
+     * It has to return an array of the CrosshairCircle objects: `{ y: number; color: string; opacity?: number }[]`.
+     * Default: `undefined`
+    */
+    getCircles?: (x: number, data: Datum[], yScale: ContinuousScale) => CrosshairCircle[];
+}
+export declare class CrosshairConfig<Datum> extends XYComponentConfig<Datum> implements CrosshairConfigInterface<Datum> {
+    yStacked: any;
+    baseline: any;
+    duration: number;
+    tooltip: Tooltip;
+    template: ((data: Datum, x: number | Date) => string | HTMLElement);
+    hideWhenFarFromPointer: boolean;
+    hideWhenFarFromPointerDistance: number;
+    snapToData: boolean;
+    getCircles: any;
+}

package/components/crosshair/config.js

@@ -0,0 +1,19 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+
+class CrosshairConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        this.yStacked = undefined;
+        this.baseline = null;
+        this.duration = 100;
+        this.tooltip = undefined;
+        this.template = (d) => '';
+        this.hideWhenFarFromPointer = true;
+        this.hideWhenFarFromPointerDistance = 100;
+        this.snapToData = true;
+        this.getCircles = undefined;
+    }
+}
+
+export { CrosshairConfig };
+//# sourceMappingURL=config.js.map

package/components/crosshair/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/crosshair/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\nimport { Tooltip } from 'components/tooltip'\n\n// Types\nimport { NumericAccessor } from 'types/accessor'\nimport { ContinuousScale } from 'types/scale'\nimport { CrosshairCircle } from './types'\n\n// We extend partial XY config interface because x and y properties are optional for Crosshair\nexport interface CrosshairConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {\n  /** Separate array of accessors for stacked components (eg StackedBar, Area). Default: `undefined` */\n  yStacked?: NumericAccessor<Datum>[];\n  /** Baseline accessor function for stacked values, useful with stacked areas. Default: `null` */\n  baseline?: NumericAccessor<Datum>;\n  /** An instance of the Tooltip component to be used with Crosshair. Default: `undefined` */\n  tooltip?: Tooltip | undefined;\n  /** Tooltip template accessor. The function is supposed to return either a valid HTML string or an HTMLElement. Default: `d => ''` */\n  template?: (data: Datum, x: number | Date) => string | HTMLElement;\n  /** Hide Crosshair when the corresponding element is far from mouse pointer. Default: `true` */\n  hideWhenFarFromPointer?: boolean;\n  /** Distance in pixels to check in the hideWhenFarFromPointer condition. Default: `100` */\n  hideWhenFarFromPointerDistance?: number;\n  /** Snap to the nearest data point.\n   * If disabled, the tooltip template will receive only the horizontal position of the crosshair and you'll be responsible\n   * for getting the underlying data records and crosshair circles (see the `getCircles` configuration option).\n   * Default: `true`\n  */\n  snapToData?: boolean;\n  /** Custom function for setting up the crosshair circles, usually needed when `snapToData` is set to `false`.\n   * The function receives the horizontal position of the crosshair (in the data space, not in pixels), the data array\n   * and the `yScale` instance to help you calculate the correct vertical position of the circles.\n   * It has to return an array of the CrosshairCircle objects: `{ y: number; color: string; opacity?: number }[]`.\n   * Default: `undefined`\n  */\n  getCircles?: (x: number, data: Datum[], yScale: ContinuousScale) => CrosshairCircle[];\n}\n\nexport class CrosshairConfig<Datum> extends XYComponentConfig<Datum> implements CrosshairConfigInterface<Datum> {\n  yStacked = undefined\n  baseline = null\n  duration = 100\n  tooltip: Tooltip = undefined\n  template: ((data: Datum, x: number | Date) => string | HTMLElement) = (d: Datum): string => ''\n  hideWhenFarFromPointer = true\n  hideWhenFarFromPointerDistance = 100\n  snapToData = true\n  getCircles = undefined\n}\n"],"names":[],"mappings":";;AAqCM,MAAO,eAAuB,SAAQ,iBAAwB,CAAA;AAApE,IAAA,WAAA,GAAA;;QACE,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAA;QACpB,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAA;QACf,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAA;QACd,IAAO,CAAA,OAAA,GAAY,SAAS,CAAA;AAC5B,QAAA,IAAA,CAAA,QAAQ,GAA8D,CAAC,CAAQ,KAAa,EAAE,CAAA;QAC9F,IAAsB,CAAA,sBAAA,GAAG,IAAI,CAAA;QAC7B,IAA8B,CAAA,8BAAA,GAAG,GAAG,CAAA;QACpC,IAAU,CAAA,UAAA,GAAG,IAAI,CAAA;QACjB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;KACvB;AAAA;;;;"}

package/components/crosshair/index.d.ts

@@ -0,0 +1,35 @@
+import { Selection } from 'd3-selection';
+import { XYComponentCore } from "../../core/xy-component";
+import { Tooltip } from "../tooltip";
+import { CrosshairAccessors } from './types';
+import { CrosshairConfig, CrosshairConfigInterface } from './config';
+import * as s from './style';
+export declare class Crosshair<Datum> extends XYComponentCore<Datum> {
+    static selectors: typeof s;
+    clippable: boolean;
+    config: CrosshairConfig<Datum>;
+    container: Selection<SVGSVGElement, any, SVGSVGElement, any>;
+    line: Selection<SVGLineElement, any, SVGElement, any>;
+    x: number;
+    datum: Datum;
+    datumIndex: number;
+    show: boolean;
+    private _animFrameId;
+    /** Tooltip component to be used by Crosshair if not provided by the config.
+     * This property is supposed to be set externally by a container component like XYContainer. */
+    tooltip: Tooltip;
+    /** Accessors passed externally (e.g. from XYContainer) */
+    private _accessors;
+    set accessors(accessors: CrosshairAccessors<Datum>);
+    get accessors(): CrosshairAccessors<Datum>;
+    constructor(config?: CrosshairConfigInterface<Datum>);
+    setContainer(containerSvg: Selection<SVGSVGElement, unknown, SVGSVGElement, unknown>): void;
+    _render(customDuration?: number): void;
+    hide(): void;
+    _onMouseMove(event: MouseEvent): void;
+    _onMouseOut(): void;
+    _showTooltip(event: MouseEvent): void;
+    _hideTooltip(): void;
+    getYDataExtent(): number[];
+    private getCircleData;
+}

package/components/crosshair/index.js

@@ -0,0 +1,180 @@
+import { pointer } from 'd3-selection';
+import { easeLinear } from 'd3-ease';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { isArray, isNumber, getNearest, clamp, getNumber, isFunction, getStackedValues } from '../../utils/data.js';
+import { smartTransition } from '../../utils/d3.js';
+import { getColor } from '../../utils/color.js';
+import { CrosshairConfig } from './config.js';
+import * as style from './style.js';
+import { line, circle } from './style.js';
+
+class Crosshair extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.clippable = true; // Don't apply clipping path to this component. See XYContainer
+        this.config = new CrosshairConfig();
+        this.x = 0;
+        this.show = false;
+        this._animFrameId = null;
+        /** Accessors passed externally (e.g. from XYContainer) */
+        this._accessors = {
+            x: undefined,
+            y: undefined,
+            yStacked: undefined,
+            baseline: undefined,
+        };
+        if (config)
+            this.config.init(config);
+        this.g.style('opacity', this.show ? 1 : 0);
+        this.line = this.g.append('line')
+            .attr('class', line);
+    }
+    set accessors(accessors) { this._accessors = accessors; }
+    get accessors() {
+        var _a;
+        const { config } = this;
+        const hasConfig = !!(config.x || config.y || config.yStacked);
+        const x = hasConfig ? config.x : this._accessors.x;
+        const yAcc = hasConfig ? config.y : this._accessors.y;
+        const y = yAcc ? (isArray(yAcc) ? yAcc : [yAcc]) : undefined;
+        const yStacked = hasConfig ? config.yStacked : this._accessors.yStacked;
+        const baseline = (_a = config.baseline) !== null && _a !== void 0 ? _a : this._accessors.baseline;
+        return { x, y, yStacked, baseline };
+    }
+    setContainer(containerSvg) {
+        // Set up mousemove event for Crosshair
+        this.container = containerSvg;
+        this.container.on('mousemove.crosshair', this._onMouseMove.bind(this));
+        this.container.on('mouseout.crosshair', this._onMouseOut.bind(this));
+    }
+    _render(customDuration) {
+        const { config } = this;
+        if (config.snapToData && !this.datum)
+            return;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        smartTransition(this.g, duration)
+            .style('opacity', this.show ? 1 : 0);
+        this.line
+            .attr('y1', 0)
+            .attr('y1', this._height);
+        smartTransition(this.line, duration, easeLinear)
+            .attr('x1', this.x)
+            .attr('x2', this.x);
+        const circleData = this.getCircleData();
+        const circles = this.g
+            .selectAll('circle')
+            .data(circleData, (d, i) => { var _a; return (_a = d.id) !== null && _a !== void 0 ? _a : i; });
+        const circlesEnter = circles.enter()
+            .append('circle')
+            .attr('class', circle)
+            .attr('r', 0)
+            .attr('cx', this.x)
+            .attr('cy', d => d.y)
+            .style('fill', d => d.color);
+        smartTransition(circlesEnter.merge(circles), duration, easeLinear)
+            .attr('cx', this.x)
+            .attr('cy', d => d.y)
+            .attr('r', 4)
+            .style('opacity', d => d.opacity)
+            .style('fill', d => d.color);
+        circles.exit().remove();
+    }
+    hide() {
+        this._onMouseOut();
+    }
+    _onMouseMove(event) {
+        var _a, _b;
+        const { config, datamodel, element } = this;
+        if (!this.accessors.x && ((_a = datamodel.data) === null || _a === void 0 ? void 0 : _a.length))
+            console.warn('Crosshair: X accessor function has not been configured. Please check if it\'s present in the configuration object');
+        const [x] = pointer(event, element);
+        const xRange = this.xScale.range();
+        if (config.snapToData) {
+            if (!this.accessors.y && !this.accessors.yStacked && ((_b = datamodel.data) === null || _b === void 0 ? void 0 : _b.length))
+                console.warn('Crosshair: Y accessors have not been configured. Please check if they\'re present in the configuration object');
+            const scaleX = this.xScale;
+            const valueX = scaleX.invert(x);
+            this.datum = getNearest(datamodel.data, valueX, this.accessors.x);
+            this.datumIndex = datamodel.data.indexOf(this.datum);
+            if (!this.datum)
+                return;
+            this.x = clamp(Math.round(scaleX(getNumber(this.datum, this.accessors.x, this.datumIndex))), 0, this._width);
+            // Show the crosshair only if it's in the chart range and not far from mouse pointer (if configured)
+            this.show = (this.x >= 0) && (this.x <= this._width) && (!config.hideWhenFarFromPointer || (Math.abs(this.x - x) < config.hideWhenFarFromPointerDistance));
+        }
+        else {
+            this.x = clamp(x, xRange[0], xRange[1]);
+            this.show = (this.x > xRange[0]) && (this.x < xRange[1]);
+        }
+        window.cancelAnimationFrame(this._animFrameId);
+        this._animFrameId = window.requestAnimationFrame(() => {
+            this._render();
+        });
+        if (this.show)
+            this._showTooltip(event);
+        else
+            this._hideTooltip();
+    }
+    _onMouseOut() {
+        this.show = false;
+        window.cancelAnimationFrame(this._animFrameId);
+        this._animFrameId = window.requestAnimationFrame(() => {
+            this._render();
+        });
+        this._hideTooltip();
+    }
+    _showTooltip(event) {
+        var _a;
+        const { config } = this;
+        const tooltip = (_a = config.tooltip) !== null && _a !== void 0 ? _a : this.tooltip;
+        if (!tooltip)
+            return;
+        const container = tooltip.getContainer() || this.container.node();
+        const [x, y] = tooltip.isContainerBody() ? [event.clientX, event.clientY] : pointer(event, container);
+        const content = config.template(this.datum, this.xScale.invert(this.x));
+        if (content)
+            tooltip.show(content, { x, y });
+    }
+    _hideTooltip() {
+        var _a;
+        const { config } = this;
+        const tooltip = (_a = config.tooltip) !== null && _a !== void 0 ? _a : this.tooltip;
+        tooltip === null || tooltip === void 0 ? void 0 : tooltip.hide();
+    }
+    // We don't want Crosshair to be be taken in to account in domain calculations
+    getYDataExtent() {
+        return [undefined, undefined];
+    }
+    getCircleData() {
+        var _a, _b;
+        const { config, datamodel: { data } } = this;
+        if (isFunction(config.getCircles))
+            return config.getCircles(this.xScale.invert(this.x), data, this.yScale);
+        if (config.snapToData && this.datum) {
+            const yAccessors = (_a = this.accessors.y) !== null && _a !== void 0 ? _a : [];
+            const yStackedAccessors = (_b = this.accessors.yStacked) !== null && _b !== void 0 ? _b : [];
+            const baselineValue = getNumber(this.datum, this.accessors.baseline, this.datumIndex) || 0;
+            const stackedValues = getStackedValues(this.datum, this.datumIndex, ...yStackedAccessors)
+                .map((value, index, arr) => ({
+                y: this.yScale(value + baselineValue),
+                opacity: getNumber(this.datum, yStackedAccessors[index]) ? 1 : 0,
+                color: getColor(this.datum, config.color, index),
+            }));
+            const regularValues = yAccessors
+                .map((a, index) => {
+                const value = getNumber(this.datum, a);
+                return {
+                    y: this.yScale(value),
+                    opacity: value ? 1 : 0,
+                    color: getColor(this.datum, config.color, stackedValues.length + index),
+                };
+            });
+            return stackedValues.concat(regularValues);
+        }
+        return [];
+    }
+}
+Crosshair.selectors = style;
+
+export { Crosshair };
+//# sourceMappingURL=index.js.map

package/components/crosshair/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/index.ts"],"sourcesContent":["import { Selection, pointer } from 'd3-selection'\nimport { easeLinear } from 'd3-ease'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\nimport { Tooltip } from 'components/tooltip'\n\n// Utils\nimport { isNumber, isArray, getNumber, clamp, getStackedValues, getNearest, isFunction } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Local Types\nimport { CrosshairAccessors, CrosshairCircle } from './types'\n\n// Config\nimport { CrosshairConfig, CrosshairConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Crosshair<Datum> extends XYComponentCore<Datum> {\n  static selectors = s\n  clippable = true // Don't apply clipping path to this component. See XYContainer\n  config: CrosshairConfig<Datum> = new CrosshairConfig()\n  container: Selection<SVGSVGElement, any, SVGSVGElement, any>\n  line: Selection<SVGLineElement, any, SVGElement, any>\n  x = 0\n  datum: Datum\n  datumIndex: number\n  show = false\n  private _animFrameId: number = null\n\n  /** Tooltip component to be used by Crosshair if not provided by the config.\n   * This property is supposed to be set externally by a container component like XYContainer. */\n  public tooltip: Tooltip\n\n  /** Accessors passed externally (e.g. from XYContainer) */\n  private _accessors: CrosshairAccessors<Datum> = {\n    x: undefined,\n    y: undefined,\n    yStacked: undefined,\n    baseline: undefined,\n  }\n\n  public set accessors (accessors: CrosshairAccessors<Datum>) { this._accessors = accessors }\n  public get accessors (): CrosshairAccessors<Datum> {\n    const { config } = this\n\n    const hasConfig = !!(config.x || config.y || config.yStacked)\n    const x = hasConfig ? config.x : this._accessors.x\n    const yAcc = hasConfig ? config.y : this._accessors.y\n    const y = yAcc ? (isArray(yAcc) ? yAcc : [yAcc]) : undefined\n    const yStacked = hasConfig ? config.yStacked : this._accessors.yStacked\n    const baseline = config.baseline ?? this._accessors.baseline\n\n    return { x, y, yStacked, baseline }\n  }\n\n  constructor (config?: CrosshairConfigInterface<Datum>) {\n    super()\n    if (config) this.config.init(config)\n\n    this.g.style('opacity', this.show ? 1 : 0)\n    this.line = this.g.append('line')\n      .attr('class', s.line)\n  }\n\n  setContainer (containerSvg: Selection<SVGSVGElement, unknown, SVGSVGElement, unknown>): void {\n    // Set up mousemove event for Crosshair\n    this.container = containerSvg\n    this.container.on('mousemove.crosshair', this._onMouseMove.bind(this))\n    this.container.on('mouseout.crosshair', this._onMouseOut.bind(this))\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    if (config.snapToData && !this.datum) return\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    smartTransition(this.g, duration)\n      .style('opacity', this.show ? 1 : 0)\n\n    this.line\n      .attr('y1', 0)\n      .attr('y1', this._height)\n\n    smartTransition(this.line, duration, easeLinear)\n      .attr('x1', this.x)\n      .attr('x2', this.x)\n\n    const circleData = this.getCircleData()\n    const circles = this.g\n      .selectAll<SVGCircleElement, CrosshairCircle>('circle')\n      .data(circleData, (d, i) => d.id ?? i)\n\n    const circlesEnter = circles.enter()\n      .append('circle')\n      .attr('class', s.circle)\n      .attr('r', 0)\n      .attr('cx', this.x)\n      .attr('cy', d => d.y)\n      .style('fill', d => d.color)\n\n    smartTransition(circlesEnter.merge(circles), duration, easeLinear)\n      .attr('cx', this.x)\n      .attr('cy', d => d.y)\n      .attr('r', 4)\n      .style('opacity', d => d.opacity)\n      .style('fill', d => d.color)\n\n    circles.exit().remove()\n  }\n\n  hide (): void {\n    this._onMouseOut()\n  }\n\n  _onMouseMove (event: MouseEvent): void {\n    const { config, datamodel, element } = this\n    if (!this.accessors.x && datamodel.data?.length) console.warn('Crosshair: X accessor function has not been configured. Please check if it\\'s present in the configuration object')\n    const [x] = pointer(event, element)\n    const xRange = this.xScale.range()\n\n    if (config.snapToData) {\n      if (!this.accessors.y && !this.accessors.yStacked && datamodel.data?.length) console.warn('Crosshair: Y accessors have not been configured. Please check if they\\'re present in the configuration object')\n      const scaleX = this.xScale\n      const valueX = scaleX.invert(x) as number\n\n      this.datum = getNearest(datamodel.data, valueX, this.accessors.x)\n      this.datumIndex = datamodel.data.indexOf(this.datum)\n      if (!this.datum) return\n\n      this.x = clamp(Math.round(scaleX(getNumber(this.datum, this.accessors.x, this.datumIndex))), 0, this._width)\n\n      // Show the crosshair only if it's in the chart range and not far from mouse pointer (if configured)\n      this.show = (this.x >= 0) && (this.x <= this._width) && (!config.hideWhenFarFromPointer || (Math.abs(this.x - x) < config.hideWhenFarFromPointerDistance))\n    } else {\n      this.x = clamp(x, xRange[0], xRange[1])\n      this.show = (this.x > xRange[0]) && (this.x < xRange[1])\n    }\n\n    window.cancelAnimationFrame(this._animFrameId)\n    this._animFrameId = window.requestAnimationFrame(() => {\n      this._render()\n    })\n\n    if (this.show) this._showTooltip(event)\n    else this._hideTooltip()\n  }\n\n  _onMouseOut (): void {\n    this.show = false\n\n    window.cancelAnimationFrame(this._animFrameId)\n    this._animFrameId = window.requestAnimationFrame(() => {\n      this._render()\n    })\n    this._hideTooltip()\n  }\n\n  _showTooltip (event: MouseEvent): void {\n    const { config } = this\n    const tooltip = config.tooltip ?? this.tooltip\n    if (!tooltip) return\n\n    const container = tooltip.getContainer() || this.container.node()\n    const [x, y] = tooltip.isContainerBody() ? [event.clientX, event.clientY] : pointer(event, container)\n    const content = config.template(this.datum, this.xScale.invert(this.x))\n    if (content) tooltip.show(content, { x, y })\n  }\n\n  _hideTooltip (): void {\n    const { config } = this\n    const tooltip = config.tooltip ?? this.tooltip\n    tooltip?.hide()\n  }\n\n  // We don't want Crosshair to be be taken in to account in domain calculations\n  getYDataExtent (): number[] {\n    return [undefined, undefined]\n  }\n\n  private getCircleData (): CrosshairCircle[] {\n    const { config, datamodel: { data } } = this\n\n    if (isFunction(config.getCircles)) return config.getCircles(this.xScale.invert(this.x), data, this.yScale)\n\n    if (config.snapToData && this.datum) {\n      const yAccessors = this.accessors.y ?? []\n      const yStackedAccessors = this.accessors.yStacked ?? []\n      const baselineValue = getNumber(this.datum, this.accessors.baseline, this.datumIndex) || 0\n      const stackedValues: CrosshairCircle[] = getStackedValues(this.datum, this.datumIndex, ...yStackedAccessors)\n        .map((value, index, arr) => ({\n          y: this.yScale(value + baselineValue),\n          opacity: getNumber(this.datum, yStackedAccessors[index]) ? 1 : 0,\n          color: getColor(this.datum, config.color, index),\n        }))\n\n      const regularValues: CrosshairCircle[] = yAccessors\n        .map((a, index) => {\n          const value = getNumber(this.datum, a)\n          return {\n            y: this.yScale(value),\n            opacity: value ? 1 : 0,\n            color: getColor(this.datum, config.color, stackedValues.length + index),\n          }\n        })\n\n      return stackedValues.concat(regularValues)\n    }\n\n    return []\n  }\n}\n"],"names":["s.line","s.circle","s"],"mappings":"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"}