@unovis/ts 1.0.0-beta.0

package/components/sankey/modules/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sources":["../../../../src/components/sankey/modules/node.ts"],"sourcesContent":["import { select, Selection } from 'd3-selection'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { getString } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\n\n// Types\nimport { Spacing } from 'types/spacing'\n\n// Local Types\nimport { SankeyEnterTransitionType, SankeyExitTransitionType, SankeyInputLink, SankeyInputNode, SankeyNode, SankeyNodeAlign } from '../types'\n\n// Config\nimport { SankeyConfig } from '../config'\n\n// Helpers\nimport { renderLabel } from './label'\n\n// Styles\nimport * as s from '../style'\n\nexport function createNodes<N extends SankeyInputNode, L extends SankeyInputLink> (\n  sel: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, unknown>,\n  config: SankeyConfig<N, L>,\n  width: number,\n  bleed: Spacing\n): void {\n  const { enterTransitionType } = config\n\n  // Node\n  sel.append('rect')\n    .attr('class', s.node)\n    .attr('width', config.nodeWidth)\n    .attr('height', d => d.y1 - d.y0)\n    .style('fill', node => getColor(node, config.nodeColor))\n\n  // Labels\n  const labelGroup = sel.append('g').attr('class', s.labelGroup)\n  labelGroup.append('path').attr('class', s.labelBackground)\n  labelGroup.append('text').attr('class', s.label)\n  labelGroup.append('text').attr('class', s.sublabel)\n\n  // Node icon\n  sel.append('text').attr('class', s.nodeIcon)\n    .attr('text-anchor', 'middle')\n    .attr('dy', '0.5px')\n\n  sel\n    .attr('transform', d => {\n      const x = (enterTransitionType === SankeyEnterTransitionType.FromAncestor && d.targetLinks?.[0]) ? d.targetLinks[0].source.x0 : d.x0\n      return `translate(${sel.size() === 1 ? width * 0.5 - bleed.left : x}, ${d.y0})`\n    })\n    .style('opacity', 0)\n}\n\nfunction getNodeXPos<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  config: SankeyConfig<N, L>,\n  width: number,\n  bleed: Spacing,\n  hasLinks: boolean\n): number {\n  if (hasLinks) return d.x0\n\n  switch (config.nodeAlign) {\n    case SankeyNodeAlign.Left: return d.x0\n    case SankeyNodeAlign.Right: return width - bleed.right\n    case SankeyNodeAlign.Center:\n    case SankeyNodeAlign.Justify:\n    default: return width * 0.5 - bleed.left\n  }\n}\n\nexport function updateNodes<N extends SankeyInputNode, L extends SankeyInputLink> (\n  sel: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, unknown>,\n  config: SankeyConfig<N, L>,\n  width: number,\n  bleed: Spacing,\n  hasLinks: boolean,\n  duration: number\n): void {\n  smartTransition(sel, duration)\n    .attr('transform', d => `translate(${getNodeXPos(d, config, width, bleed, hasLinks)},${d.y0})`)\n    .style('opacity', d => d._state.greyout ? 0.2 : 1)\n\n  // Node\n  smartTransition(sel.select(`.${s.node}`), duration)\n    .attr('width', config.nodeWidth)\n    .attr('height', (d: SankeyNode<N, L>) => d.y1 - d.y0)\n    .style('cursor', (d: SankeyNode<N, L>) => getString(d, config.nodeCursor))\n    .style('fill', (d: SankeyNode<N, L>) => getColor(d, config.nodeColor))\n\n  // Label Rendering\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  renderNodeLabels(sel, config, width, duration)\n\n  // Node Icon\n  const nodeIcon = sel.select(`.${s.nodeIcon}`)\n  if (config.nodeIcon) {\n    nodeIcon\n      .attr('visibility', null)\n      .attr('text-anchor', 'middle')\n      .attr('alignment-baseline', 'middle')\n      .style('stroke', (d: SankeyNode<N, L>) => getColor(d, config.nodeIconColor))\n      .style('fill', (d: SankeyNode<N, L>) => getColor(d, config.nodeIconColor))\n      .style('font-size', (d: SankeyNode<N, L>) => {\n        const nodeHeight = d.y1 - d.y0\n        return nodeHeight < s.SANKEY_ICON_SIZE ? `${nodeHeight * 0.65}px` : null\n      })\n      .html(config.nodeIcon)\n\n    smartTransition(nodeIcon, duration)\n      .attr('x', config.nodeWidth / 2)\n      .attr('y', (d: SankeyNode<N, L>) => (d.y1 - d.y0) / 2)\n  } else {\n    nodeIcon\n      .attr('visibility', 'hidden')\n  }\n}\n\nexport function renderNodeLabels<N extends SankeyInputNode, L extends SankeyInputLink> (\n  sel: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, unknown>,\n  config: SankeyConfig<N, L>,\n  width: number,\n  duration: number,\n  enforceNodeVisibility?: SankeyNode<N, L>\n): void {\n  // Label Rendering\n  const labelGroupSelection: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, any> = sel.select(`.${s.labelGroup}`)\n  const labelGroupEls = labelGroupSelection.nodes() || []\n\n  // After rendering Label return a BBox so we can do intersection detection and hide some of tem\n  const labelGroupBBoxes = labelGroupEls.map(g => {\n    const gSelection: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, any> = select(g)\n    const datum = gSelection.datum()\n    return renderLabel(gSelection, datum, config, width, duration, enforceNodeVisibility === datum)\n  })\n\n  if (config.labelVisibility) {\n    for (const b of labelGroupBBoxes) {\n      const datum = b.selection.datum() as SankeyNode<N, L>\n      const box = { x: b.x, y: b.y, width: b.width, height: b.height }\n      b.hidden = !config.labelVisibility(datum, box, enforceNodeVisibility === datum)\n    }\n  } else {\n    // Detect intersecting labels\n    const maxLayer = Math.max(...labelGroupBBoxes.map(b => b.layer))\n    for (let layer = 0; layer <= maxLayer; layer += 1) {\n      const boxes = labelGroupBBoxes.filter(b => (b.layer === layer))\n      boxes.sort((a, b) => a.y - b.y)\n\n      let lastVisibleIdx = 0\n      for (let i = 1; i < boxes.length; i += 1) {\n        const b0 = boxes[lastVisibleIdx]\n        const b1 = boxes[i]\n\n        const shouldBeHidden = b1.y < (b0.y + b0.height)\n        if (shouldBeHidden) {\n          if (b1.selection.datum() === enforceNodeVisibility) b0.hidden = true // If the hovered node should be hidden, hide the previous one instead\n          else b1.hidden = true\n        }\n\n        if (!b1.hidden) lastVisibleIdx = i\n      }\n    }\n  }\n\n  // Hide intersecting labels\n  for (const b of labelGroupBBoxes) {\n    b.selection.classed(s.hidden, b.hidden)\n  }\n}\n\nexport function removeNodes<N extends SankeyInputNode, L extends SankeyInputLink> (\n  selection: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, unknown>,\n  config: SankeyConfig<N, L>,\n  duration: number\n): void {\n  const { exitTransitionType } = config\n\n  selection.each((d, i, els) => {\n    const node = select(els[i])\n    const transition = smartTransition(node, duration)\n    if ((exitTransitionType === SankeyExitTransitionType.ToAncestor) && d.targetLinks?.[0]) {\n      transition.attr('transform', `translate(${d.targetLinks[0].source.x0},${d.y0})`)\n    }\n\n    transition\n      .style('opacity', 0)\n      .remove()\n  })\n}\n\nexport function onNodeMouseOver<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  nodeSelection: Selection<SVGGElement, SankeyNode<N, L>, SVGGElement, unknown>,\n  config: SankeyConfig<N, L>,\n  width: number\n): void {\n  const labelGroup = nodeSelection.raise()\n    .select<SVGGElement>(`.${s.labelGroup}`)\n\n  if ((config.labelExpandTrimmedOnHover && labelGroup.classed(s.labelTrimmed)) || labelGroup.classed(s.hidden)) {\n    renderLabel(labelGroup, d, config, width, 0, true)\n  }\n  labelGroup.classed(s.forceShow, true)\n}\n\nexport function onNodeMouseOut<N extends SankeyInputNode, L extends SankeyInputLink> (\n  d: SankeyNode<N, L>,\n  nodeSelection,\n  config: SankeyConfig<N, L>,\n  width: number\n): void {\n  const labelGroup = nodeSelection.select(`.${s.labelGroup}`)\n  if (config.labelExpandTrimmedOnHover || labelGroup.classed(s.hidden)) {\n    renderLabel(labelGroup, d, config, width, 0)\n  }\n  labelGroup.classed(s.forceShow, false)\n}\n"],"names":["s.node","labelGroup","s.labelGroup","s.labelBackground","s.label","s.sublabel","s.nodeIcon","nodeIcon","s.SANKEY_ICON_SIZE","s.hidden","s.labelTrimmed","s.forceShow"],"mappings":"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"}

package/components/sankey/style.d.ts

@@ -0,0 +1,20 @@
+export declare const SANKEY_ICON_SIZE = 22;
+export declare const root: string;
+export declare const variables: void;
+export declare const links: string;
+export declare const nodes: string;
+export declare const link: string;
+export declare const linkPath: string;
+export declare const linkSelectionHelper: string;
+export declare const labelGroup: string;
+export declare const labelTrimmed: string;
+export declare const label: string;
+export declare const sublabel: string;
+export declare const labelBackground: string;
+export declare const hidden: string;
+export declare const forceShow: string;
+export declare const nodeGroup: string;
+export declare const node: string;
+export declare const nodeIcon: string;
+export declare const nodeExit: string;
+export declare const background: string;

package/components/sankey/style.js

@@ -0,0 +1,164 @@
+import { css, injectGlobal } from '@emotion/css';
+import { DEFAULT_ICON_FONT_FAMILY } from '../../styles/css-variables.js';
+
+const SANKEY_ICON_SIZE = 22;
+const root = css `
+  label: sankey-component;
+`;
+const variables = injectGlobal `
+  :root {
+    --vis-sankey-link-cursor: default;
+    --vis-sankey-link-color: #cad5f6;
+    --vis-sankey-link-opacity: 0.5;
+    --vis-sankey-link-hover-opacity: 1.0;
+
+    --vis-sankey-node-cursor: default;
+    --vis-sankey-node-color: #4e4dd1;
+    --vis-sankey-node-label-color: #575c65;
+    --vis-sankey-node-opacity: 0.9;
+    --vis-sankey-node-hover-opacity: 1.0;
+
+    --vis-sankey-node-label-color: #575c65;
+    --vis-sankey-node-label-background-fill-color: #ffffff;
+    --vis-sankey-node-label-background-stroke-color: #eaeaea;
+    --vis-sankey-node-label-background-opacity: 0.9;
+    --vis-sankey-node-label-text-decoration: none;
+    --vis-sankey-node-label-font-weight: 600;
+    --vis-sankey-node-sublabel-font-weight: 500;
+    --vis-sankey-node-label-cursor: default;
+
+    --vis-sankey-icon-size: ${SANKEY_ICON_SIZE}px;
+    --vis-sankey-icon-color: #ffffff;
+    --vis-sankey-icon-stroke-opacity: 0.6;
+    --vis-sankey-icon-font-family: ${DEFAULT_ICON_FONT_FAMILY};
+
+    --vis-sankey-label-font-family: var(--vis-font-family);
+
+    --vis-dark-sankey-link-color: #555d75;
+    --vis-dark-sankey-node-color: #6b69ff;
+    --vis-dark-sankey-node-label-color: #eaeaea;
+    --vis-dark-sankey-node-label-background-fill-color: #292b34;
+    --vis-dark-sankey-node-label-background-stroke-color: #575c65;
+    --vis-dark-sankey-icon-color: #292b34;
+  }
+
+  body.theme-dark ${`.${root}`} {
+    --vis-sankey-node-color: var(--vis-dark-sankey-node-color);
+    --vis-sankey-link-color: var(--vis-dark-sankey-link-color);
+    --vis-sankey-node-label-color: var(--vis-dark-sankey-node-label-color);
+    --vis-sankey-node-label-background-fill-color: var(--vis-dark-sankey-label-background-fill-color);
+    --vis-sankey-node-label-background-stroke-color: var(--vis-dark-sankey-label-background-stroke-color);
+    --vis-sankey-icon-color: var(--vis-dark-sankey-icon-color);
+  }
+`;
+const links = css `
+  label: links;
+`;
+const nodes = css `
+  label: nodes;
+`;
+const link = css `
+  label: link;
+
+  path {
+    cursor: var(--vis-sankey-link-cursor);
+    fill: var(--vis-sankey-link-color);
+    fill-opacity: var(--vis-sankey-link-opacity);
+  }
+
+  &:hover {
+    path {
+      fill-opacity: var(--vis-sankey-link-hover-opacity);
+    }
+  }
+`;
+const linkPath = css `
+  label: visible;
+`;
+const linkSelectionHelper = css `
+  label: transparent;
+  opacity: 0;
+`;
+const labelGroup = css `
+  label: label-group;
+  cursor: var(--vis-sankey-node-label-cursor);
+`;
+const labelTrimmed = css `
+  label: label-trimmed;
+`;
+const label = css `
+  label: label;
+  dominant-baseline: hanging;
+
+  fill: var(--vis-sankey-node-label-color);
+  text-decoration: var(--vis-sankey-node-label-text-decoration);
+  font-weight: var(--vis-sankey-node-label-font-weight);
+  user-select: none;
+
+  &, tspan {
+    font-family: var(--vis-sankey-label-font-family);
+    dominant-baseline: hanging;
+  }
+`;
+const sublabel = css `
+  label: sub-label;
+  dominant-baseline: hanging;
+
+  fill: var(--vis-sankey-node-label-color);
+  user-select: none;
+
+  &, tspan {
+    font-family: var(--vis-sankey-label-font-family);
+    font-weight: var(--vis-sankey-node-sublabel-font-weight);
+    dominant-baseline: hanging;
+  }
+`;
+const labelBackground = css `
+  label: label-background;
+  stroke: var(--vis-sankey-node-label-background-stroke-color);
+  fill: var(--vis-sankey-node-label-background-fill-color);
+  opacity: var(--vis-sankey-node-label-background-opacity);
+`;
+const hidden = css `
+  label: hidden;
+  visibility: hidden;
+`;
+const forceShow = css `
+  label: forceShow;
+  visibility: visible;
+`;
+const nodeGroup = css `
+  label: node-group;
+`;
+const node = css `
+  label: node;
+
+  cursor: var(--vis-sankey-node-cursor);
+  fill: var(--vis-sankey-node-color);
+  opacity: var(--vis-sankey-node-opacity);
+
+  &:hover {
+    opacity: var(--vis-sankey-node-hover-opacity);
+  }
+`;
+const nodeIcon = css `
+  label: icon;
+
+  font-family: var(--vis-sankey-icon-font-family);
+  text-anchor: middle;
+  font-size: var(--vis-sankey-icon-size);
+  fill: var(--vis-sankey-node-icon-color);
+  stroke: var(--vis-sankey-node-color);
+  stroke-opacity: var(--vis-sankey-icon-stroke-opacity);
+  user-select: none;
+  pointer-events: none;
+`;
+const nodeExit = css `
+  label: node-exit;
+`;
+const background = css `
+  label: background;
+`;
+
+export { SANKEY_ICON_SIZE, background, forceShow, hidden, label, labelBackground, labelGroup, labelTrimmed, link, linkPath, linkSelectionHelper, links, node, nodeExit, nodeGroup, nodeIcon, nodes, root, sublabel, variables };
+//# sourceMappingURL=style.js.map

package/components/sankey/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { DEFAULT_ICON_FONT_FAMILY } from 'styles/css-variables'\n\nexport const SANKEY_ICON_SIZE = 22\n\nexport const root = css`\n  label: sankey-component;\n`\n\nexport const variables = injectGlobal`\n  :root {\n    --vis-sankey-link-cursor: default;\n    --vis-sankey-link-color: #cad5f6;\n    --vis-sankey-link-opacity: 0.5;\n    --vis-sankey-link-hover-opacity: 1.0;\n\n    --vis-sankey-node-cursor: default;\n    --vis-sankey-node-color: #4e4dd1;\n    --vis-sankey-node-label-color: #575c65;\n    --vis-sankey-node-opacity: 0.9;\n    --vis-sankey-node-hover-opacity: 1.0;\n\n    --vis-sankey-node-label-color: #575c65;\n    --vis-sankey-node-label-background-fill-color: #ffffff;\n    --vis-sankey-node-label-background-stroke-color: #eaeaea;\n    --vis-sankey-node-label-background-opacity: 0.9;\n    --vis-sankey-node-label-text-decoration: none;\n    --vis-sankey-node-label-font-weight: 600;\n    --vis-sankey-node-sublabel-font-weight: 500;\n    --vis-sankey-node-label-cursor: default;\n\n    --vis-sankey-icon-size: ${SANKEY_ICON_SIZE}px;\n    --vis-sankey-icon-color: #ffffff;\n    --vis-sankey-icon-stroke-opacity: 0.6;\n    --vis-sankey-icon-font-family: ${DEFAULT_ICON_FONT_FAMILY};\n\n    --vis-sankey-label-font-family: var(--vis-font-family);\n\n    --vis-dark-sankey-link-color: #555d75;\n    --vis-dark-sankey-node-color: #6b69ff;\n    --vis-dark-sankey-node-label-color: #eaeaea;\n    --vis-dark-sankey-node-label-background-fill-color: #292b34;\n    --vis-dark-sankey-node-label-background-stroke-color: #575c65;\n    --vis-dark-sankey-icon-color: #292b34;\n  }\n\n  body.theme-dark ${`.${root}`} {\n    --vis-sankey-node-color: var(--vis-dark-sankey-node-color);\n    --vis-sankey-link-color: var(--vis-dark-sankey-link-color);\n    --vis-sankey-node-label-color: var(--vis-dark-sankey-node-label-color);\n    --vis-sankey-node-label-background-fill-color: var(--vis-dark-sankey-label-background-fill-color);\n    --vis-sankey-node-label-background-stroke-color: var(--vis-dark-sankey-label-background-stroke-color);\n    --vis-sankey-icon-color: var(--vis-dark-sankey-icon-color);\n  }\n`\n\nexport const links = css`\n  label: links;\n`\n\nexport const nodes = css`\n  label: nodes;\n`\n\nexport const link = css`\n  label: link;\n\n  path {\n    cursor: var(--vis-sankey-link-cursor);\n    fill: var(--vis-sankey-link-color);\n    fill-opacity: var(--vis-sankey-link-opacity);\n  }\n\n  &:hover {\n    path {\n      fill-opacity: var(--vis-sankey-link-hover-opacity);\n    }\n  }\n`\n\nexport const linkPath = css`\n  label: visible;\n`\n\nexport const linkSelectionHelper = css`\n  label: transparent;\n  opacity: 0;\n`\n\nexport const labelGroup = css`\n  label: label-group;\n  cursor: var(--vis-sankey-node-label-cursor);\n`\n\nexport const labelTrimmed = css`\n  label: label-trimmed;\n`\n\nexport const label = css`\n  label: label;\n  dominant-baseline: hanging;\n\n  fill: var(--vis-sankey-node-label-color);\n  text-decoration: var(--vis-sankey-node-label-text-decoration);\n  font-weight: var(--vis-sankey-node-label-font-weight);\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family);\n    dominant-baseline: hanging;\n  }\n`\n\nexport const sublabel = css`\n  label: sub-label;\n  dominant-baseline: hanging;\n\n  fill: var(--vis-sankey-node-label-color);\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family);\n    font-weight: var(--vis-sankey-node-sublabel-font-weight);\n    dominant-baseline: hanging;\n  }\n`\n\nexport const labelBackground = css`\n  label: label-background;\n  stroke: var(--vis-sankey-node-label-background-stroke-color);\n  fill: var(--vis-sankey-node-label-background-fill-color);\n  opacity: var(--vis-sankey-node-label-background-opacity);\n`\n\nexport const hidden = css`\n  label: hidden;\n  visibility: hidden;\n`\n\nexport const forceShow = css`\n  label: forceShow;\n  visibility: visible;\n`\n\nexport const nodeGroup = css`\n  label: node-group;\n`\n\nexport const node = css`\n  label: node;\n\n  cursor: var(--vis-sankey-node-cursor);\n  fill: var(--vis-sankey-node-color);\n  opacity: var(--vis-sankey-node-opacity);\n\n  &:hover {\n    opacity: var(--vis-sankey-node-hover-opacity);\n  }\n`\n\nexport const nodeIcon = css`\n  label: icon;\n\n  font-family: var(--vis-sankey-icon-font-family);\n  text-anchor: middle;\n  font-size: var(--vis-sankey-icon-size);\n  fill: var(--vis-sankey-node-icon-color);\n  stroke: var(--vis-sankey-node-color);\n  stroke-opacity: var(--vis-sankey-icon-stroke-opacity);\n  user-select: none;\n  pointer-events: none;\n`\n\nexport const nodeExit = css`\n  label: node-exit;\n`\n\nexport const background = css`\n  label: background;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,gBAAgB,GAAG,GAAE;AAE3B,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;8BAsBP,gBAAgB,CAAA;;;qCAGT,wBAAwB,CAAA;;;;;;;;;;;;AAYzC,kBAAA,EAAA,CAAA,CAAA,EAAI,IAAI,CAAE,CAAA,CAAA;;;;;;;;EAQ7B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;EActB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;EAGrC;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;EAG5B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;EAE9B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;EAavB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;EAY1B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;EAKjC;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;EAGxB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;EAG3B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;EAUtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAW1B;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;"}

package/components/sankey/types.d.ts

@@ -0,0 +1,84 @@
+import { sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from 'd3-sankey';
+import { GraphInputLink, GraphLinkCore, GraphNodeCore } from "../../types/graph";
+import { GraphInputNode } from '../../types';
+export declare type SankeyInputNode = GraphInputNode;
+export declare type SankeyInputLink = GraphInputLink;
+export declare type SankeyNode<N extends SankeyInputNode, L extends SankeyInputLink> = GraphNodeCore<N, L> & {
+    id: string;
+    /** the node’s value; this is the sum of link.value for the node’s incoming links, or node.fixedValue if defined */
+    value: number;
+    /** */
+    fixedValue?: number;
+    /** the node’s zero-based column index, corresponding to its horizontal position */
+    layer: number;
+    /** */
+    isConnected: boolean;
+    /** the array of incoming links which have this node as their source */
+    sourceLinks?: SankeyLink<N, L>[];
+    /** the array of outgoing links which have this node as their target */
+    targetLinks: SankeyLink<N, L>[];
+    /** the node’s zero-based index within the array of nodes */
+    index: number;
+    /** the node’s zero-based graph depth, derived from the graph topology */
+    depth: number;
+    /** node.height - the node’s zero-based graph height, derived from the graph topology */
+    height: number;
+    /** the node’s minimum horizontal position, derived from node.depth */
+    x0: number;
+    /** the node’s maximum horizontal position (node.x0 + sankey.nodeWidth) */
+    x1: number;
+    /** the node’s minimum vertical position */
+    y0: number;
+    /** the node’s maximum vertical position (node.y1 - node.y0 is proportional to node.value) */
+    y1: number;
+    /** calculated node width */
+    width: number;
+    /** internal ui state */
+    _state?: {
+        greyout?: boolean;
+        precalculatedHeight?: number;
+    };
+};
+export declare type SankeyLink<N extends SankeyInputNode, L extends SankeyInputLink> = GraphLinkCore<N, L> & {
+    value: number;
+    /** the link’s source node */
+    source: SankeyNode<N, L>;
+    /** the link’s target node */
+    target: SankeyNode<N, L>;
+    /** the link’s vertical starting position (at source node) */
+    y0: number;
+    /** the link’s vertical end position (at target node) */
+    y1: number;
+    /** the link’s width (proportional to link.value) */
+    width: number;
+    /** the zero-based index of link within the array of links */
+    index: number;
+    /** internal ui state */
+    _state?: {
+        greyout?: boolean;
+    };
+};
+export declare enum SankeySubLabelPlacement {
+    Inline = "inline",
+    Below = "below"
+}
+export declare enum SankeyNodeAlign {
+    Left = "left",
+    Right = "right",
+    Center = "center",
+    Justify = "justify"
+}
+export declare const SankeyLayout: {
+    left: typeof sankeyLeft;
+    right: typeof sankeyRight;
+    center: typeof sankeyCenter;
+    justify: typeof sankeyJustify;
+};
+export declare enum SankeyExitTransitionType {
+    Default = "default",
+    ToAncestor = "to ancestor"
+}
+export declare enum SankeyEnterTransitionType {
+    Default = "default",
+    FromAncestor = "from ancestor"
+}

package/components/sankey/types.js

@@ -0,0 +1,34 @@
+import { sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from 'd3-sankey';
+
+/* eslint-disable no-use-before-define */
+var SankeySubLabelPlacement;
+(function (SankeySubLabelPlacement) {
+    SankeySubLabelPlacement["Inline"] = "inline";
+    SankeySubLabelPlacement["Below"] = "below";
+})(SankeySubLabelPlacement || (SankeySubLabelPlacement = {}));
+var SankeyNodeAlign;
+(function (SankeyNodeAlign) {
+    SankeyNodeAlign["Left"] = "left";
+    SankeyNodeAlign["Right"] = "right";
+    SankeyNodeAlign["Center"] = "center";
+    SankeyNodeAlign["Justify"] = "justify";
+})(SankeyNodeAlign || (SankeyNodeAlign = {}));
+const SankeyLayout = {
+    [SankeyNodeAlign.Left]: sankeyLeft,
+    [SankeyNodeAlign.Right]: sankeyRight,
+    [SankeyNodeAlign.Center]: sankeyCenter,
+    [SankeyNodeAlign.Justify]: sankeyJustify,
+};
+var SankeyExitTransitionType;
+(function (SankeyExitTransitionType) {
+    SankeyExitTransitionType["Default"] = "default";
+    SankeyExitTransitionType["ToAncestor"] = "to ancestor";
+})(SankeyExitTransitionType || (SankeyExitTransitionType = {}));
+var SankeyEnterTransitionType;
+(function (SankeyEnterTransitionType) {
+    SankeyEnterTransitionType["Default"] = "default";
+    SankeyEnterTransitionType["FromAncestor"] = "from ancestor";
+})(SankeyEnterTransitionType || (SankeyEnterTransitionType = {}));
+
+export { SankeyEnterTransitionType, SankeyExitTransitionType, SankeyLayout, SankeyNodeAlign, SankeySubLabelPlacement };
+//# sourceMappingURL=types.js.map

package/components/sankey/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/sankey/types.ts"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from 'd3-sankey'\nimport { GraphInputLink, GraphLinkCore, GraphNodeCore } from 'types/graph'\nimport { GraphInputNode } from '../../types'\n\nexport type SankeyInputNode = GraphInputNode\n\nexport type SankeyInputLink = GraphInputLink\n\nexport type SankeyNode<N extends SankeyInputNode, L extends SankeyInputLink> = GraphNodeCore<N, L> & {\n  id: string;\n  /** the node’s value; this is the sum of link.value for the node’s incoming links, or node.fixedValue if defined */\n  value: number;\n  /** */\n  fixedValue?: number;\n  /** the node’s zero-based column index, corresponding to its horizontal position */\n  layer: number;\n  /** */\n  isConnected: boolean;\n  /** the array of incoming links which have this node as their source */\n  sourceLinks?: SankeyLink<N, L>[];\n  /** the array of outgoing links which have this node as their target */\n  targetLinks: SankeyLink<N, L>[];\n  /** the node’s zero-based index within the array of nodes */\n  index: number;\n  /** the node’s zero-based graph depth, derived from the graph topology */\n  depth: number;\n  /** node.height - the node’s zero-based graph height, derived from the graph topology */\n  height: number;\n  /** the node’s minimum horizontal position, derived from node.depth */\n  x0: number;\n  /** the node’s maximum horizontal position (node.x0 + sankey.nodeWidth) */\n  x1: number;\n  /** the node’s minimum vertical position */\n  y0: number;\n  /** the node’s maximum vertical position (node.y1 - node.y0 is proportional to node.value) */\n  y1: number;\n  /** calculated node width */\n  width: number;\n  /** internal ui state */\n  _state?: {\n    greyout?: boolean;\n    /* Pre-calculated node height value in pixels that will be used to manually generate the layout when data has no links */\n    precalculatedHeight?: number;\n  };\n}\n\nexport type SankeyLink<N extends SankeyInputNode, L extends SankeyInputLink> = GraphLinkCore<N, L> & {\n  value: number;\n  /** the link’s source node */\n  source: SankeyNode<N, L>;\n  /** the link’s target node */\n  target: SankeyNode<N, L>;\n  /** the link’s vertical starting position (at source node) */\n  y0: number;\n  /** the link’s vertical end position (at target node) */\n  y1: number;\n  /** the link’s width (proportional to link.value) */\n  width: number;\n  /** the zero-based index of link within the array of links */\n  index: number;\n  /** internal ui state */\n  _state?: {\n    greyout?: boolean;\n  };\n}\n\nexport enum SankeySubLabelPlacement {\n  Inline = 'inline',\n  Below = 'below',\n}\n\nexport enum SankeyNodeAlign {\n  Left = 'left',\n  Right = 'right',\n  Center = 'center',\n  Justify = 'justify',\n}\n\nexport const SankeyLayout = {\n  [SankeyNodeAlign.Left]: sankeyLeft,\n  [SankeyNodeAlign.Right]: sankeyRight,\n  [SankeyNodeAlign.Center]: sankeyCenter,\n  [SankeyNodeAlign.Justify]: sankeyJustify,\n}\n\nexport enum SankeyExitTransitionType {\n  Default = 'default',\n  ToAncestor = 'to ancestor',\n}\n\nexport enum SankeyEnterTransitionType {\n  Default = 'default',\n  FromAncestor = 'from ancestor',\n}\n"],"names":[],"mappings":";;AAAA;IAmEY,wBAGX;AAHD,CAAA,UAAY,uBAAuB,EAAA;AACjC,IAAA,uBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,uBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,GAGlC,EAAA,CAAA,CAAA,CAAA;IAEW,gBAKX;AALD,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,eAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,eAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACrB,CAAC,EALW,eAAe,KAAf,eAAe,GAK1B,EAAA,CAAA,CAAA,CAAA;AAEY,MAAA,YAAY,GAAG;AAC1B,IAAA,CAAC,eAAe,CAAC,IAAI,GAAG,UAAU;AAClC,IAAA,CAAC,eAAe,CAAC,KAAK,GAAG,WAAW;AACpC,IAAA,CAAC,eAAe,CAAC,MAAM,GAAG,YAAY;AACtC,IAAA,CAAC,eAAe,CAAC,OAAO,GAAG,aAAa;EACzC;IAEW,yBAGX;AAHD,CAAA,UAAY,wBAAwB,EAAA;AAClC,IAAA,wBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,wBAAA,CAAA,YAAA,CAAA,GAAA,aAA0B,CAAA;AAC5B,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,GAGnC,EAAA,CAAA,CAAA,CAAA;IAEW,0BAGX;AAHD,CAAA,UAAY,yBAAyB,EAAA;AACnC,IAAA,yBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,yBAAA,CAAA,cAAA,CAAA,GAAA,eAA8B,CAAA;AAChC,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,GAGpC,EAAA,CAAA,CAAA;;;;"}

package/components/scatter/config.d.ts

@@ -0,0 +1,44 @@
+import { ScalePower } from 'd3-scale';
+import { XYComponentConfigInterface, XYComponentConfig } from "../../core/xy-component/config";
+import { ContinuousScale } from "../../types/scale";
+import { SymbolType } from "../../types/symbol";
+import { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from "../../types/accessor";
+import { Position } from "../../types/position";
+export interface ScatterConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {
+    /**
+     * Size of the scatter plot marker (e.g. diameter if `SymbolType.Circle` is used for `shape`) in pixels.
+     * Can be a constant value or an accessor function. But if `sizeRange` is set, then the values will be treated
+     * as an input to `sizeScale`, and the resulting size will be different.
+     * Default: `10`
+    */
+    size?: NumericAccessor<Datum>;
+    /** Size scale to be used if the `sizeRange` was set. Default: `Scale.scaleSqrt()` */
+    sizeScale?: ContinuousScale;
+    /** Size range in the format of `[number, number]` to rescale the input values. Default: `undefined` */
+    sizeRange?: [number, number];
+    /** Shape of the scatter point. Accessor function or constant value: `SymbolType.Circle`, `SymbolType.Cross`, `SymbolType.Diamond`, `SymbolType.Square`,
+     * `SymbolType.Star`, `SymbolType.Triangle` or `SymbolType.Wye`.
+     * Default: `SymbolType.Circle` */
+    shape?: ((d: Datum, i?: number, ...any: any[]) => (SymbolType | string)) | SymbolType | string;
+    /** Label accessor function or string. Default: `undefined` */
+    label?: StringAccessor<Datum>;
+    /** Label color. Default: `undefined` */
+    labelColor?: ColorAccessor<Datum>;
+    /** Optional point cursor. Default: `null` */
+    cursor?: StringAccessor<Datum>;
+    /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */
+    labelTextBrightnessRatio?: number;
+    /** Label position. Default: `Position.Center` */
+    labelPosition?: GenericAccessor<Position | `${Position}`, Datum>;
+}
+export declare class ScatterConfig<Datum> extends XYComponentConfig<Datum> implements ScatterConfigInterface<Datum> {
+    size: number;
+    sizeScale: ScalePower<number, number>;
+    sizeRange: any;
+    shape: SymbolType;
+    label: any;
+    labelColor: any;
+    labelPosition: Position;
+    cursor: any;
+    labelTextBrightnessRatio: number;
+}

package/components/scatter/config.js

@@ -0,0 +1,23 @@
+import { XYComponentConfig } from '../../core/xy-component/config.js';
+import { Scale } from '../../types/scale.js';
+import { SymbolType } from '../../types/symbol.js';
+import { Position } from '../../types/position.js';
+
+// Core
+class ScatterConfig extends XYComponentConfig {
+    constructor() {
+        super(...arguments);
+        this.size = 10;
+        this.sizeScale = Scale.scaleSqrt();
+        this.sizeRange = undefined;
+        this.shape = SymbolType.Circle;
+        this.label = undefined;
+        this.labelColor = undefined;
+        this.labelPosition = Position.Center;
+        this.cursor = null;
+        this.labelTextBrightnessRatio = 0.65;
+    }
+}
+
+export { ScatterConfig };
+//# sourceMappingURL=config.js.map

package/components/scatter/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/scatter/config.ts"],"sourcesContent":["import { ScalePower } from 'd3-scale'\n// Core\nimport { XYComponentConfigInterface, XYComponentConfig } from 'core/xy-component/config'\n\n// Types\nimport { Scale, ContinuousScale } from 'types/scale'\nimport { SymbolType } from 'types/symbol'\nimport { ColorAccessor, GenericAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { Position } from 'types/position'\n\nexport interface ScatterConfigInterface<Datum> extends XYComponentConfigInterface<Datum> {\n  /**\n   * Size of the scatter plot marker (e.g. diameter if `SymbolType.Circle` is used for `shape`) in pixels.\n   * Can be a constant value or an accessor function. But if `sizeRange` is set, then the values will be treated\n   * as an input to `sizeScale`, and the resulting size will be different.\n   * Default: `10`\n  */\n  size?: NumericAccessor<Datum>;\n  /** Size scale to be used if the `sizeRange` was set. Default: `Scale.scaleSqrt()` */\n  sizeScale?: ContinuousScale;\n  /** Size range in the format of `[number, number]` to rescale the input values. Default: `undefined` */\n  sizeRange?: [number, number];\n  /** Shape of the scatter point. Accessor function or constant value: `SymbolType.Circle`, `SymbolType.Cross`, `SymbolType.Diamond`, `SymbolType.Square`,\n   * `SymbolType.Star`, `SymbolType.Triangle` or `SymbolType.Wye`.\n   * Default: `SymbolType.Circle` */\n  shape?: ((d: Datum, i?: number, ...any) => (SymbolType | string)) | SymbolType | string;\n  /** Label accessor function or string. Default: `undefined` */\n  label?: StringAccessor<Datum>;\n  /** Label color. Default: `undefined` */\n  labelColor?: ColorAccessor<Datum>;\n  /** Optional point cursor. Default: `null` */\n  cursor?: StringAccessor<Datum>;\n  /** Point color brightness ratio for switching between dark and light text label color. Default: `0.65` */\n  labelTextBrightnessRatio?: number;\n  /** Label position. Default: `Position.Center` */\n  labelPosition?: GenericAccessor<Position | `${Position}`, Datum>;\n}\n\nexport class ScatterConfig<Datum> extends XYComponentConfig<Datum> implements ScatterConfigInterface<Datum> {\n  size = 10\n  sizeScale: ScalePower<number, number> = Scale.scaleSqrt()\n  sizeRange = undefined\n  shape = SymbolType.Circle\n  label = undefined\n  labelColor = undefined\n  labelPosition = Position.Center\n  cursor = null\n  labelTextBrightnessRatio = 0.65\n}\n"],"names":[],"mappings":";;;;;AACA;AAqCM,MAAO,aAAqB,SAAQ,iBAAwB,CAAA;AAAlE,IAAA,WAAA,GAAA;;QACE,IAAI,CAAA,IAAA,GAAG,EAAE,CAAA;AACT,QAAA,IAAA,CAAA,SAAS,GAA+B,KAAK,CAAC,SAAS,EAAE,CAAA;QACzD,IAAS,CAAA,SAAA,GAAG,SAAS,CAAA;AACrB,QAAA,IAAA,CAAA,KAAK,GAAG,UAAU,CAAC,MAAM,CAAA;QACzB,IAAK,CAAA,KAAA,GAAG,SAAS,CAAA;QACjB,IAAU,CAAA,UAAA,GAAG,SAAS,CAAA;AACtB,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAA;QAC/B,IAAM,CAAA,MAAA,GAAG,IAAI,CAAA;QACb,IAAwB,CAAA,wBAAA,GAAG,IAAI,CAAA;KAChC;AAAA;;;;"}

package/components/scatter/index.d.ts

@@ -0,0 +1,19 @@
+import { XYComponentCore } from "../../core/xy-component";
+import { Spacing } from "../../types/spacing";
+import { ScatterConfig, ScatterConfigInterface } from './config';
+import * as s from './style';
+export declare class Scatter<Datum> extends XYComponentCore<Datum> {
+    static selectors: typeof s;
+    config: ScatterConfig<Datum>;
+    events: {
+        [x: string]: {};
+    };
+    private _pointData;
+    constructor(config?: ScatterConfigInterface<Datum>);
+    setConfig(config: ScatterConfigInterface<Datum>): void;
+    setData(data: Datum[]): void;
+    get bleed(): Spacing;
+    _render(customDuration?: number): void;
+    private _updateSizeScale;
+    private _getOnScreenData;
+}

package/components/scatter/index.js

@@ -0,0 +1,123 @@
+import { min, max } from 'd3-array';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { flatten, isNumber, getString, getExtent, isArray, getNumber, getValue } from '../../utils/data.js';
+import { getColor } from '../../utils/color.js';
+import { smartTransition } from '../../utils/d3.js';
+import { ScatterConfig } from './config.js';
+import { createPoints, updatePoints, removePoints } from './modules/point.js';
+import * as style from './style.js';
+import { pointGroup, pointGroupExit, point } from './style.js';
+
+class Scatter extends XYComponentCore {
+    constructor(config) {
+        super();
+        this.config = new ScatterConfig();
+        this.events = {
+            [Scatter.selectors.point]: {},
+        };
+        this._pointData = [];
+        if (config)
+            this.setConfig(config);
+    }
+    setConfig(config) {
+        super.setConfig(config);
+        this._updateSizeScale();
+    }
+    setData(data) {
+        super.setData(data);
+        this._updateSizeScale();
+    }
+    get bleed() {
+        this._pointData = this._getOnScreenData();
+        const pointDataFlat = flatten(this._pointData);
+        const yRangeStart = min(this.yScale.range());
+        const yRangeEnd = max(this.yScale.range());
+        const xRangeStart = this.xScale.range()[0];
+        const xRangeEnd = this.xScale.range()[1];
+        const minY = min(pointDataFlat, d => this.yScale(d._point.yValue) - d._point.sizePx / 2);
+        const maxY = max(pointDataFlat, d => this.yScale(d._point.yValue) + d._point.sizePx / 2);
+        const minX = min(pointDataFlat, d => this.xScale(d._point.xValue) - d._point.sizePx / 2);
+        const maxX = max(pointDataFlat, d => this.xScale(d._point.xValue) + d._point.sizePx / 2);
+        const coeff = 1.25; // Multiplier to take into account subsequent scale range changes and shape irregularities
+        const top = minY < yRangeStart ? coeff * (yRangeStart - minY) : 0;
+        const bottom = maxY > yRangeEnd ? coeff * (maxY - yRangeEnd) : 0;
+        const left = minX < xRangeStart ? coeff * (xRangeStart - minX) : 0;
+        const right = maxX > xRangeEnd ? coeff * (maxX - xRangeEnd) : 0;
+        return { top, bottom, left, right };
+    }
+    _render(customDuration) {
+        const { config } = this;
+        const duration = isNumber(customDuration) ? customDuration : config.duration;
+        // Groups
+        const pointGroups = this.g
+            .selectAll(`.${pointGroup}`)
+            .data(this._pointData);
+        const pointGroupsEnter = pointGroups
+            .enter()
+            .append('g')
+            .attr('class', pointGroup);
+        const pointGroupsMerged = pointGroupsEnter.merge(pointGroups);
+        smartTransition(pointGroupsMerged, duration)
+            .style('opacity', 1);
+        const pointGroupExit$1 = pointGroups.exit().attr('class', pointGroupExit);
+        smartTransition(pointGroupExit$1, duration).style('opacity', 0).remove();
+        // Points
+        const points = pointGroupsMerged
+            .selectAll(`.${point}`)
+            .data((d) => d, (d, i) => { var _a; return `${(_a = getString(d, config.id, i)) !== null && _a !== void 0 ? _a : i}`; });
+        const pointsEnter = points.enter().append('g')
+            .attr('class', point);
+        createPoints(pointsEnter, this.xScale, this.yScale);
+        const pointsMerged = pointsEnter.merge(points);
+        updatePoints(pointsMerged, config, this.xScale, this.yScale, duration);
+        removePoints(points.exit(), this.xScale, this.yScale, duration);
+    }
+    _updateSizeScale() {
+        var _a;
+        const { config, datamodel } = this;
+        config.sizeScale
+            .domain(getExtent(datamodel.data, config.size))
+            .range((_a = config.sizeRange) !== null && _a !== void 0 ? _a : [0, 0]);
+    }
+    _getOnScreenData() {
+        const { config, datamodel: { data } } = this;
+        const xDomain = this.xScale.domain().map(d => +d); // Convert Date to number
+        const yDomain = this.yScale.domain().map(d => +d); // Convert Date to number
+        const yAccessors = (isArray(config.y) ? config.y : [config.y]);
+        const maxSizeValue = max(flatten(yAccessors.map((y, j) => data === null || data === void 0 ? void 0 : data.map(d => getNumber(d, config.size, j)))));
+        const maxSizePx = config.sizeRange ? config.sizeScale(maxSizeValue) : maxSizeValue;
+        const maxSizeXDomain = this.xScale.invert(maxSizePx) - this.xScale.invert(0);
+        const maxSizeYDomain = Math.abs(this.yScale.invert(maxSizePx) - this.yScale.invert(0));
+        return yAccessors.map((y, j) => {
+            var _a;
+            return (_a = data === null || data === void 0 ? void 0 : data.reduce((acc, d, i) => {
+                const xValue = getNumber(d, config.x, i);
+                const yValue = getNumber(d, y, j);
+                const pointSize = getNumber(d, config.size, i);
+                const pointSizeScaled = config.sizeRange ? config.sizeScale(pointSize) : pointSize;
+                const pointSizeXDomain = this.xScale.invert(pointSizeScaled) - this.xScale.invert(0);
+                const pointSizeYDomain = Math.abs(this.yScale.invert(pointSizeScaled) - this.yScale.invert(0));
+                if (((xValue - pointSizeXDomain / 2) >= (xDomain[0] - maxSizeXDomain / 2)) &&
+                    ((xValue + pointSizeXDomain / 2) <= (xDomain[1] + maxSizeXDomain / 2)) &&
+                    ((yValue - pointSizeYDomain / 2) >= (yDomain[0] - maxSizeYDomain / 2)) &&
+                    ((yValue + pointSizeYDomain / 2) <= (yDomain[1] + maxSizeYDomain / 2))) {
+                    acc.push(Object.assign(Object.assign({}, d), { _point: {
+                            xValue: xValue,
+                            yValue: yValue,
+                            sizePx: pointSizeScaled,
+                            color: getColor(d, config.color, j),
+                            shape: getString(d, config.shape, j),
+                            label: getString(d, config.label, j),
+                            labelColor: getValue(d, config.labelColor, j),
+                            cursor: getString(d, config.cursor, j),
+                        } }));
+                }
+                return acc;
+            }, [])) !== null && _a !== void 0 ? _a : [];
+        });
+    }
+}
+Scatter.selectors = style;
+
+export { Scatter };
+//# sourceMappingURL=index.js.map

package/components/scatter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.ts"],"sourcesContent":["import { max, min } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, getExtent, getNumber, getString, isArray, flatten, getValue } from 'utils/data'\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\n\n// Types\nimport { Spacing } from 'types/spacing'\nimport { SymbolType } from 'types/symbol'\nimport { NumericAccessor } from 'types/accessor'\n\n// Local Types\nimport { ScatterPoint } from './types'\n\n// Config\nimport { ScatterConfig, ScatterConfigInterface } from './config'\n\n// Modules\nimport { createPoints, updatePoints, removePoints } from './modules/point'\n\n// Styles\nimport * as s from './style'\n\nexport class Scatter<Datum> extends XYComponentCore<Datum> {\n  static selectors = s\n  config: ScatterConfig<Datum> = new ScatterConfig()\n  events = {\n    [Scatter.selectors.point]: {},\n  }\n\n  private _pointData: ScatterPoint<Datum>[][] = []\n\n  constructor (config?: ScatterConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  setConfig (config: ScatterConfigInterface<Datum>): void {\n    super.setConfig(config)\n    this._updateSizeScale()\n  }\n\n  setData (data: Datum[]): void {\n    super.setData(data)\n    this._updateSizeScale()\n  }\n\n  get bleed (): Spacing {\n    this._pointData = this._getOnScreenData()\n    const pointDataFlat: ScatterPoint<Datum>[] = flatten(this._pointData)\n\n    const yRangeStart = min(this.yScale.range())\n    const yRangeEnd = max(this.yScale.range())\n    const xRangeStart = this.xScale.range()[0]\n    const xRangeEnd = this.xScale.range()[1]\n\n    const minY = min(pointDataFlat, d => this.yScale(d._point.yValue) - d._point.sizePx / 2)\n    const maxY = max(pointDataFlat, d => this.yScale(d._point.yValue) + d._point.sizePx / 2)\n    const minX = min(pointDataFlat, d => this.xScale(d._point.xValue) - d._point.sizePx / 2)\n    const maxX = max(pointDataFlat, d => this.xScale(d._point.xValue) + d._point.sizePx / 2)\n\n    const coeff = 1.25 // Multiplier to take into account subsequent scale range changes and shape irregularities\n    const top = minY < yRangeStart ? coeff * (yRangeStart - minY) : 0\n    const bottom = maxY > yRangeEnd ? coeff * (maxY - yRangeEnd) : 0\n    const left = minX < xRangeStart ? coeff * (xRangeStart - minX) : 0\n    const right = maxX > xRangeEnd ? coeff * (maxX - xRangeEnd) : 0\n\n    return { top, bottom, left, right }\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    // Groups\n    const pointGroups = this.g\n      .selectAll<SVGGElement, ScatterPoint<Datum>[]>(`.${s.pointGroup}`)\n      .data(this._pointData)\n\n    const pointGroupsEnter = pointGroups\n      .enter()\n      .append('g')\n      .attr('class', s.pointGroup)\n\n    const pointGroupsMerged = pointGroupsEnter.merge(pointGroups)\n    smartTransition(pointGroupsMerged, duration)\n      .style('opacity', 1)\n\n    const pointGroupExit = pointGroups.exit().attr('class', s.pointGroupExit)\n    smartTransition(pointGroupExit, duration).style('opacity', 0).remove()\n\n    // Points\n    const points = pointGroupsMerged\n      .selectAll<SVGPathElement, ScatterPoint<Datum>>(`.${s.point}`)\n      .data((d) => d, (d, i) => `${getString(d, config.id, i) ?? i}`)\n\n    const pointsEnter = points.enter().append('g')\n      .attr('class', s.point)\n    createPoints(pointsEnter, this.xScale, this.yScale)\n\n    const pointsMerged = pointsEnter.merge(points)\n    updatePoints(pointsMerged, config, this.xScale, this.yScale, duration)\n\n    removePoints(points.exit(), this.xScale, this.yScale, duration)\n  }\n\n  private _updateSizeScale (): void {\n    const { config, datamodel } = this\n\n    config.sizeScale\n      .domain(getExtent(datamodel.data, config.size))\n      .range(config.sizeRange ?? [0, 0])\n  }\n\n  private _getOnScreenData (): ScatterPoint<Datum>[][] {\n    const { config, datamodel: { data } } = this\n\n    const xDomain = this.xScale.domain().map(d => +d) // Convert Date to number\n    const yDomain = this.yScale.domain().map(d => +d) // Convert Date to number\n    const yAccessors = (isArray(config.y) ? config.y : [config.y]) as NumericAccessor<Datum>[]\n\n    const maxSizeValue = max<number>(flatten(yAccessors.map((y, j) => data?.map(d => getNumber(d, config.size, j)))))\n    const maxSizePx = config.sizeRange ? config.sizeScale(maxSizeValue) : maxSizeValue\n    const maxSizeXDomain = (this.xScale.invert(maxSizePx) as number) - (this.xScale.invert(0) as number)\n    const maxSizeYDomain = Math.abs((this.yScale.invert(maxSizePx) as number) - (this.yScale.invert(0) as number))\n\n    return yAccessors.map((y, j) => {\n      return data?.reduce<ScatterPoint<Datum>[]>((acc, d, i) => {\n        const xValue = getNumber(d, config.x, i)\n        const yValue = getNumber(d, y, j)\n        const pointSize = getNumber(d, config.size, i)\n        const pointSizeScaled = config.sizeRange ? config.sizeScale(pointSize) : pointSize\n        const pointSizeXDomain = (this.xScale.invert(pointSizeScaled) as number) - (this.xScale.invert(0) as number)\n        const pointSizeYDomain = Math.abs((this.yScale.invert(pointSizeScaled) as number) - (this.yScale.invert(0) as number))\n\n        if (\n          ((xValue - pointSizeXDomain / 2) >= (xDomain[0] - maxSizeXDomain / 2)) &&\n          ((xValue + pointSizeXDomain / 2) <= (xDomain[1] + maxSizeXDomain / 2)) &&\n          ((yValue - pointSizeYDomain / 2) >= (yDomain[0] - maxSizeYDomain / 2)) &&\n          ((yValue + pointSizeYDomain / 2) <= (yDomain[1] + maxSizeYDomain / 2))\n        ) {\n          acc.push({\n            ...d,\n            _point: {\n              xValue: xValue,\n              yValue: yValue,\n              sizePx: pointSizeScaled,\n              color: getColor(d, config.color, j),\n              shape: getString(d, config.shape, j) as SymbolType,\n              label: getString(d, config.label, j),\n              labelColor: getValue(d, config.labelColor, j),\n              cursor: getString(d, config.cursor, j),\n            },\n          })\n        }\n\n        return acc\n      }, []) ?? []\n    })\n  }\n}\n"],"names":["s.pointGroup","pointGroupExit","s.pointGroupExit","s.point","s"],"mappings":"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"}

package/components/scatter/modules/point.d.ts

@@ -0,0 +1,7 @@
+import { Selection } from 'd3-selection';
+import { ContinuousScale } from "../../../types/scale";
+import { ScatterConfig } from '../config';
+import { ScatterPoint } from '../types';
+export declare function createPoints<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, xScale: ContinuousScale, yScale: ContinuousScale): void;
+export declare function updatePoints<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, config: ScatterConfig<Datum>, xScale: ContinuousScale, yScale: ContinuousScale, duration: number): void;
+export declare function removePoints<Datum>(selection: Selection<SVGGElement, ScatterPoint<Datum>, SVGGElement, ScatterPoint<Datum>[]>, xScale: ContinuousScale, yScale: ContinuousScale, duration: number): void;