@unovis/ts 1.3.0-beta.2 → 1.3.0

package/components/leaflet-map/modules/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/leaflet-map/modules/utils.ts"],"sourcesContent":["import type L from 'leaflet'\nimport { min, max } from 'd3-array'\nimport Supercluster, { ClusterFeature, PointFeature } from 'supercluster'\n\n// Utils\nimport { clamp, getString, getNumber } from 'utils/data'\nimport { getColor } from 'utils/color'\nimport { polygon, circlePath } from 'utils/path'\nimport { getHTMLTransform } from 'utils/html'\n\n// Types\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { GenericDataRecord } from 'types/data'\n\n// Local Types\nimport {\n  LeafletMapPoint,\n  LeafletMapPointShape,\n  LeafletMapPieDatum,\n  LeafletMapPointStyles,\n  PointExpandedClusterProperties,\n  LeafletMapPointDatum,\n  LeafletMapClusterDatum,\n} from '../types'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\n\nexport function bBoxMerge (\n  bBoxArray: ({x1: number; x2: number; y1: number; y2: number})[]):\n  { x: number; y: number; width: number; height: number } {\n  let box = { x1: 0, x2: 0, y1: 0, y2: 0 }\n  bBoxArray.forEach(coords => {\n    if (!box) {\n      box = { ...coords }\n    } else {\n      if (box.x1 > coords.x1) box.x1 = coords.x1\n      if (box.y1 > coords.y1) box.y1 = coords.y1\n      if (box.x2 < coords.x2) box.x2 = coords.x2\n      if (box.y2 < coords.y2) box.y2 = coords.y2\n    }\n  })\n\n  return {\n    x: box.x1,\n    y: box.y1,\n    width: box.x2 - box.x1,\n    height: box.y2 - box.y1,\n  }\n}\n\nexport const getNextZoomLevelOnClusterClick = (level: number): number => clamp(1 + level * 1.5, level, 12)\n\nexport function projectPoint<D extends GenericDataRecord> (\n  geoJSONPoint: LeafletMapPoint<D> | ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>>,\n  leafletMap: L.Map\n): { x: number; y: number } {\n  const lat = geoJSONPoint.geometry.coordinates[1]\n  const lon = geoJSONPoint.geometry.coordinates[0]\n  const projected = leafletMap.latLngToLayerPoint([lat, lon])\n  return projected\n}\n\nexport function getPointRadius<D extends GenericDataRecord> (\n  geoPoint: ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>> | PointFeature<PointExpandedClusterProperties<D>>,\n  pointRadius: NumericAccessor<LeafletMapPointDatum<D>> | NumericAccessor<LeafletMapClusterDatum<D>>,\n  zoomLevel: number\n): number {\n  const isDynamic = !pointRadius\n  const radius = isDynamic\n    ? 1 + 2 * Math.pow(zoomLevel, 0.80)\n    // Todo: Needs a better typings handling\n    : getNumber((geoPoint.properties as LeafletMapPointDatum<D>), pointRadius as NumericAccessor<LeafletMapPointDatum<D>>)\n\n  const isCluster = (geoPoint as ClusterFeature<D>).properties.cluster\n  return (isCluster && isDynamic)\n    ? clamp(Math.pow((geoPoint as ClusterFeature<D>).properties.point_count, 0.35) * radius, radius * 1.1, radius * 3)\n    : radius\n}\n\nexport function getPointPos<D extends GenericDataRecord> (point: LeafletMapPoint<D> | ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>>, leafletMap: L.Map): { x: number; y: number } {\n  const properties = point.properties as LeafletMapPointDatum<D>\n  const isFromCluster = !!(properties).expandedClusterPoint\n\n  if (isFromCluster) {\n    const { x, y } = projectPoint(properties.expandedClusterPoint, leafletMap)\n    return {\n      x: x + properties.dx,\n      y: y + properties.dy,\n    }\n  } else {\n    return projectPoint(point, leafletMap)\n  }\n}\n\nexport function getPointDisplayOrder<D extends GenericDataRecord> (\n  d: LeafletMapPoint<D>,\n  pointStatus: StringAccessor<LeafletMapPointDatum<D> | LeafletMapClusterDatum<D>>,\n  colorMap: LeafletMapPointStyles<D>\n): number {\n  const status = getString(d.properties, pointStatus)\n  const statusList = Object.keys(colorMap)\n  return Object.keys(statusList).indexOf(status)\n}\n\nexport function toGeoJSONPoint<D extends GenericDataRecord> (d: D, i: number, pointLatitude: NumericAccessor<D>, pointLongitude: NumericAccessor<D>): PointFeature<D> {\n  const lat = getNumber(d, pointLatitude) as number\n  const lon = getNumber(d, pointLongitude) as number\n\n  return {\n    type: 'Feature',\n    properties: {\n      ...d,\n      _index: i,\n    },\n    geometry: {\n      type: 'Point',\n      coordinates: [lon, lat],\n    },\n  }\n}\n\nexport function calculateClusterIndex<D extends GenericDataRecord> (data: D[], config: LeafletMapConfigInterface<D>, maxClusterZoomLevel = 23): Supercluster<D> {\n  const { colorMap, pointShape, pointLatitude, pointLongitude, clusteringDistance } = config\n  return new Supercluster<D, Supercluster.AnyProps>({\n    radius: clusteringDistance,\n    maxZoom: maxClusterZoomLevel,\n    map: (d): Supercluster.AnyProps => {\n      const shape = getString(d, pointShape)\n\n      const clusterPoint = { shape }\n      for (const key of Object.keys(colorMap)) {\n        clusterPoint[key] = d[key] || 0\n      }\n\n      return clusterPoint\n    },\n    reduce: (acc, clusterPoint): void => {\n      acc.shape = acc.shape === clusterPoint.shape ? acc.shape : LeafletMapPointShape.Circle\n      acc.value = (acc.value ?? 0) + (clusterPoint.value ?? 0)\n\n      for (const key of Object.keys(colorMap)) {\n        acc[key] += clusterPoint[key]\n      }\n    },\n  }).load(data.map((d, i) => toGeoJSONPoint(d, i, pointLatitude, pointLongitude)))\n}\n\nexport function getNodePathData ({ x, y }: { x: number; y: number }, radius: number, shape: LeafletMapPointShape): string {\n  switch (shape) {\n    case LeafletMapPointShape.Triangle:\n      return polygon(radius * 2, 3)\n    case LeafletMapPointShape.Square:\n      return polygon(radius * 2, 4)\n    case LeafletMapPointShape.Circle:\n    case LeafletMapPointShape.Ring:\n    default:\n      return circlePath(x, y, radius)\n  }\n}\n\nexport function getDonutData<D extends GenericDataRecord> (\n  d: LeafletMapClusterDatum<D> | LeafletMapPointDatum<D>,\n  colorMap: LeafletMapPointStyles<D>\n): LeafletMapPieDatum[] {\n  return Object.keys(colorMap).map(key => ({\n    name: key,\n    value: d[key] as number,\n    color: colorMap[key].color,\n    className: colorMap[key].className,\n  }))\n}\n\nexport function geoJsonPointToScreenPoint<D extends GenericDataRecord> (\n  geoPoint: ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>>,\n  i: number,\n  leafletMap: L.Map,\n  config: LeafletMapConfigInterface<D>\n): LeafletMapPoint<D> {\n  const zoomLevel = leafletMap.getZoom()\n  const isCluster = (geoPoint.properties as LeafletMapClusterDatum<D>).cluster\n  const clusterIndex = (geoPoint.properties as LeafletMapClusterDatum<D>).clusterIndex\n  const clusterPoints = isCluster ? clusterIndex.getLeaves((geoPoint.properties as LeafletMapClusterDatum<D>).cluster_id as number, Infinity).map(d => d.properties) : undefined\n  const { x, y } = getPointPos(geoPoint, leafletMap)\n\n  const id = isCluster ? `cluster-${geoPoint.id}` : (getString(geoPoint.properties as LeafletMapPointDatum<D>, config.pointId) ?? geoPoint.geometry.coordinates.join(''))\n  // Todo: Needs a better typings handling\n  const pointColor = getColor(geoPoint.properties as LeafletMapPointDatum<D>, (isCluster ? config.clusterColor : config.pointColor) as ColorAccessor<LeafletMapPointDatum<D>>)\n  const radius = getPointRadius(geoPoint, isCluster ? config.clusterRadius : config.pointRadius, zoomLevel)\n  const shape = isCluster ? LeafletMapPointShape.Circle : getString(geoPoint.properties as LeafletMapPointDatum<D>, config.pointShape) as LeafletMapPointShape\n  const isRing = shape === LeafletMapPointShape.Ring\n\n  const donutData = getDonutData(geoPoint.properties, config.colorMap)\n  const maxValue = max(donutData, d => d.value)\n  const maxValueIndex = donutData.map(d => d.value).indexOf(maxValue)\n  const biggestDatum = donutData[maxValueIndex ?? 0]\n\n  const color = isCluster ? pointColor\n    : (isRing ? null : (pointColor ?? biggestDatum?.color))\n  const bbox = { x1: x - radius, y1: y - radius, x2: x + radius, y2: y + radius }\n  const path = getNodePathData({ x: 0, y: 0 }, radius, shape)\n  const _zIndex = 0\n\n  const screenPoint: LeafletMapPoint<D> = {\n    ...geoPoint,\n    id,\n    bbox,\n    radius,\n    donutData,\n    path,\n    color,\n    isCluster,\n    clusterIndex,\n    clusterPoints,\n    _zIndex,\n  }\n\n  return screenPoint\n}\n\nexport function shouldClusterExpand<D extends GenericDataRecord> (\n  cluster: LeafletMapPoint<D>,\n  zoomLevel: number,\n  midLevel = 4,\n  maxLevel = 8,\n  maxClusterZoomLevel = 23\n): boolean {\n  if (!cluster) return false\n\n  const clusterExpansionZoomLevel = cluster.clusterIndex.getClusterExpansionZoom(cluster.properties.cluster_id as number)\n  return zoomLevel >= maxLevel ||\n        (zoomLevel >= midLevel && (cluster.properties.point_count < 20 || clusterExpansionZoomLevel >= maxClusterZoomLevel))\n}\n\nexport function findPointAndClusterByPointId<D extends GenericDataRecord> (\n  points: LeafletMapPoint<D>[],\n  id: string,\n  pointId: StringAccessor<D>\n): {\n    point: PointFeature<D> | undefined;\n    cluster: LeafletMapPoint<D> | undefined;\n  } {\n  let point\n  let cluster\n  points.forEach(p => {\n    if (p.isCluster) {\n      const leaves = p.clusterIndex.getLeaves((p.properties as LeafletMapClusterDatum<D>).cluster_id as number, Infinity) ?? []\n      const foundPoint = leaves.find(d => getString(d.properties, pointId) === id)\n      if (foundPoint) {\n        point = foundPoint\n        cluster = p\n      }\n    }\n  })\n  return { point, cluster }\n}\n\nexport function getNodeRelativePosition<D extends GenericDataRecord> (d: LeafletMapPoint<D>, leafletMap: L.Map): { x: number; y: number } {\n  const paneTransform = getHTMLTransform(leafletMap.getPane('mapPane'))\n  const { x, y } = getPointPos(d, leafletMap)\n  return { x: x + paneTransform[0], y: y + paneTransform[1] }\n}\n\nexport function getClusterRadius<D extends GenericDataRecord> (cluster: { points: PointFeature<PointExpandedClusterProperties<D>>[]; cluster: LeafletMapPoint<D> }): number {\n  const { points } = cluster\n  const minX = min<number>(points.map(d => d.properties.dx - d.properties.r))\n  const maxX = max<number>(points.map(d => d.properties.dx + d.properties.r))\n  const minY = min<number>(points.map(d => d.properties.dy - d.properties.r))\n  const maxY = max<number>(points.map(d => d.properties.dy + d.properties.r))\n  return Math.sqrt((maxX - minX) ** 2 + (maxY - minY) ** 2) * 0.5\n}\n\nexport function getClustersAndPoints<D extends GenericDataRecord> (\n  clusterIndex: Supercluster<D>,\n  leafletMap: L.Map,\n  customBounds?: [number, number, number, number]\n): (ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<D>)[] {\n  const leafletBounds = leafletMap.getBounds()\n  const southWest = leafletBounds.getSouthWest()\n  const northEast = leafletBounds.getNorthEast()\n  const bounds = customBounds || [southWest.lng, southWest.lat, northEast.lng, northEast.lat]\n  const zoom = Math.round(leafletMap.getZoom())\n  const points = clusterIndex.getClusters(bounds, zoom) // as ClusterFeature<LeafletMapPointDatum<D>>[]\n\n  for (const p of points) {\n    const point = p as ClusterFeature<LeafletMapClusterDatum<D>>\n    const isCluster = point.properties.cluster\n    if (isCluster) {\n      point.properties.clusterIndex = clusterIndex\n      point.properties.clusterPoints = clusterIndex.getLeaves(point.properties.cluster_id, Infinity).map(d => d.properties)\n    }\n  }\n\n  return points as (ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<D>)[]\n}\n"],"names":[],"mappings":";;;;;;;;AA4BM,SAAU,SAAS,CACvB,SAA+D,EAAA;AAE/D,IAAA,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAA;AACxC,IAAA,SAAS,CAAC,OAAO,CAAC,MAAM,IAAG;QACzB,IAAI,CAAC,GAAG,EAAE;YACR,GAAG,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAE,CAAA;AACpB,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AAAE,gBAAA,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;AAC1C,YAAA,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AAAE,gBAAA,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;AAC1C,YAAA,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AAAE,gBAAA,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;AAC1C,YAAA,IAAI,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE;AAAE,gBAAA,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,CAAA;AAC3C,SAAA;AACH,KAAC,CAAC,CAAA;IAEF,OAAO;QACL,CAAC,EAAE,GAAG,CAAC,EAAE;QACT,CAAC,EAAE,GAAG,CAAC,EAAE;AACT,QAAA,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE;AACtB,QAAA,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE;KACxB,CAAA;AACH,CAAC;MAEY,8BAA8B,GAAG,CAAC,KAAa,KAAa,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,EAAE,EAAC;AAE1F,SAAA,YAAY,CAC1B,YAAoH,EACpH,UAAiB,EAAA;IAEjB,MAAM,GAAG,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAChD,MAAM,GAAG,GAAG,YAAY,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;AAChD,IAAA,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAA;AAC3D,IAAA,OAAO,SAAS,CAAA;AAClB,CAAC;SAEe,cAAc,CAC5B,QAA6I,EAC7I,WAAkG,EAClG,SAAiB,EAAA;AAEjB,IAAA,MAAM,SAAS,GAAG,CAAC,WAAW,CAAA;IAC9B,MAAM,MAAM,GAAG,SAAS;AACtB,UAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC;;UAEjC,SAAS,CAAE,QAAQ,CAAC,UAAsC,EAAE,WAAuD,CAAC,CAAA;AAExH,IAAA,MAAM,SAAS,GAAI,QAA8B,CAAC,UAAU,CAAC,OAAO,CAAA;AACpE,IAAA,OAAO,CAAC,SAAS,IAAI,SAAS;UAC1B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAE,QAA8B,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,MAAM,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC;UAChH,MAAM,CAAA;AACZ,CAAC;AAEe,SAAA,WAAW,CAA+B,KAA6G,EAAE,UAAiB,EAAA;AACxL,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAqC,CAAA;IAC9D,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,oBAAoB,CAAA;AAEzD,IAAA,IAAI,aAAa,EAAE;AACjB,QAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAA;QAC1E,OAAO;AACL,YAAA,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE;AACpB,YAAA,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,EAAE;SACrB,CAAA;AACF,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;AACvC,KAAA;AACH,CAAC;SAEe,oBAAoB,CAClC,CAAqB,EACrB,WAAgF,EAChF,QAAkC,EAAA;IAElC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACxC,OAAO,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;AAChD,CAAC;AAEK,SAAU,cAAc,CAA+B,CAAI,EAAE,CAAS,EAAE,aAAiC,EAAE,cAAkC,EAAA;IACjJ,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,EAAE,aAAa,CAAW,CAAA;IACjD,MAAM,GAAG,GAAG,SAAS,CAAC,CAAC,EAAE,cAAc,CAAW,CAAA;IAElD,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,UAAU,kCACL,CAAC,CAAA,EAAA,EACJ,MAAM,EAAE,CAAC,EACV,CAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;AACxB,SAAA;KACF,CAAA;AACH,CAAC;AAEK,SAAU,qBAAqB,CAA+B,IAAS,EAAE,MAAoC,EAAE,mBAAmB,GAAG,EAAE,EAAA;AAC3I,IAAA,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAA;IAC1F,OAAO,IAAI,YAAY,CAA2B;AAChD,QAAA,MAAM,EAAE,kBAAkB;AAC1B,QAAA,OAAO,EAAE,mBAAmB;AAC5B,QAAA,GAAG,EAAE,CAAC,CAAC,KAA2B;YAChC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAEtC,YAAA,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,CAAA;YAC9B,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACvC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;AAChC,aAAA;AAED,YAAA,OAAO,YAAY,CAAA;SACpB;AACD,QAAA,MAAM,EAAE,CAAC,GAAG,EAAE,YAAY,KAAU;;YAClC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK,GAAG,oBAAoB,CAAC,MAAM,CAAA;YACtF,GAAG,CAAC,KAAK,GAAG,CAAC,MAAA,GAAG,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,KAAK,MAAA,YAAY,CAAC,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,CAAC,CAAA;YAExD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBACvC,GAAG,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,CAAA;AAC9B,aAAA;SACF;KACF,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;AAClF,CAAC;AAEK,SAAU,eAAe,CAAE,EAAE,CAAC,EAAE,CAAC,EAA4B,EAAE,MAAc,EAAE,KAA2B,EAAA;AAC9G,IAAA,QAAQ,KAAK;QACX,KAAK,oBAAoB,CAAC,QAAQ;YAChC,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC/B,KAAK,oBAAoB,CAAC,MAAM;YAC9B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC/B,KAAK,oBAAoB,CAAC,MAAM,CAAC;QACjC,KAAK,oBAAoB,CAAC,IAAI,CAAC;AAC/B,QAAA;YACE,OAAO,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;AAClC,KAAA;AACH,CAAC;AAEe,SAAA,YAAY,CAC1B,CAAsD,EACtD,QAAkC,EAAA;AAElC,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK;AACvC,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,KAAK,EAAE,CAAC,CAAC,GAAG,CAAW;AACvB,QAAA,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK;AAC1B,QAAA,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS;AACnC,KAAA,CAAC,CAAC,CAAA;AACL,CAAC;AAEK,SAAU,yBAAyB,CACvC,QAA2F,EAC3F,CAAS,EACT,UAAiB,EACjB,MAAoC,EAAA;;AAEpC,IAAA,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE,CAAA;AACtC,IAAA,MAAM,SAAS,GAAI,QAAQ,CAAC,UAAwC,CAAC,OAAO,CAAA;AAC5E,IAAA,MAAM,YAAY,GAAI,QAAQ,CAAC,UAAwC,CAAC,YAAY,CAAA;AACpF,IAAA,MAAM,aAAa,GAAG,SAAS,GAAG,YAAY,CAAC,SAAS,CAAE,QAAQ,CAAC,UAAwC,CAAC,UAAoB,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,GAAG,SAAS,CAAA;AAC9K,IAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,WAAW,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;AAElD,IAAA,MAAM,EAAE,GAAG,SAAS,GAAG,CAAW,QAAA,EAAA,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAA,EAAA,GAAA,SAAS,CAAC,QAAQ,CAAC,UAAqC,EAAE,MAAM,CAAC,OAAO,CAAC,mCAAI,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;;IAEvK,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,UAAqC,GAAG,SAAS,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,UAAU,EAA4C,CAAA;IAC5K,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC,aAAa,GAAG,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACzG,MAAM,KAAK,GAAG,SAAS,GAAG,oBAAoB,CAAC,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,UAAqC,EAAE,MAAM,CAAC,UAAU,CAAyB,CAAA;AAC5J,IAAA,MAAM,MAAM,GAAG,KAAK,KAAK,oBAAoB,CAAC,IAAI,CAAA;AAElD,IAAA,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAA;AACpE,IAAA,MAAM,QAAQ,GAAG,GAAG,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAA;AAC7C,IAAA,MAAM,aAAa,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;AACnE,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,KAAA,CAAA,GAAb,aAAa,GAAI,CAAC,CAAC,CAAA;AAElD,IAAA,MAAM,KAAK,GAAG,SAAS,GAAG,UAAU;WAC/B,MAAM,GAAG,IAAI,IAAI,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,KAAA,CAAA,GAAA,UAAU,GAAI,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,KAAK,CAAC,CAAC,CAAA;IACzD,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,MAAM,EAAE,CAAA;AAC/E,IAAA,MAAM,IAAI,GAAG,eAAe,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAA;AAEjB,IAAA,MAAM,WAAW,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACZ,QAAQ,CAAA,EAAA,EACX,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,IAAI;QACJ,KAAK;QACL,SAAS;QACT,YAAY;QACZ,aAAa;AACb,QAAA,OAAO,GACR,CAAA;AAED,IAAA,OAAO,WAAW,CAAA;AACpB,CAAC;SAEe,mBAAmB,CACjC,OAA2B,EAC3B,SAAiB,EACjB,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,CAAC,EACZ,mBAAmB,GAAG,EAAE,EAAA;AAExB,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,KAAK,CAAA;AAE1B,IAAA,MAAM,yBAAyB,GAAG,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,OAAO,CAAC,UAAU,CAAC,UAAoB,CAAC,CAAA;IACvH,OAAO,SAAS,IAAI,QAAQ;AACtB,SAAC,SAAS,IAAI,QAAQ,KAAK,OAAO,CAAC,UAAU,CAAC,WAAW,GAAG,EAAE,IAAI,yBAAyB,IAAI,mBAAmB,CAAC,CAAC,CAAA;AAC5H,CAAC;SAEe,4BAA4B,CAC1C,MAA4B,EAC5B,EAAU,EACV,OAA0B,EAAA;AAK1B,IAAA,IAAI,KAAK,CAAA;AACT,IAAA,IAAI,OAAO,CAAA;AACX,IAAA,MAAM,CAAC,OAAO,CAAC,CAAC,IAAG;;QACjB,IAAI,CAAC,CAAC,SAAS,EAAE;AACf,YAAA,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,YAAY,CAAC,SAAS,CAAE,CAAC,CAAC,UAAwC,CAAC,UAAoB,EAAE,QAAQ,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAA;YACzH,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;AAC5E,YAAA,IAAI,UAAU,EAAE;gBACd,KAAK,GAAG,UAAU,CAAA;gBAClB,OAAO,GAAG,CAAC,CAAA;AACZ,aAAA;AACF,SAAA;AACH,KAAC,CAAC,CAAA;AACF,IAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;AAC3B,CAAC;AAEe,SAAA,uBAAuB,CAA+B,CAAqB,EAAE,UAAiB,EAAA;IAC5G,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;AACrE,IAAA,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,WAAW,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;AAC3C,IAAA,OAAO,EAAE,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAA;AAC7D,CAAC;AAEK,SAAU,gBAAgB,CAA+B,OAAmG,EAAA;AAChK,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAA;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAS,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,GAAG,CAAS,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,GAAG,CAAS,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3E,MAAM,IAAI,GAAG,GAAG,CAAS,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3E,OAAO,IAAI,CAAC,IAAI,CAAC,IAAA,CAAA,GAAA,EAAC,IAAI,GAAG,IAAI,GAAK,CAAC,CAAA,GAAG,IAAA,CAAA,GAAA,EAAC,IAAI,GAAG,IAAI,GAAK,CAAC,CAAA,CAAC,GAAG,GAAG,CAAA;AACjE,CAAC;SAEe,oBAAoB,CAClC,YAA6B,EAC7B,UAAiB,EACjB,YAA+C,EAAA;AAE/C,IAAA,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,CAAA;AAC5C,IAAA,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,EAAE,CAAA;AAC9C,IAAA,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,EAAE,CAAA;IAC9C,MAAM,MAAM,GAAG,YAAY,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;IAC3F,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAA;AAC7C,IAAA,MAAM,MAAM,GAAG,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AAErD,IAAA,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;QACtB,MAAM,KAAK,GAAG,CAA8C,CAAA;AAC5D,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAA;AAC1C,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,YAAY,CAAA;AAC5C,YAAA,KAAK,CAAC,UAAU,CAAC,aAAa,GAAG,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAA;AACtH,SAAA;AACF,KAAA;AAED,IAAA,OAAO,MAAyE,CAAA;AAClF;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/leaflet-map/modules/utils.ts"],"sourcesContent":["import type L from 'leaflet'\nimport { min, max } from 'd3-array'\nimport Supercluster, { ClusterFeature, PointFeature } from 'supercluster'\n\n// Utils\nimport { clamp, getString, getNumber } from 'utils/data'\nimport { getColor } from 'utils/color'\nimport { polygon, circlePath } from 'utils/path'\nimport { getHTMLTransform } from 'utils/html'\n\n// Types\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\nimport { GenericDataRecord } from 'types/data'\n\n// Local Types\nimport {\n  LeafletMapPoint,\n  LeafletMapPointShape,\n  LeafletMapPieDatum,\n  LeafletMapPointStyles,\n  PointExpandedClusterProperties,\n  LeafletMapPointDatum,\n  LeafletMapClusterDatum,\n} from '../types'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\n\nexport function bBoxMerge (\n  bBoxArray: ({x1: number; x2: number; y1: number; y2: number})[]):\n  { x: number; y: number; width: number; height: number } {\n  let box = { x1: 0, x2: 0, y1: 0, y2: 0 }\n  bBoxArray.forEach(coords => {\n    if (!box) {\n      box = { ...coords }\n    } else {\n      if (box.x1 > coords.x1) box.x1 = coords.x1\n      if (box.y1 > coords.y1) box.y1 = coords.y1\n      if (box.x2 < coords.x2) box.x2 = coords.x2\n      if (box.y2 < coords.y2) box.y2 = coords.y2\n    }\n  })\n\n  return {\n    x: box.x1,\n    y: box.y1,\n    width: box.x2 - box.x1,\n    height: box.y2 - box.y1,\n  }\n}\n\nexport const getNextZoomLevelOnClusterClick = (level: number): number => clamp(1 + level * 1.5, level, 12)\n\nexport function projectPoint<D extends GenericDataRecord> (\n  geoJSONPoint: LeafletMapPoint<D> | ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>>,\n  leafletMap: L.Map\n): { x: number; y: number } {\n  const lat = geoJSONPoint.geometry.coordinates[1]\n  const lon = geoJSONPoint.geometry.coordinates[0]\n  const projected = leafletMap.latLngToLayerPoint([lat, lon])\n  return projected\n}\n\nexport function getPointRadius<D extends GenericDataRecord> (\n  geoPoint: ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>> | PointFeature<PointExpandedClusterProperties<D>>,\n  pointRadius: NumericAccessor<LeafletMapPointDatum<D>> | NumericAccessor<LeafletMapClusterDatum<D>>,\n  zoomLevel: number\n): number {\n  const isDynamic = !pointRadius\n  const radius = isDynamic\n    ? 1 + 2 * Math.pow(zoomLevel, 0.80)\n    // Todo: Needs a better typings handling\n    : getNumber((geoPoint.properties as LeafletMapPointDatum<D>), pointRadius as NumericAccessor<LeafletMapPointDatum<D>>)\n\n  const isCluster = (geoPoint as ClusterFeature<D>).properties.cluster\n  return (isCluster && isDynamic)\n    ? clamp(Math.pow((geoPoint as ClusterFeature<D>).properties.point_count, 0.35) * radius, radius * 1.1, radius * 3)\n    : radius\n}\n\nexport function getPointPos<D extends GenericDataRecord> (point: LeafletMapPoint<D> | ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>>, leafletMap: L.Map): { x: number; y: number } {\n  const properties = point.properties as LeafletMapPointDatum<D>\n  const isFromCluster = !!(properties).expandedClusterPoint\n\n  if (isFromCluster) {\n    const { x, y } = projectPoint(properties.expandedClusterPoint, leafletMap)\n    return {\n      x: x + properties.dx,\n      y: y + properties.dy,\n    }\n  } else {\n    return projectPoint(point, leafletMap)\n  }\n}\n\nexport function getPointDisplayOrder<D extends GenericDataRecord> (\n  d: LeafletMapPoint<D>,\n  pointStatus: StringAccessor<LeafletMapPointDatum<D> | LeafletMapClusterDatum<D>>,\n  colorMap: LeafletMapPointStyles<D>\n): number {\n  const status = getString(d.properties, pointStatus)\n  const statusList = Object.keys(colorMap)\n  return Object.keys(statusList).indexOf(status)\n}\n\nexport function toGeoJSONPoint<D extends GenericDataRecord> (d: D, i: number, pointLatitude: NumericAccessor<D>, pointLongitude: NumericAccessor<D>): PointFeature<D> {\n  const lat = getNumber(d, pointLatitude) as number\n  const lon = getNumber(d, pointLongitude) as number\n\n  return {\n    type: 'Feature',\n    properties: {\n      ...d,\n      _index: i,\n    },\n    geometry: {\n      type: 'Point',\n      coordinates: [lon, lat],\n    },\n  }\n}\n\nexport function calculateClusterIndex<D extends GenericDataRecord> (data: D[], config: LeafletMapConfigInterface<D>, maxClusterZoomLevel = 23): Supercluster<D> {\n  const { colorMap, pointShape, pointLatitude, pointLongitude, clusteringDistance } = config\n  return new Supercluster<D, Supercluster.AnyProps>({\n    radius: clusteringDistance,\n    maxZoom: maxClusterZoomLevel,\n    map: (d): Supercluster.AnyProps => {\n      const shape = getString(d, pointShape)\n\n      const clusterPoint = { shape } as Supercluster.AnyProps\n      for (const key of Object.keys(colorMap)) {\n        clusterPoint[key] = d[key] || 0\n      }\n\n      return clusterPoint\n    },\n    reduce: (acc, clusterPoint): void => {\n      acc.shape = acc.shape === clusterPoint.shape ? acc.shape : LeafletMapPointShape.Circle\n      acc.value = (acc.value ?? 0) + (clusterPoint.value ?? 0)\n\n      for (const key of Object.keys(colorMap)) {\n        acc[key] += clusterPoint[key]\n      }\n    },\n  }).load(data.map((d, i) => toGeoJSONPoint(d, i, pointLatitude, pointLongitude)))\n}\n\nexport function getNodePathData ({ x, y }: { x: number; y: number }, radius: number, shape: LeafletMapPointShape): string {\n  switch (shape) {\n    case LeafletMapPointShape.Triangle:\n      return polygon(radius * 2, 3)\n    case LeafletMapPointShape.Square:\n      return polygon(radius * 2, 4)\n    case LeafletMapPointShape.Circle:\n    case LeafletMapPointShape.Ring:\n    default:\n      return circlePath(x, y, radius)\n  }\n}\n\nexport function getDonutData<D extends GenericDataRecord> (\n  d: LeafletMapClusterDatum<D> | LeafletMapPointDatum<D>,\n  colorMap: LeafletMapPointStyles<D>\n): LeafletMapPieDatum[] {\n  return Object.keys(colorMap).map(key => ({\n    name: key,\n    value: d[key] as number,\n    color: colorMap[key].color,\n    className: colorMap[key].className,\n  }))\n}\n\nexport function geoJsonPointToScreenPoint<D extends GenericDataRecord> (\n  geoPoint: ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<LeafletMapPointDatum<D>>,\n  i: number,\n  leafletMap: L.Map,\n  config: LeafletMapConfigInterface<D>\n): LeafletMapPoint<D> {\n  const zoomLevel = leafletMap.getZoom()\n  const isCluster = (geoPoint.properties as LeafletMapClusterDatum<D>).cluster\n  const clusterIndex = (geoPoint.properties as LeafletMapClusterDatum<D>).clusterIndex\n  const clusterPoints = isCluster ? clusterIndex.getLeaves((geoPoint.properties as LeafletMapClusterDatum<D>).cluster_id as number, Infinity).map(d => d.properties) : undefined\n  const { x, y } = getPointPos(geoPoint, leafletMap)\n\n  const id = isCluster ? `cluster-${geoPoint.id}` : (getString(geoPoint.properties as LeafletMapPointDatum<D>, config.pointId) ?? geoPoint.geometry.coordinates.join(''))\n  // Todo: Needs a better typings handling\n  const pointColor = getColor(geoPoint.properties as LeafletMapPointDatum<D>, (isCluster ? config.clusterColor : config.pointColor) as ColorAccessor<LeafletMapPointDatum<D>>)\n  const radius = getPointRadius(geoPoint, isCluster ? config.clusterRadius : config.pointRadius, zoomLevel)\n  const shape = isCluster ? LeafletMapPointShape.Circle : getString(geoPoint.properties as LeafletMapPointDatum<D>, config.pointShape) as LeafletMapPointShape\n  const isRing = shape === LeafletMapPointShape.Ring\n\n  const donutData = getDonutData(geoPoint.properties, config.colorMap)\n  const maxValue = max(donutData, d => d.value)\n  const maxValueIndex = donutData.map(d => d.value).indexOf(maxValue)\n  const biggestDatum = donutData[maxValueIndex ?? 0]\n\n  const color = isCluster ? pointColor\n    : (isRing ? null : (pointColor ?? biggestDatum?.color))\n  const bbox = { x1: x - radius, y1: y - radius, x2: x + radius, y2: y + radius }\n  const path = getNodePathData({ x: 0, y: 0 }, radius, shape)\n  const _zIndex = 0\n\n  const screenPoint: LeafletMapPoint<D> = {\n    ...geoPoint,\n    id,\n    bbox,\n    radius,\n    donutData,\n    path,\n    color,\n    isCluster,\n    clusterIndex,\n    clusterPoints,\n    _zIndex,\n  }\n\n  return screenPoint\n}\n\nexport function shouldClusterExpand<D extends GenericDataRecord> (\n  cluster: LeafletMapPoint<D>,\n  zoomLevel: number,\n  midLevel = 4,\n  maxLevel = 8,\n  maxClusterZoomLevel = 23\n): boolean {\n  if (!cluster) return false\n\n  const clusterExpansionZoomLevel = cluster.clusterIndex.getClusterExpansionZoom(cluster.properties.cluster_id as number)\n  return zoomLevel >= maxLevel ||\n        (zoomLevel >= midLevel && (cluster.properties.point_count < 20 || clusterExpansionZoomLevel >= maxClusterZoomLevel))\n}\n\nexport function findPointAndClusterByPointId<D extends GenericDataRecord> (\n  points: LeafletMapPoint<D>[],\n  id: string,\n  pointId: StringAccessor<D>\n): {\n    point: PointFeature<D> | undefined;\n    cluster: LeafletMapPoint<D> | undefined;\n  } {\n  let point\n  let cluster\n  points.forEach(p => {\n    if (p.isCluster) {\n      const leaves = p.clusterIndex.getLeaves((p.properties as LeafletMapClusterDatum<D>).cluster_id as number, Infinity) ?? []\n      const foundPoint = leaves.find(d => getString(d.properties, pointId) === id)\n      if (foundPoint) {\n        point = foundPoint\n        cluster = p\n      }\n    }\n  })\n  return { point, cluster }\n}\n\nexport function getNodeRelativePosition<D extends GenericDataRecord> (d: LeafletMapPoint<D>, leafletMap: L.Map): { x: number; y: number } {\n  const paneTransform = getHTMLTransform(leafletMap.getPane('mapPane'))\n  const { x, y } = getPointPos(d, leafletMap)\n  return { x: x + paneTransform[0], y: y + paneTransform[1] }\n}\n\nexport function getClusterRadius<D extends GenericDataRecord> (cluster: { points: PointFeature<PointExpandedClusterProperties<D>>[]; cluster: LeafletMapPoint<D> }): number {\n  const { points } = cluster\n  const minX = min<number>(points.map(d => d.properties.dx - d.properties.r))\n  const maxX = max<number>(points.map(d => d.properties.dx + d.properties.r))\n  const minY = min<number>(points.map(d => d.properties.dy - d.properties.r))\n  const maxY = max<number>(points.map(d => d.properties.dy + d.properties.r))\n  return Math.sqrt((maxX - minX) ** 2 + (maxY - minY) ** 2) * 0.5\n}\n\nexport function getClustersAndPoints<D extends GenericDataRecord> (\n  clusterIndex: Supercluster<D>,\n  leafletMap: L.Map,\n  customBounds?: [number, number, number, number]\n): (ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<D>)[] {\n  const leafletBounds = leafletMap.getBounds()\n  const southWest = leafletBounds.getSouthWest()\n  const northEast = leafletBounds.getNorthEast()\n  const bounds = customBounds || [southWest.lng, southWest.lat, northEast.lng, northEast.lat]\n  const zoom = Math.round(leafletMap.getZoom())\n  const points = clusterIndex.getClusters(bounds, zoom) // as ClusterFeature<LeafletMapPointDatum<D>>[]\n\n  for (const p of points) {\n    const point = p as ClusterFeature<LeafletMapClusterDatum<D>>\n    const isCluster = point.properties.cluster\n    if (isCluster) {\n      point.properties.clusterIndex = clusterIndex\n      point.properties.clusterPoints = clusterIndex.getLeaves(point.properties.cluster_id, Infinity).map(d => d.properties)\n    }\n  }\n\n  return points as (ClusterFeature<LeafletMapClusterDatum<D>> | PointFeature<D>)[]\n}\n"],"names":[],"mappings":"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"}

package/components/leaflet-map/renderer/mapboxgl-layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapboxgl-layer.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-layer.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type Maplibre from 'maplibre-gl'\nimport type { Map } from 'maplibre-gl'\n\nimport { injectGlobal } from '@emotion/css'\n\n// Utils\nimport { isObject } from 'utils/data'\n\n// Types\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\nimport { MapLibreStyleSpecs } from './map-style'\nimport { MaplibreGLLayer } from './leaflet-maplibre-gl'\n\n// Inject MapLibreGL global style\nimport mapLibreStyles from './maplibre-gl.css.js'\ninjectGlobal(mapLibreStyles)\n\nexport function getMaplibreGLLayer<Datum extends GenericDataRecord> (config: LeafletMapConfigInterface<Datum>, leaflet: typeof L, maplibre: typeof Maplibre): L.Layer & { getMaplibreMap(): Map } {\n  const { accessToken, style } = config\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).glyphs) {\n    console.warn('Unovis | Leaflet Map: Glyphs URL is required in order to show the map. Set `mapboxglGlyphs` URL in the style settings')\n    return\n  }\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).sources) {\n    console.warn('Unovis | Leaflet Map: Sources settings are required in order to show map. Set the `sources` property in the style settings')\n    return\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const layer = MaplibreGLLayer(leaflet, maplibre, {\n    style: style,\n    accessToken: accessToken || 'not-needed',\n  })\n\n  return layer\n}\n"],"names":[],"mappings":";;;;;AAmBA,YAAY,CAAC,cAAc,CAAC,CAAA;SAEZ,kBAAkB,CAAmC,MAAwC,EAAE,OAAiB,EAAE,QAAyB,EAAA;AACzJ,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAErC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,MAAM,EAAE;AAC5D,QAAA,OAAO,CAAC,IAAI,CAAC,uHAAuH,CAAC,CAAA;QACrI,OAAM;AACP,KAAA;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,OAAO,EAAE;AAC7D,QAAA,OAAO,CAAC,IAAI,CAAC,4HAA4H,CAAC,CAAA;QAC1I,OAAM;AACP,KAAA;;;AAID,IAAA,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC/C,QAAA,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW,IAAI,YAAY;AACzC,KAAA,CAAC,CAAA;AAEF,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}
+{"version":3,"file":"mapboxgl-layer.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-layer.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type Maplibre from 'maplibre-gl'\nimport type { Map } from 'maplibre-gl'\n\nimport { injectGlobal } from '@emotion/css'\n\n// Utils\nimport { isObject } from 'utils/data'\n\n// Types\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\nimport { MapLibreStyleSpecs } from './map-style'\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { MaplibreGLLayer } from './leaflet-maplibre-gl'\n\n// Inject MapLibreGL global style\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport mapLibreStyles from './maplibre-gl.css.js'\ninjectGlobal(mapLibreStyles)\n\nexport function getMaplibreGLLayer<Datum extends GenericDataRecord> (\n  config: LeafletMapConfigInterface<Datum>,\n  leaflet: typeof L,\n  maplibre: typeof Maplibre\n): L.Layer & { getMaplibreMap(): Map } {\n  const { accessToken, style } = config\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).glyphs) {\n    console.warn('Unovis | Leaflet Map: Glyphs URL is required in order to show the map. Set `mapboxglGlyphs` URL in the style settings')\n    return\n  }\n\n  if (isObject(style) && !(style as MapLibreStyleSpecs).sources) {\n    console.warn('Unovis | Leaflet Map: Sources settings are required in order to show map. Set the `sources` property in the style settings')\n    return\n  }\n\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n  // @ts-ignore\n  const layer = MaplibreGLLayer(leaflet, maplibre, {\n    style: style,\n    accessToken: accessToken || 'not-needed',\n  })\n\n  return layer\n}\n"],"names":[],"mappings":";;;;;AAuBA,YAAY,CAAC,cAAc,CAAC,CAAA;SAEZ,kBAAkB,CAChC,MAAwC,EACxC,OAAiB,EACjB,QAAyB,EAAA;AAEzB,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAErC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,MAAM,EAAE;AAC5D,QAAA,OAAO,CAAC,IAAI,CAAC,uHAAuH,CAAC,CAAA;QACrI,OAAM;AACP,KAAA;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,OAAO,EAAE;AAC7D,QAAA,OAAO,CAAC,IAAI,CAAC,4HAA4H,CAAC,CAAA;QAC1I,OAAM;AACP,KAAA;;;AAID,IAAA,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC/C,QAAA,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW,IAAI,YAAY;AACzC,KAAA,CAAC,CAAA;AAEF,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}

package/components/leaflet-map/renderer/mapboxgl-utils.d.ts

@@ -1,4 +1,8 @@
+import type L from 'leaflet';
+import type { Map } from 'maplibre-gl';
 export declare function constraintMapView(map: L.Map, latMin?: number, latMax?: number): void;
-export declare function mapboxglWheelEvent(map: any, layer: any, event: any): void;
+export declare function mapboxglWheelEvent(map: L.Map, layer: L.Layer & {
+    getMaplibreMap(): Map;
+}, event: WheelEvent): void;
 export declare const mapboxglWheelEventThrottled: import("throttle-debounce").throttle<typeof mapboxglWheelEvent>;
 export declare const constraintMapViewThrottled: import("throttle-debounce").throttle<typeof constraintMapView>;

package/components/leaflet-map/renderer/mapboxgl-utils.js

@@ -13,11 +13,11 @@ function constraintMapView(map, latMin = -75, latMax = 85) {
     }
 }
 function mapboxglWheelEvent(map, layer, event) {
-    const { wheelDelta, deltaY } = event;
+    const { deltaY } = event;
     if (!layer || !layer.getMaplibreMap)
         return;
     const mapboxmap = layer.getMaplibreMap();
-    const delta = wheelDelta || deltaY * -1; // We use deltaY for Firefox because wheelDelta is not implemented there
+    const delta = deltaY * -1;
     // Prevent Map from being zoomed-out too far away
     const bounds = map.getBounds();
     const northEast = bounds.getNorthEast();
@@ -30,7 +30,7 @@ function mapboxglWheelEvent(map, layer, event) {
     }
     const zoom = mapboxmap.getZoom() + delta * 0.001;
     const xy = map.mouseEventToLayerPoint(event);
-    map.setZoomAround(xy, zoom + 1, { animate: false, duration: 0 });
+    map.setZoomAround(xy, zoom + 1, { animate: false });
 }
 const mapboxglWheelEventThrottled = throttle(mapboxglWheelEvent, 32);
 const constraintMapViewThrottled = throttle(constraintMapView, 1000);

package/components/leaflet-map/renderer/mapboxgl-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapboxgl-utils.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-utils.ts"],"sourcesContent":["// Utils\nimport { throttle } from 'utils/data'\n\nexport function constraintMapView (map: L.Map, latMin = -75, latMax = 85): void {\n  const bounds = map.getBounds()\n  const northEast = bounds.getNorthEast()\n  const southWest = bounds.getSouthWest()\n\n  if (northEast.lat > latMax && southWest.lat < latMin) {\n    map.fitBounds([\n      [latMin, 0],\n      [latMax, 0],\n    ])\n  }\n}\n\nexport function mapboxglWheelEvent (map, layer, event): void {\n  const { wheelDelta, deltaY } = event\n  if (!layer || !layer.getMaplibreMap) return\n  const mapboxmap = layer.getMaplibreMap()\n  const delta = wheelDelta || deltaY * -1 // We use deltaY for Firefox because wheelDelta is not implemented there\n\n  // Prevent Map from being zoomed-out too far away\n  const bounds = map.getBounds()\n  const northEast = bounds.getNorthEast()\n  const southWest = bounds.getSouthWest()\n  const latMin = -70\n  const latMax = 80\n  if (delta < 0 && northEast.lat > latMax && southWest.lat < latMin) {\n    constraintMapView(map)\n    return\n  }\n\n  const zoom = mapboxmap.getZoom() + delta * 0.001\n  const xy = map.mouseEventToLayerPoint(event)\n  map.setZoomAround(xy, zoom + 1, { animate: false, duration: 0 })\n}\n\nexport const mapboxglWheelEventThrottled = throttle(mapboxglWheelEvent, 32)\nexport const constraintMapViewThrottled = throttle(constraintMapView, 1000)\n"],"names":[],"mappings":";;AAAA;AAGgB,SAAA,iBAAiB,CAAE,GAAU,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,EAAA;AACtE,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,CAAA;AAC9B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;AACvC,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;IAEvC,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,EAAE;QACpD,GAAG,CAAC,SAAS,CAAC;YACZ,CAAC,MAAM,EAAE,CAAC,CAAC;YACX,CAAC,MAAM,EAAE,CAAC,CAAC;AACZ,SAAA,CAAC,CAAA;AACH,KAAA;AACH,CAAC;SAEe,kBAAkB,CAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAA;AACnD,IAAA,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;AACpC,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc;QAAE,OAAM;AAC3C,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,EAAE,CAAA;IACxC,MAAM,KAAK,GAAG,UAAU,IAAI,MAAM,GAAG,CAAC,CAAC,CAAA;;AAGvC,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,CAAA;AAC9B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;AACvC,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;AACvC,IAAA,MAAM,MAAM,GAAG,CAAC,EAAE,CAAA;IAClB,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,IAAA,IAAI,KAAK,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,EAAE;QACjE,iBAAiB,CAAC,GAAG,CAAC,CAAA;QACtB,OAAM;AACP,KAAA;IAED,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,GAAG,KAAK,GAAG,KAAK,CAAA;IAChD,MAAM,EAAE,GAAG,GAAG,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAA;AAC5C,IAAA,GAAG,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;AAClE,CAAC;AAEY,MAAA,2BAA2B,GAAG,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAC;AAC9D,MAAA,0BAA0B,GAAG,QAAQ,CAAC,iBAAiB,EAAE,IAAI;;;;"}
+{"version":3,"file":"mapboxgl-utils.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-utils.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type { Map } from 'maplibre-gl'\n\n// Utils\nimport { throttle } from 'utils/data'\n\nexport function constraintMapView (map: L.Map, latMin = -75, latMax = 85): void {\n  const bounds = map.getBounds()\n  const northEast = bounds.getNorthEast()\n  const southWest = bounds.getSouthWest()\n\n  if (northEast.lat > latMax && southWest.lat < latMin) {\n    map.fitBounds([\n      [latMin, 0],\n      [latMax, 0],\n    ])\n  }\n}\n\nexport function mapboxglWheelEvent (\n  map: L.Map,\n  layer: L.Layer & { getMaplibreMap(): Map },\n  event: WheelEvent\n): void {\n  const { deltaY } = event\n  if (!layer || !layer.getMaplibreMap) return\n  const mapboxmap = layer.getMaplibreMap()\n  const delta = deltaY * -1\n\n  // Prevent Map from being zoomed-out too far away\n  const bounds = map.getBounds()\n  const northEast = bounds.getNorthEast()\n  const southWest = bounds.getSouthWest()\n  const latMin = -70\n  const latMax = 80\n  if (delta < 0 && northEast.lat > latMax && southWest.lat < latMin) {\n    constraintMapView(map)\n    return\n  }\n\n  const zoom = mapboxmap.getZoom() + delta * 0.001\n  const xy = map.mouseEventToLayerPoint(event)\n  map.setZoomAround(xy, zoom + 1, { animate: false })\n}\n\nexport const mapboxglWheelEventThrottled = throttle(mapboxglWheelEvent, 32)\nexport const constraintMapViewThrottled = throttle(constraintMapView, 1000)\n"],"names":[],"mappings":";;AAGA;AAGgB,SAAA,iBAAiB,CAAE,GAAU,EAAE,MAAM,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,EAAA;AACtE,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,CAAA;AAC9B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;AACvC,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;IAEvC,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,EAAE;QACpD,GAAG,CAAC,SAAS,CAAC;YACZ,CAAC,MAAM,EAAE,CAAC,CAAC;YACX,CAAC,MAAM,EAAE,CAAC,CAAC;AACZ,SAAA,CAAC,CAAA;AACH,KAAA;AACH,CAAC;SAEe,kBAAkB,CAChC,GAAU,EACV,KAA0C,EAC1C,KAAiB,EAAA;AAEjB,IAAA,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;AACxB,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc;QAAE,OAAM;AAC3C,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,EAAE,CAAA;AACxC,IAAA,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAA;;AAGzB,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,CAAA;AAC9B,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;AACvC,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAA;AACvC,IAAA,MAAM,MAAM,GAAG,CAAC,EAAE,CAAA;IAClB,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,IAAA,IAAI,KAAK,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,IAAI,SAAS,CAAC,GAAG,GAAG,MAAM,EAAE;QACjE,iBAAiB,CAAC,GAAG,CAAC,CAAA;QACtB,OAAM;AACP,KAAA;IAED,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,GAAG,KAAK,GAAG,KAAK,CAAA;IAChD,MAAM,EAAE,GAAG,GAAG,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAA;AAC5C,IAAA,GAAG,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;AACrD,CAAC;AAEY,MAAA,2BAA2B,GAAG,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAC;AAC9D,MAAA,0BAA0B,GAAG,QAAQ,CAAC,iBAAiB,EAAE,IAAI;;;;"}

package/components/leaflet-map/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/leaflet-map/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\n// Inject Leaflet global style\n// eslint-disable-next-line\nimport leafletCSS from './leaflet.css'\ninjectGlobal(leafletCSS)\n\nconst cssVarDefaults = {\n  '--vis-map-container-background-color': '#dfe5eb',\n  /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n  '--vis-map-label-font-family': undefined,\n\n  '--vis-map-point-default-fill-color': '#B9BEC3',\n  '--vis-map-point-ring-fill-color': '#ffffff',\n  '--vis-map-point-default-stroke-color': '#959da3',\n  '--vis-map-point-default-stroke-width': '0px',\n  '--vis-map-point-default-cursor': 'default',\n\n  '--vis-map-cluster-default-fill-color': '#fff',\n  '--vis-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-map-cluster-default-stroke-width': '1.5px',\n  '--vis-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-bottom-label-text-color': '#5b5f6d',\n  '--vis-map-point-bottom-label-font-size': '10px',\n\n  '--vis-map-cluster-expanded-background-fill-color': '#fff',\n\n  /* Dark Theme */\n  '--vis-dark-map-container-background-color': '#dfe5eb',\n  '--vis-dark-map-point-default-fill-color': '#B9BEC3',\n  '--vis-dark-map-point-default-stroke-color': '#959da3',\n  '--vis-dark-map-point-ring-fill-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-default-fill-color': '#5b5f6d',\n  '--vis-dark-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-dark-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-dark-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-bottom-label-text-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-expanded-background-fill-color': '#fff',\n}\n\nexport const root = css`\n  label: leaflet-map-component;\n\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  background-color: var(--vis-map-container-background-color);\n\n  canvas {\n    pointer-events: all;\n  }\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = `${root} canvas`\n\nexport const points = css`\n  label: g-points;\n`\n\nexport const point = css`\n  label: g-point;\n`\n\nexport const pointPath = css`\n  label: point-path;\n\n  stroke-opacity: 1;\n  fill-opacity: 1.0;\n  fill: var(${variables.mapPointDefaultFillColor});\n  stroke: var(${variables.mapPointDefaultStrokeColor});\n  stroke-width: var(${variables.mapPointDefaultStrokeWidth});\n  pointer-events: fill !important;\n  transition: .2s stroke-width, .3s transform;\n  cursor: var(${variables.mapPointDefaultCursor});\n\n  &:hover {\n    stroke-width: 2;\n    fill-opacity: 1;\n    animation: none;\n    transform: scale(1.1);\n  }\n`\n\nexport const pointPathRing = css`\n  label: point-path-ring;\n  fill: var(${variables.mapPointRingFillColor});\n`\n\nexport const pointPathCluster = css`\n  label: point-path-cluster;\n  fill-opacity: 0.9;\n  stroke: none;\n  animation: none;\n  fill: var(${variables.mapClusterDefaultFillColor});\n  stroke: var(${variables.mapClusterDefaultStrokeColor});\n  stroke-width: var(${variables.mapClusterDefaultStrokeWidth});\n`\n\nexport const pointSelectionRing = css`\n  label: point-selection-ring;\n  stroke: var(${variables.mapPointDefaultFillColor});\n`\n\nexport const pointSelection = css`\n  label: point-selection;\n\n  opacity: 0;\n  transform: scale(1);\n\n  &.active {\n    transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);\n    opacity: 1;\n    transform: scale(1.25);\n  }\n`\n\nexport const innerLabel = css`\n  label: inner-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const innerLabelCluster = css`\n  label: inner-label-cluster;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n`\n\nexport const bottomLabel = css`\n  label: bottom-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointBottomLabelTextColor});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const donutCluster = css`\n  label: donut-cluster;\n\n  transform: scale(1);\n  transition: .3s transform;\n  path {\n    fill: var(${variables.mapClusterDonutFillColor});\n    stroke-width: 0.5;\n  }\n\n  &:hover {\n    transform: scale(1.1);\n  }\n`\n\nexport const svgOverlay = css`\n  label: svg-overlay;\n  position: absolute;\n  pointer-events: none;\n`\n\nexport const backgroundRect = css`\n  label: background-rect;\n\n  opacity: 0;\n`\n\nexport const clusterBackground = css`\n  label: cluster-background;\n\n  fill: var(${variables.mapClusterExpandedBackgroundFillColor});\n  opacity: 0.6;\n  visibility: hidden;\n\n  &.active {\n    visibility: visible;\n  }\n`\n\nexport const onFeatureHover = css`\n  label: feature-hovered;\n`\n\nexport const mapboxglCanvas = css`\n  pointer-events: all;\n  cursor: grab;\n\n  &${`.${onFeatureHover}`} {\n    cursor: default;\n  }\n`\n\nexport const map = css`\n  label: map;\n`\n"],"names":["leafletCSS"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../src/components/leaflet-map/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\n// Inject Leaflet global style\n// eslint-disable-next-line\nimport leafletCSS from './leaflet.css'\ninjectGlobal(leafletCSS)\n\nconst cssVarDefaults = {\n  '--vis-map-container-background-color': '#dfe5eb',\n  /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n  '--vis-map-label-font-family': undefined as undefined,\n\n  '--vis-map-point-default-fill-color': '#B9BEC3',\n  '--vis-map-point-ring-fill-color': '#ffffff',\n  '--vis-map-point-default-stroke-color': '#959da3',\n  '--vis-map-point-default-stroke-width': '0px',\n  '--vis-map-point-default-cursor': 'default',\n\n  '--vis-map-cluster-default-fill-color': '#fff',\n  '--vis-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-map-cluster-default-stroke-width': '1.5px',\n  '--vis-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-map-point-bottom-label-text-color': '#5b5f6d',\n  '--vis-map-point-bottom-label-font-size': '10px',\n\n  '--vis-map-cluster-expanded-background-fill-color': '#fff',\n\n  /* Dark Theme */\n  '--vis-dark-map-container-background-color': '#dfe5eb',\n  '--vis-dark-map-point-default-fill-color': '#B9BEC3',\n  '--vis-dark-map-point-default-stroke-color': '#959da3',\n  '--vis-dark-map-point-ring-fill-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-default-fill-color': '#5b5f6d',\n  '--vis-dark-map-cluster-default-stroke-color': '#B9BEC3',\n  '--vis-dark-map-cluster-donut-fill-color': '#959da3',\n\n  '--vis-dark-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-cluster-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-inner-label-text-color-dark': '#5b5f6d',\n  '--vis-dark-map-point-inner-label-text-color-light': '#fff',\n\n  '--vis-dark-map-point-bottom-label-text-color': '#5b5f6d',\n\n  '--vis-dark-map-cluster-expanded-background-fill-color': '#fff',\n}\n\nexport const root = css`\n  label: leaflet-map-component;\n\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  background-color: var(--vis-map-container-background-color);\n\n  canvas {\n    pointer-events: all;\n  }\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = `${root} canvas`\n\nexport const points = css`\n  label: g-points;\n`\n\nexport const point = css`\n  label: g-point;\n`\n\nexport const pointPath = css`\n  label: point-path;\n\n  stroke-opacity: 1;\n  fill-opacity: 1.0;\n  fill: var(${variables.mapPointDefaultFillColor});\n  stroke: var(${variables.mapPointDefaultStrokeColor});\n  stroke-width: var(${variables.mapPointDefaultStrokeWidth});\n  pointer-events: fill !important;\n  transition: .2s stroke-width, .3s transform;\n  cursor: var(${variables.mapPointDefaultCursor});\n\n  &:hover {\n    stroke-width: 2;\n    fill-opacity: 1;\n    animation: none;\n    transform: scale(1.1);\n  }\n`\n\nexport const pointPathRing = css`\n  label: point-path-ring;\n  fill: var(${variables.mapPointRingFillColor});\n`\n\nexport const pointPathCluster = css`\n  label: point-path-cluster;\n  fill-opacity: 0.9;\n  stroke: none;\n  animation: none;\n  fill: var(${variables.mapClusterDefaultFillColor});\n  stroke: var(${variables.mapClusterDefaultStrokeColor});\n  stroke-width: var(${variables.mapClusterDefaultStrokeWidth});\n`\n\nexport const pointSelectionRing = css`\n  label: point-selection-ring;\n  stroke: var(${variables.mapPointDefaultFillColor});\n`\n\nexport const pointSelection = css`\n  label: point-selection;\n\n  opacity: 0;\n  transform: scale(1);\n\n  &.active {\n    transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);\n    opacity: 1;\n    transform: scale(1.25);\n  }\n`\n\nexport const innerLabel = css`\n  label: inner-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const innerLabelCluster = css`\n  label: inner-label-cluster;\n  fill: var(${variables.mapPointInnerLabelTextColorDark});\n`\n\nexport const bottomLabel = css`\n  label: bottom-label;\n\n  text-anchor: middle;\n  fill: var(${variables.mapPointBottomLabelTextColor});\n  font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n  pointer-events: none;\n  font-weight: 600;\n`\n\nexport const donutCluster = css`\n  label: donut-cluster;\n\n  transform: scale(1);\n  transition: .3s transform;\n  path {\n    fill: var(${variables.mapClusterDonutFillColor});\n    stroke-width: 0.5;\n  }\n\n  &:hover {\n    transform: scale(1.1);\n  }\n`\n\nexport const svgOverlay = css`\n  label: svg-overlay;\n  position: absolute;\n  pointer-events: none;\n`\n\nexport const backgroundRect = css`\n  label: background-rect;\n\n  opacity: 0;\n`\n\nexport const clusterBackground = css`\n  label: cluster-background;\n\n  fill: var(${variables.mapClusterExpandedBackgroundFillColor});\n  opacity: 0.6;\n  visibility: hidden;\n\n  &.active {\n    visibility: visible;\n  }\n`\n\nexport const onFeatureHover = css`\n  label: feature-hovered;\n`\n\nexport const mapboxglCanvas = css`\n  pointer-events: all;\n  cursor: grab;\n\n  &${`.${onFeatureHover}`} {\n    cursor: default;\n  }\n`\n\nexport const map = css`\n  label: map;\n`\n"],"names":["leafletCSS"],"mappings":"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"}

package/components/leaflet-map/types.d.ts

@@ -1,5 +1,5 @@
 import { LatLng } from 'leaflet';
-import Supercluster, { ClusterProperties } from 'supercluster';
+import Supercluster, { ClusterProperties, PointFeature } from 'supercluster';
 import { GenericDataRecord } from "../../types/data";
 export declare enum LeafletMapRenderer {
     Raster = "raster",
@@ -74,3 +74,7 @@ export declare type MapZoomState = {
     bounds: Bounds;
     userDriven: boolean;
 };
+export declare type LeafletMapExpandedCluster<Datum extends GenericDataRecord> = {
+    points: PointFeature<PointExpandedClusterProperties<Datum>>[];
+    cluster: LeafletMapPoint<Datum>;
+};

package/components/leaflet-map/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/leaflet-map/types.ts"],"sourcesContent":["import { LatLng } from 'leaflet'\nimport Supercluster, { ClusterProperties } from 'supercluster'\nimport { GenericDataRecord } from 'types/data'\n\nexport enum LeafletMapRenderer {\n  Raster = 'raster',\n  MapLibre = 'maplibre',\n}\n\nexport enum LeafletMapPointShape {\n  Square = 'square',\n  Circle = 'circle',\n  Triangle = 'triangle',\n  Ring = 'ring',\n}\n\nexport type LeafletMapPieDatum = {\n  value: number;\n  name: string;\n  color: string;\n  className?: string;\n}\n\nexport interface LeafletMapPointStyle {\n  color: string;\n  className?: string;\n}\n\nexport type LeafletMapPointStyles<D> = { [key in keyof D]?: LeafletMapPointStyle }\n\nexport type PointExpandedClusterProperties<D extends GenericDataRecord> = D & {\n  // Expanded cluster related data:\n  // eslint-disable-next-line no-use-before-define\n  expandedClusterPoint?: LeafletMapPoint<D>;\n  r?: number;\n  dx?: number;\n  dy?: number;\n}\n\nexport type LeafletMapClusterDatum<D extends GenericDataRecord> = Partial<D> & ClusterProperties & {\n  clusterIndex?: Supercluster<D>;\n  clusterPoints?: D[];\n}\n\nexport type LeafletMapPointDatum<D extends GenericDataRecord> = D & PointExpandedClusterProperties<D> & {\n  id: string | number;\n  shape: LeafletMapPointShape;\n  _index: number;\n};\n\nexport type LeafletMapPoint<D extends GenericDataRecord> = {\n  geometry: GeoJSON.Point;\n  bbox: { x1: number; x2: number; y1: number; y2: number };\n  radius: number;\n  path: string;\n  color: string;\n  id: number | string;\n  properties: LeafletMapPointDatum<D> | LeafletMapClusterDatum<D>;\n  donutData: LeafletMapPieDatum[];\n  isCluster: boolean;\n  clusterIndex: Supercluster<D, Supercluster.AnyProps>;\n  clusterPoints?: D[];\n  _zIndex: number;\n}\n\nexport type Bounds = {\n  northEast: { lat: number; lng: number };\n  southWest: { lat: number; lng: number };\n}\n\nexport type MapZoomState = {\n  mapCenter: LatLng;\n  zoomLevel: number;\n  bounds: Bounds;\n  userDriven: boolean;\n}\n"],"names":[],"mappings":"IAIY,mBAGX;AAHD,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA,CAAA;IAEW,qBAKX;AALD,CAAA,UAAY,oBAAoB,EAAA;AAC9B,IAAA,oBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,oBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,oBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,oBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EALW,oBAAoB,KAApB,oBAAoB,GAK/B,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/leaflet-map/types.ts"],"sourcesContent":["import { LatLng } from 'leaflet'\nimport Supercluster, { ClusterProperties, PointFeature } from 'supercluster'\nimport { GenericDataRecord } from 'types/data'\n\nexport enum LeafletMapRenderer {\n  Raster = 'raster',\n  MapLibre = 'maplibre',\n}\n\nexport enum LeafletMapPointShape {\n  Square = 'square',\n  Circle = 'circle',\n  Triangle = 'triangle',\n  Ring = 'ring',\n}\n\nexport type LeafletMapPieDatum = {\n  value: number;\n  name: string;\n  color: string;\n  className?: string;\n}\n\nexport interface LeafletMapPointStyle {\n  color: string;\n  className?: string;\n}\n\nexport type LeafletMapPointStyles<D> = { [key in keyof D]?: LeafletMapPointStyle }\n\nexport type PointExpandedClusterProperties<D extends GenericDataRecord> = D & {\n  // Expanded cluster related data:\n  // eslint-disable-next-line no-use-before-define\n  expandedClusterPoint?: LeafletMapPoint<D>;\n  r?: number;\n  dx?: number;\n  dy?: number;\n}\n\nexport type LeafletMapClusterDatum<D extends GenericDataRecord> = Partial<D> & ClusterProperties & {\n  clusterIndex?: Supercluster<D>;\n  clusterPoints?: D[];\n}\n\nexport type LeafletMapPointDatum<D extends GenericDataRecord> = D & PointExpandedClusterProperties<D> & {\n  id: string | number;\n  shape: LeafletMapPointShape;\n  _index: number;\n};\n\nexport type LeafletMapPoint<D extends GenericDataRecord> = {\n  geometry: GeoJSON.Point;\n  bbox: { x1: number; x2: number; y1: number; y2: number };\n  radius: number;\n  path: string;\n  color: string;\n  id: number | string;\n  properties: LeafletMapPointDatum<D> | LeafletMapClusterDatum<D>;\n  donutData: LeafletMapPieDatum[];\n  isCluster: boolean;\n  clusterIndex: Supercluster<D, Supercluster.AnyProps>;\n  clusterPoints?: D[];\n  _zIndex: number;\n}\n\nexport type Bounds = {\n  northEast: { lat: number; lng: number };\n  southWest: { lat: number; lng: number };\n}\n\nexport type MapZoomState = {\n  mapCenter: LatLng;\n  zoomLevel: number;\n  bounds: Bounds;\n  userDriven: boolean;\n}\n\nexport type LeafletMapExpandedCluster<Datum extends GenericDataRecord> = {\n  points: PointFeature<PointExpandedClusterProperties<Datum>>[];\n  cluster: LeafletMapPoint<Datum>;\n}\n"],"names":[],"mappings":"IAIY,mBAGX;AAHD,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA,CAAA;IAEW,qBAKX;AALD,CAAA,UAAY,oBAAoB,EAAA;AAC9B,IAAA,oBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,oBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,oBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,oBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EALW,oBAAoB,KAApB,oBAAoB,GAK/B,EAAA,CAAA,CAAA;;;;"}

package/components/line/index.d.ts

@@ -15,8 +15,8 @@ export declare class Line<Datum> extends XYComponentCore<Datum, LineConfigInterf
     curve: CurveFactoryLineOnly;
     events: {
         [x: string]: {
-            mouseover: (datum: any, i: any, els: any) => void;
-            mouseleave: (d: any, i: any, els: any) => void;
+            mouseover: (datum: Datum) => void;
+            mouseleave: () => void;
         };
     };
     constructor(config?: LineConfigInterface<Datum>);

package/components/line/index.js

@@ -129,7 +129,7 @@ class Line extends XYComponentCore {
         const yRange = this.yScale.range();
         return `M${xRange[0]},${yRange[0]} L${xRange[1]},${yRange[0]}`;
     }
-    _highlight(datum, i, els) {
+    _highlight(datum) {
         const { config } = this;
         if (config.highlightOnHover) {
             this.g
@@ -137,7 +137,7 @@ class Line extends XYComponentCore {
                 .classed(dim, d => d !== datum);
         }
     }
-    _resetHighlight(d, i, els) {
+    _resetHighlight() {
         const { config } = this;
         if (config.highlightOnHover) {
             this.g

package/components/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/line/index.ts"],"sourcesContent":["import { select } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { CurveFactoryLineOnly, Line as LineGenInterface, line } from 'd3-shape'\nimport { interpolatePath } from 'd3-interpolate-path'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { getNumber, getString, getValue, isArray, isNumber } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Curve, CurveType } from 'types/curve'\nimport { Direction } from 'types/direction'\n\n// Local Types\nimport { LineData, LineDatum } from './types'\n\n// Config\nimport { LineDefaultConfig, LineConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Line<Datum> extends XYComponentCore<Datum, LineConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = LineDefaultConfig as LineConfigInterface<Datum>\n  public config: LineConfigInterface<Datum> = this._defaultConfig\n  lineGen: LineGenInterface<{ x: number; y: number; defined: boolean }>\n  curve: CurveFactoryLineOnly = Curve[CurveType.MonotoneX]\n  events = {\n    [Line.selectors.line]: {\n      mouseover: this._highlight.bind(this),\n      mouseleave: this._resetHighlight.bind(this),\n    },\n  }\n\n  constructor (config?: LineConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  get bleed (): Spacing {\n    const { config: { lineWidth } } = this\n    const yDomain = this.yScale.domain() as [number, number]\n    const yDirection = this.yScale.range()[0] > this.yScale.range()[1]\n      ? Direction.North\n      : Direction.South\n    const isYDirectionSouth = yDirection === Direction.South\n\n    const isLineThick = lineWidth > 3\n    const isLineVeryThick = lineWidth >= 10\n    return {\n      top: !isLineVeryThick && (\n        (!isYDirectionSouth && (yDomain[1] === 0)) || (isYDirectionSouth && (yDomain[0] === 0))\n      ) ? 0 : lineWidth / 2,\n      bottom: !isLineVeryThick && (\n        (!isYDirectionSouth && (yDomain[0] === 0)) || (isYDirectionSouth && (yDomain[1] === 0))\n      ) ? 0 : lineWidth / 2,\n      left: isLineThick ? lineWidth / 2 : 0,\n      right: isLineThick ? lineWidth / 2 : 0,\n    }\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, datamodel: { data } } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    this.curve = Curve[config.curveType]\n    this.lineGen = line<{ x: number; y: number; defined: boolean }>()\n      .x(d => d.x)\n      .y(d => d.y)\n      .defined(d => d.defined)\n      .curve(this.curve)\n\n    const yAccessors = (isArray(config.y) ? config.y : [config.y]) as NumericAccessor<Datum>[]\n    const lineDataX = data.map((d, i) => this.xScale(getNumber(d, config.x, i)))\n    const lineData: LineData[] = yAccessors.map(a => {\n      const ld: LineDatum[] = data.map((d, i) => {\n        const rawValue = getNumber(d, a, i)\n        // If `rawValue` is not numerical or if it's not finite (`NaN`, `undefined`, ...), we replace it with `config.fallbackValue`\n        const value = (isNumber(rawValue) || (rawValue === null)) && isFinite(rawValue) ? rawValue : config.fallbackValue\n        return {\n          x: lineDataX[i],\n          y: this.yScale(value ?? 0),\n          defined: isFinite(value),\n          value,\n        }\n      })\n\n      const defined = ld.reduce((def, d) => (d.defined || def), false)\n      // If the line consists only of `null` values, we'll still render it but it'll be invisible.\n      // Such trick allows us to have better animated transitions.\n      const visible = defined && ld.some(d => d.value !== null)\n      return {\n        values: ld,\n        defined,\n        visible,\n      }\n    })\n\n    const lines = this.g\n      .selectAll<SVGGElement, LineData>(`.${s.line}`)\n      .data(lineData)\n\n    const linesEnter = lines.enter().append('g')\n      .attr('class', s.line)\n\n    linesEnter\n      .append('path')\n      .attr('class', s.linePath)\n      .attr('stroke', (d, i) => getColor(data, config.color, i))\n      .attr('stroke-opacity', 0)\n      .attr('stroke-width', config.lineWidth)\n\n    linesEnter\n      .append('path')\n      .attr('class', s.lineSelectionHelper)\n      .attr('d', this._emptyPath())\n\n    const linesMerged = linesEnter.merge(lines)\n    linesMerged.style('cursor', (d, i) => getString(data, config.cursor, i))\n    linesMerged.each((d, i, elements) => {\n      const group = select(elements[i])\n      const linePath = group.select<SVGPathElement>(`.${s.linePath}`)\n      const lineSelectionHelper = group.select(`.${s.lineSelectionHelper}`)\n\n      const isLineVisible = d.visible\n      const dashArray = getValue<Datum[], number[]>(data, config.lineDashArray, i)\n      const transition = smartTransition(linePath, duration)\n        .attr('stroke', getColor(data, config.color, i))\n        .attr('stroke-width', config.lineWidth)\n        .attr('stroke-opacity', isLineVisible ? 1 : 0)\n        .style('stroke-dasharray', dashArray?.join(' ') ?? null) // We use `.style` because there's also a default CSS-variable for stroke-dasharray\n\n      const hasUndefinedSegments = d.values.some(d => !d.defined)\n      const svgPathD = this.lineGen(d.values)\n\n      if (duration && !hasUndefinedSegments) {\n        const previous = linePath.attr('d') || this._emptyPath()\n        const next = svgPathD || this._emptyPath()\n        const t = transition as Transition<SVGPathElement, LineData, SVGGElement, LineData>\n        t.attrTween('d', () => interpolatePath(previous, next))\n      } else if (d.visible) {\n        transition.attr('d', svgPathD)\n      }\n\n      lineSelectionHelper\n        .attr('d', svgPathD)\n        .attr('visibility', isLineVisible ? null : 'hidden')\n    })\n\n    smartTransition(lines.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n  }\n\n  private _emptyPath (): string {\n    const xRange = this.xScale.range()\n    const yRange = this.yScale.range()\n    return `M${xRange[0]},${yRange[0]} L${xRange[1]},${yRange[0]}`\n  }\n\n  private _highlight (datum, i, els): void {\n    const { config } = this\n\n    if (config.highlightOnHover) {\n      this.g\n        .selectAll(`.${s.line}`)\n        .classed(s.dim, d => d !== datum)\n    }\n  }\n\n  private _resetHighlight (d, i, els): void {\n    const { config } = this\n\n    if (config.highlightOnHover) {\n      this.g\n        .selectAll(`.${s.line}`)\n        .classed(s.dim, false)\n    }\n  }\n}\n"],"names":["s.line","s.linePath","s.lineSelectionHelper","linePath","lineSelectionHelper","s.dim","s"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/line/index.ts"],"sourcesContent":["import { select } from 'd3-selection'\nimport { Transition } from 'd3-transition'\nimport { CurveFactoryLineOnly, Line as LineGenInterface, line } from 'd3-shape'\nimport { interpolatePath } from 'd3-interpolate-path'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\n\n// Utils\nimport { getNumber, getString, getValue, isArray, isNumber } from 'utils/data'\nimport { smartTransition } from 'utils/d3'\nimport { getColor } from 'utils/color'\n\n// Types\nimport { NumericAccessor } from 'types/accessor'\nimport { Spacing } from 'types/spacing'\nimport { Curve, CurveType } from 'types/curve'\nimport { Direction } from 'types/direction'\n\n// Local Types\nimport { LineData, LineDatum } from './types'\n\n// Config\nimport { LineDefaultConfig, LineConfigInterface } from './config'\n\n// Styles\nimport * as s from './style'\n\nexport class Line<Datum> extends XYComponentCore<Datum, LineConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = LineDefaultConfig as LineConfigInterface<Datum>\n  public config: LineConfigInterface<Datum> = this._defaultConfig\n  lineGen: LineGenInterface<{ x: number; y: number; defined: boolean }>\n  curve: CurveFactoryLineOnly = Curve[CurveType.MonotoneX]\n  events = {\n    [Line.selectors.line]: {\n      mouseover: this._highlight.bind(this),\n      mouseleave: this._resetHighlight.bind(this),\n    },\n  }\n\n  constructor (config?: LineConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n  }\n\n  get bleed (): Spacing {\n    const { config: { lineWidth } } = this\n    const yDomain = this.yScale.domain() as [number, number]\n    const yDirection = this.yScale.range()[0] > this.yScale.range()[1]\n      ? Direction.North\n      : Direction.South\n    const isYDirectionSouth = yDirection === Direction.South\n\n    const isLineThick = lineWidth > 3\n    const isLineVeryThick = lineWidth >= 10\n    return {\n      top: !isLineVeryThick && (\n        (!isYDirectionSouth && (yDomain[1] === 0)) || (isYDirectionSouth && (yDomain[0] === 0))\n      ) ? 0 : lineWidth / 2,\n      bottom: !isLineVeryThick && (\n        (!isYDirectionSouth && (yDomain[0] === 0)) || (isYDirectionSouth && (yDomain[1] === 0))\n      ) ? 0 : lineWidth / 2,\n      left: isLineThick ? lineWidth / 2 : 0,\n      right: isLineThick ? lineWidth / 2 : 0,\n    }\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config, datamodel: { data } } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    this.curve = Curve[config.curveType]\n    this.lineGen = line<{ x: number; y: number; defined: boolean }>()\n      .x(d => d.x)\n      .y(d => d.y)\n      .defined(d => d.defined)\n      .curve(this.curve)\n\n    const yAccessors = (isArray(config.y) ? config.y : [config.y]) as NumericAccessor<Datum>[]\n    const lineDataX = data.map((d, i) => this.xScale(getNumber(d, config.x, i)))\n    const lineData: LineData[] = yAccessors.map(a => {\n      const ld: LineDatum[] = data.map((d, i) => {\n        const rawValue = getNumber(d, a, i)\n        // If `rawValue` is not numerical or if it's not finite (`NaN`, `undefined`, ...), we replace it with `config.fallbackValue`\n        const value = (isNumber(rawValue) || (rawValue === null)) && isFinite(rawValue) ? rawValue : config.fallbackValue\n        return {\n          x: lineDataX[i],\n          y: this.yScale(value ?? 0),\n          defined: isFinite(value),\n          value,\n        }\n      })\n\n      const defined = ld.reduce((def, d) => (d.defined || def), false)\n      // If the line consists only of `null` values, we'll still render it but it'll be invisible.\n      // Such trick allows us to have better animated transitions.\n      const visible = defined && ld.some(d => d.value !== null)\n      return {\n        values: ld,\n        defined,\n        visible,\n      }\n    })\n\n    const lines = this.g\n      .selectAll<SVGGElement, LineData>(`.${s.line}`)\n      .data(lineData)\n\n    const linesEnter = lines.enter().append('g')\n      .attr('class', s.line)\n\n    linesEnter\n      .append('path')\n      .attr('class', s.linePath)\n      .attr('stroke', (d, i) => getColor(data, config.color, i))\n      .attr('stroke-opacity', 0)\n      .attr('stroke-width', config.lineWidth)\n\n    linesEnter\n      .append('path')\n      .attr('class', s.lineSelectionHelper)\n      .attr('d', this._emptyPath())\n\n    const linesMerged = linesEnter.merge(lines)\n    linesMerged.style('cursor', (d, i) => getString(data, config.cursor, i))\n    linesMerged.each((d, i, elements) => {\n      const group = select(elements[i])\n      const linePath = group.select<SVGPathElement>(`.${s.linePath}`)\n      const lineSelectionHelper = group.select(`.${s.lineSelectionHelper}`)\n\n      const isLineVisible = d.visible\n      const dashArray = getValue<Datum[], number[]>(data, config.lineDashArray, i)\n      const transition = smartTransition(linePath, duration)\n        .attr('stroke', getColor(data, config.color, i))\n        .attr('stroke-width', config.lineWidth)\n        .attr('stroke-opacity', isLineVisible ? 1 : 0)\n        .style('stroke-dasharray', dashArray?.join(' ') ?? null) // We use `.style` because there's also a default CSS-variable for stroke-dasharray\n\n      const hasUndefinedSegments = d.values.some(d => !d.defined)\n      const svgPathD = this.lineGen(d.values)\n\n      if (duration && !hasUndefinedSegments) {\n        const previous = linePath.attr('d') || this._emptyPath()\n        const next = svgPathD || this._emptyPath()\n        const t = transition as Transition<SVGPathElement, LineData, SVGGElement, LineData>\n        t.attrTween('d', () => interpolatePath(previous, next))\n      } else if (d.visible) {\n        transition.attr('d', svgPathD)\n      }\n\n      lineSelectionHelper\n        .attr('d', svgPathD)\n        .attr('visibility', isLineVisible ? null : 'hidden')\n    })\n\n    smartTransition(lines.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n  }\n\n  private _emptyPath (): string {\n    const xRange = this.xScale.range()\n    const yRange = this.yScale.range()\n    return `M${xRange[0]},${yRange[0]} L${xRange[1]},${yRange[0]}`\n  }\n\n  private _highlight (datum: Datum): void {\n    const { config } = this\n\n    if (config.highlightOnHover) {\n      this.g\n        .selectAll(`.${s.line}`)\n        .classed(s.dim, d => d !== datum)\n    }\n  }\n\n  private _resetHighlight (): void {\n    const { config } = this\n\n    if (config.highlightOnHover) {\n      this.g\n        .selectAll(`.${s.line}`)\n        .classed(s.dim, false)\n    }\n  }\n}\n"],"names":["s.line","s.linePath","s.lineSelectionHelper","linePath","lineSelectionHelper","s.dim","s"],"mappings":"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"}

package/components/nested-donut/index.js

@@ -132,10 +132,12 @@ class NestedDonut extends ComponentCore {
         partitionData
             .each(node => {
             var _a, _b, _c;
+            // Starting with the root, we transform the original data returned from d3.hierarchy
+            const n = node;
             node.data = {
-                key: node.data[0],
-                values: ((_a = (node.data[1])) === null || _a === void 0 ? void 0 : _a.length) ? node.data[1].map((index) => data[index]) : [],
-                root: (_c = (_b = node.parent) === null || _b === void 0 ? void 0 : _b.data.root) !== null && _c !== void 0 ? _c : node.data[0],
+                key: n.data[0],
+                values: Array.isArray(n.data[1]) ? n.data[1].map(i => data[i]) : [],
+                root: (_c = (_b = (_a = node.parent) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.root) !== null && _c !== void 0 ? _c : n.data[0],
             };
             node._id = `root${partitionData.path(node).map(d => d.data.key).join('->')}`;
             if (isNumberWithinRange(node.depth - 1, [0, layers.length - 1])) {
@@ -144,9 +146,10 @@ class NestedDonut extends ComponentCore {
                 node.y1 = node._layer._outerRadius;
             }
         })
-            .eachAfter(node => { var _a; return (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach(ch => node.data.values.push(...ch.data.values)); })
-            .eachBefore(node => {
+            .eachBefore((node) => {
             var _a, _b, _c, _d;
+            // Once ancestors have been visited, children properties that are
+            // dependent on the parent's data are populated here
             if (!node.children || node.depth === rootNode.height - 1)
                 return;
             const positions = pie()
@@ -170,6 +173,12 @@ class NestedDonut extends ComponentCore {
                     fillOpacity: color === null ? opacity(positions[i].index) : null,
                 };
             });
+        })
+            .eachAfter(node => {
+            var _a;
+            // Once hierarchy has been traversed, we append children data the parent
+            // parent.data serves as a reference to all the original data it represents
+            (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach(ch => node.data.values.push(...ch.data.values));
         });
         const segments = partitionData.descendants().filter(d => { var _a; return ((_a = d.parent) === null || _a === void 0 ? void 0 : _a.value) && d.data.key; });
         return segments;

package/components/nested-donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { arc, pie } from 'd3-shape'\nimport { hierarchy, partition } from 'd3-hierarchy'\nimport { scaleLinear, ScaleLinear } from 'd3-scale'\nimport { group } from 'd3-array'\n\n// Core\nimport { ComponentCore } from 'core/component'\nimport { SeriesDataModel } from 'data-models/series'\n\n// Types\nimport { VerticalAlign } from 'types/text'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\nimport { getNumber, getString, getValue, isNumber, isNumberWithinRange, merge } from 'utils/data'\nimport { getPixelValue } from 'utils/misc'\nimport { cssvar } from 'utils/style'\nimport { wrapSVGText } from 'utils/text'\n\n// Local Types\nimport { NestedDonutDirection, NestedDonutSegment, NestedDonutLayer, NestedDonutSegmentLabelAlignment } from './types'\n\n// Config\nimport { NestedDonutDefaultConfig, NestedDonutConfigInterface } from './config'\n\n// Modules\nimport { createArc, updateArc, removeArc } from './modules/arc'\nimport { createLabel, updateLabel, removeLabel } from './modules/label'\n\n// Styles\nimport * as s from './style'\n\nexport class NestedDonut<Datum> extends ComponentCore<\nDatum[],\nNestedDonutConfigInterface<Datum>\n> {\n  static selectors = s\n  static cssVariables = s.variables\n  protected _defaultConfig = NestedDonutDefaultConfig as NestedDonutConfigInterface<Datum>\n  public config: NestedDonutConfigInterface<Datum> = this._defaultConfig\n  datamodel: SeriesDataModel<Datum> = new SeriesDataModel()\n\n  arcBackground: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  arcGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  centralLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>\n  centralSubLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>\n\n  arcGen = arc<Partial<NestedDonutSegment<Datum>>>()\n  colorScale: ScaleLinear<string, string> = scaleLinear()\n\n  events = { }\n\n  constructor (config?: NestedDonutConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n    this.arcBackground = this.g.append('g')\n    this.arcGroup = this.g.append('g')\n      .attr('class', s.segmentsGroup)\n    this.centralLabel = this.g.append('text')\n      .attr('class', s.centralLabel)\n    this.centralSubLabel = this.g.append('text')\n      .attr('class', s.centralSubLabel)\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    const layers = this._getLayerSettings()\n    const data = this._getHierarchyData(layers)\n\n    this.arcGen\n      .startAngle(d => d.x0)\n      .endAngle(d => d.x1)\n      .innerRadius(d => d.y0)\n      .outerRadius(d => d.y1)\n      .cornerRadius(config.cornerRadius)\n\n    this.arcGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.arcBackground.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.centralLabel.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.centralSubLabel.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n\n    // Layer backgrounds\n    const backgrounds = this.arcBackground\n      .selectAll<SVGPathElement, NestedDonutLayer>(`.${s.background}`)\n      .data(layers, d => d._id)\n\n    const backgroundsEnter = backgrounds.enter().append('path')\n      .attr('class', s.background)\n      .attr('visibility', config.showBackground ? null : 'hidden')\n\n    const backgroundsMerged = backgrounds.merge(backgroundsEnter)\n      .style('transition', `fill ${duration}ms`)\n      .style('fill', d => d.backgroundColor)\n\n    smartTransition(backgroundsMerged, duration)\n      .attr('d', d => this.arcGen({\n        x0: config.angleRange?.[0] ?? 0,\n        x1: config.angleRange?.[1] ?? 2 * Math.PI,\n        y0: d._innerRadius,\n        y1: d._outerRadius,\n      }))\n\n    smartTransition(backgrounds.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Segments\n    const segments = this.arcGroup.selectAll<SVGGElement, NestedDonutSegment<Datum>>(`${s.segment}`)\n      .data(data, d => d._id)\n\n    const segmentsEnter = segments.enter()\n      .append('g')\n      .attr('class', s.segment)\n\n    segments.merge(segmentsEnter)\n    smartTransition(segments.exit(), duration)\n      .attr('class', s.segmentExit)\n      .style('opacity', 0)\n      .remove()\n\n    // Segment arcs\n    const arcs = this.arcGroup\n      .selectAll<SVGPathElement, NestedDonutSegment<Datum>>(`.${s.segmentArc}`)\n      .data(data, d => d._id)\n\n    const arcsEnter = segmentsEnter.append('path')\n      .attr('class', s.segmentArc)\n      .call(createArc, config)\n\n    arcs.merge(arcsEnter)\n      .call(updateArc, config, this.arcGen, duration)\n\n    arcs.exit<NestedDonutSegment<Datum>>()\n      .attr('class', s.segmentExit)\n      .call(removeArc, duration)\n\n    // Segment labels\n    const labels = this.arcGroup\n      .selectAll<SVGTextElement, NestedDonutSegment<Datum>>(`.${s.segmentLabel}`)\n      .data(data, d => d._id)\n\n    const labelsEnter = segmentsEnter.append('text')\n      .attr('class', s.segmentLabel)\n      .call(createLabel, this.arcGen)\n\n    labels.merge(labelsEnter)\n      .call(updateLabel, config, this.arcGen, duration)\n\n    labels.exit<NestedDonutSegment<Datum>>()\n      .call(removeLabel, duration)\n\n    // Chart labels\n    this.centralLabel\n      .attr('dy', config.centralSubLabel ? '-0.55em' : null)\n      .text(config.centralLabel ?? null)\n\n    this.centralSubLabel\n      .attr('dy', config.centralLabel ? '0.55em' : null)\n      .text(config.centralSubLabel ?? null)\n\n    if (config.centralSubLabelWrap) wrapSVGText(this.centralSubLabel, layers[0]._innerRadius * 1.9, VerticalAlign.Top)\n  }\n\n  private _getHierarchyData (layers: NestedDonutLayer[]): NestedDonutSegment<Datum>[] {\n    const { config, datamodel: { data } } = this\n\n    const layerAccessors = config.layers?.map(layerAccessor => (i: number) => getString(data[i], layerAccessor, i))\n    const nestedData = group(data.keys(), ...layerAccessors as [(i: number) => string])\n\n    const rootNode = config.value !== undefined\n      ? hierarchy(nestedData).sum(index => typeof index === 'number' && getNumber(data[index], config.value, index))\n      : hierarchy(nestedData).count()\n\n    const partitionData = partition().size([config.angleRange[1], 1])(rootNode) as NestedDonutSegment<Datum>\n\n    partitionData\n      .each(node => {\n        node.data = {\n          key: node.data[0] as string,\n          values: (node.data[1])?.length ? node.data[1].map((index: number) => data[index]) : [],\n          root: node.parent?.data.root ?? node.data[0],\n        }\n        node._id = `root${partitionData.path(node).map(d => d.data.key).join('->')}`\n        if (isNumberWithinRange(node.depth - 1, [0, layers.length - 1])) {\n          node._layer = layers[node.depth - 1]\n          node.y0 = node._layer._innerRadius\n          node.y1 = node._layer._outerRadius\n        }\n      })\n      .eachAfter(node => node.children?.forEach(ch => node.data.values.push(...ch.data.values)))\n      .eachBefore(node => {\n        if (!node.children || node.depth === rootNode.height - 1) return\n\n        const positions = pie<NestedDonutSegment<Datum>>()\n          .startAngle(node.parent ? node.x0 : config.angleRange?.[0])\n          .endAngle(node.parent ? node.x1 : config.angleRange?.[1])\n          .value(d => config.showEmptySegments && d.value === 0\n            ? config.emptySegmentAngle\n            : (d.x1 - d.x0))\n          .sort(config.sort)(node.children)\n\n        const opacity = scaleLinear()\n          .domain([-1, node.children.length])\n          .range([node._state?.fillOpacity ?? 1, 0])\n\n        node.children.forEach((child, i) => {\n          child._index = i\n          child.x0 = positions[i].startAngle\n          child.x1 = positions[i].endAngle\n\n          // Default to parent's fill if segmentColor accessor is not provided\n          const color = getColor(child, config.segmentColor, positions[i].index, child.depth !== 1)\n          child._state = {\n            fill: color ?? node._state.fill,\n            fillOpacity: color === null ? opacity(positions[i].index) : null,\n          }\n        })\n      })\n\n    const segments = partitionData.descendants().filter(d => d.parent?.value && d.data.key)\n    return segments\n  }\n\n  private _getLayerSettings (): NestedDonutLayer[] {\n    const { direction, layers, layerPadding, layerSettings } = this.config\n\n    const outerRadius = Math.min(this._width, this._height) / 2\n\n    const defaultLayerSettings = {\n      backgroundColor: cssvar(s.variables.nestedDonutBackgroundColor),\n      labelAlignment: NestedDonutSegmentLabelAlignment.Perpendicular,\n      width: outerRadius * 0.75 / layers.length,\n    }\n    const layerItems = layers.reduceRight((arr, _, i) => {\n      const layerId = direction === NestedDonutDirection.Outwards ? i : arr.length\n      const layerConfig = merge(defaultLayerSettings, getValue(layerId, layerSettings))\n      const radius = arr.length ? arr[0]._innerRadius - layerPadding : outerRadius\n      const layerWidth = getPixelValue(layerConfig.width)\n      if (layerWidth === null) {\n        console.warn(`Unovis | Nested Donut: Could not parse width ${layerConfig.width}. Setting to default.`)\n      }\n      arr.unshift({\n        ...layerConfig,\n        _id: layerId,\n        _outerRadius: radius,\n        _innerRadius: radius - (layerWidth ?? defaultLayerSettings.width),\n      })\n      return arr\n    }, new Array<NestedDonutLayer>())\n\n    return direction === NestedDonutDirection.Inwards ? layerItems.reverse() : layerItems\n  }\n}\n"],"names":["s.segmentsGroup","s.centralLabel","s.centralSubLabel","s.background","s.segment","s.segmentExit","s.segmentArc","s.segmentLabel","s.variables","s"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkCM,MAAO,WAAmB,SAAQ,aAGvC,CAAA;AAiBC,IAAA,WAAA,CAAa,MAA0C,EAAA;AACrD,QAAA,KAAK,EAAE,CAAA;QAfC,IAAc,CAAA,cAAA,GAAG,wBAA6D,CAAA;AACjF,QAAA,IAAA,CAAA,MAAM,GAAsC,IAAI,CAAC,cAAc,CAAA;AACtE,QAAA,IAAA,CAAA,SAAS,GAA2B,IAAI,eAAe,EAAE,CAAA;QAOzD,IAAM,CAAA,MAAA,GAAG,GAAG,EAAsC,CAAA;QAClD,IAAU,CAAA,UAAA,GAAgC,WAAW,EAAE,CAAA;QAEvD,IAAM,CAAA,MAAA,GAAG,EAAG,CAAA;AAIV,QAAA,IAAI,MAAM;AAAE,YAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QAClC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QACvC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;AAC/B,aAAA,IAAI,CAAC,OAAO,EAAEA,aAAe,CAAC,CAAA;QACjC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AACtC,aAAA,IAAI,CAAC,OAAO,EAAEC,YAAc,CAAC,CAAA;QAChC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;AACzC,aAAA,IAAI,CAAC,OAAO,EAAEC,eAAiB,CAAC,CAAA;KACpC;AAED,IAAA,OAAO,CAAE,cAAuB,EAAA;;AAC9B,QAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;AACvB,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAA;AAE5E,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAA;AAE3C,QAAA,IAAI,CAAC,MAAM;aACR,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;aACrB,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;aACnB,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;aACtB,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;AACtB,aAAA,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;QAEpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,CAAG,CAAA,CAAA,CAAC,CAAA;QACpF,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,CAAG,CAAA,CAAA,CAAC,CAAA;QACzF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,CAAG,CAAA,CAAA,CAAC,CAAA;QACxF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,aAAa,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,CAAG,CAAA,CAAA,CAAC,CAAA;;AAG3F,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa;AACnC,aAAA,SAAS,CAAmC,CAAI,CAAA,EAAAC,UAAY,EAAE,CAAC;aAC/D,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;QAE3B,MAAM,gBAAgB,GAAG,WAAW,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;AACxD,aAAA,IAAI,CAAC,OAAO,EAAEA,UAAY,CAAC;AAC3B,aAAA,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,cAAc,GAAG,IAAI,GAAG,QAAQ,CAAC,CAAA;AAE9D,QAAA,MAAM,iBAAiB,GAAG,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC;AAC1D,aAAA,KAAK,CAAC,YAAY,EAAE,CAAQ,KAAA,EAAA,QAAQ,IAAI,CAAC;aACzC,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAA;AAExC,QAAA,eAAe,CAAC,iBAAiB,EAAE,QAAQ,CAAC;AACzC,aAAA,IAAI,CAAC,GAAG,EAAE,CAAC,IAAG;;YAAC,OAAA,IAAI,CAAC,MAAM,CAAC;gBAC1B,EAAE,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,UAAU,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,CAAC;AAC/B,gBAAA,EAAE,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,CAAC,GAAG,IAAI,CAAC,EAAE;gBACzC,EAAE,EAAE,CAAC,CAAC,YAAY;gBAClB,EAAE,EAAE,CAAC,CAAC,YAAY;AACnB,aAAA,CAAC,CAAA;AAAA,SAAA,CAAC,CAAA;AAEL,QAAA,eAAe,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC;AAC1C,aAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;AACnB,aAAA,MAAM,EAAE,CAAA;;AAGX,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAyC,CAAG,EAAAC,OAAS,EAAE,CAAC;aAC7F,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;AAEzB,QAAA,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,EAAE;aACnC,MAAM,CAAC,GAAG,CAAC;AACX,aAAA,IAAI,CAAC,OAAO,EAAEA,OAAS,CAAC,CAAA;AAE3B,QAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;AAC7B,QAAA,eAAe,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC;AACvC,aAAA,IAAI,CAAC,OAAO,EAAEC,WAAa,CAAC;AAC5B,aAAA,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;AACnB,aAAA,MAAM,EAAE,CAAA;;AAGX,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ;AACvB,aAAA,SAAS,CAA4C,CAAI,CAAA,EAAAC,UAAY,EAAE,CAAC;aACxE,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;AAEzB,QAAA,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC;AAC3C,aAAA,IAAI,CAAC,OAAO,EAAEA,UAAY,CAAC;AAC3B,aAAA,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAE1B,QAAA,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAClB,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QAEjD,IAAI,CAAC,IAAI,EAA6B;AACnC,aAAA,IAAI,CAAC,OAAO,EAAED,WAAa,CAAC;AAC5B,aAAA,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAA;;AAG5B,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ;AACzB,aAAA,SAAS,CAA4C,CAAI,CAAA,EAAAE,YAAc,EAAE,CAAC;aAC1E,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAA;AAEzB,QAAA,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC;AAC7C,aAAA,IAAI,CAAC,OAAO,EAAEA,YAAc,CAAC;AAC7B,aAAA,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;AAEjC,QAAA,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;aACtB,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAA;QAEnD,MAAM,CAAC,IAAI,EAA6B;AACrC,aAAA,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;;AAG9B,QAAA,IAAI,CAAC,YAAY;AACd,aAAA,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,GAAG,SAAS,GAAG,IAAI,CAAC;aACrD,IAAI,CAAC,MAAA,MAAM,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC,CAAA;AAEpC,QAAA,IAAI,CAAC,eAAe;AACjB,aAAA,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,GAAG,QAAQ,GAAG,IAAI,CAAC;aACjD,IAAI,CAAC,MAAA,MAAM,CAAC,eAAe,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,IAAI,CAAC,CAAA;QAEvC,IAAI,MAAM,CAAC,mBAAmB;AAAE,YAAA,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAA;KACnH;AAEO,IAAA,iBAAiB,CAAE,MAA0B,EAAA;;QACnD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,CAAA;AAE5C,QAAA,MAAM,cAAc,GAAG,CAAA,EAAA,GAAA,MAAM,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAG,CAAC,aAAa,IAAI,CAAC,CAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAA;AAC/G,QAAA,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,cAAyC,CAAC,CAAA;AAEnF,QAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS;AACzC,cAAE,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;cAC5G,SAAS,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAA;QAEjC,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAA8B,CAAA;QAExG,aAAa;aACV,IAAI,CAAC,IAAI,IAAG;;YACX,IAAI,CAAC,IAAI,GAAG;AACV,gBAAA,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAW;AAC3B,gBAAA,MAAM,EAAE,CAAA,CAAA,EAAA,IAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,MAAM,IAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAa,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;AACtF,gBAAA,IAAI,EAAE,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAC,IAAI,mCAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;aAC7C,CAAA;AACD,YAAA,IAAI,CAAC,GAAG,GAAG,CAAA,IAAA,EAAO,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAA;AAC5E,YAAA,IAAI,mBAAmB,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;gBAC/D,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;gBACpC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA;gBAClC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAA;AACnC,aAAA;AACH,SAAC,CAAC;AACD,aAAA,SAAS,CAAC,IAAI,cAAI,OAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA,EAAA,CAAC;aACzF,UAAU,CAAC,IAAI,IAAG;;AACjB,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAM;YAEhE,MAAM,SAAS,GAAG,GAAG,EAA6B;iBAC/C,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,MAAA,MAAM,CAAC,UAAU,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,CAAC;iBAC1D,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,MAAA,MAAM,CAAC,UAAU,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAC,CAAC,CAAC;AACxD,iBAAA,KAAK,CAAC,CAAC,IAAI,MAAM,CAAC,iBAAiB,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC;kBACjD,MAAM,CAAC,iBAAiB;mBACvB,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;iBACjB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;YAEnC,MAAM,OAAO,GAAG,WAAW,EAAE;iBAC1B,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAClC,iBAAA,KAAK,CAAC,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAW,mCAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;YAE5C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,KAAI;AACjC,gBAAA,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;gBAChB,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;gBAClC,KAAK,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;;gBAGhC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAA;gBACzF,KAAK,CAAC,MAAM,GAAG;oBACb,IAAI,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,IAAI,CAAC,MAAM,CAAC,IAAI;AAC/B,oBAAA,WAAW,EAAE,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI;iBACjE,CAAA;AACH,aAAC,CAAC,CAAA;AACJ,SAAC,CAAC,CAAA;AAEJ,QAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,cAAI,OAAA,CAAA,CAAA,EAAA,GAAA,CAAC,CAAC,MAAM,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,KAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAA,EAAA,CAAC,CAAA;AACvF,QAAA,OAAO,QAAQ,CAAA;KAChB;IAEO,iBAAiB,GAAA;AACvB,QAAA,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;AAEtE,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;AAE3D,QAAA,MAAM,oBAAoB,GAAG;YAC3B,eAAe,EAAE,MAAM,CAACC,SAAW,CAAC,0BAA0B,CAAC;YAC/D,cAAc,EAAE,gCAAgC,CAAC,aAAa;AAC9D,YAAA,KAAK,EAAE,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM;SAC1C,CAAA;AACD,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,KAAI;AAClD,YAAA,MAAM,OAAO,GAAG,SAAS,KAAK,oBAAoB,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,CAAC,MAAM,CAAA;AAC5E,YAAA,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,EAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;YACjF,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,YAAY,GAAG,WAAW,CAAA;YAC5E,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;YACnD,IAAI,UAAU,KAAK,IAAI,EAAE;gBACvB,OAAO,CAAC,IAAI,CAAC,CAAA,6CAAA,EAAgD,WAAW,CAAC,KAAK,CAAuB,qBAAA,CAAA,CAAC,CAAA;AACvG,aAAA;AACD,YAAA,GAAG,CAAC,OAAO,CACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,WAAW,CACd,EAAA,EAAA,GAAG,EAAE,OAAO,EACZ,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,IAAI,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,KAAA,CAAA,GAAV,UAAU,GAAI,oBAAoB,CAAC,KAAK,CAAC,IACjE,CAAA;AACF,YAAA,OAAO,GAAG,CAAA;AACZ,SAAC,EAAE,IAAI,KAAK,EAAoB,CAAC,CAAA;AAEjC,QAAA,OAAO,SAAS,KAAK,oBAAoB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE,GAAG,UAAU,CAAA;KACtF;;AAzNM,WAAS,CAAA,SAAA,GAAGC,KAAC,CAAA;AACb,WAAA,CAAA,YAAY,GAAGD,SAAW;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\nimport { arc, pie } from 'd3-shape'\nimport { hierarchy, HierarchyNode, partition } from 'd3-hierarchy'\nimport { scaleLinear, ScaleLinear } from 'd3-scale'\nimport { group } from 'd3-array'\n\n// Core\nimport { ComponentCore } from 'core/component'\nimport { SeriesDataModel } from 'data-models/series'\n\n// Types\nimport { VerticalAlign } from 'types/text'\n\n// Utils\nimport { getColor } from 'utils/color'\nimport { smartTransition } from 'utils/d3'\nimport { getNumber, getString, getValue, isNumber, isNumberWithinRange, merge } from 'utils/data'\nimport { getPixelValue } from 'utils/misc'\nimport { cssvar } from 'utils/style'\nimport { wrapSVGText } from 'utils/text'\n\n// Local Types\nimport { NestedDonutDirection, NestedDonutSegment, NestedDonutLayer, NestedDonutSegmentLabelAlignment } from './types'\n\n// Config\nimport { NestedDonutDefaultConfig, NestedDonutConfigInterface } from './config'\n\n// Modules\nimport { createArc, updateArc, removeArc } from './modules/arc'\nimport { createLabel, updateLabel, removeLabel } from './modules/label'\n\n// Styles\nimport * as s from './style'\n\nexport class NestedDonut<Datum> extends ComponentCore<\nDatum[],\nNestedDonutConfigInterface<Datum>\n> {\n  static selectors = s\n  static cssVariables = s.variables\n  protected _defaultConfig = NestedDonutDefaultConfig as NestedDonutConfigInterface<Datum>\n  public config: NestedDonutConfigInterface<Datum> = this._defaultConfig\n  datamodel: SeriesDataModel<Datum> = new SeriesDataModel()\n\n  arcBackground: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  arcGroup: Selection<SVGGElement, unknown, SVGGElement, unknown>\n  centralLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>\n  centralSubLabel: Selection<SVGTextElement, unknown, SVGGElement, unknown>\n\n  arcGen = arc<Partial<NestedDonutSegment<Datum>>>()\n  colorScale: ScaleLinear<string, string> = scaleLinear()\n\n  events = { }\n\n  constructor (config?: NestedDonutConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n    this.arcBackground = this.g.append('g')\n    this.arcGroup = this.g.append('g')\n      .attr('class', s.segmentsGroup)\n    this.centralLabel = this.g.append('text')\n      .attr('class', s.centralLabel)\n    this.centralSubLabel = this.g.append('text')\n      .attr('class', s.centralSubLabel)\n  }\n\n  _render (customDuration?: number): void {\n    const { config } = this\n    const duration = isNumber(customDuration) ? customDuration : config.duration\n\n    const layers = this._getLayerSettings()\n    const data = this._getHierarchyData(layers)\n\n    this.arcGen\n      .startAngle(d => d.x0)\n      .endAngle(d => d.x1)\n      .innerRadius(d => d.y0)\n      .outerRadius(d => d.y1)\n      .cornerRadius(config.cornerRadius)\n\n    this.arcGroup.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.arcBackground.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.centralLabel.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n    this.centralSubLabel.attr('transform', `translate(${this._width / 2},${this._height / 2})`)\n\n    // Layer backgrounds\n    const backgrounds = this.arcBackground\n      .selectAll<SVGPathElement, NestedDonutLayer>(`.${s.background}`)\n      .data(layers, d => d._id)\n\n    const backgroundsEnter = backgrounds.enter().append('path')\n      .attr('class', s.background)\n      .attr('visibility', config.showBackground ? null : 'hidden')\n\n    const backgroundsMerged = backgrounds.merge(backgroundsEnter)\n      .style('transition', `fill ${duration}ms`)\n      .style('fill', d => d.backgroundColor)\n\n    smartTransition(backgroundsMerged, duration)\n      .attr('d', d => this.arcGen({\n        x0: config.angleRange?.[0] ?? 0,\n        x1: config.angleRange?.[1] ?? 2 * Math.PI,\n        y0: d._innerRadius,\n        y1: d._outerRadius,\n      }))\n\n    smartTransition(backgrounds.exit(), duration)\n      .style('opacity', 0)\n      .remove()\n\n    // Segments\n    const segments = this.arcGroup.selectAll<SVGGElement, NestedDonutSegment<Datum>>(`${s.segment}`)\n      .data(data, d => d._id)\n\n    const segmentsEnter = segments.enter()\n      .append('g')\n      .attr('class', s.segment)\n\n    segments.merge(segmentsEnter)\n    smartTransition(segments.exit(), duration)\n      .attr('class', s.segmentExit)\n      .style('opacity', 0)\n      .remove()\n\n    // Segment arcs\n    const arcs = this.arcGroup\n      .selectAll<SVGPathElement, NestedDonutSegment<Datum>>(`.${s.segmentArc}`)\n      .data(data, d => d._id)\n\n    const arcsEnter = segmentsEnter.append('path')\n      .attr('class', s.segmentArc)\n      .call(createArc, config)\n\n    arcs.merge(arcsEnter)\n      .call(updateArc, config, this.arcGen, duration)\n\n    arcs.exit<NestedDonutSegment<Datum>>()\n      .attr('class', s.segmentExit)\n      .call(removeArc, duration)\n\n    // Segment labels\n    const labels = this.arcGroup\n      .selectAll<SVGTextElement, NestedDonutSegment<Datum>>(`.${s.segmentLabel}`)\n      .data(data, d => d._id)\n\n    const labelsEnter = segmentsEnter.append('text')\n      .attr('class', s.segmentLabel)\n      .call(createLabel, this.arcGen)\n\n    labels.merge(labelsEnter)\n      .call(updateLabel, config, this.arcGen, duration)\n\n    labels.exit<NestedDonutSegment<Datum>>()\n      .call(removeLabel, duration)\n\n    // Chart labels\n    this.centralLabel\n      .attr('dy', config.centralSubLabel ? '-0.55em' : null)\n      .text(config.centralLabel ?? null)\n\n    this.centralSubLabel\n      .attr('dy', config.centralLabel ? '0.55em' : null)\n      .text(config.centralSubLabel ?? null)\n\n    if (config.centralSubLabelWrap) wrapSVGText(this.centralSubLabel, layers[0]._innerRadius * 1.9, VerticalAlign.Top)\n  }\n\n  private _getHierarchyData (layers: NestedDonutLayer[]): NestedDonutSegment<Datum>[] {\n    const { config, datamodel: { data } } = this\n\n    const layerAccessors = config.layers?.map(layerAccessor => (i: number) => getString(data[i], layerAccessor, i))\n    const nestedData = group(data.keys(), ...layerAccessors as [(i: number) => string])\n\n    const rootNode = config.value !== undefined\n      ? hierarchy(nestedData).sum(index => typeof index === 'number' && getNumber(data[index], config.value, index))\n      : hierarchy(nestedData).count()\n\n    const partitionData = partition().size([config.angleRange[1], 1])(rootNode) as NestedDonutSegment<Datum>\n\n    partitionData\n      .each(node => {\n        // Starting with the root, we transform the original data returned from d3.hierarchy\n        const n = node as unknown as HierarchyNode<[string, number[]]>\n        node.data = {\n          key: n.data[0],\n          values: Array.isArray(n.data[1]) ? (n.data[1] as number[]).map(i => data[i]) : [],\n          root: node.parent?.data?.root ?? n.data[0],\n        }\n        node._id = `root${partitionData.path(node).map(d => d.data.key).join('->')}`\n        if (isNumberWithinRange(node.depth - 1, [0, layers.length - 1])) {\n          node._layer = layers[node.depth - 1]\n          node.y0 = node._layer._innerRadius\n          node.y1 = node._layer._outerRadius\n        }\n      })\n      .eachBefore((node) => {\n        // Once ancestors have been visited, children properties that are\n        // dependent on the parent's data are populated here\n        if (!node.children || node.depth === rootNode.height - 1) return\n\n        const positions = pie<NestedDonutSegment<Datum>>()\n          .startAngle(node.parent ? node.x0 : config.angleRange?.[0])\n          .endAngle(node.parent ? node.x1 : config.angleRange?.[1])\n          .value(d => config.showEmptySegments && d.value === 0\n            ? config.emptySegmentAngle\n            : (d.x1 - d.x0))\n          .sort(config.sort)(node.children)\n\n        const opacity = scaleLinear()\n          .domain([-1, node.children.length])\n          .range([node._state?.fillOpacity ?? 1, 0])\n\n        node.children.forEach((child, i) => {\n          child._index = i\n          child.x0 = positions[i].startAngle\n          child.x1 = positions[i].endAngle\n\n          // Default to parent's fill if segmentColor accessor is not provided\n          const color = getColor(child, config.segmentColor, positions[i].index, child.depth !== 1)\n          child._state = {\n            fill: color ?? node._state.fill,\n            fillOpacity: color === null ? opacity(positions[i].index) : null,\n          }\n        })\n      })\n      .eachAfter(node => {\n        // Once hierarchy has been traversed, we append children data the parent\n        // parent.data serves as a reference to all the original data it represents\n        node.children?.forEach(ch => node.data.values.push(...ch.data.values))\n      })\n\n    const segments = partitionData.descendants().filter(d => d.parent?.value && d.data.key)\n    return segments\n  }\n\n  private _getLayerSettings (): NestedDonutLayer[] {\n    const { direction, layers, layerPadding, layerSettings } = this.config\n\n    const outerRadius = Math.min(this._width, this._height) / 2\n\n    const defaultLayerSettings = {\n      backgroundColor: cssvar(s.variables.nestedDonutBackgroundColor),\n      labelAlignment: NestedDonutSegmentLabelAlignment.Perpendicular,\n      width: outerRadius * 0.75 / layers.length,\n    }\n    const layerItems = layers.reduceRight((arr, _, i) => {\n      const layerId = direction === NestedDonutDirection.Outwards ? i : arr.length\n      const layerConfig = merge(defaultLayerSettings, getValue(layerId, layerSettings))\n      const radius = arr.length ? arr[0]._innerRadius - layerPadding : outerRadius\n      const layerWidth = getPixelValue(layerConfig.width)\n      if (layerWidth === null) {\n        console.warn(`Unovis | Nested Donut: Could not parse width ${layerConfig.width}. Setting to default.`)\n      }\n      arr.unshift({\n        ...layerConfig,\n        _id: layerId,\n        _outerRadius: radius,\n        _innerRadius: radius - (layerWidth ?? defaultLayerSettings.width),\n      })\n      return arr\n    }, new Array<NestedDonutLayer>())\n\n    return direction === NestedDonutDirection.Inwards ? layerItems.reverse() : layerItems\n  }\n}\n"],"names":["s.segmentsGroup","s.centralLabel","s.centralSubLabel","s.background","s.segment","s.segmentExit","s.segmentArc","s.segmentLabel","s.variables","s"],"mappings":"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"}

package/components/nested-donut/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  '--vis-nested-donut-font-family': undefined,\n\n  // Background\n  '--vis-nested-donut-background-color': '#E7E9F3',\n\n  // Central label\n  '--vis-nested-donut-central-label-font-size': '16px',\n  '--vis-nested-donut-central-label-font-weight': 600,\n  '--vis-nested-donut-central-label-text-color': '#5b5f6d',\n\n  // Central sub-label\n  '--vis-nested-donut-central-sublabel-font-size': '12px;',\n  '--vis-nested-donut-central-sublabel-font-weight': 500,\n  '--vis-nested-donut-central-sublabel-text-color': '#5b5f6d',\n\n  // Segments\n  '--vis-nested-donut-segment-stroke-width': '1px',\n  '--vis-nested-donut-segment-stroke-color': 'var(--vis-nested-donut-background-color)',\n  '--vis-nested-donut-segment-label-text-color-light': '#5b5f6d',\n  '--vis-nested-donut-segment-label-text-color-dark': '#fff',\n  '--vis-nested-donut-segment-label-font-size': '1em',\n\n  /* Dark theme */\n  '--vis-dark-nested-donut-background-color': '#18160C',\n  '--vis-dark-nested-donut-central-label-text-color': '#fff',\n  '--vis-dark-nested-donut-central-sublabel-text-color': '#fff',\n}\n\nexport const root = css`\n  label: nested-donut-component;\n`\n\nexport const segmentsGroup = css`\n  label: nested-donut-segments-group;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n  fill: var(--vis-nested-donut-background-color);\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segment = css`\n  label: segment;\n `\n\nexport const segmentExit = css`\n  label: segment-exit;\n`\n\nexport const segmentArc = css`\n  label: segment-arc;\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segmentLabel = css`\n  label: segment-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  user-select: none;\n  font-size: var(--vis-nested-donut-segment-label-font-size);\n`\n\nexport const centralLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-label-font-size);\n  font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-label-font-weight);\n  fill: var(--vis-nested-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n  label: central-sub-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-sublabel-font-size);\n  font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-sublabel-font-weight);\n  fill: var(--vis-nested-donut-central-sublabel-text-color);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;;AAErB,IAAA,gCAAgC,EAAE,SAAS;;AAG3C,IAAA,qCAAqC,EAAE,SAAS;;AAGhD,IAAA,4CAA4C,EAAE,MAAM;AACpD,IAAA,8CAA8C,EAAE,GAAG;AACnD,IAAA,6CAA6C,EAAE,SAAS;;AAGxD,IAAA,+CAA+C,EAAE,OAAO;AACxD,IAAA,iDAAiD,EAAE,GAAG;AACtD,IAAA,gDAAgD,EAAE,SAAS;;AAG3D,IAAA,yCAAyC,EAAE,KAAK;AAChD,IAAA,yCAAyC,EAAE,0CAA0C;AACrF,IAAA,mDAAmD,EAAE,SAAS;AAC9D,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,4CAA4C,EAAE,KAAK;;AAGnD,IAAA,0CAA0C,EAAE,SAAS;AACrD,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,qDAAqD,EAAE,MAAM;CAC9D,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;GAExB;AAEK,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from '@emotion/css'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n  // Undefined by default to allow proper fallback to var(--vis-font-family)\n  '--vis-nested-donut-font-family': undefined as undefined,\n\n  // Background\n  '--vis-nested-donut-background-color': '#E7E9F3',\n\n  // Central label\n  '--vis-nested-donut-central-label-font-size': '16px',\n  '--vis-nested-donut-central-label-font-weight': 600,\n  '--vis-nested-donut-central-label-text-color': '#5b5f6d',\n\n  // Central sub-label\n  '--vis-nested-donut-central-sublabel-font-size': '12px;',\n  '--vis-nested-donut-central-sublabel-font-weight': 500,\n  '--vis-nested-donut-central-sublabel-text-color': '#5b5f6d',\n\n  // Segments\n  '--vis-nested-donut-segment-stroke-width': '1px',\n  '--vis-nested-donut-segment-stroke-color': 'var(--vis-nested-donut-background-color)',\n  '--vis-nested-donut-segment-label-text-color-light': '#5b5f6d',\n  '--vis-nested-donut-segment-label-text-color-dark': '#fff',\n  '--vis-nested-donut-segment-label-font-size': '1em',\n\n  /* Dark theme */\n  '--vis-dark-nested-donut-background-color': '#18160C',\n  '--vis-dark-nested-donut-central-label-text-color': '#fff',\n  '--vis-dark-nested-donut-central-sublabel-text-color': '#fff',\n}\n\nexport const root = css`\n  label: nested-donut-component;\n`\n\nexport const segmentsGroup = css`\n  label: nested-donut-segments-group;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n  label: background;\n  fill: var(--vis-nested-donut-background-color);\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segment = css`\n  label: segment;\n `\n\nexport const segmentExit = css`\n  label: segment-exit;\n`\n\nexport const segmentArc = css`\n  label: segment-arc;\n  stroke-width: var(--vis-nested-donut-segment-stroke-width);\n  stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segmentLabel = css`\n  label: segment-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  user-select: none;\n  font-size: var(--vis-nested-donut-segment-label-font-size);\n`\n\nexport const centralLabel = css`\n  label: central-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-label-font-size);\n  font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-label-font-weight);\n  fill: var(--vis-nested-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n  label: central-sub-label;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-size: var(--vis-nested-donut-central-sublabel-font-size);\n  font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));\n  font-weight: var(--vis-nested-donut-central-sublabel-font-weight);\n  fill: var(--vis-nested-donut-central-sublabel-text-color);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;;AAErB,IAAA,gCAAgC,EAAE,SAAsB;;AAGxD,IAAA,qCAAqC,EAAE,SAAS;;AAGhD,IAAA,4CAA4C,EAAE,MAAM;AACpD,IAAA,8CAA8C,EAAE,GAAG;AACnD,IAAA,6CAA6C,EAAE,SAAS;;AAGxD,IAAA,+CAA+C,EAAE,OAAO;AACxD,IAAA,iDAAiD,EAAE,GAAG;AACtD,IAAA,gDAAgD,EAAE,SAAS;;AAG3D,IAAA,yCAAyC,EAAE,KAAK;AAChD,IAAA,yCAAyC,EAAE,0CAA0C;AACrF,IAAA,mDAAmD,EAAE,SAAS;AAC9D,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,4CAA4C,EAAE,KAAK;;AAGnD,IAAA,0CAA0C,EAAE,SAAS;AACrD,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,qDAAqD,EAAE,MAAM;CAC9D,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;GAExB;AAEK,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/sankey/config.d.ts

@@ -5,7 +5,7 @@ import { Position } from "../../types/position";
 import { SankeyInputLink, SankeyInputNode, SankeyNodeAlign, SankeySubLabelPlacement, SankeyExitTransitionType, SankeyEnterTransitionType, SankeyLink, SankeyNode } from './types';
 export interface SankeyConfigInterface<N extends SankeyInputNode, L extends SankeyInputLink> extends ComponentConfigInterface {
     /** Node / Link id accessor function. Used for mapping of data updates to corresponding SVG objects. Default: `(d, i) => d.id ?? i.toString()` */
-    id?: (d: SankeyInputNode | SankeyInputLink, i: number, ...any: any[]) => string;
+    id?: (d: SankeyInputNode | SankeyInputLink, i: number, ...any: unknown[]) => string;
     /** Coefficient to scale the height of the diagram when the amount of links is low: `C * links.length`, clamped to `[height / 2, height]`. Default: `1/16` */
     heightNormalizationCoeff?: number;
     /** Type of animation on removing nodes. Default: `ExitTransitionType.Default` */

package/components/sankey/config.js

@@ -4,8 +4,8 @@ import { VerticalAlign, FitMode, TrimMode } from '../../types/text.js';
 import { Position } from '../../types/position.js';
 import { SankeyExitTransitionType, SankeyEnterTransitionType, SankeyNodeAlign, SankeySubLabelPlacement } from './types.js';
 
-/* eslint-disable dot-notation */
-const SankeyDefaultConfig = (Object.assign(Object.assign({}, ComponentDefaultConfig), { heightNormalizationCoeff: 1 / 16, exitTransitionType: SankeyExitTransitionType.Default, enterTransitionType: SankeyEnterTransitionType.Default, id: (d, i) => { var _a; return (_a = d['_id']) !== null && _a !== void 0 ? _a : `${i}`; }, highlightSubtreeOnHover: false, highlightDuration: 300, highlightDelay: 1000, iterations: 32, nodeSort: undefined, nodeWidth: 25, nodeAlign: SankeyNodeAlign.Justify, nodeHorizontalSpacing: 150, nodeMinHeight: 20, nodeMaxHeight: 100, nodePadding: 2, nodeColor: d => d['color'], nodeFixedValue: d => d['fixedValue'], showSingleNode: true, nodeCursor: undefined, nodeIcon: undefined, nodeIconColor: undefined, label: d => d['label'], labelPosition: Position.Auto, labelVerticalAlign: VerticalAlign.Middle, labelBackground: false, labelTextSeparator: [' ', '-'], labelFit: FitMode.Trim, labelTrimMode: TrimMode.Middle, labelForceWordBreak: true, labelFontSize: undefined, labelCursor: undefined, labelColor: undefined, labelMaxWidth: 70, labelExpandTrimmedOnHover: true, labelVisibility: undefined, subLabel: undefined, subLabelFontSize: undefined, subLabelColor: undefined, subLabelPlacement: SankeySubLabelPlacement.Below, subLabelToLabelInlineWidthRatio: 0.4, linkValue: d => d['value'], linkColor: d => d['color'], linkCursor: undefined, 
+// Config
+const SankeyDefaultConfig = (Object.assign(Object.assign({}, ComponentDefaultConfig), { heightNormalizationCoeff: 1 / 16, exitTransitionType: SankeyExitTransitionType.Default, enterTransitionType: SankeyEnterTransitionType.Default, id: (d, i) => { var _a; return (_a = d._id) !== null && _a !== void 0 ? _a : `${i}`; }, highlightSubtreeOnHover: false, highlightDuration: 300, highlightDelay: 1000, iterations: 32, nodeSort: undefined, nodeWidth: 25, nodeAlign: SankeyNodeAlign.Justify, nodeHorizontalSpacing: 150, nodeMinHeight: 20, nodeMaxHeight: 100, nodePadding: 2, nodeColor: (d) => d.color, nodeFixedValue: (d) => d.fixedValue, showSingleNode: true, nodeCursor: undefined, nodeIcon: undefined, nodeIconColor: undefined, label: (d) => d.label, labelPosition: Position.Auto, labelVerticalAlign: VerticalAlign.Middle, labelBackground: false, labelTextSeparator: [' ', '-'], labelFit: FitMode.Trim, labelTrimMode: TrimMode.Middle, labelForceWordBreak: true, labelFontSize: undefined, labelCursor: undefined, labelColor: undefined, labelMaxWidth: 70, labelExpandTrimmedOnHover: true, labelVisibility: undefined, subLabel: undefined, subLabelFontSize: undefined, subLabelColor: undefined, subLabelPlacement: SankeySubLabelPlacement.Below, subLabelToLabelInlineWidthRatio: 0.4, linkValue: (d) => d.value, linkColor: (d) => d.color, linkCursor: undefined, 
     // https://stackoverflow.com/a/21648197/2040291
     init: function () {
         this.linkSort =