@unovis/ts 1.6.2-pre.8 → 1.6.3

package/components/sankey/style.js

@@ -1,63 +1,54 @@
-import { css, injectGlobal } from '@emotion/css';
+import { css } from '@emotion/css';
+import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
 import { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from '../../styles/index.js';
 
 const SANKEY_ICON_SIZE = 22;
 const root = css `
   label: sankey-component;
 `;
-const variables = injectGlobal `
-  :root {
-     /* Links */
-    --vis-sankey-link-cursor: default;
-    --vis-sankey-link-color: var(--vis-color-main-light);
-    --vis-sankey-link-opacity: 0.5;
-    --vis-sankey-link-hover-opacity: 1.0;
-    /* Nodes */
-    --vis-sankey-node-cursor: default;
-    --vis-sankey-node-color: var(--vis-color-main);
-    --vis-sankey-node-label-color: #575c65;
-    --vis-sankey-node-opacity: 0.9;
-    --vis-sankey-node-hover-opacity: 1.0;
-    /* Node Labels */
-    --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-color: #575c65;
-    --vis-sankey-node-label-cursor: default;
-    --vis-sankey-node-label-font-weight: 600;
-    --vis-sankey-node-label-font-size: 12px;
-    --vis-sankey-node-label-text-decoration: none;
-
-    --vis-sankey-node-sublabel-font-size: 10px;
-    --vis-sankey-node-sublabel-font-weight: 500;
-
-    /* Icons */
-    --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: ${UNOVIS_ICON_FONT_FAMILY_DEFAULT};
-
-    // Undefined by default to allow proper fallback to var(--vis-font-family)
-    /* --vis-sankey-label-font-family: */
-
-    /* Dark Theme */
-    --vis-dark-sankey-link-color: var(--vis-color-main-dark);
-    --vis-dark-sankey-node-color: var(--vis-color-main);
-    --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 cssVarDefaults = {
+    /* Links */
+    '--vis-sankey-link-cursor': 'default',
+    '--vis-sankey-link-color': 'var(--vis-color-main-light)',
+    '--vis-sankey-link-opacity': '0.5',
+    '--vis-sankey-link-hover-opacity': '1.0',
+    /* Nodes */
+    '--vis-sankey-node-cursor': 'default',
+    '--vis-sankey-node-color': 'var(--vis-color-main)',
+    '--vis-sankey-node-label-color': '#575c65',
+    '--vis-sankey-node-opacity': '0.9',
+    '--vis-sankey-node-hover-opacity': '1.0',
+    /* Node Selection */
+    '--vis-sankey-node-selection-stroke-width': '1.5px',
+    '--vis-sankey-node-selection-stroke-opacity': '0.6',
+    '--vis-sankey-node-selection-border-radius': '2px',
+    /* Node Labels */
+    '--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-cursor': 'default',
+    '--vis-sankey-node-label-font-weight': '600',
+    '--vis-sankey-node-label-font-size': '12px',
+    '--vis-sankey-node-label-text-decoration': 'none',
+    '--vis-sankey-node-sublabel-font-size': '10px',
+    '--vis-sankey-node-sublabel-font-weight': '500',
+    /* Icons */
+    '--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': UNOVIS_ICON_FONT_FAMILY_DEFAULT,
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-sankey-label-font-family: */
+    /* Dark Theme */
+    '--vis-dark-sankey-link-color': 'var(--vis-color-main-dark)',
+    '--vis-dark-sankey-node-color': 'var(--vis-color-main)',
+    '--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',
+};
+const variables = getCssVarNames(cssVarDefaults);
+injectGlobalCssVariables(cssVarDefaults, root);
 const links = css `
   label: links;
 `;
@@ -68,14 +59,14 @@ 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);
+    cursor: var(${variables.sankeyLinkCursor});
+    fill: var(${variables.sankeyLinkColor});
+    fill-opacity: var(${variables.sankeyLinkOpacity});
   }
 
   &:hover {
     path {
-      fill-opacity: var(--vis-sankey-link-hover-opacity);
+      fill-opacity: var(${variables.sankeyLinkHoverOpacity});
     }
   }
 `;
@@ -88,7 +79,7 @@ const linkSelectionHelper = css `
 `;
 const labelGroup = css `
   label: label-group;
-  cursor: var(--vis-sankey-node-label-cursor);
+  cursor: var(${variables.sankeyNodeLabelCursor});
 `;
 const labelTrimmed = css `
   label: label-trimmed;
@@ -97,9 +88,9 @@ 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);
+  fill: var(${variables.sankeyNodeLabelColor});
+  text-decoration: var(${variables.sankeyNodeLabelTextDecoration});
+  font-weight: var(${variables.sankeyNodeLabelFontWeight});
   user-select: none;
 
   &, tspan {
@@ -111,20 +102,20 @@ const sublabel = css `
   label: sub-label;
   dominant-baseline: hanging;
 
-  fill: var(--vis-sankey-node-label-color);
+  fill: var(${variables.sankeyNodeLabelColor});
   user-select: none;
 
   &, tspan {
     font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));
-    font-weight: var(--vis-sankey-node-sublabel-font-weight);
+    font-weight: var(${variables.sankeyNodeSublabelFontWeight});
     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);
+  stroke: var(${variables.sankeyNodeLabelBackgroundStrokeColor});
+  fill: var(${variables.sankeyNodeLabelBackgroundFillColor});
+  opacity: var(${variables.sankeyNodeLabelBackgroundOpacity});
 `;
 const hidden = css `
   label: hidden;
@@ -140,32 +131,42 @@ const nodeGroup = css `
 const node = css `
   label: node;
 
-  cursor: var(--vis-sankey-node-cursor);
-  fill: var(--vis-sankey-node-color);
-  opacity: var(--vis-sankey-node-opacity);
+  cursor: var(${variables.sankeyNodeCursor});
+  fill: var(${variables.sankeyNodeColor});
+  opacity: var(${variables.sankeyNodeOpacity});
 
   &:hover {
-    opacity: var(--vis-sankey-node-hover-opacity);
+    opacity: var(${variables.sankeyNodeHoverOpacity});
   }
 `;
 const nodeIcon = css `
   label: icon;
 
-  font-family: var(--vis-sankey-icon-font-family);
+  font-family: var(${variables.sankeyIconFontFamily});
   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);
+  font-size: var(${variables.sankeyIconSize});
+  fill: var(${variables.sankeyIconColor});
+  stroke: var(${variables.sankeyNodeColor});
+  stroke-opacity: var(${variables.sankeyIconStrokeOpacity});
   user-select: none;
   pointer-events: none;
+  dominant-baseline: central;
 `;
 const nodeExit = css `
   label: node-exit;
 `;
+const nodeSelectionRect = css `
+  label: node-selection-rect;
+  fill: none;
+  stroke: var(${variables.sankeyNodeColor});
+  stroke-width: var(${variables.sankeyNodeSelectionStrokeWidth});
+  stroke-opacity: var(${variables.sankeyNodeSelectionStrokeOpacity});
+  rx: var(${variables.sankeyNodeSelectionBorderRadius});
+  ry: var(${variables.sankeyNodeSelectionBorderRadius});
+`;
 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 };
+export { SANKEY_ICON_SIZE, background, cssVarDefaults, forceShow, hidden, label, labelBackground, labelGroup, labelTrimmed, link, linkPath, linkSelectionHelper, links, node, nodeExit, nodeGroup, nodeIcon, nodeSelectionRect, nodes, root, sublabel, variables };
 //# sourceMappingURL=style.js.map

package/components/sankey/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\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     /* Links */\n    --vis-sankey-link-cursor: default;\n    --vis-sankey-link-color: var(--vis-color-main-light);\n    --vis-sankey-link-opacity: 0.5;\n    --vis-sankey-link-hover-opacity: 1.0;\n    /* Nodes */\n    --vis-sankey-node-cursor: default;\n    --vis-sankey-node-color: var(--vis-color-main);\n    --vis-sankey-node-label-color: #575c65;\n    --vis-sankey-node-opacity: 0.9;\n    --vis-sankey-node-hover-opacity: 1.0;\n    /* Node Labels */\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-color: #575c65;\n    --vis-sankey-node-label-cursor: default;\n    --vis-sankey-node-label-font-weight: 600;\n    --vis-sankey-node-label-font-size: 12px;\n    --vis-sankey-node-label-text-decoration: none;\n\n    --vis-sankey-node-sublabel-font-size: 10px;\n    --vis-sankey-node-sublabel-font-weight: 500;\n\n    /* Icons */\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: ${UNOVIS_ICON_FONT_FAMILY_DEFAULT};\n\n    // Undefined by default to allow proper fallback to var(--vis-font-family)\n    /* --vis-sankey-label-font-family: */\n\n    /* Dark Theme */\n    --vis-dark-sankey-link-color: var(--vis-color-main-dark);\n    --vis-dark-sankey-node-color: var(--vis-color-main);\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, var(--vis-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, var(--vis-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;;;;;;;;;;;;;;;;;;;;;;;;;;;8BA2BP,gBAAgB,CAAA;;;qCAGT,+BAA+B,CAAA;;;;;;;;;;;;;;AAchD,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;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\n\nexport const SANKEY_ICON_SIZE = 22\n\nexport const root = css`\n  label: sankey-component;\n`\n\nexport const cssVarDefaults = {\n  /* Links */\n  '--vis-sankey-link-cursor': 'default',\n  '--vis-sankey-link-color': 'var(--vis-color-main-light)',\n  '--vis-sankey-link-opacity': '0.5',\n  '--vis-sankey-link-hover-opacity': '1.0',\n\n  /* Nodes */\n  '--vis-sankey-node-cursor': 'default',\n  '--vis-sankey-node-color': 'var(--vis-color-main)',\n  '--vis-sankey-node-label-color': '#575c65',\n  '--vis-sankey-node-opacity': '0.9',\n  '--vis-sankey-node-hover-opacity': '1.0',\n\n  /* Node Selection */\n  '--vis-sankey-node-selection-stroke-width': '1.5px',\n  '--vis-sankey-node-selection-stroke-opacity': '0.6',\n  '--vis-sankey-node-selection-border-radius': '2px',\n\n  /* Node Labels */\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-cursor': 'default',\n  '--vis-sankey-node-label-font-weight': '600',\n  '--vis-sankey-node-label-font-size': '12px',\n  '--vis-sankey-node-label-text-decoration': 'none',\n\n  '--vis-sankey-node-sublabel-font-size': '10px',\n  '--vis-sankey-node-sublabel-font-weight': '500',\n\n  /* Icons */\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': UNOVIS_ICON_FONT_FAMILY_DEFAULT,\n\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  /* --vis-sankey-label-font-family: */\n\n  /* Dark Theme */\n  '--vis-dark-sankey-link-color': 'var(--vis-color-main-dark)',\n  '--vis-dark-sankey-node-color': 'var(--vis-color-main)',\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\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\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(${variables.sankeyLinkCursor});\n    fill: var(${variables.sankeyLinkColor});\n    fill-opacity: var(${variables.sankeyLinkOpacity});\n  }\n\n  &:hover {\n    path {\n      fill-opacity: var(${variables.sankeyLinkHoverOpacity});\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(${variables.sankeyNodeLabelCursor});\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(${variables.sankeyNodeLabelColor});\n  text-decoration: var(${variables.sankeyNodeLabelTextDecoration});\n  font-weight: var(${variables.sankeyNodeLabelFontWeight});\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family, var(--vis-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(${variables.sankeyNodeLabelColor});\n  user-select: none;\n\n  &, tspan {\n    font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n    font-weight: var(${variables.sankeyNodeSublabelFontWeight});\n    dominant-baseline: hanging;\n  }\n`\n\nexport const labelBackground = css`\n  label: label-background;\n  stroke: var(${variables.sankeyNodeLabelBackgroundStrokeColor});\n  fill: var(${variables.sankeyNodeLabelBackgroundFillColor});\n  opacity: var(${variables.sankeyNodeLabelBackgroundOpacity});\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(${variables.sankeyNodeCursor});\n  fill: var(${variables.sankeyNodeColor});\n  opacity: var(${variables.sankeyNodeOpacity});\n\n  &:hover {\n    opacity: var(${variables.sankeyNodeHoverOpacity});\n  }\n`\n\nexport const nodeIcon = css`\n  label: icon;\n\n  font-family: var(${variables.sankeyIconFontFamily});\n  text-anchor: middle;\n  font-size: var(${variables.sankeyIconSize});\n  fill: var(${variables.sankeyIconColor});\n  stroke: var(${variables.sankeyNodeColor});\n  stroke-opacity: var(${variables.sankeyIconStrokeOpacity});\n  user-select: none;\n  pointer-events: none;\n  dominant-baseline: central;\n`\n\nexport const nodeExit = css`\n  label: node-exit;\n`\n\nexport const nodeSelectionRect = css`\n  label: node-selection-rect;\n  fill: none;\n  stroke: var(${variables.sankeyNodeColor});\n  stroke-width: var(${variables.sankeyNodeSelectionStrokeWidth});\n  stroke-opacity: var(${variables.sankeyNodeSelectionStrokeOpacity});\n  rx: var(${variables.sankeyNodeSelectionBorderRadius});\n  ry: var(${variables.sankeyNodeSelectionBorderRadius});\n`\n\nexport const background = css`\n  label: background;\n`\n"],"names":[],"mappings":"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"}

package/components/sankey/types.d.ts

@@ -82,3 +82,8 @@ export declare enum SankeyEnterTransitionType {
     Default = "default",
     FromAncestor = "from ancestor"
 }
+export declare enum SankeyZoomMode {
+    XY = "xy",
+    X = "x",
+    Y = "y"
+}

package/components/sankey/types.js

@@ -28,7 +28,14 @@ var SankeyEnterTransitionType;
 (function (SankeyEnterTransitionType) {
     SankeyEnterTransitionType["Default"] = "default";
     SankeyEnterTransitionType["FromAncestor"] = "from ancestor";
-})(SankeyEnterTransitionType || (SankeyEnterTransitionType = {}));
+})(SankeyEnterTransitionType || (SankeyEnterTransitionType = {}));
+var SankeyZoomMode;
+(function (SankeyZoomMode) {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    SankeyZoomMode["XY"] = "xy";
+    SankeyZoomMode["X"] = "x";
+    SankeyZoomMode["Y"] = "y";
+})(SankeyZoomMode || (SankeyZoomMode = {}));
 
-export { SankeyEnterTransitionType, SankeyExitTransitionType, SankeyLayout, SankeyNodeAlign, SankeySubLabelPlacement };
+export { SankeyEnterTransitionType, SankeyExitTransitionType, SankeyLayout, SankeyNodeAlign, SankeySubLabelPlacement, SankeyZoomMode };
 //# sourceMappingURL=types.js.map

package/components/sankey/types.js.map

@@ -1 +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;;;;"}
+{"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\nexport enum SankeyZoomMode {\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  XY = 'xy',\n  X = 'x',\n  Y = 'y',\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,CAAA;IAEW,eAKX;AALD,CAAA,UAAY,cAAc,EAAA;;AAExB,IAAA,cAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACT,IAAA,cAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACP,IAAA,cAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACT,CAAC,EALW,cAAc,KAAd,cAAc,GAKzB,EAAA,CAAA,CAAA;;;;"}

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

@@ -21,7 +21,7 @@ export declare class StackedBar<Datum> extends XYComponentCore<Datum, StackedBar
     _render(customDuration?: number): void;
     _getBarWidth(): number;
     _getVisibleData(): Datum[];
-    _getBarPath(d: StackedBarDataRecord<Datum>, accessorIndex: number, isEntering?: boolean): string;
+    _getBarPath(d: StackedBarDataRecord<Datum>, isEntering?: boolean): string;
     getValueScaleExtent(scaleByVisibleData: boolean): number[];
     getDataScaleExtent(): number[];
     getYDataExtent(scaleByVisibleData: boolean): number[];

package/components/stacked-bar/index.js

@@ -90,19 +90,29 @@ class StackedBar extends XYComponentCore {
         // Render Bars
         const bars = barGroupsMerged
             .selectAll(`.${bar}`)
-            .data((d, j) => stacked.map((s, stackIndex) => (Object.assign(Object.assign({}, d), { _index: j, _stacked: s[j], 
+            .data((d, j) => stacked
+            .map((s, i) => ({
+            datum: d,
+            index: j,
+            stacked: s[j],
+            stackIndex: i,
             // Ending bar if the next stack is not the same as the current one
-            _ending: (stackIndex === stacked.length - 1) ||
-                ((stackIndex <= stacked.length - 1) && stacked[stackIndex + 1][j][0] !== s[j][1]) }))));
+            isEnding: (i === stacked.length - 1) ||
+                ((i <= stacked.length - 1) && stacked[i + 1][j][0] !== s[j][1]),
+        }))
+            .filter(d => d.stacked[0] !== d.stacked[1]), // Skip zero-height bars
+        // Skip zero-height bars
+        d => d.stackIndex // Key function for proper transitions
+        );
         const barsEnter = bars.enter().append('path')
             .attr('class', bar)
-            .attr('d', (d, j) => this._getBarPath(d, j, true))
-            .style('fill', (d, j) => getColor(d, config.color, j));
+            .attr('d', d => this._getBarPath(d, true))
+            .style('fill', d => getColor(d.datum, config.color, d.stackIndex));
         const barsMerged = barsEnter.merge(bars);
         smartTransition(barsMerged, duration)
-            .attr('d', (d, j) => this._getBarPath(d, j))
-            .style('fill', (d, j) => getColor(d, config.color, j))
-            .style('cursor', (d, j) => getString(d, config.cursor, j));
+            .attr('d', d => this._getBarPath(d))
+            .style('fill', d => getColor(d.datum, config.color, d.stackIndex))
+            .style('cursor', d => getString(d.datum, config.cursor, d.stackIndex));
         smartTransition(bars.exit(), duration)
             .style('opacity', 0)
             .remove();
@@ -149,18 +159,18 @@ class StackedBar extends XYComponentCore {
         });
         return filtered;
     }
-    _getBarPath(d, accessorIndex, isEntering = false) {
+    _getBarPath(d, isEntering = false) {
         const { config } = this;
         const yAccessors = this.getAccessors();
         const barWidth = this._getBarWidth();
-        const isNegative = d._stacked[1] < 0;
-        const isEnding = d._ending; // The most top bar or, if the value is negative, the most bottom bar
-        const value = getNumber(d, yAccessors[accessorIndex], d._index);
-        const height = isEntering ? 0 : Math.abs(this.valueScale(d._stacked[0]) - this.valueScale(d._stacked[1]));
+        const isNegative = d.stacked[1] < 0;
+        const isEnding = d.isEnding; // The most top bar or, if the value is negative, the most bottom bar
+        const value = getNumber(d.datum, yAccessors[d.stackIndex], d.index);
+        const height = isEntering ? 0 : Math.abs(this.valueScale(d.stacked[0]) - this.valueScale(d.stacked[1]));
         const h = !isEntering && config.barMinHeight1Px && (height < 1) && isFinite(value) && (value !== config.barMinHeightZeroValue) ? 1 : height;
         const y = isEntering
             ? this.valueScale(0)
-            : this.valueScale(isNegative ? d._stacked[0] : d._stacked[1]) - (height < 1 && config.barMinHeight1Px ? 1 : 0);
+            : this.valueScale(isNegative ? d.stacked[0] : d.stacked[1]) - (height < 1 && config.barMinHeight1Px ? 1 : 0);
         const x = -barWidth / 2;
         const width = barWidth;
         const cornerRadius = config.roundedCorners

package/components/stacked-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.ts"],"sourcesContent":["import { min, max } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, isArray, isEmpty, clamp, getStackedExtent, getString, getNumber, getStackedData, getExtent } from 'utils/data'\nimport { roundedRectPath } from 'utils/path'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { ContinuousScale } from 'types/scale'\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Orientation } from 'types/position'\n\n// Local Types\nimport { StackedBarDataRecord } from './types'\n\n// Config\nimport { StackedBarDefaultConfig, StackedBarConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class StackedBar<Datum> extends XYComponentCore<Datum, StackedBarConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = StackedBarDefaultConfig as StackedBarConfigInterface<Datum>\n  public config: StackedBarConfigInterface<Datum> = this._defaultConfig\n\n  getAccessors = (): NumericAccessor<Datum>[] => (isArray(this.config.y) ? this.config.y : [this.config.y])\n  stacked = true\n  events = {}\n  private _prevNegative: boolean[] | undefined // To help guessing the bar direction when an accessor was set to null or 0\n  private _barData: Datum[] = []\n\n  constructor (config?: StackedBarConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  get bleed (): Spacing {\n    this._barData = this._getVisibleData()\n    if (this._barData.length === 0) return { top: 0, bottom: 0, left: 0, right: 0 }\n\n    // By default, horizontal orientation is \"flipped\", i.e. the `yDirection` of `XYContainer` is set to `Direction.North`\n    const isHorizontalAndFlipped = !this.isVertical() && (this.dataScale.range()[0] > this.dataScale.range()[1])\n    const dataDomain = this.dataScale.domain()\n    const halfGroupWidth = this._getBarWidth() / 2\n\n    const dataScaleValues = this._barData.map((d, i) => getNumber(d, this.config.x, i))\n    const firstDataValue = min(dataScaleValues)\n    const lastDataValue = max(dataScaleValues)\n    const firstValuePx = this.dataScale(firstDataValue)\n    const lastValuePx = this.dataScale(lastDataValue)\n\n    const dataDomainRequiredStart = this.dataScale.invert(firstValuePx + (isHorizontalAndFlipped ? halfGroupWidth : -halfGroupWidth))\n    const dataDomainRequiredEnd = this.dataScale.invert(lastValuePx + (isHorizontalAndFlipped ? -halfGroupWidth : halfGroupWidth))\n    const bleedPxStart = dataDomainRequiredStart <= dataDomain[0] ? this.dataScale(dataDomain[0]) - this.dataScale(dataDomainRequiredStart) : 0\n    const bleedPxEnd = dataDomainRequiredEnd > dataDomain[1] ? this.dataScale(dataDomainRequiredEnd) - this.dataScale(dataDomain[1]) : 0\n\n    return {\n      top: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxEnd : bleedPxStart),\n      bottom: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxStart : bleedPxEnd),\n      left: this.isVertical() ? bleedPxStart : 0,\n      right: this.isVertical() ? bleedPxEnd : 0,\n    }\n  }\n\n  private get dataScale (): ContinuousScale {\n    return this.isVertical() ? this.xScale : this.yScale\n  }\n\n  private get valueScale (): ContinuousScale {\n    return this.isVertical() ? this.yScale : this.xScale\n  }\n\n  private isVertical (): boolean {\n    return this.config.orientation === Orientation.Vertical\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    const yAccessors = this.getAccessors()\n    const stacked = getStackedData(this._barData, 0, yAccessors, this._prevNegative)\n    this._prevNegative = stacked.map(s => !!s.isMostlyNegative)\n\n    const barGroups = this.g\n      .selectAll<SVGGElement, Datum>(`.${s.barGroup}`)\n      .data(this._barData, (d, i) => `${getString(d, config.id, i) ?? i}`)\n\n    const getBarGroupsTransform = (d: Datum, i: number): string => {\n      const v = this.dataScale(getNumber(d, config.x, i))\n      const x = this.isVertical() ? v : 0\n      const y = this.isVertical() ? 0 : v\n      return `translate(${x},${y})`\n    }\n\n    const barGroupsEnter = barGroups.enter().append('g')\n      .attr('class', s.barGroup)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupsMerged = barGroupsEnter.merge(barGroups)\n    smartTransition(barGroupsMerged, duration)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupExit = barGroups.exit()\n      .attr('class', s.barGroupExit)\n\n    smartTransition(barGroupExit, duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Animate bars from exiting groups going down\n    smartTransition(barGroupExit.selectAll(`.${s.bar}`), duration)\n      .attr('transform', this.isVertical()\n        ? `translate(0,${this._height / 3})`\n        : `translate(${this._width / 6},0)`\n      )\n\n    // Render Bars\n    const bars = barGroupsMerged\n      .selectAll<SVGPathElement, StackedBarDataRecord<Datum>>(`.${s.bar}`)\n      .data((d, j) => stacked.map((s, stackIndex) =>\n        ({\n          ...d,\n          _index: j,\n          _stacked: s[j],\n          // Ending bar if the next stack is not the same as the current one\n          _ending: (stackIndex === stacked.length - 1) ||\n            ((stackIndex <= stacked.length - 1) && stacked[stackIndex + 1][j][0] !== s[j][1]),\n        }))\n      )\n\n    const barsEnter = bars.enter().append('path')\n      .attr('class', s.bar)\n      .attr('d', (d, j) => this._getBarPath(d, j, true))\n      .style('fill', (d, j) => getColor(d, config.color, j))\n\n    const barsMerged = barsEnter.merge(bars)\n\n    smartTransition(barsMerged, duration)\n      .attr('d', (d, j) => this._getBarPath(d, j))\n      .style('fill', (d, j) => getColor(d, config.color, j))\n      .style('cursor', (d, j) => getString(d, config.cursor, j))\n\n    smartTransition(bars.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n  }\n\n  _getBarWidth (): number {\n    const { config, datamodel: { data } } = this\n    if (isEmpty(data)) return 0\n    if (config.barWidth) return min([config.barWidth, config.barMaxWidth])\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const isOrdinal = this.dataScale.bandwidth\n    const domain = (this.dataScale.domain ? this.dataScale.domain() : []) as number[]\n    const domainLength = isOrdinal ? domain.length : domain[1] - domain[0]\n\n    // If the dataStep property is provided the amount of data elements is calculates as domainLength / dataStep\n    //   otherwise we get the number of data elements within the domain range\n    // Or if the scale is ordinal we use data.length\n    let dataSize = (1 + domainLength / config.dataStep) ||\n        (!isOrdinal && data.filter((d, i) => {\n          const value = getNumber(d, config.x, i)\n          return (value >= domain[0]) && (value <= domain[1])\n        }).length) ||\n        data.length\n\n    // We increase the dataSize by 1 to take into account possible additional domain space\n    if (!isOrdinal && dataSize >= 2) dataSize += 1\n\n    const c = dataSize < 2 ? 1 : 1 - config.barPadding\n    const barWidth = c * (this.isVertical() ? this._width : this._height) / dataSize\n\n    return min([barWidth, config.barMaxWidth])\n  }\n\n  _getVisibleData (): Datum[] {\n    const { config, datamodel: { data } } = this\n\n    const groupWidth = this._getBarWidth()\n    const halfGroupWidthPx = data.length < 2 ? 0 : groupWidth / 2\n\n    const scale = this.dataScale\n    const halfGroupWidth = Math.abs((scale.invert(halfGroupWidthPx) as number) - (scale.invert(0) as number))\n    const filtered = data?.filter((d, i) => {\n      const v = getNumber(d, config.x, i)\n      const domain: number[] | Date[] = scale.domain()\n      const domainMin = +domain[0]\n      const domainMax = +domain[1]\n      return (v >= (domainMin - halfGroupWidth)) && (v <= (domainMax + halfGroupWidth))\n    })\n\n    return filtered\n  }\n\n  _getBarPath (d: StackedBarDataRecord<Datum>, accessorIndex: number, isEntering = false): string {\n    const { config } = this\n    const yAccessors = this.getAccessors()\n    const barWidth = this._getBarWidth()\n\n    const isNegative = d._stacked[1] < 0\n    const isEnding = d._ending // The most top bar or, if the value is negative, the most bottom bar\n    const value = getNumber(d, yAccessors[accessorIndex], d._index)\n    const height = isEntering ? 0 : Math.abs(this.valueScale(d._stacked[0]) - this.valueScale(d._stacked[1]))\n    const h = !isEntering && config.barMinHeight1Px && (height < 1) && isFinite(value) && (value !== config.barMinHeightZeroValue) ? 1 : height\n    const y = isEntering\n      ? this.valueScale(0)\n      : this.valueScale(isNegative ? d._stacked[0] : d._stacked[1]) - (height < 1 && config.barMinHeight1Px ? 1 : 0)\n\n    const x = -barWidth / 2\n    const width = barWidth\n\n    const cornerRadius = config.roundedCorners\n      ? isNumber(config.roundedCorners) ? +config.roundedCorners : width / 2\n      : 0\n    const cornerRadiusClamped = clamp(cornerRadius, 0, Math.min(height, width) / 2)\n    const isNorthDirected = this.yScale.range()[0] > this.yScale.range()[1]\n\n    return roundedRectPath({\n      x: this.isVertical() ? x : y - h,\n      y: this.isVertical() ? y + (isNorthDirected ? 0 : -h) : x,\n      w: this.isVertical() ? width : h,\n      h: this.isVertical() ? h : width,\n      tl: isEnding && (this.isVertical()\n        ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)\n        : isNegative\n      ),\n      tr: isEnding && (this.isVertical()\n        ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)\n        : !isNegative\n      ),\n      br: isEnding && (this.isVertical()\n        ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)\n        : !isNegative\n      ),\n      bl: isEnding && (this.isVertical()\n        ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)\n        : isNegative\n      ),\n      r: cornerRadiusClamped,\n    })\n  }\n\n  getValueScaleExtent (scaleByVisibleData: boolean): number[] {\n    const { datamodel } = this\n    const yAccessors = this.getAccessors()\n\n    const data = scaleByVisibleData ? this._getVisibleData() : datamodel.data\n    return getStackedExtent(data, ...yAccessors)\n  }\n\n  getDataScaleExtent (): number[] {\n    const { config, datamodel } = this\n    return getExtent(datamodel.data, config.x)\n  }\n\n  getYDataExtent (scaleByVisibleData: boolean): number[] {\n    return this.isVertical() ? this.getValueScaleExtent(scaleByVisibleData) : this.getDataScaleExtent()\n  }\n\n  getXDataExtent (): number[] {\n    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(false)\n  }\n}\n"],"names":["s.barGroup","barGroupExit","s.barGroupExit","s.bar","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.ts"],"sourcesContent":["import { min, max } from 'd3-array'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { isNumber, isArray, isEmpty, clamp, getStackedExtent, getString, getNumber, getStackedData, getExtent } from 'utils/data'\nimport { roundedRectPath } from 'utils/path'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { ContinuousScale } from 'types/scale'\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Orientation } from 'types/position'\n\n// Local Types\nimport { StackedBarDataRecord } from './types'\n\n// Config\nimport { StackedBarDefaultConfig, StackedBarConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class StackedBar<Datum> extends XYComponentCore<Datum, StackedBarConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = StackedBarDefaultConfig as StackedBarConfigInterface<Datum>\n  public config: StackedBarConfigInterface<Datum> = this._defaultConfig\n\n  getAccessors = (): NumericAccessor<Datum>[] => (isArray(this.config.y) ? this.config.y : [this.config.y])\n  stacked = true\n  events = {}\n  private _prevNegative: boolean[] | undefined // To help guessing the bar direction when an accessor was set to null or 0\n  private _barData: Datum[] = []\n\n  constructor (config?: StackedBarConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  get bleed (): Spacing {\n    this._barData = this._getVisibleData()\n    if (this._barData.length === 0) return { top: 0, bottom: 0, left: 0, right: 0 }\n\n    // By default, horizontal orientation is \"flipped\", i.e. the `yDirection` of `XYContainer` is set to `Direction.North`\n    const isHorizontalAndFlipped = !this.isVertical() && (this.dataScale.range()[0] > this.dataScale.range()[1])\n    const dataDomain = this.dataScale.domain()\n    const halfGroupWidth = this._getBarWidth() / 2\n\n    const dataScaleValues = this._barData.map((d, i) => getNumber(d, this.config.x, i))\n    const firstDataValue = min(dataScaleValues)\n    const lastDataValue = max(dataScaleValues)\n    const firstValuePx = this.dataScale(firstDataValue)\n    const lastValuePx = this.dataScale(lastDataValue)\n\n    const dataDomainRequiredStart = this.dataScale.invert(firstValuePx + (isHorizontalAndFlipped ? halfGroupWidth : -halfGroupWidth))\n    const dataDomainRequiredEnd = this.dataScale.invert(lastValuePx + (isHorizontalAndFlipped ? -halfGroupWidth : halfGroupWidth))\n    const bleedPxStart = dataDomainRequiredStart <= dataDomain[0] ? this.dataScale(dataDomain[0]) - this.dataScale(dataDomainRequiredStart) : 0\n    const bleedPxEnd = dataDomainRequiredEnd > dataDomain[1] ? this.dataScale(dataDomainRequiredEnd) - this.dataScale(dataDomain[1]) : 0\n\n    return {\n      top: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxEnd : bleedPxStart),\n      bottom: this.isVertical() ? 0 : (isHorizontalAndFlipped ? -bleedPxStart : bleedPxEnd),\n      left: this.isVertical() ? bleedPxStart : 0,\n      right: this.isVertical() ? bleedPxEnd : 0,\n    }\n  }\n\n  private get dataScale (): ContinuousScale {\n    return this.isVertical() ? this.xScale : this.yScale\n  }\n\n  private get valueScale (): ContinuousScale {\n    return this.isVertical() ? this.yScale : this.xScale\n  }\n\n  private isVertical (): boolean {\n    return this.config.orientation === Orientation.Vertical\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    const yAccessors = this.getAccessors()\n    const stacked = getStackedData(this._barData, 0, yAccessors, this._prevNegative)\n    this._prevNegative = stacked.map(s => !!s.isMostlyNegative)\n\n    const barGroups = this.g\n      .selectAll<SVGGElement, Datum>(`.${s.barGroup}`)\n      .data(this._barData, (d, i) => `${getString(d, config.id, i) ?? i}`)\n\n    const getBarGroupsTransform = (d: Datum, i: number): string => {\n      const v = this.dataScale(getNumber(d, config.x, i))\n      const x = this.isVertical() ? v : 0\n      const y = this.isVertical() ? 0 : v\n      return `translate(${x},${y})`\n    }\n\n    const barGroupsEnter = barGroups.enter().append('g')\n      .attr('class', s.barGroup)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupsMerged = barGroupsEnter.merge(barGroups)\n    smartTransition(barGroupsMerged, duration)\n      .attr('transform', getBarGroupsTransform)\n      .style('opacity', 1)\n\n    const barGroupExit = barGroups.exit()\n      .attr('class', s.barGroupExit)\n\n    smartTransition(barGroupExit, duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Animate bars from exiting groups going down\n    smartTransition(barGroupExit.selectAll(`.${s.bar}`), duration)\n      .attr('transform', this.isVertical()\n        ? `translate(0,${this._height / 3})`\n        : `translate(${this._width / 6},0)`\n      )\n\n    // Render Bars\n    const bars = barGroupsMerged\n      .selectAll<SVGPathElement, StackedBarDataRecord<Datum>>(`.${s.bar}`)\n      .data(\n        (d, j) => stacked\n          .map((s, i) => ({\n            datum: d,\n            index: j,\n            stacked: s[j],\n            stackIndex: i,\n            // Ending bar if the next stack is not the same as the current one\n            isEnding: (i === stacked.length - 1) ||\n              ((i <= stacked.length - 1) && stacked[i + 1][j][0] !== s[j][1]),\n          }))\n          .filter(d => d.stacked[0] !== d.stacked[1]), // Skip zero-height bars\n        d => d.stackIndex // Key function for proper transitions\n      )\n\n    const barsEnter = bars.enter().append('path')\n      .attr('class', s.bar)\n      .attr('d', d => this._getBarPath(d, true))\n      .style('fill', d => getColor(d.datum, config.color, d.stackIndex))\n\n    const barsMerged = barsEnter.merge(bars)\n\n    smartTransition(barsMerged, duration)\n      .attr('d', d => this._getBarPath(d))\n      .style('fill', d => getColor(d.datum, config.color, d.stackIndex))\n      .style('cursor', d => getString(d.datum, config.cursor, d.stackIndex))\n\n    smartTransition(bars.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n  }\n\n  _getBarWidth (): number {\n    const { config, datamodel: { data } } = this\n    if (isEmpty(data)) return 0\n    if (config.barWidth) return min([config.barWidth, config.barMaxWidth])\n\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    const isOrdinal = this.dataScale.bandwidth\n    const domain = (this.dataScale.domain ? this.dataScale.domain() : []) as number[]\n    const domainLength = isOrdinal ? domain.length : domain[1] - domain[0]\n\n    // If the dataStep property is provided the amount of data elements is calculates as domainLength / dataStep\n    //   otherwise we get the number of data elements within the domain range\n    // Or if the scale is ordinal we use data.length\n    let dataSize = (1 + domainLength / config.dataStep) ||\n        (!isOrdinal && data.filter((d, i) => {\n          const value = getNumber(d, config.x, i)\n          return (value >= domain[0]) && (value <= domain[1])\n        }).length) ||\n        data.length\n\n    // We increase the dataSize by 1 to take into account possible additional domain space\n    if (!isOrdinal && dataSize >= 2) dataSize += 1\n\n    const c = dataSize < 2 ? 1 : 1 - config.barPadding\n    const barWidth = c * (this.isVertical() ? this._width : this._height) / dataSize\n\n    return min([barWidth, config.barMaxWidth])\n  }\n\n  _getVisibleData (): Datum[] {\n    const { config, datamodel: { data } } = this\n\n    const groupWidth = this._getBarWidth()\n    const halfGroupWidthPx = data.length < 2 ? 0 : groupWidth / 2\n\n    const scale = this.dataScale\n    const halfGroupWidth = Math.abs((scale.invert(halfGroupWidthPx) as number) - (scale.invert(0) as number))\n    const filtered = data?.filter((d, i) => {\n      const v = getNumber(d, config.x, i)\n      const domain: number[] | Date[] = scale.domain()\n      const domainMin = +domain[0]\n      const domainMax = +domain[1]\n      return (v >= (domainMin - halfGroupWidth)) && (v <= (domainMax + halfGroupWidth))\n    })\n\n    return filtered\n  }\n\n  _getBarPath (d: StackedBarDataRecord<Datum>, isEntering = false): string {\n    const { config } = this\n    const yAccessors = this.getAccessors()\n    const barWidth = this._getBarWidth()\n\n    const isNegative = d.stacked[1] < 0\n    const isEnding = d.isEnding // The most top bar or, if the value is negative, the most bottom bar\n    const value = getNumber(d.datum, yAccessors[d.stackIndex], d.index)\n    const height = isEntering ? 0 : Math.abs(this.valueScale(d.stacked[0]) - this.valueScale(d.stacked[1]))\n    const h = !isEntering && config.barMinHeight1Px && (height < 1) && isFinite(value) && (value !== config.barMinHeightZeroValue) ? 1 : height\n    const y = isEntering\n      ? this.valueScale(0)\n      : this.valueScale(isNegative ? d.stacked[0] : d.stacked[1]) - (height < 1 && config.barMinHeight1Px ? 1 : 0)\n\n    const x = -barWidth / 2\n    const width = barWidth\n\n    const cornerRadius = config.roundedCorners\n      ? isNumber(config.roundedCorners) ? +config.roundedCorners : width / 2\n      : 0\n    const cornerRadiusClamped = clamp(cornerRadius, 0, Math.min(height, width) / 2)\n    const isNorthDirected = this.yScale.range()[0] > this.yScale.range()[1]\n\n    return roundedRectPath({\n      x: this.isVertical() ? x : y - h,\n      y: this.isVertical() ? y + (isNorthDirected ? 0 : -h) : x,\n      w: this.isVertical() ? width : h,\n      h: this.isVertical() ? h : width,\n      tl: isEnding && (this.isVertical()\n        ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)\n        : isNegative\n      ),\n      tr: isEnding && (this.isVertical()\n        ? (!isNegative && isNorthDirected) || (isNegative && !isNorthDirected)\n        : !isNegative\n      ),\n      br: isEnding && (this.isVertical()\n        ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)\n        : !isNegative\n      ),\n      bl: isEnding && (this.isVertical()\n        ? (isNegative && isNorthDirected) || (!isNegative && !isNorthDirected)\n        : isNegative\n      ),\n      r: cornerRadiusClamped,\n    })\n  }\n\n  getValueScaleExtent (scaleByVisibleData: boolean): number[] {\n    const { datamodel } = this\n    const yAccessors = this.getAccessors()\n\n    const data = scaleByVisibleData ? this._getVisibleData() : datamodel.data\n    return getStackedExtent(data, ...yAccessors)\n  }\n\n  getDataScaleExtent (): number[] {\n    const { config, datamodel } = this\n    return getExtent(datamodel.data, config.x)\n  }\n\n  getYDataExtent (scaleByVisibleData: boolean): number[] {\n    return this.isVertical() ? this.getValueScaleExtent(scaleByVisibleData) : this.getDataScaleExtent()\n  }\n\n  getXDataExtent (): number[] {\n    return this.isVertical() ? this.getDataScaleExtent() : this.getValueScaleExtent(false)\n  }\n}\n"],"names":["s.barGroup","barGroupExit","s.barGroupExit","s.bar","s"],"mappings":"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"}

package/components/stacked-bar/types.d.ts

@@ -1,5 +1,7 @@
-export declare type StackedBarDataRecord<D> = D & {
-    _index: number;
-    _stacked: [number, number];
-    _ending: boolean;
+export declare type StackedBarDataRecord<D> = {
+    datum: D;
+    index: number;
+    stacked: [number, number];
+    stackIndex: number;
+    isEnding: boolean;
 };

package/components/treemap/config.d.ts

@@ -25,6 +25,8 @@ export interface TreemapConfigInterface<Datum> extends ComponentConfigInterface
      * Default: `undefined`
      */
     tilePaddingTop?: number;
+    /** Append SVG `<title>` element to tile rects. It will be shown when hovering over the tile. Default: `false` */
+    tileShowHtmlTooltip?: boolean;
     /** Label internal nodes. Default: `false` */
     labelInternalNodes?: boolean;
     /** Label offset in the X direction. Default: `4` */

package/components/treemap/config.js

@@ -1,7 +1,7 @@
 import { ComponentDefaultConfig } from '../../core/component/config.js';
 import { FitMode, TrimMode } from '../../types/text.js';
 
-const TreemapDefaultConfig = Object.assign(Object.assign({}, ComponentDefaultConfig), { id: (d, i) => { var _a; return (_a = d.id) !== null && _a !== void 0 ? _a : i; }, value: undefined, tileColor: undefined, layers: [], tilePadding: 2, tilePaddingTop: undefined, labelInternalNodes: false, labelOffsetX: 4, labelOffsetY: 4, labelFit: FitMode.Wrap, labelTrimMode: TrimMode.Middle, tileBorderRadius: 2, tileBorderRadiusFactor: 1 / 8, enableLightnessVariance: false, enableTileLabelFontSizeVariation: true, tileLabelSmallFontSize: 8, tileLabelMediumFontSize: 12, tileLabelLargeFontSize: 22, showTileClickAffordance: false, lightnessVariationAmount: 0.08, minTileSizeForLabel: 20, numberFormat: (value) => `${value}`, tileLabel: function (d) { return `${d.data.key}: ${this.numberFormat(d.value)}`; } });
+const TreemapDefaultConfig = Object.assign(Object.assign({}, ComponentDefaultConfig), { id: (d, i) => { var _a; return (_a = d.id) !== null && _a !== void 0 ? _a : i; }, value: undefined, tileColor: undefined, layers: [], tilePadding: 2, tilePaddingTop: undefined, tileShowHtmlTooltip: true, labelInternalNodes: false, labelOffsetX: 4, labelOffsetY: 4, labelFit: FitMode.Wrap, labelTrimMode: TrimMode.Middle, tileBorderRadius: 2, tileBorderRadiusFactor: 1 / 8, enableLightnessVariance: false, enableTileLabelFontSizeVariation: true, tileLabelSmallFontSize: 8, tileLabelMediumFontSize: 12, tileLabelLargeFontSize: 22, showTileClickAffordance: false, lightnessVariationAmount: 0.08, minTileSizeForLabel: 20, numberFormat: (value) => `${value}`, tileLabel: function (d) { return `${d.data.key}: ${this.numberFormat(d.value)}`; } });
 
 export { TreemapDefaultConfig };
 //# sourceMappingURL=config.js.map

package/components/treemap/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/treemap/config.ts"],"sourcesContent":["import { ComponentConfigInterface, ComponentDefaultConfig } from 'core/component/config'\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { FitMode, TrimMode } from 'types/text'\nimport { TreemapNode } from './types'\n\nexport interface TreemapConfigInterface<Datum> extends ComponentConfigInterface {\n  id?: ((d: Datum, i: number) => string | number);\n  /* Numeric accessor for segment size value. Default: `undefined`. */\n  value?: NumericAccessor<Datum>;\n\n  /** Array of accessor functions to defined the nested groups. Default: `[]` */\n  layers: StringAccessor<Datum>[];\n\n  /** @deprecated Define `tileLabel` instead.\n   * A function that accepts a value number and returns a string. Default: `(value: number) => `${value}`` */\n  numberFormat?: (value: number) => string;\n\n  /**\n   * Function to generate the label text for each tile. Receives the `TreemapNode` and returns a `string`.\n   * Default: shows key and formatted value (e.g., \"label: value\").\n   */\n  tileLabel?: (node: TreemapNode<Datum>) => string;\n\n  /** Color accessor function for tiles. Default: `undefined` */\n  tileColor?: ColorAccessor<TreemapNode<Datum>>;\n\n  /** Padding passed to D3 treemap layout. Default: `2` */\n  tilePadding?: number;\n\n  /**\n   * Top padding passed to D3 treemap layout.\n   * Useful to make room for internal node labels.\n   * Default: `undefined`\n   */\n  tilePaddingTop?: number;\n\n  /** Label internal nodes. Default: `false` */\n  labelInternalNodes?: boolean;\n\n  /** Label offset in the X direction. Default: `4` */\n  labelOffsetX?: number;\n\n  /** Label offset in the Y direction. Default: `4` */\n  labelOffsetY?: number;\n\n  /** How labels should fit within tiles: wrap or trim. Applicable only for leaf nodes. Default: `FitMode.Wrap` */\n  labelFit?: FitMode;\n\n  /** Label trimming mode. Default: `TrimMode.Middle` */\n  labelTrimMode?: TrimMode;\n\n  /** Border radius of the tiles in pixels. Default: `2` */\n  tileBorderRadius?: number;\n\n  /** Minimum fraction of width for border radius. Default: `1/8` */\n  tileBorderRadiusFactor?: number;\n\n  /** Enable lightness variance for sibling tiles. Default: `false` */\n  enableLightnessVariance?: boolean;\n\n  /** Enable font size variation for leaf node labels based on value. Default: `false` */\n  enableTileLabelFontSizeVariation?: boolean;\n\n  /** Small font size for leaf labels (used when `enableTileLabelFontSizeVariation` is `true`). Default: `8` */\n  tileLabelSmallFontSize?: number;\n\n  /** Medium font size for leaf labels (used when `enableTileLabelFontSizeVariation` is `true`). Default: `12` */\n  tileLabelMediumFontSize?: number;\n\n  /** Large font size for leaf labels (used when `enableTileLabelFontSizeVariation` is `true`). Default: `24` */\n  tileLabelLargeFontSize?: number;\n\n\n  /** Flag for showing cursor:pointer to indicate leaf tiles are clickable. Default: `undefined` */\n  showTileClickAffordance?: boolean;\n\n  /** Amount of lightness variation applied to sibling tiles when `enableLightnessVariance` is `true`. Default: `0.08` */\n  lightnessVariationAmount?: number;\n\n  /** Minimum size for labels in pixels. Default: `20` */\n  minTileSizeForLabel?: number;\n}\n\nexport const TreemapDefaultConfig: TreemapConfigInterface<unknown> = {\n  ...ComponentDefaultConfig,\n  id: (d: unknown, i: number): string | number => (d as { id: string }).id ?? i,\n  value: undefined,\n  tileColor: undefined,\n  layers: [],\n  tilePadding: 2,\n  tilePaddingTop: undefined,\n  labelInternalNodes: false,\n  labelOffsetX: 4,\n  labelOffsetY: 4,\n  labelFit: FitMode.Wrap,\n  labelTrimMode: TrimMode.Middle,\n  tileBorderRadius: 2,\n  tileBorderRadiusFactor: 1 / 8,\n  enableLightnessVariance: false,\n  enableTileLabelFontSizeVariation: true,\n  tileLabelSmallFontSize: 8,\n  tileLabelMediumFontSize: 12,\n  tileLabelLargeFontSize: 22,\n  showTileClickAffordance: false,\n  lightnessVariationAmount: 0.08,\n  minTileSizeForLabel: 20,\n  numberFormat: (value: number) => `${value}`,\n  tileLabel: function (d: TreemapNode<unknown>): string { return `${d.data.key}: ${this.numberFormat(d.value)}` },\n}\n"],"names":[],"mappings":";;;AAmFO,MAAM,oBAAoB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC5B,sBAAsB,CACzB,EAAA,EAAA,EAAE,EAAE,CAAC,CAAU,EAAE,CAAS,eAAsB,OAAA,CAAA,EAAA,GAAC,CAAoB,CAAC,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC,CAAA,EAAA,EAC7E,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,EAAE,EACV,WAAW,EAAE,CAAC,EACd,cAAc,EAAE,SAAS,EACzB,kBAAkB,EAAE,KAAK,EACzB,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,CAAC,EACf,QAAQ,EAAE,OAAO,CAAC,IAAI,EACtB,aAAa,EAAE,QAAQ,CAAC,MAAM,EAC9B,gBAAgB,EAAE,CAAC,EACnB,sBAAsB,EAAE,CAAC,GAAG,CAAC,EAC7B,uBAAuB,EAAE,KAAK,EAC9B,gCAAgC,EAAE,IAAI,EACtC,sBAAsB,EAAE,CAAC,EACzB,uBAAuB,EAAE,EAAE,EAC3B,sBAAsB,EAAE,EAAE,EAC1B,uBAAuB,EAAE,KAAK,EAC9B,wBAAwB,EAAE,IAAI,EAC9B,mBAAmB,EAAE,EAAE,EACvB,YAAY,EAAE,CAAC,KAAa,KAAK,GAAG,KAAK,CAAA,CAAE,EAC3C,SAAS,EAAE,UAAU,CAAuB,EAAY,EAAA,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAE,CAAA,CAAA,EAAE;;;;"}
+{"version":3,"file":"config.js","sources":["../../../src/components/treemap/config.ts"],"sourcesContent":["import { ComponentConfigInterface, ComponentDefaultConfig } from 'core/component/config'\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { FitMode, TrimMode } from 'types/text'\nimport { TreemapNode } from './types'\n\nexport interface TreemapConfigInterface<Datum> extends ComponentConfigInterface {\n  id?: ((d: Datum, i: number) => string | number);\n  /* Numeric accessor for segment size value. Default: `undefined`. */\n  value?: NumericAccessor<Datum>;\n\n  /** Array of accessor functions to defined the nested groups. Default: `[]` */\n  layers: StringAccessor<Datum>[];\n\n  /** @deprecated Define `tileLabel` instead.\n   * A function that accepts a value number and returns a string. Default: `(value: number) => `${value}`` */\n  numberFormat?: (value: number) => string;\n\n  /**\n   * Function to generate the label text for each tile. Receives the `TreemapNode` and returns a `string`.\n   * Default: shows key and formatted value (e.g., \"label: value\").\n   */\n  tileLabel?: (node: TreemapNode<Datum>) => string;\n\n  /** Color accessor function for tiles. Default: `undefined` */\n  tileColor?: ColorAccessor<TreemapNode<Datum>>;\n\n  /** Padding passed to D3 treemap layout. Default: `2` */\n  tilePadding?: number;\n\n  /**\n   * Top padding passed to D3 treemap layout.\n   * Useful to make room for internal node labels.\n   * Default: `undefined`\n   */\n  tilePaddingTop?: number;\n\n  /** Append SVG `<title>` element to tile rects. It will be shown when hovering over the tile. Default: `false` */\n  tileShowHtmlTooltip?: boolean;\n\n  /** Label internal nodes. Default: `false` */\n  labelInternalNodes?: boolean;\n\n  /** Label offset in the X direction. Default: `4` */\n  labelOffsetX?: number;\n\n  /** Label offset in the Y direction. Default: `4` */\n  labelOffsetY?: number;\n\n  /** How labels should fit within tiles: wrap or trim. Applicable only for leaf nodes. Default: `FitMode.Wrap` */\n  labelFit?: FitMode;\n\n  /** Label trimming mode. Default: `TrimMode.Middle` */\n  labelTrimMode?: TrimMode;\n\n  /** Border radius of the tiles in pixels. Default: `2` */\n  tileBorderRadius?: number;\n\n  /** Minimum fraction of width for border radius. Default: `1/8` */\n  tileBorderRadiusFactor?: number;\n\n  /** Enable lightness variance for sibling tiles. Default: `false` */\n  enableLightnessVariance?: boolean;\n\n  /** Enable font size variation for leaf node labels based on value. Default: `false` */\n  enableTileLabelFontSizeVariation?: boolean;\n\n  /** Small font size for leaf labels (used when `enableTileLabelFontSizeVariation` is `true`). Default: `8` */\n  tileLabelSmallFontSize?: number;\n\n  /** Medium font size for leaf labels (used when `enableTileLabelFontSizeVariation` is `true`). Default: `12` */\n  tileLabelMediumFontSize?: number;\n\n  /** Large font size for leaf labels (used when `enableTileLabelFontSizeVariation` is `true`). Default: `24` */\n  tileLabelLargeFontSize?: number;\n\n  /** Flag for showing cursor:pointer to indicate leaf tiles are clickable. Default: `undefined` */\n  showTileClickAffordance?: boolean;\n\n  /** Amount of lightness variation applied to sibling tiles when `enableLightnessVariance` is `true`. Default: `0.08` */\n  lightnessVariationAmount?: number;\n\n  /** Minimum size for labels in pixels. Default: `20` */\n  minTileSizeForLabel?: number;\n}\n\nexport const TreemapDefaultConfig: TreemapConfigInterface<unknown> = {\n  ...ComponentDefaultConfig,\n  id: (d: unknown, i: number): string | number => (d as { id: string }).id ?? i,\n  value: undefined,\n  tileColor: undefined,\n  layers: [],\n  tilePadding: 2,\n  tilePaddingTop: undefined,\n  tileShowHtmlTooltip: true,\n  labelInternalNodes: false,\n  labelOffsetX: 4,\n  labelOffsetY: 4,\n  labelFit: FitMode.Wrap,\n  labelTrimMode: TrimMode.Middle,\n  tileBorderRadius: 2,\n  tileBorderRadiusFactor: 1 / 8,\n  enableLightnessVariance: false,\n  enableTileLabelFontSizeVariation: true,\n  tileLabelSmallFontSize: 8,\n  tileLabelMediumFontSize: 12,\n  tileLabelLargeFontSize: 22,\n  showTileClickAffordance: false,\n  lightnessVariationAmount: 0.08,\n  minTileSizeForLabel: 20,\n  numberFormat: (value: number) => `${value}`,\n  tileLabel: function (d: TreemapNode<unknown>): string { return `${d.data.key}: ${this.numberFormat(d.value)}` },\n}\n"],"names":[],"mappings":";;;AAqFO,MAAM,oBAAoB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC5B,sBAAsB,CACzB,EAAA,EAAA,EAAE,EAAE,CAAC,CAAU,EAAE,CAAS,eAAsB,OAAA,CAAA,EAAA,GAAC,CAAoB,CAAC,EAAE,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,CAAA,EAAA,EAC7E,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,EAAE,EACV,WAAW,EAAE,CAAC,EACd,cAAc,EAAE,SAAS,EACzB,mBAAmB,EAAE,IAAI,EACzB,kBAAkB,EAAE,KAAK,EACzB,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,CAAC,EACf,QAAQ,EAAE,OAAO,CAAC,IAAI,EACtB,aAAa,EAAE,QAAQ,CAAC,MAAM,EAC9B,gBAAgB,EAAE,CAAC,EACnB,sBAAsB,EAAE,CAAC,GAAG,CAAC,EAC7B,uBAAuB,EAAE,KAAK,EAC9B,gCAAgC,EAAE,IAAI,EACtC,sBAAsB,EAAE,CAAC,EACzB,uBAAuB,EAAE,EAAE,EAC3B,sBAAsB,EAAE,EAAE,EAC1B,uBAAuB,EAAE,KAAK,EAC9B,wBAAwB,EAAE,IAAI,EAC9B,mBAAmB,EAAE,EAAE,EACvB,YAAY,EAAE,CAAC,KAAa,KAAK,CAAG,EAAA,KAAK,CAAE,CAAA,EAC3C,SAAS,EAAE,UAAU,CAAuB,EAAA,EAAY,OAAO,CAAG,EAAA,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA,EAAA,EAAK,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAE,CAAA,CAAA,EAAE;;;;"}

package/components/treemap/index.d.ts

@@ -9,8 +9,12 @@ export declare class Treemap<Datum> extends ComponentCore<Datum[], TreemapConfig
     config: TreemapConfigInterface<Datum>;
     datamodel: SeriesDataModel<Datum>;
     tiles: Selection<SVGGElement, unknown, SVGGElement, unknown>;
-    private _isTileLargeEnough;
-    private _getTileLightness;
     constructor(config?: TreemapConfigInterface<Datum>);
     _render(customDuration?: number): void;
+    private _isTileLargeEnough;
+    private _getTopLevelParent;
+    private _getTileLightness;
+    private _getTileBorderRadius;
+    private _getTileHeight;
+    private _getTileWidth;
 }