@unovis/ts 1.7.0-Phoenix.0 → 1.7.0-pre.0

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,41 @@ 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;
 `;
 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`\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

@@ -37,8 +37,6 @@ export declare type SankeyNode<N extends SankeyInputNode, L extends SankeyInputL
     _state?: {
         greyout?: boolean;
         precalculatedHeight?: number;
-        /** Whether this node is collapsed (hides all connected links) */
-        collapsed?: boolean;
     };
 };
 export declare type SankeyLink<N extends SankeyInputNode, L extends SankeyInputLink> = GraphLinkCore<N, L> & {
@@ -84,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    /** Whether this node is collapsed (hides all connected links) */\n    collapsed?: boolean;\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;IAqEY,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/tooltip/index.js

@@ -225,8 +225,8 @@ class Tooltip {
             if (node !== html)
                 this.div.html('').append(() => html);
         }
-        else if (html) {
-            this.div.html(html);
+        else if (html !== null) {
+            this.div.html(html || '');
         }
         this.div
             .classed((_a = config.className) !== null && _a !== void 0 ? _a : '', Boolean(config.className))

package/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import { select, Selection, pointer } from 'd3-selection'\n\n// Core\nimport { ComponentCore } from 'core/component'\n\n// Types\nimport { Position } from 'types/position'\n\n// Utils\nimport { merge, throttle } from 'utils/data'\n\n// Config\nimport { TooltipDefaultConfig, TooltipConfigInterface } from './config'\n\n// Style\nimport * as s from './style'\n\nexport class Tooltip {\n  element: HTMLElement\n  div: Selection<HTMLElement, unknown, null, undefined>\n  protected _defaultConfig = TooltipDefaultConfig as TooltipConfigInterface\n  public config: TooltipConfigInterface = this._defaultConfig\n  prevConfig: TooltipConfigInterface\n  components: ComponentCore<unknown>[]\n  static selectors = s\n  private _setUpEventsThrottled = throttle(this._setUpEvents, 500)\n  private _setContainerPositionThrottled = throttle(this._setContainerPosition, 500)\n  private _isShown = false\n  private _container: HTMLElement\n  private _mutationObserver: MutationObserver\n  private _hoveredElement: HTMLElement | SVGElement\n  private _position: [number, number]\n  private _overriddenHorizontalPlacement: Position.Left | Position.Right | string | undefined\n  private _hideDelayTimeoutId: ReturnType<typeof setTimeout> | undefined\n  private _showDelayTimeoutId: ReturnType<typeof setTimeout> | undefined\n\n  constructor (config: TooltipConfigInterface = {}) {\n    this.element = document.createElement('div')\n    this.div = select(this.element)\n      .attr('class', s.root)\n      .classed(s.show, false)\n      .classed(s.hidden, true)\n\n    this.setConfig(config)\n    this.components = this.config.components\n\n    // Set up MutationObserver to automatically re-position the tooltip\n    // if the content has been dynamically changed\n    this._mutationObserver = new MutationObserver(() => {\n      if (!this._isShown) return\n\n      // Handle changes to the content of this.div\n      // Add your logic here\n      if (!this.config.followCursor && this._hoveredElement) {\n        this.placeByElement(this._hoveredElement)\n      } else if (this._position) {\n        this.place({ x: this._position[0], y: this._position[1] })\n      }\n    })\n\n    this._mutationObserver.observe(this.div.node(), { childList: true, subtree: true })\n  }\n\n  public setConfig (config: TooltipConfigInterface): void {\n    this.prevConfig = this.config\n    this.config = merge(this._defaultConfig, config)\n\n    // Reset `this._overriddenHorizontalPlacement` if the `horizontalPlacement` has changed\n    if (this.prevConfig.horizontalPlacement !== this.config.horizontalPlacement) {\n      this.overrideHorizontalPlacement(undefined)\n    }\n\n    if (this.config.container && (this.config.container !== this.prevConfig?.container)) {\n      this.setContainer(this.config.container)\n    }\n\n    this._setUpAttributes()\n  }\n\n  public setContainer (container: HTMLElement): void {\n    this.element.parentNode?.removeChild(this.element)\n\n    this._container = container\n    this._container.appendChild(this.element)\n\n    this._setContainerPositionThrottled()\n  }\n\n  public getContainer (): HTMLElement {\n    return this._container\n  }\n\n  public hasContainer (): boolean {\n    return !!this._container && this._container.isConnected\n  }\n\n  public setComponents (components: ComponentCore<unknown>[]): void {\n    this.components = components\n  }\n\n  public update (): void {\n    if (!this._container) return\n\n    this._setUpEventsThrottled()\n  }\n\n  /** Show the tooltip immediately by providing content and position */\n  public show (html: string | HTMLElement | null | void, pos: { x: number; y: number }): void {\n    this.render(html)\n    this.place(pos)\n  }\n\n  private _hide (): void {\n    this.div\n      .classed(s.show, false) // The `show` class triggers the opacity transition\n      .on('transitionend', () => {\n        // We hide the element once the transition completes\n        // This ensures container overflow will not occur when the window is resized\n        this.div.classed(s.hidden, !this._isShown)\n      })\n\n    this._isShown = false\n  }\n\n  /** Hides the tooltip after `hideDelay` */\n  public hide (): void {\n    window.clearTimeout(this._showDelayTimeoutId)\n    if (this.config.hideDelay) {\n      window.clearTimeout(this._hideDelayTimeoutId)\n      this._hideDelayTimeoutId = setTimeout(() => this._hide(), this.config.hideDelay)\n    } else {\n      this._hide()\n    }\n  }\n\n  private _display (): void {\n    window.clearTimeout(this._hideDelayTimeoutId)\n    this.div\n      .classed(s.hidden, false) // The `hidden` class sets `display: none;`\n      .classed(s.show, true) // The `show` class triggers the opacity transition\n\n    this._isShown = true\n  }\n\n  /** Simply display the tooltip with its previous content on position, taking into account `showDelay` */\n  public display (): void {\n    if (this._isShown) return\n\n    if (this.config.showDelay) {\n      window.clearTimeout(this._showDelayTimeoutId)\n      this._showDelayTimeoutId = setTimeout(() => {\n        this._display()\n        this.place({ x: this._position[0], y: this._position[1] })\n      }, this.config.showDelay)\n    } else {\n      this._display()\n    }\n  }\n\n  public place (pos: { x: number; y: number }): void {\n    this._position = [pos.x, pos.y]\n\n    if (!this.hasContainer()) {\n      console.warn('Unovis | Tooltip: Container was not set or is not initialized yet')\n      return\n    }\n\n    const { config } = this\n    const tooltipWidth = this.element.offsetWidth\n    const tooltipHeight = this.element.offsetHeight\n\n    const horizontalPlacement = this._overriddenHorizontalPlacement ||\n      (config.horizontalPlacement === Position.Auto\n        ? Position.Center\n        : config.horizontalPlacement)\n\n    const verticalPlacement = config.verticalPlacement === Position.Auto\n      ? ((pos.y - tooltipHeight) < 0 ? Position.Bottom : Position.Top)\n      : config.verticalPlacement\n\n    // Todo: Get rid of the hardcoded margin in version 2.0\n    // Can be simply replaced with `verticalShift` and `horizontalShift`\n    // but it'll be a breaking change\n    const margin = 5\n    const translateX = horizontalPlacement === Position.Left ? -tooltipWidth - margin - config.horizontalShift\n      : horizontalPlacement === Position.Center ? -tooltipWidth / 2\n        : margin + config.horizontalShift\n\n    const translateY = verticalPlacement === Position.Bottom ? margin + config.verticalShift\n      : verticalPlacement === Position.Center ? -tooltipHeight / 2\n        : -margin - config.verticalShift - tooltipHeight\n\n    // translateX and translateY variables shift the tooltip from the default position (above the cursor, centred horizontally)\n    const [top, left] = this._constraintPosToContainer(pos.x + translateX, pos.y + translateY, tooltipWidth, tooltipHeight)\n    this._applyPosition(top, left, tooltipHeight)\n  }\n\n  public placeByElement (hoveredElement: SVGElement | HTMLElement): void {\n    const { config } = this\n\n    // Store the hovered element and the event for future reference,\n    // i.e. to re-position the tooltip if the content has been changed\n    // by something else and it was captured by the MutationObserver\n    this._hoveredElement = hoveredElement\n\n    // Todo: Get rid of the hardcoded margin in version 2.0\n    // Can be simply replaced with `verticalShift` and `horizontalShift`\n    // but it'll be a breaking change\n    const margin = 5\n    const tooltipWidth = this.element.offsetWidth\n    const tooltipHeight = this.element.offsetHeight\n    const isContainerBody = this.isContainerBody()\n    const containerWidth = isContainerBody ? window.innerWidth : this._container.scrollWidth\n    const hoveredElementRect = hoveredElement.getBoundingClientRect()\n\n    // We use D3's point transformation to get the correct position of the element by pretending it's a pointer event\n    // See more: https://github.com/d3/d3-selection/blob/main/src/pointer.js\n    const elementPos = isContainerBody ? [hoveredElementRect.x, hoveredElementRect.y] : pointer({\n      clientX: hoveredElementRect.x,\n      clientY: hoveredElementRect.y,\n      pageX: hoveredElementRect.x,\n      pageY: hoveredElementRect.y,\n    }, this._container)\n\n    const horizontalPlacement = this._overriddenHorizontalPlacement || (\n      config.horizontalPlacement === Position.Auto\n        ? (elementPos[0] - tooltipWidth < 0 ? Position.Right\n          : elementPos[0] + tooltipWidth > containerWidth ? Position.Left : Position.Center)\n        : config.horizontalPlacement\n    )\n\n    let translateX = 0\n    switch (horizontalPlacement) {\n      case Position.Left:\n        translateX = -tooltipWidth - margin - config.horizontalShift\n        break\n      case Position.Right:\n        translateX = hoveredElementRect.width + margin + config.horizontalShift\n        break\n      case Position.Center:\n      default:\n        translateX = (-tooltipWidth + hoveredElementRect.width) / 2\n        break\n    }\n\n    const verticalPlacement = config.verticalPlacement === Position.Auto\n      ? (horizontalPlacement !== Position.Center ? Position.Center\n        : elementPos[1] - tooltipHeight < 0 ? Position.Bottom : Position.Top)\n      : config.verticalPlacement\n\n    let translateY = -tooltipHeight\n    switch (verticalPlacement) {\n      case Position.Center:\n        translateY += (tooltipHeight + hoveredElementRect.height) / 2\n        break\n      case Position.Bottom:\n        translateY += tooltipHeight + hoveredElementRect.height + margin + config.verticalShift\n        break\n      case Position.Top:\n      default:\n        translateY += -margin - config.verticalShift\n        break\n    }\n\n    const [top, left] = this._constraintPosToContainer(elementPos[0] + translateX, elementPos[1] + translateY, tooltipWidth, tooltipHeight)\n    this._applyPosition(top, left, tooltipHeight)\n  }\n\n  public isContainerBody (): boolean {\n    return this._container === document.body\n  }\n\n  /** Allows to override the horizontal placement of the tooltip which is useful when you want to define custom positioning behavior.\n   * This method has been added for Crosshair to allow it position tooltip left or right of the crosshair line\n   * (see the `_showTooltip` method of the Crosshair component).\n   */\n  public overrideHorizontalPlacement (placement: Position.Left | Position.Right | string | undefined): void {\n    this._overriddenHorizontalPlacement = placement\n  }\n\n  public render (html: string | HTMLElement | null | void): void {\n    const { config, prevConfig } = this\n    if (html instanceof HTMLElement) {\n      const node = this.div.select(':first-child').node()\n      if (node !== html) this.div.html('').append(() => html)\n    } else if (html) {\n      this.div.html(html)\n    }\n\n    this.div\n      .classed(config.className ?? '', Boolean(config.className))\n      .classed(s.nonInteractive, !config.allowHover)\n\n    // Remove the previous class name if it was set\n    if (prevConfig?.className && prevConfig.className !== config.className) {\n      this.div.classed(prevConfig.className, false)\n    }\n\n    this.display()\n  }\n\n  private _applyPosition (x: number, y: number, tooltipHeight: number): void {\n    const isContainerBody = this.isContainerBody()\n    const containerHeight = isContainerBody ? window.innerHeight : this._container.scrollHeight\n\n    this.div\n      .classed(s.positionFixed, isContainerBody)\n      .style('top', isContainerBody ? `${y}px` : 'unset')\n      .style('bottom', !isContainerBody ? `${containerHeight - y - tooltipHeight}px` : 'unset')\n      .style('left', `${x}px`)\n  }\n\n  private _constraintPosToContainer (top: number, left: number, tooltipWidth: number, tooltipHeight: number): [number, number] {\n    const isContainerBody = this.isContainerBody()\n    const containerHeight = isContainerBody ? window.innerHeight : this._container.scrollHeight\n    const containerWidth = isContainerBody ? window.innerWidth : this._container.scrollWidth\n\n    // // Constraint to container\n    const paddingX = 10\n    const hitRight = top > (containerWidth - tooltipWidth - paddingX)\n    const hitLeft = top < paddingX\n    const constrainedLeft = hitRight ? containerWidth - tooltipWidth - paddingX\n      : hitLeft ? paddingX : top\n\n    const paddingY = 10\n    const hitBottom = left > (containerHeight - tooltipHeight - paddingY)\n    const hitTop = left < paddingY\n    const constrainedTop = hitBottom ? containerHeight - tooltipHeight - paddingY\n      : hitTop ? paddingY : left\n\n    return [\n      containerWidth < tooltipWidth ? 0 : constrainedLeft,\n      containerHeight < tooltipHeight ? 0 : constrainedTop,\n    ]\n  }\n\n  private _setContainerPosition (): void {\n    // Tooltip position calculation relies on the parent position\n    // If it's not set (static), we set it to `relative` (not a good practice)\n    if (this._container !== document.body && getComputedStyle(this._container)?.position === 'static') {\n      this._container.style.position = 'relative'\n    }\n  }\n\n  private _setUpEvents (): void {\n    const { config } = this\n\n    // We use the Event Delegation pattern to set up Tooltip events\n    // Every component will have single `mousemove` and `mouseleave` event listener functions, where we'll check\n    // the `path` of the event and trigger corresponding callbacks\n    this.components.forEach(component => {\n      const selection = select(component.element)\n      selection\n        .on('mousemove.tooltip', (e: MouseEvent) => {\n          const { config: currentConfig } = this // get latest config because it could have been changed after the event was triggered\n          const path: (HTMLElement | SVGGElement)[] = (e.composedPath && e.composedPath()) || (e as any).path || [e.target]\n\n          // Go through all of the configured triggers\n          for (const className of Object.keys(currentConfig.triggers)) {\n            const template = currentConfig.triggers[className]\n            if (!template) continue // Skip if the trigger is not configured\n\n            const els = selection.selectAll<HTMLElement | SVGGElement, unknown>(`.${className}`).nodes()\n\n            // Go through all of the elements in the event path (from the deepest element upwards)\n            for (const el of path) {\n              if (el === selection.node()) break // Break on the component's level (usually the `<g>` element)\n              if (el.classList.contains(className)) { // If there's a match, show the tooltip\n                const i = els.indexOf(el)\n                const d = select(el).datum()\n                const content = template(d, i, els)\n                const [x, y] = this.isContainerBody() ? [e.clientX, e.clientY] : pointer(e, this._container)\n                if (content === null) {\n                  // If the content is `null`, we hide the tooltip\n                  this.hide()\n                } else {\n                  // Otherwise we show the tooltip, but don't render the content if it's `undefined` or\n                  // an empty string. This way we can allow it to work with things like `createPortal` in React\n                  this.render(content)\n                  if (currentConfig.followCursor) this.place({ x, y })\n                  else this.placeByElement(el)\n                }\n\n                // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n                e.stopPropagation()\n\n                // Stop looking for other matches\n                return\n              }\n            }\n          }\n\n          // Hide the tooltip if the event didn't pass through any of the configured triggers.\n          // We use the `this._isShown` condition as a little performance optimization tweak\n          // (we don't want the tooltip to update its class on every mouse movement, see `this.hide()`).\n          if (this._isShown) this.hide()\n        })\n        .on('mouseleave.tooltip', (e: MouseEvent) => {\n          e.stopPropagation() // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n          this.hide()\n        })\n    })\n\n    // Set up Tooltip hover\n    if (config.allowHover) {\n      this.div\n        .on('mouseenter.tooltip', this._display.bind(this))\n        .on('mouseleave.tooltip', this.hide.bind(this))\n    } else {\n      this.div\n        .on('mouseenter.tooltip', null)\n        .on('mouseleave.tooltip', null)\n    }\n  }\n\n  private _setUpAttributes (): void {\n    const attributesMap = this.config.attributes\n    if (!attributesMap) return\n\n    Object.keys(attributesMap).forEach(attr => {\n      this.div.attr(attr, attributesMap[attr])\n    })\n  }\n\n  public destroy (): void {\n    this._mutationObserver.disconnect()\n    window.clearTimeout(this._hideDelayTimeoutId)\n    window.clearTimeout(this._showDelayTimeoutId)\n    this.div?.remove()\n  }\n}\n"],"names":["s.root","s.show","s.hidden","s.nonInteractive","s.positionFixed","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import { select, Selection, pointer } from 'd3-selection'\n\n// Core\nimport { ComponentCore } from 'core/component'\n\n// Types\nimport { Position } from 'types/position'\n\n// Utils\nimport { merge, throttle } from 'utils/data'\n\n// Config\nimport { TooltipDefaultConfig, TooltipConfigInterface } from './config'\n\n// Style\nimport * as s from './style'\n\nexport class Tooltip {\n  element: HTMLElement\n  div: Selection<HTMLElement, unknown, null, undefined>\n  protected _defaultConfig = TooltipDefaultConfig as TooltipConfigInterface\n  public config: TooltipConfigInterface = this._defaultConfig\n  prevConfig: TooltipConfigInterface\n  components: ComponentCore<unknown>[]\n  static selectors = s\n  private _setUpEventsThrottled = throttle(this._setUpEvents, 500)\n  private _setContainerPositionThrottled = throttle(this._setContainerPosition, 500)\n  private _isShown = false\n  private _container: HTMLElement\n  private _mutationObserver: MutationObserver\n  private _hoveredElement: HTMLElement | SVGElement\n  private _position: [number, number]\n  private _overriddenHorizontalPlacement: Position.Left | Position.Right | string | undefined\n  private _hideDelayTimeoutId: ReturnType<typeof setTimeout> | undefined\n  private _showDelayTimeoutId: ReturnType<typeof setTimeout> | undefined\n\n  constructor (config: TooltipConfigInterface = {}) {\n    this.element = document.createElement('div')\n    this.div = select(this.element)\n      .attr('class', s.root)\n      .classed(s.show, false)\n      .classed(s.hidden, true)\n\n    this.setConfig(config)\n    this.components = this.config.components\n\n    // Set up MutationObserver to automatically re-position the tooltip\n    // if the content has been dynamically changed\n    this._mutationObserver = new MutationObserver(() => {\n      if (!this._isShown) return\n\n      // Handle changes to the content of this.div\n      // Add your logic here\n      if (!this.config.followCursor && this._hoveredElement) {\n        this.placeByElement(this._hoveredElement)\n      } else if (this._position) {\n        this.place({ x: this._position[0], y: this._position[1] })\n      }\n    })\n\n    this._mutationObserver.observe(this.div.node(), { childList: true, subtree: true })\n  }\n\n  public setConfig (config: TooltipConfigInterface): void {\n    this.prevConfig = this.config\n    this.config = merge(this._defaultConfig, config)\n\n    // Reset `this._overriddenHorizontalPlacement` if the `horizontalPlacement` has changed\n    if (this.prevConfig.horizontalPlacement !== this.config.horizontalPlacement) {\n      this.overrideHorizontalPlacement(undefined)\n    }\n\n    if (this.config.container && (this.config.container !== this.prevConfig?.container)) {\n      this.setContainer(this.config.container)\n    }\n\n    this._setUpAttributes()\n  }\n\n  public setContainer (container: HTMLElement): void {\n    this.element.parentNode?.removeChild(this.element)\n\n    this._container = container\n    this._container.appendChild(this.element)\n\n    this._setContainerPositionThrottled()\n  }\n\n  public getContainer (): HTMLElement {\n    return this._container\n  }\n\n  public hasContainer (): boolean {\n    return !!this._container && this._container.isConnected\n  }\n\n  public setComponents (components: ComponentCore<unknown>[]): void {\n    this.components = components\n  }\n\n  public update (): void {\n    if (!this._container) return\n\n    this._setUpEventsThrottled()\n  }\n\n  /** Show the tooltip immediately by providing content and position */\n  public show (html: string | HTMLElement | null | void, pos: { x: number; y: number }): void {\n    this.render(html)\n    this.place(pos)\n  }\n\n  private _hide (): void {\n    this.div\n      .classed(s.show, false) // The `show` class triggers the opacity transition\n      .on('transitionend', () => {\n        // We hide the element once the transition completes\n        // This ensures container overflow will not occur when the window is resized\n        this.div.classed(s.hidden, !this._isShown)\n      })\n\n    this._isShown = false\n  }\n\n  /** Hides the tooltip after `hideDelay` */\n  public hide (): void {\n    window.clearTimeout(this._showDelayTimeoutId)\n    if (this.config.hideDelay) {\n      window.clearTimeout(this._hideDelayTimeoutId)\n      this._hideDelayTimeoutId = setTimeout(() => this._hide(), this.config.hideDelay)\n    } else {\n      this._hide()\n    }\n  }\n\n  private _display (): void {\n    window.clearTimeout(this._hideDelayTimeoutId)\n    this.div\n      .classed(s.hidden, false) // The `hidden` class sets `display: none;`\n      .classed(s.show, true) // The `show` class triggers the opacity transition\n\n    this._isShown = true\n  }\n\n  /** Simply display the tooltip with its previous content on position, taking into account `showDelay` */\n  public display (): void {\n    if (this._isShown) return\n\n    if (this.config.showDelay) {\n      window.clearTimeout(this._showDelayTimeoutId)\n      this._showDelayTimeoutId = setTimeout(() => {\n        this._display()\n        this.place({ x: this._position[0], y: this._position[1] })\n      }, this.config.showDelay)\n    } else {\n      this._display()\n    }\n  }\n\n  public place (pos: { x: number; y: number }): void {\n    this._position = [pos.x, pos.y]\n\n    if (!this.hasContainer()) {\n      console.warn('Unovis | Tooltip: Container was not set or is not initialized yet')\n      return\n    }\n\n    const { config } = this\n    const tooltipWidth = this.element.offsetWidth\n    const tooltipHeight = this.element.offsetHeight\n\n    const horizontalPlacement = this._overriddenHorizontalPlacement ||\n      (config.horizontalPlacement === Position.Auto\n        ? Position.Center\n        : config.horizontalPlacement)\n\n    const verticalPlacement = config.verticalPlacement === Position.Auto\n      ? ((pos.y - tooltipHeight) < 0 ? Position.Bottom : Position.Top)\n      : config.verticalPlacement\n\n    // Todo: Get rid of the hardcoded margin in version 2.0\n    // Can be simply replaced with `verticalShift` and `horizontalShift`\n    // but it'll be a breaking change\n    const margin = 5\n    const translateX = horizontalPlacement === Position.Left ? -tooltipWidth - margin - config.horizontalShift\n      : horizontalPlacement === Position.Center ? -tooltipWidth / 2\n        : margin + config.horizontalShift\n\n    const translateY = verticalPlacement === Position.Bottom ? margin + config.verticalShift\n      : verticalPlacement === Position.Center ? -tooltipHeight / 2\n        : -margin - config.verticalShift - tooltipHeight\n\n    // translateX and translateY variables shift the tooltip from the default position (above the cursor, centred horizontally)\n    const [top, left] = this._constraintPosToContainer(pos.x + translateX, pos.y + translateY, tooltipWidth, tooltipHeight)\n    this._applyPosition(top, left, tooltipHeight)\n  }\n\n  public placeByElement (hoveredElement: SVGElement | HTMLElement): void {\n    const { config } = this\n\n    // Store the hovered element and the event for future reference,\n    // i.e. to re-position the tooltip if the content has been changed\n    // by something else and it was captured by the MutationObserver\n    this._hoveredElement = hoveredElement\n\n    // Todo: Get rid of the hardcoded margin in version 2.0\n    // Can be simply replaced with `verticalShift` and `horizontalShift`\n    // but it'll be a breaking change\n    const margin = 5\n    const tooltipWidth = this.element.offsetWidth\n    const tooltipHeight = this.element.offsetHeight\n    const isContainerBody = this.isContainerBody()\n    const containerWidth = isContainerBody ? window.innerWidth : this._container.scrollWidth\n    const hoveredElementRect = hoveredElement.getBoundingClientRect()\n\n    // We use D3's point transformation to get the correct position of the element by pretending it's a pointer event\n    // See more: https://github.com/d3/d3-selection/blob/main/src/pointer.js\n    const elementPos = isContainerBody ? [hoveredElementRect.x, hoveredElementRect.y] : pointer({\n      clientX: hoveredElementRect.x,\n      clientY: hoveredElementRect.y,\n      pageX: hoveredElementRect.x,\n      pageY: hoveredElementRect.y,\n    }, this._container)\n\n    const horizontalPlacement = this._overriddenHorizontalPlacement || (\n      config.horizontalPlacement === Position.Auto\n        ? (elementPos[0] - tooltipWidth < 0 ? Position.Right\n          : elementPos[0] + tooltipWidth > containerWidth ? Position.Left : Position.Center)\n        : config.horizontalPlacement\n    )\n\n    let translateX = 0\n    switch (horizontalPlacement) {\n      case Position.Left:\n        translateX = -tooltipWidth - margin - config.horizontalShift\n        break\n      case Position.Right:\n        translateX = hoveredElementRect.width + margin + config.horizontalShift\n        break\n      case Position.Center:\n      default:\n        translateX = (-tooltipWidth + hoveredElementRect.width) / 2\n        break\n    }\n\n    const verticalPlacement = config.verticalPlacement === Position.Auto\n      ? (horizontalPlacement !== Position.Center ? Position.Center\n        : elementPos[1] - tooltipHeight < 0 ? Position.Bottom : Position.Top)\n      : config.verticalPlacement\n\n    let translateY = -tooltipHeight\n    switch (verticalPlacement) {\n      case Position.Center:\n        translateY += (tooltipHeight + hoveredElementRect.height) / 2\n        break\n      case Position.Bottom:\n        translateY += tooltipHeight + hoveredElementRect.height + margin + config.verticalShift\n        break\n      case Position.Top:\n      default:\n        translateY += -margin - config.verticalShift\n        break\n    }\n\n    const [top, left] = this._constraintPosToContainer(elementPos[0] + translateX, elementPos[1] + translateY, tooltipWidth, tooltipHeight)\n    this._applyPosition(top, left, tooltipHeight)\n  }\n\n  public isContainerBody (): boolean {\n    return this._container === document.body\n  }\n\n  /** Allows to override the horizontal placement of the tooltip which is useful when you want to define custom positioning behavior.\n   * This method has been added for Crosshair to allow it position tooltip left or right of the crosshair line\n   * (see the `_showTooltip` method of the Crosshair component).\n   */\n  public overrideHorizontalPlacement (placement: Position.Left | Position.Right | string | undefined): void {\n    this._overriddenHorizontalPlacement = placement\n  }\n\n  public render (html: string | HTMLElement | null | void): void {\n    const { config, prevConfig } = this\n    if (html instanceof HTMLElement) {\n      const node = this.div.select(':first-child').node()\n      if (node !== html) this.div.html('').append(() => html)\n    } else if (html !== null) {\n      this.div.html(html || '')\n    }\n\n    this.div\n      .classed(config.className ?? '', Boolean(config.className))\n      .classed(s.nonInteractive, !config.allowHover)\n\n    // Remove the previous class name if it was set\n    if (prevConfig?.className && prevConfig.className !== config.className) {\n      this.div.classed(prevConfig.className, false)\n    }\n\n    this.display()\n  }\n\n  private _applyPosition (x: number, y: number, tooltipHeight: number): void {\n    const isContainerBody = this.isContainerBody()\n    const containerHeight = isContainerBody ? window.innerHeight : this._container.scrollHeight\n\n    this.div\n      .classed(s.positionFixed, isContainerBody)\n      .style('top', isContainerBody ? `${y}px` : 'unset')\n      .style('bottom', !isContainerBody ? `${containerHeight - y - tooltipHeight}px` : 'unset')\n      .style('left', `${x}px`)\n  }\n\n  private _constraintPosToContainer (top: number, left: number, tooltipWidth: number, tooltipHeight: number): [number, number] {\n    const isContainerBody = this.isContainerBody()\n    const containerHeight = isContainerBody ? window.innerHeight : this._container.scrollHeight\n    const containerWidth = isContainerBody ? window.innerWidth : this._container.scrollWidth\n\n    // // Constraint to container\n    const paddingX = 10\n    const hitRight = top > (containerWidth - tooltipWidth - paddingX)\n    const hitLeft = top < paddingX\n    const constrainedLeft = hitRight ? containerWidth - tooltipWidth - paddingX\n      : hitLeft ? paddingX : top\n\n    const paddingY = 10\n    const hitBottom = left > (containerHeight - tooltipHeight - paddingY)\n    const hitTop = left < paddingY\n    const constrainedTop = hitBottom ? containerHeight - tooltipHeight - paddingY\n      : hitTop ? paddingY : left\n\n    return [\n      containerWidth < tooltipWidth ? 0 : constrainedLeft,\n      containerHeight < tooltipHeight ? 0 : constrainedTop,\n    ]\n  }\n\n  private _setContainerPosition (): void {\n    // Tooltip position calculation relies on the parent position\n    // If it's not set (static), we set it to `relative` (not a good practice)\n    if (this._container !== document.body && getComputedStyle(this._container)?.position === 'static') {\n      this._container.style.position = 'relative'\n    }\n  }\n\n  private _setUpEvents (): void {\n    const { config } = this\n\n    // We use the Event Delegation pattern to set up Tooltip events\n    // Every component will have single `mousemove` and `mouseleave` event listener functions, where we'll check\n    // the `path` of the event and trigger corresponding callbacks\n    this.components.forEach(component => {\n      const selection = select(component.element)\n      selection\n        .on('mousemove.tooltip', (e: MouseEvent) => {\n          const { config: currentConfig } = this // get latest config because it could have been changed after the event was triggered\n          const path: (HTMLElement | SVGGElement)[] = (e.composedPath && e.composedPath()) || (e as any).path || [e.target]\n\n          // Go through all of the configured triggers\n          for (const className of Object.keys(currentConfig.triggers)) {\n            const template = currentConfig.triggers[className]\n            if (!template) continue // Skip if the trigger is not configured\n\n            const els = selection.selectAll<HTMLElement | SVGGElement, unknown>(`.${className}`).nodes()\n\n            // Go through all of the elements in the event path (from the deepest element upwards)\n            for (const el of path) {\n              if (el === selection.node()) break // Break on the component's level (usually the `<g>` element)\n              if (el.classList.contains(className)) { // If there's a match, show the tooltip\n                const i = els.indexOf(el)\n                const d = select(el).datum()\n                const content = template(d, i, els)\n                const [x, y] = this.isContainerBody() ? [e.clientX, e.clientY] : pointer(e, this._container)\n                if (content === null) {\n                  // If the content is `null`, we hide the tooltip\n                  this.hide()\n                } else {\n                  // Otherwise we show the tooltip, but don't render the content if it's `undefined` or\n                  // an empty string. This way we can allow it to work with things like `createPortal` in React\n                  this.render(content)\n                  if (currentConfig.followCursor) this.place({ x, y })\n                  else this.placeByElement(el)\n                }\n\n                // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n                e.stopPropagation()\n\n                // Stop looking for other matches\n                return\n              }\n            }\n          }\n\n          // Hide the tooltip if the event didn't pass through any of the configured triggers.\n          // We use the `this._isShown` condition as a little performance optimization tweak\n          // (we don't want the tooltip to update its class on every mouse movement, see `this.hide()`).\n          if (this._isShown) this.hide()\n        })\n        .on('mouseleave.tooltip', (e: MouseEvent) => {\n          e.stopPropagation() // Stop propagation to prevent other interfering events from being triggered, e.g. Crosshair\n          this.hide()\n        })\n    })\n\n    // Set up Tooltip hover\n    if (config.allowHover) {\n      this.div\n        .on('mouseenter.tooltip', this._display.bind(this))\n        .on('mouseleave.tooltip', this.hide.bind(this))\n    } else {\n      this.div\n        .on('mouseenter.tooltip', null)\n        .on('mouseleave.tooltip', null)\n    }\n  }\n\n  private _setUpAttributes (): void {\n    const attributesMap = this.config.attributes\n    if (!attributesMap) return\n\n    Object.keys(attributesMap).forEach(attr => {\n      this.div.attr(attr, attributesMap[attr])\n    })\n  }\n\n  public destroy (): void {\n    this._mutationObserver.disconnect()\n    window.clearTimeout(this._hideDelayTimeoutId)\n    window.clearTimeout(this._showDelayTimeoutId)\n    this.div?.remove()\n  }\n}\n"],"names":["s.root","s.show","s.hidden","s.nonInteractive","s.positionFixed","s"],"mappings":"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"}

package/components/treemap/index.js

@@ -236,11 +236,9 @@ class Treemap extends ComponentCore {
                 trimSVGText(text, tileWidth, config.labelTrimMode, true, fontSize);
             }
         });
-        // Transition group position
-        smartTransition(mergedTiles.select(`g.${labelGroup}`), duration)
-            .attr('transform', d => `translate(${d.x0 + config.labelOffsetX},${d.y0 + config.labelOffsetY})`);
-        // Transition text opacity only (fade-in)
+        // Transition group position and text opacity (fade-in)
         smartTransition(mergedTiles.select(`g.${labelGroup}`), duration)
+            .attr('transform', d => `translate(${d.x0 + config.labelOffsetX},${d.y0 + config.labelOffsetY})`)
             .style('opacity', 1);
         // Hide labels that don't meet criteria
         mergedTiles.select(`text.${label}`)