@undp/data-viz 1.4.12 → 1.4.14

package/dist/TreeMapGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeMapGraph.js","sources":["../node_modules/d3-hierarchy/src/hierarchy/count.js","../node_modules/d3-hierarchy/src/hierarchy/each.js","../node_modules/d3-hierarchy/src/hierarchy/eachBefore.js","../node_modules/d3-hierarchy/src/hierarchy/eachAfter.js","../node_modules/d3-hierarchy/src/hierarchy/find.js","../node_modules/d3-hierarchy/src/hierarchy/sum.js","../node_modules/d3-hierarchy/src/hierarchy/sort.js","../node_modules/d3-hierarchy/src/hierarchy/path.js","../node_modules/d3-hierarchy/src/hierarchy/ancestors.js","../node_modules/d3-hierarchy/src/hierarchy/descendants.js","../node_modules/d3-hierarchy/src/hierarchy/leaves.js","../node_modules/d3-hierarchy/src/hierarchy/links.js","../node_modules/d3-hierarchy/src/hierarchy/iterator.js","../node_modules/d3-hierarchy/src/hierarchy/index.js","../node_modules/d3-hierarchy/src/accessors.js","../node_modules/d3-hierarchy/src/constant.js","../node_modules/d3-hierarchy/src/treemap/round.js","../node_modules/d3-hierarchy/src/treemap/dice.js","../node_modules/d3-hierarchy/src/stratify.js","../node_modules/d3-hierarchy/src/treemap/slice.js","../node_modules/d3-hierarchy/src/treemap/squarify.js","../node_modules/d3-hierarchy/src/treemap/index.js","../src/Components/Graphs/TreeMapGraph/Graph.tsx","../src/Components/Graphs/TreeMapGraph/index.tsx"],"sourcesContent":["function count(node) {\n  var sum = 0,\n      children = node.children,\n      i = children && children.length;\n  if (!i) sum = 1;\n  else while (--i >= 0) sum += children[i].value;\n  node.value = sum;\n}\n\nexport default function() {\n  return this.eachAfter(count);\n}\n","export default function(callback, that) {\n  let index = -1;\n  for (const node of this) {\n    callback.call(that, node, ++index, this);\n  }\n  return this;\n}\n","export default function(callback, that) {\n  var node = this, nodes = [node], children, i, index = -1;\n  while (node = nodes.pop()) {\n    callback.call(that, node, ++index, this);\n    if (children = node.children) {\n      for (i = children.length - 1; i >= 0; --i) {\n        nodes.push(children[i]);\n      }\n    }\n  }\n  return this;\n}\n","export default function(callback, that) {\n  var node = this, nodes = [node], next = [], children, i, n, index = -1;\n  while (node = nodes.pop()) {\n    next.push(node);\n    if (children = node.children) {\n      for (i = 0, n = children.length; i < n; ++i) {\n        nodes.push(children[i]);\n      }\n    }\n  }\n  while (node = next.pop()) {\n    callback.call(that, node, ++index, this);\n  }\n  return this;\n}\n","export default function(callback, that) {\n  let index = -1;\n  for (const node of this) {\n    if (callback.call(that, node, ++index, this)) {\n      return node;\n    }\n  }\n}\n","export default function(value) {\n  return this.eachAfter(function(node) {\n    var sum = +value(node.data) || 0,\n        children = node.children,\n        i = children && children.length;\n    while (--i >= 0) sum += children[i].value;\n    node.value = sum;\n  });\n}\n","export default function(compare) {\n  return this.eachBefore(function(node) {\n    if (node.children) {\n      node.children.sort(compare);\n    }\n  });\n}\n","export default function(end) {\n  var start = this,\n      ancestor = leastCommonAncestor(start, end),\n      nodes = [start];\n  while (start !== ancestor) {\n    start = start.parent;\n    nodes.push(start);\n  }\n  var k = nodes.length;\n  while (end !== ancestor) {\n    nodes.splice(k, 0, end);\n    end = end.parent;\n  }\n  return nodes;\n}\n\nfunction leastCommonAncestor(a, b) {\n  if (a === b) return a;\n  var aNodes = a.ancestors(),\n      bNodes = b.ancestors(),\n      c = null;\n  a = aNodes.pop();\n  b = bNodes.pop();\n  while (a === b) {\n    c = a;\n    a = aNodes.pop();\n    b = bNodes.pop();\n  }\n  return c;\n}\n","export default function() {\n  var node = this, nodes = [node];\n  while (node = node.parent) {\n    nodes.push(node);\n  }\n  return nodes;\n}\n","export default function() {\n  return Array.from(this);\n}\n","export default function() {\n  var leaves = [];\n  this.eachBefore(function(node) {\n    if (!node.children) {\n      leaves.push(node);\n    }\n  });\n  return leaves;\n}\n","export default function() {\n  var root = this, links = [];\n  root.each(function(node) {\n    if (node !== root) { // Don’t include the root’s parent, if any.\n      links.push({source: node.parent, target: node});\n    }\n  });\n  return links;\n}\n","export default function*() {\n  var node = this, current, next = [node], children, i, n;\n  do {\n    current = next.reverse(), next = [];\n    while (node = current.pop()) {\n      yield node;\n      if (children = node.children) {\n        for (i = 0, n = children.length; i < n; ++i) {\n          next.push(children[i]);\n        }\n      }\n    }\n  } while (next.length);\n}\n","import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_find from \"./find.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\nimport node_iterator from \"./iterator.js\";\n\nexport default function hierarchy(data, children) {\n  if (data instanceof Map) {\n    data = [undefined, data];\n    if (children === undefined) children = mapChildren;\n  } else if (children === undefined) {\n    children = objectChildren;\n  }\n\n  var root = new Node(data),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  while (node = nodes.pop()) {\n    if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {\n      node.children = childs;\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = childs[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction objectChildren(d) {\n  return d.children;\n}\n\nfunction mapChildren(d) {\n  return Array.isArray(d) ? d[1] : null;\n}\n\nfunction copyData(node) {\n  if (node.data.value !== undefined) node.value = node.data.value;\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  find: node_find,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy,\n  [Symbol.iterator]: node_iterator\n};\n","export function optional(f) {\n  return f == null ? null : required(f);\n}\n\nexport function required(f) {\n  if (typeof f !== \"function\") throw new Error;\n  return f;\n}\n","export function constantZero() {\n  return 0;\n}\n\nexport default function(x) {\n  return function() {\n    return x;\n  };\n}\n","export default function(node) {\n  node.x0 = Math.round(node.x0);\n  node.y0 = Math.round(node.y0);\n  node.x1 = Math.round(node.x1);\n  node.y1 = Math.round(node.y1);\n}\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (x1 - x0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.y0 = y0, node.y1 = y1;\n    node.x0 = x0, node.x1 = x0 += node.value * k;\n  }\n}\n","import {optional} from \"./accessors.js\";\nimport {Node, computeHeight} from \"./hierarchy/index.js\";\n\nvar preroot = {depth: -1},\n    ambiguous = {},\n    imputed = {};\n\nfunction defaultId(d) {\n  return d.id;\n}\n\nfunction defaultParentId(d) {\n  return d.parentId;\n}\n\nexport default function() {\n  var id = defaultId,\n      parentId = defaultParentId,\n      path;\n\n  function stratify(data) {\n    var nodes = Array.from(data),\n        currentId = id,\n        currentParentId = parentId,\n        n,\n        d,\n        i,\n        root,\n        parent,\n        node,\n        nodeId,\n        nodeKey,\n        nodeByKey = new Map;\n\n    if (path != null) {\n      const I = nodes.map((d, i) => normalize(path(d, i, data)));\n      const P = I.map(parentof);\n      const S = new Set(I).add(\"\");\n      for (const i of P) {\n        if (!S.has(i)) {\n          S.add(i);\n          I.push(i);\n          P.push(parentof(i));\n          nodes.push(imputed);\n        }\n      }\n      currentId = (_, i) => I[i];\n      currentParentId = (_, i) => P[i];\n    }\n\n    for (i = 0, n = nodes.length; i < n; ++i) {\n      d = nodes[i], node = nodes[i] = new Node(d);\n      if ((nodeId = currentId(d, i, data)) != null && (nodeId += \"\")) {\n        nodeKey = node.id = nodeId;\n        nodeByKey.set(nodeKey, nodeByKey.has(nodeKey) ? ambiguous : node);\n      }\n      if ((nodeId = currentParentId(d, i, data)) != null && (nodeId += \"\")) {\n        node.parent = nodeId;\n      }\n    }\n\n    for (i = 0; i < n; ++i) {\n      node = nodes[i];\n      if (nodeId = node.parent) {\n        parent = nodeByKey.get(nodeId);\n        if (!parent) throw new Error(\"missing: \" + nodeId);\n        if (parent === ambiguous) throw new Error(\"ambiguous: \" + nodeId);\n        if (parent.children) parent.children.push(node);\n        else parent.children = [node];\n        node.parent = parent;\n      } else {\n        if (root) throw new Error(\"multiple roots\");\n        root = node;\n      }\n    }\n\n    if (!root) throw new Error(\"no root\");\n\n    // When imputing internal nodes, only introduce roots if needed.\n    // Then replace the imputed marker data with null.\n    if (path != null) {\n      while (root.data === imputed && root.children.length === 1) {\n        root = root.children[0], --n;\n      }\n      for (let i = nodes.length - 1; i >= 0; --i) {\n        node = nodes[i];\n        if (node.data !== imputed) break;\n        node.data = null;\n      }\n    }\n\n    root.parent = preroot;\n    root.eachBefore(function(node) { node.depth = node.parent.depth + 1; --n; }).eachBefore(computeHeight);\n    root.parent = null;\n    if (n > 0) throw new Error(\"cycle\");\n\n    return root;\n  }\n\n  stratify.id = function(x) {\n    return arguments.length ? (id = optional(x), stratify) : id;\n  };\n\n  stratify.parentId = function(x) {\n    return arguments.length ? (parentId = optional(x), stratify) : parentId;\n  };\n\n  stratify.path = function(x) {\n    return arguments.length ? (path = optional(x), stratify) : path;\n  };\n\n  return stratify;\n}\n\n// To normalize a path, we coerce to a string, strip the trailing slash if any\n// (as long as the trailing slash is not immediately preceded by another slash),\n// and add leading slash if missing.\nfunction normalize(path) {\n  path = `${path}`;\n  let i = path.length;\n  if (slash(path, i - 1) && !slash(path, i - 2)) path = path.slice(0, -1);\n  return path[0] === \"/\" ? path : `/${path}`;\n}\n\n// Walk backwards to find the first slash that is not the leading slash, e.g.:\n// \"/foo/bar\" ⇥ \"/foo\", \"/foo\" ⇥ \"/\", \"/\" ↦ \"\". (The root is special-cased\n// because the id of the root must be a truthy value.)\nfunction parentof(path) {\n  let i = path.length;\n  if (i < 2) return \"\";\n  while (--i > 1) if (slash(path, i)) break;\n  return path.slice(0, i);\n}\n\n// Slashes can be escaped; to determine whether a slash is a path delimiter, we\n// count the number of preceding backslashes escaping the forward slash: an odd\n// number indicates an escaped forward slash.\nfunction slash(path, i) {\n  if (path[i] === \"/\") {\n    let k = 0;\n    while (i > 0 && path[--i] === \"\\\\\") ++k;\n    if ((k & 1) === 0) return true;\n  }\n  return false;\n}\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n","import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n","import roundNode from \"./round.js\";\nimport squarify from \"./squarify.js\";\nimport {required} from \"../accessors.js\";\nimport constant, {constantZero} from \"../constant.js\";\n\nexport default function() {\n  var tile = squarify,\n      round = false,\n      dx = 1,\n      dy = 1,\n      paddingStack = [0],\n      paddingInner = constantZero,\n      paddingTop = constantZero,\n      paddingRight = constantZero,\n      paddingBottom = constantZero,\n      paddingLeft = constantZero;\n\n  function treemap(root) {\n    root.x0 =\n    root.y0 = 0;\n    root.x1 = dx;\n    root.y1 = dy;\n    root.eachBefore(positionNode);\n    paddingStack = [0];\n    if (round) root.eachBefore(roundNode);\n    return root;\n  }\n\n  function positionNode(node) {\n    var p = paddingStack[node.depth],\n        x0 = node.x0 + p,\n        y0 = node.y0 + p,\n        x1 = node.x1 - p,\n        y1 = node.y1 - p;\n    if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n    if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n    node.x0 = x0;\n    node.y0 = y0;\n    node.x1 = x1;\n    node.y1 = y1;\n    if (node.children) {\n      p = paddingStack[node.depth + 1] = paddingInner(node) / 2;\n      x0 += paddingLeft(node) - p;\n      y0 += paddingTop(node) - p;\n      x1 -= paddingRight(node) - p;\n      y1 -= paddingBottom(node) - p;\n      if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n      if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n      tile(node, x0, y0, x1, y1);\n    }\n  }\n\n  treemap.round = function(x) {\n    return arguments.length ? (round = !!x, treemap) : round;\n  };\n\n  treemap.size = function(x) {\n    return arguments.length ? (dx = +x[0], dy = +x[1], treemap) : [dx, dy];\n  };\n\n  treemap.tile = function(x) {\n    return arguments.length ? (tile = required(x), treemap) : tile;\n  };\n\n  treemap.padding = function(x) {\n    return arguments.length ? treemap.paddingInner(x).paddingOuter(x) : treemap.paddingInner();\n  };\n\n  treemap.paddingInner = function(x) {\n    return arguments.length ? (paddingInner = typeof x === \"function\" ? x : constant(+x), treemap) : paddingInner;\n  };\n\n  treemap.paddingOuter = function(x) {\n    return arguments.length ? treemap.paddingTop(x).paddingRight(x).paddingBottom(x).paddingLeft(x) : treemap.paddingTop();\n  };\n\n  treemap.paddingTop = function(x) {\n    return arguments.length ? (paddingTop = typeof x === \"function\" ? x : constant(+x), treemap) : paddingTop;\n  };\n\n  treemap.paddingRight = function(x) {\n    return arguments.length ? (paddingRight = typeof x === \"function\" ? x : constant(+x), treemap) : paddingRight;\n  };\n\n  treemap.paddingBottom = function(x) {\n    return arguments.length ? (paddingBottom = typeof x === \"function\" ? x : constant(+x), treemap) : paddingBottom;\n  };\n\n  treemap.paddingLeft = function(x) {\n    return arguments.length ? (paddingLeft = typeof x === \"function\" ? x : constant(+x), treemap) : paddingLeft;\n  };\n\n  return treemap;\n}\n","import { stratify, treemap } from 'd3-hierarchy';\r\nimport { useRef, useState } from 'react';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { AnimateDataType, ClassNameObject, Languages, StyleObject, TreeMapDataType } from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  data: TreeMapDataType[];\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  width: number;\r\n  height: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  highlightedDataPoints: (string | number)[];\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  language?: Languages;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    colors,\r\n    leftMargin,\r\n    width,\r\n    height,\r\n    colorDomain,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    selectedColor,\r\n    showValues,\r\n    suffix,\r\n    prefix,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    language,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const treeMapData = [\r\n    {\r\n      id: 'root',\r\n      parent: undefined,\r\n      value: undefined,\r\n      data: undefined,\r\n    },\r\n    ...data.map((d: TreeMapDataType) => ({\r\n      id: d.label,\r\n      value: d.size,\r\n      parent: 'root',\r\n      data: d,\r\n    })),\r\n  ];\r\n  const treeData = stratify()\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .id((d: any) => d.id)\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .parentId((d: any) => d.parent)(treeMapData);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  treeData.sum((d: any) => d.value);\r\n  const treeMapVizData = treemap().size([graphWidth, graphHeight]).padding(2)(treeData);\r\n\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <AnimatePresence>\r\n            {treeMapVizData.children?.map(d => {\r\n              return (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  key={(d.data as any).id}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: 0,\r\n                      x: d.x0,\r\n                      y: d.y0,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.data as any).data.color\r\n                          ? colors[\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              colorDomain.indexOf((d.data as any).data.color)\r\n                            ] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            highlightedDataPoints.indexOf((d.data as any).id) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      x: d.x0,\r\n                      y: d.y0,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d.data as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    onSeriesMouseOver?.((d.data as any).data);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        mouseClickData === (d.data as any).id &&\r\n                        resetSelectionOnDoubleClick\r\n                      ) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        setMouseClickData((d.data as any).id);\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        onSeriesMouseClick?.((d.data as any).data);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d.data as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                >\r\n                  <motion.rect\r\n                    x={0}\r\n                    y={0}\r\n                    exit={{\r\n                      width: 0,\r\n                      height: 0,\r\n                      opacity: 0,\r\n                      transition: { duration: animate.duration },\r\n                    }}\r\n                    variants={{\r\n                      initial: {\r\n                        width: 0,\r\n                        height: 0,\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              !(d.data as any).data.color\r\n                              ? Colors.gray\r\n                              : colors[\r\n                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  colorDomain.indexOf((d.data as any).data.color)\r\n                                ],\r\n                      },\r\n                      whileInView: {\r\n                        width: d.x1 - d.x0,\r\n                        height: d.y1 - d.y0,\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              !(d.data as any).data.color\r\n                              ? Colors.gray\r\n                              : colors[\r\n                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  colorDomain.indexOf((d.data as any).data.color)\r\n                                ],\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                  />\r\n                  {d.x1 - d.x0 > 50 && d.y1 - d.y0 > 25 && (showLabels || showValues) ? (\r\n                    <motion.g\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    >\r\n                      <foreignObject y={0} x={0} width={d.x1 - d.x0} height={d.y1 - d.y0}>\r\n                        <div\r\n                          className='flex flex-col gap-0.5 p-2 w-full'\r\n                          style={{\r\n                            color: getTextColorBasedOnBgColor(\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  !(d.data as any).data.color\r\n                                  ? Colors.gray\r\n                                  : colors[\r\n                                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                      colorDomain.indexOf((d.data as any).data.color)\r\n                                    ],\r\n                            ),\r\n                          }}\r\n                        >\r\n                          {showLabels ? (\r\n                            <P\r\n                              marginBottom='none'\r\n                              size='sm'\r\n                              leading='none'\r\n                              className={cn(\r\n                                'w-full treemap-label',\r\n                                language === 'ar' || language === 'he' ? 'text-right' : 'text-left',\r\n                                classNames?.graphObjectValues,\r\n                              )}\r\n                              style={{\r\n                                WebkitLineClamp:\r\n                                  d.y1 - d.y0 > 50\r\n                                    ? d.y1 - d.y0 > 100\r\n                                      ? d.y1 - d.y0 > 150\r\n                                        ? undefined\r\n                                        : 3\r\n                                      : 2\r\n                                    : 1,\r\n                                display: '-webkit-box',\r\n                                WebkitBoxOrient: 'vertical',\r\n                                overflow: 'hidden',\r\n                                color: getTextColorBasedOnBgColor(\r\n                                  data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                      !(d.data as any).data.color\r\n                                      ? Colors.gray\r\n                                      : colors[\r\n                                          colorDomain.indexOf(\r\n                                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                            (d.data as any).data.color,\r\n                                          )\r\n                                        ],\r\n                                ),\r\n                                ...(styles?.graphObjectValues || {}),\r\n                              }}\r\n                            >\r\n                              {\r\n                                // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                (d.data as any).id\r\n                              }\r\n                            </P>\r\n                          ) : null}\r\n                          {showValues ? (\r\n                            <P\r\n                              marginBottom='none'\r\n                              size='sm'\r\n                              leading='none'\r\n                              className={cn(\r\n                                'w-full font-bold treemap-value',\r\n                                language === 'ar' || language === 'he' ? 'text-right' : 'text-left',\r\n                                classNames?.graphObjectValues,\r\n                              )}\r\n                              style={{\r\n                                color: getTextColorBasedOnBgColor(\r\n                                  data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                      !(d.data as any).data.color\r\n                                      ? Colors.gray\r\n                                      : colors[\r\n                                          colorDomain.indexOf(\r\n                                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                            (d.data as any).data.color,\r\n                                          )\r\n                                        ],\r\n                                ),\r\n                                ...(styles?.graphObjectValues || {}),\r\n                              }}\r\n                            >\r\n                              {numberFormattingFunction(\r\n                                // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                (d.data as any).value,\r\n                                'NA',\r\n                                precision,\r\n                                prefix,\r\n                                suffix,\r\n                              )}\r\n                            </P>\r\n                          ) : null}\r\n                        </div>\r\n                      </foreignObject>\r\n                    </motion.g>\r\n                  ) : null}\r\n                </motion.g>\r\n              );\r\n            })}\r\n          </AnimatePresence>\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import uniqBy from 'lodash.uniqby';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport {\r\n  TreeMapDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: TreeMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for circle */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Maximum radius of the circle */\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function TreeMapGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    leftMargin = 0,\r\n    rightMargin = 0,\r\n    topMargin = 0,\r\n    bottomMargin = 0,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    showValues = true,\r\n    graphID,\r\n    highlightedDataPoints = [],\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a chart where data points are represented by squares, and their sizes reflect their values. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data.filter(d => !checkIfNullOrUndefined(d.size))}\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        showLabels={showLabels}\r\n                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        selectedColor={selectedColor}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        language={language}\r\n                        animate={\r\n                          animate === true\r\n                            ? { duration: 0.5, once: true, amount: 0.5 }\r\n                            : animate || { duration: 0, once: true, amount: 0 }\r\n                        }\r\n                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["count","node","sum","children","i","node_count","node_each","callback","that","index","node_eachBefore","nodes","node_eachAfter","next","n","node_find","node_sum","value","node_sort","compare","node_path","end","start","ancestor","leastCommonAncestor","k","a","b","aNodes","bNodes","c","node_ancestors","node_descendants","node_leaves","leaves","node_links","root","links","node_iterator","current","hierarchy","data","mapChildren","objectChildren","Node","child","childs","computeHeight","node_copy","copyData","d","height","optional","f","required","constantZero","constant","x","roundNode","treemapDice","parent","x0","y0","x1","y1","preroot","ambiguous","imputed","defaultId","defaultParentId","stratify","id","parentId","path","currentId","currentParentId","nodeId","nodeKey","nodeByKey","I","normalize","P","parentof","S","_","slash","treemapSlice","phi","squarifyRatio","ratio","rows","row","nodeValue","i0","i1","dx","dy","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","squarify","custom","treemap","tile","round","paddingStack","paddingInner","paddingTop","paddingRight","paddingBottom","paddingLeft","positionNode","p","Graph","props","colors","leftMargin","width","colorDomain","rightMargin","topMargin","bottomMargin","showLabels","tooltip","onSeriesMouseOver","selectedColor","showValues","suffix","prefix","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","language","styles","classNames","animate","dimmedOpacity","precision","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","treeMapData","treeData","treeMapVizData","jsxs","Fragment","jsx","motion","AnimatePresence","event","el","Colors","getTextColorBasedOnBgColor","cn","numberFormattingFunction","Tooltip","Modal","string2HTML","TreeMapGraph","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","checkIfNullOrUndefined","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]}
+{"version":3,"file":"TreeMapGraph.js","sources":["../node_modules/d3-hierarchy/src/hierarchy/count.js","../node_modules/d3-hierarchy/src/hierarchy/each.js","../node_modules/d3-hierarchy/src/hierarchy/eachBefore.js","../node_modules/d3-hierarchy/src/hierarchy/eachAfter.js","../node_modules/d3-hierarchy/src/hierarchy/find.js","../node_modules/d3-hierarchy/src/hierarchy/sum.js","../node_modules/d3-hierarchy/src/hierarchy/sort.js","../node_modules/d3-hierarchy/src/hierarchy/path.js","../node_modules/d3-hierarchy/src/hierarchy/ancestors.js","../node_modules/d3-hierarchy/src/hierarchy/descendants.js","../node_modules/d3-hierarchy/src/hierarchy/leaves.js","../node_modules/d3-hierarchy/src/hierarchy/links.js","../node_modules/d3-hierarchy/src/hierarchy/iterator.js","../node_modules/d3-hierarchy/src/hierarchy/index.js","../node_modules/d3-hierarchy/src/accessors.js","../node_modules/d3-hierarchy/src/constant.js","../node_modules/d3-hierarchy/src/treemap/round.js","../node_modules/d3-hierarchy/src/treemap/dice.js","../node_modules/d3-hierarchy/src/stratify.js","../node_modules/d3-hierarchy/src/treemap/slice.js","../node_modules/d3-hierarchy/src/treemap/squarify.js","../node_modules/d3-hierarchy/src/treemap/index.js","../src/Components/Graphs/TreeMapGraph/Graph.tsx","../src/Components/Graphs/TreeMapGraph/index.tsx"],"sourcesContent":["function count(node) {\n  var sum = 0,\n      children = node.children,\n      i = children && children.length;\n  if (!i) sum = 1;\n  else while (--i >= 0) sum += children[i].value;\n  node.value = sum;\n}\n\nexport default function() {\n  return this.eachAfter(count);\n}\n","export default function(callback, that) {\n  let index = -1;\n  for (const node of this) {\n    callback.call(that, node, ++index, this);\n  }\n  return this;\n}\n","export default function(callback, that) {\n  var node = this, nodes = [node], children, i, index = -1;\n  while (node = nodes.pop()) {\n    callback.call(that, node, ++index, this);\n    if (children = node.children) {\n      for (i = children.length - 1; i >= 0; --i) {\n        nodes.push(children[i]);\n      }\n    }\n  }\n  return this;\n}\n","export default function(callback, that) {\n  var node = this, nodes = [node], next = [], children, i, n, index = -1;\n  while (node = nodes.pop()) {\n    next.push(node);\n    if (children = node.children) {\n      for (i = 0, n = children.length; i < n; ++i) {\n        nodes.push(children[i]);\n      }\n    }\n  }\n  while (node = next.pop()) {\n    callback.call(that, node, ++index, this);\n  }\n  return this;\n}\n","export default function(callback, that) {\n  let index = -1;\n  for (const node of this) {\n    if (callback.call(that, node, ++index, this)) {\n      return node;\n    }\n  }\n}\n","export default function(value) {\n  return this.eachAfter(function(node) {\n    var sum = +value(node.data) || 0,\n        children = node.children,\n        i = children && children.length;\n    while (--i >= 0) sum += children[i].value;\n    node.value = sum;\n  });\n}\n","export default function(compare) {\n  return this.eachBefore(function(node) {\n    if (node.children) {\n      node.children.sort(compare);\n    }\n  });\n}\n","export default function(end) {\n  var start = this,\n      ancestor = leastCommonAncestor(start, end),\n      nodes = [start];\n  while (start !== ancestor) {\n    start = start.parent;\n    nodes.push(start);\n  }\n  var k = nodes.length;\n  while (end !== ancestor) {\n    nodes.splice(k, 0, end);\n    end = end.parent;\n  }\n  return nodes;\n}\n\nfunction leastCommonAncestor(a, b) {\n  if (a === b) return a;\n  var aNodes = a.ancestors(),\n      bNodes = b.ancestors(),\n      c = null;\n  a = aNodes.pop();\n  b = bNodes.pop();\n  while (a === b) {\n    c = a;\n    a = aNodes.pop();\n    b = bNodes.pop();\n  }\n  return c;\n}\n","export default function() {\n  var node = this, nodes = [node];\n  while (node = node.parent) {\n    nodes.push(node);\n  }\n  return nodes;\n}\n","export default function() {\n  return Array.from(this);\n}\n","export default function() {\n  var leaves = [];\n  this.eachBefore(function(node) {\n    if (!node.children) {\n      leaves.push(node);\n    }\n  });\n  return leaves;\n}\n","export default function() {\n  var root = this, links = [];\n  root.each(function(node) {\n    if (node !== root) { // Don’t include the root’s parent, if any.\n      links.push({source: node.parent, target: node});\n    }\n  });\n  return links;\n}\n","export default function*() {\n  var node = this, current, next = [node], children, i, n;\n  do {\n    current = next.reverse(), next = [];\n    while (node = current.pop()) {\n      yield node;\n      if (children = node.children) {\n        for (i = 0, n = children.length; i < n; ++i) {\n          next.push(children[i]);\n        }\n      }\n    }\n  } while (next.length);\n}\n","import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_find from \"./find.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\nimport node_iterator from \"./iterator.js\";\n\nexport default function hierarchy(data, children) {\n  if (data instanceof Map) {\n    data = [undefined, data];\n    if (children === undefined) children = mapChildren;\n  } else if (children === undefined) {\n    children = objectChildren;\n  }\n\n  var root = new Node(data),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  while (node = nodes.pop()) {\n    if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {\n      node.children = childs;\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = childs[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction objectChildren(d) {\n  return d.children;\n}\n\nfunction mapChildren(d) {\n  return Array.isArray(d) ? d[1] : null;\n}\n\nfunction copyData(node) {\n  if (node.data.value !== undefined) node.value = node.data.value;\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  find: node_find,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy,\n  [Symbol.iterator]: node_iterator\n};\n","export function optional(f) {\n  return f == null ? null : required(f);\n}\n\nexport function required(f) {\n  if (typeof f !== \"function\") throw new Error;\n  return f;\n}\n","export function constantZero() {\n  return 0;\n}\n\nexport default function(x) {\n  return function() {\n    return x;\n  };\n}\n","export default function(node) {\n  node.x0 = Math.round(node.x0);\n  node.y0 = Math.round(node.y0);\n  node.x1 = Math.round(node.x1);\n  node.y1 = Math.round(node.y1);\n}\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (x1 - x0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.y0 = y0, node.y1 = y1;\n    node.x0 = x0, node.x1 = x0 += node.value * k;\n  }\n}\n","import {optional} from \"./accessors.js\";\nimport {Node, computeHeight} from \"./hierarchy/index.js\";\n\nvar preroot = {depth: -1},\n    ambiguous = {},\n    imputed = {};\n\nfunction defaultId(d) {\n  return d.id;\n}\n\nfunction defaultParentId(d) {\n  return d.parentId;\n}\n\nexport default function() {\n  var id = defaultId,\n      parentId = defaultParentId,\n      path;\n\n  function stratify(data) {\n    var nodes = Array.from(data),\n        currentId = id,\n        currentParentId = parentId,\n        n,\n        d,\n        i,\n        root,\n        parent,\n        node,\n        nodeId,\n        nodeKey,\n        nodeByKey = new Map;\n\n    if (path != null) {\n      const I = nodes.map((d, i) => normalize(path(d, i, data)));\n      const P = I.map(parentof);\n      const S = new Set(I).add(\"\");\n      for (const i of P) {\n        if (!S.has(i)) {\n          S.add(i);\n          I.push(i);\n          P.push(parentof(i));\n          nodes.push(imputed);\n        }\n      }\n      currentId = (_, i) => I[i];\n      currentParentId = (_, i) => P[i];\n    }\n\n    for (i = 0, n = nodes.length; i < n; ++i) {\n      d = nodes[i], node = nodes[i] = new Node(d);\n      if ((nodeId = currentId(d, i, data)) != null && (nodeId += \"\")) {\n        nodeKey = node.id = nodeId;\n        nodeByKey.set(nodeKey, nodeByKey.has(nodeKey) ? ambiguous : node);\n      }\n      if ((nodeId = currentParentId(d, i, data)) != null && (nodeId += \"\")) {\n        node.parent = nodeId;\n      }\n    }\n\n    for (i = 0; i < n; ++i) {\n      node = nodes[i];\n      if (nodeId = node.parent) {\n        parent = nodeByKey.get(nodeId);\n        if (!parent) throw new Error(\"missing: \" + nodeId);\n        if (parent === ambiguous) throw new Error(\"ambiguous: \" + nodeId);\n        if (parent.children) parent.children.push(node);\n        else parent.children = [node];\n        node.parent = parent;\n      } else {\n        if (root) throw new Error(\"multiple roots\");\n        root = node;\n      }\n    }\n\n    if (!root) throw new Error(\"no root\");\n\n    // When imputing internal nodes, only introduce roots if needed.\n    // Then replace the imputed marker data with null.\n    if (path != null) {\n      while (root.data === imputed && root.children.length === 1) {\n        root = root.children[0], --n;\n      }\n      for (let i = nodes.length - 1; i >= 0; --i) {\n        node = nodes[i];\n        if (node.data !== imputed) break;\n        node.data = null;\n      }\n    }\n\n    root.parent = preroot;\n    root.eachBefore(function(node) { node.depth = node.parent.depth + 1; --n; }).eachBefore(computeHeight);\n    root.parent = null;\n    if (n > 0) throw new Error(\"cycle\");\n\n    return root;\n  }\n\n  stratify.id = function(x) {\n    return arguments.length ? (id = optional(x), stratify) : id;\n  };\n\n  stratify.parentId = function(x) {\n    return arguments.length ? (parentId = optional(x), stratify) : parentId;\n  };\n\n  stratify.path = function(x) {\n    return arguments.length ? (path = optional(x), stratify) : path;\n  };\n\n  return stratify;\n}\n\n// To normalize a path, we coerce to a string, strip the trailing slash if any\n// (as long as the trailing slash is not immediately preceded by another slash),\n// and add leading slash if missing.\nfunction normalize(path) {\n  path = `${path}`;\n  let i = path.length;\n  if (slash(path, i - 1) && !slash(path, i - 2)) path = path.slice(0, -1);\n  return path[0] === \"/\" ? path : `/${path}`;\n}\n\n// Walk backwards to find the first slash that is not the leading slash, e.g.:\n// \"/foo/bar\" ⇥ \"/foo\", \"/foo\" ⇥ \"/\", \"/\" ↦ \"\". (The root is special-cased\n// because the id of the root must be a truthy value.)\nfunction parentof(path) {\n  let i = path.length;\n  if (i < 2) return \"\";\n  while (--i > 1) if (slash(path, i)) break;\n  return path.slice(0, i);\n}\n\n// Slashes can be escaped; to determine whether a slash is a path delimiter, we\n// count the number of preceding backslashes escaping the forward slash: an odd\n// number indicates an escaped forward slash.\nfunction slash(path, i) {\n  if (path[i] === \"/\") {\n    let k = 0;\n    while (i > 0 && path[--i] === \"\\\\\") ++k;\n    if ((k & 1) === 0) return true;\n  }\n  return false;\n}\n","export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (y1 - y0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.x0 = x0, node.x1 = x1;\n    node.y0 = y0, node.y1 = y0 += node.value * k;\n  }\n}\n","import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n","import roundNode from \"./round.js\";\nimport squarify from \"./squarify.js\";\nimport {required} from \"../accessors.js\";\nimport constant, {constantZero} from \"../constant.js\";\n\nexport default function() {\n  var tile = squarify,\n      round = false,\n      dx = 1,\n      dy = 1,\n      paddingStack = [0],\n      paddingInner = constantZero,\n      paddingTop = constantZero,\n      paddingRight = constantZero,\n      paddingBottom = constantZero,\n      paddingLeft = constantZero;\n\n  function treemap(root) {\n    root.x0 =\n    root.y0 = 0;\n    root.x1 = dx;\n    root.y1 = dy;\n    root.eachBefore(positionNode);\n    paddingStack = [0];\n    if (round) root.eachBefore(roundNode);\n    return root;\n  }\n\n  function positionNode(node) {\n    var p = paddingStack[node.depth],\n        x0 = node.x0 + p,\n        y0 = node.y0 + p,\n        x1 = node.x1 - p,\n        y1 = node.y1 - p;\n    if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n    if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n    node.x0 = x0;\n    node.y0 = y0;\n    node.x1 = x1;\n    node.y1 = y1;\n    if (node.children) {\n      p = paddingStack[node.depth + 1] = paddingInner(node) / 2;\n      x0 += paddingLeft(node) - p;\n      y0 += paddingTop(node) - p;\n      x1 -= paddingRight(node) - p;\n      y1 -= paddingBottom(node) - p;\n      if (x1 < x0) x0 = x1 = (x0 + x1) / 2;\n      if (y1 < y0) y0 = y1 = (y0 + y1) / 2;\n      tile(node, x0, y0, x1, y1);\n    }\n  }\n\n  treemap.round = function(x) {\n    return arguments.length ? (round = !!x, treemap) : round;\n  };\n\n  treemap.size = function(x) {\n    return arguments.length ? (dx = +x[0], dy = +x[1], treemap) : [dx, dy];\n  };\n\n  treemap.tile = function(x) {\n    return arguments.length ? (tile = required(x), treemap) : tile;\n  };\n\n  treemap.padding = function(x) {\n    return arguments.length ? treemap.paddingInner(x).paddingOuter(x) : treemap.paddingInner();\n  };\n\n  treemap.paddingInner = function(x) {\n    return arguments.length ? (paddingInner = typeof x === \"function\" ? x : constant(+x), treemap) : paddingInner;\n  };\n\n  treemap.paddingOuter = function(x) {\n    return arguments.length ? treemap.paddingTop(x).paddingRight(x).paddingBottom(x).paddingLeft(x) : treemap.paddingTop();\n  };\n\n  treemap.paddingTop = function(x) {\n    return arguments.length ? (paddingTop = typeof x === \"function\" ? x : constant(+x), treemap) : paddingTop;\n  };\n\n  treemap.paddingRight = function(x) {\n    return arguments.length ? (paddingRight = typeof x === \"function\" ? x : constant(+x), treemap) : paddingRight;\n  };\n\n  treemap.paddingBottom = function(x) {\n    return arguments.length ? (paddingBottom = typeof x === \"function\" ? x : constant(+x), treemap) : paddingBottom;\n  };\n\n  treemap.paddingLeft = function(x) {\n    return arguments.length ? (paddingLeft = typeof x === \"function\" ? x : constant(+x), treemap) : paddingLeft;\n  };\n\n  return treemap;\n}\n","import { stratify, treemap } from 'd3-hierarchy';\r\nimport { useRef, useState } from 'react';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { AnimateDataType, ClassNameObject, Languages, StyleObject, TreeMapDataType } from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  data: TreeMapDataType[];\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  width: number;\r\n  height: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  highlightedDataPoints: (string | number)[];\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  language?: Languages;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    colors,\r\n    leftMargin,\r\n    width,\r\n    height,\r\n    colorDomain,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    selectedColor,\r\n    showValues,\r\n    suffix,\r\n    prefix,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    language,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const treeMapData = [\r\n    {\r\n      id: 'root',\r\n      parent: undefined,\r\n      value: undefined,\r\n      data: undefined,\r\n    },\r\n    ...data.map((d: TreeMapDataType) => ({\r\n      id: d.label,\r\n      value: d.size,\r\n      parent: 'root',\r\n      data: d,\r\n    })),\r\n  ];\r\n  const treeData = stratify()\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .id((d: any) => d.id)\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .parentId((d: any) => d.parent)(treeMapData);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  treeData.sum((d: any) => d.value);\r\n  const treeMapVizData = treemap().size([graphWidth, graphHeight]).padding(2)(treeData);\r\n\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <AnimatePresence>\r\n            {treeMapVizData.children?.map(d => {\r\n              return (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  key={(d.data as any).id}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: 0,\r\n                      x: d.x0,\r\n                      y: d.y0,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.data as any).data.color\r\n                          ? colors[\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              colorDomain.indexOf((d.data as any).data.color)\r\n                            ] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            highlightedDataPoints.indexOf((d.data as any).id) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      x: d.x0,\r\n                      y: d.y0,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d.data as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    onSeriesMouseOver?.((d.data as any).data);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        mouseClickData === (d.data as any).id &&\r\n                        resetSelectionOnDoubleClick\r\n                      ) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        setMouseClickData((d.data as any).id);\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        onSeriesMouseClick?.((d.data as any).data);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d.data as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                >\r\n                  <motion.rect\r\n                    x={0}\r\n                    y={0}\r\n                    exit={{\r\n                      width: 0,\r\n                      height: 0,\r\n                      opacity: 0,\r\n                      transition: { duration: animate.duration },\r\n                    }}\r\n                    variants={{\r\n                      initial: {\r\n                        width: 0,\r\n                        height: 0,\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              !(d.data as any).data.color\r\n                              ? Colors.gray\r\n                              : colors[\r\n                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  colorDomain.indexOf((d.data as any).data.color)\r\n                                ],\r\n                      },\r\n                      whileInView: {\r\n                        width: d.x1 - d.x0,\r\n                        height: d.y1 - d.y0,\r\n                        fill:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors[0]\r\n                            : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              !(d.data as any).data.color\r\n                              ? Colors.gray\r\n                              : colors[\r\n                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  colorDomain.indexOf((d.data as any).data.color)\r\n                                ],\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                  />\r\n                  {d.x1 - d.x0 > 50 && d.y1 - d.y0 > 25 && (showLabels || showValues) ? (\r\n                    <motion.g\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    >\r\n                      <foreignObject y={0} x={0} width={d.x1 - d.x0} height={d.y1 - d.y0}>\r\n                        <div\r\n                          className='flex flex-col gap-0.5 p-2 w-full'\r\n                          style={{\r\n                            color: getTextColorBasedOnBgColor(\r\n                              data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  !(d.data as any).data.color\r\n                                  ? Colors.gray\r\n                                  : colors[\r\n                                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                      colorDomain.indexOf((d.data as any).data.color)\r\n                                    ],\r\n                            ),\r\n                          }}\r\n                        >\r\n                          {showLabels ? (\r\n                            <P\r\n                              marginBottom='none'\r\n                              size='sm'\r\n                              leading='none'\r\n                              className={cn(\r\n                                'w-full treemap-label',\r\n                                language === 'ar' || language === 'he' ? 'text-right' : 'text-left',\r\n                                classNames?.graphObjectValues,\r\n                              )}\r\n                              style={{\r\n                                WebkitLineClamp:\r\n                                  d.y1 - d.y0 > 50\r\n                                    ? d.y1 - d.y0 > 100\r\n                                      ? d.y1 - d.y0 > 150\r\n                                        ? undefined\r\n                                        : 3\r\n                                      : 2\r\n                                    : 1,\r\n                                display: '-webkit-box',\r\n                                WebkitBoxOrient: 'vertical',\r\n                                overflow: 'hidden',\r\n                                color: getTextColorBasedOnBgColor(\r\n                                  data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                      !(d.data as any).data.color\r\n                                      ? Colors.gray\r\n                                      : colors[\r\n                                          colorDomain.indexOf(\r\n                                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                            (d.data as any).data.color,\r\n                                          )\r\n                                        ],\r\n                                ),\r\n                                ...(styles?.graphObjectValues || {}),\r\n                              }}\r\n                            >\r\n                              {\r\n                                // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                (d.data as any).id\r\n                              }\r\n                            </P>\r\n                          ) : null}\r\n                          {showValues ? (\r\n                            <P\r\n                              marginBottom='none'\r\n                              size='sm'\r\n                              leading='none'\r\n                              className={cn(\r\n                                'w-full font-bold treemap-value',\r\n                                language === 'ar' || language === 'he' ? 'text-right' : 'text-left',\r\n                                classNames?.graphObjectValues,\r\n                              )}\r\n                              style={{\r\n                                color: getTextColorBasedOnBgColor(\r\n                                  data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                      !(d.data as any).data.color\r\n                                      ? Colors.gray\r\n                                      : colors[\r\n                                          colorDomain.indexOf(\r\n                                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                            (d.data as any).data.color,\r\n                                          )\r\n                                        ],\r\n                                ),\r\n                                ...(styles?.graphObjectValues || {}),\r\n                              }}\r\n                            >\r\n                              {numberFormattingFunction(\r\n                                // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                (d.data as any).value,\r\n                                'NA',\r\n                                precision,\r\n                                prefix,\r\n                                suffix,\r\n                              )}\r\n                            </P>\r\n                          ) : null}\r\n                        </div>\r\n                      </foreignObject>\r\n                    </motion.g>\r\n                  ) : null}\r\n                </motion.g>\r\n              );\r\n            })}\r\n          </AnimatePresence>\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import uniqBy from 'lodash.uniqby';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport {\r\n  TreeMapDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: TreeMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for circle */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Maximum radius of the circle */\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function TreeMapGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    leftMargin = 0,\r\n    rightMargin = 0,\r\n    topMargin = 0,\r\n    bottomMargin = 0,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    showValues = true,\r\n    graphID,\r\n    highlightedDataPoints = [],\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a chart where data points are represented by squares, and their sizes reflect their values. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data.filter(d => !checkIfNullOrUndefined(d.size))}\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        showLabels={showLabels}\r\n                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        selectedColor={selectedColor}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        language={language}\r\n                        animate={\r\n                          animate === true\r\n                            ? { duration: 0.5, once: true, amount: 0.5 }\r\n                            : animate || { duration: 0, once: true, amount: 0 }\r\n                        }\r\n                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["count","node","sum","children","i","node_count","node_each","callback","that","index","node_eachBefore","nodes","node_eachAfter","next","n","node_find","node_sum","value","node_sort","compare","node_path","end","start","ancestor","leastCommonAncestor","k","a","b","aNodes","bNodes","c","node_ancestors","node_descendants","node_leaves","leaves","node_links","root","links","node_iterator","current","hierarchy","data","mapChildren","objectChildren","Node","child","childs","computeHeight","node_copy","copyData","d","height","optional","f","required","constantZero","constant","x","roundNode","treemapDice","parent","x0","y0","x1","y1","preroot","ambiguous","imputed","defaultId","defaultParentId","stratify","id","parentId","path","currentId","currentParentId","nodeId","nodeKey","nodeByKey","I","normalize","P","parentof","S","_","slash","treemapSlice","phi","squarifyRatio","ratio","rows","row","nodeValue","i0","i1","dx","dy","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","squarify","custom","treemap","tile","round","paddingStack","paddingInner","paddingTop","paddingRight","paddingBottom","paddingLeft","positionNode","p","Graph","props","colors","leftMargin","width","colorDomain","rightMargin","topMargin","bottomMargin","showLabels","tooltip","onSeriesMouseOver","selectedColor","showValues","suffix","prefix","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","language","styles","classNames","animate","dimmedOpacity","precision","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","treeMapData","treeData","treeMapVizData","jsxs","Fragment","jsx","motion","AnimatePresence","event","el","Colors","getTextColorBasedOnBgColor","cn","numberFormattingFunction","Tooltip","Modal","string2HTML","TreeMapGraph","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","checkIfNullOrUndefined","GraphFooter"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAASA,GAAMC,GAAM;AACnB,MAAIC,IAAM,GACNC,IAAWF,EAAK,UAChBG,IAAID,KAAYA,EAAS;AAC7B,MAAI,CAACC,EAAG,CAAAF,IAAM;AAAA,MACT,QAAO,EAAEE,KAAK,IAAG,CAAAF,KAAOC,EAASC,CAAC,EAAE;AACzC,EAAAH,EAAK,QAAQC;AACf;AAEe,SAAAG,KAAW;AACxB,SAAO,KAAK,UAAUL,EAAK;AAC7B;ACXe,SAAAM,GAASC,GAAUC,GAAM;AACtC,MAAIC,IAAQ;AACZ,aAAWR,KAAQ;AACjB,IAAAM,EAAS,KAAKC,GAAMP,GAAM,EAAEQ,GAAO,IAAI;AAEzC,SAAO;AACT;ACNe,SAAAC,GAASH,GAAUC,GAAM;AAEtC,WADIP,IAAO,MAAMU,IAAQ,CAACV,CAAI,GAAGE,GAAUC,GAAGK,IAAQ,IAC/CR,IAAOU,EAAM;AAElB,QADAJ,EAAS,KAAKC,GAAMP,GAAM,EAAEQ,GAAO,IAAI,GACnCN,IAAWF,EAAK;AAClB,WAAKG,IAAID,EAAS,SAAS,GAAGC,KAAK,GAAG,EAAEA;AACtC,QAAAO,EAAM,KAAKR,EAASC,CAAC,CAAC;AAI5B,SAAO;AACT;ACXe,SAAAQ,GAASL,GAAUC,GAAM;AAEtC,WADIP,IAAO,MAAMU,IAAQ,CAACV,CAAI,GAAGY,IAAO,CAAA,GAAIV,GAAUC,GAAGU,GAAGL,IAAQ,IAC7DR,IAAOU,EAAM;AAElB,QADAE,EAAK,KAAKZ,CAAI,GACVE,IAAWF,EAAK;AAClB,WAAKG,IAAI,GAAGU,IAAIX,EAAS,QAAQC,IAAIU,GAAG,EAAEV;AACxC,QAAAO,EAAM,KAAKR,EAASC,CAAC,CAAC;AAI5B,SAAOH,IAAOY,EAAK;AACjB,IAAAN,EAAS,KAAKC,GAAMP,GAAM,EAAEQ,GAAO,IAAI;AAEzC,SAAO;AACT;ACde,SAAAM,GAASR,GAAUC,GAAM;AACtC,MAAIC,IAAQ;AACZ,aAAWR,KAAQ;AACjB,QAAIM,EAAS,KAAKC,GAAMP,GAAM,EAAEQ,GAAO,IAAI;AACzC,aAAOR;AAGb;ACPe,SAAAe,GAASC,GAAO;AAC7B,SAAO,KAAK,UAAU,SAAShB,GAAM;AAInC,aAHIC,IAAM,CAACe,EAAMhB,EAAK,IAAI,KAAK,GAC3BE,IAAWF,EAAK,UAChBG,IAAID,KAAYA,EAAS,QACtB,EAAEC,KAAK,IAAG,CAAAF,KAAOC,EAASC,CAAC,EAAE;AACpC,IAAAH,EAAK,QAAQC;AAAA,EACf,CAAC;AACH;ACRe,SAAAgB,GAASC,GAAS;AAC/B,SAAO,KAAK,WAAW,SAASlB,GAAM;AACpC,IAAIA,EAAK,YACPA,EAAK,SAAS,KAAKkB,CAAO;AAAA,EAE9B,CAAC;AACH;ACNe,SAAAC,GAASC,GAAK;AAI3B,WAHIC,IAAQ,MACRC,IAAWC,GAAoBF,GAAOD,CAAG,GACzCV,IAAQ,CAACW,CAAK,GACXA,MAAUC;AACf,IAAAD,IAAQA,EAAM,QACdX,EAAM,KAAKW,CAAK;AAGlB,WADIG,IAAId,EAAM,QACPU,MAAQE;AACb,IAAAZ,EAAM,OAAOc,GAAG,GAAGJ,CAAG,GACtBA,IAAMA,EAAI;AAEZ,SAAOV;AACT;AAEA,SAASa,GAAoBE,GAAGC,GAAG;AACjC,MAAID,MAAMC,EAAG,QAAOD;AACpB,MAAIE,IAASF,EAAE,UAAS,GACpBG,IAASF,EAAE,UAAS,GACpBG,IAAI;AAGR,OAFAJ,IAAIE,EAAO,IAAG,GACdD,IAAIE,EAAO,IAAG,GACPH,MAAMC;AACX,IAAAG,IAAIJ,GACJA,IAAIE,EAAO,IAAG,GACdD,IAAIE,EAAO,IAAG;AAEhB,SAAOC;AACT;AC7Be,SAAAC,KAAW;AAExB,WADI9B,IAAO,MAAMU,IAAQ,CAACV,CAAI,GACvBA,IAAOA,EAAK;AACjB,IAAAU,EAAM,KAAKV,CAAI;AAEjB,SAAOU;AACT;ACNe,SAAAqB,KAAW;AACxB,SAAO,MAAM,KAAK,IAAI;AACxB;ACFe,SAAAC,KAAW;AACxB,MAAIC,IAAS,CAAA;AACb,cAAK,WAAW,SAASjC,GAAM;AAC7B,IAAKA,EAAK,YACRiC,EAAO,KAAKjC,CAAI;AAAA,EAEpB,CAAC,GACMiC;AACT;ACRe,SAAAC,KAAW;AACxB,MAAIC,IAAO,MAAMC,IAAQ,CAAA;AACzB,SAAAD,EAAK,KAAK,SAASnC,GAAM;AACvB,IAAIA,MAASmC,KACXC,EAAM,KAAK,EAAC,QAAQpC,EAAK,QAAQ,QAAQA,EAAI,CAAC;AAAA,EAElD,CAAC,GACMoC;AACT;ACRe,UAAAC,KAAY;AACzB,MAAIrC,IAAO,MAAMsC,GAAS1B,IAAO,CAACZ,CAAI,GAAGE,GAAUC,GAAGU;AACtD;AAEE,SADAyB,IAAU1B,EAAK,QAAO,GAAIA,IAAO,CAAA,GAC1BZ,IAAOsC,EAAQ;AAEpB,UADA,MAAMtC,GACFE,IAAWF,EAAK;AAClB,aAAKG,IAAI,GAAGU,IAAIX,EAAS,QAAQC,IAAIU,GAAG,EAAEV;AACxC,UAAAS,EAAK,KAAKV,EAASC,CAAC,CAAC;AAAA,SAIpBS,EAAK;AAChB;ACCe,SAAS2B,GAAUC,GAAMtC,GAAU;AAChD,EAAIsC,aAAgB,OAClBA,IAAO,CAAC,QAAWA,CAAI,GACnBtC,MAAa,WAAWA,IAAWuC,OAC9BvC,MAAa,WACtBA,IAAWwC;AAWb,WARIP,IAAO,IAAIQ,EAAKH,CAAI,GACpBxC,GACAU,IAAQ,CAACyB,CAAI,GACbS,GACAC,GACA1C,GACAU,GAEGb,IAAOU,EAAM;AAClB,SAAKmC,IAAS3C,EAASF,EAAK,IAAI,OAAOa,KAAKgC,IAAS,MAAM,KAAKA,CAAM,GAAG;AAEvE,WADA7C,EAAK,WAAW6C,GACX1C,IAAIU,IAAI,GAAGV,KAAK,GAAG,EAAEA;AACxB,QAAAO,EAAM,KAAKkC,IAAQC,EAAO1C,CAAC,IAAI,IAAIwC,EAAKE,EAAO1C,CAAC,CAAC,CAAC,GAClDyC,EAAM,SAAS5C,GACf4C,EAAM,QAAQ5C,EAAK,QAAQ;AAKjC,SAAOmC,EAAK,WAAWW,EAAa;AACtC;AAEA,SAASC,KAAY;AACnB,SAAOR,GAAU,IAAI,EAAE,WAAWS,EAAQ;AAC5C;AAEA,SAASN,GAAeO,GAAG;AACzB,SAAOA,EAAE;AACX;AAEA,SAASR,GAAYQ,GAAG;AACtB,SAAO,MAAM,QAAQA,CAAC,IAAIA,EAAE,CAAC,IAAI;AACnC;AAEA,SAASD,GAAShD,GAAM;AACtB,EAAIA,EAAK,KAAK,UAAU,WAAWA,EAAK,QAAQA,EAAK,KAAK,QAC1DA,EAAK,OAAOA,EAAK,KAAK;AACxB;AAEO,SAAS8C,GAAc9C,GAAM;AAClC,MAAIkD,IAAS;AACb;AAAG,IAAAlD,EAAK,SAASkD;AAAA,UACTlD,IAAOA,EAAK,WAAYA,EAAK,SAAS,EAAEkD;AAClD;AAEO,SAASP,EAAKH,GAAM;AACzB,OAAK,OAAOA,GACZ,KAAK,QACL,KAAK,SAAS,GACd,KAAK,SAAS;AAChB;AAEAG,EAAK,YAAYJ,GAAU,YAAY;AAAA,EACrC,aAAaI;AAAA,EACb,OAAOvC;AAAA,EACP,MAAMC;AAAA,EACN,WAAWM;AAAA,EACX,YAAYF;AAAA,EACZ,MAAMK;AAAA,EACN,KAAKC;AAAA,EACL,MAAME;AAAA,EACN,MAAME;AAAA,EACN,WAAWW;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOE;AAAA,EACP,MAAMa;AAAA,EACN,CAAC,OAAO,QAAQ,GAAGV;AACrB;AC1FO,SAASc,GAASC,GAAG;AAC1B,SAAOA,KAAK,OAAO,OAAOC,GAASD,CAAC;AACtC;AAEO,SAASC,GAASD,GAAG;AAC1B,MAAI,OAAOA,KAAM,WAAY,OAAM,IAAI;AACvC,SAAOA;AACT;ACPO,SAASE,IAAe;AAC7B,SAAO;AACT;AAEe,SAAAC,EAASC,GAAG;AACzB,SAAO,WAAW;AAChB,WAAOA;AAAA,EACT;AACF;ACRe,SAAAC,GAASzD,GAAM;AAC5B,EAAAA,EAAK,KAAK,KAAK,MAAMA,EAAK,EAAE,GAC5BA,EAAK,KAAK,KAAK,MAAMA,EAAK,EAAE,GAC5BA,EAAK,KAAK,KAAK,MAAMA,EAAK,EAAE,GAC5BA,EAAK,KAAK,KAAK,MAAMA,EAAK,EAAE;AAC9B;ACLe,SAAA0D,GAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIrD,IAAQiD,EAAO,UACf3D,GACAG,IAAI,IACJU,IAAIH,EAAM,QACVc,IAAImC,EAAO,UAAUG,IAAKF,KAAMD,EAAO,OAEpC,EAAExD,IAAIU;AACX,IAAAb,IAAOU,EAAMP,CAAC,GAAGH,EAAK,KAAK6D,GAAI7D,EAAK,KAAK+D,GACzC/D,EAAK,KAAK4D,GAAI5D,EAAK,KAAK4D,KAAM5D,EAAK,QAAQwB;AAE/C;ACRA,IAAIwC,KAAU,EAAC,OAAO,GAAE,GACpBC,KAAY,CAAA,GACZC,KAAU,CAAA;AAEd,SAASC,GAAUlB,GAAG;AACpB,SAAOA,EAAE;AACX;AAEA,SAASmB,GAAgBnB,GAAG;AAC1B,SAAOA,EAAE;AACX;AAEe,SAAAoB,KAAW;AACxB,MAAIC,IAAKH,IACLI,IAAWH,IACXI;AAEJ,WAASH,EAAS7B,GAAM;AACtB,QAAI9B,IAAQ,MAAM,KAAK8B,CAAI,GACvBiC,IAAYH,GACZI,IAAkBH,GAClB1D,GACAoC,GACA9C,GACAgC,GACAwB,GACA3D,GACA2E,GACAC,GACAC,IAAY,oBAAI;AAEpB,QAAIL,KAAQ,MAAM;AAChB,YAAMM,IAAIpE,EAAM,IAAI,CAACuC,GAAG9C,MAAM4E,GAAUP,EAAKvB,GAAG9C,GAAGqC,CAAI,CAAC,CAAC,GACnDwC,IAAIF,EAAE,IAAIG,EAAQ,GAClBC,IAAI,IAAI,IAAIJ,CAAC,EAAE,IAAI,EAAE;AAC3B,iBAAW3E,KAAK6E;AACd,QAAKE,EAAE,IAAI/E,CAAC,MACV+E,EAAE,IAAI/E,CAAC,GACP2E,EAAE,KAAK3E,CAAC,GACR6E,EAAE,KAAKC,GAAS9E,CAAC,CAAC,GAClBO,EAAM,KAAKwD,EAAO;AAGtB,MAAAO,IAAY,CAACU,GAAGhF,MAAM2E,EAAE3E,CAAC,GACzBuE,IAAkB,CAACS,GAAGhF,MAAM6E,EAAE7E,CAAC;AAAA,IACjC;AAEA,SAAKA,IAAI,GAAGU,IAAIH,EAAM,QAAQP,IAAIU,GAAG,EAAEV;AACrC,MAAA8C,IAAIvC,EAAMP,CAAC,GAAGH,IAAOU,EAAMP,CAAC,IAAI,IAAIwC,EAAKM,CAAC,IACrC0B,IAASF,EAAUxB,GAAG9C,GAAGqC,CAAI,MAAM,SAASmC,KAAU,QACzDC,IAAU5E,EAAK,KAAK2E,GACpBE,EAAU,IAAID,GAASC,EAAU,IAAID,CAAO,IAAIX,KAAYjE,CAAI,KAE7D2E,IAASD,EAAgBzB,GAAG9C,GAAGqC,CAAI,MAAM,SAASmC,KAAU,QAC/D3E,EAAK,SAAS2E;AAIlB,SAAKxE,IAAI,GAAGA,IAAIU,GAAG,EAAEV;AAEnB,UADAH,IAAOU,EAAMP,CAAC,GACVwE,IAAS3E,EAAK,QAAQ;AAExB,YADA2D,IAASkB,EAAU,IAAIF,CAAM,GACzB,CAAChB,EAAQ,OAAM,IAAI,MAAM,cAAcgB,CAAM;AACjD,YAAIhB,MAAWM,GAAW,OAAM,IAAI,MAAM,gBAAgBU,CAAM;AAChE,QAAIhB,EAAO,WAAUA,EAAO,SAAS,KAAK3D,CAAI,IACzC2D,EAAO,WAAW,CAAC3D,CAAI,GAC5BA,EAAK,SAAS2D;AAAA,MAChB,OAAO;AACL,YAAIxB,EAAM,OAAM,IAAI,MAAM,gBAAgB;AAC1C,QAAAA,IAAOnC;AAAA,MACT;AAGF,QAAI,CAACmC,EAAM,OAAM,IAAI,MAAM,SAAS;AAIpC,QAAIqC,KAAQ,MAAM;AAChB,aAAOrC,EAAK,SAAS+B,MAAW/B,EAAK,SAAS,WAAW;AACvD,QAAAA,IAAOA,EAAK,SAAS,CAAC,GAAG,EAAEtB;AAE7B,eAASV,IAAIO,EAAM,SAAS,GAAGP,KAAK,MAClCH,IAAOU,EAAMP,CAAC,GACVH,EAAK,SAASkE,KAFmB,EAAE/D;AAGvC,QAAAH,EAAK,OAAO;AAAA,IAEhB;AAKA,QAHAmC,EAAK,SAAS6B,IACd7B,EAAK,WAAW,SAASnC,GAAM;AAAE,MAAAA,EAAK,QAAQA,EAAK,OAAO,QAAQ,GAAG,EAAEa;AAAA,IAAG,CAAC,EAAE,WAAWiC,EAAa,GACrGX,EAAK,SAAS,MACVtB,IAAI,EAAG,OAAM,IAAI,MAAM,OAAO;AAElC,WAAOsB;AAAA,EACT;AAEA,SAAAkC,EAAS,KAAK,SAASb,GAAG;AACxB,WAAO,UAAU,UAAUc,IAAKnB,GAASK,CAAC,GAAGa,KAAYC;AAAA,EAC3D,GAEAD,EAAS,WAAW,SAASb,GAAG;AAC9B,WAAO,UAAU,UAAUe,IAAWpB,GAASK,CAAC,GAAGa,KAAYE;AAAA,EACjE,GAEAF,EAAS,OAAO,SAASb,GAAG;AAC1B,WAAO,UAAU,UAAUgB,IAAOrB,GAASK,CAAC,GAAGa,KAAYG;AAAA,EAC7D,GAEOH;AACT;AAKA,SAASU,GAAUP,GAAM;AACvB,EAAAA,IAAO,GAAGA,CAAI;AACd,MAAIrE,IAAIqE,EAAK;AACb,SAAIY,GAAMZ,GAAMrE,IAAI,CAAC,KAAK,CAACiF,GAAMZ,GAAMrE,IAAI,CAAC,MAAGqE,IAAOA,EAAK,MAAM,GAAG,EAAE,IAC/DA,EAAK,CAAC,MAAM,MAAMA,IAAO,IAAIA,CAAI;AAC1C;AAKA,SAASS,GAAST,GAAM;AACtB,MAAIrE,IAAIqE,EAAK;AACb,MAAIrE,IAAI,EAAG,QAAO;AAClB,SAAO,EAAEA,IAAI,KAAO,CAAAiF,GAAMZ,GAAMrE,CAAC,IAAjB;AAChB,SAAOqE,EAAK,MAAM,GAAGrE,CAAC;AACxB;AAKA,SAASiF,GAAMZ,GAAMrE,GAAG;AACtB,MAAIqE,EAAKrE,CAAC,MAAM,KAAK;AACnB,QAAIqB,IAAI;AACR,WAAOrB,IAAI,KAAKqE,EAAK,EAAErE,CAAC,MAAM,OAAM,GAAEqB;AACtC,SAAKA,IAAI,OAAO,EAAG,QAAO;AAAA,EAC5B;AACA,SAAO;AACT;AChJe,SAAA6D,GAAS1B,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIrD,IAAQiD,EAAO,UACf3D,GACAG,IAAI,IACJU,IAAIH,EAAM,QACVc,IAAImC,EAAO,UAAUI,IAAKF,KAAMF,EAAO,OAEpC,EAAExD,IAAIU;AACX,IAAAb,IAAOU,EAAMP,CAAC,GAAGH,EAAK,KAAK4D,GAAI5D,EAAK,KAAK8D,GACzC9D,EAAK,KAAK6D,GAAI7D,EAAK,KAAK6D,KAAM7D,EAAK,QAAQwB;AAE/C;ACRO,IAAI8D,MAAO,IAAI,KAAK,KAAK,CAAC,KAAK;AAE/B,SAASC,GAAcC,GAAO7B,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAkB3D,WAjBI0B,IAAO,CAAA,GACP/E,IAAQiD,EAAO,UACf+B,GACAC,GACAC,IAAK,GACLC,IAAK,GACL,IAAInF,EAAM,QACVoF,GAAIC,GACJ/E,IAAQ2C,EAAO,OACfqC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEGV,IAAK,KAAG;AACb,IAAAE,IAAKhC,IAAKF,GAAImC,IAAKhC,IAAKF;AAGxB;AAAG,MAAAmC,IAAWtF,EAAMmF,GAAI,EAAE;AAAA,WAAc,CAACG,KAAYH,IAAK;AAO1D,SANAI,IAAWC,IAAWF,GACtBK,IAAQ,KAAK,IAAIN,IAAKD,GAAIA,IAAKC,CAAE,KAAK/E,IAAQwE,IAC9Cc,IAAON,IAAWA,IAAWK,GAC7BD,IAAW,KAAK,IAAIF,IAAWI,GAAMA,IAAOL,CAAQ,GAG7CJ,IAAK,GAAG,EAAEA,GAAI;AAMnB,UALAG,KAAYL,IAAYjF,EAAMmF,CAAE,EAAE,OAC9BF,IAAYM,MAAUA,IAAWN,IACjCA,IAAYO,MAAUA,IAAWP,IACrCW,IAAON,IAAWA,IAAWK,GAC7BF,IAAW,KAAK,IAAID,IAAWI,GAAMA,IAAOL,CAAQ,GAChDE,IAAWC,GAAU;AAAE,QAAAJ,KAAYL;AAAW;AAAA,MAAO;AACzD,MAAAS,IAAWD;AAAA,IACb;AAGA,IAAAV,EAAK,KAAKC,IAAM,EAAC,OAAOM,GAAU,MAAMF,IAAKC,GAAI,UAAUrF,EAAM,MAAMkF,GAAIC,CAAE,EAAC,CAAC,GAC3EH,EAAI,OAAMhC,GAAYgC,GAAK9B,GAAIC,GAAIC,GAAI9C,IAAQ6C,KAAMkC,IAAKC,IAAWhF,IAAQ+C,CAAE,IAC9EsB,GAAaK,GAAK9B,GAAIC,GAAI7C,IAAQ4C,KAAMkC,IAAKE,IAAWhF,IAAQ8C,GAAIC,CAAE,GAC3E/C,KAASgF,GAAUJ,IAAKC;AAAA,EAC1B;AAEA,SAAOJ;AACT;AAEA,MAAAc,KAAgB,SAASC,EAAOhB,GAAO;AAErC,WAASe,EAAS5C,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AACxC,IAAAwB,GAAcC,GAAO7B,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAC7C;AAEA,SAAAwC,EAAS,QAAQ,SAAS/C,GAAG;AAC3B,WAAOgD,GAAQhD,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEO+C;AACT,EAAGjB,EAAG;AC5DS,SAAAmB,KAAW;AACxB,MAAIC,IAAOH,IACPI,IAAQ,IACRb,IAAK,GACLC,IAAK,GACLa,IAAe,CAAC,CAAC,GACjBC,IAAevD,GACfwD,IAAaxD,GACbyD,IAAezD,GACf0D,IAAgB1D,GAChB2D,IAAc3D;AAElB,WAASmD,EAAQtE,GAAM;AACrB,WAAAA,EAAK,KACLA,EAAK,KAAK,GACVA,EAAK,KAAK2D,GACV3D,EAAK,KAAK4D,GACV5D,EAAK,WAAW+E,CAAY,GAC5BN,IAAe,CAAC,CAAC,GACbD,KAAOxE,EAAK,WAAWsB,EAAS,GAC7BtB;AAAA,EACT;AAEA,WAAS+E,EAAalH,GAAM;AAC1B,QAAImH,IAAIP,EAAa5G,EAAK,KAAK,GAC3B4D,IAAK5D,EAAK,KAAKmH,GACftD,IAAK7D,EAAK,KAAKmH,GACfrD,IAAK9D,EAAK,KAAKmH,GACfpD,IAAK/D,EAAK,KAAKmH;AACnB,IAAIrD,IAAKF,MAAIA,IAAKE,KAAMF,IAAKE,KAAM,IAC/BC,IAAKF,MAAIA,IAAKE,KAAMF,IAAKE,KAAM,IACnC/D,EAAK,KAAK4D,GACV5D,EAAK,KAAK6D,GACV7D,EAAK,KAAK8D,GACV9D,EAAK,KAAK+D,GACN/D,EAAK,aACPmH,IAAIP,EAAa5G,EAAK,QAAQ,CAAC,IAAI6G,EAAa7G,CAAI,IAAI,GACxD4D,KAAMqD,EAAYjH,CAAI,IAAImH,GAC1BtD,KAAMiD,EAAW9G,CAAI,IAAImH,GACzBrD,KAAMiD,EAAa/G,CAAI,IAAImH,GAC3BpD,KAAMiD,EAAchH,CAAI,IAAImH,GACxBrD,IAAKF,MAAIA,IAAKE,KAAMF,IAAKE,KAAM,IAC/BC,IAAKF,MAAIA,IAAKE,KAAMF,IAAKE,KAAM,IACnC2C,EAAK1G,GAAM4D,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAE7B;AAEA,SAAA0C,EAAQ,QAAQ,SAASjD,GAAG;AAC1B,WAAO,UAAU,UAAUmD,IAAQ,CAAC,CAACnD,GAAGiD,KAAWE;AAAA,EACrD,GAEAF,EAAQ,OAAO,SAASjD,GAAG;AACzB,WAAO,UAAU,UAAUsC,IAAK,CAACtC,EAAE,CAAC,GAAGuC,IAAK,CAACvC,EAAE,CAAC,GAAGiD,KAAW,CAACX,GAAIC,CAAE;AAAA,EACvE,GAEAU,EAAQ,OAAO,SAASjD,GAAG;AACzB,WAAO,UAAU,UAAUkD,IAAOrD,GAASG,CAAC,GAAGiD,KAAWC;AAAA,EAC5D,GAEAD,EAAQ,UAAU,SAASjD,GAAG;AAC5B,WAAO,UAAU,SAASiD,EAAQ,aAAajD,CAAC,EAAE,aAAaA,CAAC,IAAIiD,EAAQ,aAAY;AAAA,EAC1F,GAEAA,EAAQ,eAAe,SAASjD,GAAG;AACjC,WAAO,UAAU,UAAUqD,IAAe,OAAOrD,KAAM,aAAaA,IAAID,EAAS,CAACC,CAAC,GAAGiD,KAAWI;AAAA,EACnG,GAEAJ,EAAQ,eAAe,SAASjD,GAAG;AACjC,WAAO,UAAU,SAASiD,EAAQ,WAAWjD,CAAC,EAAE,aAAaA,CAAC,EAAE,cAAcA,CAAC,EAAE,YAAYA,CAAC,IAAIiD,EAAQ,WAAU;AAAA,EACtH,GAEAA,EAAQ,aAAa,SAASjD,GAAG;AAC/B,WAAO,UAAU,UAAUsD,IAAa,OAAOtD,KAAM,aAAaA,IAAID,EAAS,CAACC,CAAC,GAAGiD,KAAWK;AAAA,EACjG,GAEAL,EAAQ,eAAe,SAASjD,GAAG;AACjC,WAAO,UAAU,UAAUuD,IAAe,OAAOvD,KAAM,aAAaA,IAAID,EAAS,CAACC,CAAC,GAAGiD,KAAWM;AAAA,EACnG,GAEAN,EAAQ,gBAAgB,SAASjD,GAAG;AAClC,WAAO,UAAU,UAAUwD,IAAgB,OAAOxD,KAAM,aAAaA,IAAID,EAAS,CAACC,CAAC,GAAGiD,KAAWO;AAAA,EACpG,GAEAP,EAAQ,cAAc,SAASjD,GAAG;AAChC,WAAO,UAAU,UAAUyD,IAAc,OAAOzD,KAAM,aAAaA,IAAID,EAAS,CAACC,CAAC,GAAGiD,KAAWQ;AAAA,EAClG,GAEOR;AACT;AC9CO,SAASW,GAAMC,GAAc;AAClC,QAAM;AAAA,IACJ,MAAA7E;AAAA,IACA,QAAA8E;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAtE;AAAA,IACA,aAAAuE;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,6BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACExB,GACEyB,IAASC,GAAO,IAAI,GACpBC,IAAWC,GAAUH,GAAQ;AAAA,IACjC,MAAMH,EAAQ;AAAA,IACd,QAAQA,EAAQ;AAAA,EAAA,CACjB,GAEK,CAACO,GAAeC,CAAgB,IAAIC,EAAc,MAAS,GAE3D,CAACC,GAAgBC,CAAiB,IAAIF,EAAc,MAAS,GAC7D,CAACG,GAAQC,CAAS,IAAIJ,EAA6B,MAAS,GAC5D,CAACK,GAAQC,CAAS,IAAIN,EAA6B,MAAS,GAC5DO,IAAS;AAAA,IACb,KAAKhC;AAAA,IACL,QAAQC;AAAA,IACR,MAAML;AAAA,IACN,OAAOG;AAAA,EAAA,GAEHkC,IAAapC,IAAQmC,EAAO,OAAOA,EAAO,OAC1CE,IAAc3G,IAASyG,EAAO,MAAMA,EAAO,QAE3CG,IAAc;AAAA,IAClB;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAAA,IAER,GAAGtH,EAAK,IAAI,CAACS,OAAwB;AAAA,MACnC,IAAIA,EAAE;AAAA,MACN,OAAOA,EAAE;AAAA,MACT,QAAQ;AAAA,MACR,MAAMA;AAAA,IAAA,EACN;AAAA,EAAA,GAEE8G,IAAW1F,GAAA,EAEd,GAAG,CAACpB,MAAWA,EAAE,EAAE,EAEnB,SAAS,CAACA,MAAWA,EAAE,MAAM,EAAE6G,CAAW;AAE7C,EAAAC,EAAS,IAAI,CAAC9G,MAAWA,EAAE,KAAK;AAChC,QAAM+G,IAAiBvD,KAAU,KAAK,CAACmD,GAAYC,CAAW,CAAC,EAAE,QAAQ,CAAC,EAAEE,CAAQ;AAEpF,SACEE,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,OAAO,GAAG5C,CAAK;AAAA,QACf,QAAQ,GAAGtE,CAAM;AAAA,QACjB,SAAS,OAAOsE,CAAK,IAAItE,CAAM;AAAA,QAC/B,WAAU;AAAA,QACV,KAAK4F;AAAA,QAEL,UAAAqB,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW,aAAaR,EAAO,IAAI,IAAIA,EAAO,GAAG,KAClD,UAAAQ,gBAAAA,EAAAA,IAACE,IAAA,EACE,UAAAL,EAAe,UAAU,IAAI,CAAA/G,MAE1BgH,gBAAAA,EAAAA;AAAAA,UAACG,EAAO;AAAA,UAAP;AAAA,YACC,WAAU;AAAA,YAGV,UAAU;AAAA,cACR,SAAS;AAAA,gBACP,SAAS;AAAA,gBACT,GAAGnH,EAAE;AAAA,gBACL,GAAGA,EAAE;AAAA,cAAA;AAAA,cAEP,aAAa;AAAA,gBACX,SAAS+E;AAAA;AAAA,kBAEJ/E,EAAE,KAAa,KAAK,SACnBqE;AAAA;AAAA,oBAEEG,EAAY,QAASxE,EAAE,KAAa,KAAK,KAAK;AAAA,kBAAA,MAC1C+E,IACJ,IAEFY;AAAA,oBACFR,EAAsB,WAAW;AAAA;AAAA,kBAE/BA,EAAsB,QAASnF,EAAE,KAAa,EAAE,MAAM,KACpD,OACA2F;AAAA,oBACF;AAAA,gBACN,GAAG3F,EAAE;AAAA,gBACL,GAAGA,EAAE;AAAA,gBACL,YAAY,EAAE,UAAU0F,EAAQ,SAAA;AAAA,cAAS;AAAA,YAC3C;AAAA,YAEF,SAAQ;AAAA,YACR,SAASK,IAAW,gBAAgB;AAAA,YACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUL,EAAQ,WAAS;AAAA,YAC7D,cAAc,CAAA2B,MAAS;AAErB,cAAAnB,EAAkBlG,EAAE,KAAa,IAAI,GACrCyG,EAAUY,EAAM,OAAO,GACvBd,EAAUc,EAAM,OAAO,GAEvBvC,IAAqB9E,EAAE,KAAa,IAAI;AAAA,YAC1C;AAAA,YACA,SAAS,MAAM;AACb,eAAIoF,KAAsBE;AAAA,cAGtBc,MAAoBpG,EAAE,KAAa,MACnCqF,KAEAgB,EAAkB,MAAS,GAC3BjB,IAAqB,MAAS,MAG9BiB,EAAmBrG,EAAE,KAAa,EAAE,GAEpCoF,IAAsBpF,EAAE,KAAa,IAAI;AAAA,YAG/C;AAAA,YACA,aAAa,CAAAqH,MAAS;AAEpB,cAAAnB,EAAkBlG,EAAE,KAAa,IAAI,GACrCyG,EAAUY,EAAM,OAAO,GACvBd,EAAUc,EAAM,OAAO;AAAA,YACzB;AAAA,YACA,cAAc,MAAM;AAClB,cAAAnB,EAAiB,MAAS,GAC1BK,EAAU,MAAS,GACnBE,EAAU,MAAS,GACnB3B,IAAoB,MAAS;AAAA,YAC/B;AAAA,YAEA,UAAA;AAAA,cAAAoC,gBAAAA,EAAAA;AAAAA,gBAACC,EAAO;AAAA,gBAAP;AAAA,kBACC,GAAG;AAAA,kBACH,GAAG;AAAA,kBACH,MAAM;AAAA,oBACJ,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,SAAS;AAAA,oBACT,YAAY,EAAE,UAAUzB,EAAQ,SAAA;AAAA,kBAAS;AAAA,kBAE3C,UAAU;AAAA,oBACR,SAAS;AAAA,sBACP,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,MACEnG,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCjD,EAAO,CAAC;AAAA;AAAA,wBAENrE,EAAE,KAAa,KAAK,QAEpBqE;AAAA;AAAA,0BAEEG,EAAY,QAASxE,EAAE,KAAa,KAAK,KAAK;AAAA,wBAAA,IAHhDuH,EAAO;AAAA;AAAA,oBAIP;AAAA,oBAEV,aAAa;AAAA,sBACX,OAAOvH,EAAE,KAAKA,EAAE;AAAA,sBAChB,QAAQA,EAAE,KAAKA,EAAE;AAAA,sBACjB,MACET,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCjD,EAAO,CAAC;AAAA;AAAA,wBAENrE,EAAE,KAAa,KAAK,QAEpBqE;AAAA;AAAA,0BAEEG,EAAY,QAASxE,EAAE,KAAa,KAAK,KAAK;AAAA,wBAAA,IAHhDuH,EAAO;AAAA;AAAA,sBAKf,YAAY,EAAE,UAAU7B,EAAQ,SAAA;AAAA,oBAAS;AAAA,kBAC3C;AAAA,kBAEF,SAAQ;AAAA,kBACR,SAASK,IAAW,gBAAgB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAErC/F,EAAE,KAAKA,EAAE,KAAK,MAAMA,EAAE,KAAKA,EAAE,KAAK,OAAO4E,KAAcI,KACtDkC,gBAAAA,EAAAA;AAAAA,gBAACC,EAAO;AAAA,gBAAP;AAAA,kBACC,UAAU;AAAA,oBACR,SAAS,EAAE,SAAS,EAAA;AAAA,oBACpB,aAAa;AAAA,sBACX,SAAS;AAAA,sBACT,YAAY,EAAE,UAAUzB,EAAQ,SAAA;AAAA,oBAAS;AAAA,kBAC3C;AAAA,kBAEF,SAAQ;AAAA,kBACR,SAASK,IAAW,gBAAgB;AAAA,kBACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUL,EAAQ,WAAS;AAAA,kBAE7D,UAAAwB,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAG,OAAOlH,EAAE,KAAKA,EAAE,IAAI,QAAQA,EAAE,KAAKA,EAAE,IAC9D,UAAAgH,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO;AAAA,wBACL,OAAOQ;AAAA,0BACLjI,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCjD,EAAO,CAAC;AAAA;AAAA,4BAENrE,EAAE,KAAa,KAAK,QAEpBqE;AAAA;AAAA,8BAEEG,EAAY,QAASxE,EAAE,KAAa,KAAK,KAAK;AAAA,4BAAA,IAHhDuH,EAAO;AAAA;AAAA,wBAIP;AAAA,sBACR;AAAA,sBAGD,UAAA;AAAA,wBAAA3C,IACCsC,gBAAAA,EAAAA;AAAAA,0BAACnF;AAAAA,0BAAA;AAAA,4BACC,cAAa;AAAA,4BACb,MAAK;AAAA,4BACL,SAAQ;AAAA,4BACR,WAAW0F;AAAAA,8BACT;AAAA,8BACAlC,MAAa,QAAQA,MAAa,OAAO,eAAe;AAAA,8BACxDE,GAAY;AAAA,4BAAA;AAAA,4BAEd,OAAO;AAAA,8BACL,iBACEzF,EAAE,KAAKA,EAAE,KAAK,KACVA,EAAE,KAAKA,EAAE,KAAK,MACZA,EAAE,KAAKA,EAAE,KAAK,MACZ,SACA,IACF,IACF;AAAA,8BACN,SAAS;AAAA,8BACT,iBAAiB;AAAA,8BACjB,UAAU;AAAA,8BACV,OAAOwH;AAAA,gCACLjI,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCjD,EAAO,CAAC;AAAA;AAAA,kCAENrE,EAAE,KAAa,KAAK,QAEpBqE,EACEG,EAAY;AAAA;AAAA,oCAETxE,EAAE,KAAa,KAAK;AAAA,kCAAA,CAEzB,IANAuH,EAAO;AAAA;AAAA,8BAMP;AAAA,8BAER,GAAI/B,GAAQ,qBAAqB,CAAA;AAAA,4BAAC;AAAA;AAAA,4BAKjC,YAAE,KAAa;AAAA,0BAAA;AAAA,wBAAA,IAGlB;AAAA,wBACHR,IACCkC,gBAAAA,EAAAA;AAAAA,0BAACnF;AAAAA,0BAAA;AAAA,4BACC,cAAa;AAAA,4BACb,MAAK;AAAA,4BACL,SAAQ;AAAA,4BACR,WAAW0F;AAAAA,8BACT;AAAA,8BACAlC,MAAa,QAAQA,MAAa,OAAO,eAAe;AAAA,8BACxDE,GAAY;AAAA,4BAAA;AAAA,4BAEd,OAAO;AAAA,8BACL,OAAO+B;AAAA,gCACLjI,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCjD,EAAO,CAAC;AAAA;AAAA,kCAENrE,EAAE,KAAa,KAAK,QAEpBqE,EACEG,EAAY;AAAA;AAAA,oCAETxE,EAAE,KAAa,KAAK;AAAA,kCAAA,CAEzB,IANAuH,EAAO;AAAA;AAAA,8BAMP;AAAA,8BAER,GAAI/B,GAAQ,qBAAqB,CAAA;AAAA,4BAAC;AAAA,4BAGnC,UAAAkC;AAAA;AAAA,8BAEE1H,EAAE,KAAa;AAAA,8BAChB;AAAA,8BACA4F;AAAA,8BACAV;AAAA,8BACAD;AAAA,4BAAA;AAAA,0BACF;AAAA,wBAAA,IAEA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA,EACN,CACF;AAAA,gBAAA;AAAA,cAAA,IAEA;AAAA,YAAA;AAAA,UAAA;AAAA,UAnOEjF,EAAE,KAAa;AAAA,QAAA,CAsO1B,GACH,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDiG,KAAiBpB,KAAWyB,KAAUE,IACrCU,gBAAAA,EAAAA;AAAAA,MAACS;AAAA,MAAA;AAAA,QACC,MAAM1B;AAAA,QACN,MAAMpB;AAAA,QACN,MAAMyB;AAAA,QACN,MAAME;AAAA,QACN,iBAAiBhB,GAAQ;AAAA,QACzB,WAAWC,GAAY;AAAA,MAAA;AAAA,IAAA,IAEvB;AAAA,IACHH,KAAkBc,MAAmB,SACpCc,gBAAAA,EAAAA;AAAAA,MAACU;AAAAA,MAAA;AAAA,QACC,MAAMxB,MAAmB;AAAA,QACzB,SAAS,MAAM;AACb,UAAAC,EAAkB,MAAS;AAAA,QAC7B;AAAA,QAEA,UAAAa,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,yBACE,OAAO5B,KAAmB,WACtB,EAAE,QAAQuC,GAAYvC,GAAgBc,CAAc,EAAA,IACpD;AAAA,YAGL,UAAA,OAAOd,KAAmB,aAAaA,EAAec,CAAc,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3E;AAAA,IAAA,IAEA;AAAA,EAAA,GACN;AAEJ;AClRO,SAAS0B,GAAa1D,GAAc;AACzC,QAAM;AAAA,IACJ,MAAA7E;AAAA,IACA,YAAAwI;AAAA,IACA,QAAA1D;AAAA,IACA,QAAAY,IAAS;AAAA,IACT,SAAA+C;AAAA,IACA,QAAA9C,IAAS;AAAA,IACT,kBAAA+C;AAAA,IACA,YAAA3D,IAAa;AAAA,IACb,aAAAG,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,cAAAC,IAAe;AAAA,IACf,QAAA1E;AAAA,IACA,OAAAsE;AAAA,IACA,UAAA2D;AAAA,IACA,aAAA1D;AAAA,IACA,kBAAA2D;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,YAAAzD,IAAa;AAAA,IACb,gBAAA0D;AAAA,IACA,SAAAzD;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAyD,IAAiB;AAAA,IACjB,YAAAvD,IAAa;AAAA,IACb,SAAAwD;AAAA,IACA,uBAAArD,IAAwB,CAAA;AAAA,IACxB,oBAAAC;AAAA,IACA,eAAAqD,IAAgB;AAAA,IAChB,cAAAC,IAAe;AAAA,IACf,UAAAnD,IAAW;AAAA,IACX,aAAAoD,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,6BAAAzD,IAA8B;AAAA,IAC9B,gBAAAC;AAAA,IACA,QAAAE;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,IAChB,WAAAC,IAAY;AAAA,EAAA,IACVxB,GACE,CAAC2E,GAAUC,CAAW,IAAI7C,EAAS,CAAC,GACpC,CAAC8C,GAAWC,EAAY,IAAI/C,EAAS,CAAC,GACtC,CAACpB,IAAeoE,EAAgB,IAAIhD,EAA6B,MAAS,GAE1EiD,IAAWtD,GAAuB,IAAI,GACtCuD,KAAiBvD,GAAuB,IAAI;AAClD,SAAAwD,GAAU,MAAM;AACd,UAAMC,IAAiB,IAAI,eAAe,CAAAC,OAAW;AACnD,MAAAR,EAAYzE,KAASiF,GAAQ,CAAC,EAAE,OAAO,eAAe,GAAG,GACzDN,GAAajJ,KAAUuJ,GAAQ,CAAC,EAAE,OAAO,gBAAgB,GAAG;AAAA,IAC9D,CAAC;AACD,WAAIJ,EAAS,YACXF,GAAaE,EAAS,QAAQ,gBAAgB,GAAG,GACjDJ,EAAYI,EAAS,QAAQ,eAAe,GAAG,GAC1C7E,KAAOgF,EAAe,QAAQH,EAAS,OAAO,IAE9C,MAAMG,EAAe,WAAA;AAAA,EAC9B,GAAG,CAAChF,GAAOtE,CAAM,CAAC,GAEhBiH,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG2B,KAAS,OAAO,UAAUtE,IAAQ,iBAAiB,aAAa;AAAA,MAC9E,KAAKgB,MAAa,QAAQA,MAAa,OAAO,QAAQ;AAAA,MAEtD,UAAA2B,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWO;AAAAA,YACT,GACGY,IAEGA,MAAoB,KAClB,kDACA,KAHF,iBAIN,gDAAgD9C,KAAY,IAAI;AAAA,YAChEhB,IAAQ,UAAU;AAAA,YAClBkB,GAAY;AAAA,UAAA;AAAA,UAEd,OAAO;AAAA,YACL,GAAID,GAAQ,kBAAkB,CAAA;AAAA,YAC9B,GAAI6C,KAAmBA,MAAoB,KAAO,EAAE,iBAAAA,EAAA,IAAoB,CAAA;AAAA,UAAC;AAAA,UAE3E,IAAIG;AAAA,UACJ,KAAKa;AAAA,UACL,cACEP,KACA,GACEf,IAAa,mBAAmBA,CAAU,OAAO,EACnD,uGACEE,IAAmB,IAAIA,CAAgB,KAAK,EAC9C;AAAA,UAGF,UAAAf,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,SAASmB,IAAkBD,KAAW,SAASA,KAAW,EAAA;AAAA,cAEnE,UAAApB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,mDACZ,UAAA;AAAA,gBAAAe,KAAcE,KAAoBQ,KAAiBC,IAClDxB,gBAAAA,EAAAA;AAAAA,kBAACuC;AAAA,kBAAA;AAAA,oBACC,QAAQ;AAAA,sBACN,OAAOjE,GAAQ;AAAA,sBACf,aAAaA,GAAQ;AAAA,oBAAA;AAAA,oBAEvB,YAAY;AAAA,sBACV,OAAOC,GAAY;AAAA,sBACnB,aAAaA,GAAY;AAAA,oBAAA;AAAA,oBAE3B,YAAAsC;AAAA,oBACA,kBAAAE;AAAA,oBACA,OAAA1D;AAAA,oBACA,eAAekE,IAAgBY,GAAe,UAAU;AAAA,oBACxD,cACEX,IACInJ,EAAK,IAAI,CAAAS,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAKA,MAAM,MAAS,EAAE,SAAS,IAC1DT,EAAK,IAAI,CAAAS,MAAKA,EAAE,IAAI,EAAE,OAAO,CAAAA,MAAKA,MAAM,MAAS,IACjDT,EAAK,OAAO,CAAAS,MAAKA,MAAM,MAAS,IAClC;AAAA,kBAAA;AAAA,gBAAA,IAGN;AAAA,gBACJkH,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,kDACZ,UAAA3H,EAAK,WAAW,IACf2H,gBAAAA,EAAAA,IAACwC,IAAA,CAAA,CAAW,IAEZ1C,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EACG,UAAA;AAAA,kBAAAsB,KAAkBhJ,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACxDJ,gBAAAA,EAAAA;AAAAA,oBAACyC;AAAA,oBAAA;AAAA,sBACC,OAAApF;AAAA,sBACA,kBAAA4D;AAAA,sBACA,QACG9D,KAAmCkD,EAAOsB,CAAK,EAAE,kBAAkB;AAAA,sBAEtE,aACErE,KACCoF;AAAA,wBACCrK,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK;AAAA,wBAC1B;AAAA,sBAAA,EACA,IAAI,CAAAtH,MAAKA,EAAE,KAAK;AAAA,sBAEpB,kBAAAmJ;AAAA,sBACA,aAAAR;AAAA,oBAAA;AAAA,kBAAA,IAEA;AAAA,kBACJzB,gBAAAA,EAAAA;AAAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,KAAKkC;AAAA,sBACL,cAAW;AAAA,sBAET,WAAA7E,KAASwE,OAAc9I,KAAUgJ,KACjC/B,gBAAAA,EAAAA;AAAAA,wBAAC/C;AAAA,wBAAA;AAAA,0BACC,MAAM5E,EAAK,OAAO,CAAAS,MAAK,CAAC6J,GAAuB7J,EAAE,IAAI,CAAC;AAAA,0BACtD,QACET,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnCjD,IACE,CAACA,CAAgB,IACjB,CAACkD,EAAO,cAAc,UAAU,CAAC,IAClClD,KACDkD,EAAOsB,CAAK,EAAE,kBAAkB;AAAA,0BAEtC,aACEtJ,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK,EAAE,WAAW,IACnC,CAAA,IACA9C,KACCoF;AAAA,4BACCrK,EAAK,OAAO,CAAA+H,MAAMA,EAAG,KAAK;AAAA,4BAC1B;AAAA,0BAAA,EACA,IAAI,CAAAtH,MAAKA,EAAE,KAAK;AAAA,0BAExB,OAAOuE,KAASwE;AAAA,0BAChB,QAAQ,KAAK;AAAA,4BACXH;AAAA,4BACA3I,MACGqI,IACGM,KACGrE,KAASwE,KAAYT,IAAiBM,KACpCrE,KAASwE,KAAYT,IACtBM,KACDrE,KAASwE,KAAYT,IACxBW;AAAA,0BAAA;AAAA,0BAER,YAAA3E;AAAA,0BACA,aAAAG;AAAA,0BACA,WAAAC;AAAA,0BACA,cAAAC;AAAA,0BACA,YAAAC;AAAA,0BACA,YAAAI;AAAA,0BACA,QAAAC;AAAA,0BACA,QAAAC;AAAA,0BACA,eAAAH;AAAA,0BACA,SAAAF;AAAA,0BACA,mBAAAC;AAAA,0BACA,oBAAAM;AAAA,0BACA,uBAAAD;AAAA,0BACA,6BAAAE;AAAA,0BACA,gBAAAC;AAAA,0BACA,QAAAE;AAAA,0BACA,YAAAC;AAAA,0BACA,UAAAF;AAAA,0BACA,SACEG,MAAY,KACR,EAAE,UAAU,KAAK,MAAM,IAAM,QAAQ,IAAA,IACrCA,KAAW,EAAE,UAAU,GAAG,MAAM,IAAM,QAAQ,EAAA;AAAA,0BAEpD,eAAAC;AAAA,0BACA,WAAAC;AAAA,wBAAA;AAAA,sBAAA,IAEA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACN,EAAA,CACF,EAAA,CAEJ;AAAA,gBACCoC,KAAWE,IACVhB,gBAAAA,EAAAA;AAAAA,kBAAC4C;AAAA,kBAAA;AAAA,oBACC,QAAQ,EAAE,UAAUtE,GAAQ,UAAU,QAAQA,GAAQ,OAAA;AAAA,oBACtD,YAAY;AAAA,sBACV,UAAUC,GAAY;AAAA,sBACtB,QAAQA,GAAY;AAAA,oBAAA;AAAA,oBAEtB,SAAAuC;AAAA,oBACA,UAAAE;AAAA,oBACA,OAAA3D;AAAA,kBAAA;AAAA,gBAAA,IAEA;AAAA,cAAA,EAAA,CACN;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]}

package/dist/Types.d.ts

@@ -637,6 +637,7 @@ export declare interface GraphSettingsDataType {
     globeCurvatureResolution?: number;
     lightColor?: string;
     fogSetting?: FogDataType;
+    showAxisLabels?: boolean;
 }
 
 export declare type GraphType = GraphTypeForGriddedGraph;

package/dist/UnitChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DDoeWRVt.cjs"),F=require("react"),O=require("./index-C21TvELx.cjs"),M=require("./Typography-k-kOjICQ.cjs"),U=require("./GraphFooter.cjs"),J=require("./GraphHeader.cjs"),K=require("./Colors.cjs"),Q=require("./numberFormattingFunction-02t-wJta.cjs"),X=require("./use-in-view-sQJZ_xDO.cjs"),Y=require("./index-BW8iNx7E.cjs"),Z=require("./proxy-BHRoeZgd.cjs");function _(z){const{data:n,size:g=200,graphTitle:x,sources:R,colors:E=K.Colors.light.categoricalColors.colors,graphDescription:d,totalNoOfDots:f=100,unitPadding:G=3,gridSize:c=10,footNote:b,padding:N,backgroundColor:l=!1,graphID:H,graphDownload:k=!1,language:j="en",showColorScale:I=!0,showStrokeForWhiteDots:m=!0,note:C,dataDownload:S=!1,theme:P="light",width:r,height:h,minHeight:s=0,relativeHeight:a,ariaLabel:T,styles:u,classNames:w,animate:$=!1,precision:L=2}=z,q=F.useRef(null),y=$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},W=X.useInView(q,{once:y.once,amount:y.amount}),B=O.sum(n.map(e=>e.value)),D=F.useRef(null),o=g/c,p=(o-G*2)/2;if(p<=0)return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."),null;const v=[];return n.forEach((e,i)=>{const A=Math.round(e.value/B*f);for(let V=0;V<A;V+=1)v.push({color:E[i]})}),t.jsxRuntimeExports.jsx("div",{className:`${P||"light"} flex  ${r?"w-fit grow-0":"w-full grow"}`,dir:j==="he"||j==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${j||"en"}`,w?.graphContainer),style:{...u?.graphContainer||{},minHeight:"inherit",...l&&l!==!0?{backgroundColor:l}:{}},id:H,ref:D,"aria-label":T||`${x?`The graph shows ${x}. `:""}${d?` ${d}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:l?N||"1rem":N||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 w-full grow",children:[x||d||k?t.jsxRuntimeExports.jsx(J.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:w?.title,description:w?.description},graphTitle:x,graphDescription:d,width:r,graphDownload:k?D.current:void 0,dataDownload:S?n.map(e=>e.data).filter(e=>e!==void 0).length>0?n.map(e=>e.data).filter(e=>e!==void 0):n.filter(e=>e!==void 0):null}):null,C?t.jsxRuntimeExports.jsx(M.f,{marginBottom:"2xs",className:"text-primary-gray-700 dark:text-primary-gray-100 font-bold",style:{width:r?`${r}px`:"100%"},children:C}):null,t.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col gap-4 justify-between",children:[t.jsxRuntimeExports.jsxs("div",{children:[I?t.jsxRuntimeExports.jsx("div",{className:"mb-4 leading-0",style:{width:r?`${r}px`:"100%"},"aria-label":"Color legend",children:t.jsxRuntimeExports.jsx("div",{className:"flex mb-0 flex-wrap gap-x-4 gap-y-1",children:n.map((e,i)=>t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[t.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:E[i]}}),t.jsxRuntimeExports.jsxs(M.u,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[e.label,":"," ",t.jsxRuntimeExports.jsx("span",{className:"font-bold",children:Q.numberFormattingFunction(e.value,"NA",L)})]})]},i))})}):null,t.jsxRuntimeExports.jsx("div",{"aria-label":"Graph area",children:t.jsxRuntimeExports.jsx("svg",{width:`${r||g}px`,height:`${Math.max(s,h?a&&r?s?r*a>s?r*a:s:r*a:h:Math.floor((f-1)/c)*o+o/2+p+5)}px`,ref:q,direction:"ltr",viewBox:`0 0 ${r||g} ${Math.max(s,h?a&&r?s?r*a>s?r*a:s:r*a:h:Math.floor((f-1)/c)*o+o/2+p+5)}`,children:t.jsxRuntimeExports.jsx(Y.AnimatePresence,{children:t.jsxRuntimeExports.jsx("g",{children:v.map((e,i)=>t.jsxRuntimeExports.jsx(Z.motion.circle,{cx:i%c*o+o/2,cy:Math.floor(i/c)*o+o/2,style:{...m?{}:{stroke:e.color},strokeWidth:1},variants:{initial:{fill:"#fff",opacity:0,...m?{}:{stroke:e.color},strokeWidth:1},whileInView:{fill:e.color,opacity:1,...m?{}:{stroke:e.color},strokeWidth:1,transition:{duration:0,delay:y.duration/v.length*i}}},initial:"initial",animate:W?"whileInView":"initial",className:(e.color.toLowerCase()==="#fff"||e.color.toLowerCase()==="#ffffff"||e.color.toLowerCase()==="white")&&m?"stroke-primary-gray-400 dark:stroke-primary-gray-500":"",r:p},i))})})})})]}),R||b?t.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},sources:R,footNote:b,width:r}):null]})]})})})})}exports.UnitChart=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DDoeWRVt.cjs"),F=require("react"),O=require("./index-C21TvELx.cjs"),M=require("./Typography-k-kOjICQ.cjs"),U=require("./GraphFooter.cjs"),J=require("./GraphHeader.cjs"),K=require("./Colors.cjs"),Q=require("./numberFormattingFunction-02t-wJta.cjs"),X=require("./use-in-view-sQJZ_xDO.cjs"),Y=require("./index-BW8iNx7E.cjs"),Z=require("./proxy-BHRoeZgd.cjs");function _(z){const{data:n,size:g=200,graphTitle:x,sources:R,colors:E=K.Colors.light.categoricalColors.colors,graphDescription:d,totalNoOfDots:f=100,unitPadding:G=3,gridSize:c=10,footNote:b,padding:N,backgroundColor:l=!1,graphID:H,graphDownload:k=!1,language:j="en",showColorScale:I=!0,showStrokeForWhiteDots:m=!0,note:C,dataDownload:S=!1,theme:P="light",width:r,height:h,minHeight:s=0,relativeHeight:a,ariaLabel:T,styles:u,classNames:w,animate:$=!1,precision:L=2}=z,q=F.useRef(null),y=$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},W=X.useInView(q,{once:y.once,amount:y.amount}),B=O.sum(n.map(e=>e.value)),D=F.useRef(null),o=g/c,p=(o-G*2)/2;if(p<=0)return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."),null;const v=[];return n.forEach((e,i)=>{const A=Math.round(e.value/B*f);for(let V=0;V<A;V+=1)v.push({color:E[i]})}),t.jsxRuntimeExports.jsx("div",{className:`${P||"light"} flex  ${r?"w-fit grow-0":"w-full grow"}`,dir:j==="he"||j==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${j||"en"}`,r?"w-fit":"w-full",w?.graphContainer),style:{...u?.graphContainer||{},minHeight:"inherit",...l&&l!==!0?{backgroundColor:l}:{}},id:H,ref:D,"aria-label":T||`${x?`The graph shows ${x}. `:""}${d?` ${d}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:l?N||"1rem":N||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 w-full grow",children:[x||d||k?t.jsxRuntimeExports.jsx(J.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:w?.title,description:w?.description},graphTitle:x,graphDescription:d,width:r,graphDownload:k?D.current:void 0,dataDownload:S?n.map(e=>e.data).filter(e=>e!==void 0).length>0?n.map(e=>e.data).filter(e=>e!==void 0):n.filter(e=>e!==void 0):null}):null,C?t.jsxRuntimeExports.jsx(M.f,{marginBottom:"2xs",className:"text-primary-gray-700 dark:text-primary-gray-100 font-bold",style:{width:r?`${r}px`:"100%"},children:C}):null,t.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col gap-4 justify-between",children:[t.jsxRuntimeExports.jsxs("div",{children:[I?t.jsxRuntimeExports.jsx("div",{className:"mb-4 leading-0",style:{width:r?`${r}px`:"100%"},"aria-label":"Color legend",children:t.jsxRuntimeExports.jsx("div",{className:"flex mb-0 flex-wrap gap-x-4 gap-y-1",children:n.map((e,i)=>t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[t.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:E[i]}}),t.jsxRuntimeExports.jsxs(M.u,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[e.label,":"," ",t.jsxRuntimeExports.jsx("span",{className:"font-bold",children:Q.numberFormattingFunction(e.value,"NA",L)})]})]},i))})}):null,t.jsxRuntimeExports.jsx("div",{"aria-label":"Graph area",children:t.jsxRuntimeExports.jsx("svg",{width:`${r||g}px`,height:`${Math.max(s,h?a&&r?s?r*a>s?r*a:s:r*a:h:Math.floor((f-1)/c)*o+o/2+p+5)}px`,ref:q,direction:"ltr",viewBox:`0 0 ${r||g} ${Math.max(s,h?a&&r?s?r*a>s?r*a:s:r*a:h:Math.floor((f-1)/c)*o+o/2+p+5)}`,children:t.jsxRuntimeExports.jsx(Y.AnimatePresence,{children:t.jsxRuntimeExports.jsx("g",{children:v.map((e,i)=>t.jsxRuntimeExports.jsx(Z.motion.circle,{cx:i%c*o+o/2,cy:Math.floor(i/c)*o+o/2,style:{...m?{}:{stroke:e.color},strokeWidth:1},variants:{initial:{fill:"#fff",opacity:0,...m?{}:{stroke:e.color},strokeWidth:1},whileInView:{fill:e.color,opacity:1,...m?{}:{stroke:e.color},strokeWidth:1,transition:{duration:0,delay:y.duration/v.length*i}}},initial:"initial",animate:W?"whileInView":"initial",className:(e.color.toLowerCase()==="#fff"||e.color.toLowerCase()==="#ffffff"||e.color.toLowerCase()==="white")&&m?"stroke-primary-gray-400 dark:stroke-primary-gray-500":"",r:p},i))})})})})]}),R||b?t.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},sources:R,footNote:b,width:r}):null]})]})})})})}exports.UnitChart=_;
 //# sourceMappingURL=UnitChart.cjs.map

package/dist/UnitChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UnitChart.cjs","sources":["../src/Components/Graphs/UnitChart/index.tsx"],"sourcesContent":["import { useRef } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  UnitChartDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: UnitChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Note with h2 tag just above the graph. Can be used to highlight text */\r\n  note?: string;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors of the highlighted circles */\r\n  colors?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Size of the visualization */\r\n  size?: number;\r\n  /** No. of dots in a single row */\r\n  gridSize?: number;\r\n  /** Spacing between 2 dots */\r\n  unitPadding?: number;\r\n  /** Total no. of dot that are rendered in the chart */\r\n  totalNoOfDots?: number;\r\n  /** Toggle visibility of stroke for the unfilled dots */\r\n  showStrokeForWhiteDots?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale */\r\n  showColorScale?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function UnitChart(props: Props) {\r\n  const {\r\n    data,\r\n    size = 200,\r\n    graphTitle,\r\n    sources,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    graphDescription,\r\n    totalNoOfDots = 100,\r\n    unitPadding = 3,\r\n    gridSize = 10,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    graphDownload = false,\r\n    language = 'en',\r\n    showColorScale = true,\r\n    showStrokeForWhiteDots = true,\r\n    note,\r\n    dataDownload = false,\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const animateValue =\r\n    animate === true\r\n      ? { duration: 0.5, once: true, amount: 0.5 }\r\n      : animate || { duration: 0, once: true, amount: 0 };\r\n  const isInView = useInView(svgRef, {\r\n    once: animateValue.once,\r\n    amount: animateValue.amount,\r\n  });\r\n  const totalValue = sum(data.map(d => d.value));\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const gridDimension = size / gridSize;\r\n  const radius = (gridDimension - unitPadding * 2) / 2;\r\n  if (radius <= 0) {\r\n    console.error(\r\n      'The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0.',\r\n    );\r\n    return null;\r\n  }\r\n\r\n  const cellsData: { color: string }[] = [];\r\n  data.forEach((item, index) => {\r\n    const count = Math.round((item.value / totalValue) * totalNoOfDots);\r\n    for (let i = 0; i < count; i += 1) {\r\n      cellsData.push({ color: colors[index] });\r\n    }\r\n  });\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          minHeight: 'inherit',\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col gap-3 w-full grow'>\r\n            {graphTitle || graphDescription || graphDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            {note ? (\r\n              <H2\r\n                marginBottom='2xs'\r\n                className='text-primary-gray-700 dark:text-primary-gray-100 font-bold'\r\n                style={{ width: width ? `${width}px` : '100%' }}\r\n              >\r\n                {note}\r\n              </H2>\r\n            ) : null}\r\n            <div className='flex grow flex-col gap-4 justify-between'>\r\n              <div>\r\n                {showColorScale ? (\r\n                  <div\r\n                    className='mb-4 leading-0'\r\n                    style={{ width: width ? `${width}px` : '100%' }}\r\n                    aria-label='Color legend'\r\n                  >\r\n                    <div className='flex mb-0 flex-wrap gap-x-4 gap-y-1'>\r\n                      {data.map((d, i) => (\r\n                        <div className='flex gap-2 items-center' key={i}>\r\n                          <div\r\n                            className='w-3 h-3 rounded-full'\r\n                            style={{ backgroundColor: colors[i] }}\r\n                          />\r\n                          <P\r\n                            marginBottom='none'\r\n                            size='sm'\r\n                            className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                          >\r\n                            {d.label}:{' '}\r\n                            <span className='font-bold'>\r\n                              {numberFormattingFunction(d.value, 'NA', precision)}\r\n                            </span>\r\n                          </P>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n                <div aria-label='Graph area'>\r\n                  <svg\r\n                    width={`${width || size}px`}\r\n                    height={`${Math.max(\r\n                      minHeight,\r\n                      height\r\n                        ? relativeHeight && width\r\n                          ? minHeight\r\n                            ? width * relativeHeight > minHeight\r\n                              ? width * relativeHeight\r\n                              : minHeight\r\n                            : width * relativeHeight\r\n                          : height\r\n                        : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                            gridDimension / 2 +\r\n                            radius +\r\n                            5,\r\n                    )}px`}\r\n                    ref={svgRef}\r\n                    direction='ltr'\r\n                    viewBox={`0 0 ${width || size} ${Math.max(\r\n                      minHeight,\r\n                      height\r\n                        ? relativeHeight && width\r\n                          ? minHeight\r\n                            ? width * relativeHeight > minHeight\r\n                              ? width * relativeHeight\r\n                              : minHeight\r\n                            : width * relativeHeight\r\n                          : height\r\n                        : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                            gridDimension / 2 +\r\n                            radius +\r\n                            5,\r\n                    )}`}\r\n                  >\r\n                    <AnimatePresence>\r\n                      <g>\r\n                        {cellsData.map((d, i) => (\r\n                          <motion.circle\r\n                            key={i}\r\n                            cx={(i % gridSize) * gridDimension + gridDimension / 2}\r\n                            cy={Math.floor(i / gridSize) * gridDimension + gridDimension / 2}\r\n                            style={{\r\n                              ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                              strokeWidth: 1,\r\n                            }}\r\n                            variants={{\r\n                              initial: {\r\n                                fill: '#fff',\r\n                                opacity: 0,\r\n                                ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                                strokeWidth: 1,\r\n                              },\r\n                              whileInView: {\r\n                                fill: d.color,\r\n                                opacity: 1,\r\n                                ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                                strokeWidth: 1,\r\n                                transition: {\r\n                                  duration: 0,\r\n                                  delay: (animateValue.duration / cellsData.length) * i,\r\n                                },\r\n                              },\r\n                            }}\r\n                            initial='initial'\r\n                            animate={isInView ? 'whileInView' : 'initial'}\r\n                            className={\r\n                              (d.color.toLowerCase() === '#fff' ||\r\n                                d.color.toLowerCase() === '#ffffff' ||\r\n                                d.color.toLowerCase() === 'white') &&\r\n                              showStrokeForWhiteDots\r\n                                ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                : ''\r\n                            }\r\n                            r={radius}\r\n                          />\r\n                        ))}\r\n                      </g>\r\n                    </AnimatePresence>\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{\r\n                    footnote: styles?.footnote,\r\n                    source: styles?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                  width={width}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["UnitChart","props","data","size","graphTitle","sources","colors","Colors","graphDescription","totalNoOfDots","unitPadding","gridSize","footNote","padding","backgroundColor","graphID","graphDownload","language","showColorScale","showStrokeForWhiteDots","note","dataDownload","theme","width","height","minHeight","relativeHeight","ariaLabel","styles","classNames","animate","precision","svgRef","useRef","animateValue","isInView","useInView","totalValue","sum","d","graphParentDiv","gridDimension","radius","cellsData","item","index","count","i","jsx","cn","jsxs","GraphHeader","H2","P","AnimatePresence","motion","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"UnitChart.cjs","sources":["../src/Components/Graphs/UnitChart/index.tsx"],"sourcesContent":["import { useRef } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  UnitChartDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: UnitChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Note with h2 tag just above the graph. Can be used to highlight text */\r\n  note?: string;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors of the highlighted circles */\r\n  colors?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Size of the visualization */\r\n  size?: number;\r\n  /** No. of dots in a single row */\r\n  gridSize?: number;\r\n  /** Spacing between 2 dots */\r\n  unitPadding?: number;\r\n  /** Total no. of dot that are rendered in the chart */\r\n  totalNoOfDots?: number;\r\n  /** Toggle visibility of stroke for the unfilled dots */\r\n  showStrokeForWhiteDots?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale */\r\n  showColorScale?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function UnitChart(props: Props) {\r\n  const {\r\n    data,\r\n    size = 200,\r\n    graphTitle,\r\n    sources,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    graphDescription,\r\n    totalNoOfDots = 100,\r\n    unitPadding = 3,\r\n    gridSize = 10,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    graphDownload = false,\r\n    language = 'en',\r\n    showColorScale = true,\r\n    showStrokeForWhiteDots = true,\r\n    note,\r\n    dataDownload = false,\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const animateValue =\r\n    animate === true\r\n      ? { duration: 0.5, once: true, amount: 0.5 }\r\n      : animate || { duration: 0, once: true, amount: 0 };\r\n  const isInView = useInView(svgRef, {\r\n    once: animateValue.once,\r\n    amount: animateValue.amount,\r\n  });\r\n  const totalValue = sum(data.map(d => d.value));\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const gridDimension = size / gridSize;\r\n  const radius = (gridDimension - unitPadding * 2) / 2;\r\n  if (radius <= 0) {\r\n    console.error(\r\n      'The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0.',\r\n    );\r\n    return null;\r\n  }\r\n\r\n  const cellsData: { color: string }[] = [];\r\n  data.forEach((item, index) => {\r\n    const count = Math.round((item.value / totalValue) * totalNoOfDots);\r\n    for (let i = 0; i < count; i += 1) {\r\n      cellsData.push({ color: colors[index] });\r\n    }\r\n  });\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          minHeight: 'inherit',\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col gap-3 w-full grow'>\r\n            {graphTitle || graphDescription || graphDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            {note ? (\r\n              <H2\r\n                marginBottom='2xs'\r\n                className='text-primary-gray-700 dark:text-primary-gray-100 font-bold'\r\n                style={{ width: width ? `${width}px` : '100%' }}\r\n              >\r\n                {note}\r\n              </H2>\r\n            ) : null}\r\n            <div className='flex grow flex-col gap-4 justify-between'>\r\n              <div>\r\n                {showColorScale ? (\r\n                  <div\r\n                    className='mb-4 leading-0'\r\n                    style={{ width: width ? `${width}px` : '100%' }}\r\n                    aria-label='Color legend'\r\n                  >\r\n                    <div className='flex mb-0 flex-wrap gap-x-4 gap-y-1'>\r\n                      {data.map((d, i) => (\r\n                        <div className='flex gap-2 items-center' key={i}>\r\n                          <div\r\n                            className='w-3 h-3 rounded-full'\r\n                            style={{ backgroundColor: colors[i] }}\r\n                          />\r\n                          <P\r\n                            marginBottom='none'\r\n                            size='sm'\r\n                            className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                          >\r\n                            {d.label}:{' '}\r\n                            <span className='font-bold'>\r\n                              {numberFormattingFunction(d.value, 'NA', precision)}\r\n                            </span>\r\n                          </P>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n                <div aria-label='Graph area'>\r\n                  <svg\r\n                    width={`${width || size}px`}\r\n                    height={`${Math.max(\r\n                      minHeight,\r\n                      height\r\n                        ? relativeHeight && width\r\n                          ? minHeight\r\n                            ? width * relativeHeight > minHeight\r\n                              ? width * relativeHeight\r\n                              : minHeight\r\n                            : width * relativeHeight\r\n                          : height\r\n                        : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                            gridDimension / 2 +\r\n                            radius +\r\n                            5,\r\n                    )}px`}\r\n                    ref={svgRef}\r\n                    direction='ltr'\r\n                    viewBox={`0 0 ${width || size} ${Math.max(\r\n                      minHeight,\r\n                      height\r\n                        ? relativeHeight && width\r\n                          ? minHeight\r\n                            ? width * relativeHeight > minHeight\r\n                              ? width * relativeHeight\r\n                              : minHeight\r\n                            : width * relativeHeight\r\n                          : height\r\n                        : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                            gridDimension / 2 +\r\n                            radius +\r\n                            5,\r\n                    )}`}\r\n                  >\r\n                    <AnimatePresence>\r\n                      <g>\r\n                        {cellsData.map((d, i) => (\r\n                          <motion.circle\r\n                            key={i}\r\n                            cx={(i % gridSize) * gridDimension + gridDimension / 2}\r\n                            cy={Math.floor(i / gridSize) * gridDimension + gridDimension / 2}\r\n                            style={{\r\n                              ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                              strokeWidth: 1,\r\n                            }}\r\n                            variants={{\r\n                              initial: {\r\n                                fill: '#fff',\r\n                                opacity: 0,\r\n                                ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                                strokeWidth: 1,\r\n                              },\r\n                              whileInView: {\r\n                                fill: d.color,\r\n                                opacity: 1,\r\n                                ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                                strokeWidth: 1,\r\n                                transition: {\r\n                                  duration: 0,\r\n                                  delay: (animateValue.duration / cellsData.length) * i,\r\n                                },\r\n                              },\r\n                            }}\r\n                            initial='initial'\r\n                            animate={isInView ? 'whileInView' : 'initial'}\r\n                            className={\r\n                              (d.color.toLowerCase() === '#fff' ||\r\n                                d.color.toLowerCase() === '#ffffff' ||\r\n                                d.color.toLowerCase() === 'white') &&\r\n                              showStrokeForWhiteDots\r\n                                ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                : ''\r\n                            }\r\n                            r={radius}\r\n                          />\r\n                        ))}\r\n                      </g>\r\n                    </AnimatePresence>\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{\r\n                    footnote: styles?.footnote,\r\n                    source: styles?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                  width={width}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["UnitChart","props","data","size","graphTitle","sources","colors","Colors","graphDescription","totalNoOfDots","unitPadding","gridSize","footNote","padding","backgroundColor","graphID","graphDownload","language","showColorScale","showStrokeForWhiteDots","note","dataDownload","theme","width","height","minHeight","relativeHeight","ariaLabel","styles","classNames","animate","precision","svgRef","useRef","animateValue","isInView","useInView","totalValue","sum","d","graphParentDiv","gridDimension","radius","cellsData","item","index","count","i","jsx","cn","jsxs","GraphHeader","H2","P","AnimatePresence","motion","GraphFooter"],"mappings":"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"}

package/dist/UnitChart.js

@@ -12,7 +12,7 @@ import { m as ee } from "./proxy-CkpFesk1.js";
 function he(H) {
   const {
     data: s,
-    size: u = 200,
+    size: p = 200,
     graphTitle: d,
     sources: N,
     colors: b = X.light.categoricalColors.colors,
@@ -32,7 +32,7 @@ function he(H) {
     dataDownload: A = !1,
     theme: B = "light",
     width: o,
-    height: g,
+    height: u,
     minHeight: i = 0,
     relativeHeight: l,
     ariaLabel: G,
@@ -43,8 +43,8 @@ function he(H) {
   } = H, M = F(null), v = z === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : z || { duration: 0, once: !0, amount: 0 }, R = Z(M, {
     once: v.once,
     amount: v.amount
-  }), T = O(s.map((e) => e.value)), V = F(null), a = u / c, p = (a - L * 2) / 2;
-  if (p <= 0)
+  }), T = O(s.map((e) => e.value)), V = F(null), a = p / c, g = (a - L * 2) / 2;
+  if (g <= 0)
     return console.error(
       "The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."
     ), null;
@@ -63,6 +63,7 @@ function he(H) {
         {
           className: E(
             `${n ? n === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${w || "en"}`,
+            o ? "w-fit" : "w-full",
             y?.graphContainer
           ),
           style: {
@@ -142,16 +143,16 @@ function he(H) {
                     /* @__PURE__ */ r.jsx("div", { "aria-label": "Graph area", children: /* @__PURE__ */ r.jsx(
                       "svg",
                       {
-                        width: `${o || u}px`,
+                        width: `${o || p}px`,
                         height: `${Math.max(
                           i,
-                          g ? l && o ? i ? o * l > i ? o * l : i : o * l : g : Math.floor((x - 1) / c) * a + a / 2 + p + 5
+                          u ? l && o ? i ? o * l > i ? o * l : i : o * l : u : Math.floor((x - 1) / c) * a + a / 2 + g + 5
                         )}px`,
                         ref: M,
                         direction: "ltr",
-                        viewBox: `0 0 ${o || u} ${Math.max(
+                        viewBox: `0 0 ${o || p} ${Math.max(
                           i,
-                          g ? l && o ? i ? o * l > i ? o * l : i : o * l : g : Math.floor((x - 1) / c) * a + a / 2 + p + 5
+                          u ? l && o ? i ? o * l > i ? o * l : i : o * l : u : Math.floor((x - 1) / c) * a + a / 2 + g + 5
                         )}`,
                         children: /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx("g", { children: j.map((e, t) => /* @__PURE__ */ r.jsx(
                           ee.circle,
@@ -183,7 +184,7 @@ function he(H) {
                             initial: "initial",
                             animate: R ? "whileInView" : "initial",
                             className: (e.color.toLowerCase() === "#fff" || e.color.toLowerCase() === "#ffffff" || e.color.toLowerCase() === "white") && f ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "",
-                            r: p
+                            r: g
                           },
                           t
                         )) }) })